* {
    margin:0;
    padding:0;
}

body {
    background:url('../images/bg.png')/*tpa=http://webfox.ws/templates/WebFox/images/bg.png*/;
    color:#1f282c;
    font:11px bpg;
    cursor:default;
}

/*fonts*/
@font-face {font-family: "bpg"; src:url('../fonts/bpg_arial_2009.ttf');}
.bpg { font-family: bpg; }

h1, h2, h3, h4 {
    font-weight:normal;
}

h1 {
    font-size:12px;
}

h2 {
    font-size:16px;
}

h3 {
    font-size:14px;
}

h4 {
    font-size:12px;
}

a img {
    border:none;
}

textarea {
    resize:vertical;
}

ul, ol {
    list-style:none;
}

:focus {
    outline:none;
}

.clr {
    clear:both;
}
    
table {
    border-collapse:collapse;
    border-spacing:0;
}

p {
    margin:10px 0;
}

hr {
    color:#aaa;
    border:0 none;
    border-top:1px dotted #aaa;
    height:1px;
}

a, a:visited {
    color:#333;
    text-decoration:none;
	    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

a:hover, a:active {
    color:#efa618;
    text-decoration:none;

}

.thidee {
    display:block;
    overflow:hidden;
    font-size:0;
}


#wrapper {
    width: 1024px;
    padding: 15px 0;
    margin: 0 auto;
}

#sbody {
    background:rgba(102,102,102,.9);   
    border-radius:0 0 6px 6px;
    padding-right:8px;
}


.rss {
    background:url('../images/rssbut.png')/*tpa=http://webfox.ws/templates/WebFox/images/rssbut.png*/;
    width:18px;
    height:18px;
}



#topmenu {
    background:rgba(102,102,102,.6) url('../images/glass-top.png')/*tpa=http://webfox.ws/templates/WebFox/images/glass-top.png*/ repeat-x;
    overflow:hidden;
    border-radius:6px 6px 0 0;
	height: 10px;
}

#topmenu ul {
    height:46px;
	line-height:46px;
}
   
#topmenu ul li {
    float:left;
}
            
#topmenu ul li a {
    font-size:15px;
    color:#fff;
    text-shadow: 0 -1px 0 #ac1e47;
    display:block;
    border-right:1px solid rgba(48,48,48,.2);
    padding:0 15px;
}
    
#topmenu ul li a:hover {
    background:rgba(48,48,48,.1) url('../images/arrow.png')/*tpa=http://webfox.ws/templates/WebFox/images/arrow.png*/ no-repeat center bottom;
}

#searchbar {
    margin:5px 5px 0 0;
    float:right;
}

.ser-text {
    width:190px;
    height:28px;
    padding:0 8px;
    font:11px bpg;
    border:none;
    border-radius:3px;
    transition:all 0.5s ease;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.3) inset;
    background:rgba(255,255,255,.89);
}

.ser-text:focus {
    width:190px;
    background:#fff;
}

.ser-but {
    z-index:105;
    cursor:pointer;
    border:none;
    width:16px;
    height:16px;
    margin:6px 5px 0 6px;
    float:right;
    background:url('../images/ser-but.png')/*tpa=http://webfox.ws/templates/WebFox/images/ser-but.png*/ no-repeat;
}

#content {
    border-radius:0 6px 6px 6px;
    background:#fff url('../images/sright.png')/*tpa=http://webfox.ws/templates/WebFox/images/sright.png*/ repeat-y right;
    padding:10px 10px 10px 0;
}

#l-content {
    margin-right:250px;
}

#side-panel {
    float:right;
    width:240px;
}

.box-out {
	border-top:1px solid #ddddd7;
	padding:15px;
    overflow:hidden;
}

.box-out h2 {
	margin-bottom:10px;
}

     
.corner {
height:31px; background:url('../images/primary-nav.png')/*tpa=http://webfox.ws/templates/WebFox/images/primary-nav.png*/ repeat-x #DEDEDE;

}
.speedbar {

    margin:-10px 0 0 0;
    height:31px;
    width:100%;
    padding:0 10px 0 0;
}

.sortblock {
    overflow:hidden;
    background:#222;
    margin-bottom:10px;
    padding:10px 10px 0 0;
}

.sortblock ul li {
    float:left;
    position:relative;
    width:237px;
    box-shadow:0 0 5px 0 #000;
    margin:0 0 10px 10px;
}

.sortblock ul li a {
    color:#fff;
    display:block;
}
    
.sortblock ul li a:hover {
    text-shadow:0 0 7px #fff;
}

.sortblock ul li .text {
    position:absolute;
    background:rgba(0,0,0,.8);
    bottom:0;
    padding:8px;
    color:#fff;
}
    
.sortblock ul li img {
    width:100%;
  	display:block; 
 	height:160px;
}

#slide-menu {
    font-size:12px;
    margin:0 -10px 10px 0;
}

#slide-menu li a, #slide-menu li span {
    color:#1f2931;
    display:block;
    border-radius:6px 0 0 6px;
    border-bottom:1px solid #f0f0f0;
    padding:0 23px;
    height:28px;
    line-height:27px;
}

#slide-menu li a {
    cursor:pointer;
    background:url('../images/slidemenu.png')/*tpa=http://webfox.ws/templates/WebFox/images/slidemenu.png*/ no-repeat 9px -43px;
}

