html { overflow: hidden; }

body { 
background: #ccc; 
height: 100%; 
max-height: 100%; }

* { 
margin: 0 auto; 
padding: 0; 
border: none; 
font-size: 100%; 
list-style-type:none; 
list-style: none; 
text-decoration: none; 
font-family: arial, helvetica, sans-serif;
font-size: 12px; }

:focus { outline: none; }

#login_container .float_extender {
clear: both;
height: 0;
line-height: 0;
font-size: 0; }

#login_container {
display: block;
width: 444px;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
margin: -150px auto auto -222px; }

/* = MIDDLECOLUMN_CONTAINER ========================================================================== */

#maincolumn_container {
background: #f1f1f1;
width: 434px;
height: 100%;
display: block;
padding: 4px 0 4px 10px;
position: relative;
margin: 0 auto; }

.box_top_tab {
background: no-repeat top left url('../gfx/login_box_top_tab.gif');
width: 141px;
height: 41px;
margin-left: 10px; }

.maincolumn_top {
background: no-repeat top left url('../gfx/login_maincolumn_top.gif');
width: 444px;
height: 6px;
margin: 0 auto;
display: block;
font-size: 6px; }

.maincolumn_foot {
background: no-repeat bottom left url('../gfx/login_maincolumn_foot.gif'); 
width: 444px;
height: 6px;
margin: 0 auto;
display: block;
font-size: 6px; }

#maincolumn_container h1 {
background: no-repeat top left url('../gfx/login_bkg_h1.gif');
width: 414px;
height: 26px;
display: block;
padding-top: 10px;
padding-left: 10px;
margin: 0;
font-size: 16px;
color: #fff;
font-weight: normal; }

#maincolumn_container h3 {
padding-top: 10px;
padding-bottom: 5px;
font-size: 16px;
font-weight: bold;
color: #5da1cf; }

#maincolumn_container h3.fail { color: #cf5d5d; }

#maincolumn_container .box {
background: #fff url('../gfx/login_bkg_h1_shade.gif') no-repeat top left;
display: block;
position: relative;
margin: 0;
padding: 10px;
width: 404px; }

#maincolumn_container .boxfoot {
background: no-repeat top left url('../gfx/login_box_foot.gif');
width: 424px;
margin: 0 0 10px 0;
padding: 0;
height: 6px;
display: block; 
font-size: 6px; }

/* = FORM ================================================================================= */

#login_container form { 
font: 100% verdana,arial,sans-serif;
margin: 0;
padding: 0;
min-width: 404px;
max-width: 404px;
width: 404px; }

#login_container form fieldset {
border: 0 none;
padding: 0;
margin: 0; }

#login_container form fieldset legend {
display: none; }

#login_container form div.fields {
width: 270px;
float: left; }

#login_container form div.button {
width: 120px;
float: left;
font-size: 1px;
vertical-align: top; }

#login_container form label { 
font-size: 12px;
display: block;
float: left; 
width: 90px; 
padding: 0; 
margin: 8px 0 0;
text-align: right;
color: #5da1cf; }

#login_container form input {
background: #f9f9f9;
padding: 3px 2px;
width: 150px;
font-size: 12px;
color: #474747;
margin: 5px 0 0 10px;
border: 1px solid #e2e3ea;
border-top: 1px solid #abadb3; }

#login_container form input.img_submit {
padding: 0;
margin: 5px 0 0 0;
border: 0 none;
width: auto;
font-size: 0px; }

#login_container form br { clear:left; }