/* 

        DataLife Engine Template

        Name: R e a d m e B l o g

        Author: http:// s a n d e r a r t . c o m /

*/



@import 'normalize.css';



/* font-family: "OpenSansRegular"; */

@font-face {

    font-family: "OpenSansRegular";

    src: url("../fonts/OpenSansRegular.eot");

    src: url("../fonts/OpenSansRegular.eot?#iefix")format("embedded-opentype"),

    url("../fonts/OpenSansRegular.woff") format("woff"),

    url("../fonts/OpenSansRegular.ttf") format("truetype");

    font-style: normal;

    font-weight: normal;

}

/* font-family: "OpenSansBold"; */

@font-face {

    font-family: "OpenSansBold";

    src: url("../fonts/OpenSansBold.eot");

    src: url("../fonts/OpenSansBold.eot?#iefix")format("embedded-opentype"),

    url("../fonts/OpenSansBold.woff") format("woff"),

    url("../fonts/OpenSansBold.ttf") format("truetype");

    font-style: normal;

    font-weight: normal;

}

@font-face {

    font-family: 'icomoon';

    src:    url('../fonts/icomoon.eot?wtz6zf');

    src:    url('../fonts/icomoon.eot?wtz6zf#iefix') format('embedded-opentype'),

        url('../fonts/icomoon.ttf?wtz6zf') format('truetype'),

        url('../fonts/icomoon.woff?wtz6zf') format('woff'),

        url('../fonts/icomoon.svg?wtz6zf#icomoon') format('svg');

    font-weight: normal;

    font-style: normal;

}



[class^="icon-"], [class*=" icon-"], .owl-theme .owl-controls .owl-buttons div:before, .news5:before {

    /* use !important to prevent issues with browser extensions that change fonts */

    font-family: 'icomoon' !important;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;



    /* Better Font Rendering =========== */

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

} 

.icon-chat:before {

    content: "\e900";

    top: 2px;

    position: relative;

}

.icon-flag:before {

    content: "\e901";

}

.icon-eye2:before {

    top: 2px;

    position: relative;

    content: "\e903";

}

.icon-magnifying-glass:before {

    content: "\e905";

}

.icon-vk:before {

    content: "\e90b";

}

.icon-google:before {

    content: "\e90d";

}

.icon-chevron-left:before {

    content: "\e902";

}

.icon-chevron-right:before {

    content: "\e906";

}

.icon-thumbs-o-up:before {

    content: "\f087";

}

.icon-thumbs-o-down:before {

    content: "\f088";

}

.icon-twitter:before {

    content: "\f099";

}

.icon-facebook:before {

    content: "\f09a";

}

.icon-facebook-f:before {

    content: "\f09a";

}

.icon-feed:before {

    content: "\f09e";

}

.icon-rss:before {

    content: "\f09e";

}

.icon-angle-up:before {

    content: "\f106";

}

.icon-angle-down:before {

    content: "\f107";

}

.icon-mobile:before {

    content: "\f10b";

}

.icon-mobile-phone:before {

    content: "\f10b";

}

.icon-thumbs-up:before {

    content: "\f164";

}

.icon-thumbs-down:before {

    content: "\f165";

}

.icon-youtube-play:before {

    content: "\f16a";

}

.icon-odnoklassniki:before {

    content: "\f263";

}

.icon-clock-o:before {

    content: "\f017";

}

.icon-print:before {

    top: 2px;

    position: relative;

    content: "\f02f";

    font-size: 16px;

}

.icon-paperclip:before{

    content: "\f0c6";

}

.icon-user:before {

    content: "\f007";

}

.icon-close:before {

    content: "\f00d";

}

.icon-play:before {

    content: "\f04b";

}

/* `Main



-----------------------------------------------------------------------------------*/





* {

    margin-top:0;

    margin-bottom:0;

    margin-right:0;

    margin-left:0;

    padding:0;

}

*, *:before, *:after {

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

image{

    border:0;

}

a img,:link img,:visited img,:hover img {

    border:0;

}

a{

    color:#303030;

    font-size:15px;

    text-decoration:underline;

    transition-property: color, opacity, border-color;

    transition-duration: 0.2s;

}

a:hover {

    color:#b4db6f;

    text-decoration:none;

}

b, strong, th{

    font-family: "OpenSansBold", sans-serif;

    font-weight: normal;

}

h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {

    margin:0;

    padding:0;

}

textarea{

    border:1px solid #ccc;

    padding:5px;

}

input:focus, textarea:focus {

    outline:none;

}

button:focus{

    outline:none;	

}

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

h1 {font-size:24px;line-height:30px;}

h2 {font-size:22px;line-height:25px;}

h3 {font-size:20px;}

h4 {font-size:18px;}

h5, h6 {font-size: 16px;}

ul, ol{

    padding: 0;

    margin: 0;

}

input[type="checkbox"], input[type="radio"] {

    width: auto; 

    height: auto; 

    padding: 0; 

    margin: 3px 5px 5px 0;

}

.cf:before,

.cf:after {

  content: " ";

  display: table;

} 

.cf:after {

  clear: both;

}

 .cf {

  *zoom: 1;

}

#dle-content:after{

    content: "";

    display: table;

    clear: both;

}

html{

    padding:0px;

}

body{

    font-family:'OpenSansRegular', sans-serif; 

    font-size:15px;

    line-height: 150%;

    height:100%;

    margin:0;

    color:#222;

    -webkit-font-smoothing: antialiased !important;

    background-color: #f1f1f1;

}

.container{

    background-color: #fff;

    padding: 0 30px;

}

.row{ 

	width: 100%; 

	display: table; 

	table-layout: fixed;

}

.col{ 

	display: table-cell; 

	vertical-align: top;

}

.wrap{

    max-width: 1140px;

    margin: 0 auto;

    position: relative;

}

.header{

	height: 110px;

    padding: 30px 0;

    position: relative;

}

.logo{

    padding: 0 40px 0 0;

    width: 360px;

}

.logo a img:hover{

    opacity: 0.8;

}

.logo img{

    display: block;

    max-width: 100%;

}

.share{

    padding: 12px 0;

    text-align: center;

    min-width: 200px;

}



/* navigation menu*/

.close_bg{

	display: none;

}

.nav{

    background-color: #f47555;

    height: 50px;

    margin-bottom: 30px;

}

.nav ul.main_nav{

    list-style: none;

    position: relative;

    padding-right: 120px;

}

.main_nav li{

    position: relative;

    display: block;

    float: left;

    height: 50px;   

    z-index: 100;

}

