/* ------------------------------+------------------------------ */
/*                              Base                             */
/* ------------------------------+------------------------------ */

html {
    background:             #f2f2f1;
    height:                 100%;
    overflow-y:             scroll;
}

body {
    color:                  #111;
    font:                   14px 'Helvetica', 'Arial', 'sans-serif';
    height:                 100%;
    width:                  100%;
}

a {
    color:                  #0b58b7;
    outline:                none;
    text-decoration:        underline;
}

a:hover {
    color:                  #111;
}



/* ------------------------------+------------------------------ */
/*                            Wrapper                            */
/* ------------------------------+------------------------------ */

#wrapper {
    margin:                 0 auto;
    width:                  1000px;

    min-height:             100%;
    height:                 auto !important;
    height:                 100%;
}



/* ------------------------------+------------------------------ */
/*                             Header                            */
/* ------------------------------+------------------------------ */

#header {
    height:                 100px;
    position:               relative;
    z-index:                20;
}

#header .logo {
    float:                  left;
    margin:                 10px 0 0;
    position:               relative;
    z-index:                2;
}

.search-small {
    float:                  left;
    margin:                 16px 0 0 10px;
    position:               relative;
    z-index:                2;
}

.search-small input {
    border:                 1px solid #c0c0c0;
    border-color:           #808080 #c0c0c0 #c0c0c0 #808080;
    color:                  #111;
    float:                  left;
    font-size:              14px;
    padding:                4px 8px;
    width:                  140px;

    -webkit-box-shadow:     2px 2px 3px -2px #aaa inset;
    -moz-box-shadow:        2px 2px 3px -2px #aaa inset;
    box-shadow:             2px 2px 3px -2px #aaa inset;
}

.search-small button {
    background:             url(../i/button-small.png) no-repeat 0 0 transparent;
    border:                 0;
    cursor:                 pointer;
    height:                 33px;
    margin:                 0 0 0 5px;
    padding:                0;
    position:               relative;
    top:                    0;
    width:                  70px;
}

.search-small button:hover,
.search-small button:focus {
    background-position:    0 -33px;
}

.search-small button:active {
    background-position:    0 -66px;
}

.menu {
    display:                block;
    left:                   0;
    line-height:            40px;
    position:               absolute;
    top:                    12px;
    width:                  100%;
    z-index:                1;
}

.menu ul {
    left:                   50%;
    position:               relative;
    text-align:             center;
    width:                  50%;
}

.menu ul li {
    display:                inline;
    padding:                0 4px;
    position:               relative;
    right:                  50%;
    text-align:             center;
}

.menu .auth {
    background:             url(../i/lock.png) no-repeat 0 50% transparent;
    padding:                0 0 0 12px;
}

.tools {
    font-size:              12px;
    line-height:            40px;
    position:               absolute;
    right:                  0;
    top:                    16px;
    z-index:                2;
}

.arrow {
    background:             url(../i/arrow.png) no-repeat 100% 0 transparent;
    padding:                10px 26px 0 0;
}



/* ------------------------------+------------------------------ */
/*                             Middle                            */
/* ------------------------------+------------------------------ */

#middle {
    height:                 1%;
    padding:                0 0 160px;
    position:               relative;
    width:                  100%;
}

#middle:after {
    clear:                  both;
    content:                '.';
    display:                block;
    height:                 0;
    visibility:             hidden;
}



/* ------------------------------+------------------------------ */
/*                           Container                           */
/* ------------------------------+------------------------------ */

#container {
    float:                  left;
    overflow:               hidden;
    width:                  100%;
}



/* ------------------------------+------------------------------ */
/*                            Content                            */
/* ------------------------------+------------------------------ */

#content {
    padding:                0 350px 0 0;
}

#content-wide {
    padding:                0;
}

#search {
    height:                 56px;
    left:                   50%;
    margin:                 -28px 0 0 -400px;
    position:               absolute;
    top:                    40%;
    width:                  800px;
}

#search .logo {
    float:                  left;
}

#search .form {
    padding:                8px 0 0 120px;
}

#search .form .search-wrap {
    position:               relative;
}

#search .form label {
    color:                  #6f6c6c;
    cursor:                 text;
    font-size:              20px;
    left:                   0;
    padding:                9px 10px;
    position:               absolute;
    top:                    0;
    z-index:                10;
}

#search .form input {
    border:                 1px solid #c0c0c0;
    border-color:           #808080 #c0c0c0 #c0c0c0 #808080;
    color:                  #111;
    float:                  left;
    font-size:              20px;
    padding:                6px 8px;
    width:                  550px;

    -webkit-box-shadow:     2px 2px 3px -2px #aaa inset;
    -moz-box-shadow:        2px 2px 3px -2px #aaa inset;
    box-shadow:             2px 2px 3px -2px #aaa inset;
}

