@charset "utf-8";
/* CSS Document */
.nav-sub {
	background: url(../images/bak_nav_sub.jpg) left top no-repeat;
}
.greyText36 {
	font-size: 28px;
	font-weight: bold;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #666
}
.nav-home {
	background: url(../images/bak_nav_home.jpg) left top no-repeat;
}	
.holder-nav-home {
	
	width: 960px;
	height: 24px;
	text-align:center;
	padding-top: 50px;
}
.holder-nav-home ul {
	margin: 0;
	padding: 0;
}
.holder-nav-home li {
	list-style: none;
	display: inline;
	margin: 2px;
	border-right: solid 1px #666;
	padding-right: 7px;
}
.holder-nav-home li a {
	color: #999;
	text-decoration: none;
}
.holder-nav-home-end {
	border-right: none!important;
	padding-right: 0!important;	
}


.holder-ccc-logo-home {
	width: 485px;
	height: 310px;
	background: url(../images/bak_ccc_logo_home.jpg) left top no-repeat;
	float: left;
}
.btn-login-home {
	position: absolute;
	width: 95px;
	height: 35px;
	display: block;
	left: 309px;
	top: 341px;
}
.btn-register-home {
	position: absolute;
	width: 135px;
	height: 35px;
	display: block;
	left: 159px;
	top: 341px;
}
.holder-ccc-logo-sub {
	width: 960px;
	height: 219px;
	background: url(../images/bak_ccc_logo_sub_with.jpg) left top no-repeat;
}
.sub-content-holder {
	width: 960px;
	background: url(../images/bak_sub_content.jpg) left top repeat-y;
}
.sub-content-left {
	width: 534px;
	float: left;
	margin-right: 70px;
}
.sub-content-right {
	float: left;
	padding-top: 45px;
	width: 285px;
}
.questions-holder {
	margin-top: 50px;
	!margin-top: 225px;
	!padding-bottom: 100px;
}
.submitquestion {
	margin-top: 10px;
	width: 285px;
	height: 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow:auto;
}
.registerform {
	margin-top: 10px;	
	padding-left: 17px;
}
.ff-tweet {
	width: 21px;
	height: 22px;
	position:absolute;
	display: block;
	cursor:pointer;
	top: 637px;
	left: 85px;
}
.ff-facebook {
	width: 21px;
	height: 22px;
	position:absolute;
	display: block;
	cursor:pointer;
	top: 637px;
	left: 112px;
}
.questsubmit {
	width: 99px;
	height: 23px;
	border:none;
	background: url(../images/btn_question_submit.jpg);
	display:block;
	cursor: pointer;
	float: right;
	margin-top: 5px;
}
.blackRow {
	background: #171717;
	padding: 10px;
	clear: both;
}
.transRow {
	padding: 10px;	
	clear: both;
}
.number {
	float: left;
	margin-right: 20px;
	font-size: 24px;
	font-weight:bold;
}
.holder-signup a {
	color: #F90;
	text-decoration: none;
}
.sub-content {
	background: url(../images/sub_big_header.jpg) left top no-repeat;
	padding: 20px 26px 0 20px;
}
.content-footer {
	width: 960px;
	height: 57px;
	background:url(../images/content_footer.jpg) left top no-repeat;
}
.holder-ccc-logo-register {
	width: 485px;
	height: 219px;
	background: url(../images/bak_ccc_logo_register.jpg) left top no-repeat;
	float: left;
}
.holder-winner-home {
	width: 475px;
	height: 310px;
	background: url(../images/bak_winner_home.jpg) left top no-repeat;
	float: left;
}
.holder-winner-register {
	width: 475px;
	height: 219px;
	background: url(../images/bak_winner_register.jpg) left top no-repeat;
	float: left;
}
.btn-thisweek-home {
	position: absolute;
	width: 127px;
	height: 27px;
	display: block;
	left: 502px;
	top: 230px;
}
.player-register {
	background: url(../images/bak_player_register.jpg);
	width: 432px;
	height: 245px;
}
.btn-sample-home {
	position: absolute;
	width: 150px;
	height: 27px;
	display: block;
	left: 635px;
	top: 230px;
}
.holder-ad-register {
	width: 432px;
	height: 162px;
	background: url(../images/bak_ad_register.jpg);
}
.btn-sample-home {
	position: absolute;
	width: 144px;
	height: 27px;
	display: block;
	left: 637px;
	top: 230px;
}
.btn-winner-home {
	position: absolute;
	width: 130px;
	height: 27px;
	display: block;
	left: 792px;
	top: 230px;
}
.holder-ff-home {
	background: url(../images/bak_fast_freedy_home.jpg) left top no-repeat;
	width: 309px;
	height: 185px;
	float: left;
	padding: 100px 0 0 35px;
}
#pane1 {
	width: 285px;
	height: 145px;
	overflow:auto;
}
.holder-mp-home {
	background: url(../images/btn_media_player.jpg) left top no-repeat;
	width: 380px;
	height: 285px;
	float: left;
	display: block;
}
.holder-mp-home:hover {
	background: url(../images/btn_media_player.jpg) left -285px no-repeat;
}
.holder-socialmedia-home {
	background: url(../images/bak_discuss_home.jpg) left top no-repeat;
	width: 236px;
	height: 285px;
	float: left;
}
.home_footer {
	width: 960px;
	height: 31px;
	background: url(../images/bak_home_footer.jpg) left top no-repeat;
	clear:both;
}

#rotate ul {
	margin: 68px 0 0 20px;
	padding: 0;
}
#rotate ul li {
	margin: 0;
	padding: 0;
	padding: 5px;
	float: left;
	list-style:none;
	background:#333;
	border-right: solid 1px #212121;
}
#rotate ul li a {
	color: white;
	text-decoration: none;
}
.ui-tabs-selected {
	background: black!important;
	text-decoration: underline;
}
.sm-holder {
	height: 160px;
	width: 172px;
	overflow:hidden;
	margin: 7px 0 0 25px;
}

.tweet-on {
	width: 54px;
	height: 20px;
	background: url(../images/sprite_tabs_socialmedia_home.jpg) left top;
	display: block;
}
.myspace-on {
	width: 61px;
	height: 20px;
	background: url(../images/sprite_tabs_socialmedia_home.jpg) -54px top;
	display: block;
}
.facebook-on {
	width: 57px;
	height: 20px;
	background: url(../images/sprite_tabs_socialmedia_home.jpg) -115px top;
	display: block;
}
.tweet-off {
	width: 54px;
	height: 20px;
	background: url(../images/sprite_tabs_socialmedia_home.jpg) left top;
	display: block;
}
.myspace-off {
	width: 61px;
	height: 20px;
	background: url(../images/sprite_tabs_socialmedia_home.jpg) -54px -20px;
	display: block;
}
.facebook-off {
	width: 57px;
	height: 20px;
	background: url(../images/sprite_tabs_socialmedia_home.jpg) -115px -20px;
	display: block;
}



/** tabs **/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */

/* Added by BMukulu */
.fanQ{
font-weight: bold;
font-size:14px;
background-color: #171717;
color: #EED35E;
padding: 3px;

width: 405px;
border-color:#171717;
border-style:solid;
border-width: 1px;


}
/*End added by BMukulu*/