.main_nav li a{

    display: block;

    line-height: 50px;

    font-size: 14px;

    padding: 0 20px;

    text-decoration: none;

    transition:0.2s;

    color:#fff;

    font-family: "OpenSansBold", sans-serif;

    border-right: 1px solid rgba(255,255,255,0.3);

}

.main_nav li a.dropi{

    padding: 0 25px 0 20px;

}

.main_nav li a:hover, ul.main_nav li.drop:hover .dropi{ 

    color: #000;

    background-color: #b4db6f !important;

}

.main_nav li a.dropi:after{

    content: "\f107";

    line-height: 10px;

    display: block;

    width: 10px;

    height: 10px;

    font-size: 16px;

    font-family: "icomoon";

    position: absolute;

    top:20px;

    right: 12px;

}

.main_nav li:hover ul{

    display: block;

    clear: both;

}

.main_nav li ul{

    display: none;

    height: auto;

    min-width: 200px;

    position: absolute;

    z-index: 5000000;

    background-color: #f47555;

    max-width: 100%;

    left: 0;

    border-top: 1px solid rgba(255,255,255,0.3);

}

.main_nav li li{

    display: block;

    float: none;

    width: 100%;

    height: auto;

    border-right: 1px solid rgba(255,255,255,0.3);

    border-left: 1px solid rgba(255,255,255,0.3);

}

.main_nav li li a {

    text-align:left;

    display:block;

    float:none;

    font-size: 13px;

    padding: 0px 20px;

    line-height: 40px !important;

    z-index: 501;

    border-bottom: 1px solid rgba(255,255,255,0.3);

}





.hidebox{

	background-color: #e3e3e3;

}



/* Поиск */

.searchholder{    

}

.searchblock{

    float: right;

    width: 100%;

    max-width: 300px;

    margin-top: 5px;

    position: relative;

    overflow: hidden;

    height: 40px;

    background-color: #f1f1f1;

}

.searchform{

    color:#222;

    width:100%;

    height:40px;

    line-height:20px;

    padding:11px 55px 9px 15px;

    border:0;

    margin: 0;

    font-size:14px;    

    background-color:transparent;

    overflow:hidden;

}

.searchbt{

    height:40px;

    border:0 !important;

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    width: 40px;

    text-align: center;

    background-color: #b4db6f;

    opacity: 0.8;

    text-transform: uppercase;

    font-family: "OpenSansBold", sans-serif;

    color: #fff;

    transition:0.2s;

    font-size: 20px;

    line-height: 20px;

    vertical-align: middle;

}

.searchbt:hover{

    opacity: 1;

}



.header-login{

    height: 60px;

    width: 60px;

    float: right;

    position: relative;

}

.header_button{

    display: block;

    width: 40px;

    height: 40px;

    font-size: 18px;

    line-height: 20px;

    text-align: center;

    vertical-align: middle;

    text-decoration: none;

    transition:0.2s;

    color: #222;

    border:0;

}

.header_button:hover{

    opacity: 0.7;

}

.login_btn#logged{ 

    color: #b4db6f;   

}

.header_button .icon-close{

	display: none;

}

.header_button.active .icon-close{

	display: inline;

}

.header_button.active .icon-user, .header_button.active .icon-magnifying-glass{

	display: none;

}

.header_button.active{

	background-color: #e3e3e3;

	color: #222 !important;

}

.search_btn{    

    border:0;

    background-color: transparent;

}

.name-login{

    position: relative;

    padding: 10px 20px 10px 0;

    display: inline-block;

    color: #aaa;

    font-size: 14px;

    text-decoration: none;

    line-height: 20px;

    font-family: "OpenSansBold", sans-serif;

}

.name-login:hover{

    color: #b4db6f;

}

.name-login:after{    

    content: "";

    display: block;

    width: 0;

    height: 0;

    border: 4px solid transparent;

    border-top-color: #b4db6f;

    position: absolute;

    top:20px;

    right: 2px;

}



.menub{

    display: none;

    width: 70px;

    height: 50px;

    padding: 5px 30px 5px 0;

}

.nav_btn{

    display: none;

    background-color: transparent;

}

.nav_btn span{

    display: none;

}

.menuicon{

    display: block;

    width: 40px;

    height: 40px;

    border-width: 1px 0;

    border-style: solid;

    border-color: #aaa;

    position: relative;



}

.menuicon:before{

    content: "";

    display: block;

    position: absolute;

    width: 40px;

    height: 1px;

    background-color: #aaa;

    top: 18px;

}

/* login.tpl  */

.login_block{

	height: 0;

	padding: 0;

    color: #222;

    visibility: hidden;

	transition:0.2s;

	overflow-y: hidden;

	overflow-x: auto;

}

.profile_menu ul{

    list-style: none;

    width: 100%;

}

.profile_menu li{

    margin: 0 20px 0 0;

    color: #fff;

    display: inline-block;

}

.profile_menu li a{

    height: 40px;

    line-height: 40px;

    color: #555;

    font-size: 14px;

    text-decoration: none;

    position: relative;

}

.profile_menu li a:before{

    text-decoration: none;

    background-color: #b4db6f;

    display: block;

    content: "";

    height: 2px;

    width:0;

    position: absolute;

    bottom: -2px;

    left: 0;

    transition:0.2s;

}

.profile_menu li a:hover:before, .profile_menu li a.profile_link:hover:before{

    width: 100%;	

}

.profile_menu li a.logout{

    color: #fb4d4d;

}

.profile_menu li a.logout:hover{

    opacity: 1;

}

.profile_menu li a.profile_link{

	font-family: "OpenSansBold", sans-serif;

}

.profile_menu li a i{

    font-style: normal;

    display: inline-block;

    position: relative;

    top: -10px;

    margin: 0 0 0 5px;

    background-color: #49acdf;

    color: #fff;

    padding: 0 5px;

    line-height: 20px;

    font-size: 12px;

    font-family: "OpenSansBold", sans-serif;

}

.login_form{

	margin: 0 20px 0 0;

}

.login_form .inp{

    width: 150px;

    border:1px solid #bbb;

    display: block;

    float: left;

    margin-right: -1px;

    height: 40px;

    background-color: transparent;

    padding: 0 0 0 10px;

    color: #222;

    font-size: 14px;

}

.login_form .inp:focus{

    background-color: #ddd;

}

.login_form .not_save_label{

   line-height: 20px;

}

.ch_box_save{

	font-size: 13px;

	height: 40px;

	padding: 10px 0;

}

.enter-btn{

	padding: 0 20px;

    height: 40px;

    line-height: 40px;

    border:0;

    float: left;

    background-color:#b4db6f;

    text-transform: uppercase;

    font-size: 14px;

    color: #fff;

    font-family: "OpenSansBold", sans-serif;

    transition:0.2s;  

    opacity: 0.8;

}

