﻿/* CSS Document*{border: 1px dotted #ffCCCC;}  */
html {background:url(tokcms.gif) repeat scroll center 0px;}
img{margin:0px;border:0px;}
body{margin:0px;border:0px;background-color:#fff;font-family : "Verdana", "Arial", "Helvetica", "sans-serif", "宋体", "Lucida Sans Unicode";font-size: 13px;}
/* ----- IDS ----- */
#divPage{margin-right:0px!important;margin-right:-3px;width:845px;float: left;overflow:hidden} 
#divLang
{
position: absolute;
	left: 725px;
	top: 130px;
}
#leftSideBarUl
{
background-color:#eef;
}
#subMenuSelected
{color: #c00; background:url(../../images/redcorner.gif)  no-repeat right bottom; background-color:#eee;}
#leftSideBarUl li{
	margin:5px;
	padding-left:15px;
	line-height:18px;
	width:150px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	background:url(../../images/play.gif) no-repeat left center;
}	

#divMain{
margin:5px;
padding:5px;
}
#divMain ul, #divSub ul
{
margin-left:20px;padding-left:10px;
}
#floater{
border-top: 5px solid  #ddd;
border-right: 5px solid  #999;
border-bottom: 5px solid #666;
border-left: 5px solid #ccc;
background: #ddf;
position: fixed;
top: 5px;
right: 160px;
}

#divRightSidebar
	{	
	width:150px;
	padding:0px;
	top:0px;
	margin-right: 0px;
	white-space:nowrap;
	overflow:auto;
	}
#myMap{margin:0px auto 0px 10px;}
/* ----- HEADINGS ----- */
h1{font-size: 15px;	padding-left: 15px;	color: #36006C;	background-color: #eeeeee;}
h2{font-size: 14px;	padding-left: 28px;	color: #4B3397;}
h3,label{font-size: 13px;padding-left: 39px;color: #5F33BD;}
/*--redefined--*/
table{font-size: 13px;}
th{font-size: 13px;	background-color: #FFE6FF;}
caption{background-color:#eeeeee;padding: 8px;font-weight: bold;}
p{text-indent: 2em;}
object{	margin:0px 10px;}
address{font-style: normal;	text-align: center;}
ul{	margin:2px;padding:2px;}

/* ----- LINKS ----- */
a:link, a:visited,a:hover, a:active{text-decoration: none;}
a:hover, a:active{text-decoration: none;left:1px;top:1px;position:relative;}
#menu a:link,#menu a:visited{text-decoration: none;}
#lang li a:link, #lang li a:visited{color: #555577;text-decoration: none;}
#divMain a:hover,#divMain a:active{border-bottom: 1px dotted #666;}
/* ----- LISTS ----- */

ul#lang li
{	padding: 4px 0px;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	list-style-type:none;
	}	
	
#autoh1{
	clear:both;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background-color: #FFFFFF;
}

#transparentflash{
position: absolute;
left: 380px;
top:0px;
}

#menu{
	position: absolute;
	left: 300px;
	top: 160px;
	height: 100px;
	width: 640px;
}
#menu ul{
	text-align: center;
}
#menu ul li{
	display:block;
	float:left;
	margin:0px 10px;
	width:65px;
	padding:3px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size: 15px;
	}


.subMenu li{
	margin:5px;
	padding-left:15px;
	line-height:18px;
	width:110px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	background:url(../../images/play.gif) no-repeat left center;
}	

.bottomMenu li{
	display:inline;
	margin:2px 5px;
	padding-left:15px;
	line-height:18px;
	width:200px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	background:url(../../images/play.gif) no-repeat left center;
}	

#gtitle span{
	margin-left:20px;
	padding-left:20px;
	height:26px;
	width:380px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}	
#gtitle span.hot{
	background:url(../../images/play.gif) no-repeat top left;
}	
#gtitle span.new{
	padding-left:40px;
	background:url(../../images/clockdown.gif) no-repeat top left;
}	
#gtitle span.gbook{
	background:url(../../images/mbi_019.gif) no-repeat top left;
}

.clearboth{
clear:both;
line-height:0px;
}
#koocall{
padding-left:1em;
padding-right:1em;
}


.newedit{background:url(../../images/clockdown.gif) no-repeat center bottom; background-color: #eeeeee;/*same to h1*/}
/* ----- ROLLER ----- */	
#roll{margin-left:-5px;
padding-left:2em;
padding-right:1em;
	font-size:13px;
	overflow:hidden;
	height:26px;
	background-color: #F0ECFF;
}
#roll li{
	height:26px;
	line-height:26px;
	white-space:nowrap;
	overflow:hidden;
	color: #666666;
	}

#roll1{
	overflow:hidden;
	width:140px;
	height:140px;
	list-style-type: none;
	}
#roll1 li {
	height:140px;
	white-space:nowrap;
	overflow:hidden;

	}
#roll2{
	overflow:hidden;
	width:280px;
	height:280px;
	list-style-type: none;
	}
#roll2 li{
	height:280px;
	white-space:nowrap;
	overflow:hidden;
	}
#roll3{
	overflow:hidden;
	width:460px;
	height:298px;
	clear: none;
	list-style-type: none;
		}
#roll3 li{
	height:298px;
	white-space:nowrap;
	overflow:hidden;
	}


