#content ul.nums li em, h2, h3, h4, strong, #content ul.nums li div{
  font-family:        Arial, sans-serif;  

}

html{
  font:           normal 12px/1.5 Arial, sans-serif;
  color:            #666;
}
h2{
  font-size:          28px;
  font-family:        Arial;
  font-weight:        bold;
  line-height:        1.2;
  color:            #666;
}
h3{
  font:           normal 20px/1  Arial, sans-serif;
  color:            #666;
}
h4, table.forums h2 a{
  font-size:          17px;
  color:            #666;
  text-decoration:      none;
}
strong{
  font-size:          15px;
  color:            #f77f1b;
}

#content ul.nums li em{
  font-size:          12px;
  color:            #fff;
}
#content ul.nums li div{
  font-size:          12px;
  color:            #666;
}


#content a.bigone, 
#content .big-button input,
#content .big-button a{
  font:           normal 18px Arial, sans-serif;
  color:            #fff;
  text-decoration:      none;
}
html, body, ul, li, p, h1, h2, h3 , h4, dl, dt, dd, h4 fieldset {
  margin:           0;
  padding:          0;  
}

ul, ul li, ul li a{
  display:        inline-block;
}
ul, ul li, ul li a{
  display:        block;
}

html{
  background:         #fff;
  overflow-x:         hidden;
  overflow-y:         scroll;
}

html, body{
  height:           100%;
}

ul{
  list-style:         none;
}


a img{
  border:           0;
}


#layout p em{
  font-style:       italic;
} 

#layout{
  width:            810px;
  display:          block;
  margin:           0 auto;
}

/* backgrounds */

body.about{
  background:         #fff url(/media/images/body/fish.jpeg) no-repeat center 114px;    
}
body.profile{
  background:         #fff url(/media/images/body/clouds2.jpeg) no-repeat center 114px;   
}
body.join{
  background:         #fff url(/media/images/body/group.jpeg) no-repeat center 114px;   
}
body.gifts{
  background:         #fff url(/media/images/body/island.jpeg) no-repeat center 114px;    
}
body.shop{
  background:         #fff url(/media/images/body/shop.jpeg) no-repeat center 114px;    
}
body.soon{
  background:         #fff url(/media/images/body/bulb.jpeg) no-repeat center 114px;    
}
body.business{
  background:         #fff url(/media/images/body/idea.jpeg) no-repeat center 114px;    
}
body.poker{
/*  background:         #fff url(/media/images/background-fix-poker.png) repeat-x left 114px;  */   
}


body.map #layout,
body.map div.filler,
body.map div.other div{
  background:         #fff none;
}





#header{
  background:         #fff url(/media/images/top-base.png) repeat-x;
  height:           114px;
}


h1{
  float:            left;
  background:         transparent url(/media/images/top-left.png) no-repeat;
  padding:          8px 0 0 53px; 
  height:           81px;
  width:            135px;
  position:         relative;
}

h1 a{
  background:         transparent url(/media/images/logo.png) no-repeat;
  display:          block;
  float:            left;
  width:            135px;
  height:           52px;
  text-indent:        -10000px;
  overflow:         hidden;
}
h1 span{
  position:         absolute;
  font-size:          11px;
  top:            4px;
  right:            30px;
  color:            #666;
}

div.auth{
  background:         transparent url(/media/images/top-right.png) no-repeat right top;
  float:            right;
  position:         relative;
  padding:          0 57px 0 0;
  height:           89px;
  width:            360px;
}

div.auth ul{
  float:            right;
}
div.auth li, 
div.auth a{
  float:            left;
}
div.auth li{
  background:         transparent url(/media/images/login-button-sep.png) no-repeat;
  padding-left:       2px;  
}
div.auth li.first{
  background:         transparent none;
  padding-left:       0;
}
div.auth a{
  height:           22px;
  padding:          0;
  font-size:          11px;
  line-height:        1;
  text-decoration:      none;
  color:            #666;
  outline:          0;
}

div.auth li.first em,
div.auth li.last em{
  float:            left;
  width:            10px;
  height:           22px;
}
div.auth li.first em{
  background:         transparent url(/media/images/login-button-left.png) no-repeat;     
}
div.auth li.last em{
  float:            left;
  background:         transparent url(/media/images/login-button-right.png) no-repeat;      
}
div.auth li span{
  background:         transparent url(/media/images/login-button-fill.png) repeat-x;
  float:            left;
  height:           12px;
  padding:          5px;
}





div.auth .logactions{
  position:     absolute;
  z-index:      1000;
  top:        25px;
  right:        57px;
}

div.auth .logwin{
  position:     absolute;
  z-index:      900;
  width:        400px;
  height:       200px;
  top:        25px;
  right:        57px;
  background:     transparent;
}






ul.menu{
  float:            left;
  clear:            left;
  padding-left:       44px;
  margin-top:         -4px;
  width:            590px;
}
ul.menu li{
  background:         transparent url(/media/images/top-text-sep.png) no-repeat left center;
  height:           16px;
}
ul.menu li.first{
  background:         transparent none;
}
ul.menu li, ul.menu a{
  float:            left;
}
ul.menu a{
  font-size:          12px;
  height:           14px;
  line-height:        14px;
  color:            #666;
  text-decoration:      none;
  padding:          0px 6px 2px 9px;
}
ul.language{
  float:            right;
  clear:            both;
  padding-right:        51px;
  width:            auto;
  padding-left:       0;
}
ul.menu a:hover{
  text-decoration:      underline;
}
ul.menu li.active a{
  color:            #f77f1b;
  text-decoration:      none;
}



