@charset "UTF-8";
/* CSS Document */

html, body { 
    height:100%; min-width:989px; min-height:100%;
    font-size:13px; font-family: Trebuchet MS, Tahoma, sans-serif; color:#444;
}   

body div { position:relative; }
div.hide { display:none; }

table.main2
{ 
width :450px;
text-align: left;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #EFEFEF;
border: 1px #9F9F9F solid; /*  #AFAFAF #d79900*/
border-collapse: collapse;
border-spacing: 0px;
margin-top: 5px;
margin-bottom: 5px;
}
table.main2 td.warn_cell{
text-align: left;
background-color: red;
}
table.main2 td.green_cell{
text-align: left;
background-color: orange;
}
div.clear { clear:both; height:0px; }
div.clearL { clear:left; height:0px; }
div.clearR { clear:right; height:0px; }

div#Body { height:100%; padding:0 5%;  background:URL(/images/bg.jpg) repeat-x; }
div#Content { height:100%; max-width:1200px; }

div#header { height:77px; padding-top:20px; background:URL(/images/bg-header.jpg) bottom center no-repeat; }
div#header .left { float:left; margin-left:30px; }

#logo { display:block; width:220px; height:43px; background:URL(/images/logo.jpg) no-repeat; }

a.lang, a.langActive { font-size:12px; color:#9C9C9C; text-decoration: none; margin-right:15px;}
                  /* { font-size:12px; color:#9C9C9C; text-decoration: none; margin-right:15px;} */
a.langActive { color:#F7C531; }
a.lang:hover, a.langActive:hover { color:#F7C531; text-decoration: underline; }

div#Menu { float:right; padding:10px 20px 0 0; }
div#Menu a { margin:0 5px; float:left; font-size:14px; padding:9px 3px 11px 3px; color:#F7C531; font-weight:700;  text-decoration: none; }
div#Menu a span { display:none; }
div#Menu a:hover { text-decoration: underline; }
div#Menu a.active { color:#000; background:URL(/images/menu-active.jpg) center no-repeat; position:relative; left:0px; top:0px; }
div#Menu a.active span { padding:0; margin:0px; display:block; background:URL(/images/menu-active.jpg) no-repeat; position:absolute; width:3px; height:30px; right:-3px; top:4px; }
div#Menu a.active span.left { background-position:top left; left:-3px;  }
div#Menu a.active span.right { background-position:top right;  }

div#topMain { position:relative; top:0px; height:282px; background:URL(/images/top-main-bg.jpg) repeat-x; }
div#topMain .top  { position:absolute; top:0px; width:100%; height:47px;  z-index:500; }
div#topMain .top .bg { width:253px; height:47px; background:URL(/images/top-top.png) no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/top-top.png', sizingMethod='image'); /*background-image:none;*/}
div#topMain .right { height:100%; background:URL(/images/top-main-right-bg.jpg) right no-repeat; }
div#topMain .left { height:100%; background:URL(/images/top-main-left-bg.jpg) left no-repeat;  }
div#topMain .title { width:523px; height:150px; background:URL(/images/top-title-robots.txt.gif) 60px 90px no-repeat;  }
div#topMain span { display:block; width:500px; padding-left: 60px; font-size:22px; font-family: Georgia; color:#000;}

div#top { position:relative; top:0px; height:106px; background:URL(/images/top-bg.jpg) repeat-x; }
div#top .top {  position:absolute;  top:0px;  width:100%; height:47px;  z-index:500; }
div#top .top .bg { width:253px;  height:47px; background:URL(/images/top-top.png); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/top-top.png', sizingMethod='image'); /**background-image:none;*/ }
div#top .right { height:100%; background:URL(/images/top-right-bg.jpg) right no-repeat; }
div#top .left { height:100%; background:URL(/images/top-left-bg.jpg) left no-repeat;  }
div#top .title { float:left; margin:50px 0 0 60px; font-size:36px; font-weight:700; }


div#top #User {  overflow:hidden; width:245px; padding:9px 0 0 12px; margin:45px 40px 0 0;  font-size:11px; color:#5D5B32; height:52px; float:right; background:URL(/images/top-user-block.png) no-repeat; } 
div#top #User a { float:right; margin-right:25px; font-style:italic; font-size:11px; color:#5D5B32; }
div#top #User b { font-size:12px; }


div.Main { background:URL(/images/main-bg.png); position:relative; top:0px; left:0px; z-index:590; }
div.Main .Left { background:URL(/images/main-left-bg.jpg) left repeat-y; }
div.Main .Right { background:URL(/images/main-right-bg.jpg) right repeat-y; }

div.Main .Right .Sticker {
    position:absolute; right:11px; top:15%; 
    width:18px; height:125px;
    background:URL(/images/sticker-icons.jpg) right no-repeat;
}

div.Main .Right .Sticker_left {
    position:absolute; left:6px;  top:-50px; z-index:500;
    width:23px; height:116px; 
    background:URL(/images/sticker-icons.jpg) no-repeat;
}


div.Main div.menu {  
    height:105px;  margin:0 30px;
    background:URL(/images/middle-line-bg.png) repeat-x;  
    border-top:1px solid #FFF; border-bottom:1px solid #E3E3E3;
}
div.Main div.menu div.block { 
    float:left; width:33%; height:100%; position:relative; left:0px; 
    border-left:1px solid #FFF; border-right:1px solid #E3E3E3;  
}

div.Main div.Link { 
    width:195px; height:65px; padding:20px 0 0 80px;  
    color:#888;
}
div.Main div.Link h3 { font-size:20px; text-transform:uppercase; padding:0; margin:0; }
div.Main div.Link div.icon {
    width:66px; height:70px; margin:0 7px;
    position:absolute; left:0px;  
    background:URL(/images/middle-menu-icons.jpg) no-repeat;
}
div.Main .Right { z-index:590; }
div.Main .Right .Left .Content { margin:0px 30px; padding:20px 30px 0 30px;  clear:both; border-bottom:1px solid #FFF; background:#FFF; }
div.Main .Right .Left .Content .Left { float:left; width:40%; font-size:14px; background:none; margin:0; padding:0; background:#FFF; }
#ContentCornerLeft { height:9px; width:10px; background:URL(/images/bottom-corners.jpg) left top no-repeat; position:absolute; bottom:-6px; left:-4px; }
#ContentCornerRight { height:9px; width:10px; background:URL(/images/bottom-corners.jpg) -10px top no-repeat; position:absolute; bottom:-6px; right:-4px; }

div#LoginBlock { width:255px; float:right; margin:0 15px; }
/*div#LoginBlock form {  padding:15px 20px; line-height:20px; display:block; height:170px; font-size:16px; color:#680000;  font-style:italic; background:URL(/images/login-form-bg.png) no-repeat; }*/
div#LoginBlock form {  padding:15px 20px; line-height:20px; display:block; height:170px; font-size:16px; color:#6D9D32;  font-style:italic; background:URL(/images/login-form-bg.png) no-repeat; }
div#LoginBlock form input.text { width:95%; margin:20px 0 0px 0; padding-left:3px; border:1px solid #FFF; font-size:14px; color:#AAA; }
div#LoginBlock form input.btn { float:right; margin:18px 5px; }
div#LoginBlock form div { width:100px; margin-top:11px; }
div#LoginBlock form div a { font-size:11px; color:#636363; font-style:normal; }

div#LoginBlock .LoggedIn {  padding:19px 20px; height:99px; font-size:11px; color:#5D5B32; background:URL(/images/login-in-bg.png) no-repeat;  }
div#LoginBlock .LoggedIn a { font-style:italic; font-size:11px; color:#5D5B32; }
div#LoginBlock .LoggedIn b { font-size:12px; }
#logout { float:right; width:40px; } 

#payTypes { height:51px; background:URL(/images/pay-types.png) center no-repeat; }

#peoples { min-height:300px; height:auto !important; height:300px; top:1px; background:URL(/images/peoples.jpg) center bottom no-repeat; }

div#Bottom { height:6px; margin:0 30px; background:URL(/images/bottom-bg.jpg) repeat-x; position:relative; top:0px; left:0px; z-index:500; }

div#Footer { height:100px; position:relative; top:0px; left:0px; z-index:500; }
#LI { position:absolute; top:25px; left:2px; }
div#Footer .Center { margin:0 16px; height:16px; background:URL(/images/footer-bg.gif) repeat-x; z-index:500; }
div#Footer .Left { height:16px; width:16px; background:URL(/images/footer-bg.gif) left bottom no-repeat; position:absolute; top:0px; left:0px; }
div#Footer .Right { height:16px; width:16px; background:URL(/images/footer-bg.gif) -16px bottom no-repeat; position:absolute; top:0px; right:0px; }

div#Footer .text { height:30px; padding-top:10px; float:left; width:33%; font-size:11px; color:#A8A7A3; }
div#Footer .text span { display:block; width:200px; text-align:left; padding:0 40px; }
div#Footer .text span a { color:#A8A7A3; }

div#FAQ, div#UserMenu { background:URL(/images/menu-bg.png) -220px top repeat-y; }
div#FAQ .top, div#FAQ .bottom, div#UserMenu .top, div#UserMenu .bottom { height:9px; background:URL(/images/menu-bg.png) 0px top no-repeat; }
div#FAQ .bottom, div#UserMenu .bottom { background-position: 0 bottom;  z-index:601;}

div#UserMenu a { display:block; border-bottom:1px solid #DFDFDE; }
div#UserMenu a span {
    display:block; position:relative;
    font-size:14px; color:#636363; margin:0px;
    background:URL(/images/menu-icons.gif) 0 11px no-repeat;  
    padding:5px 0px 5px 30px; 
}

div#UserMenu a.active { border:none; background:#FEE692; }
div#UserMenu a.active span { 
    background:URL(/images/menu-icons.gif) 0 -20px no-repeat; 
}
     
    
div#UserMenu .subMenu { display:none; padding-left:15px; background:#FEE692; }
div#UserMenu .subMenu a { 
    display:block;
    color:#636363; margin:0px;
    background:URL(/images/menu-icons.gif) 0 -48px no-repeat;  
    padding:5px 0px 5px 30px; 
    font-size:11px; border:none; 
}
div#UserMenu a.active, div#UserMenu .subMenu a.active { font-weight:700; text-decoration:none; }

div#FAQ { position:relative; top:0px; left:0px; z-index:620; }
div#FAQ h2 { padding:0px; margin:0 10px; }
div#FAQ a { display:block; padding:2px 10px 2px 30px; font-size:11px; background:URL(/images/faq-arrow.png) 8px 0px no-repeat; color:#636363; }
div#FAQ div.text {
    width:400px; z-index:620;
    border:3px solid #AEAEAE; font-size:12px; background:#FFF; 
    position:absolute; left:-417px; display:none; 
    padding:10px;
}
div#FAQ div.text span.arrow { 
    display:block; height:20px; width:20px;
    position:absolute; top:-3px; right:-23px;
    border:3px solid #AEAEAE; border-left:none;
    background:URL(/images/faq-arrow.png) 0px 0px no-repeat;
}

