* {	margin:0px; padding:0px; border:0px; }
body { font-size:100%; line-height:1.123em; font-family: Arial, Helvetica, sans-serif;}
P {font-size:0.875em; }

.Wraper_Group {width:100%; margin: 0 auto; background-image:url(../images/top_bg.gif); background-repeat:repeat-x; /*border:#333333 solid 1px;*/}
.Wraper_CB {width:100%; margin: 0 auto; background-image:url(../images/top_bg_blue.gif); background-repeat:repeat-x; /*border:#333333 solid 1px;*/}
.Wraper_LL {width:100%; margin: 0 auto; background-image:url(../images/top_bg_pink.gif); background-repeat:repeat-x; /*border:#333333 solid 1px;*/}
.Wraper_CL {width:100%; margin: 0 auto; background-image:url(../images/top_bg_green.gif); background-repeat:repeat-x; /*border:#333333 solid 1px;*/}

#WraperAll {/*float:left;*/ width:800px; margin: 0 auto; border-bottom:#999 solid 1px;} /*fix footer not included in Wraper in FF */
.TopBg { width:800px; height:34px; }

/*.TopBg_Group { width:800px; height:34px; background-image:url(../images/top_bg.gif); background-repeat:repeat-x; }
.TopBg_CB {width: 800px; height:34px; background-image:url(../images/top_bg_blue.gif); background-repeat:repeat-x; }
.TopBg_LL {width: 800px; height:34px; background-image:url(../images/top_bg_pink.gif); background-repeat:repeat-x; }
.TopBg_CL {width: 800px; height:34px; background-image:url(../images/top_bg_green.gif); background-repeat:repeat-x; }*/

#Navi { padding-left:5px; /*width:500px;*/ float:left; font-size:100%; /*font-weight:bold; background-color:#009900; z-index:1;*/ }
#SearchBox {padding-right: 20px; float:right; font-size:75%; }
.Searchbt { padding-top:6px; vertical-align: text-bottom;}

