<!--
.doNotDeleteThis{
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #cc3300;
	text-decoration: none;
}

a img {
        border: none;
}

a:hover {
	color: #666;
	text-decoration: none;
}

.Content{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}
.smallContent{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}
.indexPublisherNote
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffffff;
}
.whiteContent
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ffffff;
}
.whiteContentSmall
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffffff;
}
.whiteContentTiny
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #ffffff;
}
.greyContent
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666666;
}
.greyContentSmall
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
}
.redContent
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #cc3300;
}
.redContentSmall
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #cc3300;
}
.blueContent
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #0000ff;
}

/****************** Flash Player Styles ******************/
.playerTitle{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
}
.playerContent{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}
.playerLink
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    text-decoration: none
}
.playerLink:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #cc3300;
    text-decoration: none
}
.playerLinkSmall
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 6pt;
    color: #000000;
    text-decoration: none
}
.playerLinkSmall:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 6pt;
    color: #cc3300;
    text-decoration: none
}

/****************** Help Page Styles ******************/
.helpTopic{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
}
.helpContent{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}
.helpLink
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #cc3300;
    text-decoration: none
}
.helpLink:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #666666;
    text-decoration: none
}

/************** Misc. Page Styles ***************/
.locationContent
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ffffff;
}
.newsContent
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ffffff;
}
.wmLicenseCaption
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #000000;
	font-weight: bold;
}
.wmLicenseContent
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
	font-weight: bold;
}
.wmLicenseContentSmall
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
}
.wmLicenseNote
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}
/****************** Account Page Styles ******************/
.accountTopic{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
}
.accountCaption{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #cc3300;
	font-weight: bold;
}
.accountContent{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}
.accountContentSmall{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}
.accountLink{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    text-decoration: none
}
.accountLink:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #cc3300;
    text-decoration: none
}
.accountSmall{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    text-decoration: none
}
.accountLinkSmall{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
}
.accountLinkSmall:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #cc3300;
    text-decoration: none;
}
.itemLink{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    text-decoration: none
}
.itemLink:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    text-decoration: underline
}
.digitalAccessLink{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14pt;
    color: #cc3300;
    font-weight: bold;
    text-decoration: none
}
.digitalAccessLink:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14pt;
    color: #000000;
    font-weight: bold;
    text-decoration: none
}


/****************** Alerts, Notes, Warnings ************/
.alert{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #cc3300;
    font-weight: bold;
}
.alertLink
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #cc3300;
    font-weight: bold;
    text-decoration: none
}
.alertLink:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #666666;
    font-weight: bold;
    text-decoration: none
}
.alertNote{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #cc3300;
	font-style: italic;
}
.error{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #cc3300;
	font-style: italic;
}
.errorSmall{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #cc3300;
}
/**************** special,highlight,urgent ************/

.specialContent{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
}
.highlight{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style:italic;
}
.urgent{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.special{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic; 
}


/************************ Navigation Bar *****************/
.navBarLink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffffff;
	font-weight: bold;
    text-decoration:none;
}
.navBarLink:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #cc3300;
	font-weight: bold;
    text-decoration:none;
}
.navContent{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff;
}
.navigator{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ffffff;
    background-color: #000000;
    text-decoration:none;
}
.navigator:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ffffff;
    background-color: #000000;
    text-decoration:underline;
}
/*********************** Left Column Styles ***************************/
.left8pt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}
.leftIndex8pt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #cccccc;
}
.leftListNumber{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #cc3300;
	font-weight: bold;
}
.leftList{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666666;
}
.leftListLink{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #666666;
	font-weight: bold;
    text-decoration: none
}
.leftListLink:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #cc3300;
	font-weight: bold;
    text-decoration: none
}
/**************************** Menu Styles ****************************/
.menuCaption
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #cc3300;
	font-weight: bold;
}
.menuContent
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}
.menuLink
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    font-weight: bold;
    text-decoration: none
}
.menuLink:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #cc3300;
    font-weight: bold;
    text-decoration: none
}
/*********************** Search/Browse Styles *************************/
.formLabel
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
}
.resultsCaption
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #cc3300;
	font-weight: bold;
}
.resultsLink
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    text-decoration: none;
}
.resultsLink:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #cc3300;
    text-decoration: none;
}
.resultsSortLink
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #cc3300;
	font-weight: bold;
    text-decoration: none;
}
.resultsSortLink:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
	font-weight: bold;
    text-decoration: none;
}
.searchField
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    width:200px;
}
/*********************** Template Styles *************************/
td.leftBorder{
border-left: 1px solid #666666;
}
td.rightBorder{
border-right: 1px solid #666666;
}
/************************ HYPERLINKS or A tag *********************/

