/* CSS Document */

/* basic template and index */

html, body{
	margin:0;
	padding:0;
	font: 0.82em Tahoma,Arial,Sans-serif normal;
	/* background:#000 url(../images/backgrounds/random_bg.php) top center no-repeat; */
	background:#000 url(/userfiles/images/pagebg/current.jpg) top center no-repeat;
}

a:link, a:visited{color:#fff; text-decoration:none;}
a:hover, a:active{color:#000;}

#pageTopBar{
	width:100%;
	height:35px;
	margin:0;
	background:#ccce16;
}

#menuBar{
	width:1000px;
	height:20px;
	margin:0 auto;
	padding:7px 0 0 0;
	text-align:center;
	background:#333;
	/*background:url(../images/menubg.png) center top no-repeat;*/
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-topleft: 7px;
}

#menuBar ul{
	list-stlye:none;
	padding:0;
	margin:0;
}

#menuBar li{
	display:inline;
	padding:7px 5px;
	margin:0 2px;
	border-right:1px solid #666;
	font-weight:bold;
}

#menuBar li.selected{
	background:#cc0000;
}

#menuBar li.last{
	margin:0;
	padding-right:0;
	border:0;
}

#menuBar li:hover{
	background:#eee;
	color:#000;
}

#header{
	width:98%;
	padding:0 1%;
	margin:0 auto;
	margin-bottom:20px;
	/*background:#000;
	clear:both;
	filter:alpha(opacity=55);-moz-opacity:.55;opacity:.55; color:#000; overflow:hidden;*/
}

#headerContainer{
	width:990px;
	padding:5px;
	margin:0 auto;
	height:110px;
}

.logo{
	width:100px;
	height:101px;
	float:left;
	margin:5px;
	background:url(../images/logo.gif) left top no-repeat;
}

#banner{
	width:98%;
	padding:0 1%;
	margin:0 auto;
	clear:both;
}

#bannerContainer{
	width:1000px;
	padding:5px 0 0 0;
	margin:0 auto;
}

#bannerRegular{
	width:510px;
	padding:5px;
	margin-right:10px;
	float:left;
	background:#ccce16;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topright: 10px;
}

#bannerAwards{
	width:450px;
	padding:5px;
	height:241px;
	float:right;
	background:#ccce16;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; color:#000; overflow:hidden;
}

#bannerAwards:hover{
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1; color:#000; overflow:hidden;
}

#mainContainer{
	width:990px;
	margin:0 auto 10px auto;
	padding:15px 5px 5px 5px;
	color:#000;
}

#mainContainer ul{
	list-style:none;
	margin:0;
	padding:0;
}

#mainContainer li{
	display:block;
	width:100%;
	padding-bottom:15px;
	float:left;
}

.clear{
	clear:both;
}

.sectionBox{
	width:320px;
	height:120px;
	margin-right:15px;
	float:left;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
	overflow:hidden;
}

.last{
	margin:0;
}

.yellowishGreen{
	background:#b4b83c;
}

.darkGreen{
	background:#a1a52b;
}

.darkOrange{
	background:#ca6f1e;
}

.darkerOrange{
	background:#c06514;
}

.greenishBlue{
	background:#279496;
}

.greenishBlueDarker{
	background:#268485;
}

.shallowGreen{
	background:#3fa971;
}

.shallowGreenDarker{
	background:#308c5b;
}

.lightPink{
	background:#d3a555;
}

.dirtyPink{
	background:#bb9146;
}

.mediumPurple{
	background:#9a47b9;
}

.darkPurple{
	background:#773092;
}

.lightRed{
	background:#f45d3a;
}

.dirtyRed{
	background:#cc654d;
}

.whiteGray{
	background:#eee;
}

.previousBtn{
	width:17px;
	margin-top:25px;
	padding-left:3px;
	float:left;
	filter:alpha(opacity=35);-moz-opacity:.35;opacity:.35; color:#000; overflow:hidden;
}

.sectionContent{
	width:280px;
	height:110px;
	overflow:hidden;
	float:left;
}

.sectionContentHeader{
	width:320px;
	padding:5px 0;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color:#fff;
	clear:both;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
}

.nextBtn{
	width:17px;
	margin-top:25px;
	padding-right:3px;
	float:right;
	filter:alpha(opacity=35);-moz-opacity:.35;opacity:.35; color:#000; overflow:hidden;
}

div.previousBtn:hover, div.nextBtn:hover{
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1; color:#000; overflow:hidden;
}

div.sectionContent img.thumb{
	float:left;
	margin-right:5px;
	border:1px solid #ccc;
}

