/* == AF7 == */	
#af7-wrap{
	background:url(../images/af7/bg-af7.png) no-repeat;
	width:908px;
	height:431px;
	margin:0 auto;
	position:relative;
}
/* == livetv == */	
#bar-live-tv{
	height:35px;
	overflow:visible;
}
#btn-view-livetv{
	display:block;
	float:right;
	height:27px;
	margin:5px 21px 0 0;
	text-indent:-999em;
	width:73px;
}
#livetv-position{
	clear:both;
	position:relative;
	z-index:40;top:3px;
	margin:0 0 0 226px;
	width:431px;
	display:none;
}
#livetv-viewer{
	background: url(../images/af7/bg-tv.png) no-repeat;
	height:393px;
	position:relative;
	top:-393px;
	
	behavior: url(iepngfix.htc);
}
#livetv-object{
	height:259px;
	margin:55px 0 0 56px;
	width:320px;
	background:black;
}
#btn-close-livtv{
	display:block;
	height:29px;
	margin:38px 0 0 148px;
	text-indent:-999em;
	width:131px;
}
/* == candidate == */	
#selected-candidate{
	position:absolute;
	width:346px;
	height:304px;
	top:126px;
	left:0;
	z-index:5;
	background-repeat:no-repeat;
	background-position: 100% 100%;
}

#all-candidate{
	float:left;
	width:227px;
	overflow:hidden;
	height:392px;
	position:relative;
	z-index:30;
}
#candidate-panel{
	margin-top:374px;
	margin-left:9px;
	background:url(../images/af7/bg-candidate-panel.png) no-repeat;
	width:217px;
	height:184px;
	
	behavior: url(iepngfix.htc);
}
#btn-view-all-candidate span{visibility:hidden;}
#btn-view-all-candidate{
	display:block;
	float:right;
	height:19px;
	text-decoration:none;
	width:90px;
}
#candidate-panel ul{
	display:block;
	clear:both;
	list-style:none;
	padding:4px;
}
#candidate-panel li{
	padding:1px;
}
#candidate-panel li a{
	border:1px solid transparent;
	display:block;
	float:left;
}
#candidate-panel li a:hover{
	border:1px solid red;
}
#candidate-panel img,
#candidate-panel li{
	display:block;
	float:left;
	width:50px;
	height:50px;
}
#right-content{
	width:679px;
	float:right;
}

#middle-cotent{
	float:left;
	width:424px;
	position:relative;
	z-index:10;
}

/* == news == */
#news{
	background:url(../images/af7/bg-news.png) no-repeat;
	height:304px;
	color:white;
	margin-top:6px;
	
	behavior: url(iepngfix.htc);
}
#btn-allnews{
	display:block;
	float:right;
	height:30px;
	margin:21px 12px 0 0;
	text-decoration:none;
	text-indent:-999em;
	width:80px;
}
.thumb{
	float:left;
	border:1px solid #7f7f7f;
	height:60px;
	width:80px;
}
.thumb img{
	height:60px;
	width:80px;
}
.news-type{
	background:transparent url(../images/af7/icon-news.png) no-repeat scroll 4px 2px;
	color:#F3780B;
	font-weight:bold;
	line-height:23px;
	padding-left:22px;
	font-size:11px;
}
.news-date{
	border-left:1px solid #AAAAAA;
	color:#AAAAAA;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	margin-left:7px;
	padding-left:7px;
}
#latestnews{
	clear:both;
	padding-left:29px;
	padding-top:10px;
}
.news-content{
	height:80px;
}
.desc{
	float:left;
	font-size:12px;
	width:280px;
	padding-left:10px;
}
.news-title{
	padding-left:5px;
}
.news-title a{
	color:white;
}
.news-title a:hover{
	color:#F3780B;
}
/* == social == */
#social-hover{
	height:76px;
	font-size:12px;
}
#social{
	background:url(../images/af7/bg-social.png) no-repeat;
	height:76px;
	font-size:12px;
}
#social a{
	text-decoration:none;
	font-size:12px;
	color:#222;
}
#social a:hover{
	text-decoration:underline;
}
.box-twiiter{
	margin:0;
}
#twcontainer{
	float:left;
	margin:14px 0 0 37px;
	width:280px;
}
#views_twitter{
	display:block;
	float:left;
	height:50px;
	margin:20px 0 0 2px;
	text-indent:-999em;
	width:48px;
}
#views_facebook{
	display:block;
	float:left;
	height:60px;
	text-indent:-999em;
	width:47px;
}
/* == photo gallery == */
#photo,#music{
	float:left;
	width:249px;
}
#photo{
	/* background:url(../images/af7/bg-photo.png) no-repeat; */
	background:white;
	height:157px;
	width:241px;
	border:1px solid #535353;
	margin-top:9px;
	margin-left:3px;
}
#photo img{
}
#photo .phototag{
	background:url(../images/af7/phototag.png) no-repeat;
	width:186px;
	height:28px;
	position:absolute;
	z-index:50px;
	float:left;
	text-indent:-999em;
	top:160px;
}
#ranking-update{
	font-size:11px;
	font-weight:bold;
	padding:30px 0 0 23px;
}
#ranking-update p{
	color:white;
}

#ranking-update span{
	color:#fdbc11;
	font-size:12px;
}
#candidate-score{
	color:white;
	font-size:12px;
	margin:72px 0 0 30px;
}
#btn-view-profile {
	display:block;
	height:22px;
	margin:8px 0 0 23px;
	text-indent:-999em;
	width:86px;
	position:absolute;
	top:246px;
}

#btn-download-app{
	display:block;
	height:65px;
	left:28px;
	position:absolute;
	text-indent:-999em;
	top:295px;
	width:160px;
}
/* === scrollbarpaper ===*/

#music{
	background:url(../images/af7/bg-music.png) no-repeat;
	height:215px;
	margin-top:2px;
}
#music-content{
	position:relative;
	margin: 16px 0 0 21px;
}
#week{
	margin:33px 0 0 23px;
}
.music-row{
	color:#666666;
	float:left;
	line-height:21px;
	padding-right:4px;
}
#btn-listen-music{
	display:block;
	height:22px;
	margin:7px 0 0 147px;
	text-indent:-999em;
	width:80px;
}
#container{
  width: 210px;
  height: 115px;
  overflow:hidden;
  color:#2c2c2c;
  line-height:15px;
}
#container p{
	padding:3px 0;
	width:175px;
}
.scrollbarpaper-container{
	margin-left:20px;
}
div.scrollbarpaper-track
{
	background-color: transparent;
	width: 100%;
}
div.scrollbarpaper-drag
{
	background:url("../images/af7/scrollbar/cursor_body.jpg") repeat-y;
}
div.scrollbarpaper-drag-top{
	background: url("../images/af7/scrollbar/cursor_head.png") no-repeat;
	height:12px;
}
div.scrollbarpaper-drag-bottom{
	background: url("../images/af7/scrollbar/cursor_foot.png") no-repeat;
	height:12px;
}
#content.scrollbarpaper-visible
{
}
p.scrollbarpaper-visible{
	margin-top:0px;
}