/*
-----------------------------------------------------
= Автор: Chirkov Alexander (XAnTY)                  =
= @mail: xanty_evp@yahoo.com                        =
= Назначение: задание стилей для элементов страницы =
= Type: CSS - Cascading Style Sheet Document        =
-----------------------------------------------------
*/
/*- Элементы центральной колонки, заголовки -*/
.spacer {width: 100%; height: 7px; background: url("../images/spacer.gif") left top;}
.spacer2 {width: auto; height: auto; background: transparent url(../images/spacer.gif) repeat-x left top}
.base {width: 100%; margin-top: -15px; padding-top: 5px;}
.base table {border-color: transparent;}
.heading { 
height: 40px;
background: url("../images/head.gif") repeat-x left top;
}
.heading2 { 
height: 30px;
background: url("../images/heading2.png") repeat-x left top;
text-align: center;
}
.heading3 { 
height: 30px;
background: url("../images/heading3.gif") repeat-x left top;
text-align: center;
}
.heading_decor {
width: 15px; 
height: 61px;
background: transparent url("../images/base_decor.png") no-repeat left top;
}
.inf {
background: url("../images/head_inf_bar.gif") repeat-x;
}
.edit {background: url("../images/edit.gif") no-repeat left top;} 
.story_bottom {
width: 100%;
background: url("../images/news_foot.gif") repeat-x left;
}
.heading h1, .heading h3 {
font-family: sans-serif;
font-size: 16px;
font-weight: bold;
color: #fff;
margin-left: 5px;
}
.heading2 h3 a, .heading3 h3 a, .heading h1 a, .heading2 h1 a, .heading h1 a:visited, .heading2 h1 a:visited {color: #fff;}
.heading2 h3, .heading3 h3 {
font-family: Verdana, sans-serif;
font-size: 14px;
font-weight: bold;
color: #fff;
}
.category {
width: 24px;
height: 24px;
background: url("../images/category.png") no-repeat;
font-weight: bold;
padding: 7px;
bottom: 10px;
margin-right: 10px;
position: relative;
}
/*- опрос -*/
.vote_btn, .results_btn {
margin-left: 25px;
display: block;
width: 108px;
height: 24px;
border: 0;
background: url("../images/button_vote.png") no-repeat;
}
.vote_btn {background-position: 0 bottom;}
.vote_btn:hover {background-position: left top;}
.results_btn {background-position: right bottom}
.results_btn:hover {background-position: right top}
.vote_list {line-height: 20px;}
/*---ratebox---*/
.ratebox { float: right; width: 115px; height: 19px; text-align: center; padding-top: 2px; background: #f1f5f7 url("../images/ratebox.png"); }
  .ratebox .rate { text-align: left; width: 85px; height: 17px; margin: 0 auto; overflow: hidden; }

.storenumber, .basenavi, .maincont, .berrors, .fullstory, .basecont { margin-bottom: 15px;text-align: justify; }

.maincont img { padding: 5px;border: none; }

.mlink { font-size: 0.9em; overflow: hidden; background: #f0f5f8 url("../images/mlink.png") repeat-x; padding: 0 15px; height: 40px; border: 1px solid #cbdfe8; border-width: 1px 0; }
  .argcat { padding-left: 10px; background: url("../images/argcat.png") no-repeat 0 58%; color: #6c838e; margin-top: 12px; }

  .mlarrow { float: right; width: 50px; height: 40px; background: url("../images/mlinkarrow.png") no-repeat; }
/* Рейтинг статьи */

/* BB коды */
.bbcodes {
background-color: #e3e3e3;
border: 1px solid #c4c4c4;
color: #7c7c7c;
padding: 2px;
cursor: pointer;
}

/* класс bbcodes_poll используем в poll.tpl, vote.tpl, addnews.tpl */
.bbcodes_poll {
background-color: #ffffff;
border: 1px solid #e0e0e0;
color: #ffffff;
font-size: 11px;    /* ! */
font-family: tahoma;  /* ! */
width: 120px;
height: 20px;
background-image: url("../images/dlet_bttn_bbcodes.gif");
background-repeat: repeat-x;
font-weight: bold;
}
.editor_button {
float: left;
cursor: pointer;
padding-left: 2px;
padding-right: 2px;
}
.editor_buttoncl {
float: left;
cursor: pointer;
padding-left: 1px;
padding-right: 1px;
border-left: 1px solid #bbbbbb;
border-right: 1px solid #bbbbbb;
}
.editbclose {
float: right;
cursor: pointer;
}
.editor_button select {
font-family: tahoma;
font-size: 11px;
}
.editor_button img { margin: 0; padding: 0; }
.editbclose img { margin: 0; padding: 0; }
.editor_button_brk img { margin: 0; padding: 0; }
/*- для comments.tpl -*/
.post_head {
height: 25px; /*- для IE -*/
background: transparent url("../images/post_head.gif") repeat-x;
}
.quote {
font: 10pt Verdana; 
text-align: justify;
background-color: #f2f2f2; 
border-width: 1px; 
border-color: #666; 
border-style: dashed;
padding: 5px;
}
/*- Рейтинг -*/
.rating {
background: transparent;
border: 0px solid #E0E0E0;
color: #666666;
font-family: Tahoma, helvetica, sans-serif;
vertical-align: middle;
font-size: 11px; 
vertical-align: middle;
height:18px;
}
/*- ВВ Коды -*/
.bbcodes {
background: #FFF;
border: 1px solid #E0E0E0;
color: #666666;
font-family: Verdana, Tahoma, helvetica, sans-serif;
padding: 2px;
vertical-align: middle;
font-size: 10px; 
vertical-align: middle;
margin:2px;
height: 21px;
}
/*- Дополнительные поля -*/
.xfields textarea {
width:500px; height:90px; font-family:verdana; font-size:11px; border:1px solid #E0E0E0;
}
.xfields input {
width:250px; height:18px; font-family:verdana; font-size:11px; border:1px solid #E0E0E0;
}
.xfields select {
height:18px; font-family:verdana; font-size:11px; border:1px solid #E0E0E0;
}
/*- ПМ -*/
.pm_head {
font: 10pt Verdana; 
}
.pm_list {
color: #888888;
font-size: 11px;
font-family: tahoma;
}
.pm_list a {
color: #4b719e;
font-size: 11px;
font-family: tahoma;
}
/*- Результаты поиска -*/
.sresult  {
text-align: justify;
font-family:verdana;
font-weight: normal;
line-height: 16px;
font-size:12px;
color:#606D77;
}
/*- Форма поиска -*/
#search-box {
position: absolute; 
top:102px; 
right:4px; 
}
#search-box .s_field {
font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color:#333; 
border: 0px solid #838383;
padding: 0.5em;
background: transparent;
text-align: center;
}
.form_s {
width:135px;
height: 24px;
background: transparent url("../images/form_bg.png") no-repeat left;
}
#search-box .s_submit {
display: block;
width: 55px;
height: 24px;
background: url("../images/search_btn.gif") no-repeat left bottom;
}
#search-box .s_submit:hover {background-position: left top;}
/*- Выпадающее меню -*/
#dropmenudiv {
border: 1px solid #f2f2f2;
border-bottom-width: 0;
font: normal 10px Verdana;
background-color: #000;
line-height: 20px;
margin: 2px;
opacity: 0.95;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95) progid:DXImageTransform.Microsoft.Shadow(color=#cacaca, direction=135, strength=3)";
filter: alpha(opacity=95, enabled=1) progid:DXImageTransform.Microsoft.Shadow(color=#cacaca, direction=135, strength=3);
}

#dropmenudiv a {
display: block;
text-indent: 3px;
text-decoration:none;
color: #ffffff;
background: #c00;
border: 1px solid #ffffff;
padding: 1px 0;
margin: 1px;
font-weight: bold;
}