#slide-menu li span {
    cursor:pointer;
    background:url('../images/slidemenu.png')/*tpa=http://webfox.ws/templates/WebFox/images/slidemenu.png*/ no-repeat 9px 9px;
}

#slide-menu li a:hover, #slide-menu li span:hover {
    background-color:#e5e5e5;
    box-shadow:0 1px 1px rgba(0, 0, 0,.1) inset;
}

#slide-menu li.selected span {
    color:#fff;
    box-shadow:none;
    border:none;
    background-color:#666362;
    background-position:7px -23px;
}

#slide-menu li.submenu ul {
    padding:10px 0 5px 0;
}

#slide-menu li.submenu ul li a {
    border:none;
    font-size:11px;
    padding-bottom:5px;
    background:none;
    line-height:normal;
    height:auto;
    box-shadow:none;
    padding-left:25px;
}

.side-block {
    border-radius:5px;
    width:240px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    background:#fff;
    margin:0 0 10px 0;
}

.side-block .block-inner {
    padding:7px;
}

.side-block .block-head {
    background:url('../images/b-head.png')/*tpa=http://webfox.ws/templates/WebFox/images/b-head.png*/ no-repeat;
    padding:0 10px 0 21px;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset;
    font-size:13px;
    text-shadow: 0 -1px 0 #a4113b;
    height:32px;
    color:#fff;
    line-height:31px;
    border-radius:5px 5px 0 0;
}

.side-block .block-head2 {
    background:url('../images/b-head2.png')/*tpa=http://webfox.ws/templates/WebFox/images/b-head2.png*/ no-repeat;
    padding:0 10px 0 21px;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset;
    font-size:13px;
    text-shadow: 0 -1px 0 #a4113b;
    height:32px;
    color:#fff;
    line-height:31px;
    border-radius:5px 5px 0 0;
}

.side-block .block-top {
    padding:0 15px;
    height:32px;
    border-bottom:1px solid #111;
    line-height:32px;
    font-size:13px;
    text-shadow: 0 -1px 0 #111;
    color:#fff;
}

.side-block.nomargin {
    margin-bottom:0;
}

.side-block.dblock {
    background:#222;
}

.topnews {
    border-top:1px solid #333;
    padding-bottom:5px
}

.topnews li a {
    color:#fff;
    padding:8px;    
    overflow:hidden;
    display:block;
}

.topnews img {
    float:left;
    width:50px;
    height:45px;
    border-radius:4px;
}

.topnews li:hover {
    background:rgba(255,255,255,0.1)
}

.vinfo, .pollinfo {
    padding-bottom:5px;
    background:url('../images/vtitle.png')/*tpa=http://webfox.ws/templates/WebFox/images/vtitle.png*/ no-repeat 20px 100%;
    color:#fff;
}

.vinfo b, .pollinfo b {
    display:block;
    padding:8px;
    font-weight:normal;
    font-size:12px;
    background:#1C1C1C;
}

#archbut, #votebut { 
    float:right;
    margin-top:5px;
}
    
#archbut a, #votebut a {
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.3) inset;
    border-radius:3px;
    margin-left:4px;
    width:25px;
    height:22px;
    float:left;
    background:rgba(0,0,0,0.4) url("../images/archvote.png")/*tpa=http://webfox.ws/templates/WebFox/images/archvote.png*/ no-repeat; 
}
    
#archbut a:hover, #votebut a:hover {
    background-color:rgba(0,0,0,0.45);
}
    
#archbut a.selected {
    background-color:rgba(0,0,0,0.59); 
}

#votebut a.allvote {
    background-position: -1px 0;
}

#votebut a.resvote {
    background-position: -23px 0;
}

#archbut a.list {
    background-position: -1px -22px;
}

#archbut a.cal {
    background-position: -23px -22px;
}


.popuplog {
    box-shadow:0 0 5px #000;
    background: #fff;
}

.popup-head {
    font-size:15px;
    padding:0 20px;
    height:45px;
     color:#fff;
    text-shadow: 0 -1px 0 #ac1e47;
    line-height:46px;
    background:#b42a41 url('../images/glass-top.png')/*tpa=http://webfox.ws/templates/WebFox/images/glass-top.png*/ repeat-x;
}

.popup-close {
    margin-top:16px;
    width:16px;
    overflow:hidden;
    display:block;
	height:16px;
	float:right;
	background:url('../images/close.png')/*tpa=http://webfox.ws/templates/WebFox/images/close.png*/ no-repeat;
}

.popupcol {
    padding:15px;
}

.popupcol .usermenu {
	margin:-3px 0 0 120px;
}

.popupcol .usermenu li a {
	display:block; 
	padding: 3px 0;
}

.popupcol .edge p {
	color: #7e7e7e;
    padding:0 !important;
	margin-bottom:4px;
}

.popupcol .edge input {
	margin-bottom:8px;
    padding:5px;
	width: 97%;
}


.news-block {
    border-top:1px solid #ddddd7;
    padding:15px;
    background:url('../images/news-bg.png')/*tpa=http://webfox.ws/templates/WebFox/images/news-bg.png*/ repeat-x;
}

.news-block h3 {
    padding-left:19px;
    background:url('../images/arrow-news.png')/*tpa=http://webfox.ws/templates/WebFox/images/arrow-news.png*/ no-repeat 0 5px;
}