A.link
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    text-decoration: none
}
.link:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #cc3300;
    text-decoration: none
}
.contentLink
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #cc3300;
    text-decoration: none
}
.contentLink:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #666666;
    text-decoration: none
}
.listLink
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #ffffff;
    text-decoration: none;
}
.listLink:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #cc3300;
    text-decoration: none;
}
.homeTextLink
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #cccccc;
    text-decoration: none;
}
.homeTextLink:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #cc3300;
    text-decoration: none;
}
.quickLink
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    color: #ffffff;
    text-decoration: none;
}
.quickLink:hover
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    color: #cc3300;
    text-decoration: none;
}
.quickLinkBlack
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    text-decoration: none;
}
.quickLinkBlack:hover
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    color: #cc3300;
    text-decoration: none;
}
.quickLinkSmall
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    color: #ffffff;
    text-decoration: none;
}
.quickLinkSmall:hover
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    color: #cc3300;
    text-decoration: none;
}
.mailTo
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #cc3300;
    text-decoration: none;
}
.mailTo:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #666666;
    text-decoration: none;
}

HR.blackLine {
	color: #000000;
}
HR.greyLine {
	color: #666666;
}
HR.whiteLine {
	color: #ffffff;
}

p.feature {
	margin: 1em 40px;
}

p.feature a {
	color: #CC3300;
}

p.feature a:hover {
	color: #666666;
}

ul.feature {
	padding: 0 0 0 40px;
	margin: 0 40px;
}

p.ebandForm {
	text-align: right;
	margin: 20px 250px 0 0;
}

p.ebandForm span {
	display: inline-block;
}

p.ebandForm input[type="image"] {
	margin: 5px 0 0;
}

img.banner {
	margin: 20px auto;
	display: block;
	text-align: center;
}

ul.ebandItemList {
	list-style-type: none;
	margin: 10px 20px 0;
	padding: 0;
	display: inline-block;
}

ul.ebandItemList li {
	display: block;
	float: left;
	width: 230px;
	height: 210px;
	text-align: center;
	padding: 5px 0 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 10px;
}

ul.ebandItemList li p {
	margin: 0 0 0.5em;
}

span.featureError ul {
	background: #fffddb;
	margin: 0 40px;
	padding: 10px 0 10px 40px;
	border: 1px solid #cc0000;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.bannerOptions {
	font-size: 11px;
	color: red;
}

.center {
	text-align: center;
}

.left {
	float: left;
}

.quarter {
	width: 23%;
}

.half {
	width: 47%;
}

.clear {
	clear: both;
}


td#blogCommercial {
        padding: 5px 0 0 5px;
}

td#hotChartHits {
        padding: 23px 10px 0;
}

td#hotChartHits p {
        margin: 15px 0;
        line-height: 16px;
}

#homeFeatures {
        margin-bottom: 12px;
}

#homeFeatures td {
	border-right: solid 1px #666;
	padding: 12px 10px;
}

#homeFeatures ul li a:link, #homeFeatures ul li a:visited {
	color: #ccc;
}

#homeFeatures ul li a:hover {
	color: #c30;
}

#homeFeatures ul.linkList {
	margin: 24px 0 15px 0;
	padding: 0 0 0 21px;
	color: #c30;
}

#homeFeatures ul.linkList li {
	font-size:12px;
	margin-bottom:6px;
	padding-left:3px;
}

#homeFeatures #instructors img {
	margin: 0 0 20px 20px;
}

#homeFeatures #instructors img#instructorsHeader {
	display: block;
	margin: 0 auto;
        text-align: center;
}

#homeFeatures a.browseMore {
        clear: both;
        display: block;
        margin: 5px 0 0 25px;
        width: 105px;
        background: url('/images/tinyArrow.gif') right 2px no-repeat;
}

#homeFeatures a.browseMore:hover {
	color: #ccc;
        background: url('/images/tinyArrow.gif') right -15px no-repeat;
}

div.affiliate {
	padding: 35px 40px 0 40px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	display: block !important;
}

div.affiliate p {
	margin: 0 0 20px;
}

div.affiliate a {
	color: #cc3300;
}

div.affiliate a:hover {
	color: #666;
}

div.affiliate .required {
	color: #cc3300;
}

div.affiliate label {
	font-weight: bold;
	width: 200px;
	display: inline-block;
	margin: 5px 0;
	vertical-align: top;
}

div.affiliate label.agreedToTerms {
	width: 40px;
}

div.affiliate input {
	vertical-align: top;
}

div.affiliate #errors ul {
	background: #fffddb;
	padding: 10px 0 10px 40px;
	border: 1px solid #cc0000;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

div.affiliate h1 {
	margin-top: 0;
	text-indent: -9999px;
}

div.affiliate h1#welcome {
	width: 100%;
	height: 71px;
	background: url(/images/headerAffiliateHome.gif) no-repeat center center;
	margin: 0 auto 0.67em;
	text-align: center;
}

