/*
Global styles
*/

body
{
    margin: 0 0 0 0;
    padding: 5px;
    padding: 5px;
    background: #fff url("../../upload/logo_bg.gif") no-repeat;
    min-width: 960px;
    line-height: 1.2em;
}

a
{
    color: #369;
    text-decoration: underline;
}

a[href^="http://"], a[href^="https://"]
{
    background: url("../../shared/offsite.gif") no-repeat center left;
    padding-left: 12px;
}

a.image
{
    background: none;
    padding-left: 0;
}

a:hover
{
    color: #369;
    background: #def;
}

/*
Header
*/

#header { height: 64px; }

#logo
{
    position: absolute;
    left: 13px;
    top: 15px;
    margin: 0px;
}

#logo h1 strong, #slogantext
{
    display: none;
}

#slogan
{
    position: absolute;
    left:  190px;
    top:    18px;
    width: 184px;
    height: 10px;
    background: url("../../upload/slogan.gif") no-repeat;
}

#login
{
    float: right;
    text-align: right;
    font-family: helvetica, sans-serif;
    font-size: 11px;
    color: black;
    vertical-align: middle;
    line-height: 58px;
    white-space: nowrap;
}

#logintext
{
    padding-right: 5px;
}

/*
Navigation bar
*/

#hbar
{
    line-height: 25px;
    margin-bottom: 5px; 
    vertical-align: middle;
    color: white;
    font-size: 13px;
    font-family: helvetica, sans-serif;
    text-indent: 4px;
    white-space: nowrap;
}

#home
{
    background: #666 url("../../upload/curve.gif") no-repeat;
    width: 180px;
    float: left;
}

#home a, #nav a
{
    margin: 0 6px 0 6px;
    color: white;
}

#home a:hover
{
    margin: 0;
    padding: 0 5px 0 5px;
    background: #333;
    text-decoration: none;
    border: 1px solid #999;
}

#bc
{
    text-indent: 10px;
    background: #fc3 url("../../upload/curve.gif") no-repeat;
    margin-left: 185px;
    color: black;
}

#bc a       { color: #036; }
#bc a:hover { background: none; }

/*
Footer navigation
*/

#bnav
{
    margin-left: 0;
    padding-left: 0;
    display: inline;
}

#bnav li
{
    margin-left: 0;
    padding: 0 10px;
    border-left: 1px solid #666;
    list-style: none;
    display: inline;
}

#bnav li.first
{
    margin-left: 0;
    border-left: none;
    list-style: none;
    display: inline;
}

/*
Bars
*/

.barheader
{
    background: #F74 url("../../upload/curve.gif") no-repeat;
}

.barheader h3
{
    margin: 0;
    line-height: 20px;
    text-indent: 10px;
    vertical-align: middle;
    color: white;
    font-size: 11px;
    font-family: helvetica, sans-serif;
    font-weight: bold;
    white-space: nowrap;
}

.bar
{
    padding: 10px;
    border-left:   solid 1px;
    border-right:  solid 1px;
    border-bottom: solid 1px;
    border-color:  #eed;
    color: black;
    font-family: helvetica, sans-serif;
    font-size: 0.7em;
    margin-bottom: 5px;
}

#midbar
{
    margin-top: 5px;
    background: #666 url("../../upload/curve.gif") no-repeat;
}

#midbar h1, #midbar h3
{
    margin: 0;
    line-height: 20px;
    text-indent: 10px;
    vertical-align: middle;
    color: white;
    font-size: 11px;
    font-family: helvetica, sans-serif;
    font-weight: bold;
    white-space: nowrap;
}

/*
Central homepage area
*/

.highlight
{
    margin: 0;
    padding: 1px 10px 0 10px;
    background: #f0f0e4;
    font-size: small;
}

#central
{
    padding: 10px 10px 10px 15px;
    font-family: helvetica, sans-serif;
    color: white;
    text-align: left;
    min-height: 160px;
    line-height: normal;
    white-space: nowrap;
    height: 160px;
}