.enter-btn:hover{  

	opacity: 1;

}

.reg-link{

	line-height: 20px;

	height: 40px;

	padding: 10px 0;

}

.reg-link a{

    font-size: 13px;

    color: #222;

    text-decoration: none;

    display: inline-block;

    position: relative;

}

.reg-link a:before{

	position: absolute;

	content: "";

	display: block;

	bottom: -1px;

	width: 100%;

	height: 1px;

	background-color: #bbb;

}

.reg-link a:hover:before{

	background-color: #b4db6f;

}

.l_sub{

	float: left;

	margin: 0 0 0 20px;

}

.social_menu{

    text-align: center;

}

.social_menu a{

	display: inline-block;

	border-radius: 50%;

	width: 30px;

	height: 30px;

	line-height: 30px;

	text-align: center;

}

.social_menu [class^="icon-"]{

	background-color: transparent;

	transition:0.2s;

}

.social_menu [class^="icon-"]:hover{

	color: #fff;

	border:0;

}

.social_menu .icon-mobile:hover{

    background-color: #333;

}

.social_menu .icon-facebook:hover{

    background-color: #4862a3;

}

.social_menu .icon-vk:hover{

    background-color: #4d75a3;

}

.social_menu .icon-twitter:hover{

    background-color: #359bed;

}

.social_menu .icon-google:hover{

    background-color: #d94533;

}

.social_menu .icon-odnoklassniki:hover{

    background-color: #f59310;

}

.social_menu .icon-youtube-play:hover{

    background-color: #cd201f;

}

.social_menu .iconmr:hover{

    background-color:#168de2;

}

.social_menu .iconya:hover{

    background-color:#e61400;    

}

.social_menu .icon-rss:hover{

    background-color: #ff6600;

}



.social-button{

    display: block;

    float: left;

    width: 40px;

    height: 40px;

    position: relative;

    margin-right: 1px;

    transition: ease 0.2s all;

    font-size: 18px !important;

}

.soc_login .social-button{

    margin: 0 0 0 0; 

}



.social-button:hover{

    opacity: 0.8;

}

.social-button:before{

    width: 20px;

    height: 20px;

    position: absolute;

    display: block;

    color: #fff;

    top: 10px;

    left: 10px;

    -webkit-transition:all 0.2s ease;

    -moz-transition:all 0.2s ease;

    transition: ease 0.2s all;

    text-align: center;

    line-height: 20px;

}

.icon-mobile{

    background-color: #222;

}

.icon-facebook{

    background-color: #4862a3;

}

.icon-vk{

    background-color: #4d75a3;

}

.icon-twitter{

    background-color: #359bed;

}

.icon-google{

    background-color: #d94533;

}

.icon-odnoklassniki{

    background-color: #f59310;

}

.icon-youtube-play{

    background-color: #cd201f;

}

.iconmr{

    background-color:#168de2;

}

.iconmr:before{

    content: "@";

    font-family: "OpenSansBold";

}

.iconya{

    background-color:#e61400;    

}

.iconya:before{

    content: "Я";

}

.icon-yt:before{

    background-position: -40px -200px;

}

.icon-rss{

    background-color: #ff6600;

}

/* LOGIN end  */







.left{

    padding-right: 30px;

}

.right{

    width: 300px;

}



/* tile */

.tile_bg{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 0;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    transition:0.2s;

}

.tile{

    padding-top: 56.25%;

    z-index: 1;

    position: relative;

}

.tile:before{

    display: block;

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    -moz-transition:0.2s background-color;

    -webkit-transition:0.2s background-color;

    transition:0.2s background-color;

}

a:hover .tile:before{

    background-color: rgba(255,255,255,0.3);

}

.tile_content{

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 100%;

    padding:17px 20px;

    color: #fff;

    text-shadow:0 1px 0 rgba(0,0,0,0.5);

    z-index: 2;

    overflow: hidden;

    visibility: hidden;

    opacity: 0;

    transition:0.2s;

}

a:hover .tile_content{

	visibility: visible;

	opacity: 1;

}

.tile_content div{

	width: 50%;

	position: relative;

	top: 50%;

	float: left;

	width: 50%;

	height: 20px;

	margin-top: -10px;

	padding: 0 20px;

}

.tile-play{

	font-size: 30px;

	line-height: 40px;

	text-align: center;

	position: absolute;

	top: 50%;

	left: 50%;

	color: #b4db6f;

	background-color: rgba(255,255,255,0.5);

	width: 70px;

	height: 70px;

	margin: -35px 0 0 -35px;

	padding: 15px 0;

	border:1px solid #fff;

	transition:0.2s;

}

a:hover .tile-play{

	transform:scale(0,0);

}

.tile_title{

    font-size: 16px;

    line-height: 1.25;

    font-family: "OpenSansBold", sans-serif;

    margin-top: 10px;

}

a:hover .tile_content{

    color: #ddd;

}





.speedbar{

    color: #999;

    margin-bottom: 20px;

    font-size: 14px;

}

.speedbar a{

    color: #f47555;

    font-size: 14px;

    text-decoration: none;

}

.mblock{

    margin-bottom:30px !important; 

    position: relative;

}

.m20{

	margin-bottom: 20px !important;

}

.wblock{

    margin: 0 -10px;

}

.content_adv{

    width: 100%;

    overflow: hidden;

    text-align: center;

    margin:-10px 0 20px 0;

}

.top_adv{

    overflow: hidden;

    width: 100%;

    text-align: center;

    margin: 0 0 10px 0; 

}

.side_adv{

    overflow: hidden;

    text-align: center;

    margin-bottom: 20px;

}

.top_adv img, .content_adv img, .side_adv img, .full300 img{

	max-width: 100%;

}

.max250{

	max-height: 250px;

}

.max250 img{

    padding: 0 !important;

}

.full300{

	max-width: 100%;

	width: 300px;

	overflow: hidden;

	float: left;

	margin: 0 20px 10px 0;

}

.block_header{

    line-height: 20px;

    padding: 10px 20px;

    color: #fff;

    font-size: 16px;

    margin: 0 0 20px 0;

    font-family: "OpenSansBold", sans-serif;

    background-color: #f47555;

}

.block_header a{

    color: #222;

    transition:0.2s;

    font-size: 20px;

    text-decoration: none !important;

    border-bottom: 1px solid #e3e3e3;

}

.block_header a:hover{

    text-decoration: none !important;  

    color: #b4db6f;

    border-color:#b4db6f;

}



/* shortstory.tpl */

.shortstory{

    position: relative;

    margin: 0 0 40px 0;

}

