/* Specific tags */
body{
	background-color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 0.7em;
	width:731px;
	margin-left:auto; margin-right:auto; display:block;
	margin-top:0px; padding-top:0px;
}
body.popup {width:auto;padding:10px;}

img { border:0px; }
form,select { margin:0; padding:0; }
input.grey, textarea.grey, select.grey,option.grey { 
/*	color:#fff;
	background-color:#333333;
	border: #ccc solid 1px;  */
	color: #000000;
	background-color: #ffffff;
	
	padding:2px; 
	font-family:"Courier New", Courier, monospace; font-size:1.2em;
}
select { margin-bottom:8px; }

textarea.highlightreqd,
select.highlightreqd,
input.highlightreqd  {
	background-color:#FF6600;
}


table,tr,td,th{ margin:0px; padding:0px; vertical-align:top; }
.centercell { text-align:center; }
.formtable td,div.prediction td { padding:2px; vertical-align:top; }
div.prediction {border-collapse:collapse;border:1px solid #ffffff;margin-bottom:5px;}
h1,div.likeanh1 { font-size:1.6em; padding:0; margin:0; margin-bottom:1.0em; }
h2 { font-size:1.3em; padding:0; margin:0; margin-bottom:0.5em;   }
h3 { font-size:1.2em; padding:0; margin:0; margin-bottom:0.5em;   }
h4 { font-size:1.1em; padding:0; margin:0; margin-bottom:0.5em; }

h1.lessbottom,div.lessbottom { margin-bottom:0.5em; } 
h1.altfont,div.altfont {  font-family:Helvetica, Arial, sans-serif; font-weight:normal; } 

hr { 	
	color: #7F7F7F;
	background: #7F7F7F;
	background-image: url(images/hr.gif);
	background-repeat: repeat-x;
	border: 0;
	width: 100%;
	height: 1px;
}
	
label { font-weight:bold;}
label.radio { font-weight:normal;}

ul,ol { /* getting OLs' numbers to format well is a nightmare! */
	list-style-type: none;
	padding: 0;
	margin: 0;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
}
ul.nobullets { list-style: none; }
li {
	/*background-image: url(images/plus_bullet.gif);*/
	background-image: url(images/round_bullet_large.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 1.4em; 
	padding-bottom:0.6em;
}

/* Main layout divs */

div#topsection { 
	float:left;
	margin-top:2px;
	border-bottom:#717171 solid 2px; 
	background-image:url(images/featured_bg.gif);background-position:left bottom; background-repeat:no-repeat; 
	}
div#fullpage {	
	float:left;
	margin-top:2px;
	background-image:url(images/featured_bg_fullpage.gif);background-position:left bottom; background-repeat:no-repeat; 
	}
	
div#featured {
	float:right;
	width:476px;
	padding:12px 0px 16px 0px;
	margin-left: 24px;
}
div#info { float:right;width:169px; }
div#featured_info { float:right;width:298px; }
div#search { float:left;width:227px; }
div#searchinner { float:left;padding:8px 24px 16px 24px; }

div.heading {
	font-size:1.5em;
	font-weight:bold;
	}
		
div#logoimage { float:right;width:169px; overflow:hidden; text-align:left; }
div#logoimage img {margin-bottom:5px;}

div#central {
	margin-top:4px;
	padding-bottom:14px;
	}
div#centralnarrow {
	margin-top:4px;
	padding-bottom:14px;
	width:668px; padding-left:33px;
	}
	
div#footer {
	clear:both;
	background-image:url(images/footer_bg.gif); background-position:top; background-repeat:repeat-x;
	font-size:0.9em;
	}

div#header {
	padding-bottom:3px;
	border-bottom:#717171 solid 2px;
	}	
div#rightcol { float:left; padding-left:30px;margin-top:10px; width:470px; }


.leftcolumn {
	float:left;
	padding-left:20px;
}