.news-top {
	margin-bottom:9px;
    border-bottom:5px dotted #e1e1e1;

}

.news-top ul {
    padding:4px 0 9px 0 !important;
    overflow:hidden; 
} 

.news-top ul li {
    padding-left:10px;
    background:url('../images/arrow-b.png')/*tpa=http://webfox.ws/templates/WebFox/images/arrow-b.png*/ no-repeat 0 7px;
	float:left;
    color:#666;
    margin-right:5px;
}

.news-bottom {
    margin-top:10px;
    overflow:hidden;
}
        
.news-bottom .rating {

    float:left;
}

.comnum {
    margin:0 -15px 0 10px;
    line-height:29px; 
    text-align: center;
    font-size:15px;
    padding-left:5px;
    color:#fff;
    float:right;
    width:35px;
    height:30px; 
    background:url("../images/comnum.png")/*tpa=http://webfox.ws/templates/WebFox/images/comnum.png*/;
}

.comnum a {
    color:#fff;
    display:block;
}
  
.newsinfo {
    overflow:hidden;
    height:25px;
    line-height:25px;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.2) inset;
    border-radius:5px 11px 11px 5px;
    background:#eee;
    float:right;
}

.newsinfo li {
    float:left;
}

.newsinfo li img {
    height:25px;
    width:23px;
    vertical-align:top !important;
    background:rgba(0,0,0,0.1);
    border-right:1px solid rgba(0, 0, 0, 0.11) !important;
}

.newsinfo .cat {
    padding: 0 10px;
}

.argmore a {
    float: right;
    background:#222 url('../images/argmore.png')/*tpa=http://webfox.ws/templates/WebFox/images/argmore.png*/ no-repeat 91% 9px;
    border-radius:11px;
    line-height:24px;
    height:25px;
    color:#fff !important;
    padding: 0 23px 0 15px;
    font-size:12px;
}
    
.argmore a:hover {
	background-color:#d28825;
}

.info-block {
    background:#F5F5F5;
    border-radius:5px;
    padding:10px;
    margin:15px 0;
}

.berrors {
    border:1px solid #ddddd7;
    border-width:1px 0;
    background:#f5f5f5;
    padding:15px;
    margin-bottom:10px;
}
        
.berrors b {
	font-size:12px;
    font-weight:normal;
}

.stats {
    width:33.3%;
    float:left;
    margin-bottom:10px;
}

select {
    padding:1px;
    height:20px;
	box-shadow:0px 1px 0px rgba(0,0,0,0.1) inset;
    border:1px solid #bababa;
    font-size:11px;
    border-radius:2px;
}

.checkbox {
    padding:4px 0;
    line-height:1em;
}

.checkbox input {
    margin-top:-2px;
    vertical-align:middle;
}

.bb-editor textarea, .xfields input, input.textin, .xfields textarea, .f_input,input.f_input, textarea.f_textarea  {
    border:1px solid #bababa;
    background:#fff;
    padding:4px;
    font:12px Tahoma, arial;
    transition:all 0.2s ease;
    color:#666;
    border-radius:2px;
    box-shadow:0px 1px 0px rgba(0,0,0,0.1) inset;
}
        
.bb-editor textarea:hover, .xfields input:hover,input.textin:hover,.xfields textarea:hover,.f_input:hover,input.f_input:focus, textarea.f_textarea:hover {
    border:1px solid #909090;
}

.bb-editor textarea:focus, .xfields input:focus,input.textin:focus,.xfields textarea:focus,.f_input:focus,input.f_input:focus, textarea.f_textarea:focus{
    border:1px solid #a62a3f;
    color:#000;
    box-shadow:0px 1px 0px rgba(0,0,0,0.1) inset, 0px 0px 5px #b42a41;
}

a.fbutton:link, a.fbutton:visited, .fbutton, input.bbcodes {
    background:url('../images/wbg.png')/*tpa=http://webfox.ws/templates/WebFox/images/wbg.png*/ repeat-x bottom;
    border:0px;
    margin-top:7px;
    color:#333;
    font:12px tahoma, arial, helvetica ,sans-serif;
    box-shadow:0 0 1px rgba(0,0,0,0.4);
    border-radius:3px;
    cursor:pointer;
    padding:3px 9px 4px 9px;
}

a.fbutton:hover, .fbutton:hover, input.bbcodes:hover {
    color:#000;
}

a.fbutton:active, .fbutton:active, input.bbcodes:active {
    color:#555;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.3) inset; 
}

table.tableform {
    width:100%;
}

table.tableform td {
    padding:2px 0px 3px 0px;
    border-bottom:1px dotted #eaeaea;
    vertical-align:middle;
}

.tableform td.label {
    width:20%;
    padding-right:0;
}

table.tableform input.f_input {
    width:300px;
}

.uavatar {
    position:relative;
	float:left;
}

.uavatar img {
    width:100px;
    border-radius:4px;
}

.avatar {
    position:relative;
	float:left;
}

.avatar img {
    width:80px;
    border-radius:4px;
}

.user-status {
	position:absolute;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.9) inset;
    top:0px;
    right:0px;
    background:rgba(0,0,0,0.4);
    padding:3px 5px 2px 5px;
    border-radius:3px;
}

.user-status img {
    width:10px !important;
    height:10px !important;
}
        
