/* 
=============================================================
This Skin for DataLife Engine Developed by elemental.kz
Copyright © 2007-2008 elemental • studio  All Rights Reserved.

File 'style.css' - Cascading Style Sheet (CSS) Document
=============================================================
*/

/* ==================== Вывод формы по умолчанию */

form {  
	padding-top: 0px;
	padding-bottom: 0px;	
	padding-right: 0px; 
	padding-left: 0px; 
	margin: 0px;
}

/* ==================== Информационное оконо загрузки 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;
}

/* ==================== Вывод архива */

.archives {
	margin-top: 6px;
	margin-left: 0px;
	margin-bottom: 10px;
}
.archives a {
	color: #444444;
}

/* ==================== Цитата и скрытый текст */

.title_quote {
	color: #dddddd;
	background-color: #757b7f;
	border-top: 1px dotted rgb(190,190,190);
	font-weight: bold;
	padding: 5px;
}
.quote {
	color: #dddddd;
	background-color: #646b6f;
	border-top: 1px dotted rgb(190,190,190);
	border-bottom: 1px dotted rgb(190,190,190);
	text-align: left;
	padding: 5px;
}

/* ==================== Тег SPOILER */

.title_spoiler {
	color: #FFCC00;
	background-color: #757b7f;
	border-bottom: 1px dotted rgb(190,190,190);
	font-weight: bold;
	padding: 5px;
}
.text_spoiler {
	color: #eeeeee;
	background-color: #646b6f;
	border-bottom: 1px dotted rgb(190,190,190);
	text-align: left;
	padding: 5px;
}

/* ==================== Tэг CODE */

.scriptcode {
	color: #dddddd;
	background-color: #646b6f; 
	border: 1px dotted rgb(190,190,190);
	text-align: left;
	padding: 5px;
}

/* ==================== Календарь */

.weekday-active-v {
	color: #4b73d4;
}
.day-active-v {
	color: #4b73d4;
}
.calendar {

color: #B3BDC1;
font-family: verdana;
font-size: 11px;

}
.calendar td, th {
	 font-family: verdana;
	 text-decoration: none;
/* - */
	 padding-left: 5px;
 	 padding-right: 4px;
	 padding-top: 3px;
	 padding-bottom: 4px;
/* - */
}
.weekday {
	color: #FFFFFF;
	font-family: verdana;
}
.weekday-active {
	color: #FFFFFF;
	font-family: verdana;
}
.day-active {
	color: #FFFFFF;
	font-family: verdana;
}
.day-active a, .weekday-active a, .day-active-v a, .weekday-active-v a {
	text-decoration: underline;
}
.monthlink {
	color: #5078d6;
	text-decoration: none;
}
.day-current {
	background:#4C5357;
	border:1px solid #E6E6E6;
}
/* ==================== Рейтинг статьи */

.rating-text {float: center;}

#ratig-layer {
 font-weight: bold;
 float: center;
 padding-right: 5px;
}

#ratig-layer a, #ratig-layer a:hover {text-decoration: none;}

/* ==================== BB коды */
 
.bbcodes {
	background-color: #DDDDDD;
	border: 0px;
	color: #DDDDDD;
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	/*  width: 120px;  */
	height: 20px;
	background-image: url("../images/bttn_bbcodes.gif");
	background-repeat: repeat-x;
	font-weight: bold;
}

/* класс bbcodes_poll используем в poll.tpl, vote.tpl, addnews.tpl */

.bbcodes_poll { 
background-color: #DDDDDD;
background-image: url("../images/bttn_bbcodes.gif");
background-repeat: repeat-x;
border-bottom-color: #cccccc;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #cccccc;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #cccccc;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #cccccc;
border-top-style: solid;
border-top-width: 1px;
color: #DDDDDD;
font-family: "tahoma";
font-size: 11px;
font-weight: 700;
height: 20px;
width: 120px;
}
.editor_button {
	float: left;
	cursor: pointer;
	border: 0px;
	padding-left: 2px;
	padding-right: 2px;
}
.editor_buttoncl {
	float: left;
	cursor: pointer;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 0px;
	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; border:none;}
.editbclose img {margin: 0; padding: 0; border:none;}
.editor_button_brk img {margin: 0; padding: 0; border:none;}

/* ==================== Дополнительные поля новостей */