#dropmenudiv a:hover {
background: #f90;
color:#000000;
}


/*- Уведомление о получении новых PM -*/
#newpm {
position: absolute;
width: 400px;
padding: 4px;
background-color: #fdfdfd;
border: 1px solid #bbbbbb;
font-family: verdana;
line-height: 135%;
}
#newpmheader {
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
height: 20px;
font-weight: bold;
background-color: #e0e0e0;
cursor: move;
}

#newpm a { background: #fff; }
#newpm a:hover { background: #fff; }
.highslide-html {background-color: #fff;}
/*- Ссылка на скачивание прикрепленного файла -*/
#attachment {
color: #808080;
}
/*- стилизация меню логин-формы -*/
.tabs, .statistic, .p_message, .unread, .exit, .add_ico, .rss_line  {
display: block;
width: 11px;
height: 13px;
text-indent: 20px;
background-repeat: no-repeat;
}
.tabs {background: url(../images/ico_tabs.gif) no-repeat left top;}
.tabs:hover {background-position: left bottom;}

.statistic {background: url(../images/ico_stats.gif) no-repeat left top;}
.statistic:hover {background-position: left bottom;}

.p_message {background: url(../images/ico_pm.gif) no-repeat left top;}
.p_message:hover {background-position: left bottom;}

