/* -----------------------------------*/
/* ---------->>> BASE <<<-------------*/
/* -----------------------------------*/

@import url("reset.css");
@import url("layout.css");
@import url("layers.css");


/*    COMMON RULES
    ----------------------------------------------------------------- */

html {
    height: 100%;
    font: 62.5% "Arial", "Helvetica", sans-serif;
    background: url("../_img/official/fon.png") left top repeat-x #f9f8f3;
    }
body {
    position: relative;
    background: url("../_img/official/fon.png") left top repeat-x #f9f8f3;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    min-width: 980px;
    width:expression((document.documentElement.clientWidth
    || document.body.clientWidth) < 980? "980px":
    "auto");
    font-size: 100.01%;
    }
#page {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
    z-index: 2;
    }
a:hover {
    color: #0066cc;
    }
a:visited {
    color: #660066;
    }
	
h1 {
    color: #175595;
    font-size: 20px;
    font-weight: bold;
    padding: 7px 0 23px 0;
    }
	
h2 {
    color: #175595;
    font-size: 18px;
    font-weight: bold;
    padding: 7px 0 23px 0;
    }
h3 {
    color: #175595;
    font-size: 18px;
    font-weight: bold;
    padding: 6px 0 21px 0;
    }
h4 {
    color: #175595;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 0 6px 0;
    position: relative;
    height: 17px;
    }
h4 span {
    position: absolute;
    top: 7px; right: 0;
}

    
/*    COMMON CLASSES
    ----------------------------------------------------------------- */

.w_390 {
    width: 390px !important;
    }
input.f_sub {
    width: 128px;
    margin: 0; padding: 2px 0 4px 0;
    float: left;
    border: none;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}
    .f_disabled {
        background: url("../_img/official/f_disabled.png") left top no-repeat;
        }
    .f_enabled {
        background: url("../_img/official/f_enabled.png") left top no-repeat;
        cursor: pointer;
        }
#all_back {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%; min-height: 100%;
    background: #fff;
    z-index: 100;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE 5.5+*/
    -moz-opacity: 0.8; /* Mozilla 1.6 */
    -khtml-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.8; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
    display: none;
    }
.marg-left_20 {
    margin-left: 20px !important;
}