.ulist {
    margin-left:10px;
    display:inline-block;
}

.uinfo {
    width:49.9%;
    float:left;
}

.grey {
    color:#555;
}

.pm-menu {
    overflow:hidden;
}
        
.pm-menu li {
    float:left;
    margin-right:10px;
}

.poll-block {
	background:#f8f8f8;
}
           
.pollinfo b {
    padding:10px;
}
    
.poll-block .padding {
	padding:10px;
}

.bcomment {
    padding-bottom:9px;
    margin:10px 10px 0 10px;
    background:url('../images/comm-arrow.png')/*tpa=http://webfox.ws/templates/WebFox/images/comm-arrow.png*/ no-repeat 20px 100%;
}

.bcomment .arrow {
    padding:8px;
    display:block;
    overflow:hidden;
    border-radius:4px;
    background:#eee;
}

.bcomment .commm-user {
    color:#666;
}
                
.bcomment .bcomm {
	margin-left:90px;
}
                        
.comm-text {
	font-size:12px;
    padding:5px 0px;
}
            
.bcomment .author {
	font-size:14px;
}
    
.comedit {
    float:right;
}

.comedit a {
	display:inline-block;
	padding:2px;
	opacity:0;
}

.bcomment:hover .comedit a {
	opacity:0.4;
	transition:all 0.3s ease;
}

.bcomment .comedit a:hover {
    opacity:1.0;
}

.counts ul li {
    float: right;
    height: 31px;
    margin-left:8px;
    opacity:0.5;
}

.counts ul li:hover {
    opacity:1.0;
}

.foot-top .totop {
    float:left;
    margin:9px 10px 0 10px;
    background:url('../images/totop.png')/*tpa=http://webfox.ws/templates/WebFox/images/totop.png*/ no-repeat;
    width:18px;
    height:15px;
    transition:all 0.2s ease;
    opacity:0.4;
}
    
.foot-top .footlogo:hover {
	opacity:1;
}
                    
.foot-top {
	padding:6px 0 6px 6px;
    color:#fff;
}
    
.foot-top b {
    font-weight:normal;
    font-size:12px;
    height:32px;
    padding-left:10px;
    border-left:1px dotted rgba(255,255,255,0.4);
    line-height:32px;
}

    .foot-bottom a {
    color:#fff;
}

.foot-bottom a:hover {
    text-decoration:underline;
    text-shadow:0 0 8px #fff;
}

.foot-bottom .menu {
    margin-left:-6px;
}
                
.foot-bottom .menu li a {
	float:left;
    border-right:1px solid #ddd;
    padding:0 6px;
}    

.foot-bottom {
    padding:10px;
    color:#f9f9f9;
}

.relnews {
    color:#444;
}

.relnews li a {
    color:#b42a41;
    font-size:12px;
    display:block;
}

.relnews li a:hover {
    text-decoration:underline;
}

.relnews li {
    padding:6px;
    display:block;
    overflow:hidden;
}

.relnews li:hover {
    background:#fff;
    box-shadow:0 0 5px rgba(0,0,0,0.1);
    border-radius:4px;
}

.relnews img {
    float:left;
    width:80px;
    height:50px;
    border-radius:4px;
    margin-right:8px;
}

.relnews li a:hover {
    text-shadow:0 0 10px #fff;
}

.relnews-area {
    overflow:hidden;
    margin-top:10px;
    background:#eae8e7 ;
	box-shadow: inset 0 0 4px 0 #dbdbdb;
    padding:8px;
}

.relnews-area h2 {
    padding:10px;
    text-transform:uppercase;
    text-shadow:0 1px 0 #fff; 
    color:#444;
}

.basenavi {
    font-size:16px;
    padding:0 20px; 
}
   
.navigation, .navigation a, .navigation span, .bnnavi, .nextprev, .nextprev .thide {
    float: left;
}

.navigation a, .navigation span {
    margin-top:2px;
    padding:0 7px;
    height: 22px;
    line-height: 21px;
}

.navigation a, .navigation span.nav_ext {
    color: #3f4b51;
}

.navigation a:hover {
    background-color: #eee;
    border-radius:4px;
}

.navigation span {
    background-color: #d28825;
    color: #fff;
    border-radius:2px;
}  

.nextprev .pager {
    width: 26px;
     font-size:0;
     margin: 0 4px; 
     float:left !important;
     height:26px;
     background: url("../images/pages.png")/*tpa=http://webfox.ws/templates/WebFox/images/pages.png*/ no-repeat;
}

.nextprev a span {
    cursor: pointer;
}

.nextprev span .pnext {
    background-position: -26px -52px;
}

.nextprev a .pnext {
	background-position: -26px 0;
}

.nextprev a:hover .pnext {
	background-position: -26px -26px;
}

.nextprev span .pprev {
	background-position: 0 -52px;
}

.nextprev a .pprev {
	background-position: 0 0;
}

.nextprev a:hover .pprev {
	background-position: 0 -26px;
}