.unread {background: url(../images/ico_unread.gif) no-repeat left top;}
.unread:hover {background-position: left bottom;}

.exit {background: url(../images/ico_exit.gif) no-repeat left top;}
.exit:hover {background-position: left bottom;}

.add_ico {background: url(../images/ico_addp.gif) no-repeat left top;}
.add_ico:hover {background-position: left bottom;}

.rss_line {background: url(../images/ico_rss.gif) no-repeat left top;}
.rss_line:hover {background-position: left bottom;}
/*- Эффект прозрачности изображений -*/
.blure a img {
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40); 
border: 0; /*- for IE -*/
}
.blure a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}

/*- стилизация всплывающей подсказки -*/
.hint{
background: #ffffff;
opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70);
line-height:10px;
color:#333;
font-family:verdana;
font-size:11px;
width:auto;
border-top:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-left:5px solid #f00;
margin:0px;
padding:8px;
position:absolute;
visibility:hidden;
}
/*- End Cascading Style Sheet Document (c) XAnTY 2009 -*/

 /* ==================== Информационное оконо загрузки AJAX */
#loading-layer {
display:none;
font-family: Verdana;font-size: 11px;
background:#000;padding:10px;
text-align:center;
border:1px solid #000;
color: #FFF;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

/* ==================== Быстрый поиск на сайте */
#searchsuggestions { border-width:1px; border-color:#919191; border-style:solid; width:300px; background-color:#5c9ccc; font-size:10px; line-height:14px; }
#searchsuggestions a { padding:5px;display:block; background-color:#ffffff; clear:left; height:70px; text-decoration:none; }
#searchsuggestions a:hover { background-color:#fdd08b; color:#ffffff; }
#searchsuggestions a span.searchheading { background: #5c9ccc; display:block; font-weight:bold; padding:5px; color:#ffffff; }
#searchsuggestions a:hover span.searchheading { color:#ffffff; }
#searchsuggestions a span {color:#555555; }
#searchsuggestions a:hover span { color:#0000; }
#searchsuggestions span.seperator { float:right; padding-right:15px; margin-right:5px;}
#searchsuggestions span.seperator a { background-color:transparent; display:block; height:auto; color:#ffffff; }
#searchsuggestions span.notfound { padding:5px;background-color:#ffffff; display:block; height:auto; color:#00000; }
/* ==================== Диалоговые и всплывающие окна jQuery UI */
.ui-helper-clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.ui-helper-clearfix {
display: inline-block;
}
* html .ui-helper-clearfix {
height: 1%;
}
.ui-helper-clearfix {
display: block;
}
.ui-icon {
background-repeat: no-repeat;
display: block;
overflow: hidden;
text-indent: -99999px;
}
.ui-widget {
font-family: Tahoma, Lucida Sans, Arial, sans-serif;
font-size: 11px;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: tahoma, Arial, sans-serif;
font-size: 11px;
}
.ui-widget-content {
background: #fcfdfd 50% bottom repeat-x;
border: 1px solid #a6c9e2;
color: #222222;
}
.ui-widget-content a {
color: #222222;
}
.ui-widget-header {
background: #5c9ccc url(../images/ui-bg_gloss-wave.png) 50% 50% repeat-x;
border: 1px solid #4297d7;
color: #ffffff;
font-weight: bold;
}
.ui-widget-header a {
color: #ffffff;
}
.ui-state-default, .ui-widget-content .ui-state-default {
background: #dfeffc url(../images/ui-bg_glass_85.png) 50% 50% repeat-x;
border: 1px solid #c5dbec;
color: #2e6e9e;
font-weight: bold;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #2e6e9e;
text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
background: #d0e5f5 url(../images/ui-bg_glass_75.png) 50% 50% repeat-x;
border: 1px solid #79b7e7;
color: #1d5987;
font-weight: bold;
}
.ui-state-hover a, .ui-state-hover a:hover {
color: #1d5987;
text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active {
background: #f5f8f9 50% 50% repeat-x;
border: 1px solid #79b7e7;
color: #e17009;
font-weight: bold;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #e17009;
text-decoration: none;
}
.ui-widget :active {
outline: none;
}
.ui-state-error {
background: #fef1ec 50% 50% repeat-x;
border: 1px solid #cd0a0a;
color: #cd0a0a;
}
.ui-widget-header .ui-icon {
background-image: url(../images/ui-icons.png);
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background-image: url(../images/ui-icons_h.png);
}
.ui-icon-close {
background-position: -80px -128px;
}
.ui-icon-closethick {
background-position: -96px -128px;
}
.ui-button .ui-button-text {
display: block;
line-height: 1.4;
}
.ui-button-text-only .ui-button-text {
padding: .4em .8em;
}
input.ui-button {
padding: .4em 1em;
}
.ui-button-set {
margin-right: 7px;
}
.ui-button-set .ui-button {
margin-left: 0;
margin-right: -.3em;
}
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-dialog {
overflow: hidden;
padding: .2em;
position: absolute;
width: 300px;
}
.ui-dialog .ui-dialog-titlebar {
padding: .5em 1em .3em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 16px .2em 0;
}
.ui-dialog .ui-dialog-titlebar-close {
height: 18px;
margin: -10px 0 0 0;
padding: 1px;
position: absolute;
right: .3em;
top: 50%;
width: 19px;
}
.ui-dialog .ui-dialog-titlebar-close span {
display: block;
margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
padding: 0;
}
.ui-dialog .ui-dialog-content {
background: none;
border: 0;
overflow: hidden;
padding: .5em 1em;
position: relative;
zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
background-image: none;
border-width: 1px 0 0 0;
margin: .5em 0 0 0;
padding: .3em 1em .5em .4em;
text-align: left;
}
.ui-dialog .ui-dialog-buttonpane button {
cursor: pointer;
float: right;
line-height: 1.4em;
margin: .5em .4em .5em 0;
overflow: visible;
padding: .2em .6em .3em .6em;
width: auto;
}
.ui-dialog .ui-resizable-se {
bottom: 3px;
height: 14px;
right: 3px;
width: 14px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}

/* timphenix */

.menu {
	width: 198px;
}

.menu > ul > li > a {
	box-sizing: border-box;
	display: block;
	padding: 7px 10px;

	text-decoration: none;
	font-size: 14px;
	color: #000;
}
.menu li > a:hover {
	background-color: rgba(0, 0, 0, .06);
	text-decoration: none;
}

.menu li > ul > li > a {
	display: flex;
	-ms-align-items: center;
	align-items: center;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #000;
}
.menu li > ul > li > ul > li > a {
	padding-left: 25px;
}
.menu li > ul > li > a > svg {
	color: #999;
}

.menu li.active > a {
	color: #B53333;
}

/* function */

.menu li > ul {
	display: none;
}
.menu li.active > ul {
	display: block;
}