.xfields textarea {
	color: #E5E7E8;		/* ! */
	font-size: 11px;		/* ! */
	font-family: tahoma, arial, verdana;	/* ! */
	width: 99%;
	height: 86px;
	border: 1px solid #9bb0b6;
	background-color: #3A4146;
}
.xfields input {
	color: #E5E7E8;		/* ! */
	font-size: 11px;		/* ! */
	font-family: tahoma, arial, verdana;	/* ! */
	width: 60%;
	height: 16px;
	border: 1px solid #9bb0b6;
	background-color: #3A4146;
}
.xfields select {
	color: #444444;		/* ! */
	font-size: 11px;		/* ! */
	font-family: tahoma, arial, verdana;	/* ! */
	border: 1px solid #9bb0b6;
}

/* ==================== Дополнительные поля профиля пользователей */

.xprofile textarea {
	color: #444444;		/* ! */
	font-size: 11px;		/* ! */
	font-family: tahoma, arial, verdana;	/* ! */
	width: 316px;
	height: 86px;
	border: 1px solid #9bb0b6;
}
.xprofile input {
	color: #444444;		/* ! */
	font-size: 11px;		/* ! */
	font-family: tahoma, arial, verdana;	/* ! */
	width: 316px;
	height: 18px;
	border: 1px solid #9bb0b6;
}

/* ==================== Персональные сообщения */ 

.pm_head {
	font-size: 12px;		/* ! */
	font-family: tahoma;	/* ! */ 
}
.pm_list {
	color: #646C70;
}
.pm_list a {
	color: #DDDDDD;
}

/* ==================== Выпадающее меню */

#dropmenudiv {
	border: 1px solid #dddddd;
	border-bottom-width: 0;
	font: normal 10px Verdana;
	background-color: #4c5357;
	line-height: 20px;
	margin: 2px;
}
#dropmenudiv a {
	display: block;
	text-indent: 3px;
	text-decoration:none;
	color: #ffffff;
	background:#4c5357;
	border: 1px solid #DDDDDD;
	padding: 1px 0;
	margin: 1px;
	font-weight: bold;
}

#dropmenudiv a:hover {
	background-color: #646b6f;
	color: #DDDDDD;
}
/* ==================== Опрос пользователей */

.vote {
	color: #444444;
}

/* ==================== Ссылка на скачивание прикрепленного файла */

.attachment {
	color: #808080;
}

/* ==================== Поиск по сайту и результаты поиска */

.search {
	color: #dddddd;
	text-decoration: none;
}
.textin {

		color: #444444;		/* ! */
		font-size: 11px;		/* ! */
		font-family: tahoma;	/* ! */
		background-color: #ffffff;
		border: 1px solid #e0e0e0;
	

	text-decoration: none;
}
.sresult  {
	text-align: justify;
	font-weight: normal;
	line-height: 16px;
	font-size: 12px;
	color: #f5f5f5;
}

/* ==================== массовые действия для комментариев */

.mass_comments_action  {
	text-align: right;
	padding-bottom: 5px;

}

/* ==================== Рамка расширенной формы поиска по сайту */

	fieldset {
		border: 1px solid #646b6f;
		padding: 5px;
		text-align: left;
		font-size: 11px;		/* ! */
		font-family: tahoma;	/* ! */
	}

/* ==================== показ оригинальной картинки загруженной на сайт из уменьшенной копии */
.highslide-wrapper, .highslide-outline {
	background: #FFFFFF;
}
.highslide-image {
	border: 2px solid #FFFFFF;
}
.highslide-active-anchor {
   visibility: hidden;
}  
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-dimming {
	background: black;
}
.highslide-html {
	background-color: white;
}
.highslide-loading {
    display: block;
	color: #ffffff;
	font-size: 9px;
	padding: 25px;
    text-decoration: none;
	background-image: url("../images/loading.gif");
	background-position: center;
	background-repeat: no-repeat;
    background-color: #000000;
}
a.highslide-full-expand {
	background: url("../dleimages/fullexpand.gif") no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-caption {
	display: none;
	padding: 5px;
	background: white;
}

.highslide-controls {
    width: 195px;
    height: 40px;
    background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif"/*tpa=http://cox.kz/engine/classes/highslide/graphics/controlbar-black-border.gif*/) 0 -90px no-repeat;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") right -90px no-repeat;
}
.highslide-controls li {
    float: left;
    padding: 5px 0;
}
.highslide-controls a {
    background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif");
    display: block;
    float: left;
    height: 30px;
    width: 30px;
    outline: none;
}
.highslide-controls a.disabled {
    cursor: default;
}
.highslide-controls a span {
    /* hide the text for these graphic buttons */
    display: none;
}
 
/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
    background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
    background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
    background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
    background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
    background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
    background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
    background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
    background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
    background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
    background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
    background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
    background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
    background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
    background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
    background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
    background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
    background-position: -180px -30px;
}

/* Вид изображения: с прямыми краями и тенью */
.wide-border {
	background: white;
}
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* Вид изображения: только тень */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: white;
}