#central #titles
{
    position: absolute;
    left: 424px;
    top: 110px;
    padding-top: 5px;
    margin: 0;
}

#central h2
{
    margin: 0;
    padding: 0;
    text-indent: 0;
    font: 110% helvetica, sans-serif;
    font-weight: bold;
}

#central h3
{
    margin: 0;
    padding: 0 0 0 20px;
    font-weight: normal;
    font-size: 11px;
}

#central h3 ul
{
    margin: 0;
    padding: 7px;
}

#central h3 ul li { line-height: 1.5em; }

#centralback
{
    margin-left: 220px;
    min-height: 180px;
    max-height: 180px;
    background: url("../../upload/home_bg.gif") repeat-x;
}

#centralimage
{
    font-family: helvetica, sans-serif;
    font-size: 12px;
    position: absolute;
    padding: 10px;
    left: 190px;
    top: 99px;
    width: 220px;
    height: 160px;
    background: url("../../upload/homepage.gif") no-repeat;
}

#central a
{
    color: white;
    margin: 0 6px 0 6px;
    background: url("../../upload/dot_w.gif") repeat-x 100% 100%;
}

#central a:hover
{
    background: #369;
    margin: 0;
    padding: 0 5px 0 5px;
    border: 1px solid #bcd;
    text-decoration: none; 
}

/*
Page layout
*/

#container
{
    background: url("../../upload/left_grid.gif");
}

#left
{
    width: 180px;
    float: left;
    background: white;
}

#right
{
    width: 180px;
    float: right;
    background: white;
}

#page_image
{
    width:  180px;
    height: 180px;
    margin-bottom: 5px;
}

#main
{
    margin: 5px 180px 0px 180px;
    padding-left: 5px;
    padding-right: 5px;
    background: white;
    font-family: helvetica, sans-serif;
    background: #fff;
    color: #000;
}

#content
{
    margin-top: .75em;
    padding: 0 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eed;
    font-size: small;    
}

#inner
{
    min-height: 350px;
    height: auto !important;
    height: 350px;
}

#inner h2
{
    color: #333;
    font: bold 135% helvetica, sans-serif;
    padding: .5em;
    margin: 1em 0 1em 0;
    background: url("../../upload/grid.gif");
}

hr
{
    height: 1px;
    border: 0;
    border-top: 1px solid #f0f0e4;
}

#inner h3
{
    margin: 1.5em 0 .5em 0;
    font-size: 110%;
    font-weight: normal;
    color: #369;
}

#footer
{
    color: #333;
    clear: both;
    padding: 10px;
    text-align: center;
    font-family: helvetica, sans-serif;
    font-size: 0.7em;
    white-space: nowrap;
    background: white;
}

/*
Forms
*/

form
{
    font-family: helvetica, sans-serif;
    font-size: small;
}

.button
{
    font-family: helvetica, sans-serif;
    font-size: small;
}

.nowrap
{
    white-space: nowrap;
}

/*
Tables
*/

.tx {
    font-size: 85%;
    border-collapse: collapse;
}

.tx td {
    vertical-align: top;
    text-align: left;
}

.tx thead td {
    vertical-align: middle;
    font-weight: bold;
}

/*
Promo
*/

.promo
{
    height: 32px;
    line-height: 32px;
    text-indent: 7px;
    background: url("../../upload/ushka.gif") no-repeat;
    color: black;
    font-size: 11px;
    font-family: helvetica, sans-serif;
    margin-bottom: 5px;
}

.promo a:hover { background: none; }

.intl
{
    padding: 10px 5px;
    font-size: 11px;
    font-family: helvetica, sans-serif;
}

/*
Other pages
*/

#partners .icon { margin-right: 25px; }

/*
Hidden
*/

#counter
{
    text-align: center;
    background: white;
}

#counter a { background: none; }