@charset "utf-8";

/* CSS Document */
.clear { clear: both }

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	background-color: #2B2FD7;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-image:url(images/bg_repeat.jpg);
	background-repeat: repeat-x;
	font-style:normal;
}

a { text-decoration: none; color:#039;}
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; } 
a:active { text-decoration: none; }

 

label {
	display:inline;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	color:#003;
	background-color:#F0F0FF;
	width:350px;
	padding:2px;
	margin:2px;
	margin-left:5px;
	padding-left:10px;
	border: 1px solid #CCC;
}

.main_container
{
	width: 1000px;
	background-color:#FF00FF;
	margin: 0px;
	padding: 0px;
	margin-left:auto;
	margin-right:auto;
}

.container1
{
	width: 1000px;
	height:128px;
	background-color:#00FFFF;
	margin: 0px;
	padding: 0px;
	float:left;
}

.container1_row1
{
	width: 1000px;
	height:128px;
	background-color:#00FFFF;
	margin: 0px;
	padding: 0px;
	float:left;
}

.container1_row1_col1
{
	width: 282px;
	height:128px;
	background-color:#FFFFCC;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image: url(images/topoftheox_r1_c1.jpg);
}

.container1_row1_col2
{
	width: 718px;
	height:128px;
	background-color:#FFFF99;
	margin: 0px;
	padding: 0px;
	float:left;
}

.container1_row1_col2_row1
{
	width: 718px;
	height:23px;
	background-color:#FFFF99;
	margin: 0px;
	padding: 0px;
	float:left;
}

.container1_row1_col2_row1_col1
{
	width: 632px;
	height:23px;
	background-color:#FF00FF;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image: url(csgn_2007_site_r1_c4.jpg);
}

.container1_row1_col2_row1_col2
{
	width: 86px;
	height:23px;
	background-color:#00FFFF;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image: url(csgn_2007_site_r1_c19.jpg);
}

.container1_row1_col2_row2
{
	width: 718px;
	height:34px;
	background-color:#FFFF33;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/button_bg.jpg);
	font-family: 'Franklin Gothic Medium Cond'; 
	font-size: 12px; 
	text-align: center; 
	color: #000;
	font-style:normal;
}

