/* Global 
---------------------------------------------------------- */

* {
 padding:0;
 margin:0;
}
html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }
html, body { width: 100%; height: 100%; padding-bottom: 9px; }
body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.67em;
 color: #000000;
 background: url(../images/body_bg.gif) #A0C6A3;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address {
 margin: 15px 0;
 font-size: 1em;
}
li, dd, blockquote { 
 margin-left: 30px; 
}

h1 { font-size: 2.2em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.2em; }

table { border-collapse: collapse; border: 0; }
table td { padding: 0px; vertical-align: top; text-align: left; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.last { border-bottom: none !important; border-right: none !important; margin-right: 0 !important; background: none !important; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.middle { vertical-align: middle; }
.fleft { display: block; float: left; }
.fright { display: block; float: right; }
.bl { display: block; }
br.break { display: block; margin: 5px 0; height: 10px; line-height: 10px; }
.none
.underline { text-decoration: underline !important; }
.small { font-size: 0.9em; }
.sl { background: url(../images/slash.gif) repeat-x; margin-top: 10px; border-bottom: 1px solid #E9EAE2; height: 11px; padding-bottom: 9px; }

/* Links 
---------------------------------------------------------- */


a:link {
 color: #006699;
 text-decoration: underline;
}
a:visited {
 color: #00537D;
 text-decoration: underline;
}
a:hover, a:focus, a:active {
 text-decoration: none;
}
a img { border: 0; }

a.more { display: block; padding-left: 20px; margin: 5px 0; line-height: 1.8em; font-style: oblique; font-weight: bold; font-size: 0.9em; background: url(../images/arrow_2.gif) 0 50% no-repeat; }
a.more-2 { display: block; background: url(../images/bullet_2.gif) 0 50% no-repeat; padding-left: 15px; font-style: oblique; font-weight: bold; }
a.none { text-decoration: none !important; }

/* Layout 
---------------------------------------------------------- */

#top { padding: 3px 0; background: url(../images/opaque_1.png); text-align: center; }
.wrapper { width: 982px; margin: 10px auto; padding-bottom: 10px; }
#header, .bg { background: url(../images/bg.gif); }
#header { padding: 4px 10px 10px; }
#content { width: 100%; }
#main { width: 604px; }
#main .bg { padding: 10px 11px; background-position: -1px 0; }
#sidebar-left { width: 130px; }
#sidebar-left .bg { padding: 10px 0 10px 10px; }
#sidebar-right { width: 250px; }
#sidebar-right .bg { padding: 10px 10px 10px 0; }
#footer { clear: both; margin: 30px 0 20px 0; background: url(../images/opaque_1.png); }

/* Header
---------------------------------------------------------- */

#top ul { margin: 0 auto; width: 995px; }
#top ul li { display: inline; margin: 0; padding: 0 6px; list-style-type: none; background: url(../images/sep.gif) 100% 2px no-repeat; }
#top ul li a { text-decoration: none; color: #5E5E5E; }
#top ul li a:hover { text-decoration: underline; }

#header #header-inner { background: url(../images/header_bg.jpg) 0 6px repeat-x; }
#header #header-inner2 { padding-left: 14px; background: url(../images/header_bg_2.jpg) 0px 6px no-repeat; }
#header #logo { float: left; width: 440px; height: 83px; margin-bottom: 10px; background: url(../images/logo.gif); text-indent: -99999px; }
#header #logo a { display: block; width: 100%; height: 100%; }
#header #banner { float: right; margin-top: 6px; }
#header #banner img { display: block; }
#header #text { padding: 93px 20px 0 12px; background: url(../images/arrow_1.gif) 0 97px no-repeat; color: #000000; }

#portal { margin: 4px 0; padding: 4px; background: url(../images/opaque_2.png); }
#portal #search { float: left; width: 422px; background: #FFF; }
#portal #sections { float: right; width: 541px; background: #FFF; }

#search { margin: 0; padding: 0; }
#search fieldset { position: relative; border: 0; margin: 0; padding: 8px 8px 0 8px; }
#search fieldset legend { display: none; }
#search label { position: relative; display: block; float: left; height: 22px; width: 38px; margin: 0px; background: url(../images/search.gif) no-repeat; text-indent: -4000px; }
#search .searchbox { float: left; width: 285px; margin: 0 -3px 0 -29px; border: solid #B3B9C3; border-width: 1px 0 1px 1px; background: #F6F6F6; font-size: 14px; padding: 2px 13px 2px 30px; color: #1986DD; }
#search #search-submit { width: 71px; height: 22px; border: 0; background: url(../images/b_search.gif); cursor: pointer; }
#search div { margin-bottom: 6px; padding: 0 16px 0 8px; }
#search span { position: relative; border-bottom: 1px dashed #000; padding-bottom: 1px; cursor: pointer; }

#sections ul { margin: 0; padding: 5px 20px 6px 20px; }
#sections ul li { float: left; margin: 0; width: 25%; line-height: 15px; list-style-type: none; }
#sections ul li a { display: block; padding-left: 13px; background: url(../images/minus.gif) 5px 55% no-repeat; text-decoration: none; color: #000; }
#sections ul li a:hover { background: url(../images/minus_white.gif) 5px 55% no-repeat #398BCD; color: #FFF; }

/* Content
---------------------------------------------------------- */

p img.fleft { margin-right: 15px; margin-bottom: 15px; }

.column-left { float: left; width: 285px; text-align: justify; }
.column-right { float: right; width: 285px; text-align: justify; }

.block { position: relative; padding: 6px 7px; background: #FFF; }
.block p { margin: 6px 0; margin-bottom: 0; }
.block h1 { position: relative; height: 32px; line-height: 32px; margin: 0 0 0 0; padding-left: 4px; color: #FFF; background-repeat: repeat-x; font-size: 16px; font-weight: bold; text-transform: uppercase; }
.block img { margin-top: 2px; }
.block h1 span { float: right; position: absolute; top: -6px; right: 0px; }
.block h1 img { margin-top: 6px; }
.block h1 span img { margin: 0; }
.block a { color: #666666 !important; }
.block a span { text-decoration: none !important; }

.green h1 { background-image: url(../images/heading_bg_green.gif); }
.green a:hover { color: #009966 !important; }
.orange h1 { background-image: url(../images/heading_bg_orange.gif); }
.orange a:hover { color: #CC6600 !important; }
.blue h1 { background-image: url(../images/heading_bg_blue.gif); }
.blue a:hover { color: #666699 !important; }
.olive h1 { background-image: url(../images/heading_bg_olive.gif); }
.olive a:hover { color: #996600 !important; }

.block-2 { padding: 10px 15px 10px; background: #FFF; }
.block-2 h2 { margin: 0 0 15px -15px; padding-left: 18px; background: url(../images/bullet.gif) 0 50% no-repeat; color: #006699; font-size: 1.1em; }
.block-2 h2 a { text-decoration: none !important; }
.block-2 h3 { margin: 0 0 15px -15px; padding-left: 18px; background: url(../images/bullet.gif) 0 50% no-repeat; color: #006699; font-size: 1em; font-weight: normal; }
.block-2 h3 a { text-decoration: none !important; font-weight: bold; }
.block-2 h3 span { color: #CCCCCC; }
.block-2 p { text-align: justify; }
.info { clear: both; color: #CCCCCC; }
.info .fleft img { vertical-align: middle; }
.info .fright { color: #CCCCCC; font-size: 0.9em; }
.info .fright a { color: #CCCCCC; text-decoration: none; }
.info .fright a:hover { text-decoration: underline; }

.latest-mp3 p { text-align: center; }
.latest-mp3 a { display: block; float: left; margin: 0 2px; width: 90px; text-decoration: none !important; }
.latest-mp3 a img { width: 90px; }
.latest-mp3 a:hover { color: #666666 !important; }
.latest-mp3 span { display: block; margin: 4px 0; font-size: 9px; text-align: left; }

#pages { line-height: 30px; margin: 30px 250px 0px 130px; text-align: center; }
#pages a { padding: 3px 5px; background: #FFF; border: 1px solid #4E4E4E; font-size: 0.9em; text-decoration: none; }
#pages a:hover, #pages a.active { background: #0099CC; color: #FFF; }
.next, .prev { margin: 0 6px; background: none !important; border: none !important; }

/* Comments */
.comment { position: relative; clear: both; margin-bottom: 10px; }
.comment .userpic { float: left; margin-bottom: 10px; }
.comment .comment-entry { margin-left: 120px; }
.comment .comment-options { clear: both; margin-top: 0px; text-align: right; color: #CCCCCC; font-size: 0.9em; }
.comment .comment-options a { color: #CCCCCC; }

/* Sidebar (Left)
---------------------------------------------------------- */

#menu ul { margin: 10px 0; }
#menu ul ul { display: none; }
#menu ul li { list-style-type: none; margin-left: 0; }
#menu ul li a { background: url(../images/plus.gif) 0 50% no-repeat; padding-left: 10px; text-decoration: none; }
#menu ul li.active a { background-image: url(../images/minus.gif); }
#menu ul li.active ul { display: block; margin: 1px 0; }
#menu ul li.active ul li { margin-left: 13px; }
#menu ul li.active ul li a:hover { color: #009966 !important; }
#menu ul li a:hover { text-decoration: underline; color: #666666 !important; }
#hintbox {
 text-align:left;
 width:150px;
 font-size: 10px ;
 border: 1px solid #000000;
 background-color: #FFFFFF;
 -moz-opacity: 0.9;
 filter:alpha(opacity="90");
 layer-background-color:#a396d9;
 color:#282828;
 z-index: 3;
 margin: 0px 15px 0px 0px;
 -moz-border-radius:5px;
 margin: 0px 0 0 0px;
 //margin-top: -10px;
 left: 0px;
 padding:3px 5px;
 position:absolute;
 visibility:hidden;
 z-index: 3;
}


/* Sidebar (Right)
---------------------------------------------------------- */

#login div { position: relative; }
#login form { position: relative; left: 3px; }
#login div.input { width: 162px; margin: 3px 0; padding: 2px 3px; background: url(../images/input_bg.gif); }
#login fieldset { background: url(../images/login_bg.jpg) 100% 4px no-repeat; border: 0; }
#login div.buttonrow { margin: 14px 0 7px 0; }
#login div.buttonrow input { vertical-align: middle; }
#login div.buttonrow #enter { width: 69px; height: 16px; margin-left: 16px; color: #FFF; font-size: 0.8em; font-weight: bold; border: 0; background: url(../images/b_bg.gif) no-repeat; cursor: pointer; } 
#username, #password { width: 162px; padding-left: 3px; border: 3px solid #CA8835; }
label.overlabel { color:#7D0D00; position: absolute; top: -8px; left: 15px; }
label.overlabel-apply { position:absolute; top: -8px; left:15px; z-index:1; color:#7D0D00; }
#login p { margin-bottom: 13px; }


/* Footer 
---------------------------------------------------------- */

#footer .wrapper { padding: 0; margin: 0 auto; }
#copyright { float: left; width: 370px; font-size: 0.9em; padding: 10px 0 10px 46px; }
#copyright a, #copyright a:visited { color: #000; }
#counters { float: right; }
#counters img { margin: 6px 3px 2px 3px; }

.rating {
 color: #757575;
 font-size: 11px; /* ! */
 font-family: tahoma; /* ! */
 width: 85px;
 height: 16px;
}
.unit-rating {
 list-style: none;
 margin: 0px;
 padding: 0px;
 width: 85px;
 height: 16px;
 position: relative;
 background-image: url(../dleimages/rating.gif);
 background-position: top left;
 background-repeat: 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-image: url(../dleimages/rating.gif);
 background-position: 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-image: url(../dleimages/rating.gif);
 background-position: left bottom;
 position: absolute;
 height: 16px;
 display: block;
 text-indent: -9000px;
 z-index: 1;
}

.f_textarea {
 color: #757575; /* ! */
 font-size: 11px; /* ! */
 font-family: tahoma; /* ! */
 background-image: url(../images/dlet_field_o.gif);
 background-repeat: repeat-x;
 
 width: 459px;
 height: 156px;
 border: 1px solid #e0e0e0;
}

.f_input {
 color: #757575; /* ! */
 font-size: 11px; /* ! */
 font-family: tahoma; /* ! */
 background-image: url(../images/dlet_field_o.gif);
 background-repeat: repeat-x;
 
 width: 300px;
 height: 14px;
 border: 1px solid #e0e0e0;
}

.editor_button {
 float: left;
 cursor: pointer;
 padding-left: 2px;
 padding-right: 2px;
}

.editbclose {
 float: right;
 cursor: pointer;
}

#top { height: 13px; background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://nullz.kiev.ua/templates/Default/images/opaque_1.png',sizingMethod='scale'); }
#footer { height: 0px; background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://nullz.kiev.ua/templates/Default/images/opaque_1.png',sizingMethod='scale'); }
#portal { height: 55px; background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://nullz.kiev.ua/templates/Default/images/opaque_2.png',sizingMethod='scale'); }
#login p { margin-bottom: 4px; }

/*------------------------------------------------------------------*/
/* Стили используемые в DataLife Engine */
/*------------------------------------------------------------------*/

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: #FEFFBD;
 border: 1px dotted rgb(190,190,190);
 border-bottom: 0;
 color: #222;
 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: 11px; 
 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 {
 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;
}

.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 #BBB;
 border-right: 1px solid #BBB;
}
.editbclose {
 float:right;
 cursor:pointer;
}

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

.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{
border:1px solid white;
border-bottom-width: 0;
font:normal 10px Verdana;
background-color: #6497CA;
line-height:20px;
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 solid white;
padding: 1px 0;
MARGIN: 1px;
color: #FFF;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #FDD08B;
color: #000;
}

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

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

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

#newpm {
 position:absolute;
 height:250px;
 width:400px;
 padding:4px;
 background-color:#FDFDFD;
 border:1px solid #BBB;
 font-family: Verdana;
 font-size: 11px;
 line-height: 135%;
 filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);
 }

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

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

#newpm a:hover{
 background: transparent;
 color: #4D6A8A;
 text-decoration: underline;
}
/* 
 * ========================================
 * Ссылка на скачивание прикрепленного файла
 * ========================================
 */
#attachment {
 color: gray;
 }

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

.search {
 font-family: Verdana;font-size: 11px;
 color:#53646F;
 text-decoration: none;
 padding:2px;
 }

.textin {
 font-family: Verdana;font-size: 11px;
 color:#00002C;
 text-decoration: none;
 }

.sresult {
 text-align: justify;
 font-family:verdana;
 FONT-WEIGHT: normal;
 LINE-HEIGHT: 16px;
 font-size:12px;
 color:#606D77;
}

#header, #menu, #footer { display: none; }
#content { display: block; }