/*Global Elements*/

/*

Color reference ...
 
blue: 0C2577
orange: FF6600
ltblue: EDF3FC
ltorange: FFE1CD
brownorange: BD9367

*/

* { margin: 0; padding: 0; }

body
{
	font-size: 12px;	
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #000000;
	margin: 0;
	padding: 0;
	text-align: left;
}

th,td { padding: 3px; }

a img { border-style: none; }
a:link { text-decoration: none; color: #333399; }
a:hover { text-decoration: underline; color: #000099; }
a:visited { text-decoration: none; color: #333399; }
a:visited:hover { text-decoration: underline; color: #000099; }

p 
{
	margin: 5px 0 5px 0px;
	line-height: 1.5em;
}

h2
{
	font-size: 120%;
	margin: 5px 0 5px 10px;
	padding-bottom: 0;
}

h3
{
	font-size: 110%;
	margin: 5px 0 5px 10px;
}

h4
{
	margin: 5px 0 5px 10px;
}

label
{
	font-weight: bold;
	font-size: 110%;
}

ul
{
	padding: 5px;
	margin-left: 25px;
	list-style: square;
	color: #0C2577;
}

li { margin-bottom: 5px; }

input { padding: 1px 2px; }


#container
{
	margin: 0 15px 0 15px;
 	padding: 0;
}


#content
{
	background: #fff;
}
#content p { padding: 0 75px 0 65px; }
#content ul
{
	padding: 0 75px 0 75px;
	margin-left: 10px;
}
#content h2
{
	padding: 0 75px 0 65px;
	margin: 10px 0 0 0;
}
#content ul
{
	padding: 0 75px 0 75px;
	margin-left: 10px;
}


div #footer {
	text-align: center;
	margin: 50px 70px 50px 70px;
	font-size: 95%;
	color: #ccc;
}

.error
{
	color: #600;
	font-weight: bold;
	padding: 6px 2px 4px 0px;
	margin: 0 10px 5px 4px;
}

.clear {clear:both; overflow:visible; width:100%; height:1px; font-size:1px;}


.rbox {	color:#000;	background-color:#ccc; line-height:130%; padding-top:0; margin-top:0; }
.rbcontent { margin: 2px 12px; background-color: #ccc; color: #000; vertical-align: top; }
.rboxtop { background: url(../images/gray_tr.gif) no-repeat top right; }
.rboxtop div { background: url(../images/gray_tl.gif) no-repeat top left; }
.rboxbot { background: url(../images/gray_bl.gif) no-repeat top left; }
.rboxbot div { background: url(../images/gray_br.gif) no-repeat top right; }
.rboxtop, .rboxtop div, .rboxbot, .rboxbot div { height: 6px; font-size: 1px; margin: 0px; padding: 0px; }

.chart_divider { border-bottom: 1px solid #0C2577; height: 1px; padding: 1px 0px 0px 0px; margin: 1px 0px 0px 0px; }

.chart_td { background-color: white; padding: 0px 2px 4px 2px; width: 188px; color:#000000; }


.sidebar_release {
	text-align:center;
	margin: 0 auto;
	width: 82px;
	height: 150px;
	font-size: 85%;
	margin: 0 auto;
	vertical-align: top; 
	text-align: center; 
	overflow:hidden;
}

.results_table { padding: 0; margin: 0 auto; background-color: #ffffff; }

.detail_number { padding: 4px 4px 4px 4px; font-weight: bold; vertical-align: middle; text-align: center; color: #ffffff; }

.track_table { padding: 0; margin: 0 auto; background-color: #ffffff; }
.track_table td { height: 25px; padding: 5px 5px; margin: 2px 0; vertical-align: middle; }
.track_table th { font-size: 85%; height: 12px; padding: 10px 5px 5px 5px; margin: 0; text-align: left; vertical-align: middle; }

.tracklist_rowcolor1 { background-color: #ffffff; }
.tracklist_rowcolor2 { background-color: #EDF3FC; }

.track_normal {
	background-color: #A4B7D5;
	border-bottom: 1px solid #EDF3FC;
	color: #000000;
	text-align: center;
}
.track_hilite {
	background-color: #0C2577;
	background-image: url(../images/blue_header_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	color: #ffffff;
	text-align: center;
}


.track_poptable { padding: 0; margin: 0; background-color: #eee; width: 100%; height: 100%; border-bottom: 1px solid #777;}
.track_poptable td { height: 25px; padding: 2px 3px; margin: 0; background-color: #eee; text-align: left; vertical-align: middle; }

.channel_table { padding: 0; margin: 0; background-color: #eee; width: 100%; height: 100%; border: 1px solid #ccc; }
.channel_table td { padding: 0; margin: 0; background-color: #eee; text-align: center; vertical-align: top; }

.player_table { color: #ffffff; text-align: center; background-color: #0C2577; height: 100%; }
.player_td { vertical-align: top; padding: 4px 0; margin:0; }
.player_td a:link { text-decoration: none; color: #ffffff; }
.player_td a:visited { text-decoration: none; color: #ffffff; }
.player_td a:hover { text-decoration: underline; color: #ffffff; }
.player_td a:visited:hover { text-decoration: underline; color: #ffffff; }

.button_small2 {
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;

	text-align: center;
	vertical-align: top;
	padding: 0;
	margin: 0;
	
	background-image: url(../images/orange_header_bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}
.button_small2 a {
	text-decoration: none;
	color: #FFFFFF;
}
.button_small2 a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
.button_small2 a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.button_small2 a:visited:hover {
	text-decoration: underline;
	color: #FFFFFF;
}



.hdr  { padding: 0; margin: 0; }
.hdr a:link { text-decoration: none; color: white; }
.hdr a:visited { text-decoration: none; color: white; }
.hdr a:hover { text-decoration: underline; color: white; }
.hdr a:visited:hover { text-decoration: underline; color: white; }
.hdr tr  { padding: 0; margin: 0; }
.hdr td {
	padding: 0; margin: 0;
	background-color: #0C2577;
	color: white;
	vertical-align: middle;
	font-size: 110%;
}
.hdr div {
	padding: 3px 5px;	
}
.hdr_gradient {
	background-color: #0C2577;
	background-image: url(../images/blue_header_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.hdr_gradient_alt {
	background-color: #aaa;
}
.hdr_right {
	padding: 0; margin: 0;
	background-color: #0C2577;
	background-image: url(../images/blue_header_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 6px;
	height: 25px;
}



.channel_text {
	text-align: left;
	font-weight: bold; 
	font-size: 95%;
	background-color: #eee;
	padding: 5px 5px;
	margin: 0;
}

.sidebar_subview {
	padding: 5px 0 0 0; 
	margin: 0; 
	background-color: #eee;
	width: 100%;
	border: 0px;
}


.seconds_text {  font-size: 11px; text-align: center; }
.bitrate_text { font-size: 11px; text-align: center; }
.footnote_text { font-size: 11px; text-align: center; color: #aaa; vertical-align: middle; }
.buy_text { font-size: 11px; text-align: center; vertical-align: middle; }

.featured_text { line-height: 125%; color: black; font-weight: normal; }
.featured_title { margin: 2px 5px 0px 5px; font-weight: bold; }

.errortext { width: 100%; text-align: center; vertical-align: middle; padding: 5px 5px; color: #ffffff; background-color: #0C2577; }
.errortext a { color: white; text-decoration: underline; }
.errortext a:hover { color: white; text-decoration: underline; }
.errortext a:visited { color: white; text-decoration: underline; }
.errortext a:visited:hover { color: white; text-decoration: underline; }

.dlm_div { margin: 5px 0px; padding: 10px 10px; border: 1px solid #ccc; background-color: #eee; }

.shopping_cart td { margin: 2px 4px; }
.shopping_cart th { padding: 4px 4px; font-weight: bold; background-color: #FFE1CD; }

.invoice td { padding: 4px 5px; margin: 2px 4px; border-bottom: 1px solid #ffffff; }
.invoice th { padding: 4px 5px; margin: 2px 4px; border-bottom: 1px solid #ffffff; }


.playlist_num { padding-bottom: 3px; font-weight: bold; color: #ffffff; }

.popup_messagebox {
		
	width: 30%;
	height: 8%;
	
	position: fixed;
	top: 42%;	
	left: 35%;
	z-index: 1000;	 

	display: none; 
	padding: 10px; 
	text-align: left; 
	vertical-align: middle;
	font-size: 130%;  
	background-color: #eee; 
	color: black;
	border: 2px solid #777;
}

.loginstuff
{
	font-size: 90%; 
	font-weight: normal;
	color: #ffffff;
	text-align: right; 
}
.loginstuff a { color: #ffffff; text-decoration: none; }
.loginstuff a:hover { color: #FF6600; text-decoration: underline; }
.loginstuff a:visited { color: #ffffff; text-decoration: none; }
.loginstuff a:visited:hover { color: #FF6600; text-decoration: underline; }

.header_menu
{
	padding: 0px 15px; 
	margin: 0;
	vertical-align: middle;
	text-align: left;
	background: #FF6600 url(../images/orange_header_bg.jpg) repeat-x top left; 
}
.header_menu td { padding: 0px 3px; }
.header_menu a { color: #ffffff; text-decoration: none; }
.header_menu a:hover { color: #ffffff; text-decoration: underline; }
.header_menu a:visited { color: #ffffff; text-decoration: none; }
.header_menu a:visited:hover { color: #ffffff; text-decoration: underline; }


.slideshow {
	display: hidden;
	padding: 0;
	margin: 0;
}


.navmenu3
{
	text-align: left;
	vertical-align: middle;
	margin: 0;
	padding: 0px 3px;
	font-size: 95%;
	font-weight: bold;
	color: #ffffff; 
	overflow: visible;
	white-space: nowrap;
}
.navmenu3 span { color: #ffffff; padding: 0px 4px 0px 0px; }
.navmenu3 a { color: #ffffff; text-decoration: none; padding: 0px 4px 0px 0px; border-right: 1px #ccc solid; }
.navmenu3 a:hover { color: #ffffff; background-color: #0C2577; text-decoration: underline; }
.navmenu3 a:visited { color: #ffffff; text-decoration: none; }
.navmenu3 a:visited:hover { color: #ffffff; background-color: #0C2577; text-decoration: underline; }


.right_banner {
	margin:0 0 10px 0;
	padding:0;
}

.pager_button {
	font-weight:bold; 
	margin: 0 3px; 
	padding: 3px 5px; 
	border: 1px solid #999;
}
.pager_hilite {
	font-weight:bold; 
	margin: 0 3px; 
	padding: 3px 5px; 
	border: 1px solid #999;
}
.pager_normal {
	font-weight:bold; 
	padding: 3px 5px; 
}

.logintext {
	color: #FF6600; 
	font-weight: bold;
}


#liner-notes {
	padding: 5px 7px; 
	background-color: #ddd; 
	font-size: 90%;
}


#_header {
	padding: 0 15px; 
	margin: 0; 
	background: #0C2577 url(../images/header_bg3.jpg) repeat-x top left;
	height: 65px; 
}
#_header a:link { text-decoration: none; color: #FFFFFF; }
#_header a:hover { text-decoration: underline; color: #FF6600; }
#_header a:visited { text-decoration: none; color: #FFFFFF; }
#_header a:visited:hover { text-decoration: underline; color: #FF6600; }

/* fix problem with IE 6
.hdr_table { width:100%; margin: 0; padding: 0;  background: url(../images/header_bg3.jpg) repeat-x top left; height: 59px; height: 65px; }
*/
.hdr_table { width:100%; margin: 0; padding: 0; background: url(../images/header_bg3.jpg) repeat-x top left; height: 65px;  }
.hdr_cell { padding: 0 15px; margin: 0; background: #0C2577 url(../images/header_bg3.jpg) repeat-x top left; height: 65px; }
.hdr_logo { padding: 0; margin: 0; vertical-align: top; }



.imgvmiddle {
	vertical-align: middle;
}

.nowrap {
	white-space: nowrap;
}

.trunc_text {
	white-space: nowrap;
	text-overflow: ellipsis; 
	overflow: hidden; 
}

.opaque75 {
	opacity: .75; 
	filter: alpha(opacity=75);
}


.hdr_search_field {
	color: #000000;
	background-color: #EDF3FC;
	border: 1px solid #ffffff;
	width: 200px;
	padding: 2px 4px 2px 2px; 
	margin: 0;
	text-align: left; 
	font-size: 90%;
}

.top_featured {
	text-align:center;
	margin: 0 auto;
	width: 175px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.top_overlay {
	width: 175px; 
	text-align: center; 
	margin: 0; 
	background-color: #FFE1CD;
}

.top_overlay_container {
	display: table-cell; 
	vertical-align: bottom;
	border: 1px solid #777; 
	width: 175px; 
	height: 175px;
}


.hdr_cart { 
	padding: 0; 
	margin: 0; 
	width: 190px; 
	font-weight: bold; 
}

#header_shopping_cart {
	vertical-align: middle;
	text-align: right;
	padding: 4px 5px;
	margin: 0 0 0 15px; 
	color: #000000;
	font-size: 90%;
	background-color: #BCD1F7;
}
#header_shopping_cart a:link { text-decoration: none; color: #0C2577; }
#header_shopping_cart a:hover { text-decoration: underline; color: #0C2577; }
#header_shopping_cart a:visited { text-decoration: none; color: #0C2577; }
#header_shopping_cart a:visited:hover { text-decoration: underline; color: #0C2577; }

.desc_box {
	background-color: #FFE1CD; 
	padding: 5px 8px;
}


.dropshadow_shiftcontainer_175 {
	position: relative;
	left: 7px;
	top: 7px;
}

.dropshadow_shadowcontainer_175 {
	width: 175px;
	background-color: #ccc;
}

.dropshadow_shadowcontainer_175 .dropshadow_innerdiv_175 {
	position: relative;
	left: -7px;
	top: -7px;
	width: 175px;
	height: 175px;
}

.dropshadow_shiftcontainer_125 {
	position: relative;
	left: 6px;
	top: 6px;
}

.dropshadow_shadowcontainer_125 {
	width: 125px;
	background-color: #ccc;
}

.dropshadow_shadowcontainer_125 .dropshadow_innerdiv_125 {
	position: relative;
	left: -6px;
	top: -6px;
	width: 125px;
	height: 125px;
}

.cart_header {
	padding: 10px 10px; 
	background-color: #FFE1CD;
	font-weight: bold;
	color: #000000;
}

.faq_box {
	padding: 5px 10px 10px 10px; 
}
.faq_header {
	padding: 15px 0 8px 0; 
	font-weight: bold;
	font-size: 125%;
	color: #0C2577;
}
.faq_question {
	padding: 5px 0 2px 0; 
	font-weight: bold;
	font-size: 100%;
	color: #000000;
}
.faq_answer {
	padding: 0 0 0 10px; 
	font-weight: normal;
	font-size: 100%;
	color: #000000;
}