.shortstory2{

	display: inline-block;

    width: 33.333333%;

    margin-bottom: 30px;

	vertical-align: top;

}

.shortstory2:nth-of-type(3n+1), .relatednews:nth-of-type(3n+1){

    padding-right: 20px;

}

.shortstory2:nth-of-type(3n+2), .relatednews:nth-of-type(3n+2){

    padding: 0 10px;

}

.shortstory2:nth-of-type(3n), .relatednews:nth-of-type(3n){

    padding-left: 20px;

}

.shortstory2 .short_img{

    margin: 0 0 20px 0;

}

.popular .short_img{

    width: 90px;

    float: left;

    margin: 0 20px 0 0;

}

.popular .short_img .tile{

    padding-top: 67%;

}

.popular{

    padding: 0 0 10px 0;

	margin: 0 0 10px 0;

    border-bottom: 1px solid #f1f1f1;

}

.popular .short_title{

    margin-bottom: 0;

}

.popular .short_title a{

	font-size: 14px;

}

.shortstory a{

    text-decoration: none;

}

.short_img{

    width: 100%;

    display: block;

    position: relative;

    overflow: hidden;

}

.short_title{

    line-height: 1.2;

    color: #222;

    text-decoration: none;

    margin-bottom: 10px;

    overflow: hidden;

    font-family: "OpenSansBold", sans-serif;

    text-transform: uppercase;

    font-size: 15px;

}

.short_title a{

    color: #222;

    font-size: 15px;

    transition:0.2s;

    text-decoration: none;

}

.short_title a:hover{

    color: #b4db6f;

}

.short_content{

    font-size: 14px;

    line-height: 1.5;

}

.post_category{

    position: absolute;

    bottom: 0;

    left: 0;

    height: 30px;

    line-height: 30px;

    color: #fff;

    padding: 0 10px;

    font-size: 13px;

    background-color: #b4db6f;

}



/* Рейтинг */

.ratebox{

    color: #aaa;

    font-size: 12px;

    height: 22px;

    line-height: 20px;

}

.ratebox a{

	text-decoration: none;

}

.ratebox2{

    font-size: 20px;

    height: 40px;

    line-height: 40px;

}

.ratebox2 .button_rating:before{

	font-size: 30px;	

}

.ratebox2 .button_rating{

	top: 5px;

}

.ratebox2 .ratingtypeplusminus{

	line-height: 40px;

	border-radius: 20px;

}

.torate{

	font-size: 16px;

	color: #333;

}

.post_info_item .rating{

	position: relative;

	top: 3px;

}

.button_rating{

    margin: 0;

    position: relative;

}

.button_rating:before{ 

    font-size: 14px;

    opacity: 0.5;

    color: #777;

}

.icon-thumbs-up:hover:before{

    color: green;

}

.icon-thumbs-down:before{

    top: 2px;

    position: relative;

}

.icon-thumbs-down:hover:before{

    color: red;    

}

.button_rating:hover:before{   

    opacity: 1;

}

.ratingtypeplus{

    color: #999;

    padding: 0px 0px 0px 5px;

}

.rating-count{

    line-height: 12px;

    height: 12px;

    padding: 3px 0 0 0;

    font-size: 14px;

    font-family: "OpenSansBold", Arial, sans-serif;

}

.rating-count span{

    display: inline-block;

}

.ratingzero {

  color: #999;

}

.ratingtypeplusminus {

  display: inline-block;

    margin: 0 5px;

}

.ratingplus {

  color: green;

}

.ratingminus {

  color: red;

}





/* vote.tpl */

.vote{

    font-size: 14px;

    line-height:25px;

    width:auto !important;

}

.vote_list .vote>input, .vote_list .pollanswer>input{

	display: none;

}

.vote_list .vote>input[type="radio"]+label:before, .vote_list .pollanswer>input[type="radio"]+label:before{

	border-radius: 50%;

}

.vote_list .vote>input+label:before, .vote_list .pollanswer>input+label:before {

    display: inline-block;

    width: 14px;

    height: 14px;

    border: 4px solid #e3e3e3;

    background-color: transparent;

    margin: -.2em 4px 0 0;

    vertical-align: middle;

    cursor: pointer;

    content: "";

    border-radius: 2px;

    transition: all ease .2s;

}

.vote_list .vote>input:checked+label:before, .vote_list .pollanswer>input:checked+label:before {

    background-color: #444;

    border-color: #b4db6f;

}	

.vote_list .vote>input+label:hover:before, .vote_list .pollanswer>input+label:hover:before {

    background-color: #222;

}

.question{

    font-size: 14px;   

    font-family: "OpenSansBold", Arial, sans-serif;

    margin:0 0 15px 0;

}

#dle-vote{

    margin: 0 0 20px 0;

}



/* FOOTER    */

.footer {

    color: #aaa;

    font-size: 13px;

    background-color: #222;

    padding: 30px;

}

.footer a{

    text-decoration:none;

    color: #fff;

    font-size: 13px;

}

.footer a:hover{

    text-decoration:none;

    color: #b4db6f;

}

.about{

    font-size: 13px;

    line-height: 18px;

}

.about a{    

    font-size:13px;

}

.footer_links{

    margin:0 0 20px 0;

    text-align: center;

}

.footer_links ul{

    list-style: none;

}

.footer_links li{

    display: inline-block;

    margin: 0 10px;

    font-size: 14px;

    text-transform: uppercase;

    font-family: "OpenSansBold", sans-serif;

}

.counters{

    float: left;

}



/* searchresults.tpl */

.shortresult{

    margin: 0 0 15px 0;

    color: #909090;

    font-size: 16px;

}

.shortresult a, .shortresult b{

    font-size: 16px;

    text-decoration: none;

    font-family: "OpenSansBold", Arial, sans-serif;

}

.shortresult b{

    color: #b4db6f;

}

/* navigation.tpl */

.navigation-holder{

    text-align: center;

    clear: both;

    margin:10px 0 30px 0;

}

.navigation{

    clear:both;

    display: block;

    margin-bottom: -4px;

}  

.navigation span, .navigation a, .navigation b{ 

    height: 30px;

    line-height: 30px;

    vertical-align: middle;

    font-size:14px;

    float:left;

    font-weight: normal !important;

    border:1px solid #e3e3e3;

    margin:0 5px 5px 0;

}

.navigation span, .navigation a{

    text-align: center;

    width: 30px;

}

.navigation a{

    text-decoration: none !important;

    color:#222;

}

.navigation a:hover{

    text-decoration:none;

    color:#b4db6f;

}

.navigation span {    

    text-decoration:none;

    color:#222;

    background-color: #b4db6f;

    font-family: "OpenSansBold", sans-serif;

}