/* Вид изображения: только рамка без тени */
.less .highslide-image {
	border: 1px solid #000000;
}
.less .highslide-caption {
	border: 1px solid #000000;
	background: white;
}

/* ==================== Облако тегов */
.clouds_xsmall {
	font-size: 10px;
}
.clouds_small {
	font-size: 12px;
}
.clouds_medium {
	font-size: 15px;
}
.clouds_large {
	font-size: 18px;
}
.clouds_xlarge {
	font-size: 21px;
}

/* ==================== Автозаполнение облака тегов */
.autocomplete-w1 { position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { font-size: 11px;font-family: verdana;padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

/* ==================== Быстрый поиск на сайте */
#searchsuggestions { border-width:1px; border-color:#222222; border-style:solid; width:300px; background-color:#646b6f; font-size:10px; line-height:14px; }
#searchsuggestions a { padding:5px;display:block; background-color:#50595d; clear:left; height:70px; text-decoration:none; }
#searchsuggestions a:hover { background-color:#586266; color:#dddddd; }
#searchsuggestions a span.searchheading { background: #646b6f; display:block; font-weight:bold; padding:5px; color:#afd400; }
#searchsuggestions a:hover span.searchheading { color:#eeeeee; }
#searchsuggestions a span {color:#dddddd; }
#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:#50595d; display:block; height:auto; color:#ffffff; }
/* ==================== Диалоговые и всплывающие окна 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-image: url("../images/main_bk.gif");
	
	border: 1px solid #DDDDDD;
	color: #DDDDDD;
}
.ui-widget-content a {
	color: #DDDDDD;
}
.ui-widget-header {
	background: #5c9ccc url("../images/ui-bg_gloss-wave.png") 50% 50% repeat-x;
	border: 1px solid #50595D;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #ffffff;
}
.ui-state-default, .ui-widget-content .ui-state-default {
	background: #DDDDDD;
	border: 1px solid #50595D;
	color: #50595D;
	font-weight: bold;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #50595D;
	text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
	background: #DDDDDD;
	border: 1px solid #50595D;
	color: #50595D;
	font-weight: bold;
}
.ui-state-hover a, .ui-state-hover a:hover {
	color: #C1BEBE;
	text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active {
	background: #f5f8f9 50% 50% repeat-x;
	border: 1px solid #50595D;
	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: 400px;
}
.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;
}

/* Start ---- Modern Poll Style by http://e-div.com */
.polled { height: 22px; }
.voted { height: 11px; }
.progress { border: 1px solid #ccc; position: relative; display: block; padding: 0; margin:4px 0; background: #DEDEDE; background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#e9e9e9)); background: -moz-linear-gradient(top, #ccc, #e9e9e9);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#e9e9e9');

    -moz-box-shadow:0 1px 0 #fff;
    -webkit-box-shadow:0 1px 0 #fff;
    box-shadow:0 1px 0 #fff;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.polled span { height:20px; }
.voted span { height: 9px; }
.progress span { display: block; margin: 0; padding: 0; text-align:center; width:0;
    
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.progress span b { color:#fff; line-height:20px; padding-left:2px; text-shadow:0 1px 1px rgba(0, 0, 0, 0.5); }

.progress_1 span {
    border: 1px solid #0078a5; background-color: #5C9ADE;
    background: -moz-linear-gradient(top, #00adee 10%, #0078a5 90%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #00adee), color-stop(0.9, #0078a5));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}

.progress_2 span {
    border: 1px solid #5c9425;  background-color: #77AF3F;
    background: -moz-linear-gradient(top, #8fc857 10%, #5c9425 90%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #8fc857), color-stop(0.9, #5c9425));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fc857', endColorstr='#5c9425');
}
.progress_3 span {
    border: 1px solid #f47a20; background-color: #faa51a;
    background: -moz-linear-gradient(top, #faa51a 10%, #f47a20 90%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #faa51a), color-stop(0.9, #f47a20));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.progress_4 span {
    border: 1px solid #A92C2C; background-color: #C44747;
    background: -moz-linear-gradient(top, #DD5F5F 10%, #A92C2C 90%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #DD5F5F), color-stop(0.9, #A92C2C));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD5F5F', endColorstr='#A92C2C');
}
.progress_5 span {
    border: 1px solid #8c2ca9; background-color: #8c2ca9;
    background: -moz-linear-gradient(top, #bf5fdd 10%, #8c2ca9 90%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #bf5fdd), color-stop(0.9, #8c2ca9));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf5fdd', endColorstr='#8c2ca9');
}
/* End ---- Modern Poll Style by http://e-div.com */