/* Top Panel */
#panel-top {
	background: url(../images/panel-top.png) no-repeat;
	height: 50px;
	margin-top: 5px;
}

*html #panel-top {
	margin-top: -14px;
}

#panel-top-left {
	float: left;
	height: 50px;
	margin-left: 11px; 
}

#panel-top-right {
	float: right;
	height: 50px;
}
/* Top navigation */
#navigation-top
{
	width: 100%;
	float: right;
	margin-top: 5px;
	margin-left: 33px;
	padding: 10px 0 0 0;
	list-style: none;  
}
 
#navigation-top li
{
	float: left;
	padding: 0 0 10px 0;
	position: relative;
	line-height: 0;
}
 
#navigation-top a 
{
	float: left;
	height: auto;
	padding: 0 15px;
	color: #fff; 
	
	text-transform: uppercase;
	font: bold 12px/25px Arial, Helvetica;
	text-decoration: none;

}
 
#navigation-top li:hover > a
{
	color: #fafafa; 
	
	
}
 
*html #navigation-top li a:hover /* IE6 */
{
	color: #fafafa;
}
 
#navigation-top li:hover > ul
{
	display: block;
}
 
/* Sub-navigation-top */
 
#navigation-top ul
{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;    
    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);    
    background: -o-linear-gradient(#444, #111);	
    background: -ms-linear-gradient(#444, #111);	
    background: linear-gradient(#444, #111);
    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);	
    -moz-border-radius: 5px;
    border-radius: 5px;
}
 
#navigation-top ul ul
{
  top: 10;
  left: 50px;
}
 
#navigation-top ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}
 
#navigation-top ul li:last-child
{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}
 
#navigation-top ul a
{    
    padding: 10px;
	height: 10px;
	width: 170px;
	height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
	text-transform: none;
}
 
*html #navigation-top ul a /* IE6 */
{    
	height: 10px;
}
 
*:first-child+html #navigation-top ul a /* IE7 */
{    
	height: 10px;
}
 
#navigation-top ul a:hover
{
	background: #2A57C9;
	background: -moz-linear-gradient(#04acec, #2A57C9);
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#2A57C9));
	background: -webkit-linear-gradient(#04acec, #2A57C9);
	background: -o-linear-gradient(#04acec, #2A57C9);
	background: -ms-linear-gradient(#04acec, #2A57C9);
	background: linear-gradient(#04acec, #2A57C9);
}
 
#navigation-top ul li:first-child > a
{
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
 
#navigation-top ul li:first-child > a:after
{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}
 
#navigation-top ul ul li:first-child a:after
{
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #444;
}
 
#navigation-top ul li:first-child a:hover:after
{
    border-bottom-color: #04acec; 
}
 
#navigation-top ul ul li:first-child a:hover:after
{
    border-right-color: #04acec; 
    border-bottom-color: transparent; 	
}
 
 
#navigation-top ul li:last-child > a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
 
/* Clear floated elements */
#navigation-top:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
 
* html #navigation-top             { zoom: 1; } /* IE6 */
*:first-child+html #navigation-top { zoom: 1; } /* IE7 */

 * ========================================
 * Праздники
 * ========================================
 */

.selib  a{
	color: #133F5B;
	font-size: 11px;
	padding-left:10px;
	background: #fff url(../images/icon.gif) no-repeat left top;
	font-family: Verdana ; 	/* ! */
	text-decoration: none;
	text-align: left;
}
.selib a:hover {
	color: #000000;
	font-size: 11px;
	font-family: Verdana;  	/* ! */
	text-decoration: none;
	text-align: center;
}
.selib {
	color: #000000;
	font-size: 11px;
	
	font-family: Verdana; 	/* ! */
	text-decoration: none;
	text-align: left;
	padding-left:10px;
	 background: #fff url(../images/icon.gif) no-repeat left top;
}
.dates {
	color: #c4100f;
    font-size: 11px;
    font-weight: bold;
	font-family: tahoma;	/* ! */
	text-decoration: none;
}

.praz a {
	color: Red;
	font-size: 11px;
	font-family: tahoma; 	/* ! */
	text-decoration: none;
}
.prazdn a{
	color: #333333;
    font-size: 11px;
	font-family: tahoma;	/* ! */
	text-decoration: none;
	text-align: left;
	padding-left:10px;
	}
.prazdn {
	color: #333333;
    font-size: 11px;
	font-family: tahoma;	/* ! */
	text-decoration: none;
	text-align: left;

}
.imen {
	color: #008000;
    font-weight: bold;
	font-size: 11px;
	font-family: Arial;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
.imen a{
	color: #008000;
   	font-size: 11px;
	font-family: Arial;
	  padding-left:10px;
	  text-transform: capitalize;
	 background: #fff url(../images/icon.gif) no-repeat left center;
	text-decoration: none;
}

* Cpojer */
.cpojer a { 
    display: inline-block; 
    padding: 4px; 
    outline: 0; 
    color: #587ed7;     /* ====== Цвет обычного текста */
    -webkit-transition-duration: 0.25s; 
    -moz-transition-duration: 0.25s; 
    -o-transition-duration: 0.25s; 
    transition-duration: 0.25s; 
    -webkit-transition-property: -webkit-transform; 
    -moz-transition-property: -moz-transform; 
    -o-transition-property: -o-transform; 
    transition-property: transform; 
    -webkit-transform: scale(1) rotate(0); 
    -moz-transform: scale(1) rotate(0); 
    -o-transform: scale(1) rotate(0); 
    transform: scale(1) rotate(0); 
    } 
.cpojer a:hover { 
    background: #587ed7;      /* ====== Цвет фона при линке */
    text-decoration: none; 
    color: #fff; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    -o-border-radius: 4px; 
    border-radius: 4px; 
    -webkit-transform: scale(1.05) rotate(-1deg); 
    -moz-transform: scale(1.05) rotate(-1deg); 
    -o-transform: scale(1.05) rotate(-1deg); 
    transform: scale(1.05) rotate(-1deg); 
    } 
.cpojer a:nth-child(2n):hover { 
    -webkit-transform: scale(1.05) rotate(1deg); 
    -moz-transform: scale(1.05) rotate(1deg); 
    -o-transform: scale(1.05) rotate(1deg); 
    transform: scale(1.05) rotate(1deg); 
    }

form {  PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px;
}

/* 
 * ========================================
 * Вывод архива 
 * ========================================
 */
.archives {
	vertical-align: top;
	font-family:Tahoma;
	font-size:11px;
	margin-top:6px;
	margin-left:20px;
	margin-bottom:10px;
}
.archives a {
	font-family:Tahoma;
	font-size:11px;
	color:#43637E;
}
/* 
 * ========================================
 * Цитата и скрытый текст
 * ========================================
 */
.title_quote {
	background: #fff;
	border: 0px;
	border-bottom: 0;
	color: #3f68c9;
	font-weight: bold;
	font-size: 10px;
	margin: 8px auto 0 auto;
	padding: 3px;
}

 .quote {
	color: #000000;
	FONT: 10pt Verdana; 
	text-align:justify;
	background-color: lightyellow; 
	border: 1px dotted rgb(190,190,190);
	padding: 5px;
	}
/* 


 * ========================================
 * Teг CODE
 * ========================================
 */
 .scriptcode {
	color: #000000;
	FONT: 8pt Verdana; 
	text-align:left;
	background-color: lightyellow; 
	border-width:1; 
	border-color:rgb(190,190,190); 
	border-style:dotted;
	padding: 5px;
	}
/* 
 * ========================================
 * Календарь 
 * ========================================
 */

.weekday-active-v {
	color: #4974a3;
	font-family:tahoma;
	 font-size:11px;
}
.day-active-v {
	color: #4974a3;
	font-family:tahoma;
	 font-size:11px;
}
.calendar {
	 font-family:verdana;
	 font-size:11px
}
.calendar td, th {
	 font-family:verdana;
	 font-size:11px;
	 text-decoration: none;
	 padding: 3px;
}

.weekday {
	color: #804040;
	font-family:verdana;
	font-size:11px;
}
.weekday-active {
	color: #804040;
	font-family:verdana;
	font-size:11px;
}
.day-active {
	color: #804040;
	font-family:verdana;
	font-size:11px;
}
.day-active a,
.weekday-active a,
.day-active-v a,
.weekday-active-v a
 {
text-decoration: underline;
}

.monthlink {
color: #4974a3;
font-family:tahoma;
font-size:11px;
text-decoration: none;
}

/* 
 * ========================================
 * Рейтинг 
 * ========================================
 */

.rating {
		color: #666666;
		font-family: Tahoma, helvetica, sans-serif;
		font-size: 0px; 
		width: 85px;
		height: 16px;
	}
	.unit-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 85px;
		height: 16px;
		position: relative;
		background: url('../dleimages/rating.gif') top left repeat-x;		
	}
	
	.unit-rating li{
	    text-indent: -90000px;
		padding:0px;
		margin:0px;
		float: left;
	}
	.unit-rating li a{
		display:block;
		width:17px;
		height: 16px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 17;
		position: absolute;
		padding: 0px;
	}
	.unit-rating li a:hover{
		background: url('../dleimages/rating.gif') left center;
		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.gif') left bottom;
		position: absolute;
		height: 16px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
}



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

.bbcodes {
	background-color: #ffffff;
	border: 1px solid #1434B0;
	color: #ffffff;
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	background-image: url(../images/dlet_bttn_bbcodes.gif);
	background-repeat: repeat-x;
/*  width: 90px;  */
	height: 20px;
	font-weight: bold;
}

/* класс bbcodes_poll используем в poll.tpl, vote.tpl, addnews.tpl и в модифицированном поиске (search.php) */
/* требуется модифицированный файл search.php (engine/modules/) */

.bbcodes_poll {
	color: #ffffff;
	font-size: 10px;		/* ! */
	font-family: tahoma;	/* ! */
	height: 24px;
	background-image: url(../images/bbcodes.jpg);
	font-weight: bold;
	border-top: #1C5478;
	border-right: 1px solid #1C5478;
	border-bottom: 1px solid #1C5478;
	border-left: 1px solid #1C5478;
	cursor:pointer;
}

.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;}


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

.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;
}

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

.xprofile textarea {
width:499px; height:90px; font-family:verdana; font-size:11px; border:1px solid #E0E0E0;
}
.xprofile input {
width:250px; 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;
}

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

#dropmenudiv{
color:#FFF;
font:normal 10px Verdana;
background-color: #999;
line-height:18px;
margin:2px;
filter: alpha(opacity=95, enabled=1) progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=3);
}

#dropmenudiv a{
display: block;
text-indent: 3px;
border: 1px dotted #ffffff;
padding: 1px 0;
MARGIN: 1px;
color: #fff;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color:#D3D3D3;
color: #000;
border: 1px dotted #fff;
}

/* 
 * ========================================
 * Опрос
 * ========================================
 */

.vote  {
	color: #717171;
	font-size: 11px;
	font-family: tahoma;
}

/* 
 * ========================================
 * Уведомление о получении новых PM
 * ========================================
 */

#newpm {
	position:absolute;
	width:400px;
	padding:4px;
	background-color:#FDFDFD;
	border:1px solid #BBB;
	font-family: Verdana;
	font-size: 11px;
	line-height: 135%;
	}

#newpmheader {
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	height:20px;
	color: #fff;
    font-weight: bold;
	background-color:#888;
	font-family:verdana, sans-serif;
	font-size:11px;
	cursor:move;
	}