.logwin .head{
  background:         transparent url(/media/images/logwin-top.png) no-repeat left top;     

}
.logwin .foot{
  background:         transparent url(/media/images/logwin-foot.png) no-repeat  left top;     
}
.logwin .head,
.logwin .foot{
  font-size:          1px;
  height:           10px;
  width:            400px;  
}

div.logwin form{
  background:         transparent url(/media/images/logwin-left.png) no-repeat;
  padding:          0 0 0 1px;
  display:          block;  
  margin:           0;      
}
div.logwin ul{
  font:           normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;  
  color:            #888;
  width:            335px;
  float:            none;
  padding:          40px 40px 15px 25px;
  background:         #fff url(/media/images/logwin-right.png) no-repeat right top;
}
div.logwin li{
  float:            none;
  clear:            left;
  padding-bottom:       2px;
}

div.logwin li.confirm{
  padding:          10px 0 0;
}

div.logwin li.code p{
  padding:          10px 0 5px 40px;

}
div.logwin li.code input{
  width:            60px;
}

div.logwin input{
  border:           1px solid #e4e4e4;
  width:            230px;
  color:            #666;
  font:           normal 12px Arial, Helvetica, sans-serif; 
}
div.logwin .error input{
  border:           1px solid #f77f1b;
  background:         #fefefe;
  
}

div.logwin label{
  width:            95px;
  float:            left;
}

div.logwin li.confirm input{
  width:            auto;
  float:            left;
}
div.logwin li.confirm label{
  width:            200px;
  float:            none;
  display:          inline;
  padding-left:       10px;
}
div.logwin li.confirm a{
  float:            none;
  display:          inline;
  text-decoration:      underline;
}
div.logwin li.submit input{
  width:            126px;
  height:           20px;
  background:         #fff url(/media/images/login-button-orange.png) no-repeat;
  display:          block;
  border:           0;
  font-size:          12px;
  color:            #fff;
  padding-bottom:       5px;
}
div.logwin li.submit{
  padding:          10px 0 0 100px;
  
}


div.logwin li{
  background:         transparent none;
}

/*
logwin-foot.png
logwin-left.png
logwin-right.png
logwin-top.png
*/



div.tooltip { 
    background-color: #000; 
    border:       1px solid #fff; 
    padding:      10px 15px; 
    width:        140px; 
    display:      none; 
    color:        #fff; 
    text-align:     left; 
    font-size:      11px; 
  z-index:      2000;
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 2px #000; 
    -webkit-box-shadow:0 0 2px #000; 
}


#header #loading{
  background-color: #fff;
  position:     absolute;
  top:        50px;
  right:        58px;
  width:        390px;
  display:      none;
  z-index:      3000; 
}

#header .indicator{
  background:         #fff url(/media/images/loading.gif) no-repeat center center;
}


#header .collapse{
  width:            0;
}
#header .profile{
  float:            right;
  padding-top:        5px;
}
#header .avatar{
/*  background:         transparent url(/media/images/header/profile-side.png) no-repeat left top;
*/  height:           46px;
  float:            left;
  padding:          6px 0;
}
#header .avatar a{
  padding:          2px;
  background:         #f0f0f0;
  border:           1px solid #ccc;
  display:          block;
  float:            left;
  height:           40px;
}
#header .avatar img{
  display:          block;
}
#header .info{
  background:         transparent url(/media/images/header/profile-main.png) no-repeat right top;
  float:            right;
  width:            160px;
  height:           58px;
}
#header .meta{
  padding:          9px 0 0 12px;
  margin-left:        40px;
  float:            none;
}
#header .meta li{
  background:         transparent none;
}
#header .meta .username a{
  font-weight:        bold;
  text-decoration:      none;
  color:            #666;
  height:           16px;
}
#header .meta .username{
  padding-left:       4px;
}
#header .meta .username a:hover{
  text-decoration:      underline;
}
#header .meta .stars{
  padding-left:       20px;
  font-size:          11px;
  background:         transparent url(/media/images/icon/profile-star.png) no-repeat left top;  
}


#header .logout{
  background:         transparent url(/media/images/header/button-logon-main2.png) no-repeat left top;
  height:           22px;
  margin-top:         19px;
  float:            right;
}
#header .pm{
  background:         transparent url(/media/images/header/profile-side2.png) no-repeat right top;
  height:           37px;
  width:            32px;
  padding:          21px 0 0 8px;
  float:            right;
}
#header .logout a{
  background:         transparent url(/media/images/header/button-logon-side.png) no-repeat right top;
  height:           12px;
  line-height:        12px;
  font-size:          11px;
  display:          block;
  text-decoration:      none;
  padding:          5px 16px 5px 26px;
  color:            #666;
}
#header .logout:hover{
  background-position:    left bottom;
}
#header .logout a:hover{
  color:            #ea5151;
}
#header .pm a{
  display:          block;
  width:            20px;
  height:           20px; 
  background:         transparent url(/media/images/icon/profile-mail.png) no-repeat left top;
}
#header .new a{
  background-position:    right top;
}




