@charset "utf-8";
/* CSS Document */
body {
	/*
	background:url(images/layout.jpg) no-repeat top center;
	*/
	
	background-image:url(test/test.jpg);
	background-position:top;
	background-repeat:repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#000000;
}
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
a {
	text-decoration:none;
}
p.ptext {
	color:#000000;
}
#rightarea {
float:right;
display:block;
margin:60px 0px 0px 0px;
border:1px solid #000000;
}
#maincontainer {
	display:block;
	height:auto;
	width:980px;
	margin:auto;
}
#main {
display:block;
	height:auto;
	width:840px;
	margin:auto;
	background:url(images/main_back.gif) repeat-y left top;
	background-position:-4px 0;
	float:left;
}
#header {
	height:160px;
	display:block;
	margin:0px;
	padding:0px;
	background:url('./images/top_logo1.jpg') no-repeat top left;
}
#header_ad {
position:relative;
top:29px;
left:228px;
height:110px;
width:550px;
}
#top_menu {
	height:30px;
	background:url('./images/top_logo2.jpg') no-repeat top left;
	display:block;
	margin:0px;
	padding:0px;
}
#player {
	width:280px;
	height:250px;
	display:block;
	background:url(images/player_area_back.gif) no-repeat top left;
	float:left;
  display:inline;
}
#mp3upload {
	float:left;
  display:inline;
	padding-left:30px;
	height:30px;
	width:300px;
}
#player1 {
	width:288px;
	height:260px;
	display:block;
	background:url(images/regis_back5.gif) no-repeat top left;
	float:left;
  display:inline;
}
.votingfor {
font-size:16px;
}
#player2 {
	width:288px;
	height:260px;
	display:block;
	background:url(images/voteformback.png) no-repeat top left;
	float:left;
  display:inline;
}
#progress {
float:left;
  display:inline;
height:10px;
margin:10px 0pt;
width:200px;
}


#awards {
	position: relative;
	left: 272px;
	float: left;
	width: 554px;
	height: 250px;
	background-image: url(images/award_back.png);	
}

#awards h2 {
	text-align: center;
	font-size: 14px;
	color: #993366;
	font-weight: bold;
	position: relative;
	top: 11px;
}

#awards h3 {
	text-align: center;
	font-size: 12px;
	color: #993366;
	font-weight: bold;
}

#awards table {
	position: relative;
	top: 25px;
	left: 20px;
}

#TopBox{
 width:190px;
  height:25px;
  background-image:url(images/topbox.gif);
  font-size:12px;
  display:block;
  float:left;
  display:inline;
  font-weight:bold;
  color:#FFFFFF;
  margin: 0 2px 0 0px;
  }
#TopBox2{
 width:48px;
 height:63px;
 background-image:url(images/logo6.gif);
 float:right;
  display:inline;
 margin: 0 0 0 1px;
  }
  #topboxheading{
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#FFFFFF;
  margin:2px 0 0 25px;
  }

#dummy_player {
	width:146px;
height:250px;
display:block;
	float:left;
  display:inline;
}
#background2 {
	width:552px;
	height:591px;
	display:block;
	/*background:url(images/back.png) no-repeat top left;*/
    float:right;
  display:inline;
	margin: 0 0 20px 0;
}
#background1 {
	width:512px;
	height:591px;
	display:block;
	background:url(images/back.png) no-repeat top left;
	float:left;
  display:inline;
	text-align:center;
}
.para2{
font-size:12px;
}
#background1 form{
	margin:8px 0 0 0;
}
#top{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#FFFFFF
}
#artist_info {
	display:block;
	width:560px;
	height:250px;
	background:url(images/artist_info_back.gif) no-repeat top left;
	float:left;
  display:inline;
}
#artist_info_block {
	display:block;
	width:552px;
	float:right;
  display:inline;
}
#artist_info_top{
	display:block;
	width:552px;
	height:35px;
	background:url(images/artist_info_back_top.gif) no-repeat top left;
	float:left;
  display:inline;
}
#artist_info_mid{
	display:block;
	width:552px;
	background:url(images/artist_info_back_mid.gif) repeat-y top left;
	float:left;
  display:inline;
}
#artist_info_content2 {
	width:490px;
	display:block;
	float:left;
  display:inline;
	color:#333333;
	padding:0 10px 0 30px;
	line-height:1.6em;

}
#artist_info_bottom{
	display:block;
	width:552px;
	height:59px;
	background:url(images/artist_info_back_bottom.gif) no-repeat top left;
	float:left;
  display:inline;
}
#artist_info h3, #artist_info_block h3{
	color:#993366;
	height:25px;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	display:block;
	padding:10px 20px 0 0;
}
#artist_info_content {
	width:360px;
	height:160px;
	display:block;
	float:left;
  display:inline;
	color:#333333;
	padding:0 10px 0 30px;
	line-height:1.6em;
	overflow:auto;
}
.artist_info_tracks {
	width:522px;
	display:block;
	float:left;
  	display:inline;
	color:#333333;
	padding:2px 0px 2px 30px;
	line-height:1.6em;
	position:relative;
	left:-10px;

}
.vote_item {
	width:360px;
	display:block;
	float:left;
  display:inline;
	color:#333333;
	border-bottom: 1px dotted #a4a4a4;
	padding:3px 0px 3px 0px;
	margin:0 130px 0 0;
}
.vote_field {
	width:150px;
	float:left;
  display:inline;
}
.vote_option {
float:left;
  display:inline;
margin-left:15px;
}
#artist_info_image {
	width:160px;
	height:180px;
	display:block;
	float:left;
  display:inline;
	padding:0;
	color:#76a1a1;
	line-height:1.5em;
	font-size:1em;
	font-weight:bold;
}
#artist_info_rank {
	width:170px;
	display:block;
	color:#FFFFFF;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
	float:left;
  display:inline;
	position:relative;
	top:-22px;
}
#artist_info_rank a {
color:#FFFFFF;
text-decoration:none;
}
#artist_info_rank a:hover {
	color:#993366;
}
#artist_info_categories {
	width:320px;
	display:block;
	float:left;
  display:inline;
	text-align:right;
	padding:7px 0 0 0;
	color:#993366;
	margin-left:30px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	position:relative;
	top:-15px;
} 
#artist_info_categories a {
	color:#993366; 
	text-decoration:none;
} 
#artist_info_categories a:hover {
	color:#999999;
}
#voters {
	background:url(images/voters_back.gif) no-repeat top left;
	float:left;
  	display:inline-block;
	width:280px;
	height:350px;
}
#voters_links, #voters_content {
float:left;
display:inline; 
width:230px;
position:relative;
top:19px;
left:50px;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.voters_content_img, .voters_content_text {
float:left;
  display:inline;
padding:0px 10px 0px 10px;
}

#voters_content {
padding-top:25px;
}
.voters_content_text_light {
position:relative;
left:-10px;
padding-top:15px;
}
.voters_content_item {
width:280px;
float:left;
  display:inline;
padding:2px 0px 2px 20px;
position:relative;
left:-10px;
top:-10px;
font-size:11px;
}
.voters_content_item a {
color:#76A1A1;
text-decoration:none;
}
.voters_content_item a:hover {
color:#3E5959;
}

.award_table a {
	color: #76A1A1;
}

.award_table a:hover {
	color: #3E5959;
}

.chart_content_img, .chart_content_text {
float:left;
  display:inline;
padding:0px 10px 0px 10px;
}
.chart_content_text_light {
position:relative;
left:0px;
padding-top:15px;
}
.chart_content_item {
width:208px;
float:left;
  display:inline;
padding:2px 0px 2px 20px;
position:relative;
left:-10px;
top:-10px;
font-size:11px;
}
.track_detail {
width:120px;
}
.chart_content_item a {
color:#76A1A1;
text-decoration:none;
}
.chart_content_item a:hover {
color:#3E5959;
}
#voters_links a {
color:#330B1E;
}
#voters_links a:hover {
color:#FFFFFF;
}
#voters_links {
font-weight:bold;
text-decoration:none;
font-size:14px;
color:#FFFFFF;
}
#artist_details_title {
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
font-size:14px;
float:right;
  display:inline;
position:relative;
right:25px;
width:150px;
top:8px;
}
#artist_details_title a {
text-decoration:none;
color:#FFFFFF;
}
#artist_details_title a:hover {
color:#330B1E;
}
#voters_voters, #voters_chart {
float:left;
  display:inline;
padding:0px 20px 0px 20px;
}
.voters_none {
width:220px;
}
#voters1 {
	background:url(images/voters_back2.gif) no-repeat top left;
	display:block;
	float:left;
  display:inline;
	width:280px;
	height:350px;
}

#voters2 {
	background:url(images/voters_back_ex.gif) no-repeat top left;
	display:block;
	float:left;
  	display:inline;
	width:280px;
	height:600px;
}

.winners_heading {
	float: left;
	display: inline;
	padding: 65px 20px 0px 20px;
}

.winners_text {
	float: left;
	display: inline;
	padding: 40px 0px 0px 70px;
	font-size: 11px;
}

.winners_text a {
	padding-left:20px;
	color:#76A1A1;
}

.winners_text a:hover {
	padding-left:20px;
	color:#3E5959;;
}


#artist_details {
	width:560px;
	height:350px;
	display:inline-block;
	background:url(images/artist_details_back.gif) no-repeat top left;
	float:right;
}
#artist_details2 {
	width:522px;
	height:350px;
	display:block;
	background:url(images/artist_details_back2.gif) no-repeat top left;
	float:right;
  display:inline;
	padding-left:30px;
}
#artist_details_menu {
	width:110px;
	height:100%;
	display:block;
	float:left;
  display:inline;
	line-height:1.4em;
}
#artist_details_menu a {
	margin-left:40px;
	color:#333333;
}
#artist_details_menu a:hover {
	color:#666666;
}
#artist_details_menu img {
	margin:10px 0 10px 0;
}
#artist_details_content {
	width:435px;
	height:100%;
	display:block;
	float:left;
  display:inline;
	margin-top:20px;
	line-height:1.6em;
}
#artist_details_middle {
	width:435px;
	display:block;
	float:left;
  display:inline;
	margin-top:20px;
	line-height:1.6em;
	position:relative;
	left:25px;
}
#artist_details_middle h3, #artist_details_content h3 {
	color:#330033;
	font-size:1.1em;
	font-weight:bold;
}
#artist_details_news {
	width:165px;
	height:100%;
	display:block;
	float:left;
  display:inline;
	margin:100px 0 0 15px;
}
#artist_details_news a {
	color:#aaaaaa;
}
#artist_details_news a:hover {
	color:#3E5959;
}
#artist_details_news h3 {
	color:#330033;
	font-size:1.1em;
	font-weight:bold;
}
.artist_track { width:435px; display:block; padding-top:2px; padding-bottom:2px; float:left;
  display:inline; vertical-align:middle; }
.artist_track_play { width:22px; padding-right:2px; float:left;
  display:inline; position:relative; top:3px;}
.artist_track_name { width:220px; padding-right:2px; float:left;
  display:inline; }
.artist_track_user_name { width:100px; padding-right:2px; float:left;
  display:inline; }

/*.artist_track_genre { width:100px; padding-right:2px; float:left;
  display:inline; }*/
.artist_track_rating, .artist_track_ranking  { width:50px; padding-right:2px; float:left;
  display:inline; }
.artist_track_vote { width:30px; padding-right:4px; float:left;
  display:inline; }
.artist_track_info { width:10px; padding-right:2px; float:left;
  display:inline; }
#message_board {
	background:url(images/message_board_back.gif) no-repeat top left;
	display:block;
	clear:both;
	width:840px;
	height:310px;
}
#footer {
	background:url(images/footer_back.gif) no-repeat top left;
	background-color:#CCCCCC;
	display:block;
	clear:both;
	width:840px;
	height:75px;
}
#footerlinks {
	color:#6D1144;
	font-size: 12px;
	text-align:center;
	position:relative;
	top:13px;
	float:left;
  display:inline;
	width:840px;
}
#footerlinks a {
	color:#6D1144;
	font-size: 12px;
	text-decoration:none;
}
#footerlinks a:hover {
	color:#FFFFFF;
}
#subfooterleft {
	color:#333333;
	font-size: 10px;
	text-align:left;
	position:relative;
	top:30px;
	float:left;
  display:inline;
	width:505px;
	padding-left:5px;
}
#subfooterright {
	color:#333333;
	font-size: 10px;
	text-align:right;
	position:relative;
	top:30px;
	float:right;
  display:inline;
	width:325px;
	padding-right:5px;
}
.passformat{ font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#993366
}
.tddesign { margin 0 0 0 20px}
a.mnu:link {
	color:#6d1144;
	text-decoration: none;
	border:0;
	font-size:12px;
	font-weight:bold;
}
a.mnu:visited {
	text-decoration: none;
	color: #6d1144;
	border:0;
	font-size:12px;
	font-weight:bold;
}
a.mnu:hover {
	text-decoration: none;
	color:#ffffff;
	border:0;
	font-weight:bold;
	font-size:12px
}
a.mnu:active {
	text-decoration: none;
	color: #FFFFFF;
	font-size:12px;
	font-weight:bold;
}
 #tittleTopBox{
  height:20px;
  background-color:#999999;
  color:#FFFFFF;
  }
  table#artist{
  border:8px;
  border-style:solid;
  border-color:#999999;
  }
  td#artistcolpic{
  width:70px;
  height:80px;
  background-color:#FFFFFF;
  }
  td#artistdesc{
  width:150px;
  height:80px;
  background-color:#FFFFFF;
  }
