@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; }
html,body{
	width: 100%; height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	color: #585858; 
}
html{ overflow-y: scroll; font-size: 11px; }
a{ outline: none; text-decoration: none; color: #dd8700; }
a img{ border: 0; float: left; }
a:hover{ text-decoration: underline; }

.clear{clear: both; }
.left{ float: left; }
.right{ float: right; }

.bold{ font-weight: bold; }
.uppercase{ text-transform: uppercase; }

.dark{ color: #2f2f2f; }
.orange{ color: #dd8700; }
.orangec{ color: #dd8700!important; }
.green{ color: #7fac00; }
.lightgray{ color: #818a91; }
.purplec{ color: #995f99; }
.purpleD{ color: #7a4279; }

.gray{ color: #585858!important; }

.line0{ line-height: 0px; font-size: 1px;}
.size10{ font-size: 10px; }

.line20{ line-height: 20px; }
 
.bgnone{ background: none!important; }
/* ===== HEAD ===== */
div.head{
	float: left; width: 965px; height: 104px;
	padding: 24px 0 0 0;
}
div.head a.logo{ float: left; }
/* ===== end HEAD ===== */

table.maintable{
	vertical-align: top;
}
table.maintable tr td.menu-left{
	background: url(../images/menu-left-repeat.jpg) top left repeat-x;
}
table.maintable tr td.menu-center{
	background: url(../images/menu-shadow.jpg) bottom left no-repeat;
}
table.maintable tr td.menu-right{
	background: url(../images/menu-right-repeat.jpg) top left repeat-x;
}
table.maintable{
	/*background: url(../images/footer-bg.jpg) bottom left repeat-x;*/
}
table.footer{
	background:  url(../images/footer-bg.jpg) left 14px repeat-x;
}
table.footer td.center{
	background: url(../images/footer-icon.jpg) top left no-repeat;
}
table.footer td.center a{
	display: inline-block; height: 25px;
	font-size: 10px; line-height: 25px;
	padding: 0 11px 0 9px; color: #5c265a;
	background: url(../images/footer-separator.jpg) right center no-repeat;
}
table.footer td.center a.created{
	padding-right: 50px;
	background: url(../images/mtsoft.jpg) right center no-repeat;
}
table.maintable tr td.container{
	padding: 20px 0 5px 0;
}


/* ===== MENU + LOGIN ===== */
div.mainmenu{
	float: left; width: 965px; height: 62px;
	overflow: hidden;
	background: url(../images/menu-right-repeat.jpg) top right repeat-x;
}
div.mainmenu ul{
	display: block; float: left; height: 39px;
	padding: 0 12px; width: 510px;
	list-style-type: none;
	background: url(../images/menu-left-repeat.jpg) top left repeat-x;
}
div.mainmenu ul li{
	display: block; float: left; height: 39px;
	padding: 0 0 0 2px;
	background: url(../images/menu-separator.jpg) top left no-repeat;
}
div.mainmenu ul li a{
	display: block; float: left; height: 39px;
	padding: 0 6px;
	font-size: 11px; line-height: 39px;
	color: #fff; text-transform: uppercase;
}
div.mainmenu ul li a:hover, div.mainmenu ul li a.current{
	text-decoration: none; color: #f7dc02;
}

div.login{
	float: right; height: 62px; overflow-y: hidden;
	position:relative; width: 418px;
	font-size: 10px;
}
div.login form{ display: block; float: left; }
div.login div.links{ 
	float: right; width: 125px; height: 57px; padding: 5px 0 0 0;
	background: url(../images/head-icon.jpg) bottom right no-repeat;
	overflow: hidden;
}
div.login div.links a{
	color: #7a4279; line-height: 15px; 
}
div.login span{
	display: block; float: left;
	margin-right: 5px;
	padding: 12px 0 0 0; height: 17px;  overflow-y: hidden;
	background: url(../images/input-small-search.jpg) left 12px no-repeat;
}
div.login span.search{
	margin-right: 10px;
}
* html div.login span{ margin-right: 3px!important; }
div.login span input{
	border: none; background: none;
	height: 13px; width: 95px; margin: 2px 0 0 0;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #656768; float: left;
}
div.login span.login input{
	width: 65px;
}
div.login span input.button-search{
	width: 23px;  height: 17px;  margin: 0 0 0 0;
	background: url(../images/button-small-search.jpg) top left no-repeat;
	text-indent: -9999px; cursor: pointer;
}
div.login span input.button-login{
	width: 23px; height: 17px;  margin: 0 0 0 0;
	background: url(../images/button-login.jpg) top left no-repeat;
	text-indent: -9999px; cursor: pointer;
}
div.logged-div{
	float: right; width: 280px; 
	padding: 5px 0 0 0;
	text-align: right;
}
/* ===== end MENU + LOGIN ===== */


/* ===== LEFT COLUMN ===== */
div.left-column{
	float: left; width: 315px;
	font-size: 11px;
	overflow-x:hidden;
}
/* New Box */
div.left-column div.new-box{
	float: left; width: 303px;
	padding: 0 6px 20px 6px;
}
div.left-column div.new-box h1{
	display: block; padding: 10px 0 5px 0;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #8f8e8e; line-height: 13px;
}
div.left-column div.new-box h1 font.theme{
	font-size: 11px; color: #585858;
	font-weight: bold;
	text-transform: uppercase;
}
div.left-column div.new-box a.img{
	display: block; float: left;
	width: 106px; height: 140px;
	margin: 0 15px 0 0;
}
div.left-column div.new-box ul{
	display: block; float: right; width: 180px;
	list-style-type: none;
}
div.left-column div.new-box ul li{
	display: block; padding: 0 0 10px 0;
}
div.left-column div.new-box ul li a{
	display: block; padding: 0 0 0 15px;
	background: url(../images/top-li-bg.jpg) 3px 3px no-repeat;
	color: #656768;
}
div.left-column div.new-box ul li a:hover{
	background: url(../images/top-li-hover.jpg) 3px 3px no-repeat;
	color: #7a4279;
}
div.left-column div.new-box a.download{
	display: block; float: right;
	width: 165px; padding: 5px 0;
	color: #656768;
}
div.left-column div.new-box a.abonament{
	display: block; float: left;
	width: 95px; height: 20px;
	padding: 0 18px 0 5px;
	margin: 10px 0 0 0;
	color: #fff; font-size: 11px;
	line-height: 20px; text-transform: uppercase;
	background: url(../images/button-abonament.jpg) top left no-repeat;
}
div.left-column div.new-box a.abonament:hover{
	text-decoration: none;
}
/* end New Box */


/* Useful Box */
div.left-column div.useful-box{
	float: left; width: 315px;
	background: url(../images/useful-box-repeat.jpg) left repeat-y;
}
div.left-column div.useful-box h1{
	display: block; float: left; width: 290px;
	padding: 0 0 10px 25px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #4e4e4e; line-height: 25px;
	background: url(../images/useful-bullet.jpg) 12px 6px no-repeat;
}
div.left-column div.useful-box div.box{
	float: left; width: 315px; height: 145px;
}
div.left-column div.useful-box div.items{
	float: left; width: 290px; height: 115px;
	padding: 0 13px 0 12px;
	overflow: hidden; 
}
div.left-column div.useful-box div.items a{
	display: block; float: left; 
	width: 290px; height: 115px;
	overflow: hidden;
	font-size: 11px; color: #606970;
}
div.left-column div.useful-box div.items a span.img{
	display: block; float: left;
	width: 71px; height: 56px;
	padding: 4px 0 0 3px; cursor: pointer;
	background: url(../images/useful-img-bg.jpg) top left no-repeat;
}
div.left-column div.useful-box div.items a span.text{
	display: block; float: right;
	width: 205px; height: 108px;
	overflow: hidden;  cursor: pointer;
}
div.left-column div.useful-box div.items a span.max{ width: 100%; }

div.left-column div.useful-box div.controls{
	float: left; width: 290px; height: 17px;
	padding: 10px 13px 0 12px;
	text-align: center;
}
div.left-column div.useful-box div.controls span{
	display: inline-block; width: 18px; height: 17px;
	margin: 0 2px 0 0; text-align: center;
	background: url(../images/useful-paging.jpg) top left no-repeat;
	color: #fff; font-size: 10px; line-height: 17px;
	cursor: pointer;
}
div.left-column div.useful-box div.controls span.sel{
	background-position: 0 -17px;
}
/* end Useful Box */


/* News Box */
div.left-column div.news-box{
	float: left; width: 315px;
	background: url(../images/news-box-repeat.jpg) left repeat-y;
}
div.left-column div.news-box h1{
	display: block; float: left; width: 290px;
	padding: 0 0 10px 25px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #4e4e4e; line-height: 25px;
	background: url(../images/news-box-bullet.jpg) 12px 6px no-repeat;
}
div.left-column div.news-box div.box{
	float: left; width: 315px; height: 155px;
}
div.left-column div.news-box div.items{
	float: left; width: 290px; height: 130px;
	padding: 0 13px 0 12px;
	overflow: hidden; 
}
div.left-column div.news-box div.items a{
	display: block; float: left; 
	width: 290px; height: 130px;
	overflow: hidden;
	font-size: 11px; color: #606970;
}
div.left-column div.news-box div.items a span.img{
	display: block; float: left;
	width: 71px; height: 56px;
	padding: 4px 0 0 3px; cursor: pointer;
	background: url(../images/useful-img-bg.jpg) top left no-repeat;
}
div.left-column div.news-box div.items a span.text{
	display: block; float: right;
	width: 205px; height: 122px;
	overflow: hidden;  cursor: pointer;
}
div.left-column div.news-box div.items a span.max{ width: 100%; }

div.left-column div.news-box div.controls{
	float: left; width: 290px; height: 10px;
	padding: 10px 13px 0 12px;
	text-align: center;
}
div.left-column div.news-box div.controls span{
	display: inline-block; width: 10px; height: 10px;
	margin: 0 2px 0 0; text-align: center;
	background: url(../images/news-box-paging.jpg) top left no-repeat;
	color: #fff; font-size: 10px; line-height: 10px;
	text-indent: -20px; overflow: hidden;
	cursor: pointer;
}
div.left-column div.news-box div.controls span.sel{
	background-position: 0 -10px;
}
/* end News Box */

/* Left-menu */
div.left-column div.left-menu{
	float: left; width: 303px;
	padding: 0 6px 20px 6px;
}
div.left-column div.left-menu ul{
	list-style-type: none;
	display: block; float: left;
	width: 303px;
}
div.left-column div.left-menu ul li{
	display: block; float: left; width: 260px;
	padding: 0 0 1px 43px;
	background-repeat: no-repeat;
	background-position: 0 center;
	background-image: url(../images/leftmenu-li.jpg);
}
div.left-column div.left-menu ul li a{
	display: block; float: left;
	font-size: 11px; line-height: 13px;
	padding: 6px 15px 6px 0; font-weight: bold;
	background-repeat: no-repeat;
	background-position: right center;
	color: #a4a4a4;
}
div.left-column div.left-menu ul li a:hover, div.left-column div.left-menu ul li a.leftcurrent{
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/leftmenu-hover.jpg);
	text-decoration: none;
}
div.left-column div.left-menu ul li.purple{ background-image: url(../images/purplebox/leftmenu-li.jpg); }
div.left-column div.left-menu ul li.orange{ background-image: url(../images/orangebox/leftmenu-li.jpg); }
div.left-column div.left-menu ul li.green{ background-image: url(../images/greenbox/leftmenu-li.jpg); }
div.left-column div.left-menu ul li.blue{ background-image: url(../images/bluebox/leftmenu-li.jpg); }

div.left-column div.left-menu ul li.purple a{ color: #af7aae; }
div.left-column div.left-menu ul li.orange a{ color: #efa814; }
div.left-column div.left-menu ul li.green a{ color: #89c101; }
div.left-column div.left-menu ul li.blue a{ color: #55b8e3; }

div.left-column div.left-menu ul li.purple a:hover, div.left-column div.left-menu ul li.purple a.leftcurrent{ background-image: url(../images/purplebox/leftmenu-hover.jpg); }
div.left-column div.left-menu ul li.orange a:hover, div.left-column div.left-menu ul li.orange a.leftcurrent{ background-image: url(../images/orangebox/leftmenu-hover.jpg); }
div.left-column div.left-menu ul li.green a:hover, div.left-column div.left-menu ul li.green a.leftcurrent{ background-image: url(../images/greenbox/leftmenu-hover.jpg); }
div.left-column div.left-menu ul li.blue a:hover, div.left-column div.left-menu ul li.blue a.leftcurrent{ background-image: url(../images/bluebox/leftmenu-hover.jpg); }
/* end Left-menu */

div.left-column div.faq-menu{
	float: left; width: 315px;
	margin: 0 0 20px 0;
	background: url(../images/faq-menu-repeat.jpg) left repeat-y;
}
div.left-column div.faq-menu h1{
	display: block; float: left;
	padding: 0 0 0 25px; width: 290px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #585858l; line-height: 30px; text-transform: uppercase;
}
div.left-column div.faq-menu ul{
	display: block; float: left;
	padding: 0 6px 15px 5px; width: 304px;
	list-style-type: none;
}
div.left-column div.faq-menu ul li{
	display: block; float: left;  width: 264px;
	padding: 0 20px 2px 20px;
	background: url(../images/purplebox/border.jpg) bottom repeat-x;
}
div.left-column div.faq-menu ul li a{
	display: block; float: left;
	padding: 3px 20px 3px 0;
	color: #a4a4a4; font-weight: bold;
	font-soze: 11px; line-height: 15px;	
}
div.left-column div.faq-menu ul li a:hover, div.left-column div.faq-menu ul li a.faqcurrent{
	color: #995b9b; text-decoration:none;
	background: url(../images/faq-menu-hover.jpg) right center no-repeat;
}


/* poll */
div.left-column div.poll-box{
	float: left; width: 315px;
	
}
div.left-column div.poll-box h1{
	display: block; float: left; width: 148px; height: 35px;
	padding: 0 0 0 30px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #4e4e4e; line-height: 35px;
	background: #fff url(../images/poll-box-bullet.jpg) 13px 13px no-repeat;
}
div.left-column div.poll-box div.box{
	float: left; width: 285px;
	min-height: 125px; _height: 125px;
	padding: 7px 15px;
	color: #606970;
	font-size: 11px;
	background: url(../images/useful-box-repeat.jpg) left repeat-y;
	position:relative; padding-bottom: 30px;
}
div.left-column div.poll-box div.box label{
	float: left; display: block; width: 285px;
	margin: 0 0 5px 0;
}

div.left-column div.poll-box div.box label input{ float: left; margin: 2px 0 0 0; }
div.left-column div.poll-box div.box label span.answer{
	display: block; float: right; width: 260px;
}
div.left-column div.poll-box div.box label font.left{ float: left; font-size: 9px; color: #5c275b; }
div.left-column div.poll-box div.box label span.procent{ 
	display: block; float: right; width: 230px;
	height: 10px; border: 1px solid #77a804; padding: 1px;
}
div.left-column div.poll-box div.box label span.procent span{
	display: block; float: left; width: 0px; height: 10px;
	font-size: 1px;
	background: #fac137;
}
div.left-column div.poll-box div.box .btn-vote{
	float: left; width: 64px; height: 13px;
	margin: 10px 0 0 0; padding: 0 0 0 0;
	border: none; background: url(../images/btn-vote.jpg) top left no-repeat;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff; cursor: pointer; text-align: center;
}
div.left-column div.poll-box div.box .btn-vote:hover{ text-decoration: none;}
div.left-column div.poll-box div.box .btn-res{ margin-right: 4px;}

div.left-column div.poll-box div.message{ padding: 5px 0 8px 0; font-size: 10px; }
div.left-column div.poll-box div.paging-poll{
	position: absolute; bottom: 0px; left: 15px;
	width: 285px; text-align: center;
	background: url(../images/purplebox/border.jpg) top left repeat-x;
	padding: 3px 0 0 0;
}
div.left-column div.poll-box div.paging-poll a, div.left-column div.poll-box div.paging-poll span{
	display: inline-block; width: 18px; height: 17px;
	margin: 0 2px 0 0; text-align: center;
	background: url(../images/useful-paging.jpg) top left no-repeat;
	color: #fff; font-size: 10px; line-height: 17px;
	cursor: pointer;
}
div.left-column div.poll-box div.paging-poll a:hover, div.left-column div.poll-box div.paging-poll span.paging_current{
	background-position: 0 -17px; text-decoration: none;
}
div.left-column div.poll-box div.paging-poll a.paging_last,
div.left-column div.poll-box div.paging-poll a.paging_next,
div.left-column div.poll-box div.paging-poll a.paging_previous,
div.left-column div.poll-box div.paging-poll a.paging_first,
div.left-column div.poll-box div.paging-poll a.last_page,
div.left-column div.poll-box div.paging-poll span.paging_dots{ display: none; }
/* end poll */
/* ===== end LEFT COLUMN ===== */


/* ===== RIGHT COLUMN ===== */
div.right-column{
	float: right; width: 163px;
	/*overflow-x:hidden;*/
}
div.right-column div.poll-box{
	float: right; width: 163px;
	background: url(../images/poll-box-repeat.jpg) left repeat-y;
}
div.right-column div.poll-box h1{
	display: block; float: left; width: 148px; height: 35px;
	padding: 0 0 0 15px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #4e4e4e; line-height: 35px;
	background: #fff url(../images/poll-box-bullet.jpg) 1px 13px no-repeat;
}
div.right-column div.poll-box div.box{
	float: left; width: 133px;
	min-height: 150px; _height: 150px;
	padding: 7px 15px;
	color: #606970;
	font-size: 11px;
	position:relative; padding-bottom: 30px;
}
div.right-column div.poll-box div.box label{
	float: left; display: block; width: 133px;
	margin: 0 0 5px 0;
}

div.right-column div.poll-box div.box label input{ float: left; margin: 2px 0 0 0; }
div.right-column div.poll-box div.box label span.answer{
	display: block; float: right; width: 110px;
}
div.right-column div.poll-box div.box label font.left{ float: left; font-size: 9px; color: #5c275b; }
div.right-column div.poll-box div.box label span.procent{ 
	display: block; float: right; width: 80px;
	height: 10px; border: 1px solid #77a804; padding: 1px;
}
div.right-column div.poll-box div.box label span.procent span{
	display: block; float: left; width: 0px; height: 10px;
	font-size: 1px;
	background: #fac137;
}
div.right-column div.poll-box div.box .btn-vote{
	float: left; width: 64px; height: 13px;
	margin: 10px 0 0 0; padding: 0 0 0 0;
	border: none; background: url(../images/btn-vote.jpg) top left no-repeat;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff; cursor: pointer; text-align: center;
}
div.right-column div.poll-box div.box .btn-vote:hover{ text-decoration: none;}
div.right-column div.poll-box div.box .btn-res{ margin-right: 4px;}

div.right-column div.poll-box div.message{ padding: 5px 0 8px 0; font-size: 10px; }
div.right-column div.poll-box div.paging-poll{
	position: absolute; bottom: 2px; left: 15px;
	width: 133px; text-align: center;
	padding: 4px 0 0 0;
	background: url(../images/border.jpg) top left repeat-x;
}
div.right-column div.poll-box div.paging-poll a, div.right-column div.poll-box div.paging-poll span{
	display: inline-block; width: 18px; height: 17px;
	margin: 0 2px 0 0; text-align: center;
	background: url(../images/useful-paging.jpg) top left no-repeat;
	color: #fff; font-size: 10px; line-height: 17px;
	cursor: pointer;
}
div.right-column div.poll-box div.paging-poll a:hover, div.right-column div.poll-box div.paging-poll span.paging_current{
	background-position: 0 -17px; text-decoration: none;
}
div.right-column div.poll-box div.paging-poll a.paging_last,
div.right-column div.poll-box div.paging-poll a.paging_next,
div.right-column div.poll-box div.paging-poll a.paging_previous,
div.right-column div.poll-box div.paging-poll a.paging_first,
div.right-column div.poll-box div.paging-poll a.last_page,
div.right-column div.poll-box div.paging-poll span.paging_dots{ display: none; } 
/* ===== end RIGHT COLUMN ===== */


/* ===== BANNERS ===== */
div.full-banner{
	float: right; width: 468px; height: 69px;
	padding: 5px 6px 0 6px; margin: 5px 0 0 0;
	background: url(../images/banner-head-bg.jpg) top left no-repeat;
}
div.full-banner a{
	display: block; float: left;
	width: 468px; height: 69px;
	position: relative; z-index: 1;
}
div.full-banner a span.spanover{ 
	display: block; width: 468px; height: 69px;
	position: absolute; top:0; left:0; 
	background: url(../javascripts/fancybox/blank.gif); z-index: 2;
}

div.banner-medium-rectangle{
	float: left; clear: both;
	padding: 0 0 0 6px;
	width: 300px; height: 250px;
	margin: 0 0 10px 0;
}

div.banner-medium-rectangle a{
	display: block; float: left;
	width: 300px; height: 250px;
	position: relative; z-index: 1;
}
div.banner-medium-rectangle a span.spanover{ 
	display: block; width: 300px; height: 250px;
	position: absolute; top:0; left:0; 
	background: url(../javascripts/fancybox/blank.gif); z-index: 2;
}

div.banner-wide-skyscraper{
	float: right; width: 160px; height: 600px;
	padding: 0 1px 0 2px;
	margin: 0 0 20px 0;
}
div.banner-wide-skyscraper a{
	display: block; float: left;
	width: 160px; height: 600px;
	position: relative; z-index: 1;
}
div.banner-wide-skyscraper a span.spanover{ 
	display: block; width: 160px; height: 600px;
	position: absolute; top:0; left:0; 
	background: url(../javascripts/fancybox/blank.gif); z-index: 2;
}
/* ===== end BANNERS ===== */


form#forgotpass_togglediv{
	display: none;
	position: absolute; top: 18px;  right: 127px;
}
form#forgotpass_togglediv span {
	background:none; height: 17px;
}
form#forgotpass_togglediv input.input{
	display: block; float:left; width: 123px; height: 14px;
	padding: 1px 6px 0px 4px; margin:1px 0 0 0!important;
	background: #fff; border:1px solid #E5E5E5;
}
div#msgbox{
	position: absolute; top: 0px; right: 130px;
	background: #fff;  white-space: nowrap;
}
div.messageboxerror{ color: red; }
div.messageboxok{ color: #19b4ee; }



.messrating{ clear: both; }
div.details ul, div.details ol{ padding-left: 25px; }

div.details ul.links{
	padding-left: 0px;
	list-style-type: none;
}
div.details ul.links li{
	padding: 3px 0 3px 25px;
	background: url(../images/bluebox/leftmenu-hover.jpg) 5px 3px no-repeat;
}
div.details ul.links li a{ color: #585858; }
div.details ul.links li a:hover{ color: #0BA3DB; }


div.gallery-pics{ width: 100%!important; }
div.gallery-pics a{ margin-right: 20px!important; }