h2 strong{
  color:            #FFF;
  font-size:          1em;
}

body.soon h2 strong{
  color:            #0f6eb8;
  font-size:          1em;
}
body.join h3 {
  line-height:        1.4;
  padding-right:        30px;
}
body.main #content{
  padding-top:        75px;
  height:           173px;
}

body.join #content{
  padding-top:        35px;
  height:           235px;
}

body.about #content,
body.gifts #content,
body.soon #content,
body.business #content{
  padding-top:        85px;
  height:           195px;
}

body.about #content p,
body.shop #content p{
  padding:          10px 50px 0 0;
}

body.shop #content{
  padding-top:        65px;
  height:           233px;
}

body.map #content{
  height:           auto;
}

body #content{
  height:           298px;  
  padding-left:       405px;
  padding-top: 75px;
} 


#content ul.nums li{
  padding:          5px 0;
  
}

#content ul.nums{
  padding:          10px 0;
}

#content ul.nums li em{
  float:            left;
  width:            16px;
  height:           12px;
  line-height:        12px;
  padding:          2px 0 3px 1px;
  text-align:         center;
  font-style:         normal;
  font-weight:        bold;
  background:         transparent url(/media/images/ball.png) no-repeat right top;
  color:            #fff;
}
#content ul.nums li div{
  margin-left:        26px;
}


#content a.bigone{
  padding:        7px 0 6px;
  background:       transparent url(/media/images/big-button.png) no-repeat right top;
  height:         20px;
  width:          153px;
  text-align:       center;
  float:          left;
}


#content .big-button{
  padding:        2px 0 6px;
  background:       transparent url(/media/images/big-button.png) no-repeat right top;
  height:         25px;
  width:          153px;
  text-align:       center;
  float:          left;
  
}

#content .big-button fieldset{
  border:       0;
  padding:      0;
  position:         relative;
}

#content .big-button input, #content .big-button a{
  padding-top:        5px;
  border:           0;
  text-decoration:      none;
  background:         transparent;
  color:            #fff;
}


#content-fix{
  height:           32px;
  background:         transparent url(/media/images/panel-top.png) no-repeat; 
}

#panel{
  background:         transparent url(/media/images/panel-base.png) repeat-x bottom left;
  display:          inline-block;
}
#panel{
  display:          block;
}

#panel .container{
  background:         transparent url(/media/images/panel-right.png) no-repeat right bottom;
}

#panel .elements{
  height:           auto !important;    
  height:           179px;    
  min-height:         179px;
  background:         transparent url(/media/images/panel-left.png) no-repeat left bottom;
  padding-bottom:       30px;   
  display:          block;
  padding-left:       14px;
  width:            760px;
  float:            left;
}
#panel .elements li{
  float:            left;
  padding-left:       20px;
}
#panel .elements li.wide{
  width:            340px;
  padding-left:       40px; 
}

#panel p{
  padding-top:        10px;
  word-spacing:       normal;
} 

#panel .elements h3{
}
a.cufon{
  color:            #0f6eb8;
  text-decoration:      none; 
  border-bottom:        1px solid #0f6eb8;
  display:          inline;
  line-height:        1;
}


div.document{
  padding:          20px 50px 40px;
}
div.document ul.major{
  padding:          20px 0;
}


div.document ul.major li{
  padding:          10px;
  border-top:         1px solid #ccc;
  border-bottom:        1px solid #eee;
}
div.document ul.major li.first{
  border-top:         0;
}
div.document ul.major li{
  border-bottom:        0;
}
p.preword{
  padding-top:        10px;
}
.document p{
  padding-top:        10px;
}
.document p.preword{
  padding-left:       50px;
}


ul.summaries{
  padding:          40px 50px 40px 50px;
  float:            left;
  width:            710px;
}
ul.summaries li{
  padding:          10px 20px 10px 10px;
  float:            left;
  width:            315px;
}
ul.summaries a{
  color:            #0f6eb8;
}
ul.summaries li.easy{
  background:         #fff url(/media/images/icon-easy.png) no-repeat;
}
ul.summaries li.free{
  background:         #fff url(/media/images/icon-free.png) no-repeat;
}
ul.summaries li.place{
  background:         #fff url(/media/images/icon-place.png) no-repeat;
}
ul.summaries li.safe{
  background:         #fff url(/media/images/icon-safe.png) no-repeat;
}
ul.summaries li.wifi{
  background:         #fff url(/media/images/icon-wifi.png) no-repeat;
}
ul.summaries h3{
  padding-left:       45px;
}
ul.simple h3{
  padding-left:       0;
}
ul.summaries p{
  padding:          15px 0 10px;
}
ul.summaries li li{
  float:            none;
  width:            auto;
  padding:          0 0 6px 18px;
  background:         transparent url(/media/images/bullet.png) no-repeat left 1px; 
  clear:            left;
}
ul.summaries li.wide{
  width:            400px;
}
ul.summaries li.wide ul{
  padding-top:        12px;
}