div.sectionContent p{
	margin:3px 0;
	padding:3px 0;
}

.sectionImageBox{
	width:140px;
	padding:10px 5px;
	margin-right:10px;
	float:left;
	text-align:center;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
}

div.sectionImageBox .last{
	margin:0;
	float:right;
}

div.sectionImageBox h3{
	font-size:100%;
	padding:10px 0 7px 0;
	margin:0;
	color:#fff;
}

#chartsContainer{
	width:655px;
	margin-right:15px;
	float:left;
}

#chartsList{
	width:150px;
	float:left;
	margin-right:10px;
}

#chartsList ul{
	list-style:none;
	padding:0;
	margin:0;
}

#chartsList li{
	display:block;
	padding:7px 5px;
	margin-bottom:1px;
	background:#c8d53d;
	font-weight:bold;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
}

#chartsList li:hover{
	background:#e5d125;
}

#chartsList li.selected{
	background:#aab719;
}

#chartsList li.header{
	font-size:120%;
	background:#e5d125;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
}

#chartsContent{
	width:485px;
	padding:5px;
	float:left;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	background:#aab719 url(../images/charts.bg.jpg) top right no-repeat;
}

#chartsContent ul{
	list-style:none;
	padding:0;
	margin:0;
	width:33%;
	margin-right:1.5%;
	float:left;
}

#chartsContent li{
	display:block;
	padding:2px;
	margin-bottom:1px;
	font-weight:bold;
}

#chartsContent span.singer{
	font-weight:normal;
	color:#e0e699;
	margin:0;
}

#chartsContent span.count{
	padding:4px;
	margin-right:5px;
	background:#e5d125;
	border-right:1px solid #7c8515;
	border-bottom:1px solid #7c8515;
	color:#94850a;
	float:left;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
}

#commonBox{
	width:98%;
	padding:0 1%;
	margin:0 auto;
	background:#eee;
	clear:both;
	/*filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; color:#000; overflow:hidden;*/
}

#commonBoxContainer{
	width:990px;
	padding:0 5px;
	margin:0 auto;r
}

#commonBoxContainer ul{
	list-style:none;
	padding:0;
	margin:0;
}

#commonBoxContainer li{
	display:block;
	width:22.5%;
	padding:.5%;
	margin-right:1%;
	float:left;
	border-right:1px solid #eee;
	color:#666;
}

#commonBoxContainer img{
	border:1px solid #ccc;
	margin-bottom:5px;
}

#commonBoxContainer h2{
	font-size:130%;
	margin:0;
	padding:3px 0;
	color:#444;
}

#commonBoxContainer p{
	margin:0;
	padding:3px 0;
}

#commonBoxContainer img.icn{
	border:0;
	margin-right:2px;	
}

#commonBoxContainer img.btn{
	border:0;
	text-align:middle;
	margin-left:65px;	
}


#footer{
	width:98%;
	padding:0 1%;
	margin:0 auto;
	clear:both;
}

#footerContainer{
	width:990px;
	padding:5px;
	margin:0 auto;
	color:#fff;
	text-align:center;
}

/* inside pages */

#insideBodyContent{
	width:635px;
	padding:10px;
	margin-right:15px;
	min-height:250px;
	float:left;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
}

#insideBodyContent h1{
	font-size:200%;
	margin:0 0 10px 0;
	padding:10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
	background:#333;
	color:#ccc;
}

/* music update */
#insideBodyContent ul{
	list-style:none;
	width:49%;
	margin:0 1% 0 0;
	padding:0;
	float:left;
}

#insideBodyContent li{
	display:block;
	width:99%;
	margin:0 1% 10px 0;
	padding:0;
}

#insideBodyContent .newsBoxContainer{
	width: 94%;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	background:#ddc;
	color:#333;
	padding:3%;
}

#insideBodyContent .header{
	font-weight:bold;
	font-size:120%;
}

#insideBodyContent .date{
	color: #999;
	font-size:90%;
}

#insideBodyContent .image{
	margin:4px 0;
	border:1px solid #eee;
}

/* charts */

#tabs ul{
	width:100%;
	list-style:none;
	margin-bottom:-10px;
	padding:0;
	float:left;
}

#tabs li{
	width:auto;
	display:inline;
	padding:5px 10px;
	margin-right:3px;
	background:#ddd;
	font-size:110%;
}

#tabs li.selected{
	background:#B4B4B4;
}

#tabs li:hover{
	background:#B4B4B4;
}

#tabsContent{
	width:98%;
	margin:0;
	padding:1%;
	float:left;
	background:#ccc;
}

#insideAdContent{
	width:320px;
	float:right;
}