/* ================================================================ *
     Initial
 * ================================================================ */

html, body, form, fieldset, h3, h4, h5, h6, p, pre, blockquote,
ul, ol, dl, li, dd {
	margin: 0; padding: 0;
}


/* ================================================================ *
     Main Layout
 * ================================================================ */
html {
	min-height: 100.1%;   
}
body {
	min-width: 960px; 
    color: #939393; 
    background: #f0eeee; 
    height: 100%;
}
body, th, td, font, div {
	font: 11px Verdana,Arial,sans-serif;
}

#main {
    width: 960px;
    margin: 0 auto;
    background: #ffffff;
    position: relative;
    z-index:0;
}
    #left-side {
        width: 100px;
        height: 203px;
        position: absolute;
        left: 0px;
        top: 144px;
    }
    #middle-side {
        position: absolute;
        width: 397px;
        left: 100px;
        top: 46px;
    }
        #middle-side #login {
            width: 397px;
            height: 100px;
        }
            #login-top {
                background:url(comgr/login/veh-bg-top1.png);
                height:44px;
                padding:9px 15px;
                _padding-bottom:4px;
            }
            #login-delim {
                background:url(comgr/login/veh-bg-top2.png);
                height:3px;
                font-size:3px;
                line-height:3px;
            }
            #login-bottom {
                background:url(comgr/login/veh-bg-top3.png);
                height:25px;
                line-height:25px;
            }
        #middle-side #bg {
            width: 397px;
            margin: 7px 0 8px 0;
        }
        #middle-side #bottom {
            width: 397px;
        }
    #right-side {
        position: absolute;
        left: 497px;
        top: 144px; 
    }
    #car {
        position: absolute;
        top: 116px;
        left: 484px;
        z-index: 10;
    }
    #logo {
        position: absolute;
        top: 178px;
        left: 114px;
        z-index: 20;
    }
    #solid1 {
        position: absolute;
        top: 145px;
        left: 100px;
        widht: 1px;
        height: 201px;
        border-left: #f0eeee 1px solid;
        z-index: 5;
    }
    #solid2 {
        position: absolute;
        top: 145px;
        left: 496px;
        widht: 1px;
        height: 201px;
        border-right: #f0eeee 1px solid;
        z-index: 5;
    }

/* ================================================================ *
     Login layout
 * ================================================================ */
#login1 {
    padding: 6px;
    width: 190px;   
}
.field {
    height: 18px;
    line-height: 18px;
    text-align: right;
    width: 50px;
}
.login-input {
    width: 130px;
}
#enter {
    padding-top: 23px;
    padding-left: 10px;
}
#forgot {
    padding-left: 42px;
    width: 204px;
    line-height:25px;
}
#reg {
    line-height:25px;
}
#error {
    position: absolute;
    top: 26px;
    left: 111px;
    widht: 397px;
    height: 20px;
}

/* ================================================================ *
     Form layout
 * ================================================================ */
#title {
    margin: 0;
    margin-left: 155px;
    margin-bottom: 16px;
}
.text {
    min-height: 19px;
    margin: 8px;
    _height: 19px;
}
.field_name {
    float: left;
    width: 150px; 
    text-align: right; 
    height: 18px; 
    line-height: 18px; 
    clear: both;
    padding-bottom: 3px;
}
.field_input {
    float: right;
    padding-bottom: 3px;
    height: 18px; 
    line-height: 18px; 
    _padding-bottom: 1px;
}
.field_input1 {
    float: right;
    text-align: right; 
    height: 18px; 
    line-height: 18px; 
    padding-bottom: 3px;
    _padding-bottom: 1px;
}
.reg-input { width: 192px; height: 14px; }
.reg-input1 { width: 170px; display: inline }

.diler_name {
    text-align: left; 
    height: 18px; 
    line-height: 18px; 
    padding-bottom: 3px;
    padding-left: 35px;
    display: block;
}

#btns {
    position: absolute; 
    bottom:10px; 
    width: 353px; 
    clear: both;
}
 
/* ================================================================ *
     Globals
 * ================================================================ */
form  { display: inline; }
label { cursor: pointer; white-space: nowrap; }
img   { border: 0px; display: block; }
img.line  { border: 0px; display: inline; }
.enter {
    height: 22px;
    line-height: 22px;
    white-space: nowrap;
}
.enter p,
.enter label,
.enter input,
.enter img {
    display: inline;
    vertical-align: middle;
}

