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

/* Default Skin: Blue */

/* 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: #005aaf;} 
.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 1px 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-color:#af0504;
	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: #c50002;background-COLOR: #ead5d5;text-align:center;}
.TablePager input.gototxt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666666;
	background-color: #ead5d5;
	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:29%;font-weight:bold; color: #2d5494; padding:5px 0px 0px 20px; background-image:url(../images/icon/Icon_WebSite.gif); background-repeat:no-repeat;}
#SiteMapBar .DivFloatRight{width:60%}
#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;}
#ArticleInfo {text-align:center; font-weight:bold;}
#ArticleContent {line-height:24px; color: #444444; font-size:14px;}
#ArticleContent p{text-indent:18pt; 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] */

/*** Web 2.0 ***/
/*** Div ***/
div {border:0px dotted #188309;margin:0px;padding:0px;}
ol {border:0px dotted #188309;}
ul {border:0px dotted #188309;}
li {border:0px dotted #003d8c;}
#Frame {width:780px; position:relative; background-color:#ffffff; margin:auto; border:1px solid #cccccc;}

/*** Part Class ***/
.Part {margin:5px; }
.Block {margin: 5px; padding:5px;}
.Block ul {margin:5px;}
.Block ul li {margin:3px; }
.Block .DataLeft{float:left;}
.Block .DataRight{float:right; font-size:10px;color: #666666; white-space:nowrap;}

/*** Top Frame ***/
#Top {position:relative;width: 780px;}
#Banner {background-image:url(../images/Banner.png); background-repeat:no-repeat; height:140px;}
.Nav{background-color:#F3667C;text-align:center;}
.NavBar{background-image: url(../images/NavBarBg.gif);color:#ffffff; cursor:hand;}
.NavBarOver{background-image: url(../images/NavBarBgOver.gif);color:#fff9c5; cursor:hand;}

/*** Body ***/
.Body {width:780px; background-color:#efefed; clear:both;}
.Left { float:left; width: 145px;}
.Right {}
.MainCenter {}
.MainRight {float:right; width:635px; background-color:#f5f5f5; min-height: 500px; 
background-image:url(../images/MainRightBg.png); background-repeat:repeat-x;}
.MainLeft {}
.MainCross {}

/*** Left ***/
.SubNavPart {}
.SubNav
{
	background-image:url(../images/LeftBar_BarBg.gif);
	padding: 10px 0px 0px 50px;
	color:#666666;
	cursor:hand;
	height: 21px;
}
.SubNavOver
{
	background-image:url(../images/LeftBar_BarBgOver.gif);
	padding: 10px 0px 0px 50px;
	color:#CA1430;
	cursor:hand;
	height: 21px;
}

.TrdNavPart {margin:10px;}
.TrdNav
{
	background-color:#dddddd;
	padding: 5px;
	margin:1px;
	color:#666666;
	cursor:hand;
}
.TrdNavOver
{
	background-color: #f2bfa8;
	padding: 5px;
	margin:1px;
	color:#CA1430;
	cursor:hand;
}

/*** MainRight ***/
.MainRight .DivFunction { background-image:none; border:none; border-bottom:1px dotted #cccccc; margin:5px;}
.MainRight .Part {margin: 10px;}
.MainRight .Part .Block {margin:10px; padding:10px;}
.MainRight .Part .Block ul {margin:5px; background-color:#eeeeee;}
.MainRight .Part .Block ul li {margin:5px; list-style:none; padding:8px;}

/*** Foot Frame ***/
.FootLinks { background-image:url(../images/footLinkBg.png); background-repeat:no-repeat; height:60px; color:#ffffff; padding: 10px 0px 0px 50px;}
#Foot { background-color:#d9d8d5; height: 30px; clear:both;}
#Foot .DivFloatLeft {margin:10px;}
#Foot .DivFloatRight {margin:10px;}