/*
Title:		Roxio.com - Enterprise Solutions Stylesheet
Author:		David Tang / Sonic Solutions
Updated:	3.28.06
*/

a{
	cursor:pointer;
}

#compatibilityContainer {
	padding: 0px;
	margin: 2px 0px 2px 0px;
	float: left;
	width: 760px;
	background-color: #FFFBF6;
}

/* Styles for sub navigation.  Used with /include/subNav_compatibility.inc */

#introduction #nav_introduction a, #learn #nav_learn a, #faq #nav_faq a, #glossary #nav_glossary a, #whitePaper #nav_whitePaper a {
	background-position:0 -150px;
	border-width:0;
}
	
#introduction #nav_introduction a:hover span, #learn #nav_learn a:hover span, #faq #nav_faq a:hover span, #glossary #nav_glossary a:hover span, #whitePaper #nav_whitePaper a:hover span {
	color:#d98604;
}

#introduction #nav_introduction a span, #learn #nav_learn a span, #faq #nav_faq a span, #glossary #nav_glossary a span, #whitePaper #nav_whitePaper a span {
	background-position:100% -150px;
	padding-bottom:7px;
	color:#333;
}

/*content */

#content {
	clear: left;
	float: left;
	width: 570px;
	background-color: #FFF;
	padding: 0px 10px 10px 15px;
}

#content p {
	padding: 5px 0px 0px 0px
}

#glossary #content p {
	padding: 0px 0px 10px 0px
}

#content h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 160%;
	color: #d98604;
	padding-top: 10px;
	padding-bottom: 5px;
}

#content h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	padding: 0px 0px 15px 0px
}

#content h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #d98604;
	padding-top: 10px;
	padding-bottom: 5px;
}

#glossary #content h3 {
	clear: left;
	padding-top: 10px;
	color: #d98604;
	border-top: solid 1px #333;
}


#content h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

#faq #content h4 {
	clear: left;
	padding-top: 10px;
	color: #d98604;
	border-top: solid 1px #333;
}

#whitePaper #content h4 {
	clear: left;
	padding-top: 10px;
	color: #d98604;
	border-top: solid 1px #333;
}

#content ul{
	list-style-type: none;
	margin-left: 10px; 
	padding: 5px 0px 5px 0px;
}
#content ul li{
	background: url("../images/6x6_blue_bullet.gif");
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 15px;
}

#content ol {
	margin-left: 1.25em; padding-left: 1.25em;
	padding-bottom: 10px;
}

#content ol li {
	padding-top: 5px;
}

#content ol li ol {
	list-style-type: upper-alpha;
}

#pageNav {
	clear: left;
	margin-top: 20px;
	border-top: 1px solid #B5B6B5;
}

#pageNav p {
	text-align: right;
}

#learn_thumbnails {
	float: left;
	width: 110px;
	text-align: center;
	padding: 0px 0px 10px 0px;
}

#learn_list {
	float: left;
	width: 435px;
	padding: 0px 0px 10px 0px;
} 

.faq_thumbnails {
	float: left;
	width: 110px;
	text-align: center;
	padding: 0px 0px 10px 0px;
}

.faq_list {
	float: left;
	width: 435px;
	padding: 0px 0px 10px 0px;
}

.thumbs {
	padding: 10px 0px 0px 0px;
}

.clearLeft {
	clear: left;
}

.alignRight {
	text-align: right;
}

.backTop {
	clear: left;
	text-align: right;
	margin: 5px;
}

#nav_glossary {
	text-align: center;
	border-top: solid 1px	#333;
	padding: 10px 0px 5px 0px;
}

#nav_whitePaper{
	padding: 10px 0px 5px 0px;
}

#nav_whitePaper ol {
	margin-left: 1.25em; padding-left: 1.25em;
	padding-bottom: 0;
}

#nav_whitePaper ol li {
	padding-top: 5px;
}

#nav_whitePaper ol li ol {
	list-style-type: upper-alpha;
}

#nav_whitePaper ol li ol li ol {
	list-style-type: lower-alpha; 
}

/*side navigation */

#side_nav {
	float: left;
	width: 165px;
	background-color: #FFFBF6;
	padding: 0px 0px 10px 0px;
}

#side_nav h2 {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #f79c16;
	border-bottom: 3px solid #fdebd0;
	padding: 1px 5px 3px 5px;
	text-transform: uppercase;
}

#side_nav ul {
	margin-left: 5px; 
	padding: 5px 0px 0px 5px;
	list-style-type: none;
}

#side_nav li{
	background: url("../images/7x7_grey_arrow.gif");
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
}

#side_nav a {
	font-weight: bold;
	text-decoration: none;
}