/*--- Display style ---*/
#header_h .logo a, ul, form, h1, h2, h3, h4, h5, h6, .dcorearts a, .h_text_c span, .log_pan span, .logs ul, .logs ul li, .log-panel.reg form, .log-panel.reg label, .log-panel.reg label span, .log-panel.reg label input, #header_c nav > ul li a, #header_c nav > ul li a span, #h_flow li.h_this ul li a, #h_flow li.h_this ul li, a.rss, input.sfield, input.sfield:active, input.sfield:focus, input.sbtn, .sortline, .block_h h1, .navi ul li, .navi ul > li:hover > div, .navi ul > li.opened > div, .navi ul > li.sublink > div span, .navi ul > li.opened > div span, .navi ul > li.sublink:hover > div span, .navi ul > li > div a, .navi ul > li.opened > div > a:hover, .navi ul li ul li a, #osmile-area a, #osmile-area a span, .block_c.block_user nav ul li a, .usr_a .lcol, .usr_a .rcols, .vtitle span, h2.heading.white, h2.heading, h2.heading span.rcols, .headings, .headings span.rcols, .horizontal ul li, span.sl_comm, span.sl_view, .horizontal ul li .text_bg span, .carousel_right, .carousel_left, .ctable_tr, .story_l_c span.fix, .story_b .f_link a span, .story.full .story_b .f_link a span, ul.related li a, .n_back span b, .n_back a b, .n_back a:hover b, #footer_c .logo a, .laba_tip_h, .laba_tip_cc {
    display: block;
}
.h_text_t span, .osmile, #osmile-area div img, .log_exit, .log_pan, .log_pan.rcol:hover, .serp, .block_c.block_user nav ul li, .usr_a .rcols span, .vote_sep, .comments_btn a, .bluline_link, .sortline a, .sortline span.sort_sep, #oaction a, .fsent, input.fsent, button.fsent, .f_link a, .story.full .f_link a:hover, .ctable dt dd, .ctable_tr div, .ctable_head div, .cmoder li a, .story_inf span.sep, .story_b .lcol span.tags, .story_b .lcol span.inf, .story_b .lcol span.sep, .comments_btn a:first-child, .offline, .online, .navi_pages a, .navi_pages span, .navi_pages span.nav_ext, .n_back span, .n_next span, .n_back a, .n_next a {
    display: inline-block;
}
/*--- Position style ---*/
header, #header_h, .ocmessage, .header_search form, .h_text, #header_h .login, .login_t_c, .log_pan, .log_pan.rcol:hover, .log-panel.reg #header_c, #h_flow .h_this, .block_h, .block_c, #ochat-area-all, #ochat-input, .ochat-input_t, .lastcomm, .horizontal ul li, .horizontal ul li .poster_bg, .story_l, .story_l_c, .comm_text, .spec_line_h, footer, #footer_c, #footer_b, #easyTooltip {
    position: relative;
}

/*--- Outline style ---*/
a:active, a:focus {
    outline: none;
}
/*--- Margin style ---*/
header, ul, .h_text_c span, .log-panel.reg label span, #h_flow li.h_this ul, #h_flow li.h_this ul li, .sortline span.sort_sep, .navi ul, .navi ul li ul li a, #ochat-area-all, .ocmessage p, .vote input, #dle-poll-list div input, .fsent, input.fsent, button.fsent, .f_link a, .story.full .f_link a:hover, .fieldsubmit, h2.heading.white, h2.heading, .story_h .lcols h1, .story_h .lcols h1 a, .story_b .lcol span.inf, .comm_inf ul li:last-child, .sticky_tooltip p {
    margin: 0;
}

