body{margin:0px; padding:0px; font-family: Calibri; background:none;}
header{position:inherit;}
#page-login                             { background:url(images/bg.jpg) repeat; text-align:center; }
.login-container                        { width:940px; margin:0px auto; padding:0px;}
.login-form                             { padding:0 0px 20px 0px; float:left; background:#fff; border:#d1d1d1 solid 1px; border-radius:5px 0px 0 5px; text-align:left; height:260px;}
.login-form .input-left                 { float:left; width:100%; margin:0 0 0px 0px;}
.login-form .input-right                { float:left; width:100%; margin:0 0 0 0px;}
.login-form .input-box input.input-text { width:290px; border-radius:4px; border:#d1d1d1 solid 1px; padding:5px; height:23px; margin-top:4px;}
.login-form h2                          { font-size:1.7em; font-weight:normal; background:#f6f6f6; padding:0px 25px 3px 25px; margin:0px;}
.login-form label                       { font-weight:bold; }
.login-form .form-buttons               { margin:12px 0 0 0; clear:both; text-align:left; }
.login-form .form-buttons a{color:#C40C29;}
.login-box .bottom                      { width:581px; height:5px; background:url(images/login_box_bottom.jpg) no-repeat; overflow:hidden; }
.login-container .legal                 { margin:0; background:url(images/login_box_legal_bg.gif) no-repeat; padding:8px 8px 5px 8px; font-size:.95em; }
.login-form .validation-advice          { margin:3px 0 0 0; }
.login-form .forgot-link                { margin:0 17px 0 0; text-align:right; }
.login-form .captcha                    { padding:10px 0 0; }
.login-form .captcha-image              { border:1px solid #aaa; margin:1.5em 0 0; position:relative; }
.login-form .captcha-image img          { vertical-align:bottom; }
.login-form .captcha-reload             { cursor:pointer; position: absolute; top:2px; right:2px; }
.login-form .captcha-reload.refreshing  { animation:rotate 1.5s infinite linear; -webkit-animation:rotate 1.5s infinite linear; -moz-animation:rotate 1.5s infinite linear; }
.login-button{background:#C40C29; color:#fff; border:none; padding:5px 15px; margin:10px 0 0 0px; float:left; cursor:pointer;}
.header{height:115px !important; margin-bottom:90px;}
.main_header{width:1000px; margin:auto; height:auto;}
.login_logo{margin:0px; float:left; text-align:left; margin-bottom:50px; padding:7px 0 0 0px; font-size:32px;}
.login-box{width:535px; float:left;}
.login_footer_main{width:100%; float:left; height:auto; padding:30px 0px; margin-top:100px; box-shadow: #dcdcdc 0 -8px 10px 0px; border-top: #fff solid 1px; 
    background-color: #efefef;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#efefef),color-stop(95%,#f0f0f0),to(#f0f0f0));
    background-image: -webkit-linear-gradient(#efefef,#f0f0f0 95%,#f0f0f0);
    background-image: -moz-linear-gradient(top,#efefef,#f0f0f0 95%,#f0f0f0);
    background-image: -o-linear-gradient(#efefef,#f0f0f0 95%,#f0f0f0);
    background-image: linear-gradient(#efefef,#f0f0f0 95%,#f0f0f0);
    background-repeat: no-repeat;}
.login_footer{width:1000px; margin:auto; text-align:left; padding:10px 0 0 0px; color:#636363; font-size:13px;}
.support{float:left; background:#fff; height:240px; padding:20px; border:#d1d1d1 solid 1px; border-left:none; margin:0 0 0 0px; border-radius:0px 5px 5px 0px;}
.license{font-size:15px; color:#666; margin:10px 0 0 21px;}
.design{float:right;}
.copyright{float:left;}
.login_img{float:left; margin:15px 0 0 15px;}
.login-right{float:left; margin-left:20px; width:62%;}
.login-ryt{float: right;}

@media (min-width: 768px) and (max-width: 1023px){
.main_header{width:700px;}
.login-container, .login_footer{width:700px;}
.login-box{width:364px;}
.login-form .input-box input.input-text{width:89%;}
.login_img{width:32%;}
.login-right{width:57%;}
.support{padding:20px 5px;}
}
@media (min-width: 640px) and (max-width: 767px) {
.main_header{width:500px;}
.login-container, .login_footer{width:500px;}
.login-box{width:100%;}
.login-form .input-box input.input-text{width:89%;}
.login_img{width:32%;}
.login-right{width:57%;}
.login-form{border-radius: 5px 5px 0 0px;}
.support{padding:20px 5px; border-radius:0px 0px 5px 5px; width:97.8%;}
.design, .copyright{float:none; text-align:center;}
.login-ryt{margin-top: 10px;}
.login-ryt a{padding-right: 20px !important;}
.login-ryt a img{height: 60px !important;}
}
@media (min-width: 480px) and (max-width: 639px) {
.main_header{width:400px;}
.login-container, .login_footer{width:400px;}
.login-box{width:100%;}
.login-form .input-box input.input-text{width:89%;}
.login_img{width:32%;}
.login-right{width:57%;}
.login-form{border-radius: 5px 5px 0 0px;}
.support{padding:20px 5px; border-radius:0px 0px 5px 5px; width:97.4%;}
.design, .copyright{float:none; text-align:center;}
.login-ryt{margin-top: 20px;}
.login-ryt a{padding-right: 3px !important;}
.login-ryt a img{height: 50px !important;}
}
@media (min-width: 320px) and (max-width: 479px) {
.main_header{width:330px;}
.login-container, .login_footer{width:300px;}
.login-box{width:100%;}
.login-form .input-box input.input-text{width:89%;}
.login_img{width:32%;}
.login-right{width:57%; margin-left:10px;}
.login-form{border-radius: 5px 5px 0 0px;}
.support{padding:20px 5px; border-radius:0px 0px 5px 5px; width:96.2%; border-left: #d1d1d1 solid 1px;}
.design, .copyright{float:none; text-align:center;}
.login-ryt{margin-top: 25px;}
.login-ryt a{padding-right: 3px !important;}
.login-ryt a img{height: 40px !important;}
}