@charset "utf-8";

/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/



/* Core

------------------------------ */



* { margin: 0; padding: 0; }



*:focus { outline: none; }

.hidden { display: none; }

.show { display: block!important; }

.no-margin { margin: 0!important; }

.no-padding { padding: 0!important; }

.no-bg { background: none!important; }

.no-border, a img { border: none!important; }

.container { width: 100%; }

.container:after, .columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.img-repl { text-indent: -9999px; overflow: hidden; display: block; }

.cc { clear: both; }

.inner, .align {
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:middle;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}


/* Main styles

------------------------------ */	
html { height: 100%; background: #fff; font: .75em/1.5 Verdana, Arial, Helvetica, sans-serif; }
body { height: auto !important; height: 100%; min-height: 100%; position: relative; } /* body height 100% */

body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;
}

a { color:#9f0000; /*0066cc;*/ }
a:visited {  }
a:hover {  }
a:active {  }

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


.page-layout { margin-right: -5px; }
.layout-box { float: left; margin: 0 5px 5px 0; }

.lb-top { width: 700px;} 

.lb-1 { width: 779px; } /* 100% */

.lb-2 { width: 750px; } /* 75% */

.lb-3 { width: 387px; } /* 50% */

.lb-4 { width: 191px; } /* 25% */



.photo {  width:174px; height:224px; background:url(images/nophoto1.jpg) no-repeat}

.bn_spravka {width: 640px; float:right; }



.photo_random {width:229px; height:380px; display:block;}

.photo_gold {width: 660px; height:310px; display:block;}

.photo_vip {width: 660px; height:310px; display:block;}



.photo_box { display:block; width:150px; height:200px; padding:12px;}

.lb-5 { }

	

/* main

------------------------------ */

.bg_main {background:url(images/full_bg.jpg) repeat; margin:0 auto; width:100%; height:100%;}
.bg_top {background:url(images/top_bg.jpg) no-repeat top; margin:0 auto; display:block; min-height:464px;}
.a_bg_top {background:url(images/a_bg_top.jpg) no-repeat top; margin:0 auto; display:block; min-height:510px;}
.reg_bg { background:url(images/register_bg.jpg) no-repeat bottom left; height:600px; width:650px; display:block}
.bg_footer {abackground:url(images/bottom_main_bg.jpg) no-repeat bottom; margin:0 auto; min-height:1000px;}




.a_top_nav {width:960px; margin:0 auto; height:450px; display:block; color:#9f0000;}
.nav_top {width:960px; margin:0 auto; height:464px; color:#9f0000;}

.reg_bar { width:211px; height:23px; background:url(images/bg_registrate.png) no-repeat; }
	.reg_bar strong a  { text-decoration:none}
		.reg_bar strong a:hover {text-decoration:underline}

.add_anket { width:269px; height:48px;}
	.add_anket a { text-decoration:none; background:url(images/add_anket.png) no-repeat; height:48px; font-size:1.9em; display:block; padding-left:55px; color: #59C10E;}
		.add_anket a:hover { background-position:0 -48px; color: #8FC400; }

.top_ankets { width:220px; height:75px; }
	.top_ankets strong a {  text-decoration:none; padding-top:18px; font-size:1.7em; display:block;  height:57px; background:url(images/hearts_top.png) no-repeat right top}
		.top_ankets strong a:hover {color:#fff; background-position:right -75px;}

.top_galery { width:218px; height:83px;}
	.top_galery a { text-decoration:none; font-size:1.7em; padding-top:26px; display:block; height:57px; background:url(images/gallery.png) no-repeat right top}
		.top_galery a:hover {color:#fff; background-position:right -83px; }

.top_favorite { width:250px; height:82px;}
	.top_favorite a { text-decoration:none; font-size:1.7em; padding-top:25px; display:block; height:58px;	background:url(images/favorite.png) no-repeat right top}
		.top_favorite a:hover {color:#fff; background-position:right -82px; }

.stat {width:600px;  height:70px; font-size:1.6em; color:#9f0000; font-weight:bolder; padding-top: 20px; }
	.stat_total {width:230px; height:82px;}
		.stat_total span { clear: none; float: left; padding-top:15px}
			.total span { color:#FFF; width:82px; height:55px; background:url(images/herts_week.png) no-repeat top right;}

.stat_week {width:350px; height:70px;}
	.stat_week span { clear: none; float: left; padding-top:15px}
		.week span { color:#FFF; width:82px; height:55px; background:url(images/herts_week.png) no-repeat top right;}

	
.main_page { width: 960px; margin: 0 auto; background: #fff; padding: 10px; min-height:300px;}




.menu {

	

	width:100%;

	font-size:100%;

	line-height:normal;

	padding-top: 20px;

	padding-right: 0px;

	}

.menu ul {

	margin:0;

	padding:10px 10px 30px 10px;

	list-style:none;

	}

.menu li {

	display:inline;

	margin:0;

	padding:0;

	}

.menu a {

	float:left;

	margin:0;

	padding:0 0 0 4px;

	text-decoration:none;

	background-image: url(images/lb_menu.png);

	background-repeat: no-repeat;

	background-position: left top;

	}

.menu a span {

	float:left;

	display:block;

	color:#9f0000;

	background-image: url(images/btn_menu.png);

	background-repeat: no-repeat;

	background-position: right top;

	margin-right: 5px;

	padding-top: 5px;

	padding-right: 15px;

	padding-bottom: 4px;

	padding-left: 6px;

	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

.menu a span {float:none;}

/* End IE5-Mac hack */

.menu a:hover span {color:#FFFFFF;}

.menu a:hover {background-position:0% -29px;}

.menu a:hover span {background-position:100% -29px;}



.menu_feft {color:#9f0000; font-weight:bold;}

	.menu_left ul {list-style:none;}

	.menu_left li {}

	.menu_left a {text-decoration:none;}

	.menu_left a span {font-size:16px;}

	.menu_left a:hover {text-decoration: underline; color:#red}

	



.g-name { margin-left:11px; font-size:1.4em; color: #9f0000; font-weight:bold;}

.g-cost1{ margin-left:11px;font-size:1.6em; color: #9f0000; font-weight:bolder;}

	.g-cost1 span {margin-left:10px; margin-top:-5px}

.favorit { width:26px; height:25px;} 	

	.favorit a{display:block; background:url(images/star.png) no-repeat right top}

		.favorit a:hover{color:#fff; background-position:right -25px;}


.corner_vip_tl { background: url(images/corner_vip_tl.png) no-repeat top left; }
.corner_vip_tr { background: url(images/corner_vip_tr.png) no-repeat top right; }
.corner_vip_br { background: url(images/corner_vip_br.png) no-repeat bottom right; }

.bg_splash {width: 964px; height:730px;padding: 10px; font-size:12px; display:block; background: url(../images/splash_bg.jpg) no-repeat top left;}
.lb-pr1 { width: 440px; }
.lb-menu { width: 180px; font-size: 1.5em; }
.pad_no { padding-top:170px;}
.lb-no { width: 110px; height:60px; font-size: 1.5em;}
yes {}
	.yes a { text-decoration:none; }
	.yes a:hover { text-decoration:underline; }
.lb-pr1 .corners { background: url(images/text_bg.png) repeat  }
.lb-pr2 { background: url(images/h150-white.png) repeat  }	

    #yes_no {
	position:absolute;
	width:110px;
	height:315px;
	z-index:1;
	left: 290px;
	top: 390px;
}
        #bt_menu {
	position:absolute;
	width:170px;
	height:120px;
	z-index:2;
	left: 813px;
	top: 229px;
}
        #usl {
	position:absolute;
	width:536px;
	height:233px;
	z-index:3;
	left: 440px;
	top: 387px;
}

.feya {
	position:relative;
	width:232px;
	height:224px;
	z-index:1;
	left: 150px;
	top: 50px;
	*top:-300px;
	background: url(images/feya.png) no-repeat;
	display:block;
}

#page { width:960px; margin:0 auto; padding:0px; background:#FFF; z-index:1; top:-15px; *top:-9px; position:relative;}

#header { padding-bottom: 1em; border-bottom: 2px solid #ccc; margin-bottom: 1em; }

#col-left { float: left; width: 25%; }

#content { width: 73%; float: right; }

#footer { clear: both; padding-top: 1em; border-top: 2px solid #ccc; }



/* Corners (em)

------------------------------ */



.corners { position: relative; overflow: hidden; }

.corners em.tl, .corners em.tr, .corners em.bl, .corners em.br { position: absolute; font-size: 1px; }



.corners-5 em.tl, .corners-5 em.tr, .corners-5 em.bl, .corners-5 em.br { width: 10px; height: 10px; background: url(images/corners-5.png); }

	.corners-5 em.tl { left: -5px; top: -5px; } .corners-5 em.tr { right: -5px; top: -5px; } .corners-5 em.bl { left: -5px; bottom: -5px; } .corners-5 em.br { right: -5px; bottom: -5px; }



.corners-10 em.tl, .corners-10 em.tr, .corners-10 em.bl, .corners-10 em.br { width: 20px; height: 20px; background: url(images/corners-10.png); }
	.corners-10 em.tl { left: -10px; top: -10px; } .corners-10 em.tr { right: -10px; top: -10px; } .corners-10 em.bl { left: -10px; bottom: -10px; } .corners-10 em.br { right: -10px; bottom: -10px; }







/* Content elements

------------------------------ */



.content h1, .content h2, .content h3, .content h4 { font: 1.7em Verdana, Arial, Helvetica, sans-serif; margin-bottom: .5em; }

.content h2 { font-size: 1.5em; }

.content h3 { font-size: 1.3em; font-weight: bold; }

.content h4 { font-size: 1.1em; font-weight: bold; }



blockquote { margin-left: 10em; padding-left: 1em; border-left: 2px solid #ccc; }

code, pre { font: 1.2em/1 "Courier New", Courier, monospace; padding: 1px 2px; background: #eee; }

pre { border: 1px dashed #aaa; line-height: 1.7em; padding: 5px; font-size: .9em; background: #eee; margin: 0; }

strong { color:#9f0000; font-size:14px; font-weight: bold;}



em {  }

sup, sub { vertical-align: baseline; position: relative; }

sup { top: -0.4em; }

sub { bottom: -0.3em; }



hr { color: #ccc; background-color: #ccc; height: 1px; border-width: 0px; }



.em { font-style: italic; }

.strong { font-weight: bold; }



.content ul, .content ol { margin-left: 3em; line-height: 1.3em; }

.content ul li, .content ol li { margin-bottom: .2em; }



.content dl {  }

.content dl dt { margin-bottom: .2em; font-weight: bold; }

.content dl dd { padding-left: 5em; margin-bottom: .4em; }



.icons a, .icon { padding: 1px 0 1px 20px; background-repeat: no-repeat; background-position: left center; }



.content p, .content ul, .content ol, .content dl, .content table, blockquote, pre, .columns, .content img, hr { margin-bottom: 11px; }



.box { margin: 11px; }



/* Text align, float

------------------------------ */



.a-left { text-align: left; }

.a-center { text-align: center; }

.a-right { text-align: right; }



.f-left { float: left; }

.f-right { float: right; }



/*	Tables

------------------------------ */



table { border-collapse: collapse; width: 100%; }

table th, table td { border: 0px solid #ccc; padding: 2px 3px; *vertical-align: top; }

table th { background: #f4f4f4; }

table td {  border: 0px solid #ccc;}









/* Images

------------------------------ */



.content img { padding: 5px; border: 1px solid #ccc!important; margin-top: .4em; }

.content img.null-image { padding: 0!important; border: none!important; margin: 0!important; }

img.f-left { margin-right: 1em; }

img.f-right { margin-left: 1em; }



/* Content Form

------------------------------ */



.content form { padding: .5em 0; }

.content fieldset { margin-bottom: 1em; border: none; }

.content legend { margin-top: -1px; padding-bottom: 1em; font-size: 1.1em; font-weight: bold; }



.content .f-row { overflow: hidden; margin-bottom: .5em; }

.content label { float: left; text-align: right; width: 25.99%; padding: 0 2%; }

.content .f-inputs { padding-left: 30%; }



.f-actions { padding-top: 1em; border-top: 1px solid #ccc; }



/* Inputs

------------------------------ */
.btn_vhod { height:25px; width:75px; background: url(images/vhod.png) no-repeat top left;}


.input { vertical-align: middle }

.i-checkbox { margin-top: 3px; }

.i-text { width: 200px; padding: 1px; font: 1em sans-serif; }


/* search
.button { padding: 0 .25em; width: auto; overflow: visible; cursor: pointer; }
------------------------------ */
.mo {border:#000 1px outset #ffffff; background : #fff; font : 8px MS Sans Serif, sans-serif; width : 73px; } 

.mi {border:#e1b6d2 1px groove #913b73; background : #d4d4d4; font : 8px MS Sans Serif, sans-serif; width : 73px;} 

.buten{

	border: solid 1px black;;

	text-align : center;

	background-color : ThreedHighlight;

	cursor: default;

	margin: 3px;

      padding-left:  7px;

      padding-right: 7px;

}

.kolyan {position: absolute; left: -1000px;width:1px;height:1px;overflow:hidden;}

div#gold_anket{
	margin-top: 15px;
	background-color: #FFF5EE;
	padding: 5px 10px 5px 10px;
	-moz-border-radius: 5px;
}

div#gold_anket h1{
	font-size: 16px;
	color: #6495ED;
	margin-bottom: 10px;
}



/* Standart mode */
.wrapperEl{
	overflow: hidden;
	width: 100%;
	height: 300px;
	position: relative;
}

.greyEl {
	background: #FFF;
	position: absolute;
	visibility: visible;
	width: 100%;
	height: 100%;
}

.contentEl{
	height:100%;
	width: 95%;
	overflow:hidden;
	position:absolute;
	right:5px;
	zoom:1;
}

.scrollEl{
	font-size:0px; /* for IE6 */
	display:block;
	position: absolute;
	top:0;
	right:0;
	height:100%;
	width:7px;
}

.upBtn{
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:7px;
	height:4px;
	background: url(images/img/upBtn.png) no-repeat 0 0;
	cursor:pointer;
}

.upBtn-Highlighted{
	background: url(images/img/upBtn.png) no-repeat 0 -4px;
}

.upBtn-Active{
	background: url(images/img/upBtn.png) no-repeat 0 -8px;
}

.downBtn{
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	width:7px;
	height:4px;
	background: url(images/img/downBtn.png) no-repeat 0 -8px;
	cursor:pointer;
}

.downBtn-Highlighted{
	background: url(images/img/downBtn.png) no-repeat 0 -4px;
}

.downBtn-Active{
	background: url(images/img/downBtn.png) no-repeat 0 0;
}

.scrollBar{
	display:block;
	position: absolute;
	top:4px;
	right:0;
	bottom:4px;
	width:7px;
	background: url(images/img/scrollBar.png) repeat-y center top;
	padding:0;
	_height:100%; /* for IE6 */
}

.scrollHandle{
	cursor: pointer;
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:6px;
	cursor: pointer;
	zoom:1;
}

.scrollBar-Active .scrollHandle {
	opacity:0.85;
	filter:alpha(opacity = 50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=85)";
}

.scrollHandleBG {
	background:transparent url(images/img/scrollHandleBG.png) repeat-y scroll 0 0;
	display:block;
	position:relative;
	width:5px;
	top:0;
	bottom:0;
}
.scrollBar-Highlighted .scrollHandleBG {
	background:transparent url(images/img/scrollHandleBG.png) repeat-y scroll -5px 0;
}
.scrollBar-Active .scrollHandleBG {
	background:transparent url(images/img/scrollHandleBG.png) repeat-y scroll -10px 0;
}


.scrollHandleTop{
	display:block;
	position:relative;
	width:5px;
	height:1px;
	background: url(images/img/scrollHandleTop.png) no-repeat 0 0;
}

.scrollBar-Highlighted .scrollHandleTop{
	background: url(images/img/scrollHandleTop.png) no-repeat -5px 0;
}

.scrollBar-Active .scrollHandleTop{
	background: url(images/img/scrollHandleTop.png) no-repeat -10px 0;
}

.scrollHandleBottom{
	display:block;
	position:relative;
	width:5px;
	height:1px;
	background: url(images/img/scrollHandleBottom.png) no-repeat -5px 0 ;
}

.scrollBar-Highlighted .scrollHandleBottom{
	background: url(images/img/scrollHandleBottom.png) no-repeat -10px 0;
}

.scrollBar-Active .scrollHandleBottom{
	background: url(images/img/scrollHandleBottom.png) no-repeat 0 0 ;
}