ul.reasons{
  padding:          40px 50px 40px 50px;
  float:            left;
  width:            710px;
}
ul.reasons h3{
  padding-left:       45px;
}
ul.reasons li{
  background:         #fff url(/media/images/icon-bulb.png) no-repeat;
}
ul.reasons li ul{
  padding:          10px 50px;
}
ul.reasons li li{
  
  background:         transparent none;
}

.fix{
  clear:            both;
  height:           0px;
  overflow:         hidden;
}


.legal .document h3{
  padding-bottom:     20px;
}

ol{
  
}

ol li{
  list-style-type:    decimal;
}
ol ol li{
  list-style-type:    lower-latin;
}

body.contacts .document h4{
  padding:        0 0 0 20px;
  margin:         20px 0 10px;
}

body.contacts ul.items li{
  float:          left;
  width:          260px;
} 
body.contacts ul.items a{
  display:        inline;
  color:          #0f6eb8;
}
body.contacts ul.items li{
  padding:        2px 0 2px 40px;
}
body.contacts ul.items li.phone{
  background:       #fff url(/media/images/icon-phone.png) no-repeat 18px center; 
}
body.contacts ul.items li.email{
  background:       #fff url(/media/images/icon-email2.png) no-repeat 13px center;  
}



ul.products {
  float:          left;
  padding:        20px 30px 0;
  width:          730px;
}
ul.products li {
  background:       #fff url(/media/images/shop-line.png) repeat;
  float:          left;
  padding:        0 0 20px 50px;
  width:          140px;
}
ul.products li li {
  background:       transparent none ;
}

ul.products li.newline {
  clear:left;
  padding-left:0;
}
ul.products img, ul.products a {
  display:block;
}
ul.products a.this {
  color:#666;
  font-size:11px;
  height:140px;
  letter-spacing:0;
  line-height:13px;
  position:relative;
  text-decoration:none;
}
ul.products a.this span {
bottom:0;
position:absolute;
text-align:center;
}
ul.products .price {
float:left;
padding:10px 0;
width:120px;
}
ul.products .price div {

background:transparent url(/media/images/price-sep.png) no-repeat scroll right center;
float:left;
font-family:  Arial;
font-size:11px;
height:14px;
line-height:14px;
padding:4px 12px 2px 0;
width:auto;
}
ul.products .price div.points {

background:transparent url(/media/images/price-star.png) no-repeat scroll right center;
padding:4px 17px 2px 10px;
}
ul.products .buttons {
clear:left;
height:24px;
padding:6px 0 10px 24px;
}
ul.products .buttons li, ul.products .buttons a {
display:block;
height:24px;
width:24px;
}
ul.products .buttons li {
padding:0 0 0 6px;
}
ul.products .look a {

background:transparent url(/media/images/shop-look.png) no-repeat scroll right center;
}
ul.products .read a {

background:transparent url(/media/images/shop-read.png) no-repeat scroll right center;
}
ul.products .buy a {
background:transparent url(/media/images/shop-buy.png) no-repeat scroll right center;
}



#product{
  height:       298px;
  background:     transparent url(/media/images/background-main-4.png) no-repeat;
}

#product .pic{
  padding:      20px 0 0 50px;
  float:        left;
  width:        320px;
}
#product .pic img{
  border:       1px solid #aaa;
  display:      block;
}

#product .descr{
  margin-left:    370px;
  padding:      20px 0 0 30px;
  height:       220px;
}

#product  .buy-form{
  margin-left:    400px;
  
}

#product .buy-form a {
  background:     #fff url(/media/images/shop-buy.png) no-repeat 10px 2px;
  padding:      5px 10px 5px 40px; 
  display:      block;
  border:       1px solid #aaa;
  float:        left;
  cursor:       hand;
  cursor:       pointer;
  color:        #666;
  text-decoration:  none;
}

#product .buy-form a:hover{
  border:       1px solid #0f6eb8;
}

#product .descr h2{
  font:       normal 24px Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

#product .descr dl , #product .descr p{
  margin-left:    20px;
  float:        left;
  padding-top:    20px;
}
#product .descr dl{
  width:        340px;
}

#product .descr dt, #product .descr dd{
  float:        left;
  font:       normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#product .descr dt{
  font-weight:    bold;
  width:        110px;
  padding:      8px 0;
}

#product .descr dd{
  padding:      8px 0;
  width:        200px;
} 

#product .descr dd.bonus{
background:       transparent url(/media/images/price-star.png) no-repeat scroll left center;
  padding:      8px 0 8px 20px;
}
#product .descr .first{
  border:       0;
}

#product .descr dt{
  clear:        left;
}

ul.products li a{
  outline:      0;  
}

ul.products li .box{
  padding:        1px 10px;
  width:          120px;
}
ul.products li .active{
  border:       1px solid #0f6eb8;
  padding:      0 9px;
}

#content .big-button a{
  display:      block;
}


.document h4{
  float:        left;
  width:        700px;
  padding:      10px 0;
}


ul.steps{
  padding:      20px 0;
}
ul.steps em{
  color:        #666;
}

ul.steps li.item{
  float:        left;
  width:        300px;
  padding:      20px; 
} 
ul.steps li.odd{
  clear:        left;
}

