/* CSS Document */


body.brighton-chart h2 span {color:#BD1A8D}
body.brighton-chart h3 span {color:#D87D00}

thead {cursor:pointer}
th {color:#FFFFFF;background-color:#000;padding:5px;border-bottom:2px #666 solid;font-size:8pt;}
table#chartGrid {width:99%}

table#chartGrid td.play a img{border: 1px solid #FFF;padding:2px;margin:3px}
table#chartGrid td.play a:hover img{border: 1px solid #3AED00;padding:2px;}
table#chartGrid td.play a:hover{color: #3AED00;border: 0px ;} /* Dummy definition to overcome IE bug */

#chartGrid td {padding:0 5px 4px 5px;background-color:#EEE;border-bottom:1px #CCC solid}
#chartGrid td.note {font-size:8pt}
#chartGrid tr {margin:8px;}

div#latest-tracks ul {padding-left:0;list-style:none;margin-left:0}
div#latest-tracks ul li {font-size:10pt;padding-left:0;margin-left:0}
div#latest-tracks li a
{
	display: block;
	padding: 5px 20px 5px 0.5em;
	border-bottom: 1px solid #CCC;
	background-color: #EEE;
	text-decoration: none;
	width: 90%;
	outline:none;
	background-image: url(/gfx/chart/control_play.png);
	background-repeat: no-repeat;
	background-position: 145px 5px;
}

html>body #categories li a {width: auto;}
div#latest-tracks ol li a:hover
{
background-color: #CCC;
color: #333;
}


#featured {padding:8px; border:1px #CCC solid;width:180px;margin-left:20px}
#featured h3, #featured h4 {margin:2px}
#featured h3 {color:#CD0388}

#track {border-bottom:1px #CCC dashed;padding-bottom:10px;margin-bottom:20px}


#track-action {float:right;width:230px;margin-top:20px}

h3#track_title {font-weight:normal}

#uploading {border:2px #3AED00 solid;padding:8px;margin:8px 0 8px 0;}
#uploading strong {font-size:12pt;}
#uploading p {margin:2px}

form#submission {border-top:1px #CCC dashed;
border-bottom:1px #CCC dashed;
padding:8px 0 8px 0}


form#submission .box {font-size:12pt;padding:6px;width:95%}
form#submission .button {font-size:12pt;padding:6px;}

form#submission div {margin-bottom:6px}

form#search {
	padding:2px 8px 2px 8px;
	border-left:1px #CCC dashed;
	margin:6px;
	position:relative;
	bottom:20px;
	background-image: url(/gfx/search-icon-orange.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
form#search label {font-size:8pt;font-weight:normal;}

body#chart #col1 h2 {color:#d87d00;}

#like {padding-top:5px;
margin-bottom:15px;
border-bottom:1px #CCC dashed;
border-top:1px #CCC dashed}
#like h3, #like p {margin:0 0 6px 0;padding:0}
p#feedback-thanks{padding:2px 10px 5px 10px} 
iframe#vote-area{margin-left:270px;width:225px;height:75px;margin:0;border:0}


.voteYes {background-image: url("/gfx/chart/icon_thumbsup.gif");}
.voteNo {background-image: url("/gfx/chart/icon_thumbsdown.gif");}
.share {background-image: url("/gfx/chart/share_code.png");}
a.share {cursor:pointer; text-decoration:underline}
#shareCode textarea {background:#EEE;font-size:8pt;width:255px; font-family:Verdana, Arial, Helvetica, sans-serif}

h2#new {color:#F00}


div#latesttv {border-bottom: 1px dashed #ccc; }


body#chart #col3 div#latesttv p {font-size:11px;}
body#chart #col3 div#latesttv h2 				{
				font-size:18px; 
				color:#FFF;
				background-image: url(/gfx/h2_bg.png) ;
				background-repeat:repeat-x;
				padding-left:10px;
				padding-bottom:5px;
				padding-top:2px;
				margin-bottom:5px;
				}
				
div#latesttv h5		{
				font-size:18px; 
				color: #F00;
				margin-top:0px;
				margin-bottom:-5px;
				}				
				
div#latesttv h5 a		{
				text-decoration:none;
				font-size:14px; 
				color: #333;
				}			
				
				
body#chart #col3 div#latesttv h5 a:hover		{
				text-decoration:none;
				font-size:14px; 
				color: #69c;
				}				
				
div#latesttv h2				{
				font-size:18px; 
				color:#FFF;
				background-image: url(/gfx/h2_bga.png) ;
				background-repeat:repeat-x;
				padding-left:10px;
				padding-bottom:5px;
				padding-top:2px;
				margin-bottom:5px;
				}
				
body#chart #col3 div#latesttv h2 a			{
				text-decoration:none;
				font-size:18px; 
				color: #FFF;
				}					
				
body#chart div#col3 div#latesttv h2 a:hover		{
				text-decoration:none;
				font-size:18px; 
				color: #CCC;