.nav_ext{

    background-color: transparent !important;

    color: #222 !important;

}

.prev, .next{

    display: block;

    float: left;

}

.next a, .prev a{

    text-decoration:none !important;

    display: block;

    line-height: 30px;

}

.prev span, .next span{

    display: none;

}





.post_content, .userinfo{

    font-size: 16px;

    line-height: 1.7;

    color: #222;

    margin-bottom: 20px;

}

.post_content a, .userinfo a{

    font-size: 16px;

    color: #b4db6f;

    text-decoration: none;

}

.post_content a:hover, .userinfo a:hover{

    text-decoration: underline;

}

.post_content img{

    max-width: 100%;

    padding:10px 0;

    padding: 10px\9;

    height: auto !important;

}

.ie10 .post_content img{

    padding: 10px;

}

.post_content object, .post_content iframe, .post_content embed{

    max-width: 100%;

    margin: 15px 0 0 0;

}

.post_content img[align="left"], .post_content img[style="float:left;"]{

    padding: 10px 20px 10px 0;

    margin: 0;

    max-width: 100%;

}

.post_content img[align="right"], .post_content img[style="float:right;"]{

    padding: 10px 0 10px 20px;

    margin: 0;

    max-width: 100%;

}



.post_content img {  margin-right: 25px;}



.post_content a:hover img{

    opacity:.8;

}

.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6{

    font-family:"OpenSansBold", Arial, sans-serif;

    margin-bottom: 5px;

}

.post_content hr{

    background-color:#e3e3e3;

    border:none;

    height:1px;

    margin:0 0 20px;

}

.post_content table{

    border-collapse:collapse;

    border:none;

    font-size:14px;

    width:100%;

    table-layout:fixed;

    margin-bottom:25px;

}

.post_content table th,.post_content table td{

    padding:10px;

    border:1px solid #e3e3e3;

    font-weight:normal;

    text-align:left;

    vertical-align:middle;

}

.post_content table tr:first-child{

    font-family: "OpenSansBold", sans-serif;

}

.post_content ul{

    margin:0 20px 20px 20px;

}

.post_content ul li{

    display:block;

    position:relative;

    padding:5px 0 0 25px;

    margin-bottom:5px;

    line-height: 1.2;

}

.post_content ul li strong{

    font-family:'OpenSansBold', Arial, sans-serif;

}

.post_content ul li a{

    color:#b4db6f;

    text-decoration:underline;

}

.post_content ul li a:hover{

    text-decoration:none;

}

.post_content ul li:before{

    content: '';

    display: block;

    width: 6px !important;

    height: 6px !important;

    position: absolute;

    top: 10px;

    left: 4px;

    background-color: #b4db6f;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    border-radius: 8px;

}

.post_content ol{

    margin:0 20px 20px 20px;

    counter-reset:list;

}

.post_content ol li{

    display:block;

    position:relative;

    padding:5px 0 0 20px;

    margin-bottom:5px;

    counter-reset:list1;

    min-height:32px;

}

.post_content ol li strong{

    font-family:'OpenSansBold', Arial, sans-serif;

}

.post_content ol li a{

    color:#b4db6f;

    text-decoration:underline;

}

.post_content ol li a:hover{

    text-decoration:none;

}

.post_content ol li:before{

    content:counter(list)".";

    counter-increment:list;

    display:block;

    position:absolute;

    top:5px;

    left:-2px;

    color:#b4db6f;

}

.post_content p{

    margin:0 0 10px 0;

}

.post_content b, .post_content strong{

    font-weight: normal;

    font-family:'OpenSansBold', Arial, sans-serif;

}



/* relatednews.tpl */

.relatednews{

	display: inline-block;

    width: 33.33333%;

    margin-bottom: 20px;

	vertical-align: top;

	padding: 0 10px;

}

.relatednews:nth-of-type(3n+1){

    padding-left: 0;

}

.relatednews:nth-of-type(3n){

    padding-right: 0;

}

.relatednews .short_img{

    margin: 0 0 20px 0;

}



/* pm.tpl */

table.pm td{

    border-top:1px solid #e3e3e3;

    height:40px;

}

table.pm tr:first-child td, table.pm tr:last-child td{

    border-top: 0;

}

.pm{

    font-size: 14px;

}

.pm a{

    font-size: 14px;

}

.pm .bbcodes{

    line-height: 30px !important;

    height: 30px;

    padding: 0 10px;

    margin-top: 20px;

}

.pm_head {

    line-height: 30px;

    font-family: "OpenSansBold", Arial, sans-serif;

    text-decoration:none;



}

.pm td input[type="checkbox"]{

    vertical-align: middle;

}

.pm_list {

    color: #909090;

}

.pm_list a {

    color: #b4db6f;

    text-decoration:none;

}

.pm_list a:hover{

    color: #222;

}

.pm_list:last-child, .pm_head:last-child{

    text-align: center;

}

.pm_sub{

    color:#909090;

    margin: 20px 0 0 0;

    font-size: 14px;

    font-style: normal;

}

.pm_sub a{

    color: #b4db6f;

    font-size: 14px;

}



.pm_aside{

    width: 100%;

    border:1px solid #e3e3e3;

    color: #909090;

    margin: 0 0 30px 0; 

}

.pm_main{

    overflow: hidden;

}

.pmlinks a{

    width: 33.33333%;

    display:block;

    float: left;

    text-align: center;

    height:40px;

    padding:10px 0;

    line-height:20px;

    color:#b4db6f;

    font-size: 13px;

    text-decoration:none;

    border-bottom: 1px solid #e3e3e3;

    border-left: 1px solid #e3e3e3;

    vertical-align: middle;

    font-family: "OpenSansBold",sans-serif;

}

.pmlinks a:first-of-type{

    border-left: 0;

}

.pmlinks a:hover{

    color:#222;

    background-color:#e3e3e3;

}

.pmlinks a:before{

    content: "";

    height: 20px;

    width: 20px;

    display: block;

    margin: 0 0 0 -30px;

    position: absolute;

    opacity: 0.5;

}

.pmlinks a[href*="inbox"]:before{

    background-position: center -860px;

}

.pmlinks a[href*="outbox"]:before{

    background-position: center -900px;

}

.pmlinks a[href*="newpm"]:before{

    background-position: center -940px;

}



.pm_status_content {

    padding: 15px 20px;

    font-size: 14px;

}

/*---прогресс бар---*/

.pm_progress_bar {    

    height:30px;

    width:100%;

    background-color: #e3e3e3;

}

.pm_progress_bar span {

    background:#b4db6f;

    font-size: 0em;

    text-indent: -2000em;

    height: 30px;

    display: block;

    overflow: hidden;



}