#LoginBox { margin-left:40px;}/* it fixs boarder display on FF, since LoginForm has to be float to left */
#LoginForm { width:653px; font-size:70%; font-weight:bold; padding-left:3px; /*padding:2px 0px 2px 2px;*/ background-color:#FFFFFF; /*z-index:2;*/ border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; float:left; margin-top:-1px;}
.LFSignIn { width:120px; background-color:#75B760; padding:1px 1px 1px 1px; color:#FFFFFF; font-weight:bold; font-size:9pt; cursor:hand; }
.LFDiv { float:left; padding-right:4px; }
#LoginResultBox { float:right;}
#LoginResult { width:210px; font-weight:bold; text-align:center; padding-right:5px; /*padding:2px 0px 2px 2px;*/ background-color:#FFFFFF; /*z-index:2;*/ float:left; margin-top:-1px;}
input.LR { font-size:100%; cursor:hand;}

#UserLinksBox {margin-left:40px;}/* it fixs boarder display on FF, since LoginForm has to be float to left */
#UserLinks { /*margin-left:277px;*/ width: 650px; text-align:right; background-color:#FFFFFF; padding:3px; border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; float:left; margin-top:-1px;}
.UL_Register { font-size:70%; text-align:center; color:#FFFFFF; background-color:#74BDE4; border: #999999 solid 1px; padding:1px 1px; width:140px; float:left; margin-left:4px;}
.UL_GetPass { font-size:70%; text-align:center; color:#FFFFFF; background-color:#787878; border: #999999 solid 1px; padding:1px 1px; width:185px; float:left; margin-left:4px;}
.UL_Register a:link, .UL_Register a:visited, .UL_GetPass a:link, .UL_GetPass a:visited { color:#FFFFFF; text-decoration:none; }
.UL_Register a:hover, .UL_GetPass a:hover { color:#000000; text-decoration:none; }

#Logo { width:750px; margin-left:25px; }

#HeadGraphic { width: 750px; margin-left:25px; text-align:center; }

#PageHead { width:400px; padding-bottom:2px; margin-left:0px; margin-top:10px; margin-bottom:10px; font-size:110%; font-weight:bold; color:#666666;  }
#SectionPageHead { width:750px; margin-left:25px; margin-top:10px; padding-bottom:10px; font-size:110%; font-weight:bold; color:#666666; border-bottom:#333333 solid 1px;}

.IndexContent { width:750px; margin-left:25px; padding-top:10px; }
.SectionContent { width:750px; margin-left:25px; padding-top:10px; }
.SectionContent p { font-size:0.80em; padding-bottom:1em;}
.SectionContent table { font-size:100%; margin-top:10px;}
.SectionContent ul { font-size:0.80em; margin-left:30px; padding-bottom:5px;}
.SectionContent ol { font-size:0.80em; margin-left:30px; padding-bottom:5px;}
.SectionContent strong { font-size:0.9em; }

.SectionContent a:link, .SectionContent a:visited { color:#4169E1; text-decoration:underline;}
.SectionContent a:hover { color:#696969;}
.ErrorMSG { font-size:100%; font-weight:bold; color:#800000; padding-bottom:20px;}
.SearchResult { font-size:80%; margin-left:10px; min-height:300px; }
.SearchResult a:link, .SearchResult a:visited, .SearchResult a:hover { font-size:100%; }
blockquote { padding-left:30px; padding-right:30px; padding-top:10px;}

/****** 

Five Homepage mini content (hmc) style is moved to hmc_cbg.css, hmc_cb.css, hmc_cc.css and hmc_cl.css 

******/

input.Search { width:150px; font-size:100%; border:#CCCCCC solid 1px; padding:1px 1px; }
input.Index { width:150px; font-size:100%; border:#CCCCCC solid 1px; padding:2px 2px; }
select.Index { width:150px; font-size:100%; border:#CCCCCC solid 1px; padding:2px 2px; }

#FooterLogo { width:750px; margin-left:25px; margin-top:35px; }
#Footer { clear:both; width:750px; margin-left:25px; padding-top:20px;font-size:60%; color: #666666; }
.FooterLinks { float:left; }
.FooterLinks a:link, .FooterLinks a:visited { color: #666666; text-decoration:none;}
.FooterLinks a:hover { color: #000000; text-decoration:none;}
.Copyrights { float:right; }


/*** form style ***/
fieldset { border: 1px solid #DCDCDC; width: 400px; padding:10px; font-size:0.85em;}
fieldset.Rating { margin-left:25px; border: 1px solid #DCDCDC; width: 500px; padding:10px; font-size:0.85em;}
fieldset.GetPass { border: 1px solid #DCDCDC; width: 400px; padding:10px; font-size: 0.85em; margin:0 auto;}

legend { color: #fff; background: #696969; font-size:90%; border: 1px solid #DCDCDC; padding: 2px 6px; margin-bottom:10px; }
label { width: 150px; font-size:85%; float: left; text-align: right; margin-right: 0.5em; margin-top: 0.5em; display: block; }
label.long { text-align: right; width: 315px; padding-right: 20px; }
label.RatingLeft { text-align: left; width: 100px;  }
label.RatingRight { text-align: left; width: 350px;  }

input.Reg  { width:150px; font-family: Arial, Helvetica, sans-serif; font-size:85%; color: #333333; background: #F5F5F5; margin-top: 0.5em; border: 1px solid #DCDCDC; }
textarea.Reg { width:200px; height:100px; font-family: Arial, Helvetica, sans-serif; font-size:85%; color: #333333; background: #F5F5F5; margin-bottom: 0.5em;  margin-top:0.5em; border: 1px solid #DCDCDC;}
textarea.Rating { width:350px; height:100px; font-family: Arial, Helvetica, sans-serif; font-size:85%; color: #333333; background: #F5F5F5; margin-bottom: 0.5em; border: 1px solid #DCDCDC;}
.RatingRadio { margin-left: 110px; width: 350px; font-size:85%; margin-bottom: 0.5em; }
select.Reg { width:150px; font-family: Arial, Helvetica, sans-serif; font-size:85%; color: #333333; background: #F5F5F5; margin-top: 0.5em; border: 1px solid #DCDCDC; } 
input.submit { margin-left: 160px; color: #000; background: #FFFACD; border: 1px outset #DCDCDC }
input.Ratingsubmit { margin-left: 115px; color: #000; background: #FFFACD; border: 1px outset #DCDCDC }
input.ForgetPassSubmit { margin-left: 160px; color: #000; background: #FFFACD; border: 1px outset #DCDCDC }
input.ForgetPassCancel { margin-left: 5px; color: #000; background: #FFFACD; border: 1px outset #DCDCDC }
input.SearchPageSearch { margin-left:0px; width:200px; padding:3px 3px; font-family: Arial, Helvetica, sans-serif; font-size:100%; border: 1px solid #333333;}
input.SearchPageSubmit { margin-left:0px; /*width:200px;*/ padding:1px 1px; font-family: Arial, Helvetica, sans-serif; font-size:100%; background: #FFFACD; border: 1px outset #DCDCDC;}
.SearchPageSearch { padding-left:0px;}
.SearchPage { margin-left:25px; font-size:0.9em; padding-bottom:200px;}
.Validator{ clear:left; margin-left:160px; font-size:85%; }
.Checkbox{ float:left; margin-top: 0.5em; }

br { clear: left; }
hr { width:80%;}

/*** ***/

/* single color class */
em, i { vertical-align:top; }


/***Cyberbahn Service main menu layout***/
.accordion_toggle {	display: block;	height: 28px; width: 720px;	background: url(../images/xml_toggle.gif) no-repeat top left #e4e4e4; padding: 0 10px 0 25px; line-height: 30px; color: #ffffff;font-weight: normal; text-decoration: none; outline: none; font-size: 90%; color: #000000; border-bottom: 2px solid #FFF; cursor: pointer; margin: 0 0 0 0;	}
		
.accordion_toggle_active { background: url(../images/xml_toggle_active.gif) no-repeat top left #d4d4d4; color:#333; font-weight:bold;/*border-bottom: 1px solid #f68263;*/}
		
.accordion_content { width: 700px; background-color: #ffffff; color: #444444; overflow: hidden; font-size:80%; padding-bottom:5px;}
.ServiceLeft { width:160px; float:left;}
.ServiceRight { width:540px; float:left;}
.ServiceDetail { width:240px; display:none;}
.BigIcon { padding:2px 5px; float:left;}
.ServiceDetail { float:left;}
.ServiceMenu { /*width:350px;*/ float:left;}
.ServiceMenu ul { padding-left:0px; list-style:none;}
.ServiceMenu li { display:block; padding:3px;}
.ServiceMenu li a:hover { background-color: #DCDCDC;}
.ServiceMenu img { padding:2px;}
.ServiceMenu a:link, .ServiceMenu a:visited { font-size:100%; font-weight:bold; color:#0066CC; text-decoration:none; display:block;}
.ServiceMenu a:hover { color:#333333;}
.accordion_content h2 { color:#333333; font-size:90%; font-weight:bold;	}

.CloseButton { width:120px; background-color:#74BDE4; padding:1px 1px 1px 1px; color:#FFFFFF; font-weight:bold; font-size:9pt; cursor:hand; }