﻿
* { margin: 0; padding: 0; }
html { background: #666; }
img.del,img.about {
	-moz-opacity:.92; filter:alpha(opacity=92); opacity:.92; 
	background-color: #666;
	display:none;
	width:100%;
	position:absolute;
	top:470px;
	right:0px;
	z-index:1;
}
#popup_holder{ width:100%;}
body { width: 972px; background-image:url('/img/sb_shapka.jpg'); background-repeat:no-repeat; margin: 0 auto; font: .8em "Trebuchet MS", Tahoma, Arial, sans-serif; border:solid #555; border-width: 10px 10px; position:relative;}
.inner {/*width:960px; */padding:0 24px; margin:0 auto; position: relative; clear: both }
.clear { clear: both; }

h1 {font-size: 3em; font-weight: bold; line-height: .8em; margin-bottom:.5em;}
h2{background: #805d23 url(../i/h2-bg.png) 100% 0 no-repeat; float: left;  color: #fff; display: block; height: 39px; padding:4px 60px 0 40px; font-size: 17px; font-weight: bold; margin:1em 0; min-width: 200px;}
h2.right{
  background: #805d23 url(../i/h2-bg_left.png) 100% 0 no-repeat;
  float: right !important; 
  color: #fff;
  display: block; 
  height: 39px;
  padding:4px 60px 0 40px; font-size: 17px;
  font-weight: bold;
  margin:1em 0; 
  min-width: 200px;
  position:relative;
  right:-190px;
  top:-82px;
  width:348px;
}
h2.ans{
  right:-126px;
  top:16px;
  width:348px;
}
h2.private{
  background: #805d23 url(../i/h2-bg_left.png) 100% 0 no-repeat !important;
  right:-126px;
  top:0;
  width:348px;
}
h2.private a {color:#FFF;text-decoration:underline;}
.u-clear{height:1px;overflow:hidden;clear:both}
h3, .param .label{ font-size: 1.2em; margin: .5em 0; color: #000; font-weight: bold; }
h4 {padding: 10px 0 0 0;}
a {color:#0c0c0c; border-color:#157f9b; text-decoration: none;}
a:visited {color: #805d23;}
a:hover { color: #74b1c4;}
a img {border:none;}
a.dotted {
    text-decoration: none;
    border-bottom:1px dotted; 
}
hr {border:none; background: transparent; border-top:1px solid #aaa; margin:.5em 0;}
#content ul, #content ol { margin-left: 2em; }

#toppan { background: #555; text-align: right; padding: 8px 16px; color: #9F7CB0; margin-top:77px; }
    #toppan a, #toppan strong {color: #fff; }
    .logged div { display: inline; border-left: 1px solid #9F7CB0; padding-left: 1em; margin-left:1em; }
#header { position: relative; z-index: 100; text-align: center; background: #4f9eb9; border: #E3E3E3; border-width: 1px 0; float: left; width: 100%; margin: 16px 0 0 0; }
    #logo { position: absolute; left: 0; top: -30px; z-index: 998; }
    #menu {
	    background:none repeat scroll 0 0 #4F9EB9;
			float:left;
			padding-left:268px;
			position:relative;
			width:704px;
			z-index:50;
    }
        ul.m-main { background: #4f9eb9; border-right: 1px solid #c6e7f0; float: left; border-left: 1px solid #15829f; }
            ul.m-main li { background: #4f9eb9; width:136px; position: relative; list-style: none; float: left; color: #fff;
                        border:solid; border-color: #c6e7f0 #15829f #15829f #c6e7f0; border-width:0 1px; }
            ul.m-main a {  display:block; height:28px; /*line-height: 10px;*/ color: #fff; text-decoration: none; padding: 8px 0 6px 0;
                        font-weight: bold; font-size: 17px; letter-spacing: -1px; }
            ul.m-main a:hover { background: #4f9eb9; /*text-shadow: #fff 0 0 5px; */}
            ul.m-main li:hover { background: #4f9eb9; border-color:#c6e7f0 #15829f #15829f #c6e7f0; z-index: 999; }
                ul.m-main li ul { position: absolute; z-index: 100; left: -9999px; background: #4f9eb9; border-right:1px solid #c6e7f0; border-left:1px solid #15829f;}
                ul.m-main li ul li { border-width:1px 0;float: none;}
                ul.m-main li:hover ul{ left:-1px; top:100%; } 

#content { position:relative;z-index:99;clear: both; background-image:url('/img/footer_c.png'); background-repeat:no-repeat; background-color:#fdedbf; min-height: 40px; padding-top:20px; margin-top:60px; overflow:hidden;}

.info-block-container { width: 25%; float: left; }
    .info-block { background: #c8b682; padding: 8px; margin:16px 8px;}
        .info-block:hover { background: #e5d7af;}
        .info-block h3 { height: 37px; line-height:.7em; padding-top: 10px; margin-left: -16px; padding-left: 42px; }
        .info-block.q h3 {background: url(../i/r-q-green.png) 0 0 no-repeat; }
        .info-block.q:hover h3 {background-image: url(../i/r-q-red.png); }
        .info-block.ex h3 {background: url(../i/r-ex-green.png) 0 0 no-repeat; }
        .info-block.ex:hover h3 {background-image: url(../i/r-ex-red.png); }
    .info-block .content { height: 150px; overflow: hidden; }

#lots h2 {float:left;}
#lots h2:hover {background-color:#c8b682;}
    ul#active-lots { margin: 0;clear:both;}
    .lot{ display: block;background: url(../i/lot-bg.png) 0 0 no-repeat; list-style: none; width:284px; padding:8px; margin:4px; text-align: center; /*border: 1px solid #ccc; */position: relative; float: left;}
    .lot:hover { background: url(../i/lot-bg2.png) 0 0 no-repeat;}
        .lot .title { text-align: left; }
            .lot .title h3 { font-size:1.3em;}
        .lot .price { position: absolute; right:0; top:28px; display: block; height: 50px; width: 124px; background: url(../i/label-green.png) 0 0 no-repeat; color: #fff; letter-spacing: -1px; font-weight: bold; font-size: 1.2em; text-align: center; padding: 18px 0 0 0; z-index:600;}
            .lot .price span { padding:2px; background: #9AC035 url(../i/label-green.png) 50% -18px no-repeat;}
        .lot .thumbnail img {border: none; height: 180px; max-width: 284px;}

    .lotnum {text-align:left; font-size: .8em; color:#999;}
    .user {text-align: left; padding-bottom: 7px;}
    .user a{padding-left:18px; background: url(../i/ico-i.png) 0 2px no-repeat; line-height: 16px; /*color:#832CAE; */  color:#805d23; font-weight: bold; }
    .user a:hover{color:#15809b;}
    
    .timer {font-size: 30px; font-weight: bold; letter-spacing: -2px;}
        .timer.orange { color:/* #FF8000*/ #A54BD1;}
        .timer.red { color: /*#E70289*/ #f00;}
    a.makebet { display: inline-block; width: 98px; height: 68px; background: url(../i/btn-bet.png) 0 0 no-repeat; color: #fff; padding: 30px 0 0 0; text-align: center; /*font-weight: bold;*/ font-size: 15px; text-shadow: #fff 0 0 0px; text-decoration: none; font-family:Arial; }
    a.makebet:hover { background: url(../i/btn-bet_hover.png); text-shadow: #fff 0 0 5px; }
    a.makebet.autoactive { background-color: #; text-shadow: #fff 0 0 5px;}
    a.makebet.auto { background-color: #;}
    a.makebet.auto:hover { background-color: #;}
    
table.lots-list {width: 100%; border-bottom: 1px solid #805D23; }
    table.lots-list td {border-top: 1px solid #805D23; text-align: center; vertical-align: middle; padding: 4px 0;}
    table.lots-list th { background-color: #c8b682; padding:8px 3px; text-align: center;}
    table.lots-list .thumbnail img {border: none; height: 80px;}
    table.lots-list .user {text-align: center;}
    table.lots-list .price, table.lots-list .date {letter-spacing: -1px; font-weight: bold; font-size: 1.2em; text-align: center;}
    table.lots-list .economy {letter-spacing: -1px; font-weight: bold; font-size: 1.5em; text-align: center; color: #15809b;}   
    table.lots-list .description { width: 200px; text-align: justify; margin: 0 auto; }
    .twocols table.lots-list {clear: none;}
#other {font-size: 17px; font-weight: bold; padding:1em 0; text-align: right;}
#other a {display:inline-block;margin: 4px 16px 0 0;}

#lots-completed h2{ background-color: #805d23; float: left; }
#lots-completed table.lots-list,
#lots-completed table.lots-list td {border-color: #805d23;}

#chat-container{ clear: both; margin: 0 16px 1em 16px; padding: 1px; background: #E5D7AF; }
#chat-inner{background: #E5D7AF; padding: 8px;}
#chatbody { background: #FDEDBF; border: 1px solid #E5D7AF; padding: 10px; }
#chat .date { color: #15809b; background: transparent; }
#chat .link { color: #805d23; }
#chat h2 {background-color: #4f9cb4; margin-bottom: 0; float: left;}
.item { padding-top:16px; }
.item .iteminfo {width: 412px; float:right;}
.item .iteminfo p {font-size:1.3em;}
.item .iteminfo h1 {margin-bottom:.5em;}
.item .iteminfo .price {font-size: 1.2em; font-weight: bold; letter-spacing: -2px;}
.item .iteminfo .price.current {font-size: 2em; font-weight: bold; color: #9AC035; letter-spacing: -3px;}

.item ul.itemfoto {width:500px; /*height: 320px; *//*background: #ccc;*/ position: relative;}
    .item ul.itemfoto li {list-style: none;/* border-bottom:1px solid #ddd;*/ width:68px;}
    .item ul.itemfoto img.thumb {width:60px; margin: 4px; border: 0;}
    .item ul.itemfoto div.full { position: absolute; top:0; right:9999px; width: 400px; vertical-align: middle; text-align: center; opacity:0;}
    .item ul.itemfoto li.current div.full {right:0; opacity:1;}
    .item ul.itemfoto img.full { max-height: 300px; margin:20px;}
    .item .timer {float: left; padding: 28px 0 0 0;}
    .item .bet-buttons {float: right; }
    .item .iteminfo .makebet { margin: 0 0 0 20px; }
    .item .details {clear:both; float:left; width:484px; padding:8px;}
    .item .details ul {margin-left:68px;}
    .item .bethistory {margin-left: 500px; width:240px;  color: #666; padding: 8px;}
    .item .bethistory-container {background: /*#C6DB8C*/ #ccc; padding: 2px;}
    .item .bethistory-inner {background: #fff; padding: 4px; font-size:.9em;}
    .item .bethistory .price { text-align: right; padding-right:1em;}
    .item .details, .item .bethistory { margin-top: 40px; }

    .icons {position: absolute; top:10px; left:0; }
    .icon {background: url(../i/icons.png) no-repeat; width: 57px; height: 51px;}
        .icon.day { background-position:0 0;}
        .icon.night { background-position:-57px 0;}
        .icon.novice { background-position:-114px 0;}
        .icon.delivery { background-position:-171px 0;}
        .icon.all { background-position:-228px 0;}
        .icon.compensate { background-position:-285px 0;}
        .icon.i24 { background-position:-342px 0; }
        .icon.hand { background-position:-399px 0;}
    table .icons .icon {float:left; width: 29px; height: 26px; background-position:inherit -51px;}
        table .icons .icon.day { background-position:0 -51px;}
        table .icons .icon.night { background-position:-57px -51px;}
        table .icons .icon.novice { background-position:-114px -51px;}
        table .icons .icon.delivery { background-position:-171px -51px;}
        table .icons .icon.all { background-position:-228px -51px;}
        table .icons .icon.compensate { background-position:-285px -51px;}
        table .icons .icon.i24 { background-position:-342px -51px; }
        table .icons .icon.hand { background-position:-399px -51px;}

    
table .lotnum {text-align: center;}
#footer { background: url('') no-repeat #805d23; border-top: 0px solid #E3E3E3; border-bottom:0px solid #543168; height: 90px; margin-top:10px; padding:8px; color: #fff; }

.message {/*position: fixed;*/}
.message-bg { z-index: 999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter:alpha(opacity=50);}
.message-content-container { z-index: 1000; margin-left:50%; position:fixed; top:0; left: 0; }
.message-content { padding-top: 20px; 
    position: relative; /*left: 318px; */
left: -50%; top: 200px; 
    width: 320px;
min-height: 180px; /*#9AC035*/ 
background: #A54BD1; 
    border: solid 4px;
    border-color: #9F7CB0 #ffbe22 #543168 #832CAE;
    text-align: center;
font-size: 1.7em; color: #fff; }

.message-content a.close { position: absolute; top: 0; right:4px;color:#fff;}

/* forms */
form#loginform { display: inline; border-left:1px solid #fdedbf; height:25px;}
    .login-reg {border-right:1px solid #543168; padding-right:12px;}
    .login-msg {border-right:1px solid #3da9d0; padding-right:12px;color:#3da9d0 !important;}
    input.loginbox {background: #555 url(../i/login-input-bg.png) 0 0 no-repeat; width:130px; height:24px; border:none; padding: 0 12px; font-size:17px; line-height:24px; margin:0 6px; overflow: hidden;}
.btn { display:inline-block; background: #555 url(../i/btn-bg.png) 0 0; height:25px; padding-left:12px; cursor:pointer; color: #000 !important; text-decoration: none; }
.btn input[type='submit'] {background: transparent; border: none; height:25px; cursor:pointer; color: #000; font-size:10px; padding-bottom: 0px;}
.btn input[type='button'] {background: transparent; border: none; height:25px; cursor:pointer; color: #000; font-size:10px; padding-bottom: 0px;}
.btn span {background: #555 url(../i/btn-bg.png) 100% 0; padding-right:12px; display:inline-block; height:25px; line-height: 25px; }
.btn:hover  { background-position:0 -25px;} 
.btn:hover span { background-position:100% -25px;}

#chatform{ margin-top: 8px; }
    input.chatimp { width: 446px; height: 27px; background: #fff url(../i/chat-input.png) 0 0 no-repeat; border: none; font-size: 17px; padding: 0 4px; }
    .btn.green, .btn.green span {background-image: url(../i/chat-submit-bg.png); height: 29px; color:#fff;background-color: #79972A;}
    .btn.green input[type='submit']{height:29px; color: #fff;}
    .btn.green input[type='button']{height:29px; color: #fff;}
    .btn.green:hover  { background-position:0 -29px;} 
    .btn.green:hover span { background-position:100% -29px;}
.admin, .moder {color:#9AC035; font-weight:bold;}   
    
.autobet-popup { /* opacity:.8;*/ display: none; position: relative; width: 199px; height: 90px; background: #fdedbf  url(../i/popup-bg.png) 0 0 no-repeat; padding: 12px; position: absolute; top: 0; right: 0; font-size: 11px; color: #000; text-align: center; line-height: 30px; padding: 0 90px 8px 0px; }
.autobet-popup input { font-size: 16px; }
.autobet-popup .makebet { background: #864aa1 url(../i/popup-bg.png) 100% 0 no-repeat; height:66px; position: absolute; top:0; right:0; padding-top:32px;}
.autobet-popup .makebet:hover { background-color: #;}
.autobet-popup .popup-hide { position: absolute;top:2px; right:0; width:24px; height:0; background: url(../i/popup-hide.png); overflow: hidden; padding-top:22px;}

.twocols {}
.col-left{float:left; width:224px; background:#eee; padding:8px; margin-bottom: 20px;}
.col-right{margin-left: 256px; padding:8px;}

/* global classes*/
.g-right {text-align:right;}
.g-left {text-align:left !important;}
.g-center {text-align: center;}
.g-justify {text-align: justify;}
.g-midle {vertical-align: middle;}
.g-small {font-size: .8em;}
.g-wide { width: 100%; }
.g-gray {color:#c99;}
.g-fl {float: left;}
.g-fr {float: right;}
.g-clear {clear:both;}
.g-f {border: 1px solid #0f0;} /* for debugging */
.g-i { font-style: italic;}
.g-b { font-weight: bold;}
.g-hidden {display: none;}
.g-nobr {white-space: nowrap;}
.g-nomargin {margin: 0 !important;}
.g-nopadding {padding: 0}
.g-inline {display: inline;}
.g-relative{position: relative;left:0px;}
.fix_btn{position: relative;left:-58px !important;}
.g-condensed {letter-spacing: -1px;}
.foot a{text-decoration:none;color:#FFF}
.foot a:hover{text-decoration:underline;}

.foot {padding-top:55px;}
#pice {
width:59px;
height:214px;
background-image:url('/img/l_up.png');
background-repeat:no-repeat;
margin:-108px 0px 0px -59px;}
#birds {
width:445px;
height:214px;
margin:-27px 0px 0px 731px;
background-image:url('/img/birds_all.png');
background-repeat:no-repeat;
position:relative;
z-index:10000;
}
#GC {
width:180px;
height:50px;
position: absolute;
margin:-50px 0 0 50px;}
#GC img {
width:180px;
height:50px;
}
#GS {
width:50px;
height:50px;
position: absolute;
margin:30px 0 0 540px;}
#GS img {
width:50px;
height:50px;
}
#SB {
width:120px;
height:40px;
position: absolute;
margin:75px 0 0 80px;}
#SB img {
width:120px;
height:40px;
}
#schet {
float:left;
bottom:10px;
position:absolute;
left:10px;}