/* ----- CLASSES ----- */
.menuicon{
	height: 60px;
	width: 60px;
}
.submenupix{height: 22px;
	width: 20px;
}
.classtab{
	line-height: 20px;
}

.twintable{	width: 100%;float: left;}
.left{	float: left;}
.right{	float: right;}

.classtabpix{margin-right: 20px;height: 55px;width: 60px;}

.sb{float: left;
	margin:2px;
	width: 125px;
	background-color: #f0eeff;
	}
.siteMapSub
	{
	float: left;
	}
.siteMapSub dl{
	width: 180px;
	margin:2px;
	}
.siteMapSub dt
	{
	margin:2px;
	background:url(../../images/bgOFF.gif) repeat-x left top;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #b00;
	font-weight: bold;
	}
.siteMapSub dd
{
	margin-left:15px;
	width: 160px;
}
	
.siteMapSub li
{
	padding-left:2px;
	list-style-type:square;
}

.sb dt{background:url(../../images/bgOFF.gif) repeat-x left top;
	font-size: 12px;
	padding: 5px;
	margin: 0px;
	height: 30px;
	color: #333333;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #b00;
	font-weight: bold;
	}
.sbbody{

	font-size: 11px;
	margin-left: 0px;
	padding: 5px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;	
	}	
.sbbody ul{
	margin:0px;
	font-size: 12px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	list-style-type: none;	
	}

.divSub{padding:1em; border-top-width: 1px;	border-top-style: dashed;	border-top-color: #333333;}


.horizontalForm{
margin-left:30px;
}

.center{margin: 0 auto 0 auto;}
.full{width: 100%;}
.redsm{	color: #FF0000;	font-style: italic;}
.red{color: #FF0000;}
.blur{
	font-size: 8px;
	font-style: italic;
	color: #333333;
	display: inline;
}

.gbh2{
padding: 5px;
}
.gbquestion{
	padding: 5px;
}
.gbanswer{
	margin: 5px;
	padding: 5px;
	font-size: 14px;
	color: #666;
	background-color: #eee;
}

/*img shadow
div.shadow img {
  padding: 5px 5px 9px 5px;
  background: white url(shad_bottom.png) repeat-x bottom left;
}

div.shadow div.tl {
  width: 2px;
  height: 4px;
  background: url(shad_tlcorner.png) no-repeat top left;
  position: absolute;
  top: 0px;
  left: -1px;
}

div.shadow div.tr {
  width: 2px;
  height: 4px;
  background: url(shad_trcorner.png) no-repeat top right;
  position: absolute;
  top: 0px;
  right: -1px;
}

div.shadow div.bl {
  width: 4px;
  height: 4px;
  background: url(shad_blcorner.png) no-repeat bottom left;
  position: absolute;
  bottom: 0px;
  left: -1px;
}

div.shadow div.br {
  width: 4px;
  height: 4px;
  background: url(shad_brcorner.png) no-repeat bottom right;
  position: absolute;
  bottom: 0px;
  right: -1px;
}
*/
/*img shadow*/
img.shimg{border:5px solid #fff;padding:5px}
div.shdiv{
	width: 1px;
	background: #b4afa3;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 3px; 
	padding-left: 1px; 
	border-left: 1px solid #dcd7c8;
	border-right: 1px solid #ede8d9;
	margin: 1px;
	border-top-width: 0px;
	border-top-color: #dcd7c8;
	border-top-style: solid;
	background-image: url(../../images/shadow-bottom.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	display:inline;
}

div.ctdiv, div.ctdivtim{
width: 98%; /*less than divPage*/
text-align:center;
}

div.rtdiv{
text-align:right;
}


img.shimgtim{border:5px solid #fff;padding:5px}
div.shdivtim{
	width: 1px;
	background: #b4afa3;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 3px; 
	padding-left: 1px; 
	border-left: 1px solid #dcd7c8;
	border-right: 1px solid #ede8d9;
	margin: 1px;
	border-top-width: 0px;
	border-top-color: #dcd7c8;
	border-top-style: solid;
	background-image: url(../../images/shadow-bottom.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	display:inline;
}


div.rtdivtim{
text-align:right;
}

/*
#floaterold{
position: absolute; 
left: expression((eval(document.body.scrollLeft)+eval(document.body.clientWidth)-160)+"px"); 
top: expression((eval(document.body.scrollTop)+5)+"px"); 

position: absolute; 
left: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-270); 
top: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-400); 
}

imgcaption
.arc90_imgcaptionTXT {
	font-size: 1.2em;
	color: #666;
	text-align: left;
}

.arc90_imgcaption {
	text-align: center;
	border: 1px solid #DDD;
	padding: 1em;
	margin: 1em 0;
	width: 9em;
}

.floatl { float: left; margin-right: 1em; }
.floatr { float: right; margin-left: 1em; }
*/
p.arc90_imgcaptionALT {
	margin-top: 2px;
	margin-bottom: 6px;
	font-size: 1em;
	text-align: right;
}
span.arc90_imgcaptionALT {
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
}
/*imgcaption end*/

.imgCaption{
margin-right:20px;
float:left;
}

.NoLiStyle{
margin-left:0.5em;
list-style:none;}

.10p{
font-size: 12px;
}