/* profile_popup.tpl */

.avatar_bg{

    width: 100%;

    height: 150px;

    position: relative;

    z-index: 1;

    background-color: #202020;

}

.avatar_bg:before{

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

}

.avatar_popup{

    width:70px;

    height:70px; 

    background-size: cover; 

    background-position: center center;

    overflow: hidden;

    z-index: 3;

    position: absolute;

    margin: 0 0 0 -35px;

    left: 50%;

    top: 15px;

    outline:5px solid rgba(0,0,0,0.1);

}

.avatar_hover_content{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 20px;

    line-height: 15px;

    z-index: 2;

    color: #fff;

    text-shadow:0 1px 0 rgba(0,0,0,0.3);

}

.avatar_hover_content b{

    font-family: "OpenSansBold", Arial, sans-serif;

    font-weight: normal;

}

.userinfo_left{

    width: 50%;

    float: left;

    height: 100%;

    padding: 0 50px 0 0;

    font-size: 13px;

}

.userinfo_left > div, .userinfo_right div{

    margin: 0 0 10px 0;

}

.userinfo_right .ratebox2{

    float: right !important;

}

.userinfo_right{

    width: 50%;

    float: right;

    height: 100%;

    padding: 0 0 0 50px;

    text-align: right;

    font-size: 13px;

}

.profile_popup_counters{

    background-color: rgba(0,0,0,0.5);

    height: 50px;

    width: 100%;

    color: #fff;

    position: absolute;

    z-index: 4;

    left: 0;

    bottom: 0;

}

.profile_popup_counter{

    width: 40%;

    height: 50px;

    float: left;

    padding: 15px;

    font-size: 14px;

    text-align: center;

    line-height: 20px;

    display: block;

    position: relative;

}

.profile_popup_counter b{

    font-size: 24px;

    font-family: "OpenSansBold", Arial, sans-serif;

}

.profile_popup_counter a{

    position: absolute;

    display: block;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    color: #b4db6f;

    text-align: center;

    line-height: 50px;

    text-indent: -9999px;

}

.profile_popup_counter a:hover{

    background-color: rgba(255,255,255,0.1);

}

.profile_popup_counter span{

    display: block;

    text-indent: -9999px;

}

.profile_popup_rss{

    width: 20%;

    float: left;

    height: 50px;

    border-left: 1px solid rgba(255,255,255,0.2);

    border-right:1px solid rgba(255,255,255,0.2);

    color: #fff;

}

.profile_popup_rss a{

    font-size: 24px !important;

    font-family: "OpenSansBold", Arial, sans-serif;

    line-height: 50px;

    color: #fff !important;

    text-decoration: none;

    display: block;

    text-align: center;

}

.profile_popup_rss a:focus{

    outline: none;

}

.profile_popup_rss a:hover{

    background-color: rgba(255,255,255,0.1);

}

/* addnews.tpl */



td .bbcodes{

    height: 30px;

    display: inline-block;

    line-height: 30px !important;

    padding: 0 15px;

    -webkit-border-radius:2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}

.answer_variant{

    font-size: 12px;

    line-height: 150%;

    color: #777;

}



/* registration.tpl */

form#registration .bbcodes{

    line-height: 40px;

    padding: 0 15px;

}

.login_check{

	position: relative;

}

.logincheck{

	position: absolute;

	right: 0;

	top: 0;

}





/* Feedback.tpl */

.feedbackta{

    width:100%;

    padding: 5px;

    height: 150px;

}

select[name="recip"]{

    height: 40px;

    padding: 5px 10px;

    line-height: 30px; 

    width: 100%; 

}

select[name="recip"] option{

    

    font-size: 14px !important;

}

/* poll.tpl */

.poll{

    margin:20px 0;

    padding: 20px;

    font-size: 14px;

    background-color: #f1f1f1

}

.poll b{

    line-height:20px;

    font-weight: normal;

    text-transform: uppercase;

}

.poll i{

    line-height:30px;

}

/* Buttons */

.buttonholder{

    margin: 20px 0 0 0;

}

.site_button{

    cursor: pointer;

    transition: ease 0.2s all;

    font-size: 12px;

    font-family: "OpenSansBold", sans-serif;

    padding: 0 20px;

    line-height: 40px;

    color: #fff;

    background-color: transparent;

    text-transform: uppercase;

    float: left;

    text-decoration: none;

    border:0;

    opacity: 0.8;

}

.site_button:active{

    border-color: #222;

    background-color: rgba(0,0,0,1);

}

.site_button:hover{

    opacity: 1;

}

.dark_button{    

    background-color: #222;

}

.color_button{

    background-color: #b4db6f;

    margin: 0 10px 0 0;

    color: #222;

}

.dark_button:hover{

    color: #fff;

}

.more_button{

	float: right;

	position: relative;

	top: -11px;

}

.description .post_content{

    font-size: 14px;

}

/* fullstory.tpl */

.fullstory, .tagscloud{

    width:100%;

    line-height:150%;

    margin-bottom: 20px;

}

.tagscloud a{    

    color:#b4db6f;

}

.post_title{

    font-size:26px;

    color:#222;

    line-height: 100%;

    margin:0 0 20px 0;

}

.post_title h1{

    font-size: 26px;

    line-height: 100%;

}

.main_photo{

    display: block;

    width: 100%;

    margin-bottom: 15px;

}



.post_info{

	color: #aaa;

	font-size: 13px;

}

.post_info .post_info_item{

	display: inline-block;

	margin-right: 10px;

}

.post_info_item.fviews{

    padding-left:21px;

}

.post_info_item.fviews:before{

    content: "";

    display: block;

    position: absolute;

    width: 16px;

    height: 20px;

    background-position: -40px -70px;

    top: 0;

    left: 0;

}

.span_edit a{

    float: right;

}

.post_info_item a{

        color: #aaa;

    text-decoration: none;

    font-size: 13px;

}

.post_info_item a:hover{

    color: #222;

}

.link-category a{

	font-size: 13px;

	color: #f47555;

	text-decoration: none;

	text-transform: uppercase;

	font-family: "OpenSansBold";

    transition:0.2s;

}

.link-category a:hover{	

    color: #aaa;

}



a.comments-num{

    color: #b4db6f;

}

.transp_text{

    color: transparent;

}



.tags a{

    color: #555;

    margin: 0 2px 5px 0;

    display: inline-block;

    text-decoration: none;

    line-height: 20px;

    border:1px solid #e3e3e3;

    padding: 2px 10px;

    font-size: 13px;

    transition:0.2s all;

    border-radius: 2px;

}

 .tags_more a{

    color: #b4db6f;

    border-color:#b4db6f;

}