div#FAQ div.text b.header { display:block;  margin-bottom:10px; font-size:18px; }
div#FAQ div.text a.close { display:block; float:right; margin-right:10px; color:#00F; background:none; padding:0;}

#RegForm .label, #RegForm input { margin-top:3px; } 
.label { float:left; width:140px; }
.Error { color:#F00; }
.err { color:#F00; }
.valid { color:#090; }
.error { color:#F00; font-size:11px; }

#treeMenu { float:left; width:250px; padding:50px 20px; }

#NewText, #EditInc { padding:50px 0; margin-left:310px; line-height:25px; }
#NewText input.text, #NewText select.text { width:450px; }

div.label { float:left; width:150px; }

.RightContent { float:right; width:220px; margin:10px 0; position:relative; z-index:600; }
.LeftContent { float:left; width:70%; margin-bottom:20px; position:relative; z-index:550;  }

.Form h2 { border-bottom:3px solid #BBDA96; margin:0; padding:10px 20px; }
.Form .Row { clear:left; border-bottom:1px solid #DFDFDF; background:URL(/images/profile-bg.png) 200px top repeat-y; }
.Form .Row div.text { margin-left:200px; padding:10px 0 10px 17px; }
.Form .Row .label { color:#444; float:left; width:180px; padding:10px 0 10px 17px; background:URL(/images/profile-label-arrow.png) 2px 12px no-repeat; }
.Form .btn { margin-left:195px; background:URL(/images/btn-save.png) no-repeat; color:#FFF; width:99px; height:37px; border:none; padding-bottom:3px; }
.Form .Row div.text input.year { width:80px }
#InviteForm .Row div.text input, #InviteForm .Row div.text textarea { width:90%; }
    
.Light h2, .Light span { color:#B1B1B1; }

.Survey { border-bottom:1px solid #AAA; padding:10px 80px 15px 0; position:relative; right:0px;}
.Survey h2 { margin:10px 0; padding:0; } 
.Survey .participate { position:absolute; right:0px; top:15px; padding-top:10px; width:74px; height:100px; font-size:16px; background:URL(/images/survey-reward-bg.png) center top no-repeat; text-align:center; }
.Survey .participate span { font-size:12px; }
.Survey span { font-size:11px; }
.Survey div.Status { float:left; width:400px; }
.Survey div.Status span { float:left; margin-right:20px; font-size:11px; }
.Survey div.Status span.Done { color:#C3D813; font-weight:700; }
.Survey div.Status span.Active { color:#7BB82E; font-weight:700; }
.Survey div.Status span.Closed { color:#D2191C; font-weight:700; }

.Survey div.Status span.Green, .Survey div.Status span.Red, .Survey div.Status span.Time { 
    background:URL(/images/survey-icons.png) 0 2px no-repeat; padding:0 5px;
    float:none; margin-right:5px; 
}

.Survey div.Status span.Red { background-position:-14px 2px; }
.Survey div.Status span.Time  { background-position:-28px 1px; float:left; padding-left:20px; }

.Withdrawal, .Withdrawal .left, .Withdrawal .right { height:131px; background-image:URL(/images/withdrawal-bg.jpg); }
.Withdrawal { margin:15px 0;  width:660px; background-position:bottom; font-size:18px; color:#626262; text-align:center; }
.Withdrawal .left { float:left; width:10px; background-position:0 0; }
.Withdrawal .right { float:right; width:10px; background-position: -10px 0; }

.Withdrawal .Balance { margin-top:15px; border-right:1px solid #A2C604; float:left; width:35%;  }
.Withdrawal .Balance span {  font-size: 50px; color:#444; }
.Withdrawal .Buttons { float:left; width:55%; margin:15px 0 0 15px;  text-align:left; }
.Withdrawal .Buttons input { margin-top:15px; }

#WithdrawalForm { margin:0 50px; display:none; }
#WithdrawalForm .label { width:120px; text-align:right; margin-right:10px; }
#WithdrawalForm .clearL { height:3px; }


.Transactions span.head { float:none; font-size:18px; margin:15px 5px; color:#626262; }
.Transactions div { border-bottom:1px solid #DFDFDF; float:left; width:500px; clear:left; }
.Transactions .title { border-bottom:2px solid #BCD996; font-weight:700; }
.Transactions span { display:block; margin:5px 0; float:left; width:125px; }
.Transactions span.Amount { display:block; float:left; width:80px; }
.Transactions span.Comment { width:165px; }
.Transactions span.Green { color:#A2C604; }
.Transactions span.Red { color:#EA0001; } 

.Banner div h2 { font-size:18px; color:#626262; margin:0; padding:0; }
.Banner { clear:left; padding:20px; border-bottom:1px solid #999;  }
.Banner div { float:left; border:1px solid #AEAEAE; background:#EFEFEF; margin:0 15px; }
.Banner .clear { clear:left; float:none; border:none; height:0px; }
.Banner code { display:block; overflow:scroll; font-size:11px; width:45%; margin-left:240px; border:1px solid #AEAEAE; padding:10px; }