/* === Hidden guff ======= */
.hidden{
	left:-9999px;
	width:0px;
	overflow:hidden;
	position:absolute;
	}

/* CSS Document */
/*-----------------------------------------------------------------html tag-------------------------------------------------------------------------*/

body{
		background:#FFF;
		margin:0 auto;
		/*font:font-style font-variant font-weight font-size/line-height font-family*/
		/*font:normal normal normal 70%/120% Verdana;*/
		text-decoration: none;
		color:#52595C;
		}

a, 
a:link, 
a:visited {	
		text-decoration: none;		
		color:#555;
		}

a:hover,
a:visited:hover,
a:active  { 
		text-decoration: none;	
		color:#EEE; 
		}

img {  
		border:0px;  
		}

p {	 
		margin:0;
		padding:0;  
		}

h1, h2, h3 { 
		margin:0; 
		padding:0;
		color:#757A7D; 
		}

h1{ 
		/*font:font-style font-variant font-weight font-size/line-height font-family*/
		font:normal normal bold 150%/150% Verdana;
		text-decoration:none;
		margin-bottom:15px;
		}

h2{ 
		font:normal normal bold 150%/100% Verdana;
		text-decoration:none;
		margin-bottom:15px; 
		}

h3{ 
		font:normal normal bold 100%/100% Verdana;
		text-decoration:none;
		margin-bottom:5px; 
		}


/*---------------------------------------------------------------other class---------------------------------------------------------------------------*/

div.line1px {  
		width:100%; 
		height:1px; 
		background:#BBCEDF; 
		}
div.line1px br { 
		display:none;  
		}
div.line2px {  
		width:100%; 
		height:2px; 
		background:#BBCEDF; 
		}
div.line2px br { 
		display:none;  
		}



/*-----------------------------------------------------------------main structure-------------------------------------------------------------------------*/

#structure{ 
		width:100%;  
		margin:0 auto;

		}
#margin{
		width:951px;
		margin:0 auto;
		padding:0 30px;

}
#main {	
		width:951px;  
		margin:0 auto;  
		padding:0;
		position:relative;

		}
		
#header{
	width:951px;
	height:317px;
	margin:0 auto;
	position:relative;
	background:#A0A3A4 url(../images/bg_header.gif) top left repeat-y;
	padding:0;
	/*margin-bottom:10px;*/
	
}


#body {	
		width:951px;
		margin:0;
		padding:0;
		background:#FFF;		
		}

#body #content{
		position:relative;
		width:951px;
		margin:0;
		padding:0;
}




#footer {	
		width:951px;  
		height:131px;
		padding:0;
		margin:0;
		background:#52595C;
		position:relative;
		text-align:left;
}

#footer #detail{
		width:547px;
		position:absolute;
		top:0px;
		left:105px;
}
#footer #detail p{
		text-align:left;
		color:#FFF;
		padding:20px 0 0 15px;
		font-size:13px;
		line-height:16px;		
}
#footer #logo{
		width:103px;
}
#footer #copyright{
		width:280px;
		height:20px;
		position:absolute;
		top:103px;
		right:15px;
}
#footer #copyright p{
		text-align:right;
		color:#FFF;
		font-size:10px;
}
#footer #copyright a,
#footer #copyright a:link,
#footer #copyright a:visited{
	color:#FFF;
	text-decoration:underline;

}
#footer #copyright a:hover,
#footer #copyright a:active{
	color:#CCC;
	text-decoration:underline;
}



#allLinks{
	width:951px;
	margin:9px 0 1px 0;
}
#allLinks #footer-nav	{
	float:left; 
	color:#979b9d;
	/*font-size:12px;*/
	font-size:1em;
}
#allLinks a, 
#allLinks a:link,
#allLinks a:visited			{ 
	color:#979b9d; 
	text-decoration:none; 
	padding:0 2px;
}
#allLinks a:hover, 
#allLinks a:active{ 
	color:#707679; 
	text-decoration:none;
}
#allLinks a.selected{ 
	color:#52595c; 
	text-decoration:none;
}

#allLinks #footer-codegent{ 
	float:right; 
	text-align:left;
	padding-top:2px;
}	
#allLinks #footer-codegent p{ 
	font-size:11px;
	color:#52595C;
}


/*---------------------------------------------------------------style for Home Page---------------------------------------------------------------------------*/
#content_home {
		width:100%;
		/*height:230px;*/
		background:#BABDBE;
}

/*---------------------------------------------------------------style for Presenters Page---------------------------------------------------------------------------*/
#content_presenters{
		padding: 10px 0 30px 0;
}
#model_list{
		background:#FFF url(../images/bg_line_break.gif) top left repeat-y;
}
#model_list .block_model{
		width:292px;
		padding:10px 12px; 
		float:left;
}
#model_list .block_model .img{
		width:90px;
		background:#FFF;
		border:solid 3px #B5B8B9;
		float:left;
}
#model_list .block_model .info{
		width:181px;
		padding:3px 0 0 15px;
		float:left;
}
#model_list .block_model .info .name{
		font-size:120%;
		font-weight:bold;
		margin-top:5px;
		margin-bottom:5px;
}
#model_list .block_model .info .name a,
#model_list .block_model .info .name a:link,
#model_list .block_model .info .name a:visited{
	color: #52595C;
}