.tags a:hover{

	background-color: #b4db6f;

	color: #fff;

    border-color:#b4db6f;

}

.archives_block br{

	display: none;

}

a.archives{

	text-align: center;

	display: block;

    color: #999;

    margin: 0 0 -1px 0;

    text-decoration: none;

    line-height: 30px;

    border:1px solid #e3e3e3;

    padding: 0 10px;

    font-size: 13px;

    transition:0.2s all;

}

a.archives:hover{

	background-color: #b4db6f;

	color: #fff;

    border-color:#b4db6f;

}



#dle-captcha img{

    display: block;

}



/* addcoments.tpl*/

#comments{

    height: 100px;

}

.addcomment-post{

    color: #909090;

    margin-top:30px;

}

.addcomment-post .social_login{

    margin: 20px 0 0 0;

}

.addcomment_editor{

    width: 390px;

    min-width: 300px;

    height: 60px;

    min-height: 60px;

}

.ccolor{

    font-style: normal;

	color: #b4db6f !important;

}

.add_field{

	float: left;

	width: 50%;

}

.add_field:first-of-type{

	padding-right: 10px;

}

.add_field:last-of-type{

	padding-left: 10px;

}

ul.ui-form {

    list-style: none;

    padding: 0;

    margin: 0;

}

ul.ui-form>li {

    margin-bottom: 20px;

    position: relative;

    vertical-align: middle;

}

.imp:after{

    color:#b4db6f;

    content: "*";

    margin-left: 10px;

}

.find_rel{

    position: absolute;

    top: 0;

    right: 0;

}





.small_avatar{

    width: 50px;

    padding-right: 10px;

}

.small_avatar img{

    width: 100%;

    border-radius: 2px;

}

/* comments.tpl */

/*---Показ древовидных комментариев---*/

.comments-tree-list {

  display: block;

  margin: 0;

  padding: 0;

  list-style: none;

}

.comments-tree-list .comments-tree-list {

  padding-left: 4%;

}

.comments-tree-item {

  display: block;

  margin: 0;

  padding: 0;

}

/*---Форма быстрого ответа на комментарий---*/

#dlefastreplycomments {

  padding:5px;

}

.commentsreplyname {

 padding: 2px; border: 1px solid #bcc0c2;

 width: 200px;

 background: #fff;

}

.comment{

    position: relative;

}

.negative-comment{

    opacity: 0.6;

    transition:0.2s;

}

.negative-comment:hover{

    opacity: 1;

}

.comment a{

    color:#f47555;

    text-decoration:none;

}

.comment a:hover{

    text-decoration:none;	

    color: #222;

}

.comment_news_title{

    line-height: 1.25;

    text-decoration: none;

    margin-top: 5px;

}

.comment_news_title a{

	color: #aaa;

    font-size: 13px;

    font-family: "OpenSansBold", sans-serif;

    transition:0.2s;

    text-decoration: none;

}

.comment_avatar{

    width:60px;    

    padding: 0 20px 0 0;

}

.comment_avatar img{

    width: 100%;

    display: block;

    transition:0.2s;

}

.comment_avatar img:hover{

	opacity: 0.8;

}

.comment_meta{

    line-height: 14px;

    font-size: 13px;

    margin: 0 0 10px 0;

    color: #999;

}

.comment_meta a{

    font-size: 13px;    

    color: #f47555;

    text-decoration: none;

}

.comment_meta a:hover{

	color: #222;

}

.comment .post_info_item{

	float: right;

}

.comment_date{

    display: inline-block;

    position: relative;

}

.comment_author{

    margin: 0 10px 0 0;

    display: inline-block;

}

.comment_author a{

    font-size: 13px;

    font-family: "OpenSansBold";

}

.comment_author a:hover{

    text-decoration: none;

}

.mass-action{

    margin:-2px 0 0 10px;

    height:14px;

    float:right;

}

.mass-action input[type="checkbox"]{

    margin: 0;

}







.comment_content{    

    width: 100%;

    font-size: 14px;

    color: #222;

}

.comment_content a{

    font-size: 14px;

}

.signature{

    color: #777;

    font-size: 12px;

    margin: 10px 0 0 0;

}

.comment_controls a{

    font-size: 12px;

    margin:0 10px 0 0;

    color: #777;

    font-family: "OpenSansBold", Arial, sans-serif;

}

.comment_controls a:hover{

    color: #b4db6f;

    text-decoration: none;

}

.mass_comments_action{

    color:#909090;

    margin-top: 20px;

}

.mass_comments_action select[name="mass_action"]{

    height: 22px;

    border-color: #ccc;

    width: auto;

}



.info{

    margin: 0 0 20px 0;

    padding:20px;

    font-size:14px;

    background-color: #f1f1f1;

}

.info a{

    color:#b4db6f;

    font-size: 14px;

    text-decoration: none;

}

.info a:hover{

    color: #222;

}









/* userinfo.tpl */

.usertitle{

    font-size: 14px;

    color: #909090;

}

.user-foto-frame{

    border:1px solid #e3e3e3;

    padding: 20px;

    margin: 0 0 30px 0;

}

.user-foto-frame img{

    width: 100px;

    display: block;

    float: left;

    margin: 0 20px 0 0;

}

.user_data{

    margin: 0 0 0 120px;

    font-size: 14px;

    line-height: 20px;

}

.user_data a{

    font-size: 12px;

}

.user_data .rating{

    display: inline-block !important;

    float: none;

    margin-left: 10px;

}

.uf-left{

    margin:0 0 0 120px ;

}

.uf-item{

    float: left;

    width: 50%;

    text-align: center;

}

.uf-left b{

    font-weight: normal;

    font-family: "OpenSansBold", Arial, sans-serif;

    font-size: 30px;

    line-height: 40px;

}

.email-pm a{

    display: block;

    float: left;

    width: 50%;

    line-height: 50px;

    background-color: rgba(0,0,0,0.1);

    font-size: 20px;

    text-decoration: none;

    text-align: center;

    border: 1px solid rgba(0,0,0,0.3);

}

.email-pm a:hover{

    background-color: rgba(0,0,0,0.5);

    color: #fff;

}



.userinfo .post_content{

    float: none;

}

.profile_cell{

    width: 50%;

    height: 50px;

    line-height: 50px;

    text-align: center;

    float: left;

    border:1px solid #ddd;

    border-top: 0 !important;

    color: #909090;

    font-size: 20px;

    position: relative;

}

.profile_cell:nth-of-type(2n){    

    border-left:0 !important;

}