div.affiliate h1#terms {
	background: url(/images/headerAffiliateTerms.jpg) no-repeat;
	width: 235px;
	height: 35px; 
}

div.affiliate h1#faq {
	background: url(/images/headerAffiliateFAQ.jpg) no-repeat;
	width: 450px;
	height: 50px;
}

div.affiliate h1#tools {
	background: url(/images/headerAffiliateTools.jpg) no-repeat;
	width: 250px;
	height: 35px;
}

div.affiliate h1#signUp {
	background: url(/images/headerAffiliateSignUp.jpg) no-repeat;
	width: 500px;
	height: 35px;
}

div.affiliate h1#easyLinks {
	background: url(/images/headerAffiliateEasyLink.jpg) no-repeat;
	width: 350px;
	height: 35px;
}

div.affiliate h1#bannerPreview {
	background: url(/images/headerAffiliateLinkBanners.jpg) no-repeat;
	width: 650px;
	height: 35px;
}

div.affiliate h1#customLinks {
	background: url(/images/headerCustomLinks.jpg) no-repeat;
	width: 500px;
	height: 35px;
}

div.affiliate h1#advancedSearch {
	background: url(/images/headerProductLinks.jpg) no-repeat;
	width: 500px;
	height: 35px;
}

div.affiliate hr {
	background: #C7CCB2;
	color: #C7CCB2;
	border: none;
	height: 20px;
	margin: 0 0 20px;
	outline: none;
}



/* numbered lists */

ul.numbered {
	list-style-type: none;
	margin: 24px 0 0 0;
	padding: 0;
	color: #c30;
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
        overflow: auto;
}

ul.numbered li {
	clear: both;
	font-weight: bold;
}

ul.numbered li span {
	display: block;
	float: left;
	width: 25px;
}

ul.numbered li a {
	float: left;
	max-width: 200px;
	margin-bottom: 10px;
	font-weight: normal;
}

#featureContent ul li a:link, #featureContent ul li a:visited {
	color: #000;
}

#featureContent ul li a:hover {
	color: #c30;
}


/************ Instructional Books ***************/

table.books {
	width: 100%;
}

.books img.pageTitle {
	display: block;
	margin: 35px auto 20px;
}

.books p.intro {
        font-family: verdana, arial, sans-serif;
        font-size: 10pt;
        color: #000;
        margin: 20px 32px;
        text-align: left;
}

.books div.row {
	clear: both;
}

.books div.item {
	text-align: center;
	width: 155px;
        *width: 197px;
	float: left;
        margin-top: 35px;
        padding: 0 21px;
}

.books div.item a:link, .books div.item a:visited {
        color: #000;
}

.books div.item a:hover {
        color: #c30;
}

.books div.item p {
        margin: 5px 0 0;
}


/*************** Feature Pages ******************/
#feature td.content {
	padding: 10px;
}

#feature h2 {
	margin: 40px 0 0 0;
	font-size: 14px;
	font-family: verdana, arial, sans-serif;
}

#feature p {
	margin-top: 0;
}

#feature img.center {
	display: block;
	margin: 30px auto 30px;
}

#feature img.header {
	margin: 0 0 30px 0;
}

/*Use these classes to create multiple columns.
Create a container div with the appropriate class,
and create a ul for each column */
.smallColumnContainer, .mediumColumnContainer {
	text-align: center;
	margin: 40px 0;
}

.smallColumnContainer ul, .mediumColumnContainer ul {
	display: inline-block;
	*display: inline;
	text-align: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
        vertical-align: top;
}

.smallColumnContainer ul {
	width: 200px;
}

.mediumColumnContainer ul {
	width: 290px;
}

/************************ Featured Artist Pages *****************/
#artistFeature {
	padding: 30px 50px 30px 25px;	
}

#artistFeature p.featureIntro {
	clear: both;	
}

#artistFeature img.artistFeatureImg {
	margin: 0 20px 20px 0;	
}

#artistFeature ul.artistFeatureList {
	margin: 14px 0 0 0;
	list-style-type: none;
}

#artistFeature ul.artistFeatureList li {
	margin-bottom: 3px;
}

/****************** Digital Library ******************/

.wmaDownload {
	margin: 0 0 4px 0;
}
.wmaDownload span {
	font-size: 10px;
}

/****************** Scorch Placeholder **************/

div#scorchPlaceholder,
#scorchInfo,
#scorchMacAlert {
	display: none;
}

div#scorchPlaceholder {
	width: 640px;
	height: 846px;
	background: #fff;
	text-align: center;
}

div#scorchInfo,
#scorchMacAlert {
	padding: 20px;
	text-align: center;
	color: #666;
	font-family: Arial, sans-serif;
}

-->