/*
=============================================================
This Skin for DataLife Engine Developed by DLETemplates.com
Copyright © 2005-2007 DLETemplates.com  All Rights Reserved.

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

/* --- MINE ---*/
.reset { padding: 0; margin: 0; }
.logform, .rcol, .reset, .reset li { list-style-type: none; padding: 0; margin: 0; }
.avatar a {outline-style: none}
.btn_reglog, .radial, .fbutton, #loading-layer, #dropmenudiv, .baseform, .ui-dialog, .mass_comments_action, .bbcodes, .ui-button { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

	.loginform, .loginform ul { display: inline; }
	.loginform ul { float: right; padding-top: 7px; }
	.loginform ul li { float: left; margin-left: 6px; line-height: 20px; }

	a.lbn, a.lbn span { float: left; cursor: pointer; height: 21px; color: white; }
		a.lbn { text-decoration: none !important; color: #fff; background: #a6a6a6 url("../images/loginbutton.png") no-repeat 0 0; }
		a.lbn span { padding: 0 10px; background: url("../images/loginbutton.png") no-repeat 100% -21px; }
		a.lbn:hover { background-color: #81b000; background-position: 0 -42px; }
		a.lbn:hover span { background-position: 100% -63px; }
		
.ui-corner-all {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
/* --- /MINE ---*/




/*loading*/
#loading-layer { line-height: 14px; }

/* ==================== Облако тегов */
.clouds_xsmall { font-size: 0.9em; }
.clouds_small { font-size: 1em; }
.clouds_medium { font-size: 1em; font-weight: bold; }
.clouds_large { font-size: 1.3em; }
.clouds_xlarge { font-size: 1.4em; }

/* ==================== Цитата и скрытый текст */
.title_quote {
	color: #636363;
	background-color: #f2f2f2;
	border: 1px dotted #bebebe; 
	border-bottom: 0;
	font-weight: bold;
	padding: 5px;
}

.quote {
	color: #757575;
	background-color: #f2f2f2;
	border: 1px dotted #bebebe;
	padding: 5px;
	margin-top: 5px;
}

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

.scriptcode {
	color: #757575;
	background-color: #f2f2f2; 
	border: 1px dotted #bebebe;
	text-align: left;
	padding: 5px;
}

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

.calendar { width: 100%; }
.calendar td, th { padding: 3px 0 4px 0; vertical-align: middle; text-align: center; }
.calendar tr { border-bottom: 1px solid #cbc7c1; color: #010101; }

.weekday-active-v, .day-active-v, .weekday-active, .day-active { font-weight: bold; }
.weekday { color: #e96d55; }

.monthlink { }
.day-current { background-color: #72aa3d; color: #fff; }
.day-current a { color: #fff !important; }

/* ==================== Рейтинг статьи */

.rating { width: 85px; height: 17px; font-size: 0.9em; overflow: hidden; }
.userinfo .rating { float: left !important; }

.unit-rating {
	list-style: none;
	margin: 0; padding: 0;
	width: 85px; height: 17px;
	position: relative;
	background: url("../dleimages/rating.png") repeat-x left top;
}

.unit-rating li {
	text-indent: -90000px;
	padding: 0; margin: 0;
	float: left;
}

.unit-rating li a {
	display: block;
	width: 17px; height: 17px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 17;
	position: absolute;
	padding: 0px;
}

.unit-rating li a:hover {
	background: url("../dleimages/rating.png") left -17px;
	z-index: 2;
	left: 0px;
}

.unit-rating a.r1-unit {left: 0px;}
.unit-rating a.r1-unit:hover {width:17px;}
.unit-rating a.r2-unit {left:17px;}
.unit-rating a.r2-unit:hover {width: 34px;}
.unit-rating a.r3-unit {left: 34px;}
.unit-rating a.r3-unit:hover {width: 51px;}
.unit-rating a.r4-unit {left: 51px;}	
.unit-rating a.r4-unit:hover {width: 68px;}
.unit-rating a.r5-unit {left: 68px;}
.unit-rating a.r5-unit:hover {width: 85px;}
.unit-rating li.current-rating {
	background: url("../dleimages/rating.png") left -34px;
	position: absolute;
	height: 17px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}
.usercolomn .unit-rating { background: url("../dleimages/rating2.png") repeat-x left top; }
.usercolomn .unit-rating li a:hover { background: url("../dleimages/rating2.png") left -17px; }
.usercolomn .unit-rating li.current-rating { background: url("../dleimages/rating2.png") left -34px; }

/*=====Лучшие пользователи*/
.userstop td, .pm td.pm_list, .pm td.pm_head { border: 1px solid #eee; padding: 2px; }
.userstop thead td, .pm td.pm_head { background-color: #f5f5f5; height: 22px; padding: 0; font-weight: bold; text-align: center; }

/* ==================== BB коды */
 
/* различие bbcodes и bbcodes_poll исключительно в длине кнопки */
/* класс bbcodes используем в списке персональных сообщений (pm.tpl)  и по умолчанию в модуле редактора сообщений*/

.bbcodes {
	background: #f2f2f2 url("../images/bbcodes.png") repeat-x left top;
	border: 1px solid #dbdbdb;
	color: #7d7d7d;
	padding: 2px 5px;
	font-weight: bold;
	cursor: pointer;
	-moz-border-radius-topright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-bottomleft:3px;
}
.bbcodes:hover { background: #fff none; }

.editor { }
.editor textarea { background: none; border: 0 none;  }
.editor_button {
	float: left;
	cursor: pointer;
	padding-left: 0;
	padding-right: 0;
}
.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; }

.bbcodes_poll {
	background-color: #ffffff;
	border: 1px solid #1434B0;
	color: #fff;
	width: 100px;
	height: 20px;
	font-weight: bold;
}

/* ==================== Дополнительные поля новостей */
.xprofile  { padding-top: 5px; }
.xfields textarea, .xfields input, .xfields select,
.xprofile textarea, .xprofile input, .xprofile select {  }

.xfields textarea {width: 400px; height: 86px; }
.xfields input { width: 250px; height: 14px; }
.xfields select { }

.xfields_table td { vertical-align: top; }

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

.xprofile textarea { width: 316px; height: 86px; }
.xprofile input { width: 250px; }
.xprofile select { }

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

.pm_head {font-weight: bold;}

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

#dropmenudiv {
	border: 1px solid #ffffff;
	border-bottom-width: 0;
	font-size: 11px;
	background-color: #958a83;
	line-height: 20px;
	margin: 2px;
	opacity: 0.90;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90) progid:DXImageTransform.Microsoft.Shadow(color=#cacaca, direction=135, strength=3)";
	filter: alpha(opacity=90, enabled=1) progid:DXImageTransform.Microsoft.Shadow(color=#cacaca, direction=135, strength=3);
}

#dropmenudiv a {
	display: block;
	text-indent: 3px;
	text-decoration: none;
  	color: #221e1c;
	background-color: #e7e1de;
	border: 1px solid #ffffff;
	padding: 1px 0;
	margin: 1px;
}

#dropmenudiv a:hover { 
	background-color: #363636;
	color: #ffffff;
}

/* ==================== Опрос пользователей */
.vote { }
/* ==================== Уведомление о получении новых PM */

#newpm {
	position: absolute;
	width: 400px;
	padding: 4px;
	background-color: #fdfdfd;
	border: 1px solid #bbbbbb;
	line-height: 135%;
}
#newpmheader {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	height: 20px;
	color: #fff;
	font-weight: bold;
	background-color: #767676;
	cursor: move;
}
#newpmheader a { color: #fff; }

/* ==================== Ссылка на скачивание прикрепленного файла */
.attachment { color: #808080; }

/* ==================== Поиск по сайту и результаты поиска */
.search {
	color: #757575;
	text-decoration: none;
}
.sresult  {
	text-align: justify;
	font-weight: normal;
	line-height: 16px;
	font-size: 12px;
	color: #757575;
}

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

fieldset {
	border: 1px solid #e3e3e3;
	padding: 5px;
	text-align: left;
}

/* ==================== показ оригинальной картинки загруженной на сайт из уменьшенной копии */
.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-color: black; }
.highslide-html { background-color: white; }
.highslide-html-content { display: none; }
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
    text-decoration: none;
	padding: 3px;
	border: 1px solid white;
    background-color: black;
}
a.highslide-full-expand {
	background: url(../dleimages/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}
.highslide-footer { height: 11px; }
.highslide-footer .highslide-resize {
	float: right;
	height: 12px;
	width: 11px;
	background: url(../dleimages/resize.gif);
}
.highslide-resize { cursor: nw-resize; }
.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) 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 { 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; }

/* ==================== Тег SPOILER */
.title_spoiler {
	color: #636363;
	background-color: #f2f2f2;
	border: 1px dotted #bebebe; 
	font-weight: bold;
	padding: 5px;
}

.text_spoiler {
	color: #757575;
	background-color: #f2f2f2;
	border: 1px dotted #bebebe;
	border-top: 0;
	text-align: justify;
	padding: 5px;
}


/*---Диалоговые и всплывающие окна jQuery UI---*/
.ui-widget-overlay { background: #000; opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=40); left: 0; position: absolute; top: 0; }
.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-header { color: #2a2a2a; background: url("../images/lines.png"); font-weight: bold; }
	.ui-widget-header a { color: #2a2a2a; }

.ui-widget-header .ui-icon { background-image: url("../images/ui-icons.png"); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-color: #db143d; }
.ui-icon-close, .ui-icon-closethick { background: url("../images/close.png") no-repeat 50% 50% !important; }
.ui-dialog { background: #fff; border: 1px solid #dfdedb; overflow: hidden; padding: 5px; position: absolute; width: 300px;
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

.ui-widget input, .ui-widget textarea {
	background: #fff url("../images/fields.png") repeat-x; border: 1px solid #bcc0c2;
}

.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 13px .3em 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-content {
	background: none;
	border: 0;
	overflow: hidden;
	padding: 13px 13px 0 13px;
	position: relative;
	zoom: 1;
	margin-bottom: 13px;
}
.ui-dialog .ui-dialog-buttonpane { background: url("../images/ussep.png") no-repeat 50% 0; padding: 12px 6px 6px 6px; text-align: left; }
.ui-dialog .ui-dialog-buttonpane button {
	cursor: pointer;
	float: right;
	line-height: 1.4em;
	margin: 0 1px;
	overflow: visible;
	width: auto;
}
.ui-button { border: 0 none; background: none; cursor: pointer; }
.ui-button { font-size: 0.85em; text-shadow: 0 1px 0 #fff; margin-bottom: 2px; border: 1px solid #c4c4c4; width: 106px; height: 31px; color: #3c3c3c; padding: 2px 8px 5px 8px; background: #fff url("../images/fbutton.png") repeat-x 0 100%; font-weight: bold;
	-moz-box-shadow: 0 1px 4px -2px black;
	-webkit-box-shadow: 0 1px 4px -2px black;
	box-shadow: 0 1px 4px -2px black;
}
.ui-button:hover { background-position: 0 3px; }

button.ui-button span { cursor: pointer; display: block; }

.ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-state-error { background: #fef1ec 50% 50% repeat-x !important; border: 1px solid #cd0a0a; color: #cd0a0a; }

/* ==================== Автозаполнение облака тегов */
.ui-autocomplete { position: absolute; cursor: default; }

* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
	background: #fff 50% bottom repeat-x; border: 1px solid #dedede; color: #222;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
	border: 1px solid #a7a7a7;
	color: #4e4e4e;
	font-weight: bold;
}