/*--- Overflow style ---*/
#header_h .logo, .story_h, .header_search form, .h_text_c, .logs, .log-panel.regform, .log-panel.reg label span, a.rss, #header_b, .speedbar, .speedbar div, .sortline, .block_h h1, .navi ul, .ocmessage, .ocmessage .ocinfo, .ocmessage p, #oaction a, #ochat-input, .ochat-input_t, #ochat-input textarea, .lastcomm, .block_c.block_user, .block_c.block_user nav ul li, .usr_a, .block_c.block_vote, .vote_btn, .comments_btn a, .laba_info, .laba_info .lcol, .avatar, .posters, h2.heading.white, h2.heading, h2.heading, h2.heading span.lcol, .headings, .headings span.rcol, .horizontal ul li .text_bg, .horizontal ul li .text_bg span, .ctable_head, .ctable_tr, .story_l, .story_l_c, .cmoder li a, .story_inf, .story_b, .story_b .lcol span.tags, .story_b .lcol span.inf, .comments, .comments > .lcol, .comm_inf, .offline, .online, ul.related, .berrors, .berrors_c, .static_c, .spec_line, .spec_line_h, .spec_line_c, .navi_pages a, .navi_pages span, .navi_pages span.nav_ext, footer, #footer_h, #footer_c .logo, .laba_tip_h, .laba_tip_cc, .sticky_tooltip p {
    overflow: hidden;
}
/*--- Text style ---*/
#header_h .logo, .log_exit, .serp, a.rss, #oaction a, #osmile-area a, .horizontal ul li .text_bg span, .carousel_right, .carousel_left, .cmoder li.warn a, .cmoder li.edit a, #footer_h, #footer_c .logo, .dcorearts {
    text-indent: -9999px;
}
/*--- Border style ---*/
.h_text, .login_t_c, .login_t_c img, .log-panel.reg label, .log-panel.reg button, .block.white .block_bg, .block_h h1, .navi ul li ul, .ocmessage .ocinfo, .vtitle, .vote_btn, button.bbcodes, input.bbcodes, .bbcodes, button.dlevotebutton, input.dlevotebutton, .dlevotebutton, .comments_btn a, .fsent, input.fsent, button.fsent, .f_link a, .story.full .f_link a:hover, .headings span.lcol, span.sl_comm, span.sl_view, .ctable_tr, .story_l_c, .cmoder li a, .story_b .lcol span.tags, .comments_btn a:first-child, .offline, .online, .editpost, .navi_pages a, .navi_pages span, .navi_pages span.nav_ext, .n_back span, .n_next span, .n_back a, .n_next a {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
/*--- Transition style ---*/
.f_link a, a.log_pan, a.bluline_link, .comments_btn a, .cl_panel a {
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

/*==============================
           Header
==============================*/
header {
    margin: 0 0 15px 0;
}
#header_h {
    border-radius: 6px 6px 0 0;
    height: 68px;
    background:  url("../images/headbg.png")/*tpa=http://webfox.ws/templates/WebFox/images/headbg.png*/ no-repeat #2b2b2b;
    -webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.47);
    -moz-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.47);
    box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.47);
    z-index: 8;
}
#header_h .logo {
    background: url("../images/foxsprite.png")/*tpa=http://webfox.ws/templates/WebFox/images/foxsprite.png*/ no-repeat;
    width: 285px;
    height: 47px;
    margin: 10px 0 0 11px;
}
#header_h .logo a {
    width: 288px;
    height: 51px;
}
#header_h .login {
    margin: 15px 10px 0 0;
}
.login_t_c {
    background: #252525;
    -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.23);
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.23);
    border: 1px solid #363636;
    border-width: 0 1px 1px 0;
    height: 38px;
    font-size: 13px;
    color: #9b9b9b;
    z-index: 1;
	float:right;
	margin: 20px 0 0 0;
}
.login_t_c img {
    margin: 2px 9px 0 2px;
    width: 34px;
    height: 34px;
    -webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.42);
    -moz-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.42);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.42);
	float:left;
}
.login_t_c span {
    display: block;
    padding: 0 9px 0 0;
    line-height: 36px;
}
.login_t_c a#logbtn {
    text-decoration: none;
    display: block;
    height: 38px;
    line-height: 22px;
}
.login_t_c a#logbtn span {
    float: left;
}
.login_t_c a {
    color: #fff;
}
.log_exit {
    position: absolute;
    right: -29px;
    top: 2px;
    height: 22px;
    width: 22px;
    background: #BF3E3E url("../images/ex_btn.png")/*tpa=http://webfox.ws/templates/WebFox/images/ex_btn.png*/ no-repeat center center;
    border-radius: 0 3px 3px 0;
    margin: 7px 6px 0 7px;
}
.log_exit:hover {
    background: #efa127 url("../images/ex_btn.png")/*tpa=http://webfox.ws/templates/WebFox/images/ex_btn.png*/ no-repeat center center;
}
.log_pan {
    background: #4f688c;
    color: #fff;
    margin: 1px 0 0 0;
    font-size: 11px;
    height: 36px;
    -moz-border-radius: 6px 3px 3px 6px;
    -webkit-border-radius: 6px 3px 3px 6px;
    border-radius: 3px;
    z-index: 2;
	float:right;
}
.log_pan span {
    height: 38px;
    padding: 4px 12px 0 12px;
    line-height: 14px;
}
.log_pan:focus, .log_exit:focus {
    outline: none;
    outline-offset: 0;
}
.log_pan:hover, .log_pan.selected {
    background: #b23c3c;
    color: #fff;
    text-decoration: none;
}
.serp {
    height: 38px;
    width: 2px;
    background: url("../images/sep_5.png")/*tpa=http://webfox.ws/templates/WebFox/images/sep_5.png*/ no-repeat 0 center;
    margin: 0 4px 0 5px;
}
.log-panel {
    display: none;
    position: absolute;
    right: 200px;
    top: 205px;
    padding: 1px 1px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.52);
    -moz-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.52);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 1), 0px 0px 0px 3px rgba(0, 0, 0, 0.52);
    width: 218px;
    z-index: 999;
}
.log-panel::before {
    content: '';
    z-index: 1;
    position: absolute;
    top: -13px;
    right: 10px;
    border: 7px solid; 
    border-color: transparent transparent #fff transparent; 
}
.log-panel.reg a {
    color: #455C7D;
    font-size: 12px;
}
.logs ul {
    border: none;
}
.logs ul li {
    border-bottom: 1px dotted #DEDEDE;
    font-size: 13px;
    margin: 0 5px;
    height: 26px;
    line-height: 24px;
}
.logs ul li:last-child {
    height: 25px;
    border: none;
}
.logs ul li a {
    color: #454545;
    display: block;
    padding: 0 5px;
    text-decoration: none;
}
.logs ul li a span {
    color: #b02f2f;
}
.logs ul li a b {
    color: #BF3E3E;
    font-weight: normal;
}
.logs ul li a:hover, .logs ul li a:hover span {
    color: #d28825;
}
.log-panel.reg form {
    padding: 5px 7px;
    font-family: 'Ubuntu Condensed', sans-serif;
}
.log-panel.reg label {
    background: #191919;
    margin: 1px 0 7px 0;
    color: #afaeae;
    font-size: 13px;
    font-family: 'Ubuntu Condensed', sans-serif;
    padding: 0 9px;
    height: 27px;
    line-height: 25px;
    overflow: hidden !important;
}
.log-panel.reg label span {
    float: left;
    padding: 0 5px 0 0;
}
.log-panel.reg label input {
    background: none;
    border: none;
    height: 26px;
    color: #a53232;
    width: 137px;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    overflow: hidden !important;
}
.log-panel.reg input:active, .log-panel.reg input:focus {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
}
.log-panel.reg button {
    height: 26px;
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    font-family: 'Ubuntu Condensed', sans-serif;
    background: #2d2d2d;
    padding: 0 15px;
}
.log-panel.reg button:hover {
    background: #4f688c;
}
#header_c {
    background: #232323;
    height: 37px;
    -webkit-box-shadow:  0px 0px 4px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow:  0px 0px 4px 0px rgba(0, 0, 0, 0.45);
    box-shadow:  0px 0px 4px 0px rgba(0, 0, 0, 0.45);
    z-index: 6;
    border-radius: 0 0 6px 6px;
}
#header_c nav > ul li {
    float: left;
    height: 37px;
    font-size: 15px;
    padding: 0 1px 0 0;
    background: url(../images/sep.png)/*tpa=http://webfox.ws/templates/WebFox/images/sep.png*/ no-repeat right center;
}
#header_c nav > ul li:first-child:hover a, #header_c nav > ul li.selected:first-child a {
    border-radius: 0 0 0 6px;
}
#header_c nav > ul li a {
    color: #d4d4d4;
    text-shadow: 0 1px 0 rgba(0,0,0,0.71);
}
#header_c nav > ul li a span {
    height: 37px;
    line-height: 37px;
    padding: 0 16px;
}
#header_c nav > ul li.h_this a span {
    background: url("../images/arrow.png")/*tpa=http://webfox.ws/templates/WebFox/images/arrow.png*/ no-repeat 94% 17px;
    padding-right: 29px;
}
#header_c nav > ul li.h_this:hover a span {
    background: url("../images/arrow_2.png")/*tpa=http://webfox.ws/templates/WebFox/images/arrow_2.png*/ no-repeat 94% 17px;
}
#header_c nav > ul li a:hover, #header_c nav > ul li.selected a {
    color: #efa127;
    background: #191919;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.73);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.73);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.73);
    text-decoration: none;
}