#layout ul.steps ol li{
  list-style:     decimal;
  display:      list-item;
}
#layout ul.steps ol ol li{
  display:      list-item;
  list-style:     lower-latin;
}


ul.steps div.side{
  float:        left;
  padding:      20px 0; 
}
ul.steps div.side a{
  float:        left;
}

#layout .steps a, div.document a{
  display:      inline;
  color:        #0f6eb8;
}
#layout .steps em{
  color:        #666;
  font:       bold italic 12px Arial;
}

#slider li{
  height:       199px;
  width:        800px;
}

ul.shop{
  padding:      0 50px;
}

ul.shop li{
  width:        236px;
  float:        left;
  height:       160px;
  background:     #eee;
}
ul.shop li:hover{
  background:     #444;
}
/* 
 *  (810 - 40) / 3
 * */

ul.shop li.first-row{
  margin-left:    0;
}

body.shop #content{
  padding-left:   340px;
}

form .order li{
  padding:      2px 0;
}

form .order label{
  display:      block;
  font:       normal 11px Arial, Helvetica, sans-serif;
}

form .order li input{
  width:        180px;
  border:       1px solid #ccc;
}
form .order li textarea{
  width:        180px;
  height:       80px;
  border:       1px solid #ccc;
}

body.shop #modal .nezinu{
  float:        left;
  width:        220px;
  padding:      20px 0 0 20px;
  
}

body.shop #modal p{
  margin-left:    200px;
  font:       normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
  color:        #666;
}

body.shop ul.order{
  padding:      20px 20px 5px;
  margin-left:    250px;
} 

#modal{
  background:     #fff url(/media/images/bag.png) no-repeat 0 120px;
  width:        500px;
  height:       420px;
}

#modal div.stuff{ 
  padding:      10px 0 0 200px;
}


body.shop #modal  .pic{
  border:       1px solid #aaa;
  float:        left;
}
body.shop #modal .pic img{
  display:      block;
  float:        left;
}
body.shop #modal  h3{
  font-size:      12px;
}

body.shop #modal .descr{
  margin-left:    90px;
  
}


div.modal-button{
  width:        135px;
  height:       21px;
  padding-top:    20px;
  background:     transparent url(/media/images/button-white.png) no-repeat 0 20px; 
}
div.modal-button input{
  width:        135px;
  height:       21px;
  padding:      0;
  margin:       0;
  border:       0;
  background:     transparent;
}

ul.major strong{
  padding:      0 4px 0 20px;   
  background:     transparent url(/media/images/price-star.png) no-repeat 2px center; 
}




body.gifts dl.info-list{
  float:        left;
  background:     #f0f0f0;
}



body.gifts dl.info-list dt,
body.gifts dl.info-list dd{
  float:        left;
  padding:      3px 10px;
  border-top:     1px solid #ccc;
  
}
body.gifts dl.info-list dt{
  clear:        left;
  width:        540px;
  background:     #fff;
  
}
body.gifts dl.info-list  .even{
  background:     #f0f0f0;
}
body.gifts dl.info-list dd{
  width:        100px;
  padding-left:   40px;
  background:     #fff url(/media/images/price-star.png) no-repeat 22px center; 
}
body.gifts dl.info-list dd.even{
  background:     #f0f0f0 url(/media/images/price-star.png) no-repeat 22px center;  
}
body.gifts dl.info-list .last{
  border-bottom:    1px solid #ccc;
}


form input.ui-helper-hidden-accessible{
  left:       -999em;
  position:     absolute;
}

form.ui span.ui-checkbox{
  width:        18px;
  height:       18px;
  padding:      0;
  background:     #fff url(/media/images/ui-checkbox.png) no-repeat left top; 
}
form.ui li.error span.ui-checkbox{
  background-position:  -36px top;
}
form.ui span.ui-checkbox-state-checked,
form.ui span.ui-checkbox-state-checked-hover{
  background-position:  -18px top;
}


li#banner{
  width:          360px;
  height:         162px;
  display:        block;
/*  background:       transparent url(/media/images/alt/replacement.jpeg) no-repeat right top;  */
}



#profile{
  padding:        50px 20px;
  min-height:     300px;
  position:       relative;
}
#profile .panel{
  float:          right;
  width:          300px;
}
#profile .panel .fill,
#profile .panel .content{
  position:       absolute;
  top:          0;
  right:          20px;
  width:          300px;
  height:         280px;          
}

#profile .panel .content{
  padding:        0 10px;
  width:          280px;  
}
#profile .panel .fill{
  background:       #fff;
  opacity:        0.7;  
}
#profile .panel ul.routers{
  padding:        10px 0; 
}
#profile .panel ul.routers li{
  height:         50px;
  padding:        10px;
  background:       #f7f8f7 url(/media/images/base-gray.png) repeat-x left bottom;
  border:         1px solid #ccc;
}
#profile .panel h3{
  font:         bold 14px Arial, Helvetica, sans-serif;
  margin-left:      54px;
}
#profile .panel p{
  margin-left:      54px;
  font-size:        11px;
}

#profile .panel p em{
  color:          red;
}


#profile .avatar{
  border:         1px solid #ccc;
  background:       #eee;
  padding:        2px;
  float:          left;
}
#profile img{
  display:        block;
}