#model_list .block_model .info .name a:hover,
#model_list .block_model .info .name a:active{
	color: #333;
}
#model_list .block_model .info .detail{
		
}
#model_list .line_break{
		clear:both;
		height:4px;
}

#detail_presenters{
		/*background:#CCC;*/
		margin-top:-10px;
}
#detail_presenters #btn_back{
	width:174px;
	float:left;
}

#detail_presenters #img{
	width:317px;
	float:left;
}

#detail_presenters #detail{
	width:460px;
	float:left;
	padding:15px 20px;
	
}
#detail_presenters #detail p{
	padding:0px 0 15px 0;
	color:#52595C;
	font-size:11px;
	line-height:14px;
}


/*---------------------------------------------------------------style for Advoice Page---------------------------------------------------------------------------*/
#content_advoice{
		padding:10px 0 30px 0;		
}
#advoice_list{
		background: #FFF url(../images/bg_line_break.gif) top left repeat-y;
}
#advoice_list .block_advoice{
		width:301px;
		height:128px;
		padding:0 5px 10px 10px;
		margin:0;
		float:left;
}
#advoice_list .block_advoice .img{
		width:90px;
		background:#FFF;
		border:solid 3px #B5B8B9;
		float:left;
}
#advoice_list .block_advoice .info{
		width:190px;
		height:85px;
		padding:3px 0 0 15px;
		float:left;
}
#advoice_list .block_advoice .info .name{
		font-size:120%;
		font-weight:bold;
		margin-bottom:5px;
}
#advoice_list .block_advoice .info .name a,
#advoice_list .block_advoice .info .name a:link,
#advoice_list .block_advoice .info .name a:visited{
	color: #52595C;
}

#advoice_list .block_advoice .info .name a:hover,
#advoice_list .block_advoice .info .name a:active{
	color: #333;
}
#advoice_list .block_advoice .info .accent{
		
}
#advoice_list .block_advoice .info .character{
		
}
#advoice_list .line_break{
		clear:both;
		height:4px;
}
#advoice_list .block_advoice #player_content{
		width:205px;
		height:40px;
		float:left;
		padding:0;
		margin:0;
		text-align:right;
}
#advoice_list .line_break_advoice{
		margin:0 0 10px 0;
}

.voicePlayer{
	margin-left: 110px;
}

.voicePlayer .playBtn{
	display:block;
	float:left;
	width:24px;
	height:24px;
	overflow:hidden;
	margin-top:10px;
}
.voicePlayer a.playBtn img,
.voicePlayer a.playBtn:link img,
.voicePlayer a.playBtn:visited img{
	margin-top:0;
}
.voicePlayer a.playBtn:hover img,
.voicePlayer a.playBtn:active img{
	margin-top:-24px;
}

.voicePlayer .downloadBtn{
	display:block;
	float:left;
	margin-left:5px;
	margin-top:10px;
	width:24px;
	height:24px;
	overflow:hidden;
}
.voicePlayer a.downloadBtn img,
.voicePlayer a.downloadBtn:link img,
.voicePlayer a.downloadBtn:visited img{
	margin-top:0;
}
.voicePlayer a.downloadBtn:hover img,
.voicePlayer a.downloadBtn:active img{
	margin-top:-24px;
}

.voicePlayer .stopBtn{
	display:block;
	float:left;
	margin-top:10px;
	width:24px;
	height:24px;
	overflow:hidden;
}
.voicePlayer a.stopBtn img,
.voicePlayer a.stopBtn:link img,
.voicePlayer a.stopBtn:visited img{
	margin-top:0;
}
.voicePlayer a.stopBtn:hover img,
.voicePlayer a.stopBtn:active img{
	margin-top:-24px;
}

#flash_content{
	width:317px;
	height:29px;
	position:absolute;
	top:0px;
	right:0;
	
}
*html #flash_content{
	right:1px;
	top:0px;
}



/*---------------------------------------------------------------debuging---------------------------------------------------------------------------*/

.debug_margin { 
		height:1px; 
}
.debug_margin p { 
		display:none;  
}
.clear {	
		clear:both;	
		height:0px; 
		background:#FF0; 
}
.clear br { 
		display:none;  
}

#detail_presenters #detail p a, 
#detail_presenters #detail p a:link, 
#detail_presenters #detail p a:visited {	
		text-decoration: none;		
		color:#999;
		}

#detail_presenters #detail p a:hover,
#detail_presenters #detail p a:visited:hover,
#detail_presenters #detail p a:active  { 
		text-decoration: none;	
		color:#333; 
		}