.profile_cell a{

    display: block;

    width: 100%;

    height: 100%;

    line-height:50px;

    font-size: 20px;

    text-align: center;

    background-color: rgba(0,0,0,0.1);

    color: #b4db6f;

    text-decoration: none;

    -webkit-transition:all 0.2s ease;

    -moz-transition:all 0.2s ease;

    transition: ease 0.2s all;

}

.profile_cell a:hover{

    background-color: rgba(0,0,0,0.7);

    color: #fff;

}

.profile_item{

    height: 50px;

    line-height: 50px;

    border:1px solid #ddd;

    border-top: 0 !important;

    color: #909090;

    font-size: 20px;

    position: relative;

    padding: 0 0 0 20px;

}

.profile_item.location{    

    padding: 0 0 0 50px;

    width: 100%;

    background-position: left -970px;

}



.edit_button a{

    display: block;

    text-align: center;

    -webkit-transition:all 0.2s ease;

    -moz-transition:all 0.2s ease;

    transition: ease 0.2s all;

    border:1px solid #e3e3e3;

    background-color: transparent;

    color: #b4db6f;

    height: 50px;

    line-height: 50px !important;

    text-decoration: none;

    padding: 0 10px;

    font-family: "OpenSansBold", Arial, sans-serif;

    margin: 0 0 20px 0;

}

.edit_button a:hover{

    background-color: #e3e3e3;

    color: #222;

    text-decoration: none;

}

.block_ip{

    font-size: 12px;

}

.file_upload{

    display: inline-block;

    cursor: pointer;

    -webkit-transition:all 0.2s ease;

    -moz-transition:all 0.2s ease;

    transition: ease 0.2s all;

    overflow: hidden;

    width: 150px;

    position: relative;

}

.file_upload span{

    display: block;

    position: absolute;

}

.file_upload:hover{

    border: 1px solid #000;

    background-color: rgba(0,0,0,0.8);

    color: #fff;

}

.file_upload input[type="file"]{

    margin-top: -50px; 

    margin-left:-410px; 

    -moz-opacity: 0; 

    filter: alpha(opacity=0); 

    opacity: 0; 

}

.hidemail{

    line-height: 40px;

    display: inline-block;

    margin: 0 0 0 10px;

}

.block_ip{

    margin: 10px 0 0 0;

}



table.fulltable{

    width:100%;

    border-collapse: collapse;

    border-spacing: 0;

    border:0;

}

table.fulltable td{

    padding-bottom:15px; 

}

table.fulltable tr:last-of-type td{

	padding: 0;

}



.userstop{

    font-size:11px;

    color:#505050;

    border-collapse:collapse;

}

.userstop thead {

    padding:5px 0 0 5px;

    height:20px;

    font-size:12px;

    color:#303030;

    background:#ddd;

}

.userstop table {

    border-collapse:collapse;

}

.userstop td {

    text-align:center;

    height:25px;

    padding:0px;

    border:1px solid #ccc;

}

.userstop a {

    font-size:11px !important;

    text-decoration:none;

    color:#b4db6f;

}

.userstop a:hover {

    text-decoration: none;

}

.stat{

    color:#707070;

    font-size:13px;

    min-height:15px;

    margin:0 20px 0 20px;

    padding:2px 0 5px 0;

    border-bottom:1px solid #e0e0e0;

    font-family: "OpenSansBold", Arial, sans-serif;

}

.stat span{

    float:right;

    font-weight:normal;

}

.stat a{

    font-size:13px;

    text-decoration:none;

}

.h-row{

    color:#505050;

    background:#f1f1f1;

    font-family: "OpenSansBold", Arial, sans-serif;

    padding:0 0 0 15px;

    margin:10px 0 0 0;

    line-height: 30px;

}

 textarea, .txsh, .input1, .input2, .input3, .input4, .xfields input[type="text"], input.default, select{

    line-height:20px;

    background:#fff;    

    -webkit-transition:all 0.2s ease;

    -moz-transition:all 0.2s ease;

    transition: ease 0.2s all;

    padding:0 10px;

    color: #303030;

    font-size:16px;

    border: 2px solid #e3e3e3;

    width: 100%;

}

select#category option{

    height: auto;

}





.txsh, .input1, .input2, .xfields input[type="text"], input.default, select#category, .f_textarea{ 

    min-height:40px ;

    width: 100% !important;

}

textarea{

    min-height: 100px;

}

textarea:focus, .txsh:focus, .input1:focus, .input2:focus, .input3:focus, .search #searchinput:focus, .search #searchuser:focus, .field:focus, .field:hover, .xfields input[type="text"]:focus, input.default:focus{

    box-shadow:none;

    border-color:#aaa;

}

.input1, .xfields input[type="text"], input.default{

    width:100% ;  

}

.input2{

    width:100%;

}

.input3{

    width:160px;  

    min-height:40px ;

    margin: 0 10px 0 0;

}

.input4{

    height:100px;

    width:250px;

}

.clear {

    margin:0;

    padding:0;

    height:0px;

    clear:both;

    width:100%;

}

table{

    background:transparent;

    border:0px;

    border-collapse:separate;

}

table td{

    text-align:left;

    padding:0px;

    background:transparent;

}

select{

    font-size: 12px;

}

.stext {

    color: #727272;

    font-size: 11px;

}

.stext a:active,

.stext a:visited,

.stext a:link {

    color: #0084ff;

    text-decoration:none;

}

.stext a:hover {

    color: #FFFFFF;

    text-decoration: underline;

}

.ntitle {

    color: #CC00FF;

    font-size: 15px;

    font-weight: bold;

    padding:11px 0 0 6px;

}

.ntitle a {

    color: #0084ff;

    text-decoration: underline;

}

.ntitle a:hover {

    text-decoration:none;

}

.ui-dialog fieldset{

    padding:5px;

    color:#b4db6f;

    border:1px solid #ddd;

    margin: 0 0 10px 0;

}

#totop{

    width:60px;

    height: 40px;

    background-color: #000;

    text-align:center;

    position:fixed;

    bottom:20px;

    right:20px;

    cursor:pointer;

    display:none;

    opacity: 0.6;

    z-index: 10;

    transition:0.2s;

}

#totop:hover{

    opacity: 1;

    height: 50px;

}

#totop:hover .uptext{

    visibility: visible;

    opacity: 1;

}

.uparrow{

    line-height: 40px;

    text-align: center;

    font-size: 24px;

    color: #fff;

}

.attachment{

    position: relative;

    padding:0 0 0 10px;

    line-height:16px;

    color: #909090;

    font-size: 14px;

}

.attachment a{

    text-decoration: none;

}

.attachment a:hover{

    color: #222;

    text-decoration: none;

}

.icon-paperclip:before{

    font-size: 20px;

}





.mistake{

    color: #aaa;

    font-size: 12px;

}