* {
    margin: 0;
    padding: 0;
    border: 0;
}
body {
    font: normal 12px/1.4em Arial;
    background: #fff;
}
html, body { width: 229px;}
* {outline: none; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

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;
}



/* COMMON STYLES */
.nowrap {white-space:nowrap;}

.clear {clear: both;}
.clr {display:block;zoom:1;}
.clr:after {content:".";display:block;height:0;clear:both;overflow:hidden;}

/* common text colors */
.red {color: #990000;}
.rose {color:#c35353;}
.green {color: #639A00;}
.grey {color:#666;}
.white {color:#fff;}
.yellow {color:#fff13d;}

.hidden {display: none;}


input[type=text]::-webkit-input-placeholder {font: normal Arial; color: #999;}
input[type=text]:-moz-placeholder {font: normal  Arial; color: #999;}

textarea::-webkit-input-placeholder {font: normal Arial; color: #bcbbbb !important;}
textarea:-moz-placeholder {font: normal  Arial; color: #bcbbbb !important;}


/* link */
a.dotted, span.dotted {border-bottom:#990000 dotted 1px; text-decoration: none;color:#990000;}
a.solid, span.solid {border-bottom:#f68e8e solid 1px; text-decoration: none;color:#990000;}
a.dotted:hover, span.dotted:hover {border-bottom:#f0b2b2 dotted 1px;color:#cc0000;}
a.dotted.black, span.dotted.black {border-bottom:#000 dotted 1px; text-decoration: none;color:#000;}
a.dashed, span.dashed {border-bottom:#990000 dashed 1px; text-decoration: none; color:#990000;}

a:hover {color: #000; text-decoration: none; border: none;}

.b-loginform {font-size: 12px; text-align: left; display: block; }
.b-loginform .tabs { font-size: 13px; color: #e61b23; font-weight:bold; margin: 0 0 10px 0;}
.b-loginform .tabs a {text-decoration: none;}
.b-loginform .tabs a b {color: #b0b0b0; border-bottom: #b0b0b0 dotted 1px; text-decoration: none;}
.b-loginform .tabs a:hover b {color: #000; border: none;}
.b-loginform p {margin-top: 16px}
.b-loginform .tabs > *:first-child { padding-right: 20px; margin-right: 16px; border-right: #d1d1d1 solid 1px;}
.b-loginform > div {background: url(../img/b-loginform.png) 279px bottom; padding: 0 7px; width: 265px;}
.b-loginform > div .inner {width: 229px; padding: 13px 17px 10px 19px ; background: #fff;}

.b-loginform a.close {display: block; width: 15px; height: 15px;background: url(../img/buttons.png) 675px 172px; float: right; margin-top: 9px;}
.b-loginform a.close:hover { background-position: 675px 101px; }
.b-loginform input[type=text],
.b-loginform input[type=password] {
    background: url(../img/buttons.png) 912px 218px; width: 218px; height: 24px;
    color: #333; padding: 0 1px 0 10px; font-size: 13px;
    line-height: 25px;
}

.b-loginform input[type=text]::-webkit-input-placeholder {color: #b0b0b0;}
.b-loginform input[type=text]:-moz-placeholder {color: #b0b0b0;}

.b-loginform input.error[type=text] {background-position: 912px 255px; color:#e61b23;}

.b-loginform a.restore_password, .b-loginform a.remember_password { float: right; color: #b0b0b0; border-bottom: #b0b0b0 dotted 1px; display: inline-block; text-decoration: none; line-height: 12px; margin-top: 2px;}
.b-loginform a.restore_password:hover, .b-loginform a.remember_password:hover {color: #000; border-color: #fff;}
.b-loginform a.remember_password { float: none;}
.b-loginform .remember_wrapper {text-align: right; margin: 5px 0 -8px; }
.b-loginform ul.help,
.b-loginform ul.errorlist {color: #535151; font-size: 11px; margin-top: 16px;}
.b-loginform ul.errorlist {color: #e61b23; margin-top: 2px;}

.b-loginform ul li {margin: 5px 0 0 0px; line-height: 13px;}
.b-loginform ul li i.bul {position: absolute; margin-left:-10px;}

label.saveme {}
label.saveme input {display: none;}
label.saveme i {display: inline-block; width: 14px; height: 14px; background: url(../img/buttons.png) 754px 48px; vertical-align: top; position: relative; margin-right: 5px; top:1px;}
label.saveme.checked i {background-position: 734px 48px; }


button.login {width: 110px; height: 35px;background: url(../img/buttons.png) 491px 184px; cursor: pointer;}
button.restore_password {width: 110px; height: 35px;background: url(../img/buttons.png) 611px 184px; cursor: pointer;}
button.registration {width: 190px; height: 35px;background: url(../img/buttons.png) 359px 184px; cursor: pointer;}
button.add {width: 142px; height: 44px;background: url(../img/buttons.png) 150px 189px; cursor: pointer;}
button.add.disabled {opacity: 0.3;background: url(../img/buttons.png) 150px 189px !important; cursor: default;}
button.login:hover {background-position: 491px 110px;}
button.restore_password:hover {background-position: 611px 110px;}
button.registration:hover {background-position:  359px 109px;}
button.add:hover {background-position: 150px 115px;}

button.login:active {background-position: 491px 39px;}
button.restore_password:active {background-position: 611px 39px;}
button.registration:active {background-position: 359px 40px;}
button.add:active {background-position: 150px 47px;}

button.login.loading {background-position: 491px 254px;}
button.restore_password.loading {background-position: 611px 254px;}
button.registration.loading {background-position:  359px 254px;}
button.add.loading {background-position: 150px 259px;}

button.login i,
button.restore_password i,
button.registration i,
button.add i {display: none;}
button.login.loading i,
button.restore_password.loading i,
button.registration.loading i,
button.add.loading i{ height: 20px; background: url(../img/ajax-loader.gif) center center no-repeat; display: block;}

a.social-button {width: 229;height: 36px;display: block;background: url(../img/social-buttons.jpg) no-repeat;margin-top: 15px;}

a.vk-button {background-position: 0px -36px;}