.logoo {
float:left;
margin: 5px 0 0 0;
    background:url('../images/logo.png')/*tpa=http://webfox.ws/templates/WebFox/images/logo.png*/;
    width:285px;
    height:57px;
}
.logoo:hover {
float:left;
margin: 5px 0 0 0;
    background:url('../images/logohov.png')/*tpa=http://webfox.ws/templates/WebFox/images/logohov.png*/;
    width:285px;
    height:57px;
}

/*==============================
           Tooltip
==============================*/
#easyTooltip {
    position: relative;
}
.sticky_tooltip {
    background: #fff;
    -webkit-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.52);
    -moz-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.52);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 1), 0px 0px 0px 3px rgba(0, 0, 0, 0.52);
    position: absolute;
    right: 0;
    top: 0;
    color: #727272;
    z-index: 10000;
    width: 246px;
    font-size: 12px;
    font-style: normal;
    padding: 5px 10px 7px 10px;
    line-height: 14px;
	
}
.laba_tip {
    display:none;
}

/*--- tooltip ---*/
.ui-tooltip, .easyTooltip  {
    display: inline-block;
    position: relative;
    z-index: 9999;
    padding: 5px 8px;
    background: rgba(60,60,60,0.7);
    font: 12px/11px Calibri, Arial, Helvetica, sans-serif;
    color: #fff;
    font-style: italic;
    line-height: 14px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.irank { margin: 0 10px 0 0; padding-top: 44px; width: 23px; background: url("../images/ranks.png")/*tpa=http://webfox.ws/templates/WebFox/images/ranks.png*/ no-repeat; }
.rank1 { background-position: 0 0; }        .rank2 { background-position: -23px 0; }
.rank3 { background-position: -46px 0; }    .rank4 { background-position: -69px 0; }
.rank5 { background-position: -92px 0; }    .rank6 { background-position: -115px 0; }
.rank7 { background-position: -138px 0; }   .rank8 { background-position: -161px 0; }
.rank9 { background-position: -184px 0; }   .rank10 { background-position: -207px 0; }
.rank11 { background-position: -230px 0; }  .rank12 { background-position: -253px 0; }
.rank13 { background-position: -276px 0; }  .rank14 { background-position: -299px 0; }
.rank15 { background-position: -322px 0; }  .rank16 { background-position: -345px 0; }
.rank17 { background-position: -368px 0; }  .rank18 { background-position: -391px 0; }
.rank19 { background-position: -391px 0; }

.left {float:left;}

/*--- Honors ---*/
.ult-list {
    padding: 0;
    margin: 0;
}
.ult-list, .ult-item {
    width: 100%
}
.ult-list, .ult-item {
    border: 1px dotted #d6d6d6
}
.ult-list {
    border-width: 0 0 1px 0
}
.ult-list li, .ult-list, .ult-place, .ult-name {
    float: left;
    display: inline
}
.ult-item {
    line-height: normal;
    padding: 12px 0;
    border-width: 1px 0 0 0
}
.ult-item:hover {
    background-color: #f7f7f7
}
.ult-item-wrap {
    padding: 0 25px 0 90px
}
.ult-img {
    float: left;
    margin-left: -90px;
    width: 50px;
    padding: 0 15px 0 25px
}
.ult-info {
    float: right;
    width: 100%
}
.ult-info h3 {
    font-size: 1.1em
}
.ulr-obj {
    margin-left: 1em;
    float: right
}
.ihonor {
    float: left;
    width: 48px;
    padding-top: 48px;
    background-color: #eee;
    margin-right: 1em;
    background-repeat: no-repeat;
    background-position: center center;
}
.honors {
    margin-bottom: 20px
}
.honors .ult-item-wrap {
    padding: 0 25px
}
.honors li h4 {
    font-weight: 400
}
.honors li p, .awline-noact h4 {
    color: #777B7C
}
.awline-noact .ihonor {
    opacity: 0.5;
    -ms-filter: "alpha(opacity=50)";
    filter: alpha(opacity=50);
    zoom: 1
}
.honors input {
    float: right;
    margin: .1em 0 0 .6em;
    vertical-align: middle
}
.ihonors-act, .ihonors-noact {
    float: right;
    font-size: 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 2px 5px;
    background: #97B312;
    color: #fff;
    text-transform: uppercase
}
.ihonors-noact {
    background: #B6B6B6
}
.thide, .points, .irss, .i_honor, .ihonor {
    overflow: hidden;
    display: block;
    height: 0;
    line-height: normal
}
.honor_list {
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	padding: 5px 0;
}
.honor_list:last-child {
	border: none;
}
.honor_list .num {
	background: #ddd; 
	border-radius:3px; 
	float:left;
	display:block; 
	height: 30px; 
	line-height: 28px;
	color: #313131;
	padding: 0 7px;
	margin: 0 5px 0 0;
}
.honor_list img {
	float:left;
	border-radius:3px; 
	width:30px;
	margin: 0 5px 0 0;
}

.newBage {float:left; border-radius:3px;display:inline-block;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.2);font-size:12px;padding:2px 6px;cursor:default;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);margin:0 3px;vertical-align:middle;
background: #b27b03;
background: -moz-linear-gradient(top, #b27b03 0%, #3f5b47 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b27b03), color-stop(100%,#3f5b47));
background: -webkit-linear-gradient(top, #b27b03 0%,#3f5b47 100%);
background: -o-linear-gradient(top, #b27b03 0%,#3f5b47 100%);
background: -ms-linear-gradient(top, #b27b03 0%,#3f5b47 100%);
background: linear-gradient(to bottom, #b27b03 0%,#3f5b47 100%);
}


.news {
	float: left;
	width: 365px;
	margin-left: 9px;
	position: relative;
	margin-bottom: 9px;
	font-family: "Verdana";
	height: 310px;
	background: #eaebeb;
	border-radius: 6px;
}
	.news_pict {
		height: 199px;
		position: relative;
		overflow: hidden;
	}
	.news_pict img {
		width: 365px;
	}
	.news_cont h2 a {
		display: block;
		position: relative;
		overflow: hidden;
		height: 25px;
		font-size: 15px;
	}
	.news_cont {
		background:  url("../images/title_line.png")/*tpa=http://webfox.ws/templates/WebFox/images/title_line.png*/ no-repeat top left;
		padding: 16px 10px 10px 10px;
		font-size: 13px;
		position: absolute;
		top: 183px;
		height: 95px;
	}
	.news_info {
		margin-top: 10px;
	}
	.news_info li {
		float: left;
		height: 24px;
		background:  url("../images/news_icons.png")/*tpa=http://webfox.ws/templates/WebFox/images/news_icons.png*/ no-repeat;
		font-size: 11px;
		color: #8e8e8e;
		margin-right: 15px;
		line-height: 24px;
		padding-left: 20px;
	}
	.news_info li.com {
		background-position: 0px -24px;
	}
	.news_info li.date {
		background-position: 0px 0px;
	}
	.news_info li.views {
		background-position: 0px -48px;
	}
	.news_cats {
		position: absolute;
		top: -30px;
		left: 8px;
		background: #262626;
		padding: 7px 9px;
		color: #fff;
		font-size: 11px;
	}
	.news_cats a {
		color: #fff;
	}
	
	
.popupHintOut{z-index:9999; position:absolute;top:0px;left:0px;background:rgba(0,0,0,0.5);padding:5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;z-index:1000;}
.popupHintOut .popupHintIn{background:#fff;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;box-shadow:0px 0px 3px rgba(0,0,0,0.5);}
.popupHintOut .popupHintArrow{position:absolute;width:48px;height:14px;top:0px;left:0px;z-index:999;}
.popupHintOut .popupHintArrow.arrowBottom{background:url('../images/popup-arrow-down.png')/*tpa=http://webfox.ws/templates/WebFox/images/popup-arrow-down.png*/ no-repeat center bottom;top:auto;bottom:-9px;}
.popupHintOut .popupHintArrow.arrowTop{background:url('../images/popup-arrow-top.png')/*tpa=http://webfox.ws/templates/WebFox/images/popup-arrow-top.png*/ no-repeat center top;top:-9px;}
.button-panel.rounded,.button_panel.rounded{-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}
.button-panel,.button_panel{background:#f4f4f4;border-top:1px solid #EAEAEA;padding:4px;}
	