/* reset */
html,body,div,span,h1,h2,h3,h4,b,u,i,s,em,form,fieldset,label,legend,input,button,textarea,a,p,table,caption,tbody,thead,tr,th,td, ul, li, ol{margin:0;padding:0;outline:none;}
table {border-collapse:collapse;border-spacing:0; font-size:inherit;font:100%;}
fieldset,img {border:0;}
caption,th,td{text-align:left;}
ul,ol{list-style: none}
input,button,textarea,select,em,th,optgroup,option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
/* global styles */
label {cursor: pointer}
html, body {height:100%; color: #58595b;}
a, .jslink{color: #55A9DE}
a:hover, .jslink:hover{color: #F15A2A}
.jslink{text-decoration: underline; cursor: pointer}
.jslink:hover{text-decoration: none}
body{font: 13px "Trebuchet MS",Helvetica,sans-serif;}
h1 {font-size: 30px;}
h2 {font-size: 21px;}
h3 {font-size: 19px;}
h4 {font-size: 17px;}
abbr a {border-bottom: 1px dashed; text-decoration: none; line-height: 13px;}
h1, h2, h3, .normal {font-weight: normal;color: #333132;margin: 0 0 0.35em;line-height: 1em;}
.notify-title {color: #F15A2A}
hr {
background-color: #DCDCDE;
border: medium none;
color: #DCDCDE;
height: 1px;
margin: 5px 0;
padding: 0;
}
.nclear:after {content:"."}
.nclear {display:inline-block}
.nclear {display:block}
.clearing, .nclear:after
{
clear:both;
font-size:0;
line-height:0;
height:0;
overflow:hidden;
visibility:hidden;
display:block
}
.clear {width:100%; overflow:hidden}
/* layout */
#Container{min-height:100%;min-width:1000px;position:relative;overflow:hidden}
#contentBody{margin:0 auto;width:1000px}
#bottomLinks{overflow:hidden;; margin: 0}
#bottomLinks li{background:none;float:left;padding:0; margin: 0}
#bottomLinks li a{color: #444; margin: 0 10px 0 0; line-height: 25px}
#bottomLI {width:1px;height:1px;position:absolute;top:0;right:0}
/* header part*/
#fsv1-header
{
width:100%;
position:relative;
height:95px;
font-size:11px;
margin: 40px auto 0;
background: #e7deca;
border-bottom: 1px solid #deded4
}
#fsv1-header .banner_images{
width: 580px;
height: 70px;
display: block;
float: right;
margin-top: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
overflow: hidden;
margin-top: 13px;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.35)}
.header_inner{margin: 0 auto; width: 990px; overflow: visible;}
#leader_block{
position:relative;
text-shadow: 0 1px 1px #ffdd81;
color: #2f3334;
display: block;
float: left;
font-family: trebuchet MS;
width: 375px;
background: url("../../images/common/box-s.png") repeat-x scroll 0 100% #FFFFFF;
padding: 8px 10px 12px 15px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
overflow: hidden;
margin-top: 13px;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.35);
height: 50px;
text-shadow: none
}
#leader_block h4{position:relative; line-height:20px;font-size: 15px !important; color: #111111; font-weight: normal; padding: 0 0 3px; margin: -3px 0 0 59px}
#leader_block .text{margin-left: 59px; line-height: 15px; color: #303030; height: 32px; overflow:hidden;position:relative;width: 200px; font-size: 11px}
#leader_block img{
float:left;
position: relative;
border: 3px solid #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 0 10px 0 0;}
#leader_block .leader_text{ text-decoration:none!important; position: relative;z-index: 1}
#leader_block .leader_text:hover h4{ color: #F15A2A}
#leader_block .noleader{font-style: italic;padding-top:22px;}
#banner_left_profile{overflow:hidden; margin-bottom:20px}
#banner_left_profile img, #banner_left_newsfeed img, #banner_left_photos img {width:240px;}
/* Tooltip */
#tooltipResidents{position:absolute;z-index:5000;display:none;width:212px;margin:25px 0 0 15px}
#tooltipResidents.alignRight {margin-left:-227px}
#tooltipResidents.citizen, #tooltipResidents.resident, #tooltipResidents.guest, #tooltipResidents.pet {display:block}
#tooltipResidents .bg, #tooltipResidents .tbg, #tooltipResidents .bbg{background-color:#fff;position:relative;opacity:.93}
#tooltipResidents.citizen .bg, #tooltipResidents.citizen .tbg, #tooltipResidents.citizen .bbg {background-color:#e9740e}
#tooltipResidents.resident .bg, #tooltipResidents.resident .tbg, #tooltipResidents.resident .bbg {background-color:#403b76}
#tooltipResidents.guest .bg, #tooltipResidents.guest .tbg, #tooltipResidents.guest .bbg {background-color:#898989}
#tooltipResidents .tbg, #tooltipResidents .bbg{display:block;height:10px;margin:0 10px -10px;top:-10px;overflow:hidden}
#tooltipResidents .bbg {top:0}
#tooltipResidents .bg{position:absolute;top:0;left:0;width:100%;height:100%}
#tooltipResidents .ctl, #tooltipResidents .ctr, #tooltipResidents .cbl, #tooltipResidents .cbr
{
background:url(../../images/basic/t-corners.png) 0 0 no-repeat;
width:10px;
height:10px;
opacity:.93;
overflow:hidden
}
#tooltipResidents.citizen .ctl {background-position:-60px 0}
#tooltipResidents.resident .ctl {background-position:-40px 0}
#tooltipResidents.guest .ctl {background-position:-20px 0}
#tooltipResidents .ctl, #tooltipResidents .ctr{position:absolute;top:-10px;left:0}
#tooltipResidents .ctr{background-position:-10px 0;margin-left:100%;left:-10px}
#tooltipResidents.citizen .ctr {background-position:-70px 0}
#tooltipResidents.resident .ctr {background-position:-50px 0}
#tooltipResidents.guest .ctr {background-position:-30px 0}
#tooltipResidents .cbl, #tooltipResidents .cbr{background-position:0 -10px;position:relative;float:left;margin-bottom:-10px}
#tooltipResidents.citizen .cbl {background-position:-60px -10px}
#tooltipResidents.resident .cbl {background-position:-40px -10px}
#tooltipResidents.guest .cbl {background-position:-20px -10px}
#tooltipResidents .cbr{background-position:-10px -10px;float:right}
#tooltipResidents.citizen .cbr {background-position:-70px -10px}
#tooltipResidents.resident .cbr {background-position:-50px -10px}
#tooltipResidents.guest .cbr {background-position:-30px -10px}
#tooltipResidents .s
{
background:url(../../images/basic/t-shadow.png) 0 0 no-repeat;
position:absolute;
left:4px;
bottom:-11px;
width:296px;
height:223px
}
#tooltipResidents .content{position:relative;min-height:200px;padding:0 10px;font-size:11px;color:#333}
#tooltipResidents.citizen .content, #tooltipResidents.citizen p, #tooltipResidents.resident .content, #tooltipResidents.resident p, #tooltipResidents.guest .content, #tooltipResidents.guest p {color:#fff}
#tooltipResidents h3{font-size:19px;line-height:19px;position:relative;top:-4px;margin:0 0 2px -1px}
#tooltipResidents h3 a{color:#fff;text-decoration:none}
#tooltipResidents h3 small{font-size:14px}
#tooltipResidents p{position:relative;z-index:1;color:#333;margin:0;line-height:1.1em}
#tooltipResidents .img{position:relative;text-align:center;height:192px;margin-bottom:4px}
#tooltipResidents.pet .img {height:auto}
#tooltipResidents .img em
{
background:url(../../images/profile/online_status.png) -17px 0 no-repeat;
position:absolute;
right:3px;
bottom:4px;
width:17px;
height:18px
}
#tooltipResidents .img em.online {background-position:0 0}
#tooltipResidents .msg-speech, #tooltipResidents .msg-speech .text{background-color:#d5d5d5;padding:5px 0;position:relative;*zoom:1}
#tooltipResidents .msg-speech {margin:0 5px 9px; overflow:visible;}
#tooltipResidents .msg-speech .text{margin:0 -5px;padding:0 5px 2px;font-size:10px;line-height:11px;display:block;overflow:hidden}
#tooltipResidents .msg-speech em
{
background:url(../../images/basic/tmsg-corners.png) 0 0 no-repeat;
position:absolute;top:0;left:-5px;overflow:hidden;width:5px;height:5px;opacity:1}
#tooltipResidents .msg-speech .ctr{background-position:-5px 0;left:0}
#tooltipResidents .msg-speech .cbl, #tooltipResidents .msg-speech .cbr{background-position:0 -5px;position:relative;margin:0 0 -5px 0}
#tooltipResidents .msg-speech .cbr{background-position:-5px -5px;left:5px}
#tooltipResidents .msg-speech .al, #tooltipResidents .msg-speech .ar
{
width:0;height:0;overflow:hidden;position:absolute;top:-4px;left:2px;border-top:4px solid transparent;
border-right:4px solid #d5d5d5;*border-top:4px solid #fff;}
#tooltipResidents .msg-speech .ar{left:5px;border-left:4px solid #d5d5d5;border-right:none;}
#tooltipResidents.guest .msg-speech, #tooltipResidents.guest .text {background-color:#bfbfbf; color:#272727}
#tooltipResidents.guest .msg-speech .ctl {background-position:-10px 0}
#tooltipResidents.guest .msg-speech .ctr {background-position:-15px 0}
#tooltipResidents.guest .msg-speech .cbl {background-position:-10px -5px}
#tooltipResidents.guest .msg-speech .cbr {background-position:-15px -5px}
#tooltipResidents.guest .msg-speech .al {border-right-color:#bfbfbf; *border-top-color:#898989}
#tooltipResidents.guest .msg-speech .ar {border-left-color:#bfbfbf; *border-top-color:#898989}
#tooltipResidents.resident .msg-speech, #tooltipResidents.resident .text {background-color:#5e639a; color:#fff}
#tooltipResidents.resident .msg-speech .ctl {background-position:-20px 0}
#tooltipResidents.resident .msg-speech .ctr {background-position:-25px 0}
#tooltipResidents.resident .msg-speech .cbl {background-position:-20px -5px}
#tooltipResidents.resident .msg-speech .cbr {background-position:-25px -5px}
#tooltipResidents.resident .msg-speech .al {border-right-color:#5e639a; *border-top-color:#403b76}
#tooltipResidents.resident .msg-speech .ar {border-left-color:#5e639a; *border-top-color:#403b76}
#tooltipResidents.citizen .msg-speech, #tooltipResidents.citizen .text {background-color:#fba154; color:#261302}
#tooltipResidents.citizen .msg-speech .ctl {background-position:-30px 0}
#tooltipResidents.citizen .msg-speech .ctr {background-position:-35px 0}
#tooltipResidents.citizen .msg-speech .cbl {background-position:-30px -5px}
#tooltipResidents.citizen .msg-speech .cbr {background-position:-35px -5px}
#tooltipResidents.citizen .msg-speech .al {border-right-color:#fba154; *border-top-color:#e9740e}
#tooltipResidents.citizen .msg-speech .ar {border-left-color:#fba154; *border-top-color:#e9740e}
#tooltipWin {overflow:hidden;position:absolute;top:0;left:163px;display:none;padding:11px;z-index:10000;}
#tooltipWin .forBorder {
position:absolute;top:-2500px;left:-2500px;width:5000px;height:5000px;background:#000;filter:alpha(opacity=30) !important;opacity:0.3 !important;}
#tooltipWin .content {position:relative;padding:11px;background:#fff;}
#tooltip{display:none;position:absolute;z-index:10001;margin:10px 0 0 15px;padding:3px;}
#tooltip.simpleTooltip{overflow:hidden;max-width:250px;zoom:1;}
#tooltip.fs-title-tooltip-top {margin-top: -25px !important;}
#tooltip.imgTooltip {padding:10px}
#tooltip.imgTooltip img{background-color:#fff;max-width:600px;vertical-align:top}
#tooltip .bg {display:none}
#tooltip.simpleTooltip .bg, #tooltip.tooltipExt .bg, #tooltip.imgTooltip .bg
{
display:block;background:#000;position:absolute;overflow:hidden;top:0;left:0;width:100%;height:100%;opacity:0.3;filter:alpha(opacity=30);
-webkit-border-radius:3px; -moz-border-radius: 3px; border-radius: 3px;
}
#tooltip.simpleTooltip #tooltipContent, #tooltip.tooltipExt #tooltipContent, #tooltip.imgTooltip #tooltipContent
{
background:#fff;position:relative;font:11px/14px Tahoma, Geneva, sans-serif;padding:3px 5px;
overflow:hidden;color:#515151; -webkit-border-radius:3px; -moz-border-radius: 3px; border-radius: 3px;
}
#tooltip.imgTooltip #tooltipContent{background:url(../../images/basic/pre.gif) #fff 50% 50% no-repeat;min-width:50px;min-height:50px}
#tooltip.tooltipExt {padding:10px}
#tooltip.tooltipExt #tooltipContent{padding:11px;width:300px}
/* autocomplete */
.ac_results{padding:0;border:1px solid black;background-color:white;overflow:hidden;z-index:99999}
.ac_results ul{width:100%;list-style-position:outside;list-style:none;padding:0;margin:0}
.ac_results li
{
background-image:none;
margin:0;
padding:2px 5px;
cursor:default;
display:block;
font:menu;
font-size:12px !important;
line-height:14px;
overflow:hidden;
color:#333
}
.ac_results li em{display:block;padding:2px 0 4px;font-size:11px;line-height:12px;font-style:normal;color:#777}
.ac_results li.ac_over em {color:#ccc}
.ac_loading {background:#fff url(../../images/indicator.gif) 100% 50% no-repeat}
.ac_odd {background-color:#eee}
.ac_results li.ac_over{background-color:#0A246A;color:white}
.ac_results li.notResults{background:none;color:#333}
/* infopanel */
.infopanel{display:none;position:absolute;z-index:10010;left:0;}
.infopanelWrap
{
background:url(../../img/infopanel_bg.png) #fff 0 100% repeat-x;
position:relative;z-index:2;border:#fff solid 2px;margin:-20px auto 0;
-webkit-box-shadow:0 3px 18px rgba(0, 0, 0, 0.4);-moz-box-shadow:0 3px 18px rgba(0, 0, 0, 0.4);box-shadow:0 3px 18px rgba(0, 0, 0, 0.4);
-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;
}
.aBottom .infopanelWrap {margin-top:20px}
.holdOn {padding:0 0 20px 0}
.holdOn.aBottom {padding:20px 0 0 0}
.holdOn.aBottom .infopanelWrap {margin-top:0}
.moveOn {margin-top:-10px}
.moveOn.aBottom {margin-top:20px}
.infopanelContent{position:relative;z-index:2;overflow:hidden;min-height:20px;min-width:60px}
.preload .infopanelContent{background:url(../../img/loader-32.gif) center center no-repeat;height:60px !important;width:60px !important;}
.infopanelArr{background:url(../../img/infopanel_arr.png?n10) 0 0 no-repeat;position:absolute;width:20px;height:18px;z-index:10010;top:100%;margin:2px 0 0 -10px}
.aBottom .infopanelArr{background-position:-20px 0;top:0;margin-top:-20px}
.infopanel .ieShadow{
position:absolute;border:#000 solid 1px;z-index:1;background:#000;margin:-30px 0 0 -10px;
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='10', MakeShadow='true', ShadowOpacity='0.3');
}
.aBottom .ieShadow {margin-top:-10px}
.moveOn.aBottom .ieShadow {margin-top:10px}
.userPopularity
{
position:relative;
overflow:hidden;
min-height:50px;
color:#363636;
font-size:13px;
padding:13px 5px 10px 11px;
margin:0;
border-bottom:#d8d8d8 solid 1px
}
.infopanelContent .userPopularity {margin:0 18px}
.userPopularity .popularityLink
{
font-size:21px;color:#9b050d !important;display:block;
position:relative;left:-1px
}
.userPopularity.withVip{border: none;}
.popularityIco
{
background:url(../../img/popularity_ico.png) 0 0 no-repeat;
width:50px;height:50px;float:left;margin-right:10px
}
.popularityLevel2 .popularityIco {background-position:-50px 0}
.popularityLevel3 .popularityIco {background-position:-100px 0}
.popularityLevel4 .popularityIco {background-position:-150px 0}
.popularityLevel2 .popularityLink {color:#f69c07 !important}
.popularityLevel3 .popularityLink {color:#56c207 !important}
.popularityLevel4 .popularityLink {color:#bc0a6f !important}
/* popup */
#popupOverlay, #popupWin{display:none;position:absolute;}
#popupOverlay
{
background:url(../../base/img/bg_black_30.png) 0 0 repeat;
width:100%;height:100%;top:0;left:0;z-index:1000; position: fixed;
}
#popupWin
{
background:url(../../base/img/bg_black_30.png) 0 0 repeat;
overflow:hidden;top:100px;left:50%;width:600px;margin-left:-310px;
z-index:10001;padding:10px;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px
}
#popupWin.confirm, #popupWin.alert, #popupWin.error {width:400px; margin-left:-210px}
#popupWin.fixed {position:fixed}
#popupContent{background:#fff url(../../images/common/box-s.png) repeat-x 0 100%;position:relative;padding:10px 20px;//zoom:1;}
#popupClose{cursor:pointer;position:absolute;top:18px;right:18px;z-index:1; margin: 0!important}
#popupTitle, #popupWin .popupTitle
{
background:url(../../base/img/bg_popup_title.png) 0 -250px repeat-x;
color:#fff;font-size:17px;font-weight:bold;position:relative;height:35px;line-height:35px;padding:0 40px 0 19px;
text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);
-webkit-border-radius:9px 9px 0 0;-moz-border-radius:9px 9px 0 0;border-radius:9px 9px 0 0;
border-top: solid 1px #A1D5EF;
}
.greenHeader #popupTitle, #popupWin.greenHeader .popupTitle, .financePopup #popupTitle, #popupWin.financePopup .popupTitle
{
background-position:0 -50px;color:#fff;text-shadow:none
}
.alert #popupTitle, .error #popupTitle, .confirm #popupTitle {font-size:17px; font-weight:normal; line-height:35px; height:35px}
.alert #popupClose, .error #popupClose, .confirm #popupClose {top:20px}
#popupWin.contentOnly #popupContent, #popupWin.contentOnly {background:none}
#popupWin.contentOnly #popupTitle, #popupWin.hideTitle #popupTitle, #popupWin.hideCloseBtn #popupClose {display:none}
#popupWin.hideTitle #popupContent
{
-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px
}
#popupContent, #popupWin.titleTmp #popupContent
{
-webkit-border-radius:0 0 9px 9px;-moz-border-radius:0 0 9px 9px;border-radius:0 0 9px 9px;
}
#popupWin.titleTmp{padding-top:45px}
#popupWin.titleTmp .popupTitle{top:-35px;margin:-10px -20px -35px}
.popupTabs{background:#EDEDED;width:100%;overflow:hidden;}
.popupTabs ul {margin:0}
.popupTabs li{background:none;float:left;margin:0;padding:0}
.popupTabs a
{
display:block;padding:9px 11px 10px;font-size:11px;text-decoration:none;color:#332D59
}
.popupTabs a:hover {background:#f5f5f5}
.popupTabs a:hover span {border-bottom:1px dotted #332D59}
.popupTabs a.current span {border:none}
.popupTabs a.current{background:#fff;color:#000;cursor:default}
#popupWin .popupBtnGroup{width:100%;overflow:hidden;clear:both;padding:10px 0}
#popupWin .popupBtnGroup a{margin:0 0 0 10px}
.financePopup .icon-close{background-position: -80px -48px!important}
.financePopup #popupContent {padding:0}
#popupWin.financePopup .popupTitle {margin:0 0 -35px;
border-top-color: #aaefa1;}
.financePopup #popupTitle {display:none}
/* Sub Navigation 2 */
.nav-sub {overflow:hidden;position:relative;margin:0 0 15px 0;padding:0 0 6px;cursor:default;}
.nav-sub .nav-sub-chapter {position:relative;padding:8px 0;border-bottom:1px solid #E2E2E2;}
.nav-sub .nav-sub-chapter.last {border-bottom:none;}
.nav-sub .nav-sub-chapter h4 {
position:relative;margin:0;padding:0 0 5px;font-weight:normal;line-height:22px;font-size: 15px;}
.nav-sub .nav-sub-chapter h4 a {display:block;color:#555;}
.nav-sub .nav-sub-chapter h4 a:hover {color:#333;}
.nav-sub .nav-sub-chapter.curr h4 a {color:#333;}
/* item bullets */
.nav-sub-0 ul{
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
border:1px solid #F5F5F5 !important;
border-right-color:#e1e1e1!important;
border-left-color:#e1e1e1!important;
border-bottom-color:#c4c4c4!important;
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);box-shadow:0 1px 2px rgba(0,0,0,0.2);
padding:10px!important;
margin: 5px 0 10px!important;
}
.nav-sub-0 ul li{position:relative;}
.nav-sub-0 ul .lable{height:40px;width:38px;background:url("../../base/img/findTypes.png") no-repeat;display:inline-block;}
.nav-sub-0 ul .name{color:#636466;font-size:17px;font-weight:bold;font-family:Trebuchet MS!important;position:absolute;top:8px;margin-left:10px}
.nav-sub-0 ul .find{color:#636466;font-size:13px;font-style:normal;font-family:Trebuchet MS!important;text-decoration:underline;position:absolute;top:10px;right:0}
.nav-sub-0 ul .find:hover{color:#f15a2a}
.nav-sub li {
overflow:hidden;display:block;margin:0;padding:0;background:none;font: normal 13px trebuchet MS, Geneva, sans-serif;text-decoration:none;
}
.nav-sub li .nav-sub-text {overflow:hidden;display:block;padding:0 40px 0 8px;color:#555;}
.nav-sub li a {text-decoration:none;cursor:pointer;}
.nav-sub li a .nav-sub-text{padding-bottom:2px;}
.nav-sub li:hover .nav-sub-text {color:#333}
.nav-sub li.curr .nav-sub-text, .nav-sub li.curr:hover .nav-sub-text {color:#333;}
/* second level */
.nav-sub li.nav-sub-collapsed ul {display:none;}
.nav-sub li.nav-sub-expanded ul {display:block;}
.nav-sub li ul {padding:2px 0 5px 0;border:0;}
.nav-sub li ul.nfeed-users-online, .nav-sub li ul.nfeed-users-birthdays {margin:0;}
.nav-sub li li {position:relative;padding:0;font-size:13px;font-weight:normal;}
.nav-sub li li .nav-sub-item, .nav-sub li li em {display:block;font-style:normal;}
.nav-sub li li .nav-sub-item.nav-sub-item-img {padding-left:30px;}
.nav-sub li li a.nav-sub-item-img .nav-sub-img {position:absolute;top:3px;left:8px;}
.nav-sub li li a.nav-sub-item-img .nav-sub-img.nav-sub-img-22,.nav-sub li li a.nav-sub-item-img .nav-sub-img.nav-sub-img-22 img {width:22px;height:22px;}
.nav-sub li li .nav-sub-item:hover .nav-sub-text{color: #f15a2a}
.nav-sub li li.curr .nav-sub-item,
.nav-sub li li.curr .nav-sub-item:hover {background:#F4F4F4}
.nav-sub li li.curr .nav-sub-text,
.nav-sub li li.curr .nav-sub-item:hover .nav-sub-text {/*text-decoration:none;*/}
.nav-sub-item:hover .nav-sub-text{color: #f15a2a; background-color: #f8f8f8}
.nav-sub li li .nav-sub-text, .nav-sub li:hover li .nav-sub-text {color:#777;}
.nav-sub li.curr li .nav-sub-text, .nav-sub li.curr:hover li .nav-sub-text {color:#777;}
.nav-sub li li.curr .nav-sub-text {text-decoration:none; color: #000}
.nav-sub .nav-sub-add .nav-sub-text {color:#999 !important}
.roomTitle {border-bottom: 1px solid #ccc; padding-bottom: 15px; margin: 0 0 5px; font-size: 27px; text-shadow: 0 0 1px #BEBEBE}
.roomTitle a{text-decoration: none; color: #58595b}
.roomTitle h1, .roomTitle h2, .roomTitle h3{margin: 0}
.roomTitle a:hover{color: #f15a2a}
/* item counts */
.nav-sub .nav-sub-meta {
position:absolute;top:4px;right:12px;display:block;text-align:right;margin:0;padding:0;width:50px;
text-decoration:none !important;line-height:22px;color:#777;
}
.nav-sub h2 .nav-sub-meta {top:0;}
*+html .nav-sub h4 .nav-sub-meta {top:-4px;}
.nav-sub .nav-sub-meta.nav-sub-meta-add {right:52px;}
.nav-sub .nav-sub-nav {
overflow:visible;display:none;float:right;text-align:right;margin:0;padding:0;text-decoration:none !important;border:0;font-weight:bold;
}
.nav-sub .nav-sub-count-total {
overflow:visible;float:right;margin:0;padding:4px 12px 0 0;text-decoration:none !important;
border:0;font-weight:normal;font-size:11px;text-align:right;color:#555;
}
.nav-sub .nav-sub-count-add {
overflow:visible;float:right;margin:0;padding:4px 12px 0 0;text-decoration:none !important;
border:0;font-weight:bold;font-size:11px;text-align:right;color:#6EAE28;
}
.nav-sub .nav-sub-menu {display:block; overflow:hidden}
.nav-sub li .nav-sub-nav {width:60px; margin:2px 0 0 0;}
.nav-sub li .nav-sub-nav a {display:inline; clear:none; overflow:visible}
.nav-sub .nav-sub-expanded h4 .nav-sub-meta {display:none}
.nav-sub .nav-sub-expanded h4.nav-sub-with-meta-always .nav-sub-meta {display:block;}
.nav-sub .nav-sub-meta-inc {font-weight:bold;}
.nav-sub .nav-sub-0 .nav-sub-meta-inc {color:#e68c57}
.nav-sub .nav-sub-1 .nav-sub-meta-inc {color:#D61B51}
.nav-sub .nav-sub-2 .nav-sub-meta-inc {color:#00A5E5}
.nav-sub .nav-sub-3 .nav-sub-meta-inc {color:#7CC726}
.nav-sub .nav-sub-4 .nav-sub-meta-inc {color:#F8941D}
/*submenu*/
.subMenu{background-color:#fff;position:relative;margin:0 0 15px 0;font-size:13px; border: 1px solid #f4f4f4; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.subMenu ul {margin:5px 0}
.subMenu li{list-style:none; margin:0; background: none;}
.subMenu a {line-height: 26px; padding: 0 0 2px 8px; text-decoration: none; display:block}
.subMenu a:hover {color:#f15a2a; background: #f8f8f8}
.subMenu li a.active{color: #fff; background: #F4F4F4}
.subMenu h3{
font-size: 15px;font-weight: normal; background: #f4f4f4;line-height: 25px;margin: 0;padding: 0 8px 5px;
position: relative; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
/* notify */
.fsNotify {
position:absolute;
background:#fff;
border:1px solid #c9c9c9;
padding:5px 15px;
z-index:11000;
color:#363636;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.fsNotifyCloseButton {
position:absolute;
right:1px;
top:1px;
background:url(../../images/pet/close.gif) no-repeat;
width:14px;
height:14px;
cursor:pointer
}
/* User List */
.userList{width:100%;overflow:hidden}
.userList .user{width:50%;overflow:hidden;float:left;margin-bottom:20px}
.userList .userPic {float:left}
.userList .userInfo{overflow:hidden;padding:2px 10px}
.userList .userInfo h3 {margin:0}
/* global forms */
.nform-src {margin:0; padding:10px; background:#F2F2F2 url('../../base/img/bg_control_tbs_content.png') repeat-x left bottom; border:1px solid #D9D9D0;}
.nform {margin:0; padding:0; }
.nform fieldset {clear:both; margin:15px 0 0 0; padding:13px 0 0 0; border-top:1px solid #e2e2e2;}
.nform fieldset.first {margin-top:0; padding-top:15px; border:none;}
.nform legend {overflow:hidden; display:block; padding:0 11px 0 5px; font-weight:bold; line-height:125%; color:#54a9de; margin:-13px 0 10px 0; white-space:normal}
.nform legend * {color:#F0534E;}
*+html .nform legend {display:inline; margin:0 0 11px -7px; width:auto;}
.nform .nform-row {padding:0 0 10px 0; overflow:hidden;}
.nform .nform-row.nform-row-last {padding-bottom:0;}
.nform .nform-row .nform-label {float:left; margin:0; padding:0; width:160px;}
.nform .nform-row .nform-data {margin:0 0 0 165px; padding:0; color:#505050;}
.nform .user-settings-fix .shortlist, .nform .user-settings-fix .js-pagename, .nform .user-settings-fix .js-pagename-edit { line-height: 21px; }
.nform .nform-data input, .nform .nform-data textarea, .nform .nform-data select, .nform .nform-data button {float:left;}
.nform .nform-data.nform-data-sm {font-size:90%; color:#777}
.nform .nform-data.nform-data-license {max-height:150px; overflow:auto; overflow-x:hidden; border:1px solid #B2B2B2; padding:0 3px; background:#FFF; font-size:90%; color:#8F7D79; width:495px}
.nform .nform-data.nform-data-license * {color:#8F7D79}
.nform .input-desc {font-size:90%; color:#8F7D79; line-height:130%; clear:both}
.nform .input-desc.text-inline {clear:none}
.nform .input-desc.text-l, .nform .input-desc.text-r {clear:none}
.nform .input-desc a {color:#8F7D79}
.nform .user-settings-fix .nform-row .input-desc { line-height: 16px; }
.input-txt {padding:4px; width:502px; border:solid 1px #c6c6c6; border-bottom-color: #d3d3d3; font-size: 13px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow:inset 0px 1px 1px #DDD, 0px 1px 1px #f9f9f9; -moz-box-shadow:inset 0px 1px 1px #DDD, 0px 1px 1px #f9f9f9; -webkit-box-shadow:inset 0px 1px 1px #DDD, 0px 1px 1px #f9f9f9;}
.input-txt:focus {box-shadow:inset 0px 1px 1px #DDD, 0px 0px 4px #3A86C2; -webkit-box-shadow:inset 0px 1px 1px #DDD, 0px 0px 4px #3A86C2; -moz-box-shadow:inset 0px 1px 1px #DDD, 0px 0px 4px #3A86C2;border-color: #3A86C2 !important; outline-style: none;}
.input-txt.error-txt:focus {box-shadow:inset 0px 1px 1px #DDD, 0px 0px 4px #f30; -webkit-box-shadow:inset 0px 1px 1px #DDD, 0px 0px 4px #f30; -moz-box-shadow:inset 0px 1px 1px #DDD, 0px 0px 4px #f30;border-color: #f30 !important; outline-style: none;}
.nform .input-file {padding:3px;}
.nform input[type="radio"], .nform input[type="checkbox"] {vertical-align:middle;}
.nform textarea.input-txt {height:80px;}
.input-textarea {padding:3px; border:solid 1px #c6c6c6; border-bottom-color: #d3d3d3; background:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow:inset 0px 1px 1px #DDD, 0px 1px 1px #f9f9f9; -moz-box-shadow:inset 0px 1px 1px #DDD, 0px 1px 1px #f9f9f9; -webkit-box-shadow:inset 0px 1px 1px #DDD, 0px 1px 1px #f9f9f9;}
.input-textarea:focus {box-shadow:inset 0px 1px 1px #DDD, 0px 0px 4px #3A86C2; -webkit-box-shadow:inset 0px 1px 1px #DDD, 0px 0px 4px #3A86C2; -moz-box-shadow:inset 0px 1px 1px #DDD, 0px 0px 4px #3A86C2;border-color: #3A86C2}
.input-textarea textarea {padding:0; width:100%; border-color:#F33; /* fix for IE7 - don't delete */ border:none !important;}
.nform select {padding:2px; width:150px; border:solid 1px #c6c6c6; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 0 1px 1px rgba(0,0,0,.2) inset; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2) inset}
.nform option {width:auto; padding:0 0 0 10px}
.nform option.info {color:#999}
.nform optgroup {width:auto; font-style:normal; font-weight:bold}
.nform label {margin:3px 11px 0 0; font-weight:bold; text-align:right; color:#888; cursor:default;}
.nform .user-settings-fix label {margin: 0; line-height: 21px; }
.nform .nform-row label {float:left; width:155px;}
.nform .input-placeholder, .nform .input-label {color:#888 !important;}
.nform .nform-row.nform-row-clear .nform-label {float:none; width:auto; text-align:left;}
.nform .nform-row.nform-row-clear label {float:none; width:auto; text-align:left;}
.nform label.label-radio {padding:0 10px 0 0; font-weight:normal; color:#505050; width:auto; cursor:pointer;}
.nform label.label-checkbox {padding:0 10px 0 0; font-weight:normal; color:#505050; width:auto; cursor:pointer;}
.nform label.label-near {display:block; padding:0 0 5px;}
.nform .label-checkbox input {margin:2px 13px 0 0;}
.nform .user-settings-fix .label-checkbox input {margin-top: 4px; }
.nform .label-radio input {margin:2px 13px 0 0;}
.nform .nform-row p {margin:2px 0 10px 0; line-height:140%}
.nform .user-settings-fix .nform-row p { margin: 0 0 10px; line-height: 21px; }
.nform .nform-row .msg p {margin:5px 0;}
.nform .nform-row .text-l {float:left; margin-right:5px;}
.nform .nform-row .text-r {float:right; margin-right:5px;}
.nform .nform-row .texta-l {text-align:left;}
.nform .nform-row .texta-r {text-align:right;}
.nform .nform-row .text-sm {font-size:11px; line-height:140%}
.nform .nform-row span.hint {padding:0 0 0 8px; color:#505050;}
.nform .nform-row.required .input-txt {border-color:#872B57;}
.nform .nform-row.required select {border-color:#872B57;}
.nform .input-placeholder2 {overflow:hidden;}
.nform .input-placeholder2-source {overflow:hidden;}
/* form in blocks */
.nform .nform-row.nform-row-bl .nform-label {float:none; margin:0 0 4px 0; padding:0; width:auto;}
.nform .nform-row.nform-row-bl label {float:none; width:auto; }
.nform .nform-row.nform-row-bl .nform-data {margin:0; padding:0; color:#505050;}
.nform .nform-row.nform-row-line .nform-label {float:none; padding:0 0 5px; width:auto;}
.nform .nform-row.nform-row-line label {float:none; width:auto;}
.nform .nform-row.nform-row-line .nform-data {overflow:hidden; margin-left:0; clear:both;}
/*table*/
.fs-table {display:block; border-collapse: collapse; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;overflow: hidden; border: solid 1px #CCC; width: 100%;}
.fs-table thead{background: #e8e8e8; border-top: solid 1px #FFF; //border-top: solid 1px #CCC }
.fs-table thead th, .fs-table thead td, .fs-table tbody td{border-left: solid 1px #CCC; }
.fs-table td:first-child, .fs-table th:first-child{border-left: none;}
.fs-table tbody tr:first-child td {border-top: solid 1px #CCC; box-shadow:inset 0px 2px 3px -2px #CCC}
.fs-table tbody tr td { padding:5px 15px; border-top: solid 1px #EEE;border-color: #EEE; width: auto;}
.fs-table tbody tr:hover td {background: #f5f5f5}
.fs-table thead tr td, .fs-table thead th { padding:5px 15px; color: #363636; text-shadow: 0px 1px 0px #FFF; }
.fs-table.fs-table-noborder {border:none;}
.fs-ico {position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
.fs-ico-25 { width:25px;height:25px; }
.fs-ico-32 { width:32px;height:32px; margin:-4px 0 0; *margin:0; }
.fs-ico-100 { width:100px;height:100px; background-image:url(../../images/common/ico-100.png);}
.fs-ico-100.fs-ico-photo { background-position:0 0; }
.fs-ico-bl-arrow { background:transparent url(../../images/common/ico-bl-32.png) 0 0; }
.fs-room-title {height: 30px; font:19px/23px "Trebuchet MS", Helvetica, sans-serif; color: #363636; margin:0px 0 14px;}
/* user list*/
.fs-users{margin: 0; padding: 0}
.fs-user-item{padding: 0 0 10px 130px; margin: 0; background: none; position: relative; min-height: 120px}
.fs-user-item .fs-user-title{font-size: 17px; padding: 5px 0 0}
.fs-user-item.fs-user-sm .fs-user-title{font-size: 15px; padding: 5px 0 0}
.fs-user-item .fs-user-title a{text-decoration: none}
.fs-user-item .fs-user-about{color: #828282; padding: 5px 0 0}
.fs-user-item .fs-user-motto{position: relative; margin: 5px 0 0; min-width: 200px; max-width: 480px; display: inline-block; padding: 3px 10px; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; border: 1px solid #e2e2e2; background: #fff; *display: inline; zoom: 1}
.fs-user-item .fs-user-motto:before{content: ""; position: absolute; display: block; top: 2px; left: -6px; width: 6px; height: 14px; background: url(../img/user-list.png) -23px 0}
.fs-user-item .fs-user-links{padding: 10px 0 0}
.fs-user-item .fs-user-links a{margin: 0 10px 0 0}
.fs-user-item .fs-user-photo{position: absolute; left: 0; top: 0}
.fs-user-item.user-is-vip .fs-user-photo{
border: 1px solid #ee3c24;
background-color:#f2672a;
background-image:-moz-linear-gradient(top,#f2672a,#ee3c24);
background-image:-webkit-gradient(linear,left top, left bottom,from(#f2672a),to(#ee3c24));
background-image:-o-gradient(linear,left top, left bottom,from(#f2672a),to(#ee3c24));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f2672a', EndColorStr='#ee3c24');
}
.fs-user-item.user-is-vip .fs-user-photosrc:before{
content: ""; position: absolute; display: block; top: 0; left: 5px; width: 23px; height: 26px; background: url(../img/user-list.png) 0 0;
}
.fs-user-item.user-is-collection .fs-user-photo{
border: 1px solid #c18750;
background: url(../../app/vip/img/remake/vip-icon-bg.png) repeat-x 0 center
}
.fs-user-item.user-is-collection .fs-user-photosrc:before{
content: ""; position: absolute; display: block; top: 0; left: 5px; width: 23px; height: 26px; background: url(../img/user-list.png) 0 -26px
}
.fs-user-item .fs-user-photosrc{
display: block; width: 97px; height: 97px; position: relative;
background-color: #FFF;
background-repeat: no-repeat; background-position: center center;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;}
.fs-user-item .fs-user-control{position: absolute; top: 9px; right: 0}
.fs-user-item .panel > a .picto-letter{float: left; margin: 0 4px 0 -6px;}
.fs-user-item .panel a{*line-height: 18px;}
.fs-user-item .panel > a:hover .picto-letter{background-position: -80px -32px;}
.fs-user-item .picto-rowdown{margin: 1px -11px 0 0;}
.fs-user-item .btn-more:hover .picto-rowdown{background-position: -384px -32px;}
.fs-user-item.fs-user-sm { padding: 0 0 10px 70px; min-height: 70px}
.fs-user-sm .fs-user-title, .fs-user-sm .fs-user-about{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle}
.fs-user-sm .fs-user-photo{ padding: 5px; width: 48px; height: 48px; }
.fs-user-sm .fs-user-photosrc{ width: 48px; height: 48px; }
.fs-user-sm .fs-user-photosrc:before{ display: none!important }
/* btn redis */
.btn, .pager a, .pager em, .panel > a, .btn-more{
display: inline-block;*display: inline;*zoom: 1;text-decoration: none; border: 1px solid #dadada;
background-color: #f6f6f6;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e5e7e6));
background-image: -webkit-linear-gradient(top, #f6f6f6, #e5e7e6);
background-image: -moz-linear-gradient(top, #f6f6f6, #e5e7e6);
background-image: -o-linear-gradient(top, #f6f6f6, #e5e7e6);
background-image: linear-gradient(top, #f6f6f6, #e5e7e6);
-webkit-box-shadow:inset 0 1px 0px #fff; -moz-box-shadow: inset 0 1px 0px #fff; box-shadow: inset 0 1px 0px #fff;
border: 1px solid #c4c4c4;
line-height: 1.321em;text-align: center;color: #59595b;font-size: 13px;
border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;
padding: 3px 20px 4px; vertical-align:top;
cursor: pointer;
}
.btn:hover, .pager a:hover, .panel > a:hover, .btn-more:hover{text-decoration: none}
.btn-blue, .pager a.btn-on, .pager em.btn-on, .panel .btn-on{
-webkit-box-shadow: inset 0 0px 1px -1px #a8d5f0; -moz-box-shadow: inset 0 0px 1px #a8d5f0; box-shadow: inset 0 1px 1px #a8d5f0;
background-color: #72b8e3;
background-image: -webkit-gradient(linear, left top, left bottom, from(#72b8e3), to(#3a87c3));
background-image: -webkit-linear-gradient(top, #72b8e3, #3a87c3);
background-image: -moz-linear-gradient(top, #72b8e3, #3a87c3);
background-image: -o-linear-gradient(top, #72b8e3, #3a87c3);
background-image: linear-gradient(top, #72b8e3, #3a87c3);
border-color: #3a87c3
}
.btn-blue:hover, .btn-gray-blue:hover, .btn:hover, .pager a:hover, .pager em:hover , .panel > a:hover, .panel .btn-more:hover, .btn-pointer:active{
-webkit-box-shadow: inset 0 1px 1px #b2d8f0; -moz-box-shadow: inset 0 1px 1px #b2d8f0; box-shadow: inset 0 1px 1px #b2d8f0;
background-color: #80c0e6;
background-image: -webkit-gradient(linear, left top, left bottom, from(#80c0e6), to(#4e92c9));
background-image: -webkit-linear-gradient(top, #80c0e6, #4e92c9);
background-image: -moz-linear-gradient(top, #80c0e6, #4e92c9);
background-image: -o-linear-gradient(top, #80c0e6, #4e92c9);
background-image: linear-gradient(top, #80c0e6, #4e92c9);
border-color: #3a86c2
}
.btn-blue:active, .btn-gray-blue:active, .btn:active, .pager a:active, .pager em:active , .panel > a:active, .panel .btn-more:active{
background-color: #80c0e6;
background-image: -webkit-gradient(linear, left bottom, left top, from(#72b8e3), to(#3a87c3));
background-image: -webkit-linear-gradient(bottom, #72b8e3, #3a87c3);
background-image: -moz-linear-gradient(bottom, #72b8e3, #3a87c3);
background-image: -o-linear-gradient(bottom, #72b8e3, #3a87c3);
background-image: linear-gradient(bottom, #72b8e3, #3a87c3);
border-color: #3a86c2;
-webkit-box-shadow:none; -moz-box-shadow: none; box-shadow: none;
}
.btn-orange, .pager.pager-gray-orange a.btn-on, .panel.panel-gray-orange .btn-on{
-webkit-box-shadow: inset 0 1px 1px #f59166; -moz-box-shadow: inset 0 1px 1px #f59166; box-shadow: inset 0 1px 1px #f29d79;
border-color: #ee3c24;
background-color: #f2662a;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2662a), to(#ee3c24));
background-image: -webkit-linear-gradient(top, #f2662a, #ee3c24);
background-image: -moz-linear-gradient(top, #f2662a, #ee3c24);
background-image: -o-linear-gradient(top, #f2662a, #ee3c24);
background-image: linear-gradient(top, #f2662a, #ee3c24);
}
.btn-gray-orange:hover, .btn-orange:hover, .pager.pager-gray-orange a:hover, .panel.panel-gray-orange > a:hover, .panel.panel-gray-orange .btn-more:hover{
-webkit-box-shadow: inset 0 1px 1px #fa9a71; -moz-box-shadow: inset 0 1px 1px #fa9a71; box-shadow: inset 0 1px 1px #fa9a71;
background-color: #f37640;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f37640), to(#f04e39));
background-image: -webkit-linear-gradient(top, #f37640, #f04e39);
background-image: -moz-linear-gradient(top, #f37640, #f04e39);
background-image: -o-linear-gradient(top, #f37640, #f04e39);
background-image: linear-gradient(top, #f37640, #f04e39);
border-color: #ee3c24;
}
.btn-gray-orange:active, .btn-orange:active, .pager.pager-gray-orange a:active, .panel.panel-gray-orange > a:active, .panel.panel-gray-orange .btn-more:active{
background-color: #f37640;
background-image: -webkit-gradient(linear, left bottom, left top, from(#f2662a), to(#ee3c24));
background-image: -webkit-linear-gradient(bottom, #f2662a, #ee3c24);
background-image: -moz-linear-gradient(bottom, #f2662a, #ee3c24);
background-image: -o-linear-gradient(bottom, #f2662a, #ee3c24);
background-image: linear-gradient(bottom, #f2662a, #ee3c24);
border-color: #ee3c24;
-webkit-box-shadow:none; -moz-box-shadow: none; box-shadow: none;
}
.btn-gray-red:hover, .btn-red:hover{
-webkit-box-shadow: inset 0 1px 1px #f56267; -moz-box-shadow: inset 0 1px 1px #f56267; box-shadow: inset 0 1px 1px #f56267;
background-color: #e41b22;
background-image: -webkit-gradient(linear, left top, left bottom, from(#e41b22), to(#b91116));
background-image: -webkit-linear-gradient(top, #e41b22, #b91116);
background-image: -moz-linear-gradient(top, #e41b22, #b91116);
background-image: -o-linear-gradient(top, #e41b22, #b91116);
background-image: linear-gradient(top, #e41b22, #b91116);
border-color: #9d0a0e
}
.btn-gray-red:active, .btn-red:active{
background-color: #e41b22;
background-image: -webkit-gradient(linear, left bottom, left top, from(#e41b22), to(#b91116));
background-image: -webkit-linear-gradient(bottom, #e41b22, #b91116);
background-image: -moz-linear-gradient(bottom, #e41b22, #b91116);
background-image: -o-linear-gradient(bottom, #e41b22, #b91116);
background-image: linear-gradient(bottom, #e41b22, #b91116);
border-color: #9d0a0e;
-webkit-box-shadow:none; -moz-box-shadow: none; box-shadow: none;
}
.btn-green{
-webkit-box-shadow: inset 0 1px 1px #9fde52; -moz-box-shadow: inset 0 1px 1px #9fde52; box-shadow: inset 0 1px 1px #9fde52;
background-color: #72cc0a;
background-image: -webkit-gradient(linear, left top, left bottom, from(#72cc0a), to(#41b10b));
background-image: -webkit-linear-gradient(top, #72cc0a, #41b10b);
background-image: -moz-linear-gradient(top, #72cc0a, #41b10b);
background-image: -o-linear-gradient(top, #72cc0a, #41b10b);
background-image: linear-gradient(top, #72cc0a, #41b10b);
border-color: #47b508;
color:#fff
}
.btn-green:hover{
-webkit-box-shadow: inset 0 1px 1px #aae364; -moz-box-shadow: inset 0 1px 1px #aae364; box-shadow: inset 0 1px 1px #aae364;
background-color: #78D50B;
background-image: -webkit-gradient(linear, left top, left bottom, from(#78D50B), to(#44BF0D));
background-image: -webkit-linear-gradient(top, #78D50B, #44BF0D);
background-image: -moz-linear-gradient(top, #78D50B, #44BF0D);
background-image: -o-linear-gradient(top, #78D50B, #44BF0D);
background-image: linear-gradient(top, #78D50B, #44BF0D);
border-color: #47b508
}
.btn-green:active{
background-color: #72cc0a;
background-image: -webkit-gradient(linear, left bottom, left top, from(#72cc0a), to(#41b10b));
background-image: -webkit-linear-gradient(bottom, #72cc0a, #41b10b);
background-image: -moz-linear-gradient(bottom, #72cc0a, #41b10b);
background-image: -o-linear-gradient(bottom, #72cc0a, #41b10b);
background-image: linear-gradient(bottom, #72cc0a, #41b10b);
border-color: #47b508;
-webkit-box-shadow: none; -moz-box-shadow:none; box-shadow: none;
}
.btn-disab, .btn.btn-disab:hover, .btn-gray-blue, .btn-gray-orange,
.pager .btn-disab, .pager .btn-disab:hover,.pager.pager-gray-orange a.btn-disab:hover,
.panel .btn-disab:hover,.panel.panel-gray-orange > a.btn-disab:hover{
color: #59595b;
-webkit-box-shadow: inset 0 1px 1px #fbfbfb; -moz-box-shadow: inset 0 1px 1px #fbfbfb; box-shadow: inset 0 1px 1px #fbfbfb;
text-shadow: 0 0 0;
background-color: #f6f6f6;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e5e7e6));
background-image: -webkit-linear-gradient(top, #f6f6f6, #e5e7e6);
background-image: -moz-linear-gradient(top, #f6f6f6, #e5e7e6);
background-image: -o-linear-gradient(top, #f6f6f6, #e5e7e6);
background-image: linear-gradient(top, #f6f6f6, #e5e7e6);
border-color: #c4c4c4;
}
.btn.btn-disab, .btn.btn-disab:hover, .pager .btn-disab,
.pager .btn-disab:hover,.pager.pager-gray-orange a.btn-disab:hover,
.panel .btn-disab:hover,.panel.panel-gray-orange a.btn-disab:hover, .panel .btn-disab{color: #a0a1a3; cursor: default}
.btn.btn-disab:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.btn-blue, .btn-orange, .btn-blue:hover, .btn-gray-blue:hover,
.btn:hover, .btn-gray-orange:hover, .btn-orange:hover, .pager a:hover, .btn-gray-red:hover,
.pager em:hover, .pager .btn-on, .panel .btn-on, .panel > a:hover, .panel .btn-more:hover{ color: #fff}
.btn-blue:active, .btn-gray-blue:active,
.btn:active, .btn-gray-orange:active, .btn-orange:active, .pager a:active, .btn-gray-red:active,
.pager em:active, .pager .btn-on, .panel .btn-on, .panel > a:active, .panel .btn-more:active{ color: #fff}
.btn-block{display: block}
.btn-square, .pager a, .pager em{padding: 3px 5px 4px; min-width: 16px; position: relative; font-style: normal}
.btn-b.btn-square{padding: 0 10px}
.btn.btn-b{font-size: 21px;}
.btn-pointer{
background: url(../img/bg_btn_pointer.png) 0 -26px;
border-color: #dadada; line-height: 19px; position: relative; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
*behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<div class="btn-pointer-before"></div>' + this.innerHTML + '<div class="btn-pointer-after"></div>') : '');
}
.btn-pointer.btn-pointer-back{margin: 0 0 0 13px; border-width: 0 1px 0 0;-moz-border-radius: 0 3px 3px 0;-webkit-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0;}
.btn-pointer.btn-pointer-back:before,.btn-pointer.btn-pointer-back .btn-pointer-before {
content: "";position: absolute;
width: 13px; height: 26px;
background: url(../img/bg_btn_pointer.png) 0 0; left: -13px; top: 0; display:block;
}
.btn-pointer.btn-pointer-next{margin: 0 13px 0 0; border-width: 0 0 0 1px;-moz-border-radius: 3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;}
.btn-pointer.btn-pointer-next:after,.btn-pointer.btn-pointer-next .btn-pointer-after {
content: "";position: absolute;
width: 13px; height: 26px;
background: url(../img/bg_btn_pointer.png) -13px 0; right: -13px; top: 0; display:block;
}
.btn-pointer:active {
background: url(../img/bg_btn_pointer.png) 0 -26px;
}
.btn-pointer.btn-blue{background-position: 0 -78px;border-color: #3a87c3;}
.btn-pointer.btn-blue.btn-pointer-back:before,.btn-pointer.btn-blue.btn-pointer-back .btn-pointer-before{background-position: 0 -52px}
.btn-pointer.btn-blue.btn-pointer-next:after,.btn-pointer.btn-blue.btn-pointer-next .btn-pointer-after{background-position: -13px -52px}
.btn-pointer:hover{background: url(../img/bg_btn_pointer.png) 0 -130px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.btn-pointer.btn-pointer-back:hover:before, .btn-pointer.btn-pointer-back:hover .btn-pointer-before {background: url(../img/bg_btn_pointer.png) 0 -104px}
.btn-pointer.btn-pointer-next:hover:after, .btn-pointer.btn-pointer-after:hover .btn-pointer-after {background: url(../img/bg_btn_pointer.png) -13px -104px}
.pager{text-align: right; font-size: 0}
.pager li{display: inline-block; *display: inline; zoom: 1; vertical-align: top; padding: 0; background : none}
.pager-center{text-align: center}
.panel{font-size: 0; position: relative; z-index: 1}
.panel.panel-left{float: left}
.panel.panel-right{float: right}
.panel > a, .panel .btn-more{
padding: 3px 10px 4px;
-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;
margin: 0 0 0 -1px;*left: 0;*zoom: 1;
}
.panel > a:hover, .panel > .btn-on{z-index: 1; position: relative; *left: -1px}
.panel > .btn-disab:hover, .panel > .btn-disab.btn-on{z-index: auto; position: static; *left: 0px}
.panel > :first-child{
padding: 3px 10px 4px 15px;
-moz-border-radius: 3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;margin: 0; *left: 0!important;
}
.panel .btn-last{
padding: 3px 15px 4px 10px; -moz-border-radius: 0 3px 3px 0;-webkit-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0;}
.panel .btn-more.btn-alone{padding: 3px 15px 4px 15px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.sub-panel{
display: none; position: absolute;top: 29px;left: 0; z-index: 2;text-align: left;
background: #fff;padding: 2px 0;border: 1px solid #ebecec;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px}
.sub-panel.sub-panel-r{right: 0; left: auto;}
.sub-panel:before{
position: absolute; top: -4px; left: 15px; height: 4px; width: 8px; content: ""; display: block;
background: url(../../img/icon_16.png) -116px -4px;
}
.sub-panel.sub-panel-r:before{right: 15px; left: auto;}
.sub-panel a{
text-decoration: none;
font-size: 13px;
line-height: 16px;
display: block;
padding: 8px 15px;
background: none;
border: none;
box-shadow: 0 0 0;
border-top: 1px solid #ebecec;
color: #58595b;
text-align: left;
white-space: nowrap;
position: relative;
}
.sub-panel a:hover{color: #f15a2a; background: #f8f8f8; border: none; border-top: 1px solid #ebecec;}
.sub-panel a:first-child{border: none}
.pager a, .pager em{margin: 0 5px}
.pager.pager-sm a, .pager.pager-sm em{margin: 0 2px; padding: 2px 5px 3px}
.pager .btn-first, .pager .btn-last {display:none}
/* icon */
.icon, .icon-circle, .picto{
display: inline-block; *display: inline; *zoom: 1; vertical-align: top;
width: 16px; height: 16px; background-image: url('../../img/icon_16.png'); background-position: 0 0; position: relative;
}
.icon.icon-white.icon-next{background-position: 0 -64px}
.icon.icon-white.icon-back{background-position: -16px -64px}
.icon.icon-white.icon-ok{background-position: -32px -64px}
.icon.icon-white.icon-plus{background-position: -48px -64px}
.icon.icon-white.icon-minus{background-position: -64px -64px}
.icon.icon-white.icon-close{background-position: -80px -64px}
.icon.icon-white.icon-alert{background-position: -96px -64px}
.icon.icon-white.icon-pencil{background-position: -128px 0}
.icon.icon-gray.icon-next{background-position: 0 0}
.icon.icon-gray.icon-back{background-position: -16px 0}
.icon.icon-gray.icon-ok{background-position: -32px 0}
.icon.icon-gray.icon-plus{background-position: -48px 0}
.icon.icon-gray.icon-minus{background-position: -64px 0}
.icon.icon-gray.icon-close{background-position: -80px 0}
.icon.icon-gray.icon-alert{background-position: -96px 0}
.icon.icon-orange.icon-next{background-position: 0 -16px}
.icon.icon-orange.icon-back{background-position: -16px -16px}
.icon.icon-orange.icon-ok{background-position: -32px -16px}
.icon.icon-orange.icon-plus{background-position: -48px -16px}
.icon.icon-orange.icon-minus{background-position: -64px -16px}
.icon.icon-orange.icon-close{background-position: -80px -16px}
.icon.icon-orange.icon-alert{background-position: -96px -16px}
.icon.icon-blue.icon-next{background-position: 0 -32px}
.icon.icon-blue.icon-back{background-position: -16px -32px}
.icon.icon-blue.icon-ok{background-position: -32px -32px}
.icon.icon-blue.icon-plus{background-position: -48px -32px}
.icon.icon-blue.icon-minus{background-position: -64px -32px}
.icon.icon-blue.icon-close{background-position: -80px -32px}
.icon.icon-blue.icon-alert{background-position: -96px -32px}
.icon.icon-green.icon-next{background-position: 0 -48px}
.icon.icon-green.icon-back{background-position: -16px -48px}
.icon.icon-green.icon-ok{background-position: -32px -48px}
.icon.icon-green.icon-plus{background-position: -48px -48px}
.icon.icon-green.icon-minus{background-position: -64px -48px}
.icon.icon-green.icon-close{background-position: -80px -48px}
.icon.icon-green.icon-alert{background-position: -96px -48px}
.icon.icon-red.icon-next{background-position: 0 -80px}
.icon.icon-red.icon-back{background-position: -16px -80px}
.icon.icon-red.icon-minus{background-position: -64px -80px}
.icon.icon-red.icon-close{background-position: -80px -80px}
.icon.icon-red.icon-alert{background-position: -96px -80px}
.icon-circle{background-position: 0 -96px; margin: 1px 3px 0 3px}
.icon-circle.icon-orange, .icon-gray.icon-hover-orange:hover{background-position:0 -96px}
.icon-circle.icon-blue, .icon-gray.icon-hover-blue:hover{background-position:-16px -96px}
.icon-circle.icon-green, .icon-gray.icon-hover-green:hover{background-position:-32px -96px}
.icon-circle.icon-red, .icon-gray.icon-hover-red:hover{background-position:-48px -96px}
.icon-circle.icon-gray, .icon-opacity.icon-hover:hover{background-position:-64px -96px}
.icon-circle.icon-opacity{background-position:-80px -96px}
.icon-circle.icon-white{background-position:-80px -96px}
.icon-hover{cursor: pointer}
.icon-hover.icon-gray:hover .icon-next, .btn:hover .icon-next, .panel a:hover .icon-next, .pager a:hover .icon-next, .pager em:hover .icon-next, .btn-on .icon-next{background-position: 0 -64px}
.icon-hover.icon-gray:hover .icon-back, .btn:hover .icon-back, .panel a:hover .icon-back, .pager a:hover .icon-back, .pager em:hover .icon-back, .btn-on .icon-back{background-position: -16px -64px}
.icon-hover.icon-gray:hover .icon-ok, .btn:hover .icon-ok, .panel a:hover .icon-ok, .btn-on .icon-ok{background-position: -32px -64px}
.icon-hover.icon-gray:hover .icon-plus, .btn:hover .icon-plus, .panel a:hover .icon-plus, .btn-on .icon-plus{background-position: -48px -64px}
.icon-hover.icon-gray:hover .icon-minus, .btn:hover .icon-minus, .panel a:hover .icon-minus, .btn-on .icon-minus{background-position: -64px -64px}
.icon-hover.icon-gray:hover .icon-close, .btn:hover .icon-close, .panel a:hover .icon-close, .btn-on .icon-close{background-position: -80px -64px}
.icon-hover.icon-gray:hover .icon-alert, .btn:hover .icon-alert, .panel a:hover .icon-alert, .btn-on .icon-alert{background-position: -96px -64px}
.icon-hover.icon-gray:hover .icon-pencil, .btn:hover .icon-pencil, .panel a:hover .icon-pencil, .btn-on .icon-pencil{background-position: -128px 0}
.btn .icon{margin-top: 1px; margin-left: -13px; *left: -13px}
.btn.btn-square .icon{margin-left: 0px;}
.pager .icon{top: 1px}
.picto{background-image: url(../../img/icon_pic_16.png?1)}
.picto-vip{background-position: -16px 0}
.picto-vip.picto-gray{background-position: -16px -16px}
.picto-vip.picto-white{background-position: -16px -32px}
.picto-fm{background-position: -32px 0}
.picto-fm.picto-gray{background-position: -32px -16px}
.picto-fm.picto-white{background-position: -32px -32px}
.picto-pacman{background-position: -48px 0}
.picto-pacman.picto-gray{background-position: -48px -16px}
.picto-pacman.picto-white{background-position: -48px -32px}
.picto-settings{background-position: -64px 0}
.picto-settings.picto-gray{background-position: -64px -16px}
.picto-settings.picto-white{background-position: -64px -32px}
.picto-letter{background-position: -80px 0}
.picto-letter.picto-gray{background-position: -80px -16px}
.picto-letter.picto-white{background-position: -80px -32px}
.picto-leader{background-position: -96px 0}
.picto-leader.picto-gray{background-position: -96px -16px}
.picto-leader.picto-white{background-position: -96px -32px}
.picto-up{background-position: -112px 0}
.picto-up.picto-gray{background-position: -112px -16px}
.picto-up.picto-white{background-position: -112px -32px}
.picto-like{background-position: -128px 0}
.picto-like.picto-gray{background-position: -128px -16px}
.picto-like.picto-white{background-position: -128px -32px}
.picto-vote{background-position: -144px 0}
.picto-vote.picto-gray{background-position: -144px -16px}
.picto-vote.picto-white{background-position: -144px -32px}
.picto-friendplus{background-position: -160px 0}
.picto-friendplus.picto-gray{background-position: -160px -16px}
.picto-friendplus.picto-white{background-position: -160px -32px}
.picto-friendminus{background-position: -176px 0}
.picto-friendminus.picto-gray{background-position: -176px -16px}
.picto-friendminus.picto-white{background-position: -176px -32px}
.picto-friends{background-position: -192px 0}
.picto-friends.picto-gray{background-position: -192px -16px}
.picto-friends.picto-white{background-position: -192px -32px}
.picto-favoriteplus{background-position: -208px 0}
.picto-favoriteplus.picto-gray{background-position: -208px -16px}
.picto-favoriteplus.picto-white{background-position: -208px -32px}
.picto-favoriteminus{background-position: -224px 0}
.picto-favoriteminus.picto-gray{background-position: -224px -16px}
.picto-favoriteminus.picto-white{background-position: -224px -32px}
.picto-favorite{background-position: -240px 0}
.picto-favorite.picto-gray{background-position: -240px -16px}
.picto-favorite.picto-white{background-position: -240px -32px}
.picto-present{background-position: -256px 0}
.picto-present.picto-gray{background-position: -256px -16px}
.picto-present.picto-white{background-position: -256px -32px}
.picto-photo{background-position: -272px 0}
.picto-photo.picto-gray{background-position: -272px -16px}
.picto-photo.picto-white{background-position: -272px -32px}
.picto-photolike{background-position: -288px 0}
.picto-photolike.picto-gray{background-position: -288px -16px}
.picto-photolike.picto-white{background-position: -288px -32px}
.picto-edit{background-position: -304px 0}
.picto-edit.picto-gray{background-position: -304px -16px}
.picto-edit.picto-white{background-position: -304px -32px}
.picto-skin{background-position: -320px 0}
.picto-skin.picto-gray{background-position: -320px -16px}
.picto-skin.picto-white{background-position: -320px -32px}
.picto-meeting{background-position: -336px 0}
.picto-meeting.picto-gray{background-position: -336px -16px}
.picto-meeting.picto-white{background-position: -336px -32px}
.picto-blog{background-position: -352px 0}
.picto-blog.picto-gray{background-position: -352px -16px}
.picto-blog.picto-white{background-position: -352px -32px}
.picto-media{background-position: -368px 0}
.picto-media.picto-gray{background-position: -368px -16px}
.picto-media.picto-white{background-position: -368px -32px}
.picto-rowdown {background-position: -384px 0}
.picto-rowdown.picto-gray {background-position: -384px -16px}
.picto-rowdown.picto-white {background-position: -384px -32px}
.picto-smile {background-position: -432px 0}
.picto-smile.picto-gray {background-position: -432px -16px}
.picto-smile.picto-white {background-position: -432px -32px}
.picto-comp {background-position: -464px 0}
.picto-comp.picto-gray {background-position: -464px -16px}
.picto-comp.picto-white {background-position: -464px -32px}
.picto-webcam {background-position: -448px 0}
.picto-webcam.picto-gray {background-position: -448px -16px}
.picto-webcam.picto-white {background-position: -448px -32px}
.picto-chat {background-position: -480px 0}
.picto-chat.picto-gray {background-position: -480px -16px}
.picto-chat.picto-white {background-position: -480px -32px}
.picto-find {background-position: -496px 0}
.picto-find.picto-gray {background-position: -496px -16px}
.picto-find.picto-white {background-position: -496px -32px}
.picto-kiss {background-position: -512px 0}
.picto-kiss.picto-gray {background-position: -512px -16px}
.picto-kiss.picto-white {background-position: -512px -32px}
.picto-game {background-position: -530px 0}
.picto-game.picto-gray {background-position: -530px -16px}
.picto-game.picto-white {background-position: -530px -32px}
.picto-lock {background-position: -546px 0}
.picto-lock.picto-gray {background-position: -546px -16px}
.picto-lock.picto-white {background-position: -546px -32px}
.picto-heart {background-position: -562px 0}
.picto-heart.picto-gray {background-position: -562px -16px}
.picto-heart.picto-white {background-position: -562px -32px}
.pager-userwall-top, .pager-commwall-top{margin: 0 5px 15px 10px;}
.pager-userwall-top, .pager-userwall-bot , .pager-commwall-top, .pager-commwall-bot{clear: both;overflow: hidden;}
/* Smiles */
div.smiles{position:relative;height:30px;padding-top:5px}
#more_smiles{font-size:11px;position:absolute;top:11px;right:1px;font-style:normal}
.smiles .smile{float:left;margin:2px}
.smiles span{color:#333;cursor:pointer;text-decoration:underline}
.moreSmiles, #more_smiles div
{
background-color:#fff;
border:1px solid #bbb;
border-bottom-color:#aaa;
border-right-color:#aaa;
cursor:default;
display:none;
line-height:32px;
padding:4px 0 4px 5px;
position:absolute;
width:420px;
z-index:25;
overflow:auto;
max-height:210px
}
#moreSmilesFree, #moreSmilesPremium {bottom:-1px}
#more_smiles div{right:40px;top:-6px;z-index:5}
#more_smiles div img{cursor:pointer;margin-right:5px;vertical-align:middle}
.smiles .messGift{float:right;height:30px}
.smiles .messGift .js_link{border-bottom:none !important; color:#808080}
.comment .pngSmile {margin:0; float:none}
/* Widget */
.widget{background-color:#fff;border: 1px solid #dcdcde;}
.userSpaceColumn .widget {width:334px}
.widgetCommonCollection{margin: -11px}
.widget .widgetHeaderWrapper{background-image:url(../../images/profile/widget_header_bck.gif);background-color:#f1f1f1}
.widget .widgetHeader{overflow:hidden;width:100%;*zoom:1;}
.widget .widgetHeader * {color:#fff}
.widget .widgetHeader h3
{
font-weight:bold;
font-size:13px;
padding:4px 5px 5px 11px;
margin:0;
float:left;
max-width:273px;
overflow:hidden;
color:#fff;
line-height: 1.3em
}
#systemSpaceTop .widgetHeader h3 {max-width:640px}
.widget .widgetHeader h3 a {text-decoration:none}
.widgetHeaderButtonBlock
{
position:relative;
float:right;
width:38px;
padding:2px 5px 4px 2px;
margin-top:2px;
height:14px;
display:none
}
.widgetHeaderButtonBlock.notifiable{width:58px !important;}
.widgetHeaderWrapper:hover .widgetHeaderButtonBlock {display:block}
#homeMapWidget .widgetBody {padding:9px 0 0}
.widgetHeaderButton
{
background:url(../../images/profile/wi.png?ver=02) 0 0 no-repeat;
position:relative;
float:right;
width:14px;
height:0;
padding-top:14px;
overflow:hidden;
margin:0 0 0 5px
}
.widgetHeaderButton:hover {background-position:0 -14px}
.widgetHeaderButtonEdit {background-position:-14px 0}
.widgetHeaderButtonEdit:hover {background-position:-14px -14px}
.widgetHeaderButtonSlide.upslide {background-position:-42px 0}
.widgetHeaderButtonSlide.upslide:hover {background-position:-42px -14px; cursor: pointer;}
.widgetHeaderButtonSlide.downslide {background-position:-56px 0}
.widgetHeaderButtonSlide.downslide:hover {background-position:-56px -14px; cursor: pointer;}
.widgetHeaderButtonNewsletter {background-position:-28px 0}
.widgetHeaderButtonNewsletter:hover {background-position:-28px -14px}
/* widget-nfeed */
.widget-nfeed .widgetHeaderButtonBlock.notifiable {width:100px !important;}
.widgetHeaderButtonToggle {background-position:-42px 0;}
.widgetHeaderButtonToggle:hover {background-position:-42px -14px;}
/* widget-minimized */
.widget-minimized .widgetHeaderButtonToggle {background-position:-56px 0;}
.widget-minimized .widgetHeaderButtonToggle:hover {background-position:-56px -14px;}
.widget-minimized .widgetBodyWrapper {display:none;}
.delButton, .complainButton, .editButton
{
background:url(../../images/basic/imgs.png) 0 -10px no-repeat;
width:14px;
height:0;
padding-top:14px;
margin-left:2px;
overflow:hidden;
cursor:pointer;
display:-moz-inline-box;
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle
}
.complainButton {background-position:-14px -10px}
.editButton {background-position:-28px -10px}
.commentEntry .delButton, .commentEntry .complainButton {visibility:hidden}
.commentEntry:hover .delButton, .commentEntry:hover .complainButton {visibility:visible}
/* profile-header */
.profile-header { margin:0 0 10px;padding:15px 20px; }
.profile-header h2 {0 0 8px}
.profile-header h2 a:link, .profile-header h2 a:visited { font-size:21px; text-decoration:none; color:#222; font-weight:normal; }
.profile-header h2 a:hover, .profile-header h2 a:active, .profile-header .hBar a.active { text-decoration:none; color: #F15A2A}
.profile-header .hBar { float:right; padding:13px 0; margin:0 -15px 0 0 !important; }
.profile-header .hBar li { padding:0 20px !important; float: left}
.profile-header .hBar li img#mail_approve{ position: relative; top: -15px; margin: 0 0 -35px;}
.profile-header .hBar a:link, .profile-header .hBar a:visited { font-size:17px; text-decoration:none; color:#222; font-weight:normal; }
.profile-header .hBar a:hover, .profile-header .hBar a:active, .profile-header .hBar a.active { text-decoration:none; color: #F15A2A}
.profile-header .hBarWrapper{position:relative;float:left;overflow:hidden;padding:6px 0 15px}
.profile-header .hBar{position:relative;margin:0}
.profile-header .hBar li{position:relative;background:none;margin:0;padding:0 11px;float:left;border-left:1px dotted #c0c0c0}
.profile-header .hBar .first {border-left:0}
.hBar li a {font-weight:bold; }
.icon-next-profile{margin: 0 0 0 10px; top: 3px;}
.profile-header-pht { float:left;width:48px;height:48px;margin:0 10px 0 0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; }
.profile-header-online, .profile-header-offline {
cursor:default;font-size:11px;font-weight:bold;display:inline-block;margin:0 0 0 6px;
padding:0 9px 1px;color:#fff;
-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
background-color:#3aad08;background-image:-moz-linear-gradient(top,#7dda07,#3aad08);
background-image:-webkit-gradient(linear,left top, left bottom,from(#7dda07),to(#3aad08)); }
.profile-header-offline {
background-color:#aaa;
background:-moz-linear-gradient(top,#ddd,#aaa);
background:-webkit-gradient(linear,left top, left bottom,from(#ddd),to(#aaa)); }
.profile-header-vip {
float:left;
margin:0 5px 0 0;
width:25px;height:21px;
background-image:url(../../app/profile/img/profile-s.png?v=2);
background-position:-93px 0; }
.profile-header-vip.profile-header-vip-unactive{
float:left;
margin:2px 4px 0 0;
width:25px;
height:21px;
background-image:url(../../app/profile/img/profile-s.png?v=2);
background-position:-93px -23px;
cursor:pointer}
.profile-header-next { margin-left:10px; }
/* system */
#zenbox_tab{left: 0;background-image: url("../../images/support/support_tab.png");border: 0;background-color: transparent;top:40% ;position:fixed;width:21px;height: 90px;background-position: 0 0; z-index: 1}#zenbox_tab:hover{background-position: -21px 0; cursor: pointer}
#server-info{margin: -25px 0 0; background: rgba(255,255,255,.5);position: absolute; right: 0; height: 25px; line-height: 25px; padding: 0 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px}
#server-info:hover{background: rgba(255,255,255,.8)}
/* fs extensions */
#fs_ext_toolbar_box {position:absolute;left:0;top:0;width:100%;overflow:visible;z-index:9999;}#chrome_info {background:-webkit-gradient(linear,left top,left bottom,from(#FFF2B7),to(#FFE793));border-bottom:1px solid #B6BAC0;margin:0;display:none;height:36px;width:100%;position:relative;top:-37px;-webkit-transition: top .25s ease-out;}#chrome_addon_install_icon {vertical-align:middle;height:32px;width:32px;margin:2px;float:left;background-image:url('../../images/chrometheme/infobar_plugin.png');}#chrome_addon_install_message {display:inline;vertical-align:middle;line-height:34px;font-family:Segoe UI,Tahoma;font-size:16px;}#chrome_addon_install_buttonblock {position:absolute;top:0;right:0;line-height:34px;height:36px;text-align:right;width:20em;}
#chrome_addon_install {float:right;margin:6px 22px 2px 2px;padding:2px;height:22px;line-height:22px;width:96px;background-image:url('../../images/chrometheme/button.png');text-align:center;text-decoration:none;color:#444;}#chrome_info button {vertical-align:middle;}#chrome_addon_install_remove {float:right;width:16px;height:16px;cursor:pointer;margin-top:10px;margin-right:5px;background-image:url('../../images/chrometheme/close_bar_h.png');opacity:.5;-webkit-transition:opacity .1s ease-in-out;}#chrome_addon_install_remove:hover{opacity:1;}
#fs_opera_ext_toolbar_box {position:absolute;left:0;top:0;width:100%;overflow:visible;z-index:9999;}#opera_info {background: #FFE793;border-bottom:1px solid #B6BAC0;margin:0;display:none;height:36px;width:100%;position:relative;top:-37px;-webkit-transition: top .25s ease-out;}#opera_addon_install_icon {vertical-align:middle;height:32px;width:32px;margin:2px;float:left;background-image:url('../../images/chrometheme/infobar_plugin.png');}#opera_addon_install_message {display:inline;vertical-align:middle;line-height:34px;font-family:Segoe UI,Tahoma;font-size:16px;}#opera_addon_install_buttonblock {position:absolute;top:0;right:0;line-height:34px;height:36px;text-align:right;width:20em;}#opera_addon_install {float:right;margin:6px 22px 2px 2px;padding:2px;height:22px;line-height:22px;width:96px;background-image:url('../../images/chrometheme/button.png');text-align:center;text-decoration:none;color:#444;}#opera_info button {vertical-align:middle;}#opera_addon_install_remove {float:right;width:16px;height:16px;cursor:pointer;margin-top:10px;margin-right:5px;background-image:url('../../images/chrometheme/close_bar_h.png');opacity:.5;-webkit-transition:opacity .1s ease-in-out;}#opera_addon_install_remove:hover{opacity:1;}
/* no loggin block */
.notLogginBlock{
font: 13px/1.231 "Trebuchet MS",Helvetica,sans-serif;
position:relative;
z-index:1;
width: 100%;
margin: 28px 0 -29px;
background: url("../../images/login/unlogin_panel_bg.jpg");
height: 130px;}
.notLogginBlockInner{width: 960px; margin: 0 auto; padding: 20px; color: #fff}
.notLogginBlockInner .title{font-size: 25px; font-style: italic; font-weight: bold; text-shadow: 0 1px 0 rgba(0,0,0,0.4)}
.notLogginBlockInner .underTitle{font-size: 21px; font-style: italic; font-weight: bold; text-shadow: 0 1px 0 rgba(0,0,0,0.4); padding: 0 0 10px 0}
.notLogginBlockInner .labelTitle{font-size: 17px; font-style: italic; font-weight: bold; text-shadow: 0 1px 0 rgba(0,0,0,0.4); line-height: 30px;}
.notLogginBlockInner .connect{
font-size: 25px;
font-style: italic;
font-weight: bold;
text-shadow: 0 1px 0 rgba(0,0,0,0.4);
float: right;
text-align: center;
background: url(../../images/login/not_login_but.png) 0 0;
line-height: 62px;
height: 62px;
width: 251px;
text-decoration: none;
color: #fff;
margin: 15px 0 0;
}
.notLogginBlockInner .connect:hover{color: #fff; background-position: 0 -62px}
.notLogginBlockInner .infoItem{float: left; width: 150px; height: 30px; line-height: 30px; font-size: 15px; text-align: center; margin: 0 0 0 10px; background: url("../../images/login/not_login_but.png") -251px 0}
/*block leader*/
#blockLeaderContact {padding: 10px 0;}
#blockLeaderContact .in_content {
background: url("../../images/top/leader/bg.png") repeat scroll 0 0 transparent;
border-bottom: 1px solid #FFBA03;border-top: 1px solid #FFBA03;padding: 10px 6px;
}
#blockLeaderContact h3 {color: #666666;}
#blockLeaderContact .item {margin-bottom: 15px;}
#blockLeaderContact .item.lastItem {margin-bottom: 2px !important;}
#blockLeaderContact .photo {
background: none repeat scroll 0 0 #F8D487;
-moz-border-radius: 2px 2px 2px 2px;-webkit-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;
float: left;height: 50px;margin-right: 6px;margin-top: 5px;padding: 2px 0 0 2px;width: 50px;
}
#blockLeaderContact .item .info, #blockLeaderContact .item .info a {color: #FF7600 !important;}
#blockLeaderContact .info {float: left;width: 170px;}
#blockLeaderContact .info .name {font-family: trebuchet MS;font-size: 13px;overflow: hidden;padding-bottom: 4px;white-space: nowrap;}
#blockLeaderContact .info .name a {font-size: 13px !important;font-weight: bold;}
#blockLeaderContact .info .text {color: #000000;font-size: 11px;max-height: 45px;min-height: 30px;overflow: hidden;}
#blockLeaderContact .info .votes {color: #B2B2B2;overflow: hidden;padding-left: 110px;white-space: nowrap;}
#blockLeaderContact .leadButtn {margin-top: 10px; text-align: right}
#blockLeaderContact .comment {color: #666666;font-size: 12px;font-style: italic;line-height: 15px;}
/* global messages */
.msg {
position:relative;
*zoom:1;
border-style:solid;
border-width:1px 1px 2px;
border-width:1px\0/;
*border-width:1px;
border-color:rgba(94, 94, 94, .14);
border-color:#e8e8e8\0/;
*border-color:#e8e8e8;
background:#fff url(../../images/common/box-s.png) repeat-x 0 100%;
-moz-background-clip:padding;
-webkit-background-clip:padding;
background-clip:padding-box;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:5px 20px 5px 36px;
*padding:10px 20px 5px 36px;
margin:0 0 10px 0;
font-weight:normal;
overflow:hidden;
font-size:13px;
font-family: "Trebuchet Ms";
*behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<div class="msg-before"></div>' + this.innerHTML + '<div class="msg-after"></div>') : '');
}
.msg:before, .msg-before {content:''; width: 16px; height: 16px; display: block; background: url(../../img/icon_16.png) -64px -96px; position: absolute; top: 11px; left: 12px}
.msg:after, .msg-after {content:''; width: 16px; height: 16px; display: block; background: url(../../img/icon_16.png) -80px -64px; position: absolute; top: 11px; left: 12px}
.msg, .msg a {color:#555;}
.msg a:hover{text-decoration: none}
.msg .desc, .msg .desc a {color:#888}
.msg p, .msg.msg-sm p, .msg.msg-lg p {line-height:140%; margin:5px 0}
.msg.msg-sm, .msg.msg-sm * {font-size:13px;}
.msg.msg-lg, .msg.msg-lg * {font-size:14px;}
.msg.msg-warning:before,.msg.msg-warning .msg-before{background-position: 0 -96px;}
.msg.msg-warning:after,.msg.msg-warning .msg-after{background-position: -96px -64px;}
.msg.msg-error:before, .msg.msg-error .msg-before{background-position: -48px -96px;}
.msg.msg-error:after, .msg.msg-error .msg-after{background-position: -64px -64px;}
.msg.msg-success:before, .msg.msg-success .msg-before{background-position: -32px -96px;}
.msg.msg-success:after, .msg.msg-success .msg-after{background-position: -32px -64px;}
.msg.msg-help:before, .msg.msg-help .msg-before,
.msg.msg-info:before, .msg.msg-info .msg-before,
.msg.msg-maininfo:before, .msg.msg-maininfo .msg-before{background-position:-16px -96px}
.msg.msg-help:after, .msg.msg-help .msg-after,
.msg.msg-info:after, .msg.msg-info .msg-after,
.msg.msg-maininfo:after, .msg.msg-maininfo .msg-after{background-position: -144px -64px}
/* box */
.fs-content-box {
position:relative;
background:#fff url(../../images/common/box-s.png) repeat-x 0 100%;
*background:#fff;
padding:10px 20px;
-moz-box-shadow:0px 1px 1px rgba(82,82,82,0.6);
-webkit-box-shadow:0px 1px 1px rgba(82,82,82,0.6);
box-shadow:0px 1px 1px rgba(82,82,82,0.6);
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;}
.fs-inner-box, .fs-inner-wrap {
position:relative;
*zoom:1;
margin:0 0 15px;
padding:10px;
border-style:solid;
border-width:1px 1px 2px;
border-width:1px\0/;
*border-width:1px;
border-color:rgba(94, 94, 94, .14);
border-color:#e8e8e8\0/;
*border-color:#e8e8e8;
background:#fff url(../../images/common/box-s.png) repeat-x 0 100%;
-moz-background-clip:padding;
-webkit-background-clip:padding;
background-clip:padding-box;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.fs-inner-wrap { padding:0; }
.fs-inner-box:before, .fs-inner-wrap:before {
content:'';
position:absolute;
bottom:-1px;
left:0;
width:100%;
height:5px;
display:none\0/;
border-bottom:1px solid rgba(94, 94, 94, .42);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;}
.fs-box { padding:20px;background-color:#fff; }
.fs-main-content { padding:10px 0; }
.fs-side-content { padding:10px 0; }
.fs-full-content { padding:10px 0 0 0; }
.fs-scnd-content { padding:10px 0; }
/**/
.fs-layout-2r .fs-main-content { float:right;width:700px; }
.fs-layout-2r .fs-side-content, .fs-layout-2r .fs-scnd-content { float:left;width:240px; }
.fs-layout-2l .fs-main-content { float:left;width:700px; }
.fs-layout-2l .fs-side-content, .fs-layout-2l .fs-scnd-content { float:right;width:240px; }
.fs-layout-3 .fs-main-content { float:left;width:440px;margin:0 0 0 20px; }
.fs-layout-3 .fs-side-content { float:left;width:240px; }
.fs-layout-3 .fs-full-content { float:left;width:700px; margin:0 0 0 20px; }
.fs-layout-3 .fs-scnd-content { float:right;width:240px; }
.fs-layout-3i .fs-main-content { float:right;width:440px;margin:0 20px 0 0; }
.fs-layout-3i .fs-side-content { float:right;width:240px; }
.fs-layout-3i .fs-scnd-content { float:left;width:240px; }
/* helpers */
.fl-l {float:left;}
.fl-r {float:right;}
.fl-c {float:none; margin-left: auto; margin-right:auto}
.ov-h {overflow:hidden;}
.d-b{display:block}
.d-ib{display:inline-block; *display: inline; *zoom: 1; vertical-align: top}
.d-i{display: inline}
.d-n {display:none !important}
.ta-l {text-align:left}
.ta-r {text-align:right}
.ta-c {text-align:center}
.cur-point {cursor:pointer}
.fs-br-3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.fs-corner-4-all { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.fs-corner-4-bottom { -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; }
.fs-corner-4-top { -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; }
.fs-r-5-all { -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.fs-r-5-t { -moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.fs-r-5-b { -moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
.fs-r-5-bl { -moz-border-radius:0 0 0 5px;-webkit-border-radius:0 0 0 5px;border-radius:0 0 0 5px;}
.fs-r-5-br { -moz-border-radius:0 0 5px 0;-webkit-border-radius:0 0 5px 0;border-radius:0 0 5px 0;}
.fs-r-10-all { -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.fs-r-10-t { -moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
.fs-r-10-b { -moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;}
.fs-r-10-bl { -moz-border-radius:0 0 0 10px;-webkit-border-radius:0 0 0 10px;border-radius:0 0 0 10px;}
.fs-r-10-br { -moz-border-radius:0 0 10px 0;-webkit-border-radius:0 0 10px 0;border-radius:0 0 10px 0;}
.fs-r-15-all { -moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}
.fs-r-10-b { -moz-border-radius:0 0 15px 15px;-webkit-border-radius:0 0 15px 15px;border-radius:0 0 15px 15px;}
.fs-r-15-t { -moz-border-radius:15px 15px 0 0;-webkit-border-radius:15px 15px 0 0;border-radius:15px 15px 0 0;}
.fs-shadow-box { -moz-box-shadow:0px 1px 2px rgba(0,0,0,.2);-webkit-box-shadow:0px 1px 2px rgba(0,0,0,.2);box-shadow:0px 1px 2px rgba(0,0,0,.2); }
.h {display:none}
.nowrap {white-space:nowrap}
.w-20px {width:20px !important; margin-right:5px}
.w-30px {width:30px !important; margin-right:5px}
.w-40px {width:40px !important; margin-right:5px}
.w-50px {width:50px !important; margin-right:5px}
.w-100px {width:100px !important; margin-right:5px}
.w-120px {width:120px !important; margin-right:5px}
.w-150px {width:150px !important; margin-right:5px}
.w-200px {width:200px !important; margin-right:5px}
.w-300px {width:300px !important; margin-right:5px}
.w-320px {width:320px !important; margin-right:5px}
.w-350px {width:350px !important; margin-right:5px}
.w-400px {width:400px !important; margin-right:5px}
.w-600px {width:600px !important; margin-right:5px}
.w-700px {width:700px !important; margin-right:5px}
.popup-content.w-500px, .popup-content.w-600px, .popup-content.w-700px {margin:0;}
.w-25pr {width:25% !important;}
.w-33pr {width:33% !important;}
.w-50pr {width:50% !important;}
.w-66pr {width:66% !important;}
.w-75pr {width:75% !important;}
.w-100pr {width:99% !important; padding:0 !important;}
.w-100pr textarea {padding:3px; border:none; width:99%;}
.w-auto {width:auto !important;}
.mt-0 {margin-top:0}
.mt-5px {margin-top:5px}
.mt-sm {margin-top:15px}
.mt-lg {margin-top:30px}
.mb-0 {margin-bottom:0}
.mb-5px {margin-bottom:5px}
.mb-sm {margin-bottom:15px}
.mb-lg {margin-bottom:30px}
.ml-0 {margin-left:0}
.ml-sm {margin-left:15px}
.ml-lg {margin-left:30px}
.mr-0 {margin-right:0}
.mr-sm {margin-right:15px}
.mr-lg {margin-right:30px}
.m-sm {margin:15px}
.m-lg {margin:30px}
.pt-0 {margin-top:0}
.pt-sm {margin-top:15px}
.pt-lg {margin-top:30px}
.pb-0 {margin-bottom:0}
.pb-sm {margin-bottom:15px}
.pb-lg {margin-bottom:30px}
.pl-0 {margin-left:0}
.pl-sm {margin-left:15px}
.pl-lg {margin-left:30px}
.pr-0 {margin-right:0}
.pr-sm {margin-right:15px}
.pr-lg {margin-right:30px}
.p-sm {padding:15px}
.p-lg {padding:30px}
/**
* jQuery lightBox plugin
*/
#jquery-overlay {position:absolute;top:0;left:0;z-index:1000;width:100%;height:500px}
#jquery-lightbox {position:absolute;top:0;left:0;width:100%;z-index:1500;text-align:center;line-height:0 }
#jquery-lightbox a img {border:none}
#lightbox-container-image-box {position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#lightbox-container-image {padding:10px}
#lightbox-loading {position:absolute;top:40%;left:0;height:25%;width:100%; text-align:center;line-height:0}
#lightbox-nav {position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#lightbox-container-image-box > #lightbox-nav {left:0}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width:49%;height:100%;*zoom:1;display:block}
#lightbox-nav-btnPrev {left:0;float:left}
#lightbox-nav-btnNext {right:0;float:right}
#lightbox-container-image-data-box {font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0}
#lightbox-container-image-data {padding:0 10px;color:#666}
#lightbox-container-image-data #lightbox-image-details {width:70%;float:left;text-align:left}
#lightbox-image-details-caption {font-weight:bold}
#lightbox-image-details-currentNumber {display:block;clear:left;padding-bottom:1.0em}
#lightbox-secNav-btnClose {width:66px;float:right;padding-bottom:0.7em}
/* TODO remove after adding*/
/* buttons */
.buttn a, .buttn em, .buttn button, .buttn span {margin:0; padding:0; border:0; float:left; display:block; text-align:center; text-decoration:none; font-style:normal; cursor:pointer; white-space:nowrap; font-weight:bold; text-align:left; font-family: Tahoma, Arial, Helvetica, sans-serif;}
.buttn a, .buttn em, .buttn button, .buttn span {background-image:url('../../base/img/bg_control.png'); background-repeat:no-repeat; background-color:transparent !important; border:0}
.buttn select {float:left;}
.buttn a.blank {text-decoration:underline; cursor:pointer}
.buttn a.blank span {text-decoration:underline}
.buttn a.blank:hover, .buttn a.blank:hover span {text-decoration:none}
.buttn a strong {text-decoration:none}
.buttn em.blank, .buttn em.blank span {cursor:default}
.buttn button {outline: none; vertical-align:middle; display:-moz-inline-box; display:inline-block; overflow:visible /* removes extra side padding in IE */;}
.buttn button span {position:relative /* fix for Chrome */}
.buttn button::-moz-focus-inner {border: none; padding: 0; /* overrides extra padding in Firefox */}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Google Chrome only - fix margins */
.buttn button {margin-top: -1px;}
}
/* buttons - usual colors */
.buttn a, .buttn em, .buttn button, .buttn span {color:#4C4C4C}
.buttn .curr, .buttn .curr span {color:#FFF}
.buttn .disab, .buttn .disab span {color:#BBB !important}
.buttn .blank, .buttn .blank span, .buttn em.blank:hover span {color:#4C4C4C}
.buttn a.blank:hover, .buttn a.blank:hover span, .buttn button.blank:hover, .buttn button.blank:hover span {color:#D61B51!important}
.buttn a:hover, .buttn em:hover, .buttn button:hover, .buttn a:active, .buttn em:active, .buttn button:active {color:#FFF}
.buttn a:hover span, .buttn em:hover span, .buttn button:hover span, .buttn a:active span, .buttn em:active span, .buttn button:active span {color:#FFF}
.buttn a.blank:active span, .buttn em.blank:active span {color:#4C4C4C} /* firefox active fix */
/* buttons - submenu colors */
.buttn-mn a:hover, .buttn-mn em:hover, .buttn-mn button:hover, .buttn-mn a:hover span, .buttn-mn em:hover span, .buttn-mn button:hover span {color:#000}
.buttn-mn a:active, .buttn-mn em:active, .buttn-mn button:active, .buttn-mn a:active span, .buttn-mn em:active span, .buttn-mn button:active span {color:#000}
.buttn-mn em, .buttn-mn em:hover, .buttn-mn em span, .buttn-mn em:hover span {cursor:default}
.buttn-mn .curr span {color:#000}
.buttn-mn .disab span {color:#BBB}
/* buttons - floats */
.buttn.buttn-l {float:left}
.buttn.buttn-r {float:right}
.buttn.buttn-c {float:none; margin:0 auto}
/* buttons - shadows - usual elements */
.buttn-sm span {text-shadow:0 1px 0 #FFF}
.buttn-lg span {text-shadow:0 1px 1px #FFF}
.buttn-sm .curr span, .buttn-sm a:hover span, .buttn-sm em:hover span, .buttn-sm button:hover span {text-shadow:0 1px 1px #66001A}
.buttn-sm .curr:hover span, .buttn-sm a:active span, .buttn-sm em:active span, .buttn-sm button:active span {text-shadow:0 1px 1px #000}
.buttn-sm .disab span, .buttn-sm .disab:hover span, .buttn-sm .disab:active span {text-shadow:0 1px 0 #FFF}
.buttn-sm .blank span, .buttn-sm .blank:hover span, .buttn-sm .blank:active span {text-shadow:0 0 0 #FFF}
.buttn-lg .curr span, .buttn-lg a:hover span, .buttn-lg em:hover span, .buttn-lg button:hover span {text-shadow:0 1px 1px #66001A}
.buttn-lg .curr:hover span, .buttn-lg a:active span, .buttn-lg em:active span, .buttn-lg button:active span {text-shadow:0 1px 1px #000}
.buttn-lg .disab span, .buttn-lg .disab:hover span, .buttn-lg .disab:active span {text-shadow:0 1px 1px #FFF}
.buttn-lg .blank span, .buttn-lg .blank:hover span, .buttn-lg .blank:active span {text-shadow:0 0 0 #FFF}
/* buttons - shadows - submenu */
.buttn-mn a:hover span, .buttn-mn em:hover span, .buttn-mn button:hover span {text-shadow:0 1px 0 #FFF}
.buttn-mn a:active span, .buttn-mn em:active span, .buttn-mn button:active span {text-shadow:0 1px 0 #FFF}
.buttn-mn .curr span, .buttn-mn .curr:hover span {text-shadow:0 1px 0 #FFF}
.buttn-mn .disab span, .buttn-mn .disab:hover span {text-shadow:0 1px 0 #FFF}
.buttn-sm .buttn-exps:hover .buttn-exp span {text-shadow:0 1px 1px #66001A}
.buttn-sm .buttn-exps:hover .buttn-exp.blank span {text-shadow:none}
.buttn-lg .buttn-exps:hover .buttn-exp span {text-shadow:0 1px 1px #66001A}
.buttn-lg .buttn-exps:hover .buttn-exp.blank span {text-shadow:none}
/* button large */
.buttn-lg a, .buttn-lg em, .buttn-lg span, .buttn-lg button {font-size:12px !important; height:26px}
.buttn-lg a, .buttn-lg em, .buttn-lg button {padding:0 0 0 13px; margin:0 22px 0 0}
.buttn-lg span {padding:0 13px 0 12px; margin:0 -12px 0 0; text-indent:-11px; line-height:24px; height:26px}
.buttn-lg.buttn-l a, .buttn-lg.buttn-l em, .buttn-lg.buttn-l button {margin:0 22px 0 0}
.buttn-lg.buttn-r a, .buttn-lg.buttn-r em, .buttn-lg.buttn-r button {margin:0 12px 0 10px}
.buttn-lg a, .buttn-lg em, .buttn-lg button {background-position:0 -92px} /* dark grey - left large */
.buttn-lg span {background-position:100% -92px} /* dark grey - right large */
.buttn-lg a:hover, .buttn-lg em:hover, .buttn-lg button:hover {background-position:0 -138px} /* light pink - left large */
.buttn-lg a:hover span, .buttn-lg em:hover span, .buttn-lg button:hover span {background-position:100% -138px} /* light pink - right large */
.buttn-lg a:active, .buttn-lg em:active, .buttn-lg button:active {background-position:0 -184px} /* dark pink - left large */
.buttn-lg a:active span, .buttn-lg em:active span, .buttn-lg button:active span {background-position:100% -184px} /* dark pink - right large */
.buttn-lg .curr {background-position:0 -138px} /* light pink - left large */
.buttn-lg .curr span {background-position:100% -138px} /* light pink - right large */
.buttn-lg .curr:hover {background-position:0 -184px} /* dark pink - left large */
.buttn-lg .curr:hover span {background-position:100% -184px} /* dark pink - right large */
.buttn-lg .disab, .buttn-lg .disab:hover {background-position:0 -46px} /* light grey - left large */
.buttn-lg .disab span, .buttn-lg .disab:hover span {background-position:100% -46px} /* light grey - right large */
.buttn-lg .blank, .buttn-lg .blank:hover {background:none} /* no color - left large */
.buttn-lg .blank span, .buttn-lg .blank:hover span {background:none} /* no color - right large */
/* button small */
.buttn-sm a, .buttn-sm em, .buttn-sm span, .buttn-sm button {font-size:11px !important; height:20px}
.buttn-sm a, .buttn-sm em, .buttn-sm button {padding:0 0 0 10px; margin:0 15px 0 0}
.buttn-sm span {padding:0 10px 0 10px; margin:0 -9px 0 0; text-indent:-8px; line-height:19px; height:20px}
.buttn-sm.buttn-l a, .buttn-sm.buttn-l em, .buttn-sm.buttn-l button {margin: 0 15px 0 0}
.buttn-sm.buttn-r a, .buttn-sm.buttn-r em, .buttn-sm.buttn-r button {margin:0 9px 0 6px}
.buttn-sm a, .buttn-sm em, .buttn-sm button {background-position:0 -118px} /* dark grey - left small */
.buttn-sm span {background-position:100% -118px} /* dark grey - right small */
.buttn-sm a:hover, .buttn-sm em:hover, .buttn-sm button:hover {background-position:0 -164px} /* light pink - left small */
.buttn-sm a:hover span, .buttn-sm em:hover span, .buttn-sm button:hover span {background-position:100% -164px} /* light pink - right small */
.buttn-sm a:active, .buttn-sm em:active, .buttn-sm button:active {background-position:0 -210px} /* dark pink - left small */
.buttn-sm a:active span, .buttn-sm em:active span, .buttn-sm button:active span {background-position:100% -210px} /* dark pink - right small */
.buttn-sm .curr {background-position:0 -164px} /* light pink - left small */
.buttn-sm .curr span {background-position:100% -164px} /* light pink - right small */
.buttn-sm .curr:hover {background-position:0 -210px} /* dark pink - left small */
.buttn-sm .curr:hover span {background-position:100% -210px} /* dark pink - right small */
.buttn-sm .disab, .buttn-sm .disab:hover {background-position:0 -72px} /* light grey - left small */
.buttn-sm .disab span, .buttn-sm .disab:hover span {background-position:100% -72px} /* light grey - right small */
.buttn-sm .blank, .buttn-sm .blank:hover {background:none} /* no color - left small */
.buttn-sm .blank span, .buttn-sm .blank:hover span {background:none} /* no color - right small */
/* buttn - submenu - main */
.buttn .buttn-exps {position:relative; z-index:899; float:left}
.buttn .buttn-exps:hover {position:relative; z-index:900;}
.buttn .buttn-exp {position:relative; z-index:899;}
.buttn .buttn-mn {display:none; position:absolute; clear:both; margin:0; padding:0; left:0; z-index:900; width:100%}
.buttn.buttn-sm .buttn-mn {top:20px;}
.buttn.buttn-lg .buttn-mn {top:26px;}
.buttn .buttn-mn a, .buttn .buttn-mn em, .buttn .buttn-mn span {font-size:11px; line-height:25px; height:26px}
.buttn .buttn-mn a, .buttn .buttn-mn em {clear:both; position:relative; padding:0 0 0 20px; margin:0}
.buttn .buttn-mn span {padding:0 20px 0 18px; position:relative}
.buttn .buttn-mn.buttn-mn-r {left:0;}
.buttn .buttn-mn.buttn-mn-l {left:0;}
/* button - submenu - exhandable element */
.buttn-sm .buttn-h, .buttn-sm .buttn-h:hover, .buttn-sm .buttn-h:active {background-position:0 -394px; color:#FFF} /* light pink - left (small) */
.buttn-sm .buttn-h span, .buttn-sm .buttn-h:hover span, .buttn-sm .buttn-h:active span {background-position:100% -394px; color:#FFF} /* light pink - right (small) */
.buttn-lg .buttn-h, .buttn-lg .buttn-h:hover, .buttn-lg .buttn-h:active {background-position:0 -368px; color:#FFF} /* light pink - left (small) */
.buttn-lg .buttn-h span, .buttn-lg .buttn-h:hover span, .buttn-lg .buttn-h:active span {background-position:100% -368px; color:#FFF} /* light pink - right (small) */
/* button - submenu - submenu */
.buttn-mn a, .buttn-mn em, .buttn-mn span {background-image:url('../../base/img/bg_control_mn.png'); background-repeat:no-repeat}
.buttn-mn a, .buttn-mn em {background-position:0 -598px} /* white - left small */
.buttn-mn a span, .buttn-mn em span {background-position:100% -598px} /* white - right small */
.buttn-mn a:hover, .buttn-mn em:hover {background-position:0 -644px} /* light grey - left small */
.buttn-mn a:hover span, .buttn-mn em:hover span{background-position:100% -644px} /* light grey - right small */
.buttn-mn a.curr, .buttn-mn em.curr {background-position:0 -644px} /* light grey - left small */
.buttn-mn a.curr span, .buttn-mn em.curr span{background-position:100% -644px} /* light grey - right small */
.buttn-mn a.curr:hover, .buttn-mn em.curr:hover {background-position:0 -644px} /* light grey - left small */
.buttn-mn a.curr:hover span, .buttn-mn em.curr:hover span{background-position:100% -644px} /* light grey - right small */
.buttn-mn a.disab, .buttn-mn em.disab {background-position:0 -598px} /* white - left small */
.buttn-mn a.disab span, .buttn-mn em.disab span {background-position:100% -598px} /* white - right small */
.buttn-mn a.disab:hover, .buttn-mn em.disab:hover {background-position:0 -598px} /* white - left small */
.buttn-mn a.disab:hover span, .buttn-mn em.disab:hover span {background-position:100% -598px} /* white - right small */
.buttn-mn a:active, .buttn-mn em:active {background-position:0 -690px} /* dark grey - left small */
.buttn-mn a:active span, .buttn-mn em:active span {background-position:100% -690px}/* dark grey - right small */
.buttn-mn .buttn-ls, .buttn-mn .buttn-fs, .buttn-mn .buttn-ls span, .buttn-mn .buttn-fs span {height:13px !important}
.buttn-mn .buttn-ls strong , .buttn-mn .buttn-fs strong {height:1px}
.buttn-mn-l .buttn-fs, .buttn-mn-l .buttn-fs:hover, .buttn-mn-l .buttn-fs:active {background-position:0 -966px} /* white - left small */
.buttn-mn-l .buttn-fs span, .buttn-mn-l .buttn-fs:hover span, .buttn-mn-l .buttn-fs:active span {background-position:100% -230px} /* white - right small */
.buttn-mn-r .buttn-fs, .buttn-mn-r .buttn-fs:hover, .buttn-mn-r .buttn-fs:active {background-position:0 -230px} /* white - left small */
.buttn-mn-r .buttn-fs span, .buttn-mn-r .buttn-fs:hover span, .buttn-mn-r .buttn-fs:active span {background-position:100% -966px} /* white - right small */
.buttn-mn-l .buttn-ls, .buttn-mn-l .buttn-ls:hover, .buttn-mn-l .buttn-ls:active {background-position:0 -427px} /* white - left small */
.buttn-mn-l .buttn-ls span, .buttn-mn-l .buttn-ls:hover span, .buttn-mn-l .buttn-ls:active span {background-position:100% -427px} /* white - right small */
.buttn-mn-r .buttn-ls, .buttn-mn-r .buttn-ls:hover, .buttn-mn-r .buttn-ls:active {background-position:0 -427px} /* white - left small */
.buttn-mn-r .buttn-ls span, .buttn-mn-r .buttn-ls:hover span, .buttn-mn-r .buttn-ls:active span {background-position:100% -427px} /* white - right small */
/******** button - only with icon ********/
.buttn-lg.buttn-ico a, .buttn-lg.buttn-ico em {margin:0 16px 0 0}
.buttn-lg.buttn-ico span, .buttn-lg.buttn-ico button {padding:0 0 0 17px;}
.buttn-sm.buttn-ico a, .buttn-sm.buttn-ico em {margin:0 12px 0 0}
.buttn-sm.buttn-ico span, .buttn-sm.buttn-ico button {padding:0 0 0 8px;}
#popupWin .popupBtnGroup{width:100%;overflow:hidden;clear:both;padding:10px 0}
#popupWin .popupBtnGroup a{float:right}
#popupWin .popupBtnGroup span{text-align:center;min-width:40px}
/* buttons */
.fs-btn {
position:relative;z-index:1;display:inline-block;*display:inline;*zoom:1;white-space:nowrap;vertical-align:middle;text-align:center;
cursor:pointer;font-family:"Trebuchet MS",Helvetica,sans-serif;
*behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<div class="fs-btn-bg-left"></div>' + this.innerHTML + '<div class="fs-btn-bg-right"></div>') : '');
}
.fs-btn:before, .fs-btn:after, .fs-btn-bg-left, .fs-btn-bg-right {
content:'';position:absolute;z-index:-1;
}
.fs-btn.fs-btn-disabled { opacity:.5;filter:alpha(opacity=50); }
/* buttons - 29 */
.fs-btn-29 {height:26px;min-width:16px;font-weight:bold;font-size:13px;line-height:26px;padding:1px 16px 3px;text-shadow:1px 1px 1px rgba(0,0,0,0.4);}
.fs-btn-29:before, .fs-btn-29:after, .fs-btn-29 .fs-btn-bg-left, .fs-btn-29 .fs-btn-bg-right {
background-image:url(../../images/common/button-29.png?);
}
.fs-btn-29:before, .fs-btn-29 .fs-btn-bg-left {top:0px;left:0px;height:29px;width:13px;}
.fs-btn-29:after, .fs-btn-29 .fs-btn-bg-right {top:0px;left:13px;right:0px;height:29px;}
/* buttons - 38 */
.fs-btn-38 {
height:35px;min-width:16px;font-weight:bold;font-size:15px;line-height:33px;padding:0 26px 2px;
text-shadow:1px 1px 1px rgba(0,0,0,0.4);
}
.fs-btn-38:before, .fs-btn-38:after, .fs-btn-38 .fs-btn-bg-left, .fs-btn-38 .fs-btn-bg-right {
background-image:url(../../images/common/button-38.png);
}
.fs-btn-38:before, .fs-btn-38 .fs-btn-bg-left {top:0px;left:0px;height:38px;width:23px;}
.fs-btn-38:after, .fs-btn-38 .fs-btn-bg-right {top:0px;left:23px;right:0px;height:38px;}
/* background position */
a.fs-btn-29:hover:before, a.fs-btn-29:hover .fs-btn-bg-left { background-position:0 -30px; }
a.fs-btn-29:hover:after, a.fs-btn-29:hover .fs-btn-bg-right { background-position:100% -30px; }
a.fs-btn-29:active:before, a.fs-btn-29:active .fs-btn-bg-left { background-position:0 -60px; }
a.fs-btn-29:active:after, a.fs-btn-29:active .fs-btn-bg-right { background-position:100% -60px; }
a.fs-btn-29.fs-btn-gray:hover:before, a.fs-btn-29.fs-btn-gray:hover .fs-btn-bg-left { background-position:0 -120px; }
a.fs-btn-29.fs-btn-gray:hover:after, a.fs-btn-29.fs-btn-gray:hover .fs-btn-bg-right { background-position:100% -120px; }
a.fs-btn-29.fs-btn-gray:active:before, a.fs-btn-29.fs-btn-gray:active .fs-btn-bg-left { background-position:0 -150px; }
a.fs-btn-29.fs-btn-gray:active:after, a.fs-btn-29.fs-btn-gray:active .fs-btn-bg-right { background-position:100% -150px; }
.fs-btn-29.fs-btn-gray:before, .fs-btn-29.fs-btn-gray .fs-btn-bg-left, a.fs-btn-29.fs-btn-gray.fs-btn-disabled:before, a.fs-btn-29.fs-btn-gray.fs-btn-disabled .fs-btn-bg-left { background-position:0 -90px; }
.fs-btn-29.fs-btn-gray:after, .fs-btn-29.fs-btn-gray .fs-btn-bg-right, a.fs-btn-29.fs-btn-gray.fs-btn-disabled:after, a.fs-btn-29.fs-btn-gray.fs-btn-disabled .fs-btn-bg-right { background-position:100% -90px; }
.fs-btn-29:before, .fs-btn-29 .fs-btn-bg-left, a.fs-btn-29.fs-btn-disabled:before, a.fs-btn-29.fs-btn-disabled .fs-btn-bg-left { background-position:0 0; }
.fs-btn-29:after, .fs-btn-29 .fs-btn-bg-right, a.fs-btn-29.fs-btn-disabled:after, a.fs-btn-29.fs-btn-disabled .fs-btn-bg-right { background-position:100% 0; }
a.fs-btn-38:hover:before, a.fs-btn-38:hover .fs-btn-bg-left { background-position:0 -266px; }
a.fs-btn-38:hover:after, a.fs-btn-38:hover .fs-btn-bg-right { background-position:100% -266px; }
a.fs-btn-38:active:before, a.fs-btn-38:active .fs-btn-bg-left { background-position:0 -304px; }
a.fs-btn-38:active:after, a.fs-btn-38:active .fs-btn-bg-right { background-position:100% -304px; }
.fs-btn-38:before, .fs-btn-38 .fs-btn-bg-left, a.fs-btn-38.fs-btn-disabled:before, a.fs-btn-38.fs-btn-disabled .fs-btn-bg-left { background-position:0 -228px; }
.fs-btn-38:after, .fs-btn-38 .fs-btn-bg-right, a.fs-btn-38.fs-btn-disabled:after, a.fs-btn-38.fs-btn-disabled .fs-btn-bg-right { background-position:100% -228px; }
a.fs-btn-38.fs-btn-green:hover:before, a.fs-btn-38.fs-btn-green:hover .fs-btn-bg-left { background-position:0 -152px; }
a.fs-btn-38.fs-btn-green:hover:after, a.fs-btn-38.fs-btn-green:hover .fs-btn-bg-right { background-position:100% -152px; }
a.fs-btn-38.fs-btn-green:active:before, a.fs-btn-38.fs-btn-green:active .fs-btn-bg-left { background-position:0 -190px; }
a.fs-btn-38.fs-btn-green:active:after, a.fs-btn-38.fs-btn-green:active .fs-btn-bg-right { background-position:100% -190px; }
.fs-btn-38.fs-btn-green:before, .fs-btn-38.fs-btn-green .fs-btn-bg-left, a.fs-btn-38.fs-btn-green.fs-btn-disabled:before, a.fs-btn-38.fs-btn-green.fs-btn-disabled .fs-btn-bg-left { background-position:0 -114px; }
.fs-btn-38.fs-btn-green:after, .fs-btn-38.fs-btn-green .fs-btn-bg-right, a.fs-btn-38.fs-btn-green.fs-btn-disabled:after, a.fs-btn-38.fs-btn-green.fs-btn-disabled .fs-btn-bg-right { background-position:100% -114px; }
a.fs-btn-38.fs-btn-blue:hover:before, a.fs-btn-38.fs-btn-blue:hover .fs-btn-bg-left { background-position:0 -380px; }
a.fs-btn-38.fs-btn-blue:hover:after, a.fs-btn-38.fs-btn-blue:hover .fs-btn-bg-right { background-position:100% -380px; }
a.fs-btn-38.fs-btn-blue:active:before, a.fs-btn-38.fs-btn-blue:active .fs-btn-bg-left { background-position:0 -418px; }
a.fs-btn-38.fs-btn-blue:active:after, a.fs-btn-38.fs-btn-blue:active .fs-btn-bg-right { background-position:100% -418px; }
.fs-btn-38.fs-btn-blue:before, .fs-btn-38.fs-btn-blue .fs-btn-bg-left, a.fs-btn-38.fs-btn-blue.fs-btn-disabled:before, a.fs-btn-38.fs-btn-blue.fs-btn-disabled .fs-btn-bg-left { background-position:0 -342px; }
.fs-btn-38.fs-btn-blue:after, .fs-btn-38.fs-btn-blue .fs-btn-bg-right, a.fs-btn-38.fs-btn-blue.fs-btn-disabled:after, a.fs-btn-38.fs-btn-blue.fs-btn-disabled .fs-btn-bg-right { background-position:100% -342px; }
.fs-btn-38.fs-btn-gray:before, .fs-btn-38.fs-btn-gray .fs-btn-bg-left { background-position:0 -76px; }
.fs-btn-38.fs-btn-gray:after, .fs-btn-38.fs-btn-gray .fs-btn-bg-right { background-position:100% -76px; }
a.fs-btn-38.fs-btn-gray:hover:before, a.fs-btn-38.fs-btn-gray:hover .fs-btn-bg-left { background-position:0 -38px; }
a.fs-btn-38.fs-btn-gray:hover:after, a.fs-btn-38.fs-btn-gray:hover .fs-btn-bg-right { background-position:100% -38px; }
a.fs-btn-38.fs-btn-gray:active:before, a.fs-btn-38.fs-btn-gray:active .fs-btn-bg-left { background-position:0 -76px; }
a.fs-btn-38.fs-btn-gray:active:after, a.fs-btn-38.fs-btn-gray:active .fs-btn-bg-right { background-position:100% -76px; }
.fs-btn-38.fs-btn-grey:before, .fs-btn-38.fs-btn-grey .fs-btn-bg-left { background-position:0 -76px; }
.fs-btn-38.fs-btn-grey:after, .fs-btn-38.fs-btn-grey .fs-btn-bg-right { background-position:100% -76px; }
a.fs-btn-38.fs-btn-grey:hover:before, a.fs-btn-38.fs-btn-grey:hover .fs-btn-bg-left { background-position:0 -38px; }
a.fs-btn-38.fs-btn-grey:hover:after, a.fs-btn-38.fs-btn-grey:hover .fs-btn-bg-right { background-position:100% -38px; }
a.fs-btn-38.fs-btn-grey:active:before, a.fs-btn-38.fs-btn-grey:active .fs-btn-bg-left { background-position:0 -76px; }
a.fs-btn-38.fs-btn-grey:active:after, a.fs-btn-38.fs-btn-grey:active .fs-btn-bg-right { background-position:100% -76px; }
.fs-btn-38.team-action-btn-disabled:before, .fs-btn-38.team-action-btn-disabled .fs-btn-bg-left { background-position:0 -570px !important; }
.fs-btn-38.team-action-btn-disabled:after, .fs-btn-38.team-action-btn-disabled .fs-btn-bg-right { background-position:100% -570px !important; }
/* buttons - 50 */
.fs-btn-50 {min-width:15px;height:45px;line-height:45px;padding:0 26px 3px;font-size:19px;}
.fs-btn-50:before, .fs-btn-50:after, .fs-btn-50 .fs-btn-bg-left, .fs-btn-50 .fs-btn-bg-right {
background-image:url(../../images/common/button-50.png);
}
.fs-btn-50:before, .fs-btn-50 .fs-btn-bg-left {top:0px;left:0px;height:48px;width:26px;}
.fs-btn-50:after, .fs-btn-50 .fs-btn-bg-right {top:0px;left:26px;right:0px;height:48px;}
/* background position */
.fs-btn-50:before, .fs-btn-50 .fs-btn-bg-left { background-position:0 -288px; }
.fs-btn-50:after, .fs-btn-50 .fs-btn-bg-right { background-position:100% -288px; }
a.fs-btn-50:hover:before, a.fs-btn-50:hover .fs-btn-bg-left { background-position:0 -336px; }
a.fs-btn-50:hover:after, a.fs-btn-50:hover .fs-btn-bg-right { background-position:100% -336px; }
a.fs-btn-50:active:before, a.fs-btn-50:active .fs-btn-bg-left { background-position:0 -384px; }
a.fs-btn-50:active:after, a.fs-btn-50:active .fs-btn-bg-right { background-position:100% -384px; }
.fs-btn-50.fs-btn-green:before, .fs-btn-50.fs-btn-green .fs-btn-bg-left { background-position:0 -144px; }
.fs-btn-50.fs-btn-green:after, .fs-btn-50.fs-btn-green .fs-btn-bg-right { background-position:100% -144px; }
a.fs-btn-50.fs-btn-green:hover:before, a.fs-btn-50.fs-btn-green:hover .fs-btn-bg-left { background-position:0 -192px; }
a.fs-btn-50.fs-btn-green:hover:after, a.fs-btn-50.fs-btn-green:hover .fs-btn-bg-right { background-position:100% -192px }
a.fs-btn-50.fs-btn-green:active:before, a.fs-btn-50.fs-btn-green:active .fs-btn-bg-left { background-position:0 -240px; }
a.fs-btn-50.fs-btn-green:active:after, a.fs-btn-50.fs-btn-green:active .fs-btn-bg-right { background-position:100% -240px; }
.fs-btn-50.fs-btn-blue:before, .fs-btn-50.fs-btn-blue .fs-btn-bg-left { background-position:0 -432px; }
.fs-btn-50.fs-btn-blue:after, .fs-btn-50.fs-btn-blue .fs-btn-bg-right { background-position:100% -432px; }
a.fs-btn-50.fs-btn-blue:hover:before, a.fs-btn-50.fs-btn-blue:hover .fs-btn-bg-left { background-position:0 -480px; }
a.fs-btn-50.fs-btn-blue:hover:after, a.fs-btn-50.fs-btn-blue:hover .fs-btn-bg-right { background-position:100% -480px }
a.fs-btn-50.fs-btn-blue:active:before, a.fs-btn-50.fs-btn-blue:active .fs-btn-bg-left { background-position:0 -528px; }
a.fs-btn-50.fs-btn-blue:active:after, a.fs-btn-50.fs-btn-blue:active .fs-btn-bg-right { background-position:100% -528px; }
.fs-btn-50.fs-btn-gray:before, .fs-btn-50.fs-btn-gray .fs-btn-bg-left { background-position:0 0; }
.fs-btn-50.fs-btn-gray:after, .fs-btn-50.fs-btn-gray .fs-btn-bg-right { background-position:100% 0; }
a.fs-btn-50.fs-btn-gray:hover:before, a.fs-btn-50.fs-btn-gray:hover .fs-btn-bg-left { background-position:0 -48px; }
a.fs-btn-50.fs-btn-gray:hover:after, a.fs-btn-50.fs-btn-gray:hover .fs-btn-bg-right { background-position:100% -48px; }
a.fs-btn-50.fs-btn-gray:active:before, a.fs-btn-50.fs-btn-gray:active .fs-btn-bg-left { background-position:0 -96px; }
a.fs-btn-50.fs-btn-gray:active:after, a.fs-btn-50.fs-btn-gray:active .fs-btn-bg-right { background-position:100% -96px; }
.fs-btn-50.fs-btn-gi:before, .fs-btn-50.fs-btn-gi .fs-btn-bg-left { background-position:0 -720px; }
.fs-btn-50.fs-btn-gi:after, .fs-btn-50.fs-btn-gi .fs-btn-bg-right { background-position:100% -720px; }
/* buttons text color */
.fs-btn, .fs-btn:link, .fs-btn:visited, .fs-btn:hover, .fs-btn:active { color:#fff !important; text-decoration:none !important; }
.fs-btn-gray, .fs-btn-gray:link, .fs-btn-gray:visited, .fs-btn-gray:hover, .fs-btn-gray:active { color:#fff !important; }
.fs-btn-grey, .fs-btn-grey:link, .fs-btn-grey:visited, .fs-btn-grey:hover, .fs-btn-grey:active { color:#fff !important; }
.fs-btn-green, .fs-btn-green:link, .fs-btn-green:visited, .fs-btn-green:hover, .fs-btn-green:active { color:#fff !important; }
.fs-btn-s63, .fs-btn-s63:link, .fs-btn-s63:visited, .fs-btn-s63:hover, .fs-btn-s63:active { color:#2f3334 !important; }
.team-action-btn-disabled, .team-action-btn-disabled:link, .team-action-btn-disabled:visited, .team-action-btn-disabled:hover, .team-action-btn-disabled:active { text-shadow:none; }
/* list of operations */
.fs-inner-box.fs-user-actiomenu{padding: 0 0; margin: 0 0 20px}
.fs-user-operation{padding: 0; margin: 0}
.fs-user-operation li{background: none; padding: 0; margin: 0}
.fs-user-operation a, .fs-user-operation a.disab:hover{line-height: 30px; text-decoration: none; color: #3a3a3a; display:block; font-size: 13px; padding: 0 0 0 10px}
.fs-user-operation .picto{margin: 0 7px 0 0; top: 6px; *top: 0}
.fs-user-operation a:hover,.fs-user-operation a.active{color: #f15a2a; background: #f2f2f2}
.fs-user-operation a.disab:hover{cursor: default; color: #3a3a3a; background: none;}
.fs-user-operation a:hover .picto-letter{background-position: -80px 0}
.fs-user-operation a:hover .picto-like{background-position: -128px 0}
.fs-user-operation a:hover .picto-vote{background-position: -144px 0}
.fs-user-operation a:hover .picto-friendplus{background-position: -160px 0}
.fs-user-operation a:hover .picto-friendminus{background-position: -176px 0}
.fs-user-operation a:hover .picto-friends{background-position: -192px 0}
.fs-user-operation a:hover .picto-favoriteplus{background-position: -208px 0}
.fs-user-operation a:hover .picto-favoriteminus{background-position: -224px 0}
.fs-user-operation a:hover .picto-favorite{background-position: -240px 0}
.fs-user-operation a:hover .picto-present{background-position: -256px 0}
.fs-user-operation a:hover .picto-photo{background-position: -272px 0}
.fs-user-operation a:hover .picto-photolike{background-position: -288px 0}
.fs-user-operation a:hover .picto-edit{background-position: -304px 0}
.fs-user-operation a:hover .picto-skin{background-position: -320px 0}
.fs-user-operation a:hover .picto-meeting{background-position: -336px 0}
.fs-user-operation a:hover .picto-blog{background-position: -352px 0}
.fs-user-operation a:hover .picto-rowdown, .fs-user-operation a.active .picto-rowdown{background-position: -384px 0}
.fs-user-operation .fs-link-more{text-align: left; border-top:1px solid #e8e8e8}
#fs-user-operation-more a{padding: 0 0 0 33px;}
#fs-user-operation-more li{padding: 0}
/*social btn*/
.fs-social-btn {
height: 34px !important; color: #fff; font:normal 13px/34px "Trebuchet MS";
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
padding: 0 12px 0 47px; display: inline-block; position: relative; cursor: pointer;
*behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<div class="fs-social-btn-before"></div>' + this.innerHTML ) : '');
width: 116px; padding: 0px 0 0 35px;
text-align: center; *zoom:1; *display:inline;
background-image: none !important;
}
.fs-social-btn.fs-social-ml {
background-image: linear-gradient(bottom, #175796 0%, #5483b3 100%) !important;
background-image: -o-linear-gradient(bottom, #175796 0%, #5483b3 100%) !important;
background-image: -moz-linear-gradient(bottom, #175796 0%, #5483b3 100%) !important;
background-image: -webkit-linear-gradient(bottom, #175796 0%, #5483b3 100%) !important;
background-image: -ms-linear-gradient(bottom, #175796 0%, #5483b3 100%) !important;
border:solid 1px #0a2c4d !important; box-shadow: inset 0px 1px 0px #879ac0 !important; background-color:#336ba3 !important;
}
.fs-social-btn:before, .fs-social-btn-before {width: 35px;height: 34px; background:#336ba3 url('../../img/social_pic.png') no-repeat;position: absolute; content:'';left: 0px;top:0px}
.fs-social-btn.fs-social-ml:hover{
background-image: linear-gradient(bottom, #1c68ab 0%, #649bc1 100%) !important;
background-image: -o-linear-gradient(bottom, #1c68ab 0%, #649bc1 100%) !important;
background-image: -moz-linear-gradient(bottom, #1c68ab 0%, #649bc1 100%) !important;
background-image: -webkit-linear-gradient(bottom, #1c68ab 0%, #649bc1 100%) !important;
background-image: -ms-linear-gradient(bottom, #1c68ab 0%, #649bc1 100%) !important;
box-shadow: inset 0px 1px 0px #97a7c8 !important; background-color: #377db4 !important;
}
.fs-social-btn.fs-social-ml:active{background-image: none !important;box-shadow: none !important; background-color: #366899 !important;}
.fs-social-btn.fs-social-ml:hover:before, .fs-social-btn.fs-social-ml:hover .fs-social-btn-before {background-position: 0px -34px;}
.fs-social-btn.fs-social-ml:active:before, .fs-social-btn.fs-social-ml:active .fs-social-btn-before {background-position: 0px -68px;}
.fs-social-btn.fs-social-odkl {
background-image: linear-gradient(bottom, #eb7f27 0%, #f69d36 100%) !important;
background-image: -o-linear-gradient(bottom, #eb7f27 0%, #f69d36 100%) !important;
background-image: -moz-linear-gradient(bottom, #eb7f27 0%, #f69d36 100%) !important;
background-image: -webkit-linear-gradient(bottom, #eb7f27 0%, #f69d36 100%) !important;
background-image: -ms-linear-gradient(bottom, #eb7f27 0%, #f69d36 100%) !important;
box-shadow: inset 0px 1px 0px #fcdebb !important; background-color: #f49733 !important;
border:solid 1px #dc8c4a !important; width: auto; padding: 0 10px 0 45px; text-shadow: 0 -1px 0 rgba(0,0,0,.2)
}
.fs-social-odkl:before, .fs-social-odkl .fs-social-btn-before {background-position: 0 -306px;}
.fs-social-btn.fs-social-odkl:hover{
background-image: linear-gradient(bottom, #F1913F 0%, #F9B262 100%) !important;
background-image: -o-linear-gradient(bottom, #F1913F 0%, #F9B262 100%) !important;
background-image: -moz-linear-gradient(bottom, #F1913F 0%, #F9B262 100%) !important;
background-image: -webkit-linear-gradient(bottom, #F1913F 0%, #F9B262 100%) !important;
background-image: -ms-linear-gradient(bottom, #F1913F 0%, #F9B262 100%) !important;
box-shadow: inset 0px 1px 0px #fcdebb !important; background-color: #f49733 !important;
}
.fs-social-btn.fs-social-odkl:active{background-image: none !important;box-shadow: none !important; background-color: #ed812b !important;}
.fs-social-btn.fs-social-odkl:hover:before, .fs-social-btn.fs-social-odkl:hover .fs-social-btn-before {background-position: 0px -340px;}
.fs-social-btn.fs-social-odkl:active:before, .fs-social-btn.fs-social-odkl:active .fs-social-btn-before {background-position: 0px -374px;}
.fs-social-yand:before, .fs-social-yand .fs-social-btn-before { background-position: 0 -408px; border:solid 1px #ccc;
border-right: none; left:-1px; top:-1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px; }
.fs-social-btn.fs-social-yand {
background-color: #edac28 !important;
background-image: linear-gradient(bottom, #e89d22 0%, #fad337 100%) !important;
background-image: -o-linear-gradient(bottom, #e89d22 0%, #fad337 100%) !important;
background-image: -moz-linear-gradient(bottom, #e89d22 0%, #fad337 100%) !important;
background-image: -webkit-linear-gradient(bottom, #e89d22 0%, #fad337 100%) !important;
background-image: -ms-linear-gradient(bottom, #e89d22 0%, #fad337 100%) !important;
border: 1px solid #c78a31;
border-top-color: #f1c656;
box-shadow: 0 1px 0 #fce34c inset !important;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4)
}
.fs-social-btn.fs-social-yand:hover:before, .fs-social-btn.fs-social-yand:hover .fs-social-btn-before {background-position: 0px -442px;}
.fs-social-btn.fs-social-yand:hover {
background-color: #edac28 !important;
background-image: linear-gradient(bottom, #edb129 0%, #fbdd45 100%) !important;
background-image: -o-linear-gradient(bottom, #edb129 0%, #fbdd45 100%) !important;
background-image: -moz-linear-gradient(bottom, #edb129 0%, #fbdd45 100%) !important;
background-image: -webkit-linear-gradient(bottom, #edb129 0%, #fbdd45 100%) !important;
background-image: -ms-linear-gradient(bottom, #edb129 0%, #fbdd45 100%) !important;
box-shadow: 0 1px 0 #fde85b inset !important;
}
.fs-social-btn.fs-social-yand:active:before, .fs-social-btn.fs-social-yand:active .fs-social-btn-before { background-position: 0 -476px; }
.fs-social-btn.fs-social-yand:active { background-color: #e99e23 !important; background-image: none !important;box-shadow: none !important; }
.fs-social-btn.fs-social-vk {
border:solid 1px #2c374d !important; background-color: #5a6f9d !important;
background-image: linear-gradient(bottom, #536791 0%, #637bad 100%) !important;
background-image: -o-linear-gradient(bottom, #536791 0%, #637bad 100%) !important;
background-image: -moz-linear-gradient(bottom, #536791 0%, #637bad 100%) !important;
background-image: -webkit-linear-gradient(bottom, #536791 0%, #637bad 100%) !important;
box-shadow: inset 0px 1px 0px #9faecd !important; background-image: -ms-linear-gradient(bottom, #536791 0%, #637bad 100%) !important;
}
.fs-social-btn.fs-social-vk:before, .fs-social-btn.fs-social-vk .fs-social-btn-before {background-position: 0px -102px;}
.fs-social-btn.fs-social-vk:hover{
background-color: #6c86b1 !important; box-shadow: inset 0px 1px 0px #9faecd !important;
background-image: linear-gradient(bottom, #647ca7 0%, #7794bd 100%) !important;
background-image: -o-linear-gradient(bottom, #647ca7 0%, #7794bd 100%) !important;
background-image: -moz-linear-gradient(bottom, #647ca7 0%, #7794bd 100%) !important;
background-image: -webkit-linear-gradient(bottom, #647ca7 0%, #7794bd 100%) !important;
background-image: -ms-linear-gradient(bottom, #647ca7 0%, #7794bd 100%);
}
.fs-social-btn.fs-social-fb-big {
border:solid 1px #2c374d !important;
background-color: #6c86b1 !important; box-shadow: inset 0px 1px 0px #9faecd !important;
background-image: linear-gradient(bottom, #647ca7 0%, #7794bd 100%) !important;
background-image: -o-linear-gradient(bottom, #647ca7 0%, #7794bd 100%) !important;
background-image: -moz-linear-gradient(bottom, #647ca7 0%, #7794bd 100%) !important;
background-image: -webkit-linear-gradient(bottom, #647ca7 0%, #7794bd 100%) !important;
background-image: -ms-linear-gradient(bottom, #647ca7 0%, #7794bd 100%);
}
.fs-social-btn.fs-social-fb-big{width: 116px !important;}
.register-block .fs-social-btn.fs-social-fb-big.min{width: 34px !important;}
.fs-social-btn.fs-social-fb-big:hover{
background-color: #5a6f9d !important;
background-image: linear-gradient(bottom, #637BAD 0%, #84A9CB 100%) !important;
background-image: -o-linear-gradient(bottom, #637BAD 0%, #84A9CB 100%) !important;
background-image: -moz-linear-gradient(bottom, #637BAD 0%, #84A9CB 100%) !important;
background-image: -webkit-linear-gradient(bottom, #637BAD 0%, #84A9CB 100%) !important;
box-shadow: inset 0px 1px 0px #9faecd !important; background-image: -ms-linear-gradient(bottom, #637BAD 0%, #84A9CB 100%) !important;
}
.fs-social-btn.fs-social-fb-big:active{background-color: #46577B !important; background-image: none !important; box-shadow: none !important;}
.fs-social-btn.fs-social-fb-big:before,.fs-social-btn.fs-social-fb-big .fs-social-btn-before {background-position: 0px -204px;width: 34px; border-right: solid 1px #405073;}
.fs-social-btn.fs-social-fb-big:hover:before, .fs-social-btn.fs-social-fb-big:hover .fs-social-btn-before {background-position: 0px -238px;}
.fs-social-btn.fs-social-fb-big:active:before, .fs-social-btn.fs-social-fb-big:active .fs-social-btn-before {background-position: 0px -272px;}
.fs-social-btn.fs-social-vk.fs-social-mini, .fs-social-btn.fs-social-ml.fs-social-mini {width: 0px}
.fs-social-btn.fs-social-vk.fs-social-mini:before, .fs-social-btn.fs-social-ml.fs-social-mini:before {width: 34px}
.fs-social-btn.fs-social-vk:active{background-image: none !important; background-color: #46577b !important; box-shadow: none !important;}
.fs-social-btn.fs-social-vk:hover:before, .fs-social-btn.fs-social-vk:hover .fs-social-btn-before {background-position: 0px -136px;}
.fs-social-btn.fs-social-vk:active:before, .fs-social-btn.fs-social-vk:active .fs-social-btn-before {background-position: 0px -170px;}
.fs-social-btn.fs-social-fb {width: 34px !important;padding: 0px; border:solid 1px #0a2c4d }
.fs-social-btn.fs-social-fb:before,.fs-social-btn.fs-social-fb .fs-social-btn-before {background-position: 0px -204px;width: 34px;}
.fs-social-btn.fs-social-fb:hover:before, .fs-social-btn.fs-social-fb:hover .fs-social-btn-before {background-position: 0px -238px;}
.fs-social-btn.fs-social-fb:active:before, .fs-social-btn.fs-social-fb:active .fs-social-btn-before {background-position: 0px -272px;}
.fs-social-auto {width: auto;padding:0 12px 0 47px !important;}
a.fs-social-btn {
color: #FFF !important;
text-decoration: none !important;
border:solid 1px #0a2c4d; !important;
font:normal 13px/34px "Trebuchet MS"!important;
}
.fs-loader-32 {width: 32px; height: 32px; background: url('../../img/loader-32.gif') center center no-repeat;}
.fs-loader-64 {width: 64px; height: 64px; background: url('../../img/loader-64.gif') center center no-repeat;}
.fs-loader-128 {width: 128px; height: 128px; background: url('../../img/loader-128.gif') center center no-repeat;}
.fs-menu-box ul{padding: 0; margin: 0;}
.fs-menu-box ul.separator{border-top: solid 1px #e2e2e2; margin-top: 3px;}
.fs-menu-box ul li{padding: 0; margin: 0; list-style: none; background: none; font-size: 13px; position: relative;}
.fs-menu-box h4{font:normal 15px 'Trebuchet MS'; color: #363636;padding-bottom: 10px; border-bottom: solid 1px #e8e8e8; margin-bottom: 5px;}
.fs-menu-box ul li a { padding: 6px 8px; display: block; font-size: 13px; position: relative; border-radius: 3px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; color: #58595B; text-decoration: none; margin-top: 3px;}
.fs-menu-box ul li a span {float: right; *display: inline; *zoom:1}
.fs-menu-box ul li a span.fs-notification-area {position: absolute; right: 4px; top: 2px}
.fs-menu-box ul li a:hover {background: #f2f2f2; color:#F15A2A}
.fs-menu-box ul li.activ a{ box-shadow: inset 0px 1px 3px #CCC; background: #F4F4F4;}
.fs-notify-reg-block {padding:3px 10px 5px 10px; position: absolute; font: normal 13px "Trebuchet MS"; border:solid 1px #9d0a0e;
-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background-color: #d2171d; box-shadow: 0px 1px 1px #CCC; z-index: 16000; color: #FFF;
background-image: -webkit-gradient(linear, left top, left bottom, from(#e41b22), to(#b71015));
background-image: -webkit-linear-gradient(top, #e41b22, #b71015);
background-image: -moz-linear-gradient(top, #e41b22, #b71015);
background-image: -o-linear-gradient(top, #e41b22, #b71015);
background-image: linear-gradient(top, #e41b22, #b71015);
}
.fs-notify-reg-block span {width: 10px; height: 7px; bottom: -7px; position: absolute; left: 5px;
background: url(../../app/profile/img/reg-row.png?2) no-repeat; z-index: 16000 }
.fs-notification-area {background:#F79055; color: #FFF; text-decoration: none; line-height: 12px; padding: 5px 3px; float: right;
-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; vertical-align: middle; position: relative; margin: 2px 0 0 0;
display: inline-block; *display: inline; *zoom:1}
.complaintBtn {cursor:pointer;}
.complaintBtnPhoto {left:13px;position:absolute;top:95px;}
.complaintBtnProfileLink {padding:0 0 0 6px !important;}
.complaintBtnProfile {position:relative;top:5px;}
.complaintBtnMessageLink {font-size: 11px;text-decoration:underline;position: absolute;top:60px;left: 100px;cursor: pointer;}
.fs-content-box.new {overflow: hidden;background: url(../img/fs_content_box_bg.png) repeat-y 0 0; padding: 10px 0px 10px 20px; }
.fs-content-box.new .fs-side-content{width: 220px;}
.fs-content-box.new .fs-main-content {padding: 20px 20px 20px 20px !important; margin: -10px 0 -10px; border-left: 1px solid #C1C1C1; background: #ffffff;
z-index: 10; -webkit-border-radius: 0 7px 7px 0; -moz-border-radius: 0 7px 7px 0; border-radius: 0 7px 7px 0;
min-height: 600px; position: relative;}
.fs-content-box.new .fs-room-title {background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#F2F2F2));
background-image: -webkit-linear-gradient(top, white, #F2F2F2); background-image: -moz-linear-gradient(top, white, #F2F2F2);
background-image: -ms-linear-gradient(top, white, #F2F2F2); background-image: -o-linear-gradient(top, white, #F2F2F2);
background-image: linear-gradient(top, white, #F2F2F2); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#FFFFFF', EndColorStr = '#f2f2f2');
background-color: #F2F2F2; height: 35px; border-bottom: solid 1px #C4C4C4; margin: -20px -20px 20px -20px; -webkit-border-radius: 0 7px 0 0;
-moz-border-radius: 0 7px 0 0; border-radius: 0 7px 0 0; line-height: 31px; padding: 20px 20px 12px; font-size: 17px;}
.fs-side-menu {margin:0 -20px;}
.fs-side-menu li a{display: block; padding: 8px 20px; text-decoration: none; color: #58595B; border-top: 1px solid #FBFBFB; border-bottom:1px solid #DDD; width: 223px; position: relative; line-height: 17px; }
.fs-side-menu li:first-child {border-top: 1px solid #ddd;}
.fs-side-menu li:hover a:not(.on){background: #f8f8f8; box-shadow: inset -14px 0px 10px -10px #C5C5C5; }
.fs-side-menu li a.on {background: #e8e8e8; box-shadow: inset -5px 0px 3px #c5c5c5; margin-top: 0; border-top-color: #c5c5c5; border-bottom-color: #CCC; margin-top: -1px; padding-top: 9px;}
.fs-side-menu li a .count.fs-notification-area { right: 23px; top:3px; color: #fff; padding: 0 3px; display: block; line-height: 22px; }
.fs-side-menu li a .count { right: 26px; top: 8px; position: absolute; color: #828282}
.fs-side-menu-separator {margin:0px -30px 20px -30px; border-bottom:solid 1px #ccc; box-shadow:0px 12px 11px -9px #CCC; height: 20px;}
.fs-side-menu-separator.menu {margin-top:-21px}
.fs-side-user {margin-bottom: 20px}
.fs-side-user .user-avatar{width: 48px; height: 48px; text-decoration: none; float: left; }
.fs-side-user .user-links {margin-left: 58px; padding-top: 6px}
.fs-side-user .user-links a{text-decoration: none; font-weight: bold}
.fs-side-user .user-links .sub-link{color: #828282; font-weight: normal;}
.fs-side-user .user-links .sub-link:hover{text-decoration: underline}
.fs-mobile-online-ico { display: inline-block; position: relative; top: 3px; left: -2px; width: 8px; height: 14px; background: url(../../app/mobile/img/phone8.png) no-repeat; *zoom:1; *display:inline; vertical-align: top; *left: 3px;}
.fs-mobile-online-big { display: inline-block; position: relative; top: 5px; left: -2px; width: 10px; height: 17px; background: url(../../app/mobile/img/phone.png) no-repeat; *zoom:1; *display:inline;}
/**/
#base_css_common_css {display: none;}
/**/