html {}
body, td, p, code { font-family: Verdana, Tahoma; font-size: 12px; color: #000; line-height: 18px }
body, p { text-align: justify }
body, form { padding: 0; margin: 0 }
body { width: 100%; height: 100% }
p { padding: 0 0 0 5px }

#layout {position:relative;width: 100%;height: 100%;}

embed { z-index: 1; border: 7px solid #CCCCC0 }

label { cursor: pointer }
small { font-size: 11px; font-family: Georgia }
small .digit { font-family: Tahoma }

ul, ol { margin: 0pt; padding: 10px 10px 0pt 27px; }
ul li, ol li { margin: 0pt 0pt 10px; padding: 10px 20pt -30pt 5px; text-align: left; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: Trebuchet MS, Arial; text-align: left }
h1 { font-size: 29px; line-height: 34px; font-weight: 500 }
h2 { font-size: 23px; line-height: 23px; font-weight: 400 }
h3 { font-size: 19px; line-height: 19px; font-weight: 400 }
h4 { font-size: 18px; line-height: 18px; font-weight: 200 }
h5 { font-size: 17px; line-height: 17px; font-weight: 400 }
h6 { font-size: 12px; line-height: 12px; padding-left: 1px }
big { font-size: 22px;}

blockquote {background:#CAFFAF url('images/quotes.gif') no-repeat scroll 10px 9px;margin:5px 0;padding:7px 15px 7px 40px;}
white {background: white} fuchsia {background: fuchsia} silver {background: silver} olive {background: olive} maroon {background: maroon} lime {background: lime} green {background: green} navy {background: navy} yellow {background: yellow} red {background: red} gray {background: gray} purple {background: purple} aqua {background: aqua} teal {background: teal} blue {background: blue} black {background: black}
#img_load_form, #colour_text_load_form, #marker_text_load_form, #smile_load_form{ z-index: 999; position: absolute; display: none; padding-left: 100px }

a.btn img { border: 1px solid #FFF }
a.btn:hover img { border: 1px solid #333 }

.dark_blue { color: #222 }

.white, a.white { color: #FFF }
a.white:hover  { color: #DFDFDF }

.black, a.black { color: #000 }
a.black:hover  { color: #444 }

.black_menu, a.black_menu { color: #000 }
a.black_menu:hover  { color: #FFF }

.brown, a.brown { color: #606040 }
a.brown:hover { color: #808060 }

.gray, a.gray { color: #333 }
a.gray:hover { color: #999 }

.red, a.red { color: #800000 }
a.red:hover  { color: #F03030 }

.redorange, a.redorange { color: #F3363B }
a.redorange:hover { color: #F3565B }

a { text-decoration: underline }
a:hover { color: #61BB50; text-decoration: none }

.prof_menu, a.prof_menu {border:solid 2px #68BF46; color: #000; padding: 5px 5px 5px 5px; margin: 15px 15px 15px 15px; background: #fff; text-decoration: none; font-weight: bold}
a.prof_menu:hover  {color: #fff; background: #68BF46; border:solid 2px #fff;}

.orange, a.orange { color: #FF8300 }
a.orange:hover { color: #008200 }

.green, a.green { color: #008000 }
a.green:hover { color: #20A020 }

.green, a { color: #008000 }
.pale_green { color: #008200 }

.pale, a.pale { color: #111 }
a.pale:hover { color: #555 }

.pale2, a.pale2 { color: #666 }
a.pale2:hover { color: #CCC }

.orange2, a.orange2 { color: #FF8300 }
a.orange2:hover  { color: #F03030 }

.popuper { z-index: 999; position: absolute; display: none; width: 100%; text-align: center; overflow: hidden }
.popuper iframe { z-index: -1; position: absolute; }
.popuper table.table { background: #F9F9F0; border: 1px solid #303030; border-collapse: collapse }
.popuper table.table td { padding: 0 }
.popuper table.table td.bottom { height: 25px }
.popuper a.close { color: #FFF; display: block; float: right; padding: 1px 5px 3px 7px; background: #800000; text-decoration: none }
.popuper #popuper_text { float: right; padding: 5px 15px 0 15px }
.popuper #popuper_indicator { float: left; margin-left: 15px }

.blackBack {
	z-index: 998;
	position: fixed;
	display: none;
	top: 0px; left: 0px; right: 0px; bottom: 0px;
	width: 100%;
	height: 100%;
	background-color: black;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;}

/**/#logo {top: 50px;}
/*
#user_menu {position: relative; float: right; right: -275px}
*/
#user_menu .green, #user_menu a.green, #user_menu a.green:hover { color: #008200; }
#user_menu .red, #user_menu a.red, #user_menu a.red:hover { color: #FFC0C0 }
#user_menu .white, #user_menu a.white, #user_menu a.white:hover { color: #EEE }
#user_menu table td { color: #FFF; background: none }

#top_menu { list-style-type: none; margin: 22; padding: 0}
#top_menu li { margin: -15 0 0 5; padding: 0; float: left; width: 110px; font: normal 1.3em Trebuchet MS,sans-serif;  font-weight: bold;}
#top_menu li a { background: #FF8300; color: #000; text-decoration: none; text-indent: 7px; overflow: hidden; display: block; border-bottom:solid 2px #000 }
#top_menu li a:hover { color: #FFF; }
#top_menu li.active a { color: #000; background: #FFF; text-decoration: none; border-bottom:solid 2px #FFF }

#blogs_menu { list-style-type: none; position: absolute; width: 560px; //width: 573px;/* margin-left: -1; */padding: 5; border-left:solid 1px #000; border-bottom:solid 1px #000; border-right:solid 2px #000 }
#blogs_menu  li { margin: 0 0 0 -5; width: 116px;  }
#blogs_menu li a { text-indent: -3px; border-right:solid 2px #000; border-bottom:solid 1px #000 !important; padding: 0px 10px 1px 11px; margin-left: 10px }
#blogs_menu li a:hover { color: #008000 !important;}
#blogs_menu li.active a { background: #68BF46; color: #000 !important;}
/*
#blogs_menu_2 {list-style-type: none; position: absolute; width: 560px; margin-left: -116; padding: 5; border-left:solid 1px #000; border-bottom:solid 1px #000; border-right:solid 2px #000 }
#blogs_menu_2  li {  margin: 0 0 0 -5; width: 116px;}
#blogs_menu_2 li a { text-indent: -3px; border-right:solid 2px #000; border-bottom:solid 1px #000 !important; padding: 0px 10px 1px 11px; margin-left: 10px }
#blogs_menu_2 li a:hover { color: #008000 !important;}
#blogs_menu_2 li.active a { background: #68BF46; color: #000 !important;}

#blogs_menu_3 {list-style-type: none; position: absolute; width: 560px; margin-left: -461; padding: 5; border-left:solid 1px #000; border-bottom:solid 1px #000; border-right:solid 2px #000 }
#blogs_menu_3  li {  margin: 0 0 0 -5; width: 116px;}
#blogs_menu_3 li a { text-indent: -3px; border-right:solid 2px #000; border-bottom:solid 1px #000 !important; padding: 0px 10px 1px 11px; margin-left: 10px }
#blogs_menu_3 li a:hover { color: #008000 !important;}
#blogs_menu_3 li.active a { background: #68BF46; color: #000 !important;}
*/
#main_side { clear: both; background: #FFF; margin: 0 0 0 0; padding: 0 }
.ban {background: url('images/ban.gif');}

#bottom_side { background: #222; background-image: url('images/footer.gif'); background-position: right; background-repeat: no-repeat; color: #FFF; margin-top: 10px; padding: 10px 30px 200px 50px;}
#bottom_side a { color: #FFF }

div.topic_announce { padding: 10px 0 5px 5px}
div.topic_announce div.topic_more_link { padding: 5px 0 0 0 }
div.topic_announce div.topic_tags { clear: both; padding: 6px 0 6px 0; font-size: 11px; color: #666 }

table.topic_stat { background: #C0C0C0; margin: 0 0 0 0 }
table.topic_stat td { padding: 2px 7px 3px 7px; background: #FFF; font-size: 11px }
table.topic_stat td a { text-decoration: none }
table.topic_stat td table td { padding: 0 2px 0 2px }
table.topic_stat td table td.topic_points { font-size: 17px; padding-bottom: 2px }
.comment_points { font-size: 15px; font-weight: bold; color: #666; padding-bottom: 2px }

#system_messages { padding-top: 3px; border: 1px solid #FF8300; margin-bottom: 10px; background: #FFFFF0; display: none }
#system_messages ul { list-style-type: none }
#system_messages ul li { line-height: 16px }

#usermenu { background: #484848 }
#usermenu .red, #usermenu a.red, #usermenu a.red:hover { color: #FFC0C0 }
#usermenu .white, #usermenu a.white, #usermenu a.white:hover { color: #EEE }
#usermenu table td { color: #EEE }
#usermenu div.bl { background: url('images/user_menu_bl.gif') no-repeat bottom left }
#usermenu div.br { background: url('images/user_menu_br.gif') no-repeat bottom right; padding: 10px 10px 15px 13px }

div.blog_head { margin-top: 10px; background: #CAFFAF; padding: 10px 15px 15px 15px; border:solid 1px #000 }

/*******************************************************************************
 * Стильи постраничной навигации
 ******************************************************************************/
.pager { line-height: 30px }
.pager span.curr { padding: 2px 7px 3px 7px; margin-right: 5px; background: #222; border: 1px solid #111; color: #FFF }
.pager a { padding: 2px 7px 3px 7px; margin-right: 5px; background: #FFF; border: 1px solid #DCDCDC; text-decoration: none }
.pager a:hover { border: 1px solid #333; background: #CAFFAF; color: #222 }
.pager a.prev, .pager a.next, .pager a.first, .pager a.last { color: #ACACAC }
.pager a.prev:hover, .pager a.next:hover, .pager a.first:hover, .pager a.last:hover {  border: 1px solid #666; color: #555; background: #FCFCE9 }
.pager a.prev { margin-right: 15px }
.pager a.next { margin-left: 10px }

#preview_button { width: 110px; text-align: center }

.avatar_big { background: url('images/avatar_big_bg.gif') no-repeat; width: 110px }
.avatar_big img { margin: 5px }

.avatar_medium { background: url('images/avatar_medium_bg.gif') no-repeat; width: 74px }
.avatar_medium img { margin: 5px }

.user_points { font-size: 30px; line-height: 30px }
.user_power { padding: 1px 0 0 0 }

.page { padding: 5px 100px 10px 0 }

.comment_anchor { padding: 0 0 4px 15px }
.comment_text { border: 1px solid #C4C4A0; border-bottom: 0; line-height: 140%; padding: 8px 10px 10px 10px }

#topic_visibility_select { display: none; padding-left: 25px }

/**
 * Облако тегов
 */
div.tags_cloud { font-family: Trebuchet MS, Arial; line-height: 23px; text-align: center }
div.tags_cloud a.tag { color: #FF8300; text-decoration: none; margin-right: 10px }
div.tags_cloud a:hover {  color: #61BB50;} 

/**
 * Список "горячих" комментариев
 */
ul.hot_comments { list-style: none; padding: 5px 10px 15px 15px; margin-top: 5px; background: #FFFFF0; border:solid 1px #000 }
ul.hot_comments li { padding-top: 5px; line-height: 130%; margin: 0; }

/**
 */
td.users_by_rating { width: 40%; padding: 0 20px 0 10px }
td.users_by_rating div.users { margin-top: 10px; background: #FFFFF0; border:solid 1px #000 }
.users { margin-top: 10px; background: #FFFFF0; border:solid 1px #000 }
 
td.search_user_form  { padding: 0px 20px 20px 10px; }
td.search_user_form div.search_form { background: #CAFFAF; padding: 10px 10px 10px 15px; border:solid 1px #000;  margin-top: 10px; }

td.search_user_form div.searched { display: none; padding: 15px 0 0 15px }

div.searched div.user { position: relative; float: left; padding-top: 10px }
div.searched div.avatar, div.searched div.link { position: relative; float: left }
div.searched div.link { padding: 0 15px 0px 5px }
div.searched div.avatar { padding-left: 2px }

.inner-box { padding:1em; }
#rounded-box-10{ margin-left:1em; margin-right:1em; }
.inner-box, u { background-color: #FFFFFF; }
#rounded-box-10 .inner-box { padding: 0.4em 1em;}

#size-img { max-width: 480px; width: expression(this.width > 480 ? 480: auto); margin: 20px; border: none; margin: 20px;}

.uni_form, .uni_form select {margin:0px; padding:0px;}
.uni_form {width:300px; height:22px; border:1px solid #323232; margin-top:10px; margin-bottom:10px;}
.uni_form select {width:300px; border:none; height:22px;}
.uni_label {text-align:right; display:block; height:22px; margin-top:10px; margin-bottom:10px;}

.sloy { background-color: #FF8300; opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; border:3px solid #FFF;}
.sloy2 { background-color: #FFF; opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; border:3px solid #FF8300; padding: -20 5 -40 10; }

.thumbnails {background-color: #FFF; opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; border:3px solid #FF8300; float: left; width: 400px; height: expression(this.height = 156 ? 160: auto); height: 156px;}
.thumbnail {text-decoration: none; display: -moz-inline-box; display: inline-block; vertical-align: top; text-align: center; margin: 2px 0 0 5px;}
.thumbnail .r { width: 115px; float: center;}
/*.thumbnails {background-color: #FFF; opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; border:3px solid #FF8300; float: left;  width: 500px; height: 160px; position: absolute;  margin-left: 10; margin-top: 10;}*/

#panel{ background: #fff none repeat scroll 0% 0%; height: 500px; display: none; }
#panel2{ background: #fff none repeat scroll 0% 0%; height: 500px; display: none; }
#panel3{ background: #fff none repeat scroll 0% 0%; height: 500px; display: none; }
.slide, .slide2, .slide3{ border: 1px solid #000; margin: 0pt; padding: 0pt; background: #fff; float: center; width: 370px; height: 25px; color: #000}
.btn-slide, .btn-slide2, .btn-slide3{ margin: 0pt auto; padding: 5px 0px 0pt 0pt; background: transparent url('images/white-arrow.gif') no-repeat scroll right -50px; text-align: center; display: block; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-size: 14px; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: #000; text-decoration: none; }
.active, .active2, .active3{ background-position: right 12px; }
#dop-panel {background-color: #20275B; float: left; width: 100%; height: 54px; margin-bottom: 40px;}

.thumbnails2 {margin: -3em 0 0 -2em; text-align: center;}
.thumbnail2 {text-decoration: none; display: -moz-inline-box; display: inline-block; vertical-align: top; text-align: left; margin: 3em 0 0 2em;}
.thumbnail2 .r2 {width: 7em; float: left;}

.tooltip {position:absolute; z-index:999; left:-9999px; border:3px solid #FF8300; width:300px; height:auto }
.tooltip div{ margin:0; padding:0; color:#000; background-color:#FFF; padding:5px 7px 5px 10px;}