body{ margin:2% 0 2% 0; height:100%; padding:0px; font:normal 12px Tahoma,Trebuchet MS, Geneva, sans-serif; background:url(../../images/account/bg_body.jpg) repeat-x; background-color:#a31616; color:#000;}
input{ vertical-align:middle;}
a{ outline:none;}
p{ margin:0px;}
a:link,a:visited{ color:#666; text-decoration:none;}
a:hover,a:active{ color:#333; text-decoration:underline;}
form {margin:0;padding:0;}
.frameLogin .top,.frameLogin .top div,.frameLogin .bottom,.frameLogin2 .bottom,.frameLogin .bottom div,.frameLogin2 .bottom div,.visaLog h2,.visaLog h2 span,.bt_Logvisa,.visaRegister .recommend,.visaRegister .recommend dl dt,.btRegister{background:url(../../images/account/theme_login.gif) no-repeat;}
.centerPage {display:table;height:100%;width:100%;}
.center{ text-align:center;}
.left{ text-align:left;}
html .wrapper{position:absolute; width:100%; top:18%;}
html>body .wrapper {position:absolute; width:100%; top:18%;}
.wrapper {display:table-cell;vertical-align:middle;position:relative;}
html .wrapper2{ position:relative; width:100%; top:5%; bottom:2%;}
html>body .wrapper2 {position:relative;  width:100%; top:5%; bottom:2%;}
.wrapper2 {position:relative; display:table-cell;vertical-align:middle; bottom:5%;}
.logoFG{ width:900px; height:100px; margin:0 auto;  background:url(../../images/account/logo_fgpassport_log.gif) 0 0 no-repeat;}
.logoFG2{ width:900px; height:80px; margin:0 auto;  background:url(../../images/account/logo_fgpassport_log.gif) 0 0 no-repeat;}
.frameLogin{ float:none; margin:0 auto; width:900px; background-color:#FFF; overflow:hidden;}
/*-- register --*/
.frameLogin2{ float:none; margin:0 auto; width:900px; padding:50px 0 0 0; background:url(../../images/account/bg_h_register.jpg) 0 0 no-repeat; background-color:#FFF; overflow:hidden;}
.frameLogin2 .bottom{float:left; width:98%; height:16px; overflow:hidden; padding:0 0 0 2%; background-position: 0 -284px;}
.frameLogin2 .bottom div{ display:block; width:100%; height:100%; background-position: right -268px;}
.frameLogin2 .detail{ float:left; width:96%;  min-width:96% !important; padding:0 2% 0 2%;}
.frameLogin2 .detail .stepBox{ width:100%;}
.frameLogin2 .detail .stepBox h2{ padding:0 0 5px 0; margin:0px 0 10px 0; border-bottom:2px solid #b7b7b7; font:bold 18px Tahoma, Geneva, sans-serif; }
.frameLogin2 .detail .stepBox input{ vertical-align:middle;}
.frameLogin2 .detail .stepBox .accept{ width:100%; padding:10px 0 10px 0; font-weight:bold; text-align:center;}
.frameLogin2 .detail .stepBox .acceptBT{ float:left; width:100%; padding:40px 0 40px 0; text-align:center;}
.bt_create_active{ width:156px; height:46px; border:0px; cursor:pointer; font:bold 16px Tahoma, Geneva, sans-serif; color:#FFF; background:url(../../images/account/theme_register2.gif) -181px -48px no-repeat;}
.bt_create{ width:156px; height:46px; border:0px; cursor:pointer; font:bold 16px Tahoma, Geneva, sans-serif; color:#dadada; background:url(../../images/account/theme_register2.gif) -181px -101px no-repeat;}
.text_field { width: 175px; height: 20px; padding:2px 0 0 4px; background:url(../../images/account/theme_register2.gif) 0px -271px no-repeat; border: 0;}
.select_field2 { width: 175px; height: 22px; }
.select_field { width:91px; height: 20px; margin:0px;}
.text_aria { width:300px; height:50px; padding:2px; border:1px solid #bdced7;}
.formField{ width:100%; margin:0px;}
.formField .welcome{ width:80%; font:bold 16px Tahoma, Geneva, sans-serif; padding:10px 10% 10px 10%; text-align:center;}
.formField .welcome p{ margin:0px; padding:0 0 5px 0;}
.formField dl{ float:left; margin:0px; padding:10px 0 10px 0; width:100%;}
.formField dl dt{ float:left; width:25%; padding:3px 0 0 0; margin:0px; text-align:right; font:bold 11px Tahoma, Geneva, sans-serif;}
.formField dl dd{ float:right; width:70%; color:#555555; margin:0px;}
.formField dl dd span{ display:block; font-size:11px;}
.formField dl dd label{ width:auto; padding:3px; margin:0 0 0 5px; font-size:11px; border:1px solid #f5ca00; background-color:#fff6ae; color:#df4f00;}
.formField dl dd input{ vertical-align:baseline;}
.agreement{ width:98%; height:400px; padding:1%; border:1px solid #b6b6b6; font-size:11px; overflow:auto; background-color:#e3e3e3;}
.agreement ul{ margin:0px;}
.agreement ul li{ list-style-position:inside; padding:2px 0 2px 0; margin:0px; list-style-type:decimal !important;}
.agreement p{ margin:0px; padding:5px 0 5px 0;}
.step_register{ width:70%; height:51px; padding:0 0 0 30%; overflow:hidden; margin:0px;}
.step_register li{ float:left; width:75px; height:51px; margin:0 20px 0 0; list-style-type:none;}
.step_bg1,.step_bg1_active,.step_bg2,.step_bg2_active,.step_bg3,.step_bg3_active,.step_bg4,.step_bg4_active{background:url(../../images/account/theme_register2.gif) no-repeat;}
.step_bg1{ background-position: -80px -45px}
.step_bg1_active{background-position: 0 -45px;}
.step_bg2{background-position: -80px -101px;}
.step_bg2_active{background-position: 0 -101px;}
.step_bg3{background-position: -80px -157px;}
.step_bg3_active{background-position: 0 -157px;}
.step_bg4{background-position: -80px -213px;}
.step_bg4_active{background-position: 0 -213px;}
.newsletter{ width:600px; overflow:hidden; margin:0px auto; border-right:1px solid #d3d3d3; border-top:1px solid #d3d3d3; border-left:1px solid #d3d3d3; }
.h_newsletter{ width:600px; margin:0 auto; padding:0 0 10px 0; font:bold 14px Tahoma, Geneva, sans-serif;}
.newsletter .list{ float:left; width:100%; height:20px; margin:0px; color:#333333; padding:2px 0 2px 0; list-style-type:none;border-bottom:1px solid #d3d3d3;}
.newsletter .list input{ margin:0px; padding:0px;}
.newsletter .list .check{ float:left; width:35px; height:100%; border-right:1px solid #d3d3d3; margin:0px; text-align:center;}
.newsletter .list .listname{ float:left; width:461px; height:100%; padding:0 0 0 10px; border-right:1px solid #d3d3d3; margin:0px;}
.newsletter .list .weekly{ float:left; width:90px; height:100%;  margin:0px; text-align:center;}
.confirmData{ float:left; width:100%;}
.confirmData .list{ float:left; width:100%;}
.confirmData .list .name{ float:left; width:25%; height:20px; padding:3px 0 0 0; margin:0px; text-align:right; font:bold 11px Tahoma, Geneva, sans-serif;}
.confirmData .list .data{ float:right; width:70%; height:20px; color:#555555; margin:0px;}
/*-- End register --*/
.frameLogin .top,.frameLogin .bottom{ float:left; width:98%; height:16px; overflow:hidden;}
.frameLogin .top{ padding:0 0 0 2%; background-position: 0 -247px;}
.frameLogin .top div{ display:block; width:100%; height:100%; background-position: right -231px;}
.frameLogin .bottom{ padding:0 0 0 2%; background-position: 0 -284px;}
.frameLogin .bottom div{ display:block; width:100%; height:100%; background-position: right -268px;}
.frameLogin .detail{ float:left; width:96%; min-width:96% !important; height:280px; padding:0 2% 0 2%;}
.visaLog{ float:left; width:240px;}
.visaLog h2{ margin:0px; width:98%; height:39px; padding:0 0 0 2%; background-position: 0 -149px;}
.visaLog h2 span{ display:block; width:100%; height:32px; font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; padding:7px 0 0 0; background-position: right -188px; color:#FFF;}
.visaLog .boxVisa{ width:92%; padding:15px 4% 0 4%;}
.line{ width:100%; padding:10px 0 2px 0; margin:0px; overflow:hidden;}
.line p{ text-transform:uppercase; margin:0px; padding:0 0 5px 0; font:bold 12px Tahoma, Geneva, sans-serif;}
.line .bt{ float:none; margin:0 24% auto;}
.paddingT5{ padding:5px 0 0 0;}
.fieldVisa{ width:92%; height:25px; padding:0 5px 0 5px; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; border:2px solid #b4b4b4; color:#666666;}
.bt_Logvisa{ width:100px; height:25px; border:0px; cursor:pointer; font:bold 12px Tahoma, Geneva, sans-serif; color:#FFF; background-position: 0 -113px;}
.visaRegister{ float:right; width:560px; height:100%; padding:0 0 0 40px; border-left:1px dashed #c6c6c6; overflow:hidden; }
.visaRegister h3{ width:100%; margin:0px; font:bold 30px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#d30000;}
.visaRegister h3 span{ font:bold 14px Tahoma, Geneva, sans-serif; color:#000; text-transform:none;}
.visaRegister .recommend{ width:100%; height:165px; background-position: 0 -330px;}
.visaRegister .recommend dl{ margin:0px; width:75%; height:120px; padding:30px 0 3% 25%;}
.visaRegister .recommend dl dt{ width:100%; font:bold 14px Tahoma, Geneva, sans-serif; color:#333333; text-indent:20px; background-position: 0 -307px;}
.visaRegister .recommend dl dd{ width:100%; padding:0 0 5px 0; margin:0px; font-size:11px; text-indent:20px; color:#4a4a4a; }
a.btRegister{ display:block; width:191px; height:51px; background-position: 0 0px;}
a:hover.btRegister{background-position: 0 -54px;}
.button02{ width:100px; height:25px; margin:0 10px 0 10px; border:0px; font:bold 12px Trebuchet MS, Geneva, sans-serif; text-align:center; background:url(../../images/account/theme1.gif) 0 -120px no-repeat; cursor:pointer;}
/*------ Font Design ------*/
.fBlack{ color:#000;}
.fRed{ color:#c20400;}
.fRed2{ color:#c40000;}
.fBold{ font-weight:bold;}
.fGrayB{ color:#999999; font-weight:bold;}
.fGray6{ color:#666666;}
.fGreen{ color:#318a00;}
.fOrenge{color:#f13300;}
.fRedB14{ font:bold 14px Tahoma, Geneva, sans-serif; color:#f13300;}
.fGreenB{ font-weight:bold; color:#318a00;}
.fGray5{ color:#555555;}
.fOrenge2{color:#ff9000;}
.fBlue{ color:#0189e3;}
.fn10{font:normal 10px Tahoma, Geneva, sans-serif;}
.fn11{font:normal 11px Tahoma, Geneva, sans-serif;}
.fB12{font:bold 12px Tahoma, Geneva, sans-serif;}
.fB14{ font:bold 14px Tahoma, Geneva, sans-serif;}
.fB18{ font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;}