#newpm a{
	background: transparent;
	color: #910000;
	text-decoration: none;
}

#newpm a:hover{
	background: transparent;
	color: #ff0000;
	text-decoration: underline;
}
/* 
 * ========================================
 * Ссылка на скачивание прикрепленного файла
 * ========================================
 */
#attachment {
	color: #910000;
	font: bold 11px/25px verdana, sans-serif;
	text-decoration: none;
	background: url(../images/filesave.gif) no-repeat;
	height: 25px;
	text-indent: 30px;
	display: block;
}

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

.search {
	color: #555555;
	text-decoration: none;
}
.textin {
	color: #555555;			/* !!! Текст в полях поисковой формы (расширенной) !!! */
	font-size: 11px;
	font-family: tahoma;
	background-image: url(../images/dlet_field_o.gif); background-repeat: repeat-x;
	border: 1px solid #e0e0e0;
	text-decoration: none;
	padding-left: 3px;
	background-color: #ffffff;
}

.sresult  {
	text-align: justify;
	font-weight: normal;
	line-height: 16px;
	font-family: tahoma;
	font-size: 12px;
	color: #555555;
}

/* ==================== показ оригинальной картинки загруженной на сайт из уменьшенной копии */
.highslide-image-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    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;
}
/* Userbar */
.userbar   {
	color: #133F5B;
	text-align:left;
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;	
}
/* Tooltip */
#tooltip      {
background: #E9EFF5;
border:2px solid #6AA6CC;
color: #0E3A63;
font:menu;
margin:0px;
padding:3px 5px;
position:absolute;
visibility:hidden
}
/* ==================== Облако тегов */
.clouds_xsmall {
	font-size: x-small;
}
.clouds_small {
	font-size: small;
}
.clouds_medium {
	font-size: medium;
}
.clouds_large {
	font-size: large;
}
.clouds_xlarge {
	font-size: x-large;
}