@charset "utf-8";
/* CSS Document */

*{margin:0px; padding:0px;}
img{border:0;}
html,body{height:100%;}
body{background:url(../WebImages/cloud.gif) no-repeat bottom #c8e6f2; font-size:14px;}
input{width:172px; height:33px; padding-left:5px; line-height:36px; background:url(../WebImages/inputbg.gif) no-repeat; border:0; color:#5c5c5c; vertical-align:middle;}
.inputbg1{width:80px; background:url(../WebImages/input080.png) no-repeat;}
.inputbg2{width:120px;font-family:Consolas;font-size:16px;  background:url(../WebImages/input120.png) no-repeat;}
.inputbg3{height:30px;width:420px;margin:0 0 0 45px;font-family:Consolas;font-size:16px; background:url(../WebImages/input420.png) no-repeat center;}
select{width:150px; font-size:15px;}

.width100{background:url(../WebImages/topbg.gif) repeat-x; width:100%; height:477px; color:#f8f8f8; position:relative;}
.width1024{width:1024px; margin:0 auto; position:relative;}

.top{height:20px; width:98%; padding-left:2%; padding-top:7px; font-size:12px;}
.top a{color:#aeaeae; text-decoration:none;}
.top a:hover{color:#88c3df; text-decoration:none;}
.logo img{float:left;}
.bottom{text-align:center; line-height:24px; color:#797979;float:left; width:100%; padding-top:30px;background-color:transparent;}
.login{background:url(../WebImages/loginbg.png) no-repeat; position:absolute; top:119px; left:-100px; width:100%; height:auto; z-index:11;}
.loginbg{background:url(../WebImages/loginbg.gif) repeat; width:450px; height:364px; border:solid 1px #fff; border-radius:10px; float:right; margin-top:90px; color:#5c5c5c;}
.logintable{background:url(../WebImages/loginbg.gif) repeat; width:100%; height:100%; border:solid 1px #fff; border-radius:10px; color:#5c5c5c; }
.font16 {font-size:16px;}
.logintable th{width:100%; height:43px; background:url(../WebImages/thbg.gif) repeat; border-top-left-radius:10px; border-top-right-radius:10px;}
.logintable a{color:#797979; text-decoration:none;}
.logintable a:hover{color:#797979; text-decoration:underline;}
.btn_login{background:url(../WebImages/btn_login.gif) no-repeat; width:228px; height:42px; cursor:hand;}
.btn_modify{background:url(../WebImages/btn_modify.gif) no-repeat; width:228px; height:41px; cursor:hand;}
.btn_back{float:right; margin-right:5px; margin-top:12px;}
.submit{background:url(../WebImages/submit.gif) no-repeat;}
.fillin{background:url(../WebImages/btn_data.gif) no-repeat;}
.table_bottom{background:url(../WebImages/thbg.gif) repeat; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.red{color:red;}
.blue{color:#0f8dc9; display:none;}
.blue_inherit{color:#0f8dc9;display:-moz-inline-box;display:inline-block;width:225px; }

.register{background:none; position:absolute; top:119px; left:0px; z-index:11; margin-top:25px;}


.navbar{width:27%; float:right;}
.nav{float:right; list-style:none; height:32px; padding-top:5px;}
.nav li{float:left; width:90px; text-align:center; background:url(../WebImages/cut.gif) no-repeat left; height:23px; padding-top:9px;}
.nav li a{color:#f8f8f8; text-decoration:none; font-weight:bold;}
.nav li a:hover{color:#96d6ef; text-decoration:none;}
li.nocut{background:none;}
.display{float:left; width:100%; background-color:#000; margin-bottom:5px; display:none;}
.display .nav{float:left; padding-top:0;}
.display .nav li{background:none; background-color:#3d3d3d; margin-right:1px;}
.font18{font-size:20px;}

@media screen and (max-device-width: 1100px) {
body{background:none; background-color:#c8e6f2;}
.width1024{width:100%;}
.top{padding-left:0;}
.login{position:absolute; top:0px; left:0px; background:none; font-size:18px;}
.register{position:absolute; top:127px; left:2%; width:96%; margin:0 auto; margin-top:0; white-space:nowrap;}
.loginbg{width:96%; float:none; margin:0 auto; margin-top:130px;}
.bottom{padding:10px 0px; font-size:13px;}
.blue{display:block;width:150px;word-wrap:break-word; white-space:normal;}
.blue_inherit{display:none;}
.navbar{width:100%;}
.display{display:block;}
select{width:170px;}
}

@media screen and (max-device-width: 650px) {
.login{font-size:14px;}
select{width:150px;}
}

.logintablehead{width:100%; height:43px; background:url(../WebImages/thbg.gif) repeat; border-top-left-radius:10px; border-top-right-radius:10px;}
.table_bottom{background:url(../WebImages/thbg.gif) repeat; border-bottom-left-radius:10px; border-bottom-right-radius:10px;height:20px;}
.logintablecontent {
    height: 267px;
}
.loginmessage {
    margin: -40px 0 0 280px;
}
.emailactbutton {
    width:200px;
    margin:40px 0 0 400px;
    float:left;
}
.rowMessage {
    width: 200px;
    height:25px;
    margin:10px 0 0 120px;
    text-align:left;
}