#profile a.button{
  height:         22px; 
  margin:         10px auto;
  padding-left:     32px;
  color:          #666;
}
#profile a.edit{
  background:       transparent url(/media/images/buttons/public.png) no-repeat left top; 
}
#profile a.add{
  float:          left;
  background:       transparent url(/media/images/buttons/add.png) no-repeat left top;
}
#profile a.button span{
  background:       transparent url(/media/images/buttons/base.png) no-repeat right top;
  float:          left;
  font-size:        11px;
  line-height:      11px;
  height:         12px;
  padding:        5px 15px 5px 5px; 
}

#profile .data_top{
  margin-left:      100px;
  padding:        20px 30px;
  width:		300px;
}

#profile .data_bottom{
  margin:      90px 0 0 30px;
  padding:        30px;
  width:		300px;
}

#profile h3{
  font:         normal 22px Verdana, Geneva, Arial, Helvetica, sans-serif;
  color:          #fff; 
}
#profile .data p{
  color:          #fff; 
}



#footer{
  padding:        20px 50px 0;
  font-size:        12px;
  height:         40px;
  color:          #666;
  margin:         0 auto;
  width:          710px;
  clear:          both;
}
#footer a{
  color:          #666;
  text-decoration:    none;
}
#footer li a:hover, #footer div a:hover{
  text-decoration:    underline;
}


#footer div.designed-by{
  float:          right;
  padding:        5px 50px 5px 80px;
}

#footer a.button{
  background:       #fff url(/media/images/invite-base.png) no-repeat left;
  padding-left:     12px;
  float:          right;
}
#footer a.button span{
  float:          left;
  height:         12px;
  padding:        4px 30px 4px 17px;
  background:       transparent url(/media/images/invite-side.png) no-repeat right;
  font:         bold 11px Arial, sans-serif;
  
}
  
#footer ul{
  float:          left;
  padding:        5px 0;  
  width:          450px;
}

#footer li{
  float:          left;
  background:       #fff url(/media/images/top-text-sep.png) no-repeat left;
  padding:        0 6px 0 9px;
}
#footer li.ie{
  width:          130px;
}
#footer li.first{
  background:       #fff none;
  padding-left:     0;
}
#footer li a, #footer li span{
  float:          left;
}

#footer li.active a{
  color:            #f77f1b;
  text-decoration:      none;
}

table.forums{
  border:         2px solid #e5e5e5;    
  width:          700px;
}

table.forums td{
  border:         1px solid #e5e5e5;  
  padding:        10px;
}
table.forums{
  border-collapse:    collapse;
} 
table.forums .icon imgm,
table.forums .icon a{
  display:        block;
}
table.forums .icon{
  border-right:     0;
}
table.forums .category{
  border-left:      0;
}
table.forums .info{
  text-align:       center;
}
table.forums .info span{
  display:        block;
}body.map #content{
  padding:      0 20px 0 15px;
}

#content .navigate{
  border:       1px solid #e2e2e2; 
  position:     relative;
}

#content #sidebar .fill,
#content #sidebar .content{
  position:     absolute;
  top:        0;
  right:        0;
}

#search{
  position:     absolute;
  bottom:       0;
  right:        0;
  z-index:      1100; 
  
  height:       30px;
  width:        210px;
}
#search form{
  display:      block;
}
#search fieldset{
  padding:      0;
  margin:       0;
  border:       0;
  height:       30px;
  width:        210px;
  position:     relative;
}
#search label{
  position:     absolute;
  left:       0;
  bottom:       0;
  z-index:      1120;
  background:     #fff;
  opacity:      1;
  width:        200px;
  height:       25px;
  padding:      5px 0 0 10px;
}
#search input{
  position:     absolute;
  left:       0;
  bottom:       0;
  width:        190px;
  border:       0;
  background:     #fff;
  height:       20px;
  z-index:      1121;
  opacity:      0.2;
  filter:       alpha(opacity=20);
  padding:      5px 10px;
}
#search input:focus{
  opacity:      1;  
}



#content #sidebar .fill{
  background:     #fff;
  filter:       alpha(opacity=70);
  opacity:      0.7;
  z-index:      1000;
  height:       400px;
  width:        210px;
}
#content #sidebar .content{
  z-index:      1010;
  height:       380px;
  width:        190px;
  padding:      10px;
}

#content #sidebar li{
  background:     #fff url(/media/images/base-gray.png) left bottom repeat-x;
  border:       1px solid #eee;
  padding:      5px 5px 5px 10px;
  float:        left;
  clear:        left;
  margin:       3px 0 2px;
  width:        175px;
}

#content #sidebar li.active{
  border:       1px solid red;
}


#content #sidebar a.image{
  float:        right;
}
#content #sidebar a.image img{
  height:       40px;
  width:        40px;
  display:      block;
}




#content #sidebar h4{
  font:       bold 14px Arial, Helvetica, sans-serif;
  margin:       0;
  margin-right:   40px;
}
#content #sidebar li p{
  font-size:      11px;
  margin-right:   40px;
  padding-left:   10px;
}

#map{
  width:  773px; 
  height: 400px;

}

#infowindow, div.marker{
  border:       0;
  position:     absolute;
}

