* {padding: 0px; margin: 0px;}
html {height: 100%;}
body {height: 100%; background: #ebf3f3 url('../images/body_bg_login.png') 0 0 repeat-x; font: 11px Arial; color: #656565; position: relative;}

.cl:after {display: block; content: '.'; clear: both; height: 0; visibility: hidden;}
*.cl {zoom: 1;}

img {border: 0; color: #fff;}

.form {border: 1px solid #548897; border-top-color: #52808d; background: #2d6d7f url('../images/form_login_bg.gif') 0 0 repeat-x; width: 394px; height: 205px; margin: auto; position: absolute; left: 50%; top: 50%; margin: -102px 0 0 -198px;}
.form_pass {border: 1px solid #548897; border-top-color: #52808d; background: #2d6d7f url('../images/form_login_bg.gif') 0 0 repeat-x; width: 394px; height: 250px; margin: auto; position: absolute; left: 50%; top: 50%; margin: -102px 0 0 -198px;}
.logo {margin: 42px auto 31px; display: block; position: relative; left: -4px;}
.form div.line {border-top: 1px solid #145064; border-bottom: 1px solid #367286; height: 0; overflow: hidden; margin: 0 17px 0;}
.form_pass div.line {border-top: 1px solid #145064; border-bottom: 1px solid #367286; height: 0; overflow: hidden; margin: 0 17px 0;}

form {overflow: hidden; padding: 16px 51px 0;}
label {width: 117px; display: block; float: left; margin-right: 7px; padding-bottom: 3px; color: #d8eae8;}
.text {width: 111px; height: 19px; float: left; margin-right: 9px; border: 1px solid #777; background: #d8eae8; font: 12px Arial; line-height: 18px; padding-left: 3px; margin-left: -1px;}
html:root input.text, x:-moz-any-link {padding-top: 2px; height: 17px;}

.button {background: url('../images/ico_h_sign_login.gif') 0 50% no-repeat; padding-left: 13px; border: 0; font: bold 11px Arial; color: #d8eae8; width: 60px; position: relative; top: -19px; left: 246px; cursor: pointer;}