* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/* -- HTML settings -- */
HTML, BODY {height: 100%;}
BODY {margin: 0; padding: 0; background: #fff url(../img/bg.gif) repeat-x; color: #666; font-family:  arial, tahoma, verdana, sans-serif; min-width: 999px;}
IMG {border: 0;}
INPUT, SELECT {font: 12px  arial, tahoma, verdana, sans-serif; color: #4F4F4F;}
TEXTAREA {font: 12px arial, tahoma, verdana, sans-serif; color: #4F4F4F; background: #fff; overflow: auto;}
FORM {margin: 0;}

.input {background: #F8FCFF url(../img/bg_input.gif) repeat;}
.input-required {background: #FFF6E0 url(../img/bg_input_required.gif) repeat;}
.submit {background: #FEFEFE url(../img/bg_submit.gif) repeat-x;}

/* -- Errors -- */
.error_total {font: 12px arial, tahoma, verdana, sans-serif; color: #ff0000; background: url(../img/error.gif) 0 1px no-repeat; padding: 0 0 3px 20px; width: 100%;}
.error_total_big {font: normal 18px arial, tahoma, verdana, sans-serif; color: #ff0000; padding: 0 0 3px; width: 100%;}
.error_msg {font: 11px arial, tahoma, verdana, sans-serif; color: #ff0000; padding: 0 1px 3px; width: 100%;}

.error_content {font-size: 12px; margin: 22px 0 12px;}
.error_content P {margin: 16px 0;}

/* -- Global links -- */
A:link {color: #399FCF; text-decoration: underline;}
A:visited {color: #A466A4;}
A:hover {color: #007CBF;}

/* -- Misc. -- */
.none {text-decoration: none;}
.under {text-decoration: underline;}
.normal {font-weight: normal;}
.bold {font-weight: bold;}
.show_hide {display: none;}
#images {width:0; height: 0; position: relative;}
#images IMG {width:1px; height: 1px; position: absolute;}
.clear {clear: both; height: 1px; overflow: hidden;}
.stub {height: 1px; overflow: hidden;}
.red {color: #F00;}

/* -- H# rules -- */
H1 {font-size: 20px; margin: 22px 0 10px; font-weight: normal;}
H2 {font-size: 16px; margin: 22px 0 10px;}
H3 {font-size: 14px; margin: 22px 0 10px;}
H4 {font-size: 12px; margin: 22px 0 10px;}
H6 {font-size: 11px; margin: 16px 0 22px; font-weight: normal;}
H6 SPAN {font-size: 14px;}

/* -- Tags -- */
#tags {width: 100%;}
#tags A:link, #tags A:visited, #tags A:hover { display: block; float: left; line-height: 20px; padding: 0 0 6px 6px;}
.h1 , .h2, .H3, .h4, .h5, .h6 {}
.h6 {font-size: 10px;}
.h5 {font-size: 12px;}
.h4 {font-size: 14px;}
.h3 {font-size: 16px; font-weight: bold;}
.h2 {font-size: 18px; font-weight: bold;}
.h1 {font-size: 20px; font-weight: bold;}
 
/* -- wrapper&footer -- */ 
#wrapper, #footer {padding: 0 20px 0; width: 100%; width:expression(document.body.clientWidth < 999? "999px": "100%" );}
#wrapper {$height: 100%; min-height: 100%;}

/* -- content -- */ 
#content {padding-bottom: 130px; font-size: 12px;}
#content TABLE {font-size: 12px; color: #666;}

/* -- header -- */
#header {width: 100%; height: 99px; position: relative; z-index: 99;}
#header H1 {position: absolute; top: 18px; left: 0; width: 286px; height: 57px; background: url(../img/logo.gif) no-repeat; margin: 0;}
#header H1 A:link, #header H1 A:visited {display: block; width: 286px; height: 57px; color: #8CD5FF; text-decoration: none; font-size: 18px; font-weight: normal; padding: 36px 0 0 65px; white-space: nowrap;}
#header H1 A:hover {color: #A9E0FF;}

HTML>BODY #header H1 A {-moz-opacity:.01; opacity:.01; background: #FFF;}

#header P {margin: 0;}
#header P IMG {width: 100%;}

/* -- topbar -- */
#topbar  {position: absolute; top: 0; right: 0; padding: 10px 8px 0 0; width: 100%;}
#topbar TABLE {width: auto;}
#topbar TH {font-weight: normal; text-align: left;}
#topbar TH, #topbar TD {padding-left: 10px;}
#topbar TD TD {padding: 0;}

#topbar TH A:link, #topbar TH A:visited {color: #B8DBED; text-decoration: none; text-align: center; font-size: 12px; display: block; padding: 2px 0; border-bottom: 3px solid #FFC200;}
#topbar TH A:hover {color: #FFF; border-color: #FFD652;}

#topbar TD A:link, #topbar TD A:visited {color: #B8DBED; text-decoration: none; text-align: center; font-size: 12px; display: block; padding: 2px 0; border-bottom: 3px solid #8CD5FF;}
#topbar TD A:hover {color: #FFF; border-color: #A9E0FF;}
#topbar TD TD A:link, #topbar TD TD A:visited {color: #399FCF; text-decoration: underline; border: 0; display: inline;}
#topbar TD TD A:hover {color: #007CBF;}

/* -- Login Form -- */
#login-form {position: absolute; background: #fff; border: 1px solid #999; top: 175px; left: 50%; width: 250px; height: 175px; padding-top: 10px; margin-left: -125px; z-index: 101;}
#login-form TABLE {font-size: 12px;}
#login-form TD {text-align: left;}
#login-content {display: none; position: absolute; background: #000; top: 178px; left: 50%; width: 250px; height: 175px; margin-left: -122px; z-index: 100; filter:alpha(opacity=20); -moz-opacity:.20; opacity:.20;} 

/* -- header search -- */
.search  {position: absolute; top: 58px; right: 0; width: 202px; height: 33px;}
.search DIV {width: 202px; height: 33px; background: url(../img/bg_search.png) no-repeat; padding: 6px 8px 0;}
*html .search DIV {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/bg_search.png", sizingMethod="scale");}
.search TABLE, .search TH  {width: 100%;}
.search TH  {padding: 0 6px;}
.search INPUT {position: relative; color: #666;}
.search TH INPUT {width: 100%; border: 0;}

/* -- navbar -- */
#navbar {width: 100%;}
#navbar TD {height: 40px; background: url(../img/bg_navbar_separator.gif) no-repeat;}
#navbar A:link, #navbar A:visited {display: block; width: 100%; height: 40px; padding: 12px 8px 0 10px; font-size: 12px; color: #FFF; text-decoration: none; text-align: center;}
#navbar A:hover {color: #C0E8FF;}
#navbar A.active:link, #navbar A.active:visited, #navbar A.active:hover {color: #71CBFF;}
#navbar TD#navbar-left {background: none;}

/* -- index banner block -- */
#banner-block1 {width: 100%; /*margin-top: 18px;*/}

/* -- floats -- */
.left {float: left;}
.right {float: right;}

/* -- Font size -- */
.size10 {font-size: 10px;}
.size11 {font-size: 11px;}
.size12 {font-size: 12px;}
.size14 {font-size: 14px;}

/* -- Universal framebox rules-- */
.b-topleft {background: #DFF3FF url(../img/corners/b_topleft.gif) 0 0 no-repeat;}
.b-topright {background: url(../img/corners/b_topright.gif) 100% 0 no-repeat;}
.b-bottomleft {background: url(../img/corners/b_bottomleft.gif) 0 100% no-repeat;}
.b-bottomright {background: url(../img/corners/b_bottomright.gif) 100% 100% no-repeat; padding: 12px 12px 12px 125px; width: 100%; $height: 124px; min-height: 100px; position: relative;}
.b-bottomright P {position: absolute; top: 12px; left: 12px; margin: 0;}
.b-bottomright P A:hover IMG {filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}
.b-bottomright UL {margin: 0; padding: 0; list-style: none;}
.b-bottomright LI {margin: 0 0 3px; padding: 0;}

.n-topleft {background: #E6E3D7 url(../img/corners/n_topleft.gif) 0 0 no-repeat;}
.n-topright {background: url(../img/corners/n_topright.gif) 100% 0 no-repeat;}
.n-bottomleft {background: url(../img/corners/n_bottomleft.gif) 0 100% no-repeat;}
.n-bottomright {background: url(../img/corners/n_bottomright.gif) 100% 100% no-repeat; padding: 12px; width: 100%; $height: 124px; min-height: 100px;}
.n-table {padding: 5px 12px 4px;}
.n-fix {background: #E6E3D7; height: 1px; margin-top: -1px; overflow: hidden;}
.n-bottomright A:link {color: #807A61;}
.n-bottomright A:hover {color: #554E30;}
.n-bottomright TABLE {width: 100%;}
.n-bottomright TD {background: url(../img/bg_n_dash.gif) 0 100% repeat-x; padding: 7px 5px 8px;}
.n-bottomright UL {margin: 0; padding: 0; list-style: none;}
.n-bottomright LI {margin: 0 0 3px; padding: 0;}

.y-topleft {background: #EBEBEB url(../img/corners/y_topleft.gif) 0 0 no-repeat;}
.y-topright {background: url(../img/corners/y_topright.gif) 100% 0 no-repeat;}
.y-bottomleft {background: url(../img/corners/y_bottomleft.gif) 0 100% no-repeat;}
.y-bottomright H2 {font-size: 12px; margin: 0 0 5px;}
.y-bottomright {background: url(../img/corners/y_bottomright.gif) 100% 100% no-repeat; padding: 12px; width: 100%; $height: 124px; min-height: 100px;}
.y-fix {background: #EBEBEB; height: 1px; margin-top: -13px; overflow: hidden;}
.y-bottomright A:link {color: #AF7800;}
.y-bottomright A:hover {color: #885D00;}
.y-dash {background: url(../img/bg_y_dash.gif) repeat-x; height: 1px; overflow: hidden; margin: 12px 0;}
.y-bottomright UL {margin: 0; padding: 0; list-style: none;}
.y-bottomright LI {margin: 0 0 3px; padding: 0;}

/* -- index boxheads -- */
.box-head {$width: 100%; position: relative; margin: 22px 8px 8px 12px; z-index: 98;}
.box-head H1 {margin: 0; color: #666; font: normal 18px arial;}
.box-head a:link, .box-head a:visited {position: absolute; top:0; left: 0; text-decoration: none; color: #399FCF;  font: normal 18px arial;}
.box-head a:hover {color: #007CBF; text-decoration: underline;}
.box-head B {font-weight: normal;}

.box-head-rss {$width: 100%; position: relative; margin: 22px 8px 8px 12px;}
.box-head-rss H1 {margin: 0; color: #666; font: normal 18px arial;}
.box-head-rss a:link, .box-head-rss a:visited, .box-head-rss a:hover {position: absolute; top: 4px; right: 0; text-decoration: none;}

/* -- Global search page -- */
#global-search {width: 74%;}
#global-search .b-bottomright {padding:12px; $height: 1px; min-height: 1px;}
#global-search P {margin: 16px 0;}
#global-search INPUT {font-size: 14px;}
#global-search VAR {font-size: 14px; font-style: normal; font-weight: normal;}
#global-search #exs {margin:0; padding-top: 6px;}
#global-search #exs SPAN {border-bottom: 1px dashed #666;}

/* -- Tables rules -- */
#index_table {width: 100%;}
#index_table TD.c-main {vertical-align: top; width: 37%; height: 1px; padding-right: 20px;}
#index_table TD.c-last {padding:0; width: 26%;}

#layout_table {width: 100%;}
#layout_table TD {vertical-align: top;}
#layout_table TD TD {vertical-align: middle;}
.layout_content {width:74%; padding-right: 20px;line-height:17px}
.layout_content STRONG {font-weight: normal;}
.layout_content P {margin: 0 0 10px;}
.layout_right {width: 26%; padding-top: 22px;}
.layout_right .n-topleft {margin-bottom: 8px;}

/* -- annotation -- */
.annotation {margin: 0 0 3px; padding: 0;}

/* -- paging -- */
.paging {font-size: 12px; font-style: normal; font-weight: normal;}
.paging SPAN {background: #DDD; padding: 2px 4px;}

/* -- forum rules -- */
.forum_table {background: url(../img/corners/g_head.gif) repeat-x;}
.forum_table TH {background: url(../img/corners/g_separator.gif) 100% 50% no-repeat; height: 31px; padding: 0 10px; text-align: left; font-size: 12px; color: #666;}
.forum_table TD {padding: 7px 10px 8px; background: url(../img/bg_n_dash.gif) 0 100% repeat-x;}
.forum_table TD TD {padding: 0; border: 0; background: none;}
.forum_dash {background: url(/img/bg_n_dash.gif) 0 100% repeat-x; $width:100%;}
.quote {border:1px solid #B7B4AC; padding: 3px; background: #F9F7EA; color: #7B7B7B; margin-bottom:8px}

/* -- Footer rules -- */
#foot {position: relative; width: 100%; height: 0;}
#footer {position: absolute; top: -100px; left: 0; height: 100px; background: #00A0DB url(../img/bg_footer.gif) repeat-x; padding-top: 6px;}
#footer A:link, #footer A:visited, #footer A:hover {color: #8DD5FF; text-decoration: underline;}
#footer TABLE {width: 100%; height: 94px; color: #fff; font-size: 11px;}
#footer TD {height: 94px; padding: 13px 0;}
#footer .links_part {color: #58B4EA; width:100%; padding: 0 34px; font-size: 10px;}
#footer .links_part A:link, #footer .links_part A:visited, #footer .links_part A:hover {color: #58B4EA; text-decoration: none;}

/* -- all icons -- */
.ico_user {background: url(../img/icons/user.gif) 0 50% no-repeat; height:16px; padding-left: 18px; display: block; height:16px; line-height: 16px; line-height=15px;}
.ico_user_dark {background: url(../img/icons/user_dark.gif) 0 50% no-repeat; height:16px; padding-left: 18px; display: block; height:16px; line-height: 16px; line-height=15px;}
.ico_write {background: url(../img/icons/write.gif) 0 50% no-repeat; height:16px; padding-left: 18px; display: block; height:16px; line-height: 16px; line-height=15px;}

/* -- Others -- */
.pr_domen    { color: #808080 }
.pr_a        {text-decoration: none; font-size: 12px; font-weight: bold }
.pr_tab    { border:1px solid #BDBDBD; font-family:Verdana; font-size:11px; color:#000000; width:450px; background-color:#FCFCFC; }

ul.star-list {list-style-type: square;}
ul.star-list LI {margin-bottom: 4px; font-size: 12px;}

.table-album {margin: 15px 0;}
.table-album TD {padding: 0 20px 25px 0; vertical-align: top; text-align: left;}
.table-album TD A {border: 0; text-decoration: none;}
.table-album TD SPAN {display: block; line-height: normal; padding-top: 4px; font-size: 12px; clear: both;}
.table-album TD SPAN A {font-size: 11px; text-decoration: none; color: #666666;}
.table-album TD SPAN A:hover {text-decoration: underline; color: #007CBF;}