/* ---------------------------------- *
     Links
 * ---------------------------------- */
a:link    { color: #21478d; text-decoration: none; }
a:visited { color: #21478d; text-decoration: none; }
a:hover   { color: #21478d; text-decoration: underline; }

/* ---------------------------------- *
     Backgrounds
 * ---------------------------------- */
.dark     { background: #6e89dd; }
.light    { background: #abbeef; }
.menu-box { background: #d6dff7; }
.content  { background: #f0eeee; }
.title    { background: #abbeef; }
.odd      { background: #edeffa; }
.non-odd  { background: #ffffff; }
.borders {
    border-top: #5d76b7 1px solid;
    border-left: #5d76b7 1px solid;
    border-right: #ffffff 1px solid;
    border-bottom: #ffffff 1px solid;
}

/* ---------------------------------- *
     Text Colors
 * ---------------------------------- */
.white     { color: #ffffff; }
.gray      { color: #bbbbbb; }
.highlight { color: #21478d; }
.dark-gray { color: #707070; }
.black     { color: #000000; }
.red       { color: #ff0000; }
.bld      { font-weight: bold; }

/* ---------------------------------- *
     Headers
 * ---------------------------------- */
h1 { font-size: 14px; font-weight: bold; color: #21478d; }

/* ---------------------------------- *
       Boxes
 * ---------------------------------- */
.b1, .b2, .b3, .b4, .b5,
.b1 i, .b2 i, .b3 i, .b4 i, .b5 i,
.b1 b, .b2 b, .b3 b, .b4 b, .b5 b,
.b1 q, .b2 q, .b3 q, .b4 q, .b5 q {
     height: 1px;
     font-size: 1px;
     overflow: hidden;
     border-style: solid;
     border-width: 0 1px;
     display: block;
}
.b1 { margin: 0 2px; background: #f3f3f3; border: none; }
.b1 b { margin: 0 1px; background: #9f9f9f; border-color: #c2c2c2; }
.b2 { margin: 0 1px; border-color: #d8d8d8; }
.b2 b { border-color: #bcbcbc; }
.b2 i { border-color: #b1b1b1; }
.b2 q { border-color: #d5d5d5; border-left: 1px; }
.b3 { border-color: #f3f3f3; }
.b3 b { border-color: #bcbcbc; }
.b3 i { border-color: #c2c2c2; }
.b4 { border-color: #cbcbcb; }
.b4 b { border-color: #b1b1b1; }
.b5 { border-color: #acacac; }
.b5 b { border-color: #cbcbcb; }
.box-inside {
     border: 1px solid #9f9f9f;
     border-width: 0 1px;
     padding: 0 12px;
} 
.box-inside-top {
     border: 1px solid #9f9f9f;
     border-width: 0 1px;
     padding: 4px 9px 0 9px;
} 
.box-inside-bottom {
     border: 1px solid #9f9f9f;
     border-width: 0 1px;
     padding: 33px 35px;
} 
.box-inside-form {
     border: 1px solid #9f9f9f;
     border-width: 0 1px;
     padding: 12px 24px 30px 20px;
     min-height: 200px;
     overflow: hidden;
     position: relative;
     _height: 200px;
     _overflow: visible;
} 
 
/* ---------------------------------- *
     Spasers
 * ---------------------------------- */
.hor-spacer2 { 
    height: 2px; 
    line-height: 2px;
    _font-size: 2px;
} 
.hor-spacer8 { 
    height: 8px; 
    line-height: 8px;
    _font-size: 8px;
} 
.hor-spacer20 { 
    height: 20px; 
    line-height: 20px;
    _font-size: 20px;
    clear: both;
} 
 
/* ---------------------------------- *
     Floats
 * ---------------------------------- */
.left  { float: left }
.right { float: right } 
.clear { clear: both } 

/* ---------------------------------- *
     Inputs, buttons, forms
 * ---------------------------------- */
input, textarea, select {
	 font-family: Verdana,sans-serif;
     background: #6e89dd;
     color: #ffffff;
     font-size: 11px;
     border-top: #5d76b7 1px solid;
     border-left: #5d76b7 1px solid;
     border-right: #ffffff 1px solid;
     border-bottom: #ffffff 1px solid;
}
input.checkbox,
input.radio { background: none; border: none; margin-bottom: -2px; }
input.image { background: none; border: none; }


