/*
 * template_css.css. Используется для описания стилей меню,
 * элементов раскладки шаблона, уникальных стилей
 *
 * @package		 Joostina
 * @subpackage	templates/NewLine
 * @version		 $Id: base.css 2009-01-31 11:05 ZaiSL $;
 */

@import "reset.css";
@import "base.css";

div#debug p {
	width: 1000px;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

html {
	height: 100%;
	width: 100%;
}

body.joo_flex{
	height: 100%;
	position: relative;
	text-align: center;
	width: 100%;
}

.main_wrap{
	position: relative;
/*	overflow: hidden; 
*/	padding: 0 0 40px 0;
	width: 100%;
}

.header_banner{
	padding:0px;
	margin:0px;
	position: relative;
	text-align: center;
}
.toolbar{
	background: #f6f6f6;
	border-bottom: 1px solid #d8d8d8;
	height: 40px;
	position: relative;
	text-align: center;
}
.toolbar_center{
	height: 39px;
	margin: 0 auto;
	padding: 0px 0 0 0;
	width: 60%;
}

.toolbar_right{
	position: absolute;
	right: 0;
	top: 5px;
	width: 300px;
}

.header{
	height: 170px;
	position: relative;
	text-align: center;
	z-index:0;
}

.header .logo {
	background: url(../images/logo.jpg) no-repeat center center;
	cursor: pointer;
	display: block;
	height: 170px;
	top: 0px;
	left: 25px;
	position: absolute;
	width: 270px;
}
.header .logo a {
	height: 170px;
	width: 270px;
	display: block;
	text-decoration: none;
}

.header_center{
	height: 170px;
	margin: 0 0 0 290px;
	padding: 0 0 0 0;
}

.topline{
	border-top: 1px solid #babec3;
	background: #eef4fa;
	height: 10px;
	margin: 0 0 10px 0;
	position: relative;
	text-align: center;
}

.wrapper{
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 100%;
}

a#about{
	cursor: pointer;
/*	display: block;
	float: left;
	height: 36px;
	text-decoration: none;
	width: 143px;
*/
}

a#rss {
	background: url(../images/rss_small.png) no-repeat center;
}


.conteiner {
/*	border-bottom: 1px solid #ff0000; 
*/	height: 100%;
	width:100%;
	text-align: center;
}
.content {
	text-align: left;
	height: 100%;
/*	width:100%;
	border: 1px solid #000; 
*/	margin: 0 340px 20px 40px;
	padding: 0 0 0 0px;
}

