.dbg { border: 1px dotted orange; }

body { color: #fff; background: #000; font: 12px Trebuchet MS, Arial, sans-serif; }

h1 { font-size: 24px; font-weight: normal; }
h2 { font-size: 20px; font-weight: normal; }
td { vertical-align: top; }
input, select { border: 0; background: #fff; }
select { width: 170px; }

ol { list-style: decimal; margin: 5px; padding-left: 20px; }

.oh { overflow: hidden; }
.r { text-align: right; }
.c { text-align: center; }
.fl { float: left; }
.fr { float: right; }

.s10 { font-size: 10px; }
.s11 { font-size: 11px; }
.s13 { font-size: 13px; }
.s14 { font-size: 14px; }
.s18 { font-size: 18px; }
.s24 { font-size: 24px; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }

.cw { color: #fff; }
.cg { color: #aaa; }
.cr { color: #f00; }

.header { background: url(/img/nalevo/lines.gif); height: 658px; }
.header2 { background: url(/img/nalevo/lines.gif); padding-bottom: 40px; }

.header .left, .header2 .left { padding-top: 350px; background: url(/img/nalevo/jena_bg.png) no-repeat center top; }
.header .left { padding: 0; height: 630px; }
.header .left div { width: 300px; margin: 0 auto; }
.header .left em { display: block; margin-top: 558px; width: 300px; }

.header2 .right .logotext { width: 505px; height: 90px; margin-top: 90px; background: url(/img/nalevo/logo_text.png) no-repeat left top; }
.header2 .right .res { margin-top: 80px; }
.header2 .right .res .title { background: #3a3a3a; padding: 5px; }
.header2 .right .res .element { background: #282828; padding: 5px; }

.header .right .neizm { width: 370px; margin-top: 150px; background: url(/img/nalevo/jena_ne_izmenyaet.png) no-repeat left top; }
.header .right .neizm ul { list-style: none; margin: 35px 0 0 130px; }

.header .right .neizm2 { width: 450px; margin-top: 90px; background: url(/img/nalevo/kak_proverit_jenu.png) no-repeat left top; }
.header .right .neizm2 ul { list-style: none; margin: 75px 0 0 130px; }
.header .right .neizm2 a { border-bottom: 1px dashed #fff; text-decoration: none; }

.header .right .neizm3 { width: 450px; height: 130px; margin-top: 10px; }
.header .right .neizm3 .logo { width: 109px; height: 110px; background: url(/img/nalevo/logo.png) no-repeat left center; margin-right: 10px; }
.header .right .neizm3 .box { width: 260px; height: 105px; background: url(/img/nalevo/lines3.png); padding: 10px 15px; }

.middle { background: url(/img/nalevo/lines2.gif); }
.middle .left { padding: 30px 0; }
.middle .right { padding: 40px 0; }

.bottom { background: #000; padding: 70px; }
.bottom.cw { background: #fff; }

.bottom a#link, bottom.cw a#link { display: block; width: 414px; height: 23px; margin: auto; cursor: pointer; background: url(/img/nalevo/kak_postupit.png) no-repeat left top; }
.bottom.cw a#link { background: url(/img/nalevo/kak_postupit2.png) no-repeat left top; }

.footer { color: #707070; background: #1d1d1d; text-align: right; padding: 25px 50px; }
.footer a { color: #fff; }

#loader { width: 220px; height: 19px; background: url(/img/nalevo/ajax-loader.gif) no-repeat left top; margin: 0 auto; }
.loading { background: url(/img/nalevo/indicator.gif) no-repeat center center; }
tr.empty td { display: none; }

table.form { margin: 0 auto; width: 300px; }
table.form td { text-align: left; font-size: 12px; color: #adadad; padding: 4px; font-size: 13px; }
table.form td.label { text-align: right; white-space: nowrap; }

div.form { background: #3a3a3a; border: 5px solid #282828; padding: 15px 20px 30px; margin: 0 auto; width: 320px; }
.header2 .left div.form { margin-bottom: 20px; }

.button { background: url(/img/nalevo/btn_bg.png) no-repeat center center; width: 230px; height: 31px; display: block; cursor: pointer; text-align: center; vertical-align: middle; margin: auto; padding-top: 5px; font-size: 16px; color: #fff; }
.button.empty { background: none; }

table.sms-form { margin: 0 auto; }
table.sms-form td { text-align: left; font-size: 12px; color: #adadad; padding: 2px; }
table.sms-form td span { color: #fff; font: 20px Arial Narrow, Arial, sans-serif; font-weight: bold; }

#search-box { width: 650px; height: 430px; overflow: hidden; display: none; background: #131313; border: 5px solid #fff; }
#search-box .top { height: 100px; clear: both; padding-top: 25px; }
#search-box .top a.close { margin: 10px; position: absolute; top: 0; right: 0; display: block; width: 31px; height: 31px; background: url(/img/nalevo/close.gif) no-repeat left top; }
#search-box .con { height: 190px; clear: both; background: #1d1d1d; }
#search-box .con .page1, #search-box .con .page2 { height: 190px; display: none; }
#search-box .bot { height: 100px; padding-top: 20px; font-size: 11px; text-align: center; color: #716f6f; }
#search-box .bot a { color: #fff; }

.slider { clear: both; margin: 10px 0 20px; width: 450px; height: 138px; }
.prevPage { display: block; width: 21px; height: 138px; background: url(/img/nalevo/slider_left.png) no-repeat left top; cursor: pointer; }
.nextPage { display: block; width: 21px; height: 138px; background: url(/img/nalevo/slider_right.png) no-repeat left top; cursor: pointer; }
.scrollable { position: relative; overflow: hidden; width: 400px; height: 138px; background: #282828; }
.scrollable .items { width: 20000em; position: absolute; clear: both; }
.scrollable div { margin: 5px; float: left; display: block; width: 88px; height: 100px; font-size: 11px; text-align: center; }
.scrollable div a { text-decoration: none; color: #fff; }
.scrollable div a img { width: 75px; height: 75px; margin-bottom: 10px; }

.promo { background: #313131; width: 280px; height: 180px; margin: 10px 0; padding: 20px; }
.promo .box { margin: auto; }
.promo img { float: left; width: 40px; height: 45px; }

.block { clear: both; background: #282828; color: #9f9f9f; padding: 10px; margin: 2px 0; }
.block .label { color: #787878; }
.block .info { margin: 15px 0; font-size: 13px; }
.block .info .nick { font-weight: bold; margin-bottom: 5px; font-size: 14px; }
.block .info .age { margin-bottom: 5px; }
.block .image { float: left; width: 120px; height: 120px; border: 10px solid #000; margin-right: 20px; }
.block img { width: 120px; height: 120px; }
.block a { float: right; color: #fff; text-decoration: none; border-bottom: 1px dashed #fff; margin-top: 15px; }

#sms, #sms2, #rules_small { text-align: left; margin: -200px auto 0; background: #131313; border: 2px solid #fff; padding: 10px 40px 10px 10px; width: 400px; display: none; font-size: 10px; color: #7f7f7f; overflow: hidden; }
#rules_small { margin: -345px auto 0; }
#sms span, #sms2 span, #rules_small span{ color: #afafaf; }
#sms a, #sms2 a, #rules_small a { color: #fff; }
#sms a.cl, #sms2 a.cl, #rules_small a.cl { margin: 10px; position: absolute; top: 0; right: 0; display: block; width: 31px; height: 31px; background: url(/img/nalevo/close.gif) no-repeat left top; }

#note { width: 500px; background: #131313; display: none; }
#note a.close { position: absolute; top: 0; right: 0; display: block; width: 31px; height: 31px; background: url(/img/nalevo/close.gif) no-repeat left top; }

#info { width: 700px; height: 390px; background: #131313; display: none; }
#info .scroll { height: 350px; overflow: auto; margin-top: 10px; }
#info a { color: #fff; }
#info a.close { position: absolute; top: 0; right: 0; display: block; width: 31px; height: 31px; background: url(/img/nalevo/close.gif) no-repeat left top; }

#pager { margin-top: 20px; font-size: 14px; }
#pager .page { background: #2c2c2c; float: left; margin: 1px 2px; padding: 3px 0 6px; width: 20px; cursor: pointer; }
#pager .page.active { background: none; cursor: default; }
#pager .page span { color: #fff; border-bottom: 2px solid #777; }
#pager .page.active span { border: 0; }

#progresses { margin: 10px auto 0; }
#progresses td { text-align: center; width: 20%; height: 90px; font-size: 10px; padding: 2px 0; }
#progresses a { text-decoration: none; color: #fff; }
#progresses img { width: 40px; height: 40px; margin-bottom: 2px; }
.progressBar { margin: 0 auto; }

.dCorner { position: relative; zoom: 1; }
.dcItem { position: absolute; display: none; }
.dcItem img { width: 100%; height: 100%; }
.dctop, .dcbottom { left: 0px; }
.dctop, .dctop-left, .dctop-right { top: 0px; }
.dcbottom, .dcbottom-left, .dcbottom-right { bottom: 0px; }
.dcleft, .dcright { top: 0px; }
.dcleft, .dctop-left, .dcbottom-left { left: 0px; }
.dcright, .dctop-right, .dcbottom-right { right: 0px; }