/********** CSS Reset - via http://meyerweb.com/eric/tools/css/reset/reset.css */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
    }
body {
    line-height: 1;
    }
ol, ul {
    list-style: none;
    }
blockquote, q {
    quotes: none;
    }
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
    }
table {
    border-collapse: collapse;
    border-spacing: 0;
    }

/********** End of */

/********** Common Styles */

html {
    min-height: 100%;
    overflow-y: scroll
    }
body {
    min-height: 100%;
    background: #f5f6f7;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.25 !important;
    color: #333
    }
a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #20409a;
    text-decoration: none
    }
    a:hover {
        color: #650A06;
        text-decoration: none
        }
b,
strong {
    font-weight: bold
    }
i,
em {
    font-style: italic
    }
p {
    margin: 1em 0
    }
input[type="text"],
input[type="button"],
input[type="submit"],
textarea {
    font-family: Arial, Helvetica;
    color: #333
    }

/********** End of Common Styles */

/********** Clearfix - via @necolas */

.g-clearfix:before,
.g-clearfix:after {
    display: table;
    content: ""
    }
.g-clearfix:after {
    clear: both
    }
.lt-ie8 .g-clearfix {
    zoom: 1
    }

/********** End of Clearfix */

/********** Layout */

.l-content {
    float: left;
    width: 625px
    }
.l-sidebar {
    float: right;
    width: 320px
    }

/********** End of Layout */

/********** Header */

.b-header_c {
    height: 42px;
    border-radius: 5px;
    background: url(img/header/bg_logo_middle.gif) left top repeat-x;
    background: -webkit-linear-gradient(top, #8ac1e9, #4f9ac9);
    background:    -moz-linear-gradient(top, #8ac1e9, #4f9ac9);
    background:      -o-linear-gradient(top, #8ac1e9, #4f9ac9);
    background:         linear-gradient(top, #8ac1e9, #4f9ac9)
    }
.b-header_top_left  {
    padding-top: 12px
    }
.b-header_h1 a,
.b-header_h1 a:hover {
    background: url(img/header/project-name.png) center center no-repeat
    }
.b-header_logo a {
    background: url(img/header/project.png) center center no-repeat
    }
.b-search {
    display: none
    }
.b-menu {
    display: none
    }
.b-header_favorite {
    display: none
    }

/********** End of Header */

/********** Main Part */

/********** End of Main Part */

.bigcol {
    overflow: hidden;
    padding-left: 0;
    width: 625px;
    }
.smallcol {
    overflow: hidden;
    width: 320px;
    }


.b-article__header {
    margin: 9px 0;
    padding: 0;
    font-size: 28px;
    font-weight: normal
    }

.b-bonuses__description {
    font-size: 15px
    }
.b-bonuses__list {
    }
.b-bonuses__list-item {
    margin: 15px 0;
    padding: 0;
    background: transparent
    }
.b-bonuses__list-item__image-outer {
    float: left;
    width: 59px;
    height: 69px;
    margin-right: 15px
    }
.b-bonuses__list-item__image {
    display: block
    }
.b-bonuses__list-item__title {
    margin-bottom: 4px;
    font-size: 15px;
    font-weight: bold
    }
.b-bonuses__list-item__description {
    font-size: 15px
    }
.b-bonuses__additional-list {
    margin-top: 16px;
    font-size: 16px
    }
    .b-bonuses__additional-list ul {
        margin-top: 6px
        }
        .b-bonuses__additional-list li {
            padding: 2px 0;
            background: transparent;
            }

/********** Sidebar Styles */

.b-login-form {
    padding: 10px 15px;
    border-radius: 2px;
    background: #dcf4fe url(img/left_col.gif) left top repeat-x;
    background: -webkit-linear-gradient(top, #f6fcff, #dcf4fe);
    background:    -moz-linear-gradient(top, #f6fcff, #dcf4fe);
    background:      -o-linear-gradient(top, #f6fcff, #dcf4fe);
    background:         linear-gradient(top, #f6fcff, #dcf4fe)
    }
.b-login-form__table {
    width: 100%
    }
    .b-login-form__table td {
        padding: 5px 0;
        vertical-align: middle
        }
.b-login-form__header {
    font-size: 20px
    }
.b-login-form__label {
    display: inline-block;
    margin-top: -.9em;
    vertical-align: middle
    }
.b-login-form__input {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 2px 3px;
    border: 1px solid #94a6b4;
    border-radius: 3px
    }
    .lt-ie8 .b-login-form__input {
        width: 96%
        }
.b-login-form__hint {
    font-size: 11px;
    color: #999
    }
.b-login-form__password-recovery {
    font-size: 11px
    }

.b-login-form__remember {
    font-size: 11px
    }
.b-login-form__remember-checkbox,
.b-login-form__remember-label {
    vertical-align: middle
    }

.b-registration-message {
    margin-top: 10px;
    padding: 15px
    }
.b-registration-message__text {
    margin-bottom: 16px
    }
.b-registration-message__button {
    display: block;
    padding: 10px;
    border: 2px #fe494b solid;
    border-radius: 3px;
    background: #fb7470;
    background: -webkit-linear-gradient(top, #fb7470, #fb1b19 50%, #d80100 51%, #f90002);
    background:    -moz-linear-gradient(top, #fb7470, #fb1b19 50%, #d80100 51%, #f90002);
    background:      -o-linear-gradient(top, #fb7470, #fb1b19 50%, #d80100 51%, #f90002);
    background:         linear-gradient(to bottom, #fb7470, #fb1b19 50%, #d80100 51%, #f90002);
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 0 2px #db0000
    }
    .b-registration-message__button:hover {
        background: #fb7470;
        background: -webkit-linear-gradient(top, #fb7470, #fb1b19 50%, #d80100 51%, #cf0000);
        background:    -moz-linear-gradient(top, #fb7470, #fb1b19 50%, #d80100 51%, #cf0000);
        background:      -o-linear-gradient(top, #fb7470, #fb1b19 50%, #d80100 51%, #cf0000);
        background:         linear-gradient(to bottom, #fb7470, #fb1b19 50%, #d80100 51%, #cf0000);
        color: #fff
        }

/********** End of Sidebar Styles */