.col {
	height: 100%;
	float: right;
	position: relative;
	margin: 0 40px 20px 0px;
/*	position: absolute;
	top: 0px;
	right: 20px;
	border: 1px solid #000; 
*/	width: 280px;
}
.content .systemmsg { width:100%;text-align: center; color: #ff0000;  }

.both { height: 1px; clear: left;}

.col div h3{
}
.footer{
	clear:both;
	background: url(../images/footer_bg.gif) no-repeat top left;
	bottom: 0px;
	clear: both;
	position: relative;
}

.bottom{
	border-top: 0px solid #D2D6BF;
	height: 40px;
	line-height: 40px;
	margin: 0 40px;
	text-align: left;
	padding: 12px 0 12px 0;
}

.valid {
	float: right;
	width: 180px;
}
/* -----Верхнее меню: BEGIN------	*/


.top_menu {
	height: 124px;width: 700px;float: left;border:0px solid #000; background: #fff;
}
.top_menu_l {
	background: #f6f6f6 url(../images/topmenu_l.gif) no-repeat top left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 124px;
	float: left;
	width: 600px;
}
.top_menu_r{
	background: url(../images/topmenu_r.gif) no-repeat top right;
	padding: 0 36px 0 0;
	margin: 0 0 0 36px;
	height: 124px;
}
.top_menu_nav { position: relative; width: 90px;float: right; border: 0px solid #000; margin: 40px 0; }
.top_menu_nav .back { position: relative; float:left; margin: 5px; width: 31px; height: 29px; }
.top_menu_nav .next { position: relative; float:left; margin: 5px; width: 31px; height: 29px; }
.top_menu_nav .back a { background: url(../images/topmenu_nav_l.gif) no-repeat top right;display: none; outline: none;text-decoration:none;width: 31px; height: 29px; line-height: 23px; }
.top_menu_nav .next a { background: url(../images/topmenu_nav_r.gif) no-repeat top left;display: none; outline: none;text-decoration:none;width: 31px; height: 29px; line-height: 23px; }

.top_menu_r li, .top_menu_r p { margin: 0; padding: 0; }
.top_menu_r li p { font-size: 18px; text-align: left; line-height: 24px; }
.top_menu_r { position: relative; overflow: hidden; }
.top_menu_r .javascript_css { position: relative; padding: 20px; background: #fffcd3; }
.top_menu_r ul { position: relative; left: 0; width: auto; margin: 0; padding: 0; list-style-type: none; overflow: hidden; }
.top_menu_r li { float: left; display: inline; width: 260px; }


.slider  { width: 520px; border: 0px solid #ddd; margin: 0 0 32px 0; overflow: hidden; }
.slider .item { padding: 0px 0px 5px 0px; font-weight: bold; }
.slider .item a { color: #0962a6; font-size: 14px; }
.slider a { color: #0962a6; font: 18px; }
.slider .ul1 { height: 124px; overflow: hidden; }
.slider .ul2 { height: 96px; overflow: hidden; }
.slider li { list-style: none;  }
.slider .li1 { float: left; padding: 15px 0; overflow: hidden; width: 260px; }
.slider .li1 p { color: #3f3f3e; float: left; display: inline; margin: 0 0 0 10px; width: 260px; }
.slider .li2 { float: left; padding: 15px 0 0 0; overflow: hidden; width: 40px; border-bottom: 1px solid #; }
.slider .li2 p { color: #3f3f3e; float: left; display: inline; margin: 0 0 0 0px; width: 40px; }
.slider li p span { margin: 0 0 0 15px; }
.slider .linkall a { color: #0962a6; font-size: 14px; }



ul#mainlevel-nav, ul#mainlevel-nav li{ display: inline; list-style: none; margin: 0; padding: 0; }
ul#mainlevel-nav{ display: block; height: 46px; padding: 0 12px 0 0; text-align: left; }
ul#mainlevel-nav li a{ display: inline; font-size: 22px; line-height: 46px; margin: 0 18px; text-decoration: underline; position: relative; color: #0962a6; }
ul#mainlevel-nav li a span{ color: #0962a6; }
ul#mainlevel-nav li a:hover{ background: url(../images/topmenu_ar_a.gif) no-repeat center bottom; text-decoration: underline; margin: 0 10px; padding: 0 0 9px 0; }
ul#mainlevel-nav li a:hover span{ background: #2f86c9; color: #fff; text-decoration: underline; padding: 0 8px 4px 8px; }
ul#mainlevel-nav li a#active_menu-nav{ background: url(../images/topmenu_ar_a.gif) no-repeat center bottom; text-decoration: underline; margin: 0 10px; padding: 0 0 9px 0; }
ul#mainlevel-nav li a#active_menu-nav span{ background: #2f86c9; color: #fff; text-decoration: underline; padding: 0 8px 4px 8px; }
/* -----Верхнее меню: END------	*/
/* -----Левое меню: BEGIN------	*/

.banners{
	width: 100%;
	text-align: center;
}
.banners td{
	width: 100%;
	text-align: center;
}
.blocktable-round{
	background: #EAECDE;
	padding: 15px 20px 15px 20px;
}

.blocktable-round a{
	border-bottom: 1px dashed #CCC;
	color: #5B5B5B;
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding: 1px 5px;
	text-decoration: none;
}

.blocktable-round a:hover, .blocktable-round a#active_menu{
	background: #DEE0D3;
	color: #BD3620;
}

.blocktable-round ul, .blocktable-round ul li{
	list-style: none;
	margin: 2px 0;
	padding: 0;
}
/* -----Левое меню: END------	*/
/* -----Дополнительное меню: BEGIN------	*/

.blocktable-help{
	background: url(../images/help.jpg) no-repeat top left;
	margin: 15px 0;
	overflow: hidden;
	padding: 20px 0 10px 0;
}

.blocktable-help h3{
	padding: 0 10px 8px 108px;
}

.blocktable-help ul{
	float: left;
	list-style: none;
	margin: 0 6px 0 0;
	padding: 0;
	width: 46%;
}

.blocktable-help ul li{
	list-style: none;
	margin: 0;
	padding: 0;
}

.blocktable-help ul li a{
	color: #498FC3;
}
/* -----Дополнительное меню: END------	*/
/* -----Нижнее меню: BEGIN------	*/

.footer ul.menulist-bottom {
	float: left;
	margin: 0 0 0 20%;
	text-align: center;
}

.footer ul.menulist-bottom li{
	display: inline;
	height: 32px;
	line-height: 32px;
	margin: 0 9px 0 0;
}

.footer ul.menulist-bottom li a{
	color: #000;
	font-size: 14px;
}
/* -----Нижнее меню: END------	*/
/* -----Сервисные ссылки: BEGIN------	*/

a.navbar{
	display: block;
	float: left;
	height: 60px;
	text-decoration: none;
	width: 48px;
}

a.navbar#home{
	background: url(../images/home.jpg) no-repeat center;
}

a.navbar#mail{
	background: url(../images/mail.jpg) no-repeat center;
}

a.navbar#map{
	background: url(../images/map.jpg) no-repeat center;
}
/* -----Дополнительные стили------ */

div.marker_round {
	font-size: 12px;
	padding: 5px 0;
}

div.marker_round b {
	background: url(../images/ol_big.jpg) no-repeat top left;
	color: #FFF;
	display: block;
	float: left;
	font-weight: bold;
	height: 39px;
	line-height: 32px;
	margin: 3px 6px 4px 0;
	text-align: center;
	width: 36px;
}

div.marker_round br {
	clear: both;
	display: block;
	height: 16px;
	line-height: 16px;
	width: 100%;
}
/* Маркированный список с большими маркерами */

ul.bigred{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.bigred li{
	background: url(../images/big_marker.png) no-repeat top left;
	list-style: none;
	margin: 0 0 6px 0;
	padding: 0 0 0 40px;
}

#email, #print{
	padding: 0px;
}
.pagenav { display:block; height:68px; padding: 0 0 0 0px; margin: 15px 0 0 20px; text-align: center; }
.pagenav div { border: 1px solid #000; height:48px; text-align: center; margin: 0 auto; }

.pagenav .pagenav_l { display:block; float:left; height:48px; background: url(../images/pagenav_l.gif) no-repeat right top; font-size: 12px; text-decoration: none; font-weight: bold; padding: 25px 0 0 0px; margin: 0 10px 0 0px; }
.pagenav .pagenav_r { height:48px; float:left; background: url(../images/pagenav_r.gif) no-repeat left top; font-size: 12px; text-decoration: none; font-weight: bold; padding: 25px 0 0 0px; margin: 0 0px 0 10px; }
.pagenav .pagenav_i { display:block; float:left; height:48px; font-size: 18px; color:#2f86c9; text-decoration: none; text-align: center; padding: 23px 0 0 0; margin: 0 10px 0 10px; }
.pagenav .pagenav_a { display:block; float:left; height:48px; width:41px; background: url(../images/pagenav_a.gif) no-repeat left top; font-size: 18px; color:#fff; text-decoration: none; text-align: center; padding: 23px 0px 0 0px; }
.pagenav .pagenav_ar { display:block; float:left; height:48px; font-size: 16px; color:#000; text-align: center; padding: 23px 0px 0 0px; }

.raitblock { background: #fff; width: 125px;height: 80px; padding:0 0px 0 0;float: right; text-align: center;font-size: 11px;}
.raitblock2 { background: #fff; width: 86px;height: 60px; padding:0 0px 0 0;float:right; text-align: center;font-size: 11px;}
.raitblock2 div { margin:0 0 3px 0;}
.raitblock3 { background: #fff; width: 86px;height: 30px; margin: 17px 0 0 0; padding:0px 0 0 0;float:left; text-align: center;font-size: 11px;}
.raitblock3 div { margin:0 0 3px 0;}
.raitlist {background: #ebf3dc; width: 50px;height: 25px; padding:0 0px 0 0;float: right; text-align: center; color:#000;}
.powerblock {background: #fff; width: 125px;height: 70px; padding:0 0px 0 0;float: right; text-align: center;font-size: 11px;}
.powerblock .power {background: #bbd3fa; width: 50px;height: 25px; margin:6px 35px 0 0;float: right; text-align: center; color:#0e4fbb;font-size: 12px;line-height: 25px;}
.powerlist {background: #bbd3fa; width: 50px;height: 25px; margin:0 20px 0 0;float: right; text-align: center; color:#0e4fbb;font: 12px;line-height: 25px;}
.rait {border: 0px solid #000;}
.rait span.user-vote, .rait span.topic-vote, .rait span.blog-vote {width: 90px;height: 25px;float: right;}
.rait span.user-vote a, .rait span.topic-vote a, .rait span.blog-vote a {background-image: url(../images/jc_vote_arrow.gif);background-repeat: no-repeat;width: 18px;height: 25px;float: right;margin: 0 0px 0 0;display: block; text-decoration: none;}
.rait span.user-vote .busy, .rait span.topic-vote .busy {margin: 0;float: right;}
.rait a.vote-good {background-position: -36px 0;}
.rait a.vote-good-none {background-position: -54px 0;}
.rait a.vote-poor {background-position: 0px 0;}
.rait a.vote-poor-none {background-position: -18px 0;}
.rait span.vote-good, span.vote-poor, span.vote-none {background: #ebf3dc;width: 50px;height:25px;margin: 0;float: right;font-size: 12px;line-height: 25px;text-align:center;}
.rait span.vote-good {color: #339900;}
.rait span.vote-poor {color: #CC0000;}
.rait span.vote-none {color: #000;}


.blogedit .inputbox { width: 100%; }
.blogedit .text_area { width: 99%; }
.blogedit .form_note { font-size: 11px; }

.blocktable h3{
/*	background: #EAECDE;*/
	padding: 5px 0px 5px 15px;
	color: #99CC33;
	text-align: left;
	margin:0px;
}
.mytopic { background: #f8fde9; border: 1px solid #f4f4f4; border-top: 1px solid #dadada; border-bottom: 1px solid #cecece; padding:0 2px; margin: 0 0 20px; 0 }
.mytopic .item { color: #359927; padding: 3px 0px 5px 0px; margin: 0 10px 0 10px; text-align: left; }
.mytopic .item a { color: #0c60a6; font-size: 11px; }
.mytopic .item .user { background: url(../images/user.gif) no-repeat left; font-size: 12px; font-weight: bold; padding: 0 0 0 15px; }
.mytopic .item .green { color: #90ac57; font-size: 11px; }
.mytopic .comment { padding: 3px 0px 0px 0px; margin: 7px 0px 0px 5px; text-align: center; text-decoration: none; line-height: 25px; color: #939393; font-size: 12px; }
.mytopic .comment a { background: url(../images/comment.gif) no-repeat 0 2px;padding: 0px 0px 0px 17px; color: #939393; font-size: 12px; }
.mytopic .alllink { text-align:right; width:95%;  }
.mytopic .line { border-bottom: 1px solid #cfe4ac; clear: both; }

.blogtableinfo { clear:left; width:100%;border: 1px solid #f4f4f4; border-top: 1px solid #dadada; border-bottom: 2px solid #cecece; padding: 2px; margin-bottom: 10px; }
.blogtableinfo table { width:100%; }
.blogtableinfo .header{ background: #f6f6f6; border: 1px solid #ececec; border-bottom: 1px solid #545454; height: 20px; font-size: 16px; font-weight:normal; text-align: left; }
.blogtableinfo .header .head { float: left; width: 50%;}
.blogtableinfo .header .headlink { float: right; text-align: right; padding: 0 5px 0 0; font-size: 16px; }
.blogtableinfo .header a { font-size: 12px; font-weight:normal; }
.blogtableinfo .textleft { background: #fff; border: 1px solid #ececec; border-bottom: 1px solid #545454; padding: 8px 5px 0px 5px; }
.blogtableinfo .textleft a { color: #0c60a6; font-size: 12px; }
.blogtableinfo .item_l { float: left; width: 75%; color: #359927; font-size: 18px; padding: 0px 0px 5px 0px; margin: 0 0 3px 0; }
.blogtableinfo .item_l a { font-size: 18px; }
.blogtableinfo .item_r { float: left; width: 25%; color: #359927; padding: 0px 0px 5px 0px; margin: 0 0 3px 0; text-align:right; }
.blogtableinfo .item_r span { background: #ebf3dc; color: #359927; padding: 3px 10px 3px 10px; margin: 0 0 5px 0; }
.blogtableinfo .alllink { text-align:right; }
.blogtableinfo .alllink a { color: #000; font-size: 12px; margin: 0 5px 0 0; }
.blogtableinfo .textleft .item { float: left; width: 50%; color: #359927; font-weight: bold; padding: 0px 0px 5px 0px; }
.blogtableinfo .textleft .item2 { float: left; width: 33%; color: #359927; font-weight: bold; padding: 0px 0px 5px 0px; }
.blogtableinfo .textleft .item2 a { color: #4a8cbe; font-size: 12px; }
.blogtableinfo .textright { background: #f8fde9; border: 1px solid #ececec; border-bottom: 1px solid #545454; padding: 0px 5px 0px 5px; }
.blogtableinfo .textright a { color: #0c60a6; font-size: 12px; }
.blogtableinfo .textright .item { border: 0px solid #000; float: left; width: 74%; color: #359927; padding: 3px 0px 5px 5px; }
.blogtableinfo .textright .item a.green { color: #90ac57; }
.blogtableinfo .textright .item .user { background: url(../images/user.gif) no-repeat left; font-size: 12px; font-weight: bold; padding: 0 0 0 15px; }
.blogtableinfo .textright .item2 { float: left; width: 80%; color: #359927; padding: 1px 0px 1px 5px; }
.blogtableinfo .textright .item2 a { color: #0c60a6; font-size: 12px; }
.blogtableinfo .textright .item2 a.green { color: #90ac57; font-size: 12px; }
.blogtableinfo .textright .comm { background: url(../images/comment.gif) no-repeat center left;float: right; width: 45px; text-align: left; color: #9fa19c; padding: 0px 0px 5px 15px; }
.blogtableinfo .textright .comm2 { float: right; width: 75px; text-align: center; color: #9fa19c; padding: 1px 0px 1px 0px; }
.blogtableinfo .textright .both { border-bottom: 1px solid #cfe4ac; clear: both; }

.blogtablelist { clear: left;border: 0px solid #f4f4f4; border-top: 0px solid #dadada; border-bottom: 0px solid #cecece; padding: 0px; margin: 0 0 10px 0px; width:100%; }
.blogtablelist .header { background: #f6f6f6; border: 1px solid #ececec; border-bottom: 1px solid #545454; height: 20px; font-size: 16px; text-align: left; }
.blogtablelist .header2 { background: #f6f6f6; border: 1px solid #ececec; border-bottom: 1px solid #545454; height: 20px; font-size: 16px; text-align: center; }
.blogtablelist .tr0 { background: #fff; border-bottom: 1px solid #b2b2b2; }
.blogtablelist .tr1 { background: #f8f8f8; border-bottom: 1px solid #b2b2b2; }
.blogtablelist .line { height:1px; }
.blogtablelist .item { padding: 5px 5px 10px 5px; }
.blogtablelist .item a { color: #0c60a6; font-size: 12px; }
.blogtablelist .item p { color: #000; font-size: 12px; line-height: 15px; margin:0px; }
.blogtablelist .catitem { padding: 5px 5px 5px 5px; }
.blogtablelist .catitem p { padding: 0px; margin: 0px; }
.blogtablelist .catinfo { padding: 20px 20px; }
.blogtablelist .blockinfo { background: #edf5e0; float: right; width: 200px; }
.blogtablelist .blockinfo2 { border-bottom:0px solid #939393; height:40px; width: 250px; }
.blogtablelist .avatar { float: left; width: 30px; color: #000; padding: 6px 0px 0 5px; height: 30px; font-size: 11px; }
.blogtablelist .user { float: left; padding: 10px 0px 2px 5px; }
.blogtablelist .user2 { float: left; padding: 0px 0px 0px 0px; }
.blogtablelist .rait { float: left; width: 80px;height: 25px; }
.blogtablelist .rait2 { float: right; width: 80px;height: 25px; margin: 7px 0px; }
.blogtablelist .userpref { float: left; color: #000; margin: 0 0 0 10px; line-height: 25px; font-size: 11px; }
.blogtablelist .username { background: url(../images/user.gif) no-repeat left; float: left; color: #000; padding: 0 0 0 15px; margin: 0 0 0 10px; line-height: 25px; font-size: 11px; }
.blogtablelist .username a { color: #0c60a6; font-size: 11px; font-weight: bold; padding: 0 0 0 0px; }
.blogtablelist .date { float: left; color: #000; padding: 0 0 0 20px; margin: 0 0 0 5px; line-height: 25px; font-size: 11px; }
.blogtablelist .title {  padding: 15px 5px 0px 5px; line-height: 25px; font-size: 25px; text-align:left; }
.blogtablelist .title a { color: #0c60a6; font-size: 20px; }
.blogtablelist .cattitle { float: left; line-height: 26px; font-size: 20px; }
.blogtablelist .cattitle a { color: #0c60a6; font-size: 20px; }
.blogtablelist .cattitleblocks { display:block; }
.blogtablelist .cattitleblock { float:left; width:24%; text-align:center; line-height: 26px; font-size: 20px; margin:0 0 10px 0; }
.blogtablelist .cattitleblock a { color: #0c60a6; font-size: 20px; }
.blogtablelist .cattitleblock a.linkimg { text-decoration:none; }
.blogtablelist .both { border-bottom: 0px solid #cfe4ac; clear: both; }
.blogtablelist .img { border: 1px solid #939393; margin: 10px 20px 5px 0px; padding: 3px;}
.blogtablelist .line { overflow:hidden; }
.blogtablelist .intro { margin: 0px 0px 5px 0px;}
.blogtablelist div.info { float: left; margin: 10px 0px 5px 0px; }
.blogtablelist .more { float: left;	padding: 10px 0px 10px 0px; color: #939393; font-size: 12px; height: 31px; }
.blogtablelist .more a { color: #0c60a6; font-size: 14px; }
.blogtablelist .comment {  float: left; margin: 7px 0px 0px 15px; padding: 3px 0px 0px 0px; width: 20px; height: 25px; }
.blogtablelist .comment a { background: url(../images/comment.gif) no-repeat center left; padding: 3px 0px 0px 20px; margin:5px 0 0 0; text-align: center; width: 20px; height: 20px; line-height: 25px; color: #939393; font-size: 12px; }
a.nocom { text-decoration:none; }
.blogtablelist .countcomment { color: #000; font-size: 14px; }
.blogtablelist .tags { background: url(../images/clouthm_bg.gif) no-repeat left; float: left; padding: 0 0 0 20px; }
.blogtablelist .tags a { color: #939393; font-size: 12px; }

.separatelist { background: url(../images/footer_bg.gif) no-repeat top left; clear: left; width: 100%; height: 20px; }

.editblocklink { height: 25px; }
.editlink { float:left; background: url(../images/edit.gif) no-repeat left; margin: 0 0 0 10px; padding: 0 0 0 15px;}
.joinleave { float: left; margin: 0 0 0 10px; }
.joinleave .join-good { padding: 0 0 0 15px; background: url(../images/join.gif) no-repeat 0 1px; }
.joinleave .join-none { padding: 0 0 0 15px; background: url(../images/join.gif) no-repeat 0 -16px; }

.topic_images { border: 0px solid #000; position:relative; min-height:330px; margin: 0 0 20px 0; }
.topic_thumbs { float: left; width: 100px; padding: 5px 0 0 0; position:absolute; left:-95; top:0;z-index:9;/**/ }
.topic_timage {  border: 0px solid #000; width: 100px; height: 53px; margin: 5px 0 5px 5px;}
.topic_timage:hover { background: url(../images/bg_topic_thumb.gif) no-repeat left top;}
.topic_timage_active { background: url(../images/bg_topic_thumb.gif) no-repeat left top;}
.topic_timage a {  margin: 0px; }
.topic_timage img {  border: 1px solid #fff; margin: 3px; }
.topic_image { padding: 0px; border: 0px solid #939393; margin: 0 0 0 95px; position:relative; left:-20; }
.topic_bimage { border: 1px solid #939393; padding: 8px; float: left; }
.topic_bimage img { border: 0px solid #939393; padding: 0px; }
.autoheading { border: 0px solid #939393; display:block; height:35px; width:100%; margin: 10px 0 20px 0; }
.autoheading .mark { float:left; margin: 0 20px 0 0; }
.autoheading .mark a { color: #125d96; font-size: 30px; line-height:30px; }
.autoheading .starrating_bal { float:left; font-size: 30px; line-height:30px; margin: 0 0 0 20px; }

/*
.blogtablelist { border: 0px solid #f4f4f4; border-top: 0px solid #dadada; border-bottom: 0px solid #cecece; padding: 0px; margin-bottom: 10px; }
.blogtablelist .header { background: #f6f6f6; border: 1px solid #ececec; border-bottom: 1px solid #545454; height: 20px; font-size: 16px; text-align: left; }
.blogtablelist .tr0 { background: #fff; border: 1px solid #ececec; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; }
.blogtablelist .tr1 { background: #f6f6f6; border: 1px solid #ececec; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; }
.blogtablelist .line { height:1px; }
.blogtablelist .item { padding: 5px 5px 5px 5px; }
.blogtablelist .item a { color: #0c60a6; font-size: 12px; text-decoration: underline; }
.blogtablelist .item p { font-size: 11px; line-height: 15px; margin:0px; }
.blogtablelist .info { 	width: 260px; padding: 5px 5px 5px 5px; }
.blogtablelist .blockinfo { background: #edf5e0; float: right; width: 200px; }
.blogtablelist .blockinfo .user { }
.blogtablelist .avatar { float: left; width: 30px; color: #000; padding: 6px 0px 0 5px; height: 30px; font-size: 11px; }
.blogtablelist .user { float: left; width: 105px; color: #000; padding: 0 0 0 5px; line-height: 18px; font-size: 11px; }
.blogtablelist .user a { color: #0c60a6; font-size: 11px; font-weight: bold; text-decoration: underline; }
.blogtablelist .rait { float: right; width: 70px; height: 36px; }
.blogtablelist .both { border-bottom: 1px solid #cfe4ac; clear: both; }
.blogtablelist .tags { float: left; padding: 0 0 0 20px; }
.blogtablelist .tags a { color: #939393; font-size: 12px; text-decoration: underline; }
.blogtablelist .countcomment { color: #000; font-size: 22px; }
.editbloglink { background: url(../images/edit.gif) no-repeat left; margin: 0 0 10px 0; padding: 0 0 0 15px;}
*/

.cloudtablelist { padding: 0px; margin: 0 0 10px 0px; width:100%; }
.cloudtablelist p { text-align: center; }

.messagelist #listpost { padding: 0px; margin: 20px 0 0 0;}
.messagelist .avatar { padding: 0 10px 0 5px; margin: 0px;}
.messagelist #listpost .user { color:#0962a6;}
.messagelist #listpost .post0 { border-bottom: 1px solid #ccc; background: #fff; padding: 5px 5px 10px 5px;; margin: 0 0 0px 0;}
.messagelist #listpost .post0 td { padding: 5px 5px 10px 5px;}
.messagelist #listpost .post1 { border-bottom: 1px solid #ccc; background: #f6f6f6; padding: 5px 5px 10px 5px;; margin: 0 0 0px 0;}
.messagelist #listpost .post1 td { padding: 5px 5px 10px 5px;}
.messagelist #listpost #post1 .user { color: #0c60a6; font-weight: bold; padding: 0px; margin: 0 0 0px 0;}
.messagelist #listpost #post2 .user { color: #54a60c; font-weight: bold; padding: 0px; margin: 0 0 0px 0;}
.messagelist #listpost span { font-size: 11px; }
.messagelist #listpost span a { font-size: 11px; color: #fff; font-weight: bold; }
.messagelist .new_mail { background: #FF5E07; color: #fff; padding: 1px 5px; }

.userlist { display: block; }
.usercount { color: #000; font-size: 20px; margin: 0 0 0px 20px; padding: 2px 10px; height:20px; background: #e6e499;}
.userlist .userblock { position:relative; display: block; border-bottom: 1px solid #dcdcdc; width: 100%; height: 55px; padding: 10px 0; }
.userlist .userblock .avatar {display: block; float: left; margin: 0 5px;padding: auto 0;width: 50px; height: 50px;position:relative; }
.userlist .userblock .avatar img {width: 50px; height: 50px; }
.userlist .userblock .info { float: left;margin: 0px;padding: 0px; height: 50px; }
.userlist .userblock .info a { color:#0a61a4; font-size:20px; }
.userlist .userblock .info .city { color:#000; font-size:11px; font-weight: bold; }
.userlist .userblock .info .auto { color:#000; font-size:11px; text-decoration: underline; line-height: 13px;}
.userlist .userblock .rait { float: right;margin: 0px;padding: 0px; padding: 15px 0 0 0; }
.userlist .userheaderblock { display: block; border-bottom: 1px solid #dcdcdc; width: 100%; height: 15px; padding: 0 0 5px 0; }
.userlist .userheaderblock .avatar {display: block; float: left; margin: 0 5px;padding: auto 0;width: 50px; height: 15px;position:relative; }
.userlist .userheaderblock .info { float: left;margin: 0px;padding: 0px; height: 15px;font-weight:bold; font-size: 14px; }
.userlist .userheaderblock .hrate { border:0px solid #000;float: right;font-weight:bold;font-size: 14px; margin: 0 5px 0 0;padding: 0px; width: 50px;height: 15px; text-align: center; }
.userlist .userheaderblock .hpower { border:0px solid #000;float: right;font-weight:bold;font-size: 14px; margin: 0 15px 0 0;padding: 0px; width: 50px;height: 15px; text-align: center; }

.userview .userblock { display: block; border-bottom: 1px solid #dcdcdc; height: 100px; padding: 10px 0; }
.userview .userblock .avatar {border: 1px solid #cccccc; display: block; float: left;margin: 0 15px 0 5px;padding: auto 0px;width: 100px; height: 100px; text-align: center; vertical-align: middle; }
.userview .userblock .info { float: left;margin: 0px;padding: 0px; height: 50px; }
.userview .userblock .info .user { color:#000; font-size:22px; }
.userview .userblock .info .user a { background: #bbd3fa; color:#000; font-size:14px; margin: 0 5px; padding: 5px;}
.userview .userblock .info .name { color:#000; font-size:18px; line-height: 27px; }
.userview .userblock .info .city { color:#000; font-size:11px; font-weight: bold; }
.userview .userblock .info .autopref { color:#000; font-size:14px; font-weight: bold; padding: 0 0 0 0px; height: 27px; line-height: 27px; }
.userview .userblock .info .auto { border: 0px solid #cccccc; color:#000; font-size:23px; font-weight: bold; padding: 0 0 0 45px; height: 27px; line-height: 27px; }
.userview .userblock .info .age { color:#000; font-size:12px; line-height: 13px;}
.userview .userblock .info .mail a { background: #bbd3fa; color:#000; font-size:12px; margin: 0 0 0 10px; padding: 5px;}
.userview .userblock .rait { float: right;margin: 0px; margin: 7px 5px 5px 5px; width: 95px; padding: 0 15px 0 0; }
.userview .userblock .desc { color:#000; clear: both; }
.userview .usertab .act tr { border-bottom: 1px solid #ccc; }
.userview .usertab .act td { padding: 0 0 5px 0; }
ul#mainlevel-user, ul#mainlevel-user li{ display: inline; list-style: none; margin: 0; padding: 0; }
ul#mainlevel-user{ display: block; height: 46px; padding: 0 12px 0 0; text-align: left; }
ul#mainlevel-user li a{ display: inline; font-size: 16px; line-height: 46px; margin: 0 5px; text-decoration: underline; position: relative; color: #0962a6; }
ul#mainlevel-user li a span{ color: #0962a6; }
ul#mainlevel-user li a:hover{ text-decoration: none; }
/*ul#mainlevel-user li a:hover{ background: url(../images/topmenu_ar_a.gif) no-repeat center bottom; text-decoration: underline; margin: 0 10px; padding: 0 0 9px 0; }
ul#mainlevel-user li a:hover span{ background: #2f86c9; color: #fff; text-decoration: underline; padding: 0 8px 4px 8px; }*/
ul#mainlevel-user li a#active_menu-user{ font-size: 20px; background: url(../images/topmenu_ar_a.gif) no-repeat center bottom; text-decoration: underline; margin: 0 10px; padding: 0 0 9px 0; }
ul#mainlevel-user li a#active_menu-user span{ background: #2f86c9; color: #fff; text-decoration: underline; padding: 0 8px 4px 8px; }

.contact_td { text-align: center; }
.contact_form { width: 420px; margin: 0px auto; background: #f6f6f6; padding: 10px 20px; color: #3d3d3d; font-size: 16px; border: 1px solid #e8e8e8; border-bottom: 1px solid #acacac; text-align: left; }
.contact_form .inputbox { width: 400px; }
.contact_form .buttons { width: 100%; text-align: center; }
.contact_form .buttons .button { width: 150px; height: 36px; border: 0px; background: url(../images/button_c.gif) no-repeat left; color: #5776a2; font-size: 16px; cursor: pointer; margin: 0 auto; }

.regester_td { text-align: center; }
.regester_form { width: 420px; margin: 0px auto; background: #f6f6f6; padding: 10px 20px; color: #3d3d3d; font-size: 16px; border: 1px solid #e8e8e8; border-bottom: 1px solid #acacac; text-align: left; }
.regester_form .inputbox { width: 400px; }
.regester_form .buttons { width: 100%; text-align: center; }
.regester_form .buttons .button { width: 150px; height: 36px; border: 0px; background: url(../images/button_c.gif) no-repeat left; color: #5776a2; font-size: 16px; cursor: pointer; margin: 0 auto; }

.forms { border: 0px solid #000; width: 100%; margin: 0px 0; padding: 10px 0px; color: #3d3d3d; font-size: 14px; text-align: left; }
.forms .form { width: 500px; }
.forms .inputbox { width: 480px; }
.forms .buttons { width: 100%; text-align: left; }
.forms .buttons .button { color: #000; font-size: 12px; cursor: pointer; padding: 1px 10px; margin:2px; }
.forms .buttons button { color: #000; font-size: 12px; cursor: pointer; padding: 1px 10px; margin:2px; }

.firmtablelist { clear: left; padding: 0px; margin-bottom: 10px; }
.firmtablelist .header { background: #f6f6f6; border: 1px solid #ececec; border-bottom: 1px solid #545454; height: 20px; font-size: 16px; text-align: left; }
.firmtablelist .tr0 { background: #fff; border: 0px solid #ececec; border-bottom: 1px solid #b2b2b2; padding: 15px 10px 20px 10px;}
.firmtablelist .tr1 { background: #fafafa; border: 0px solid #ececec; border-bottom: 1px solid #b2b2b2; }
.firmtablelist .title {  padding: 15px 5px 0px 5px; line-height: 25px; font-size: 25px; text-align:left; }
.firmtablelist .title a { color: #0c60a6; font-size: 20px; }
.firmtablelist .image { padding: 15px 10px 20px 10px; }
.firmtablelist .image div { border: 1px solid #dadada; }
.firmtablelist .image img { border: 5px solid #fff; }
.firmtablelist .img { border: 1px solid #939393; margin: 10px 20px 5px 0px; padding: 3px;}
.firmtablelist .item { padding: 15px 10px 20px 10px; }
.firmtablelist .rait { width: 76px; height: 26px; float: left; }
.firmtablelist .item .title { float: left; text-indent:80px; }
.firmtablelist .item .title a { color: #0c60a6; font-size: 20px; height: 27px; line-height: 27px; padding:0 0px 0 10px; text-align: left;}
.firmtablelist .item .desc {  clear: both; padding: 10px 0 0 0; margin: 0 0 20px 0; font-size: 12px;}
.firmtablelist .item a { font-size: 12px; }
.firmtablelist .item p { font-size: 12px; line-height: 15px; margin:0px; color:#000; }
.firmtablelist .url { clear:both; }
.firmtablelist .url { float:left; }
.firmtablelist .url a { color:#0962a6; }
.firmtablelist .comment { float:right; }
.firmtablelist .comment a {  color: #0c60a6; font-size: 14px; }
.firmtablelist .tags { float: left; padding: 0 0 0 20px; }
.firmtablelist .tags a { color: #939393; font-size: 12px; }
.firmtablelist .countcomment { color: #000; font-size: 22px; }

.additem { height: 32px; width:400px; }
.additem a { color: #fff; text-decoration:none; font-size: 14px; text-indent:30px; padding: 0 0 0 0px; display:block; width: 180px; height: 32px; }
.additem div { float:left; border:0px solid #000; margin: 0 10px 0px 0px; width: 180px; line-height: 32px; height: 32px; }
.additem .addcat { background: url(../images/addcat.gif) no-repeat top left; }
.additem .addtopic { background: url(../images/addtopic.gif) no-repeat top left; }

.block { background: #fdfefe; line-height: 16px; width: 280px; margin: 0 0 20px 0;}
.block h1 { font-family: Tahoma, Verdana, Sans-Serif; font-size: 20px; color: #333; padding-bottom: 0px; margin-bottom: 0; }

.block .right { text-align: right; padding-top: 10px; font-size: 11px; }

.block .tl { height: 19px; background: url(../images/sidebar-tl.gif) no-repeat top left; }
.block .tr { height: 19px; background: url(../images/sidebar-tr.gif) no-repeat top right; }
.block .bl { height: 19px; background: url(../images/sidebar-bl.gif) no-repeat bottom left; }
.block .br { height: 19px; background: url(../images/sidebar-br.gif) no-repeat bottom right; }
.block .cl { background: url(../images/sidebar-cl.gif) repeat-y left; }
.block .cr { padding: 0px 25px; background: url(../images/sidebar-cr.gif) repeat-y right; }


/*
.tags .tl { height: 19px; background: url(../images/sidebar-tags-tl.gif) no-repeat top left; }
.tags .tr { height: 19px; background: url(../images/sidebar-tags-tr.gif) no-repeat top right; }
.tags .bl { height: 19px; background: url(../images/sidebar-tags-bl.gif) no-repeat bottom left; }
.tags .br { height: 19px; background: url(../images/sidebar-tags-br.gif) no-repeat bottom right; }
.tags .cl { background: url(../images/sidebar-tags-cl.gif) repeat-y left; }
.tags .cr { padding: 0px 25px; background: url(../images/sidebar-tags-cr.gif) repeat-y right; }
.block.tags { background: #f7f8f9; }
*/
.block.tags { background: #fff; }
.tags .cl { background: url(../images/xt_block_bg.gif) no-repeat left top; }
.tags .cr { margin: 6px 0 0 6px; padding: 15px; background: url(../images/xb_block_bg.gif) no-repeat right bottom; }
ul.cloud { text-align: center; margin: 0px; }
ul.cloud li { display: inline; margin-right: 5px; line-height: 22px; }
ul.cloud li a { color: #8b8b8b; text-decoration: none; font-size: 18px; }
ul.cloud li a:hover { background: #fff; color: #2881c4; text-decoration:underline; }
ul.cloud li a.w1 { font-size: 11px; }
ul.cloud li a.w2 { font-size: 12px; }
ul.cloud li a.w3 { font-size: 14px; }
ul.cloud li a.w4 { font-size: 16px; }
ul.cloud li a.w5 { font-size: 18px; }
ul.cloud li a.w6 { font-size: 20px; }
ul.cloud li a.w7 { font-size: 22px; }
ul.cloud li a.w8 { font-size: 24px; }
ul.cloud li a.w9 { font-size: 26px; }
ul.cloud li a.w10 { font-size: 28px; }

#iframe {border: 0px solid #000;height: 40px;width: 500px;}
iframe {border: 0px solid #000;height: 40px;width: 500px;}
iframe.hidden {visibility: hidden;width:0px;height:0px;}
#main_upload {border: 0px solid #000;overflow: hidden;margin: auto;width: 100%;background: #fff;}
#images_upload {border: 0px solid #00ff00;width: 510;margin: 0px;}
#images_upload div {border: 0px solid #00ff00;margin: 0px;width: 100px;height: 130px;float: left; margin:5px; text-align:center; overflow: hidden;}
#images_upload div:hover {border: 0px solid #D8F18C;}
#images_upload img.load { margin-top:20px;}
#images_upload p { height:100px;line-height:100px;border: 0px solid #00ff00;}

.autocomplete-w1 { background:url(img/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

#markItUptopic_text { border:1px solid #3C769D; }
.markItUp * { margin:0px; padding:0px; outline:none; }
.markItUp a:link, .markItUp a:visited { color:#000; text-decoration:none; }
.markItUp  { width:100%; margin:5px 0 5px 0; border:0px solid #F5F5F5; }
.markItUpContainer { padding:0px; }
.markItUpEditor { padding:5px 5px 5px 5px; height:300px; line-height:18px; overflow:auto; }
.markItUpPreviewFrame { overflow:auto; background-color:#FFFFFF; border:0px solid #3C769D; width:100%; height:300px; margin:5px 0; }
iframe.markItUpPreviewFrame { border:1px solid #000; }
.markItUpFooter { width:100%; cursor:n-resize; }
.markItUpResizeHandle {  border:1px solid #3C769D;overflow:hidden; width:22px; height:5px; margin: 0 auto; cursor:n-resize; }
/***************************************************************************************/
/* first row of buttons */
.markItUpHeader { height: 30px; }
.markItUpHeader ul { background:#F0F0EE; height: 20px; padding: 5px; }
.markItUpHeader ul li { height: 20px; list-style:none; float:left; position:relative; }
.markItUpHeader ul li ul { display:none; }
.markItUpHeader ul li:hover > ul { display:block; }
.markItUpHeader ul .markItUpDropMenu { margin-right:5px; }
.markItUpHeader ul .markItUpDropMenu li { margin-right:0px; }
.markItUpHeader ul .markItUpSeparator { margin:0 10px; width:1px; height:16px; overflow:hidden; background-color:#000; }
.markItUpHeader ul ul .markItUpSeparator { width:auto; height:1px; margin:0px; }
/* next rows of buttons */
.markItUpHeader ul ul { display:none; position:absolute; top:18px; left:0px; background:#F5F5F5; border:1px solid #3C769D; height:inherit; }
.markItUpHeader ul ul li { float:none; border-bottom:1px solid #3C769D; }
.markItUpHeader ul ul .markItUpDropMenu { background:#F5F5F5 url(images/submenu.png) no-repeat 100% 50%; }
/* next rows of buttons */
.markItUpHeader ul ul ul { position:absolute; top:-1px; left:150px; }
.markItUpHeader ul ul ul li { float:none; }
.markItUpHeader ul a { display:block; width:16px; height:16px; text-indent:-10000px; background-repeat:no-repeat; padding:3px; margin:0px; }
.markItUpHeader ul ul a { display:block; padding-left:0px; text-indent:0; width:120px; padding:5px 5px 5px 25px; background-position:2px 50%; }
.markItUpHeader ul ul a:hover { color:#FFF; background-color:#3C769D; }
/***************************************************************************************/
.markItUp .markItUpButton1 a { background-image:url(../images/bb/bold.png); }
.markItUp .markItUpButton2 a { background-image:url(../images/bb/italic.png); }
.markItUp .markItUpButton3 a { background-image:url(../images/bb/u.png); }
.markItUp .markItUpButton4 a { background-image:url(../images/bb/stroke.png); }
.markItUp .markItUpButton5 a { background-image:url(../images/bb/justifyleft.gif); }
.markItUp .markItUpButton6 a { background-image:url(../images/bb/justifycenter.gif); }
.markItUp .markItUpButton7 a { background-image:url(../images/bb/justifyright.gif); }
.markItUp .markItUpButton8 a { background-image:url(../images/bb/list-bullet.png); }
.markItUp .markItUpButton9 a { background-image:url(../images/bb/list-numeric.png); }
.markItUp .markItUpButton10 a { background-image:url(../images/bb/list-item.png); }
.markItUp .markItUpButton11 a { background-image:url(../images/bb/link.png); }
/*.markItUp .markItUpButton1 a { background-image:url(../images/bb/h1.png); }
.markItUp .markItUpButton2 a { background-image:url(../images/bb/h2.png); }
.markItUp .markItUpButton3 a { background-image:url(../images/bb/h3.png); }
.markItUp .markItUpButton4 a { background-image:url(../images/bb/h4.png); }
.markItUp .markItUpButton5 a { background-image:url(../images/bb/h5.png); }
.markItUp .markItUpButton6 a { background-image:url(../images/bb/h6.png); }
.markItUp .markItUpButton4 a { background-image:url(../images/bb/paragraph.png); }*/
/*.markItUp .markItUpButton14 a { background-image:url(../images/bb/picture.png); }
.markItUp .markItUpButton8 a { background-image:url(../images/bb/colors.png); }*/
.markItUp .clean a { background-image:url(../images/bb/cut.gif); }
.markItUp .preview a { background-image:url(../images/bb/preview.png); }


input.dp-applied { width: 65px; display: block; float: left; }
a.dp-choose-date { float: left; width: 16px; height: 16px; padding: 0; margin: 1px 3px 0 3px; display: block; text-indent: -2000px; overflow: hidden; background: url(../images/calendar.png) no-repeat top left; }
a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; }



table.jCalendar { border: 1px solid #89B72D; background: #89B72D; border-collapse: separate; border-spacing: 1px; }
table.jCalendar th { background: #9FC941; color: #fff; font-weight: bold; padding: 3px 7px; }
table.jCalendar td { background: #F6F6F6; color: #000; padding: 1px 7px; text-align: center; }
table.jCalendar td.other-month { background: #F8FDE9; color: #aaa; }
table.jCalendar td.today { background: #2F86C9; color: #fff; }
table.jCalendar td.selected { background: #FFB326; color: #fff; }
table.jCalendar td.selected.dp-hover { background: #FFA100; color: #fff; }
table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td { background: #9BCDF2; color: #000; }
table.jCalendar tr.selectedWeek td { background: #D35D5D; color: #fff; }
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { background: #E5E5E5; color: #888; }
table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover { background: #bbb; color: #888; }

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup { position: relative; background: #A0C7E6; font-size: 10px; font-family: arial, sans-serif; padding: 2px; line-height: 1.2em; }
div#dp-popup { position: absolute; z-index: 199; }
div.dp-popup h2 { font-size: 12px; text-align: center; margin: 2px 0; padding: 0; }
a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; }
a#dp-close:hover { text-decoration: underline; }
div.dp-popup a { color: #000; text-decoration: none; padding: 3px 2px 0; }
div.dp-popup div.dp-nav-prev { position: absolute; top: 2px; left: 4px; width: 100px; }
div.dp-popup div.dp-nav-prev a { float: left; }
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; }
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; }
div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px; }
div.dp-popup div.dp-nav-next a { float: right; }
div.dp-popup a.disabled { cursor: default; color: #aaa; }
div.dp-popup td { cursor: pointer; }
div.dp-popup td.disabled { cursor: default; }



.starrating {
	display:block;
	border:0px solid #999;
	width:350px;
	height:180px;
	font-size:16px;
	font-weight: bold;
	text-decoration: underline;
}
.starrating_l {
	float:left;
	line-height:30px;
	height:30px;
	width:200px;
}
.starrating_r {
	float:left;
	line-height:30px;
	height:30px;
	width:150px;
}
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	width:150px;
	position: relative;
	background: url('../images/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a:hover{
	background: url('../images/starrating.gif') left center;
	z-index: 2;
	left: 0px;
}

.unit-rating li.current-rating {
	background: url('../images/starrating.gif') left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

.collapse { background: #f6f6f6; padding: 10px; overflow: hidden; display: none; color:#fff; }
.collapse p { font-size: 12px; color:#000; }
#box { padding: 0px; height: auto; }
#box-outer { height: auto; overflow: hidden }
.hidden { display: none; }
.demo { position: relative; }
.expandhead a { background:url(../images/header_slide.gif) no-repeat 100% 10px; padding: 0px 25px 0px 0; }
#switch { background: #fff; color: #fff; margin-bottom: 5px; }
#switch a { background:url(../images/expcol.gif) bottom left no-repeat; text-align: center; color: #fff; display: block;width:170px;line-height:25px; text-decoration:none; font-weight: bold; margin:0 auto; }
#switch a span { color: #fff; }
#outer { }

.farbtastic { position: relative; }
.farbtastic * { position: absolute; cursor: crosshair; }
.farbtastic, .farbtastic .wheel { idth: 195px; height: 195px; }
.farbtastic .color, .farbtastic .overlay { top: 47px; left: 47px; width: 101px; height: 101px; }
.farbtastic .wheel { background: url(../images/wheel.png) no-repeat; width: 195px; height: 195px; }
.farbtastic .overlay { background: url(../images/mask.png) no-repeat; }
.farbtastic .marker { width: 17px; height: 17px; margin: -8px 0 0 -8px; overflow: hidden; background: url(../images/marker.png) no-repeat; }

#colorPlugin, #linkPlugin { position:absolute; top:40%; left:50%; background:#FFF; border:0px solid #EFEFEF; outline::1px solid #3C769D; width:300px;  font:12px "Trebuchet MS", Tahoma, sans-serif; zindex:10; display:none; }
#linkPlugin { top:40%; left:40%; }
.colortoolbar { position:relative; }
.colortoolbar .close, .colortoolbar .handle {
text-indent:-1000px;
overflow:hidden;
width:16px; height:16px;
display:block;
position:absolute;
top:5px; 
}
.colortoolbar .close { background:transparent url(../images/close.png) no-repeat top left; right:5px; }
.colortoolbar .handle { background:transparent url(../images/move.png) no-repeat top left; right:25px; cursor:move; }
.module *{ margin:0px; padding:2px; }
.module a:link, .module a:hover, .module a:visited, .module a:active { color:#3C769D; text-decoration:none; }
.module { border:1px solid #3C769D; border-top:none; overflow:auto; }
.module h3 {
background:#FFF url(../images/bg-container.png) repeat-x top left;
border-top:1px solid #3C769D;
border-bottom:1px solid #3C769D;
font-size:14px;
color:#000;
line-height:18px;
font-weight: bold;
cursor:move;
}
.module img { border:1px solid #3C769D; padding:3px; }
.colorwell { border: 2px solid #fff; width: 6em; text-align: center; cursor: pointer; }
.colorwell-selected { border: 2px solid #000; font-weight: bold; }
.resizebar {
border:1px solid #3C769D;
background:#FFF url(../images/bg-container.png) repeat-x top left;
padding:5px;
margin:5px;
width:150px;
text-align:center;
outline:5px solid #EFEFEF;
}
#divratesblock { clear:left; width:100%; }
#divrateslist { width:70%; height:150px; }
.ratestitle { width:60%; height:25px; float:left; }
.ratesvalue { width:5%; height:25px; float:left; }
.ratesvalue input { border:0; color:#f6931f; font-weight:bold; width:15px; line-height:20px; }
.ratesslider { width:35%; height:25px; float:left; }

.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(../ui/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #F0F0EE url(../ui/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d0d0d9; background: #e6e6e6 url(../ui/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(../ui/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(../ui/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }

.ui-slider { top:5px;position: relative; text-align: left; border: 1px solid #000; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .5em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }