.subMenu{
	display:block;
	color:#303030;
	height:22px;
	text-transform:uppercase;
	font-size:11px;
	padding:12px 0 0 2px;
}

.subMenu .menuItem{
	text-decoration:none;
	margin-right:16px;
	border-bottom:1px dotted #303030;
}

.charts-page .subMenu .active{
	border:none;
	font-weight:bold;
	color:#12bbdf;
}

.user .active{
	border:none;
	font-weight:bold;
	color:#fabb00;
}

.streams .active{
	border:none;
	font-weight:bold;
	color:#f72203;
}

.performers .active{
	border:none;
	font-weight:bold;
	color:#b022de;
}

.charts-page .smsTop{
	width:639px;
	height:276px;
	padding:36px 0 0 20px;
	background:url('/media/images/beta-pics/charts_back.png') no-repeat top left;	
}

.charts-page .places{
	width:15px;
	padding-top:23px;
	_padding-top:26px;
	float:left;	
	margin-right:6px;
}

.charts-page .place{
	text-align:right;
	display:block;
	height:18px;
	position:relative;
	margin-top:3px;
	width:15px;
}

.charts-page .smsTop .up{
	width:5px;
	margin-left:5px;
	background:url('/media/images/beta-pics/up_down.gif') no-repeat -5px 0px;
}

.charts-page .smsTop .down{
	width:5px;
	margin-left:5px;
	background:url('/media/images/beta-pics/up_down.gif') no-repeat -0px 0px;
}

.charts-page .smsTop .trackBlock {
	width:355px;
	float:left;
	padding-left:8px;
}

.charts-page .smsTop .trackBlock .title{
	font-size:19px;
	bottom:10px;
	float:left;
	position:relative;
}

.charts-page .smsTop .smsLink{
	color:#fff;
	font-size:11px;
	float:right;
	position:relative;
	bottom:4px;
}

.charts-page .smsTop .trackLine {
	width:355px;
	overflow:visible;
}

.charts-page .smsTop .trackLine .performer {
	margin-left:-7px;
}

.charts-page .smsTop .trackLine .plusButton {
	top:0;
}

.charts-page .smsTop .trackLine .cyan {
	left:-7px;
	background:url('/media/images/beta-pics/playbuttons_opacity/cyan_play_small_up.png') no-repeat top left;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/beta-pics/playbuttons_opacity/cyan_play_small_up.png', sizingMethod='scale');
	_height:17px;
	_overflow:hidden;
	_cursor:pointer;
}

.charts-page .smsTop .trackLine .cyan:hover {
	background:url('/media/images/beta-pics/playbuttons_opacity/cyan_play_small_over.png') no-repeat top left;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/beta-pics/playbuttons_opacity/cyan_play_small_over.png', sizingMethod='scale');
}

.voices{
	width:210px;
	float:left;
	margin-left:4px;
}
	
.voice{
	display:block;
	border-bottom:2px solid #fff;
	color:#fff;
	height:14px;
	margin-top:5px;
	float:left;
	width:210px;
}
	
.charts-page .smsTop .bottomText{
	position:relative;
	top:13px;
}

.charts-page .smsTop .bottomText a{
	color:#fff;
}

.charts-page .randomCharts{
	width:630px;
	height:740px;
	top:5px;
}

.charts-page .chart{
	width:630px;
	height:237px;
	margin-top:24px;
	_margin-top:-15px;
	float:left;
}

.charts-page .chart .infoBlock{
	width:255px;
	height:213px;
	float:left;
	color:#888888;
	font-size:11px;
}

.charts-page .chart .infoBlock a{
	font-size:11px;
	color:#888888;
	font-weight:bold;
}

.charts-page .chart-logo{
	display:block;
	width:128px;
	height:128px;
	margin:7px 0 10px 2px;
	background:url('/media/images/beta-pics/large_charts_logo_overs.png') no-repeat 0px 0px;
}

.charts-page .chart .trackBlock{
	width:354px;
	float:right;
	top:-28px;
}

.charts-page .chart .places{
	padding-top:0;
	color:#888888;
	margin-top:-2px;
	_margin-top:-4px;
}

.tagCharts{
	float:left;
	margin-bottom:9px;
}

.tagCharts .trackBlock{
	height:263px;
	margin-bottom:18px;
}

.tagCharts .tagTitle{
	width:268px;
	height:23px;
	display:block;
	background:url('/media/images/beta-pics/charts_back.png') no-repeat 0px -312px;
	text-transform:uppercase;
	font-size:15px;
	font-weight:bold;
	padding:7px 0 0 46px;
	margin: 5px 0 5px 0;
	float:left;
}

.charts-page .performersChart{
	height:624px;
	top:20px;
	width:630px;
}

.performersChart .chartLayout{
	margin-top:10px;	
}

.performersChart .performerBlock{
	margin-bottom:5px;
	width:630px;
	height:55px;
}

.performersChart .performerBlock img{
	float:left;
}

.performersChart .performerBlock span{
	width:565px;
	float:left;
	padding-left:10px;
}

.performersChart .performerBlock .name{
	height:16px;
	display:block;
	background-color:#eeeeee;
}

.performersChart .performerBlock .name a{
	font-size:11px;
	font-weight:bold;
	color:#595959;
	text-transform:capitalize;
	text-decoration:none;
}

.performersChart .performerBlock .name a:hover{
	text-decoration:underline;
}

.performersChart .performerBlock .nListen{
	width:575px;
	height:14px;
	display:block;
	background-color:#dddddd;
	padding-left:0;
	position:relative;
}

.performersChart .performerBlock .nListen .text{
	position:absolute;
	margin-top:0;
	top:0;
	left:0;
	color:#fff;
}

.performersChart .performerBlock .percentage{
	height:14px;
	background-color:#12bbdf;
	padding-left:0;
}

.buttons a{
	width:131px;
	height:18px;
	background:url('/media/images/beta-pics/performer_chart_buttons.png') no-repeat 0px 0px;
	display:block;
	float:left;
	font-size:11px;
	color:#fff;
	padding-left:27px;
	padding-top:2px;
	margin-top:5px;
	text-decoration:none;
}

.buttons .toPlayer{
	background-position: 0px 0px;
	margin-left:5px;
}

.buttons a:hover{
	text-decoration:none;
}

.buttons .toPlayer:hover{
	background-position: 0px -20px;
}

.buttons .playerDone{
	background-position: 0px -40px;
}

.buttons .inFav{
	background-position: -158px 0px;
}

.buttons .inFav:hover{
	background-position: -158px -20px;
}

.buttons .favDone{
	background-position: -158px -40px;
}

.radioStationLink{
	background:url('/media/images/beta-pics/charts_big_no_back.png') no-repeat 0px 0px;
	width:68px;
	height:68px;
	margin-right:2px;
	display:block;
	float:left;
}
