@import url(common.css);

input.text{font-size:120%;}
input.button{border:0;cursor:pointer;height:2.2em;padding:0 10px;color:#fff;background:#40b6f6 url(../images/btn_blue.gif) repeat-x;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;*overflow:visible;}
html,body,.container{height:100%;}
body>.container{height:auto;min-height:100%;min-width:960px;}
.container .wrap{padding:30px 50px 80px;margin:0 10px 0;background:url(../images/content_bg.png) repeat-x;border-top:1px solid #d7ecf7;}
.fixedfoot{position:relative;clear:both;margin:-80px 10px 0;zoom:1;}

.errormsg,.successmsg,.alertmsg{margin:10px 0;padding:2px 5px 2px 25px;border:1px solid #e6db55;background:#fffbcc url(../images/valid.gif) no-repeat 5px 50%;}
.errormsg{border-color:#e89494;background:#ffebe8 url(../images/error.gif) no-repeat 5px 50%;}
.alertmsg{border-color:#e6db55;background:#fffbcc url(../images/alert.gif) no-repeat 5px 50%;}

.heading{margin-bottom:20px;}
.heading h2{font-weight:bold;font-size:1.2em;}
.heading p{color:#999;}
.require{color:#c00;cursor:help;}

/*= Login, Register, Recoverpassword form css */
.recoverpassword,.register{margin-left:50px;}

.login ul,.register ul,.recoverpassword ul{zoom:1;}
.login li,.register li,.recoverpassword li{clear:both;margin-bottom:15px;zoom:1;}
.login li:after,.register li:after,.recoverpassword li:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.login li.indent,.register li.indent,.recoverpassword li.indent{padding-left:90px;}
.login .label,.register .label,.recoverpassword .label{float:left;width:80px;margin-right:10px;}

.login .text,.register .text,.recoverpassword .text{width:180px;}
.login .validcode,.register .validcode,.recoverpassword .validcode{float:left;width:60px;margin-right:5px;}
.registerbutton a.button{float:right;color:#fff !important;text-decoration:none;height:2em;line-height:2;padding:0 15px;background:#40b6f6 url(../images/btn_blue.gif) repeat-x;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}

.formenter{float:left;margin-right:10px;}
.tips-error,.tips-success{float:left;width:180px;color:#c00;}
.tips-error span,.tips-success span{padding:3px 0 3px 18px;background:url(../images/error.gif) no-repeat 0 50%;}
.tips-success span{color:#094;padding-left:18px;background:url(../images/valid.gif) no-repeat 0 50%;}
.formnote{float:left;clear:left;display:inline;color:#999;margin:5px 0 0 90px;*width:180px;}

.register .inviter-avatar img{padding:1px;border:1px solid #ddd;background:#fff;}

.agreement{margin-bottom:10px;}
.agreement .heading{margin-bottom:10px;}
.agreement .agreement-content{height:260px;margin-bottom:10px;border:1px solid;border-color:#b4b4b4 #e8e8e8 #e8e8e8 #b4b4b4;background:#fff;overflow:auto;}
.agreement .agreement-content .contentwrap{padding:10px;}

/*= login page */
.wrap .wrap-login{width:650px;margin:0 auto 10px;}
.wrap .wrap-form{float:right;width:350px;height:auto !important;height:280px;min-height:280px;background:url(../images/reg_edge.png) no-repeat;}
.wrap-form .label{width:50px;}
.wrap-form .tips-error{clear:left;display:inline;margin:5px 0 0 60px;}
.wrap-form li.indent{padding-left:60px;}
.wrap-form .formnote{margin-left:60px;}
.wrap-form .forgetpsw{display:block;margin:10px 0 0;}
.wrap-form .heading{margin-left:50px;}
.login{margin-left:50px;padding:15px 15px 5px;border:1px solid #cce4f0;background:#f6fbff url(../images/highlight1.gif) repeat-x;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.wrap-reglink{float:left;width:300px;height:auto !important;height:280px;min-height:280px;background:url(../images/reg_icon.png) no-repeat 0 20px;}
.wrap-reglink .heading,.wrap .wrap-reglink .registerbutton{margin:0 0 10px 110px;}
.wrap-reglink .heading{margin-top:30px;}

/*= Info page */
.popup-info{width:350px;line-height:2;padding:10px 10px 10px 100px;margin:20px auto 30px;}
.popup-info h3{font-size:120%;font-weight:bold;white-space:nowrap;}
.popup-info .info-icon{float:left;display:inline;margin:-25px 0 0 -75px;width:64px;height:64px;text-indent:-9999px;background:url(../img/win/info_icons.png) no-repeat;}
.info-success .info-icon{background-position:0 0;}
.info-error .info-icon{background-position:0 -64px;}
.info-success h3{color:#093;}
.info-error h3{color:#e00;}
.popup-info .info-link{margin-top:1em;}
.popup-info .tips-unlogin{clear:both;margin:20px 0 0 -100px;}