div.marker{
  cursor:       pointer;
}

#infowindow{
  background:     transparent url(/media/images/box-bottom.png) no-repeat bottom left;  
}
#infowindow .top{
  background:     transparent url(/media/images/box-top.png) no-repeat top left;
  height:       13px;
  padding:      8px 12px 0 0;
}

#infowindow img.close{
  float:        right;
  width:        14px;
  height:       13px;
  cursor:       pointer;
}

#infowindow .content{
  padding:      0 20px 20px;
}

#infowindow .content .base{
  height:       75px;
}
#infowindow .content .footer{
  font-size:      11px;
  padding-left:   10px;
}
#infowindow .content .footer a{
  color:        #0F6EB8;
  
}

#infowindow .content img{
  float:        left;
  height:       40px;
  width:        40px;
}
#infowindow .content p, #infowindow .content h2{
  margin-left:    50px;
  color:        #666;
}
#infowindow .content p, #infowindow .content a{
  font:       normal 11px/14px Arial, Helvetica, sans-serif;
}
#infowindow .content h2{
  font:       bold 14px Arial, Helvetica, sans-serif;
  color:        #888;
  padding-bottom:   6px; 
}

body.map div.document{
  width:        500px;
  padding-bottom:   20px;
}

ul.partners{
  border-top:     1px solid #d9d9d9;
}
ul.partners li{
  float:        left;
  padding:      15px;
}
ul.partners li a{
  float:        left;
}
#loader{
  padding-top:  40px;
}

#loader div.box{
  margin:     0 auto;
  width:      130px;
  height:     187px;
  padding:    79px 0 0 185px;
  background:   #fff url(/media/images/box.png) no-repeat;
  position:   relative;
  
}
#loader div.box a.logo{
  display:    block;
  width:      108px;
  height:     43px;
  background:   transparent url(/media/images/box-logo.png) no-repeat;    
}
#loader div.box span{
  display:    block;
  width:      10px;
  height:     10px;
  background:   transparent url(/media/images/progress.gif) no-repeat;
  position:   absolute;
  right:      10px;
  top:      75px; 
}

div.modal-form{
  position:   absolute;
  top:      25px;
  right:      57px;
  background:   red;
  height:     250px;
  width:      350px;
}

.modal-container{
  position:   relative;
}

.modal-container .on-top{
  position:   relative;
  z-index:    1000;
}


/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Copyright (c) 20010 Janis Skarnelis
 * Examples and documentation at: http://fancybox.net
 *
 * Version: 1.3.0 (02/02/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
 
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  height: 40px;
  width: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  background: transparent;
  z-index: 1104;
  display: none;
}

* html #fancybox-loading {  /* IE6 */
  position: absolute;
  margin-top: 0;
}

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background: transparent url(/media/images/fancy_loading.png) no-repeat;
}

#fancybox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #000;
  z-index: 1100;
  display: none;
}

* html #fancybox-overlay {  /* IE6 */
  position: absolute;
  width: 100%;
}

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 20px;
  z-index: 1101;
  display: none;
}

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #FFF;
}

#fancybox-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: 0;
  outline: none;
  overflow: hidden;
}

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 32px;
  height: 32px;
  background: url(/media/images/fancy_close.png) top left no-repeat;
  cursor: pointer;
  z-index: 1103;
  display: none;
}

#fancybox_error {
  color: #444;
  font: normal 12px/20px Arial;
}

#fancybox-content {
  height: auto;
  width: auto;
  padding: 0;
  margin: 0;
}

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}

#fancybox-frame {
  position: relative;
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

#fancybox-title {
  position: absolute;
  bottom: 0;
  left: 0;
  font-family: Arial;
  font-size: 12px;
  z-index: 1102;
}

.fancybox-title-inside {
  padding: 10px 0;
  text-align: center;
  color: #333;
}

.fancybox-title-outside {
  padding-top: 5px;
  color: #FFF;
  text-align: center;
  font-weight: bold;
}

.fancybox-title-over {
  color: #FFF;
  text-align: left;
}

#fancybox-title-over {
  padding: 10px;
  background: url('fancy_title_over.png');
  display: block;
}

#fancybox-title-wrap {
  display: inline-block;
}

#fancybox-title-wrap span {
  height: 32px;
  float: left;
}

#fancybox-title-left {
  padding-left: 15px;
  background: transparent url(/media/images/fancy_title_left.png) repeat-x;
}

#fancybox-title-main {
  font-weight: bold;
  line-height: 29px;
  background: transparent url(/media/images/fancy_title_main.png) repeat-x;
  color: #FFF;
}

#fancybox-title-right {
  padding-left: 15px;
  background: transparent url(/media/images/fancy_title_right.png) repeat-x;
}

#fancybox-left, #fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background-image: url(/media/images/blank.gif);
  z-index: 1102;
  display: none;
}

#fancybox-left {
  left: 0px;
}

#fancybox-right {
  right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}

#fancybox-left-ico {
  background: transparent url(/media/images/fancy_nav_left.png) no-repeat;
}

#fancybox-right-ico {
  background: transparent url(/media/images/fancy_nav_right.png) no-repeat;
}

#fancybox-left:hover, #fancybox-right:hover {
  visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
  left: 20px;
}