#search .form button {
    background:             url(../i/button.png) no-repeat 0 0 transparent;
    border:                 0;
    cursor:                 pointer;
    height:                 45px;
    margin:                 0 0 0 5px;
    padding:                0;
    position:               relative;
    top:                    0;
    width:                  98px;
}

#search .form button:hover,
#search .form button:focus {
    background-position:    0 -45px;
}

#search .form button:active {
    background-position:    0 -90px;
}

#search .example {
    color:                  #8d8d8d;
    font-size:              11px;
    padding:                0 0 0 14px;
}

#search .example a {
    border-bottom:          1px dotted #8d8d8d;
    color:                  #8d8d8d;
    text-decoration:        none;
}

#search .example a:hover {
    border-bottom:          1px solid #8d8d8d;
}



.mono {
    font-family:            'Courier New';
    position:               relative!important;
    float:                  left;
}



.tabs-box .tabs li {
    background:             url(../i/tab-inactive.png) 100% 0 transparent;
    cursor:                 pointer;
    font-size:              12px;
    height:                 26px;
    line-height:            26px;
    margin:                 0 -12px 0 3px;
    padding:                0 30px 0 0;
    position:               relative;

    display:                -moz-inline-box;
    display:                inline-block;
    *zoom:                  1;
    *display:               inline;
}

.tabs-box .tabs li span {
    background:             url(../i/tab-inactive.png) 0 0 transparent;
    display:                block;
    margin:                 0 0 0 -3px;
    padding:                0 0 0 20px;
    text-decoration:        underline;
}

.tabs-box .tabs li.active {
    background:             url(../i/tab-active.png) 100% 0 transparent;
    z-index:                10;
}

.tabs-box .tabs li.active span {
    background:             url(../i/tab-active.png) 0 0 transparent;
    display:                block;
    text-decoration:        none;
}

.tabs-box .box {
    background:             #fff;
    border:                 1px solid #ededed;
    margin:                 -1px 0 0 0;
    padding:                20px;
}

.tabs-box .box {
    display:                none;
    width:                  auto;
}

.tabs-box .box.visible {
    display:                block;
}

.tabs-box .box table {
    width:                  100%;
    border-collapse:        separate;
    border-spacing:         2px;
}

.tabs-box .box th {
    background:             #e0dfd6;
    padding:                10px;
}

.tabs-box .box td {
    background:             #f3f2f2;
    padding:                10px;
}

.tabs-box .box td.center {
    text-align:             center;
}



.box {
    display:                none;
    position:               absolute;
    text-align:             left;
    word-spacing:           -.3em;
    width:                  300px;
    line-height:            14px;
}

.box-auth {
    top:                    25px;
    left:                   -25px;
}

.box-registration {
    top:                    25px;
    left:                   0;
}

.box-head {
    font-size:              0;
    line-height:            0;
    background:             url(/i/corner.png) no-repeat 60px 0 transparent;
    height:                 20px;
    position:               relative;
    z-index:                1;
}

.box-registration .box-head {
    background-position:    130px 0;
}

.box .right {
    float:                  right;
    font-size:              12px;
    line-height:            28px;
}

.box .right a {
    color:                  #464646;
}

.box .small {
    font-size:              12px;
    margin:                 0;
    padding:                0;
    cursor:                 pointer;
}

.box-content {
    padding:                20px;
    background:             #f5f4f5;
    word-spacing:           normal;

    -webkit-border-radius:  20px;
    -moz-border-radius:     20px;
    border-radius:          20px;

    -webkit-box-shadow:     #999 0 3px 10px;
    -moz-box-shadow:        #999 0 3px 10px;
    box-shadow:             #999 0 3px 10px;

    behavior:               url(j/pie.htc);
}

.box-content dt {
    position:               relative;
    margin:                 0 0 10px;
}

.box-content h3 {
    font-size:              20px;
    margin:                 0 0 10px;
}

.box-content input.text {
    border:                 1px solid #c0c0c0;
    border-color:           #808080 #c0c0c0 #c0c0c0 #808080;
    color:                  #111;
    font-size:              14px;
    padding:                6px 30px 6px 8px;
    width:                  220px;

    -webkit-box-shadow:     2px 2px 3px -2px #aaa inset;
    -moz-box-shadow:        2px 2px 3px -2px #aaa inset;
    box-shadow:             2px 2px 3px -2px #aaa inset;

    behavior:               url(j/pie.htc);
}

.box-content label {
    color:                  #6f6c6c;
    cursor:                 text;
    font-size:              14px;
    padding:                10px;
    position:               absolute;
    top:                    0;
    z-index:                10;
}

.box-content .require,
.box-content .fake {
    background:             url(/i/require.png) no-repeat 96% 50% #fff;
}

.box-content .success {
    background:             url(/i/ok.png) no-repeat 96% 50% #fff;
}

.box-content .error-box {
    font-size:              0;
    line-height:            0;
}

.box-content .error-left,
.box-content .error-right {
    word-spacing:           normal;
    width:                  10px;

    display:                -moz-inline-box;
    display:                inline-block;
    *zoom:                  1;
    *display:               inline;
}

.box-content .error-left {
    border-top:             5px solid transparent;
    border-right:           5px solid #fcb;
    border-bottom:          0 solid transparent;
    border-left:            0 solid transparent;
}

.box-content .error-right {
    border-top:             5px solid transparent;
    border-right:           0 solid transparent;
    border-bottom:          0 solid transparent;
    border-left:            5px solid #fcb;
}

.box-content .error-message {
    line-height:            12px;
    font-size:              12px;
    background:             #fcb;
    padding:                5px 10px;
    color:                  #d00;
}


.button {
    cursor:                 pointer;
    border:                 0;
    padding:                6px 12px;
    margin:                 0;
    font-size:              14px;
    color:                  #cbdcf2;
    position:               relative;

    background:             rgb(151,203,226);
    background:             -moz-linear-gradient(top, rgba(151,203,226,1) 0%, rgba(0,79,141,1) 100%);
    background:             -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(151,203,226,1)), color-stop(100%,rgba(0,79,141,1)));
    background:             -webkit-linear-gradient(top, rgba(151,203,226,1) 0%,rgba(0,79,141,1) 100%);
    background:             -o-linear-gradient(top, rgba(151,203,226,1) 0%,rgba(0,79,141,1) 100%);
    background:             -ms-linear-gradient(top, rgba(151,203,226,1) 0%,rgba(0,79,141,1) 100%);
    background:             linear-gradient(top, rgba(151,203,226,1) 0%,rgba(0,79,141,1) 100%);
    /*filter:                 progid:dximagetransform.microsoft.gradient( startcolorstr='#97cbe2', endcolorstr='#004f8d',gradienttype=0 );*/

    text-shadow:            -1px -1px 0px #0C68AC;
    /*filter:                 dropshadow(color=#0C68AC, offx=-1, offy=-1);*/

    -webkit-border-radius:  3px;
    -moz-border-radius:     3px;
    border-radius:          3px;

    -webkit-box-shadow:     0 3px 6px 0 #666;
    -moz-box-shadow:        0 3px 6px 0 #666;
    box-shadow:             0 3px 6px 0 #666;

    behavior:               url(j/pie.htc);
}

.button:active {
    top:                    3px;

    -webkit-box-shadow:     inset 0 1px 3px 0 #666;
    -moz-box-shadow:        inset 0 1px 3px 0 #666;
    box-shadow:             inset 0 1px 3px 0 #666;
}




/* ------------------------------+------------------------------ */
/*                            Sidebar                            */
/* ------------------------------+------------------------------ */

#sidebar {
    float:                  left;
    margin-left:            -320px;
    margin-right:           -3px;
    position:               relative;
    width:                  320px;
}

.tabs-padding {
    padding:                26px 0 0 0;
}

.promo-line {
    margin: 0 0 13px;
}
.promo-line .title {
    margin: 0;
    padding: 0 40px 0 20px;
    position: relative;
}
.promo-line .title .favicon {
    left: 0;
    position: absolute;
}
.promo-line .title .price {
    font-weight: bold;
    position: absolute;
    right: 0;
}
.promo-line .content {
    color: #888888;
    font-size: 13px;
    margin: 0;
    padding: 3px 40px 0 20px;
}


/* ------------------------------+------------------------------ */
/*                             Footer                            */
/* ------------------------------+------------------------------ */

#footer {
    height:                 100px;
    margin:                 -100px auto 0;
    position:               relative;
    width:                  1000px;
}

.copyright {
    left:                   0;
    position:               absolute;
    top:                    25px;
}

.footer-menu,
.footer-menu-small {
    display:                inline;
    float:                  left;
    margin:                 0 0 10px;
    overflow:               hidden;
    position:               relative;
    width:                  100%;
}

.footer-menu ul,
.footer-menu-small ul {
    left:                   50%;
    position:               relative;
    text-align:             center;
}

.footer-menu li,
.footer-menu-small li {
    display:                inline;
    padding:                0 4px;
    position:               relative;
    right:                  50%;
    text-align:             center;
}

.footer-menu-small a {
    color:                  #464646;
    font-size:              12px;
}