Lepra Auth CSS

<style type="text/css">
    html, body, .main {
        height:100%;
        width:100%;
        font:11px Verdana, sans-serif;
        margin:0;
        padding:0;
    }

    .main {
        position:relative;
        min-height:800px;
        min-width:740px;
    }
    .scroll {
        height:621px;
        width:405px;
        position:absolute;
        /*bottom:10%;*/
        top:50%;
        margin-top:-310px;
        left:50%;
        margin-left:-203px;
        background:url(/i/login/scroll.png) top left;
    }
    .main_reg .scroll {
        height:710px;
        width:740px;
        position:absolute;
        /*bottom:10%;*/
        top:50%;
        margin-top:-355px;
        left:50%;
        margin-left:-370px;
        background:url(/i/login/scroll2.png) top left;
    }
    .reg_form {
        display:none;
    }
    .main_reg .reg_form {
        display:block;
        margin:144px 50px 28px;
        font-size:12px;
    }
    .reg_large {
        font-size:28px;
        text-transform:uppercase;
    }
    .form .reg_link {
        display:block;
        text-align:center;
        font-size:20px;
        color:#000;
        text-transform:uppercase;
    }
    .form {
        x-height:621px;
        x-width:405px;
    }
    .logo {
        display:block;
        position:absolute;
        top:30px;
        left:180px;
        width:50px;
        height:50px;
    }
    .main_reg .logo {
        left:347px;
    }
    .logo img {
        display:block;
        border:none;
        width:50px;
        height:50px;
        background:transparent url(/i/login/logo.png) no-repeat scroll 0 0;
    }
    .form form {
        margin:134px 50px 28px;
        padding:0;
    }
    .main_reg form {
        display:none;
    }
    .form label {
        color:#666666;
    }
    .form a {
        color:#666666;
    }
    .form .error {
        color:#ff0000;
    }
    .form .field {
        margin-bottom:4px;
    }
    .form .field .input {
        background-color:#d3edf2;
        border:1px solid;
        border-top-color:#d6d6d6;
        border-right-color:#f8f1da;
        border-left-color:#ebf4f6;
        border-bottom-color:#ededed;
        padding:1px 2px;
    }
    .form .field input {
        margin:0;
        padding:0;
        border:none;
        width:100%;
        background-color:#d3edf2;
        font-size:32px;
        color:#000;
    }
    .form .forget_pass {
        text-align:right;
        margin-bottom:15px;
    }
    .form .field_check {
        margin-bottom:10px;
    }
    .form .field_check input {
        vertical-align:middle;
    }
    .form .field_captcha {
        margin-bottom:15px;
    }
    .captcha {
        text-align:center;
        margin-bottom:7px;
    }
    .captcha img {

    }
    .field_submit {
        text-align:center;
        margin-bottom:25px;
    }
    .ie_bg {
        display:none;
    }
    .futurico {
        position:absolute;
        bottom:0;
        left:183px;
        width:39px;
        height:39px;
    }
    .futurico a {
        display:block;
        width:39px;
        height:39px;
    }

    .goodie_1 {
        display:none;
    }

    /* skins */

    .main {






    }




    .main {
        background:#7fb17a;
    }
    .goodie_1 {
        display:block;
        background:url(/i/login/hypnotoad.png) top left;
        width:528px;
        height:283px;
        position:absolute;
        top:10px;
        left:50%;
        margin-left:-264px;
    }


</style>
<!--[if lte IE 6]>
    <style type="text/css">
    .main {
        width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 740 ? '740px' : '100%');
        height:expression((document.documentElement.clientHeight || document.body.clientHeight) < 800 ? '800px' : '100%');
    }
    .scroll, .main_reg .scroll {
        background:none;
    }
    .ie_bg {
        display:block;
        height:621px;
        width:405px;
        margin-top:0;
        margin-bottom:-621px;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/login/scroll.png', sizingMethod='crop');
        padding:0;
    }
    .main_reg .ie_bg {
        display:none;
    }
    .ie_bg_reg {
        display:none;
    }
    .main_reg .ie_bg_reg {
        display:block;
        height:710px;
        width:740px;
        margin-top:0;
        margin-bottom:-710px;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/login/scroll2.png', sizingMethod='crop');
        padding:0;
    }
    .logo img {
        _background:none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/login/logo.png', sizingMethod='crop');
    }




    .goodie_1 {
        _background:none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/login/hypnotoad.png', sizingMethod='crop');
    }


    </style>
<![endif]-->