/* Template CSS */
/* Version: 3.6 || Date: 2006-2-8 || Author: Cyrano */
/* //W3C//DTD XHTML 1.0 Transitional//EN */

/* Default Skin: Green */

/* Page CSS Sheet Basic */
body
{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 9pt;
	background-color: #ffffff;
	background-image: url(../images/bg.gif);
}
a {font-size: 9pt; color:#112a4d;text-decoration: none;
/* Error parsing styles [Firefox 1.0] */}
a:hover {font-size: 9pt; color: #ac6c21; text-decoration: underline;
/* Error parsing styles [Firefox 1.0] */}

td {font-size: 9pt;}
th {font-size: 9pt; color: #333333;}

hr {color: #999999;	height: 1px; width: 98%; text-align:center;}
hr.dot {border: 1px dotted #999999;}

/* HTML Component Style */
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	background-color: #FFFCF9;
	border: 1px solid #9C9491;
}
.InputBtn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	height: 19px;
	border: 1px solid #999999;
	background-color: #F2F2F2;
	padding-top:1px;
}
.Textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	background-color: #FFFCF9;
	border: 1px solid #9C9491;
}
.TextboxLine {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	background: transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #9C9491;
}
.TextboxRead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	background-color: #FAF8CE;
	border: 1px solid #9C9491;
}