.rightcolumn {
	float:right;
	width:346px;padding-left:20px;background-image:url(images/vertical_dots.gif); background-position:left; background-repeat:repeat-y;
}

div#footer .rightcolumn {
	width:auto;
	background-image:none;
	}
div#footer .leftcolumn,div#footer .rightcolumn {
	padding-bottom:15px;
	}
div#centercol { 
	 margin-left:auto; margin-right:auto; display:block; 
	 margin-top:10px; 
	 margin-bottom:20px; 
/*	 width:570px; */

}

.player_container { float:right;padding-top:4px; }
.player_container table {
	height:34px;
	width:100%;
	background-color:#3d3d3d;
	border-collapse:collapse;
	}

#carttable {  }

/* Links */
a:link, a:visited, a:active {text-decoration:none;color:#F4D003;}
a:hover	{text-decoration:underline;}

a.white:link, a.white:visited, a.white:active {text-decoration:none;color:#ffffff;}
a.white:hover	{text-decoration:underline;}

a.blue:link, a.blue:visited, a.blue:active {text-decoration:none;color:#00E3EF; }
a.blue:hover	{text-decoration:underline;}

a.smlgrey:link, a.smlgrey:visited, a.smlgrey:active {text-decoration:none;color:#999999;font-size:0.9em;}
a.smlgrey:hover	{text-decoration:underline;color:#FFD800;font-size:0.9em;}


a.footer:link, a.footer:active, a.footer:visited{color:#D6D6D6;text-decoration:none;}
a.footer:hover{text-decoration:underline;}

a.tjs:link, a.tjs:active, a.tjs:visited{color:#999999;text-decoration:none; font-size:0.9em;}
a.tjs:hover{text-decoration:underline;}		
			
/* Additonal layout styles */
.table_textright { text-align:right; padding-right:12px; }
.table_textleft { text-align:left; padding-right:12px; }

.listingtable { width:100%; }
.listingtable td { padding:8px; }
.listingtable div.player_container td { padding:0px; } /* don't want this t have the 8px padding! */

.tracklistingtop {
	padding:0px;
	margin:0px;
	background-color:#212121;
	float:left; 
	width:668px;
	background-image:url(images/tracklist_top.gif); background-position:top; background-repeat:no-repeat; 
}
.tracklistingtop .invisible {
	color:#212121;
	}
.tracklistingbottom {
	padding:0px;
	margin:0px;
	background-color:#212121;
	float:left;
	width:668px; 
	height:11px; 
	background-image:url(images/tracklist_bottom.gif); 
	background-position:bottom; 
	background-repeat:no-repeat;
}
.tracklistingtop_black {
	padding:0px;
	margin:0px;
	float:left; 
	width:668px;
}
.tracklistingtop_black .invisible {
	color:#000000;
	}
.tracklistingbottom_black {
	padding:0px;
	margin:0px;
	float:left;
	width:668px; 
	height:11px; 
}
.tracklistinginner { padding:11px 10px 0px 20px; }

.tracklistingtop.narrow,
.tracklistingbottom.narrow,
.tracklistingtop_black.narrow,
.tracklistingbottom_black.narrow {
	width:476px;
	}

/* Additional presentation styles */	
.center {margin-left:auto; margin-right:auto; display:block; text-align:center;} 
.nobr {white-space:nowrap; }
.red {color:#FF0000;font-size:0.8em;}
.grey,a.grey { color:#999999;}
.yellow{color:#FFD800;}
.blue{color:#00B3C0}
.green { color:#00FF00; }
.left {float:left;}
.right {float:right;}
.clear{clear:both;}
.image_border { /*border:#525252 solid 2px;*/padding:2px; }
.sml {font-size:0.9em;}
.large {font-size:1.2em;}
.larger {font-size:1.3em;}
.underline { text-decoration:underline; }
.textright { text-align:right; }
.notbold { font-weight:normal; }

table.predicted {
	margin-bottom:2px;
	border-collapse: collapse;
	width:100%;
	}
li.even,tr.even td {
	background-color:#212121;
	}
table.predicted th,table.predicted td {
	padding-bottom:5px;
	}
table.predicted th {
	text-align:right;
	padding-right:10px;
	width:10px; /* prevents it from growing proportionally with the wwidth of the table */
	}
table.predicted ul,table.predicted ol,table.predicted li,ul.excluded li {
	margin:0px;
	padding:0px;
	background-image:none;
	}
table.predicted ol {
	margin-bottom:10px;
	}
td.track li,ul.images li,ul.excluded li {
	background-image:url(images/round_bullet_small.gif);/**/
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-left: 1.4em;
	}
td.track li.tracktitle {
	background-image: url(images/round_bullet_large.gif);
	}
table.predicted td.tracknumber,table.predicted td.track {
	padding-top:7px;
	padding-bottom:5px;
	}
table.predicted td.tracknumber {
	width:25px;
	text-align:center;
	/*background-color:cyan;*/
	}
ul.images li,ul.excluded li {
	margin-bottom:7px;
	/*background-color:cyan;*/
	}
ul.images li {
	margin-left:25px;
	}
ol table {
	/*background-color:yellow;*/
	border-collapse:collapse;
	}
table.trackcount td {
	padding-right:10px;
	vertical-align:middle;
	}

span.despair,div.despair {
	background-color:#ff0000;
	color:#ffffff;
	border:3px solid #ffffff;
	font-weight:bold;
	font-size:2em;
	}
table.latest_picks td {
	padding-bottom:5px;
	}
table.purchases {
	border-collapse: collapse;
	border: 1px solid #333333;
}
table.purchases tr.colour { background-color:#212121; }
table.purchases th {
	background:transparent url(images/header_bg.gif) ;
	font-size:1.18em;
	padding:5px;
}
table.purchases td {
	padding:5px 10px 5px 5px;
	vertical-align: middle;
/*	padding-bottom:5px;
	padding-right:10px;*/
}
table.checkout {
	border-collapse:collapse;
	}
table.checkout th,table.checkout td {
	padding:3px 0px;
	}
table.checkout th,table.checkout td.th {
	text-align:right;
	font-weight:bold;
	padding-right:10px;
	}
#carttable {
	border-collapse:collapse;
}
#carttable td{
	padding: 5px;
	border-right:1px solid #333333;
	border-left:1px solid #333333;
}
#carttable th {
	background-color:#FFD800;
	background:url('images/header_bg.gif');
	padding:2px;
	font-size:1.18em;
}
#totalrow {
	background-color:#CCCCCC;
	background:url('images/footer_bg_large.gif');
	background-position:bottom;

}
#totalrow td{
	border:none;
}
.disabledform {
color:#999999;
background-color:#333333;
border:1px solid #000000;
}

div.alert {
	border:2px solid #ff0000;
	padding:5px;
	}
div.alert div.intro {
	font-weight:bold;
	color:#F4D003;
	}
div.warning,span.warning {
	color:#ff0000;
	}
table.tracks {
	border-collapse:collapse;
	}
div.file_selector_bg {
	background-color:#FFD800;
	width:370px;
	}

table.sales {border-collapse:collapse;}
table.sales th,table.sales td {border:1px solid #ffffff;padding:2px;}
table.sales tr.artist td {font-weight:bold;background-color:#555555;}
table.sales tr.album td.title {padding-left:10px;}


h2.listingheading,a.listingheading {
	display:inline;
	margin-right:20px;
	}
a.listingheading {
	background-color:#212121;
	padding:5px;
	}
tr.pagination td {
	text-align:right;
	}
tr.pagination span.disabled {
	color:#666666;
	}
tr.pagination input.show {
	width:1.2em; /* is 2 characters, at least in my browser... */
	}