/*************** Style I have created ***************/
.tracks{
font-size:10px;
font-family:tahoma;
font-weight:bold;
color:#333333;
}
a.tracks:link{
text-decoration:none;
color:#666666;
}
a.letter:link{
text-decoration:none;
width:15px;
height:17px;
display:block;
font-size:12px;
background-color:#CCCCCC;
border-right:1px;
color:#FFFFFF}
a.letter:hover{
width:20px;
height:20px;
display:block;
text-decoration:none;
font-size:16px;
font-weight:bold;
background-color:#000000;
border-right:1px;
color:#FFFFFF
} 
a.letter:active{
width:20px;
height:20px;
display:block;
text-decoration:none;
font-size:16px;
font-weight:bold;
background-color:#999999;
border-right:1px;
color:#FFFFFF
}
a.letter:visited{
text-decoration:none;
font-size:12px;
width:15px;
height:17px;
display:block;
border-right:1px;
background-color:#666666;
color:#FFFFFF
}
div#searchresultcontainer{
border:1px;
background-color:#CCCCCC;
width:400px;
height:auto;
}
td.mouseover:hover{
background-color:#FFFFFF;
}
  #topboxheading{
  font-size:14px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#FFFFFF;
  }
div#_header{
background-color:e4e4e4;
width:400px;
margin:0 0 0 0;
vertical-align:top;
height:100px;
}
div#leftimage
{
background-image:url(images/logo6.gif);
width:48px;
height:auto;
float:left;
  display:inline;
display:block;
background-repeat:no-repeat;
}
div#vote{ margin:20px 20px 0px 20px;
height:autopx;
height:70px;
}
.votetag{
font-size:24px;
 font-weight:bold;
 height:70px;
}
#line{
 margin: 20px 0px 0px 60px;
 border-left: 5px solid #FFFFFF;
 display:block;
}
div#readreview_{
height:600px;
width:500px;
overflow:scroll;
}
/*
													FLASH PLAYER
*/
#flashplayer {
	width:280px;
	height:120px;
}
#flashplayer_links {
	width:auto;
	padding:0 20px 0 50px;
}
#flashplayer_links a {
	margin-bottom:3px;
	display:block;
	text-decoration:none;
	color:#ffffff;
	background-color:#81abaa;
	padding:2px;
}
.borderimg {
border:1px solid #666666;
}
.tooltipContent {
    left: -4px; top: -4px;        /* how much of the shadow shows */
    background-color:#FFFFCC;       /* yellow background */
     border: solid black 1px;      /* thin black border */
     padding: 5px;                 /* spacing between text and border */
   font: bold 10pt sans-serif;   /* small bold font */
 }
 .hider {
 visibility:hidden;
 }
 .dotted{
border-bottom: 1px dotted #a4a4a4;

}
#shadow-container {
position: relative;
left: 3px;
top: 3px;
margin-right: 18px;
margin-bottom: 3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
position: relative;
left: -1px;
top: -1px;
}
#shadow-container .shadow1 {
background: #F1F0F1;
}
#shadow-container .shadow2 {
background: #DBDADB;
}
#shadow-container .shadow3 {
background: #B8B6B8;
}
#shadow-container .container {
background: #ffffff;
border: 1px solid #848284;
width:480px;
padding: 10px;
}
a.letter1:link{
text-decoration:none;
font-size:12px;
color:#666666;
font-weight:bold
}
.letter1{
text-decoration:none;
font-size:12px;
color:#666666;
font-weight:bold
} 
a.letter1:hover{
text-decoration:none;
font-size:12px;
color:#666666;
font-weight:bold
} 
a.letter1:active{
text-decoration:none;
font-size:12px;
color:#666666;
font-weight:bold
}
a.letter1:visited{
text-decoration:none;
font-size:12px;
color:#666666;
font-weight:bold
}
.form_item {
width:500px;
position:relative;
left:30px;
float:left;
  display:inline;
padding:7px 0 7px 0;
}
.form_label {
width:200px;
float:left;
  display:inline;
}
.form_options {
width:300px;
float:left;
  display:inline;
}
#terms {
padding:15px 35px 25px 35px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}
#terms p {
font-weight:normal;
padding-bottom:35px;
}
#votenow {
position:relative;
top:30px;
right:70px;
float:right;
  display:inline;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}
#votenow:hover {
color:#81ABAA;
}
.loginform td {
padding:5px 0 5px 0;
}