/* Secial Text Style or Color */
.Date {font-size:10px;color: #666666;} 
.Color1 {font-size: 9pt;color: #b11a1a;} 
.Color2 {font-size: 9pt;color: #155693;} 
.Color3 {font-size: 9pt;color: #FFFFFF;}
.Color4 {font-szie: 9pt;color: #E8F013;}
.ColorTitle {font-weight: bold; color: #2d5494;}

/* Form or Component Style */
/*** PartLoad ***/
.LoadTemplate {border:1px dotted #666666; border-collapse: collapse;}
.LoadTemplate TD {font-size:9pt; border:1px dotted #666666;}
.LoadTemplateEnd {border:1px dotted #666666; border-collapse: collapse; background-color:#FFFFFF;}

/*** Table ***/
.TableNoBorder {border-collapse: collapse; background-color:#FFFFFF;}
.TableNoBorder td{font-size:9pt;border: #CCCCCC 2px solid;}
.Table {border: #999999 1px solid; border-collapse: collapse; background-color:#FFFFFF;}
.Table TD {font-size:9pt;border: #CCCCCC 1px solid;}
.Noborder TD {border:none;}
.TableHeader {
	background-image: url(../skins/Blue/TableHeadBg.gif);
	height:20px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
.TableHeader A {color: #eaf0f8;text-decoration: none}
.TableHeader A:hover {color: #e1df23;text-decoration: none}
.TableItem {color: #666666; background-color: #f1f2f3;text-align: center;}
.TableAlternatingItem {color: #666666; background-color: #FCFCFC;text-align:center;}
.TableMouseOverItem {color: #333333;background-COLOR: #FAF8CE;text-align:center;}
.TableSelectedItem {color: #ffffff;background-COLOR: #7396ca;text-align:center;}
.TableFunction {color: #003f88; background-image: url(../skins/Blue/TableFuncBg.gif);} 
.TablePager {color: #003f88;background-COLOR: #e2e8ee;text-align:center;}
.TablePager input.gototxt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666666;
	background-color: #FFFCF9;
	border: 1px solid #9C9491;}
.TablePager input.gotobtn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:11px;
	height: 16px;
	border: 1px solid #999999;
	background-color: #F2F2F2;
	}
.TableEditColumns input{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	height: 19px;
	border: 1px solid #999999;
	background-color: #F2F2F2;
	padding-top:1px;}
	
/* Used in Template */
/*** PageStyle ***/
.DivFloatLeft{float:left;}
.DivFloatRight{float:right; text-align:right;}
.DivFunction {color: #003f88; background-image: url(../skins/Blue/TableFuncBg.gif);height:20px; border: #999999 1px solid; border-bottom:none; padding:5px;}
#SiteMapBar {background-image:url(../skins/Blue/WebSiteBg.png); background-repeat:no-repeat; height:25px; padding:3px;}
#SiteMapBar .DivFloatLeft{width:70%; font-weight:bold; color: #2d5494; padding:5px 0px 0px 2px;}
#SiteMapBar .DivFloatRight{width:29%;}
#MainDiv {padding: 10px 10px 0px 0px;margin: 0px 0px 10px 10px; overflow: auto;}
#PopupDiv {padding: 10px 10px 0px 0px; margin: 0px 0px 10px 10px; overflow:auto;}
#LoadingDiv {filter: Alpha(Opacity=1);z-index:10000;visibility:visible;width:100%;cursor:wait;position:absolute;top:0px;left:0px; background-color:#ffffff;}
#LoadingContentDiv {filter:alpha(opacity=75);padding:20px;cursor:wait; font-weight:bold;text-align:center; background-color:#eeeeee;border:1px dotted #999999; position:absolute; z-index:10001;}
#ButtonBar {text-align:right; padding:5px;}
.DataPager {padding:5px; color: #666666;}


/*** FrameStyle ***/
.LeftBarBg {background-image:url(../skins/Blue/LeftBarBg.gif); background-repeat:repeat-y;}
.TemplateBg {background-image: url(../skins/Blue/TableBg.png); 
/* CSS property background-position-y & background-position-x is not supported [Firefox 1.0, Netscape Navigator 8.0, Opera 7.0, Opera 8.0] */
background-position-y: bottom;
background-position-x: left; 
background-repeat:no-repeat;}

/*** TopBar ***/
#TopBar {background-image: url(../skins/Blue/TopBar_banner.png); background-repeat:no-repeat; height:101px; }
#FlashMenu {position:absolute; left:384px;}
#Home {position:absolute; top: 80px; left: 10px;}
#SubNav {position:absolute; top: 80px; left: 384px;color:#FFFF00;}
#SubNav a{color:#ffffff;}
#SubNav a:hover{color:#E8F013;}
#SubNav .anchorActive{color:#E8F013;}

/*** FootBar ***/
#FootBar {background-image: url(../skins/Blue/CopyRightBg.png); background-repeat:repeat-x; height:32px;}
#FootBar .DivFloatLeft{background-image: url(../skins/Blue/FootBar_CopyRight.png); background-repeat:no-repeat; width:480px; height:32px;}
#FootBar .DivFloatRight{height:32px;}
#FootBar #Forum {background-image: url(../skins/Blue/FootBar_Forum.png); background-repeat:no-repeat; padding: 0px 0px 32px 70px;}
#FootBar #MyBlog{background-image: url(../skins/Blue/FootBar_MyBlog.png);background-repeat:no-repeat; padding: 0px 0px 32px 90px;}
#FootBar #HelpCenter{background-image: url(../skins/Blue/FootBar_help.png);background-repeat:no-repeat; padding: 0px 0px 32px 90px;}
#FootBar #SetPass{background-image: url(../skins/Blue/FootBar_Password.png);background-repeat:no-repeat; padding: 0px 0px 32px 90px;}
#FootBar #Logout{background-image: url(../skins/Blue/FootBar_logout.png);background-repeat:no-repeat;  padding: 0px 0px 32px 70px;}


/*** Article Style ***/
.Article {border:1px #CCCCCC dashed; background-color:#FFFFFF; padding:20px; margin:10px;}
#ArticleTitle {text-align:center;}
#ArticleTitle h1{font-size:18px;color: #2d5494;}
#ArticleTitle h2{font-size:16px;color: #333333;}
#ArticleImg {text-align:center;}
#ArticleImg img{width:450px; border: 1px solid #666666;}
#ArticleInfo {text-align:center; font-weight:bold;}
#ArticleContent {line-height:24px; color: #444444; font-size:14px;}
#ArticleContent p{text-indent:0em; line-height:24px;}
#ArticleBar {text-align:right;}
.PictureLeft {float:left;margin-right:20px;}
.PictureRight {float:Right;margin-left:20px;}

/*** NavBar HyberLink ***/
/*.Nav {background-color:#7396ca; text-align:center; color:#FFFF00;}*/
.Nav {color:#FFFF00;}
.Nav a{color:#ffffff; }
.Nav a:hover{color:#e1df23;}
.Nav a:active{color:#FFFF00;}

/*** SubNavBar LeftBar **/
.LeftBarPart {background-image:url(../skins/Blue/LeftBar_Bg.gif); width:135px; padding:8px; color: #FFFFFF;}
.LeftBarContent {padding-left:8px;width:136px;}
.LeftBarTitle {margin-left:8px;width:126px; padding:7px; background-image: url(../skins/Blue/LeftBar_TitleBg.png);height:15px;color:#ffffff;font-weight:bold;}
.LeftBar{background-image: url(../skins/Blue/LeftBar_BarBg.png);height:19px;color:#666666;padding: 8px 5px 2px 25px;cursor:hand;}
.LeftBarOver{background-image: url(../skins/Blue/LeftBar_BarBgOver.png);height:19px;color:#FFFFFF;padding: 8px 5px 2px 25px;cursor:hand;}

/*** Calendar Style Used by Calendar.js ***/
.WSCL_BG {color: #FFFFFF; background-color: #A2BBD7;}
#WSCL_TableDay td {color: #2d5494; background-color: #FAFAFA; font: bold 10px Verdana; }
#WSCL_YearHead, #WSCL_MonthHead {color: #2d5494; font-size:10px; height:18px;}
div#DIV_Calendar { position: absolute; left: 0; top: 25; }
.WSCL_Out { text-align:center; border: 1px solid #FFFFFF; cursor: hand; font-weight:bold;}
.WSCL_Over { text-align:center; border: 1px solid #F6F6F6; cursor: hand; font-weight:bold;}

/*** Tree Style Used by ComponentArt ***/
.TreeView {border: #999999 1px solid; padding-top:2px;}
.TreeView td {border: none; cursor:default;}
.TreeNode {padding:1px 3px 0px 3px;}
.HoverTreeNode {padding:1px 3px 0px 3px; color: #648bcb; text-decoration: underline;}
.SelectedTreeNode {padding:1px 3px 0px 3px; background-color: #7396ca; color:#ffffff;}
.NodeEdit {border:1px silver solid;}

/* Value 'hand' is not supported for CSS property cursor [Firefox 1.0, Microsoft Internet Explorer 5.5, Microsoft Internet Explorer 6.0, Netscape Navigator 8.0] */


/**** Special ****/
/*** Web 2.0 ***/
/*** Body ***/
body { background-image:url(../images/PageBG.png);}

/*** Div ***/
div {border:0px dotted #188309;margin:0px;padding:0px;}
ol {border:0px dotted #188309; margin:0px;padding:0px;width:100%;}
ul {border:0px dotted #188309; margin:0px;padding:0px;width:100%;}
li {border:0px dotted #188309; width:100%;margin:0px;padding:0px;background-image:url(../Images/Icon_IndexDot.gif); background-repeat:no-repeat; text-indent: 24px;}
#Frame {width: 778px;height:100%;position:relative; background-color:#ececec;}

/*** Top Frame ***/
.TopBanner {background-image:url(../images/TopBannerBg.png); background-repeat:no-repeat; height:110px;}
.Login {background-image:url(../images/LoginBg.png); background-repeat:no-repeat;  width:585px; height:32px; float:right; position:relative;}
.Login .Username{left:110px; top: 3px; position:absolute; cursor:hand;}
.Login .Password{left:255px; top: 3px; position:absolute; cursor:hand;}
.Login .BtnLogin{left:360px; top: 3px; position:absolute; cursor:hand;}
.Login .BtnReg{Left:408px; top:3px; position:absolute; cursor:hand;}
.Login .BtnLostPass{Left:456px; top:3px; position:absolute; cursor:hand;}
.Login .BtnHelp{Left:520px; top:3px; position:absolute; cursor:hand;}

.Banner {width:585px; height:32px; float:right;}
.QuickLinks {margin: 5px 12px 0px 0px; float:right; line-height: 20px;}

/*** SiteNav ***/
.SiteNav {background-image:url(../images/NavBg.png); padding: 7px; color: #ffffff;}
.SiteBar {background-image:url(../images/SiteBarBg.png); height:20px; padding:6px;}


/*** Body ***/
.Body {width:100%; position:relative; background-color:#ffffff;background-color:#e7f4ff; }
.CONTENT {width:100%; position:relative; background-color:#ffffff;background-color:#4c96e1; }
.Left {width:186px; position: absolute; top:0px; left:0px; background-color:#e7f4ff;}
.Right {width:590px; float:right; background-color:#f7f7f7;}


/** Left **/
.Left .NoticeBar{background-image: url(../images/NoticeBg.png); background-repeat:no-repeat; width:186px; height:33px;}
.Notice {padding:10px; background-color:#4b99e1; color: #fff993; height:252px;} 
.Notice a{ color: #FFFFFF;}
.Notice a:hover {color: #fff993;}
.Left .TrainInfoBar{ background-image:url(../images/TrainInfoBg.png); background-repeat:no-repeat; width:186px; height:38px;}
.TrainInfo {padding:10px; background-color:#f0f0f0;color: #1969b3; height:200px;}
.Left .BarQueryGrade{ background-image:url(../images/Bar_QueryGrade.png); background-repeat:no-repeat; width:186px; height:31px;cursor:hand;}
.Left .BarQueryLicense{ background-image:url(../images/Bar_QueryLicense.png); background-repeat:no-repeat; width:186px; height:31px;cursor:hand;}
.Left .BarNetEx{ background-image:url(../images/Bar_NetEx.png); background-repeat:no-repeat; width:186px; height:31px;cursor:hand;}
.Left .BarSiteQuery{ background-image:url(../images/Bar_SiteQuery.png); background-repeat:no-repeat; width:186px; height:31px;}
.Left .BarLinks { background-image:url(../images/Bar_Links.png); background-repeat:no-repeat; width:186px; height:35px;}
.Links .Block { background-color:#e7f4ff; text-align:center;}
.Links li{ background-image:none;padding:10px 0px 10px 0px;}
.Query {padding: 20px;}
.Query li{ background-image:none;padding:5px 0px 5px 0px;}

/** SubBar **/
.SubBarTitleNews { background-image:url(../images/SubBar_News.png); background-repeat:no-repeat; width: 186px; height: 34px;}
.SubBar { background-image:url(../images/SubBarBg.png); background-repeat:no-repeat; width: 166px; text-align:right; padding: 12px 20px 0px 0px;color: #ffffff; font-size:14px; font-weight:bold; height: 22px; cursor: hand;}
.SubBarOver { background-image:url(../images/SubBarBgOver.png); background-repeat:no-repeat; width: 166px; text-align:right; padding: 12px 20px 0px 0px;color: #f3e509; font-size:14px; font-weight:bold; height: 22px; cursor: hand;color: #f1ee0a;}

/** Right **/
.Right .News {background-image:url(../images/NewsBg.png); height:209px; position:relative;}
.Right .BarNews { background-image: url(../images/Bar_News.png); width: 380px; height:36px;}
.BarNews .Cate {padding: 8px 5px 0px 0px; text-align:right;}
.BarNews a{ color:#cb3900;}
.Right .NewsContent {padding:10px; width: 360px;}
.NewsContent ul{ line-height:100%;}
.NewsContent li{ background-image:none; text-indent:0px;}
.NewsContent .DataRight {color: #b13504;}
.Right .NewsPic { background-image:url(../images/NewsPicBg.png); width: 180px; height:179px; position:absolute; left:380px; padding:30px 10px 0px 10px; text-align:center;}
.NewsPic .Pic { width:160px; height:120px; border: 1px solid #666666;}
.NewsPic .PicText { padding-top: 10px; text-align:center;}
.PicText a{ color:#cb3900;}
.Right .ButtonBar { background-image: url(../images/ButtonBarBg.png); height: 97px; text-align:center;}
.Right .BarStandard {background-image:url(../images/Bar_Standard.png); height: 40px; width:295px;}
.Right .BarScience {background-image:url(../images/Bar_Science.png); height: 40px; width:295px;}
.Right .BarTeZhong {background-image:url(../images/Bar_TeZhong.png); height: 40px; width:295px;}
.Right .BarCase { background-image:url(../images/Bar_Case.png); height:40px; width:295px;}
.Right .BarReference { background-image:url(../images/Bar_Reference.png); height: 35px; width: 590px;}
.Right .Reference {background-image:url(../images/ReferenceBg.png); height:296px;}
.Right .Part { width:285px;}
.Right .Book {padding: 5px; width:280px; text-align:left; height:140px;}
.Book .BookPic{margin: 5px; float:left;}
.Book .BookContent div{margin:5px; padding-top:5px;}
.BookContent .ColorTitle{color: #9F3611;}
.BookContent p{color:#666666; text-indent: 18pt; line-height:120%;}

.Right .SiteMap { background-image: url(../images/SiteMapBg.png); background-repeat:no-repeat; width: 560px; height:10px; color: #903606; padding:8px 0px 8px 30px;}

/*** Part Class ***/
.Part {padding:5px; background-color:#E7F4FF; text-align:left; height: 160px;}
.Block ul{line-height:180%;}
.Block .DataLeft{float:left;}
.Block .DataRight{float:right;font-size:10px; white-space:nowrap;}
.More {text-align:right;background-image:none; text-indent:0px; padding:5px;}

.MainBlock {padding: 11px; background-color: #ffffff; height: 240px;}
.MainBlock ul{line-height:180%;}
.MainBlock .DataLeft{float:left;}
.MainBlock .DataRight{float:right;font-size:10px; white-space:nowrap; color: #a65606;}

/*** Foot ***/
.FootBar1 { background-image:url(../images/FootBarBg1.png); height:62px; text-align:center; padding-top:10px;}
.FootBar2 { background-image:url(../images/FootBarBg2.png); height:21px; text-align:center; padding:5px;}
.FootBar3 { background-image:url(../images/FootBarBg3.png); text-align:center; color:#ffffff; padding:10px;}

.TopMenuGroup
{
	width:100%;
	padding: 5px;
}

.MenuGroup
{
  border:solid 1px #f2f2f2;
  background-color:#4692D9;
}


.MenuItem
{
  color:#ffffff;
  font-size:14px;
  cursor:hand;
  font-weight:bold;
}

.MenuItemHover
{
  color:#e1df23;
  font-size:14px;
  cursor:hand;
  font-weight:bold;
}