#fancybox-right:hover span {
  left: auto;
  right: 20px;
}

div.fancy-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  z-index: 1001;
}

div#fancy-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  background: transparent url(/media/images/fancy_shadow_n.png) repeat-x;
}

div#fancy-bg-ne {
  top: -20px;
  right: -20px;
  width: 20px;
  height: 20px;
  background: transparent url(/media/images/fancy_shadow_ne.png) no-repeat;
}

div#fancy-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  width: 20px;
  background: transparent url(/media/images/fancy_shadow_e.png) repeat-y;
}

div#fancy-bg-se {
  bottom: -20px;
  right: -20px;
  width: 20px;
  height: 20px;
  background: transparent url(/media/images/fancy_shadow_se.png) no-repeat;
}

div#fancy-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  background: transparent url(/media/images/fancy_shadow_s.png) repeat-x;
}

div#fancy-bg-sw {
  bottom: -20px;
  left: -20px;
  width: 20px;
  height: 20px;
  background: transparent url(/media/images/fancy_shadow_sw.png) no-repeat;
}

div#fancy-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  width: 20px;
  background: transparent url(/media/images/fancy_shadow_w.png) repeat-y;
}

div#fancy-bg-nw {
  top: -20px;
  left: -20px;
  width: 20px;
  height: 20px;
  background: transparent url(/media/images/fancy_shadow_nw.png) no-repeat;
}body.poker dl.info-list{
  float:        left;
}



body.poker dl.info-list dt,
body.poker dl.info-list dd{
  float:        left;
  padding:      3px 10px;
  border-top:   1px solid #ccc;
  width:        300px;
}
body.poker dl.info-list .last{
  border-bottom:    1px solid #ccc;
}

body.poker .big-black{
  float:        right;
  padding:      40px 60px 0 0;  
}
body.poker .big-black a{
  height:       20px;
  text-decoration:  none;
  display:      block;
  text-align:     center;
  padding:      8px 0 12px;
  width:        180px;
  color:        #fff25d;
  background:     transparent url(/media/images/big-button-black.png) no-repeat;
  font:       normal 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

body.poker .black-wide a{
  background:     transparent url(/media/images/big-button-black-ru.png) no-repeat;
  width:        200px;
}

body.poker dt{
  clear:        left;
}
body.poker dd{
}
body.poker table{
  width:        200px;
}
body.poker td{
  padding-left:   20px;
}

body.poker .even{
  background:     #f0f0f0;
}
body.poker dl.info-list .last{
}


body.poker div.info-fix{
  clear:        left;
}
body.poker h4{
  float:        none;
}

body.poker #content{
  padding:      40px 0 0 40px;
  height:       258px;
}

body.poker #content h2{
  font:       normal 24px Verdana, Geneva, Arial, Helvetica, sans-serif;
  color:        #ddd; 
}

body.poker #content .supported{
  padding-top:    140px;
}
body.poker #content .supported p{
  font:       normal 12px Arial, Helvetica, sans-serif;
  color:        #bbb;
}
body.poker #content .supported a{

  padding:      20px;
}

body.poker .document{
  background:     transparent url(/media/images/chips.png) no-repeat 480px 200px;
}


body.poker .document strong{
  color:        #444;
  font:       bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}



#object {
	background: url(/media/images/object_bg.png) repeat-x;
	margin-top: 5px;
	padding: 0 6px 0px 15px;
	border: 1px solid #ddd;
	}
	
#object a{
	font-size: 10px;
}

#id_mac {
	width: 180px;
	border: 1px solid #ddd;
}	

#id_place_name {
	width: 180px;
	border: 1px solid #ddd;
}	
	
#id_place_addr {
	width: 180px;
	border: 1px solid #ddd;
}	
	
#id_place_about {
	width: 180px;
	border: 1px solid #ddd;
}	
	
#id_place_id {
	width: 180px;
	border: 1px solid #ddd;
	background: #fff;
	color: #666666;
}

input#id_place_logo{
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

#divinputfile{
	background:url(/media/images/buttons/input_file.png) no-repeat 100% 1px;
	height:24px;
	width:180px;
	margin:0px;
}

#divinputfile #filepc{
	opacity: 0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity=00);
	font-size:11px;
}

#fakeinputfile{
	margin-top:-20px;
}

#fakeinputfile #fakefilepc{
	width:105px;
	height:17px;
	font-size:11px;
	font-family:Arial;
}




#divinputfile2{
	background:url(/media/images/buttons/input_file.png) no-repeat 100% 1px;
	height:24px;
	width:180px;
	margin:0px;
}

#divinputfile2 #filepc2{
	opacity: 0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity=00);
	font-size:11px;
}

#fakeinputfile2{
	margin-top:-20px;
}

#fakeinputfile2 #fakefilepc2{
	width:105px;
	height:17px;
	font-size:11px;
	font-family:Arial;
}



input.button {
	border: none;
	background: url(/media/images/buttons/save_button.png) no-repeat;
	width: 120px;
	height: 22px;
	padding-bottom: 3px;
	color: #666666;
	font-size: 12px;
	margin-top: 10px;
}

input{
	width: 180px;
	border: 1px solid #ddd;
}