.container1_row1_col2_row2 a { color: #000; }

.container1_row1_col2_row2 a:link { color: #000; }

.container1_row1_col2_row2 a:hover { color: #039; background-color:#E9E9E9; }

 .container1_row1_col2_row2_button
{
	width:79px;
	height:34px;
	margin: 0px;
	padding: 0px;
	float:left;
	background-color:#FFFFFF;
}

.container1_row1_col2_row2_buttonplug
{
	width:7px;
	height:34px;
	margin: 0px;
	padding: 0px;
	float:left;
	background-color:#0066CC;
	background-image: url(csgn_2007_site_r2_c20.jpg);
}

.container1_row1_col2_row3
{
	width: 718px;
	height:71px;
	background-color:#FFFF00;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/topoftheox_r3_c6.jpg)
}

.container2
{
	width:1000px;
	background-color:#000000;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image: url(images/container2_repeat.jpg);
	background-repeat: repeat-y;
}

.container2_col1
{
	width: 823px;
	background-color:#0000FF;
	margin: 0px;
	padding: 0px;
	float:left;
}

.container2_col1_row1
{
	width: 823px;
	height:90px;
	background-color:#FF0000;
	margin: 0px;
	padding: 0px;
	float:left;
}

.container2_col1_row1_col1
{
	width: 9px;
	height:90px;
	background-color:#FF0000;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/topoftheox_r4_c1.jpg);
}

.container2_col1_row1_col2
{
	width: 804px;
	height:90px;
	background-color:#FFFFFF;
	margin: 0px;
	padding: 0px;
	float:left;
 
}

.container2_col1_row1_col3
{
	width: 10px;
	height:90px;
	background-color:#FF0000;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/topoftheox_r4_c21.jpg);
}

.container2_col1_row2
{
	width: 823px;
	height:223px;
	background-color:#FF00FF;
	margin: 0px;
	padding: 0px;
	float:left;
}

.container2_col1_row2_col1
{
	width: 9px;
	height:223px;
	background-color:#FF00FF;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/topoftheox_r10_c1.jpg);
}

.container2_col1_row2_col2
{
	width: 547px;
	height:110px;
	background-color:#FF00FF;
	margin: 0px;
	padding: 0px;
	float:left;
}

.container2_col1_row2_col2_col1
{
	width: 313px;
	height:110px;
	background-color:#FF00FF;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/topoftheox_r10_c5_a.jpg);
}

.container2_col1_row2_col2_col1_wrapper
{
	width: 299px;
	height:96px;
	background-color:#FF00FF;
	margin: 0px;
	padding: 7px;
	float:left;
	background-image:url(images/topoftheox_r10_c5_a.jpg);
}

.container2_col1_row2_col2_col2
{
	width: 224px;
	height:110px;
	background-color:#FF00FF;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/topoftheox_r10_c5_b.jpg);
}

.container2_col1_row2_col2_col2_wrapper
{
	width: 204px;
	height:96px;
	background-color:#FF00FF;
	margin: 0px;
	float:left;
	background-image:url(images/topoftheox_r10_c5_b.jpg);
	padding-top: 7px;
	padding-right: 3px;
	padding-bottom: 7px;
	padding-left: 15px;
}

.container2_col1_row2_col3
{
	width: 547px;
	height:113px;
	background-color:#FF00FF;
	margin: 0px;
	padding: 0px;
	float:left;
}

.container2_col1_row2_col3_col1
{
	width: 313px;
	height:113px;
	background-color:#FF00FF;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/topoftheox_r13_c5_new.jpg);
}

.container2_col1_row2_col3_col1_wrapper
{
	width: 303px;
	height:103px;
	margin: 0px;
	padding: 5px;
	float:left;
}

.container2_col1_row2_colpanel
{
	width: 267px;
	height:223px;
	background-color:#FF00FF;
	float:left;
	background-image:url(images/topoftheox_r10_c3.jpg);
}

.container2_col1_row2_colpanel_textwrapper
{
	width: 185px;
	height:143px;
	background-color:#FF00FF;
	float:left;
	background-image:url(images/topoftheox_r10_c3.jpg);
	padding-top: 20px;
	padding-right: 38px;
	padding-bottom: 20px;
	padding-left: 40px;
}

.container2_col1_row2_colplug
{
	width: 10px;
	height:110px;
	background-color:#FF00FF;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/topoftheox_r10_c19.jpg);
}

.container2_col1_row2_colspacer
{
	width: 11px;
	height:110px;
	background-color:#FFFFFF;
	margin: 0px;
	padding: 0px;
	float:left;
}

.container2_col1_row3
{
	width: 823px;
	height:113px;
	background-color:#00FFFF;
	margin: 0px;
	padding: 0px;
	float:left;
}

.container2_col1_row3_col1
{
	width: 9px;
	height:113px;
	background-color:#00FFFF;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/topoftheox_r14_c1.jpg);
}

.container2_col1_row3_col2
{
	width: 290px;
	height:113px;
	background-color:#00FFFF;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/topoftheox_r14_c2.jpg);
}

.container2_col1_row3_col3
{
	width: 290px;
	height:113px;
	background-color:#00FFFF;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/topoftheox_r14_c7.jpg);
}

.container2_col1_row3_col4
{
	width: 21px;
	height:113px;
	background-color:#00FFFF;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/topoftheox_r14_c12.jpg);
}

.container2_col1_row3_col5
{
	width: 200px;
	height:113px;
	background-color:#00FFFF;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/topoftheox_r14_c14_bg.jpg);
}

.container2_col1_row3_col5_row1
{
	width: 200px;
	height:25px;
	margin: 0px;
	padding: 0px;
	float:left;
}

.container2_col1_row3_col5_row2
{
	width: 200px;
	margin: 0px;
	padding: 0px;
	float:left;
}

.container2_col1_row3_col5_row2_go
{
	margin: 0px;
	padding: 0px;
	float:left;
}

.container2_col1_row3_col5_row3
{
	height:20px;
	width: 200px;
	margin: 0px;
	padding: 0px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FF0000;
	text-decoration: none;
}

.container2_col1_row3_col5_row3 a:hover { color:#FF0000; }

.container2_col1_row3_col5_row3 a
{
	color:#FF6600;
	text-decoration: none;
}

.container2_col1_row3_col5_row3 a:active { }

.container2_col1_row3_col5_row4
{
	width: 200px;
	margin: 0px;
	padding: 0px;
	float:left;
}

.container2_col1_row3_col6
{
	width: 13px;
	height:113px;
	background-color:#00FFFF;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/topoftheox_r14_c19.jpg);
}

.container2_col1_row4
{
	width: 823px;
	height:106px;
	background-color:#FFFF00;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/topoftheox_r19_c1.jpg);
}

.container2_col1_row4_advert
{
	width:728px;
	height:90px;
	padding-top: 7px;
	padding-left: 12px;
}

.container2_col1_row5
{
	width: 823px;
	background-color:#0000FF;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image: url(images/container2_col1_row5_repeat.jpg);
	background-repeat: repeat-y;
}

.container2_col1_row5_col1
{
	width: 276px;
	background-color:#0066FF;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/container2_col1_row5_col1_repeat.jpg);
	background-repeat: repeat-y;
}

.container2_col1_row5_col1_row1
{
	width: 276px;
	height:281px;
	background-color:#0066FF;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/topoftheox_r20_c1.jpg);
}

.container2_col1_row5_col1_row2
{
	width: 276px;
	height:25px;
	background-color:#0066FF;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/topoftheox_r23_c1.jpg);
}

.container2_col1_row5_col1_row3
{
	width: 276px;
	margin: 0px;
	padding: 0px;
	float:left;
}

.container2_col1_row5_col1_checkout
{
	margin: 0px;
	padding-top: 1px;
	padding-left: 13px;
	float:left;
}

.container2_col1_row5_col1_advert
{
	width: 250px;
	height:250px;
	float:left;
	padding-top: 27px;
	padding-left: 13px;
}

.container2_col1_row5_col2
{
	width: 547px;
	background-color:#FF0000;
	margin: 0px;
	padding: 0px;
	float:left;
}

.container2_col1_row5_col2_row1
{
	width: 547px;
	height:45px;
	background-color:#FF0000;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/topoftheox_r20_c5.jpg);
}
.container2_col1_row5_col2_row1#signup
{
	background-image:url(images/topoftheox_r20_c5_signup.jpg);
}
.container2_col1_row5_col2_row1#track
{
	background-image:url(images/topoftheox_r20_c5_track.jpg);
}

.container2_col1_row5_col2_row2
{
	width: 547px;
	background-color:#FF0000;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/topoftheox_middle_content_repeat.jpg);
}

.container2_col1_row5_col2_row2_content
{
	float:left;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 6px;
	margin-top: 0px;
}

.container2_col2
{
	width: 177px;
	background-color:#00FF00;
	margin: 0px;
	padding: 0px;
	float:left;
}

.container2_col2_row1
{
	width: 177px;
	height:19px;
	background-color:#00FF00;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/right_ad_top.jpg);
}

.container2_col2_row2
{
	width: 177px;
	background-color:#00FF00;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/right_ad_top_repeat.jpg);
}

.container2_col2_row3
{
	width: 177px;
	height:25px;
	background-color:#00FF00;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/topoftheox_r10_c23_blank.jpg);
}

.container2_col2_row3_charttitle
{
 float:left;
 padding-top:6px;
 padding-left:7px;
 font-size:12px;
 color:#900;
 font-weight:bold;
}

.container2_col2_row4
{
	width: 177px;
	height:600px;
	background-color:#00FF00;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/topoftheox_r13_c28.jpg);
}

.container2_col2_sponsor
{
	width: 160px;
	height:68px;
	float:left;
	padding-left: 8px;
	color:#000000;
}

.container2_col2_chart
{
	width: 160px;
	height:600px;
	float:left;
	padding-left: 7px;
}

.container2_col2_chart_wrapper
{
	width: 154px;
	height: 49px;
	float:left;
	margin: 3px;
	font-weight: bold;
	color: #FFF;
	padding-top:5px;
	padding-left:2px;
	text-transform: lowercase;
	 
}

.container2_col2_chart_wrapper a  { color: #FFFFCC; }

.container2_col2_chart_wrapper a:link { color: #FFFFCC; }

.container2_col2_chart_wrapper a:hover { color: #FFCC99; }

.container2_col2_chart_wrapper_songname a  { color: #FF6600; }

.container2_col2_chart_wrapper_songname a:link { color: #FF6600; }

.container2_col2_chart_wrapper_songname a:hover { color: #FF6600; }

.container2_col2_row5
{
	width: 177px;
	height:20px;
	background-color:#00FF00;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/topoftheox_r24_c23.jpg);
}

.container3
{
	width: 1000px;
	height:57px;
	background-color:#66CC33;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(images/topoftheox_r31_c1.jpg);
	text-align:center;
	color:#CCC;
}

.title_left
{
	width: 25px;
	height:23px;
	margin: 0px;
	padding: 0px;
	background-image:url(csgn_2007_site_boarders_r2_c6.jpg);
}

.title_middle
{
	height:23px;
	margin: 0px;
	padding: 0px;
	background-image:url(csgn_2007_site_boarders_r2_c2.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	line-height: 22px;
	font-variant: normal;
	text-transform: capitalize;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: baseline;
	letter-spacing: normal;
	word-spacing: normal;
	text-align: left;
	text-indent: 5px;
}

.title_right
{
	width: 25px;
	height:23px;
	margin: 0px;
	padding: 0px;
	background-image:url(csgn_2007_site_boarders_r2_c4.jpg);
}

.latest_table
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: none;
	color: #CC0000;
	font-style: normal;
	text-decoration: underline;
	text-align: left;
}

.latest_table a
{
	color:#2B5AA1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: center;
}

.latest_table a:hover
{
	color:#FF0000;
	text-align: center;
}

.latest_table_odd { background-color:#E3E8EE; }

.latest_table_even { background-color:#ffffff; }

.form_standard
{
	background-color: #ffffff;
	border: 1px solid #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

.form_gobutton { text-decoration: none; }

#image_48_48
{
	border: 2px solid #FFFFFF;
	vertical-align: middle;
	margin-right: 3px;
}
#image_128_128
{
	border: 2px solid #FFFFFF;
	vertical-align: middle;
	margin: 3px;
}
#image_signup_upload
{
	border: 2px solid #FFFFFF;
	vertical-align: middle;
	margin-right: 3px;
	float:left;
}

#latest_heading
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #333;
	text-decoration: none;
}

#latest_title
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #920327;
	text-decoration: none;
}

.flash_notice
{
	left: 1px;
	position: relative;
	top: 4px;
	z-index: 101;
	visibility: visible;
}
.flash_notice_text
{
	left: 1px;
	position: relative;
	top: 12px;
	z-index: 101;
	visibility: visible;
	text-align:center;
	color:#003399;
	font-weight:bold;
}

#latest_details
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333;
	text-decoration: none;
}

#latest_details a:link { color: #F00; }

#latest_details a:hover { color:#900 }

.genre_titles { color: #999999;
text-decoration: none;}

.genre_titles a:link
{
	color: #999999;
	text-decoration: none;
}

.genre_titles a:hover
{
	color: #999999;
	text-decoration: none;
}

.genre_titles a:active
{
	color: #999999;
	text-decoration: none;
}
.genre_titles a:visited
{
	color: #999999;
	text-decoration: none;
}
.title_track {
	font-size:18px;
	font-weight: bold;	
}
.title_artist {
	font-size:14px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
}
.title_artist#a:link {
	font-size:14px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
}

.Vote_Now {
	font-size:20px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
}
.Chart_column_header {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #FFF;
	text-decoration: none;
	background-color: #333;
	text-align: center;
		}
.Chart_column_code, .Chart_column_votes {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #000;
	text-decoration: none;
	text-align: center;
		}
        
#tooltip_listnow { 
    display:none; 
    background:transparent url(images/orange_arrow4.png);  
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff; 
    _background-color:#fff;