/*
 ?????? ? ??? ? ??????????? ???? ?????????????? css ?????????, ? ?????? ?? ? ???????. ?? ????, ??????????? ????? ????????? ???:
 
 .[??].[???????] css ????????
 
 
 ????????? ???:
 
 .win - Windows
 .linux - Linux
 .mac - MacOS
 
 
 ????????? ?????????:
 
 .ie - ??? ?????? ??
 .ie8 - ?? 8.?
 .ie7 - ?? 7.x
 .ie6 - ?? 6.x
 .ie5 - ?? 5.x
 .gecko - ??? ?????? ?????????, ? ????????? ?????-????????
 .ff2 - ???????? 2
 .ff3 - ???????? 3
 .opera - ??? ?????? ?????
 .opera8 - ????? 8.x
 .opera9 - ????? 9.x
 .konqueror - konqueror
 .safari - ??????
 
 
 ??????????? ? ??????????? ???????? ? ?????????? ?? ????, ??????? ????? ?????:
 
 .mac.gecko ????????{ ???????????? ??? }
 
 .mac.ff2(3) ????????{ ???????????? ??? }
 */
/*
 ????? ???????
 */


.link_hor{
color:#FFFFFF;
}


.link_hor_active{
color:#000000;
text-decoration:none;
}

ul {
	list-style: none;
}





table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: #1A8F1F;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/*
 ????????? footer ? ???? ??????
 */
html {
	height: 100%;
}

body {
	position: relative;
	height: 100%;
}

div#footer {
	position: absolute;
	bottom: 0;
}

/*
 ??????? +)
 */
div#flash {
	height: 187px;
	width: 920px;
	margin: 0 0 -186px -20px;
}

/*
 ????? ????????
 */


div#header select {
	float: right;
	font-size: 11px;
	width: 120px;
	padding: 1px;
	top: 191px;
	position: absolute;
	z-index: 10;
	right: 15px;
}

/*
 ???????
 */


/*
 ??????? ????
 */
div#header ul.menu {
	height: 37px;
	background: url(../img/tab1.png) top left no-repeat;
	top: 186px;
	padding: 0 10px;
	z-index: 1;
}

div#header ul.menu li {
	height: 22px;
	padding: 0;
	float: left;
	position: relative;
	top: 4px;
	margin-right: 14px;
}

div#header ul.menu li a {
	color: #000;
	display: block;
	height: 22px;
	line-height: 21px;
	padding: 0;
	font-size: 11px;
	white-space: nowrap;
	left: 7px;
	text-decoration: none;
}

div#header ul.menu li.first {
}

div#header ul.menu li.last {
}

div#header ul.menu li.active {
	background: url(../img/tab3.png) top left no-repeat;
}

div#header ul.menu li.active span {
	background: url(../img/corner3.png) top right no-repeat;
	display: block;
	position: absolute;
	width: 12px;
	height: 22px;
	top: 0;
	right: -12px;
}

div#header ul.menu li.active a {
	color: #fff;
}

div#header ul.menu li a:hover {
}

/* ???????? ??????? */ .opera div#content input.checkbox {
	top: -1px;
}

/*div#content {
	margin: 0 auto;
	padding: 0 0 120px 0;
	overflow: hidden;
	width: 888px;
	min-height: 100%;
	-height: 100%;
	-overflow: visible;
}*/

div.button {
	padding: 0;
	height: 17px;
	background: url(../img/button1.png) top left no-repeat;
	float: left;
	cursor: pointer;
}

div.button input {
	padding: 0 10px 5px 0;
	height: 17px;
	background: url(../img/button1.png) top right no-repeat;
	border: none;
	width: auto;
	overflow: visible;
	right: -10px;
	color: #fff;
	font-family: Tahoma;
	font-size: 11px;
	cursor: pointer;
} .opera div.button input {
	padding: 0 10px 3px 0;
}

/*
 ????? ??????? ????????? ????????
 */
div#content div.left {
	float: left;
	width: 251px;
}

div.left div.login, div.shoutbox, div.horoscope, div.vote {
	background: #2cba06 url(../img/block4.png) top left no-repeat;
	padding: 0;
	margin: 0px;
}

div.left div.vote form {
	padding: 5px 10px;
}

div.left div.vote div.button {
	margin-top: 10px;
}

div.left div.vote input.radio {
	margin: 5px;
	top: 2px;
} .ie div.left div.vote input.radio {
	top: 6px;
}

div.left div.horoscope table {
	width: 100%;
}

div.left div.horoscope table td {
	padding: 5px 10px;
}

div.left div.horoscope table td a {
	color: #fff;
}

div.left div.login form.login {
	overflow: hidden;
}

div.left div.login form.login table {
	width: 100%;
}

div.left div.login form.login table th {
	font-size: 11px;
	color: #fff;
	text-align: right;
	font-weight: normal;
	vertical-align: top;
	line-height: 18px;
	padding: 5px 5px 5px 20px;
}

div.left div.login form.login table td {
	padding: 5px;
}

div.left div.login form.login table td input.text {
	width: 155px;
	display: block;
	border: none;
	background: url(../img/input1.png) top left no-repeat;
	height: 20px;
	font-family: Tahoma;
	padding: 2px 4px 0;
} .opera div.left div.login form.login table td input.text {
	padding: 0 4px 0;
	top: -1px;
}

div.left div.border_top {
	background: url(../img/tab4.png) top left no-repeat;
	height: 20px;
	top: -5px;
	line-height: 18px;
	color: #fff;
	font-weight: bold;
	padding: 0 10px;
}

div.left div.border_bottom {
	background: url(../img/border1.png) top left no-repeat;
	height: 5px;
	bottom: -5px;
	clear: both;
}

div.left div.login div.links {
	padding: 5px;
	margin: 5px 10px 10px;
	border-bottom: 1px dotted #3c9e17;
	border-top: 1px dotted #3c9e17;
	font-size: 11px;
}

div.left div.login div.links label {
	color: #fff;
}

div.left div.login div.links input.checkbox {
	margin: 0 4px;
	position: relative;
	top: 2px;
}

div.left div.login div.links a.forgot {
	float: right;
	color: #fff;
	top: 1px;
	right: 10px;
}

div.left div.login div.log {
	float: right;
	right: 30px;
}

div.left div.login div.reg {
	left: 20px;
}

div.left div.searchbox {
	background: url(../img/block5.jpg) top left no-repeat #2cba06;
	margin: 0px;
}

.ie div.left div.searchbox {
	background: url(../img/block5.jpg) top left no-repeat #2cba06;
	margin: 0px;
	padding-bottom:20px;
	padding-top:0px;
}

div.left div.searchbox ul {
	height: 23px;
	top: -23px;
}





div.left div.searchbox ul li {
	height: 23px;
	cursor: pointer;
	float: left;
	color: #fff;
	background: url(../img/tab6.png) top left no-repeat;
	padding: 0 4px 0 15px;
	line-height: 22px;
	margin-right: 5px;
	font-size: 11px;
	text-align: center;
	font-size:11px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}



div.left div.searchbox ul li#search {
	width: 43px;
}

div.left div.searchbox ul li#prosearch {
	width: 84px;
}

div.left div.searchbox ul li#friends {
	width: 54px;
	margin-right: 0;
}

div.left div.searchbox ul li span {
	height: 23px;
	width: 5px;
	display: block;
	float: right;
	right: -7px;
	top: 0;
	cursor: pointer;
	background: url(../img/corner2.png) top left no-repeat;
}

div.left div.searchbox ul li.active {
	background: url(../img/tab5.png) top left no-repeat;
	color: #000;
}

div.left div.searchbox ul li.active span {
	background: url(../img/corner1.png) top left no-repeat;
}

div.left div.searchbox div.box {
	min-height: 100px;
	top: -10px;
	margin-bottom: -10px;
	padding: 0 10px;
	display: none;
}

div.left div.searchbox div.box table {
	width: 100%;
}

div.left div.searchbox div.box table th {
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	padding: 5px;
}

div.left div.searchbox div.box table td {
	padding: 5px 0;
}


div.left div.searchbox div.box table td select {
	font-family: Tahoma;
	font-size: 11px;
	width: 80px;
	padding: 1px;
}

div.left div.searchbox div.options {
	border-bottom: 1px dotted #3C9E17;
	border-top: 1px dotted #3C9E17;
	font-size: 11px;
	margin: 5px 0 10px;
	padding: 5px;
}

div.left div.searchbox input.checkbox {
	position: relative;
	top: 2px;
	margin: 0;
}

div.left div.searchbox label {
	padding-right: 10px;
}

/*
 ?????? ??????? ????????? ????????
 */
div#content div.right {
	float: right;
	width: 620px;
} .ie div#content div.right {
	margin-bottom: -20px;
}

div.right div.textblock {
	width: 600px;
	min-height: 205px;
	background: url(../img/block1.jpg) top left no-repeat #bce6f4;
	margin: 0;
	padding: 10px 0 10px 20px;
}

div.right div.textblock table {
	margin: 0px 0px 0px 0px;
}

div.right div.textblock table td, th {
	padding: 0px;
	text-align: left;
	vertical-align: middle;
	padding-right:10px;
}

div.right div.textblock table a {
	color: #1A8F1F;
	padding: 0 5px;
	font-weight: bold;
}

div.right div.bordertop {
	width: 620px;
	height: 10px;
	background: url(../img/border3.png) top left no-repeat;
}

div.right div.bordertop2 {
	width: 620px;
	height: 10px;
	background: url(../img/border32.png) top left no-repeat;
}

div.right div.borderbottom {
	width: 620px;
	height: 10px;
	background: url(../img/border2.png) top left no-repeat;
	padding-bottom: 10px;
}

div.right div.textblock p.title {
	width: 400px;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	padding: 0 0 5px 0px;
}

div.right div.textblock p.text {
	width: 400px;
	min-height: 160px;
	padding: 0 0 5px 0;
}

div.right div.textblock a {
	color: #1a8f1f;
}

div.scrollbox {
	float: left;
	margin-bottom: 8px;
	width: 100%;
}

div.vip {
	margin-right: 10px;
	width: 210px;
}

div.newfaces {
	width: 400px;
}

div.leftbox {
	width: 250px;
	margin-right: 17px;
	float: left;
}

div.centerbox {
	width: 355px;
	float: left;
}

div.rightbox {
	float: right;
	width: 250px;
}

div.forum {
	width: 100%;
	padding-top: 10px;
}

div.forum div.outer div.block {
	background: url(../img/bgr1.jpg) left -50px repeat-x #bce6f4;
	min-height: 50px;
}

div.forum table {
	width: 100%;
}

div.forum table tr th {
	border-bottom: 1px dotted #abb4b7;
}

div.forum table tr td {
	border-bottom: 1px dotted #abb4b7;
}

div.forum table th {
	padding: 8px;
	text-align: left;
}















table.title{
margin:0px;
padding:0px;
}

table.title tr{
margin:0px;
padding:0px;
}

table.title tr td{
margin:0px;
padding:0px;
}

div.forum table th a {
	color: #1a8f1f;
}

div.forum table td {
	padding: 8px 5px;
}

div.forum table td.date {
}

div.forum table td.name {
}

div.forum table td.name span.ico {
	width: 10px;
	height: 10px;
	display: block;
	float: left;
	background: url(../img/ico3.png) top left no-repeat;
	left: -8px;
	top: 2px;
}

div.scrollbox p.title {
	height: 22px;
	background: url(../img/bgr2.jpg) top left repeat-x;
	margin: 0 10px;
	color: #ffffff;
	text-decoration: underline;
	line-height: 20px;
	z-index: 10;
	position: relative;
	top: 8px;
	font-size:11px;
}


div.scrollbox p.title a {
	margin-left:-10px;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
}



div.scrollbox span.title2 {
	height: 20px;
	background: url(../images/2.gif) top left repeat-x;
	width:20px;
	margin: 0 0px;
	color: #fff;
	text-decoration: underline;
	line-height: 20px;
	z-index: 10;
	position: relative;
	top: 1px;
	right:-15px;
	float:right;
	cursor: pointer;
	font-size:10px;
}


div.scrollbox span.titleactive {
	height: 20px;
	background: url(../images/1.gif) top left repeat-x;
	width:20px;
	margin: 0 0px;
	color: #fff;
	text-decoration: underline;
	line-height: 20px;
	z-index: 10;
	position: relative;
	top: 1px;
	right:-15px;
	float:right;
	cursor: pointer;
	font-size:10px;
}

.ie div.scrollbox span.title2 {
	height: 20px;
	background: url(../images/2.gif) top left repeat-x;
	width:20px;
	margin: 0 0px;
	color: #fff;
	text-decoration: underline;
	line-height: 20px;
	z-index: 10;
	position: relative;
	top: 1px;
	right:-10px;
	float:right;
	cursor: pointer;
	font-size:10px;
}

.ie div.scrollbox span.titleactive {
	height: 20px;
	background: url(../images/1.gif) top left repeat-x;
	width:20px;
	margin: 0 0px;
	color: #fff;
	text-decoration: underline;
	line-height: 20px;
	z-index: 10;
	position: relative;
	top: 1px;
	right:-10px;
	float:right;
	cursor: pointer;
	font-size:10px;
}


div.scrollbox p.title span.ico {
	position: relative;
	width: 26px;
	height: 24px;
	background: url(../img/ico1.gif) top left no-repeat;
	float: right;
	left: -1px;
	margin-top: -2px;
}

div.scrollbox p.title span.corner {
	position: relative;
	width: 10px;
	height: 22px;
}

div.scrollbox p.title span.left {
	float: left;
	background: url(../img/corner4.png) top left no-repeat;
	left: -10px;
}

div.scrollbox p.title span.right {
	float: right;
	background: url(../img/corner5.png) top left no-repeat;
	left: 10px;
}

div.scrollbox div.outer {
	z-index: 1;
	width: 100%;
}

.ie div.scrollbox div.outer {
	z-index: 1;
	width: 100%;
}

div.scrollbox div.block {
	border-left: 1px solid #d1e0e5;
	border-right: 1px solid #d1e0e5;
	background: url(../new_img/bg1.jpg);
	padding: 20px 10px 10px;
	font-size: 11px;
	min-height:90px;
}

div.person {
	border: 1px solid #d1e0e5;
	padding: 5px;
	background: url(../img/bgr3.jpg) bottom left repeat-x #fff;
	min-height: 75px;
	margin: 0 0 5px 0;
	width: 170px;
	float: left;
	left: 3px;
}

div.newfaces div.block {
	padding: 20px 0 10px;
}

div.newfaces div.block div.person {
	margin: 0 10px 5px 0;
	left: 10px;
}

div.scrollbox div.block div.person img {
	float: left;
	border: 2px solid #50ae05;
	margin-right: 5px;
}

div.scrollbox div.block div.person p.info {
	padding: 0px 5px;
	padding-bottom:5px;
	line-height: 16px;
	font-size: 11px;
}

div.scrollbox div.block div.person a.name {
	color: #1A8F1F;
	font-weight: bold;
}

div.scrollbox div.block p.header {
	background: url(../img/ico2.png) top left no-repeat;
}

div.scrollbox div.block p.header a {
	color: #1a8f1f;
	font-weight: bold;
	position: relative;
	top: -4px;
	padding: 0 15px;
}

div.scrollbox div.block p.text {
	padding: 0 0 15px;
}

div.scrollbox div.border {
	background: #bce6f4;
	border-bottom: 1px solid #d1e0e5;
	margin: 0 7px;
	height: 6px;
}

div.scrollbox div.border span.corner {
	position: relative;
	font-size: 0;
	width: 7px;
	height: 7px;
}

div.scrollbox div.border span.left {
	float: left;
	background: url(../img/corner7.png) top left no-repeat;
	left: -7px;
}

div.scrollbox div.border span.right {
	float: right;
	background: url(../img/corner6.png) top left no-repeat;
	left: 7px;
}

div.center {
	clear: both;
	overflow: hidden;
	padding: 20px 0;
}

/*
 ??????
 */
div#footer {
	height: 60px;
	background: url(../img/tab7.png) top left no-repeat;
	clear: both;
	padding-top: 11px;
	width: 100%;
}

div#footer .copyrights {
	position: relative;
	left: 10px;
	font-size: 11px;
	color: #999;
	clear: both;
	float: left;
	width: 200px;
}

div#footer a.flag {
	width: 35px;
	height: 12px;
	float: right;
}

div#footer a.en {
	background: url(../img/flag1.jpg) top left no-repeat;
}

div#footer a.fr {
	background: url(../img/flag2.jpg) top left no-repeat;
}

div#footer a.ge {
	background: url(../img/flag3.jpg) top left no-repeat;
}

div#footer a.ru {
	background: url(../img/flag4.jpg) top left no-repeat;
}

div#footer ul.topmenu {
	font-size: 11px;
	overflow: hidden;
	padding-bottom: 20px;
	padding-left: 10px;
	float: left;
}

div#footer ul.topmenu li {
	padding: 0 8px;
	border-left: 1px solid #000;
	height: 11px;
	float: left;
}

div#footer ul.topmenu li a {
	color: #000;
	top: -2px;
}

div#footer ul.topmenu li.first {
	border: none;
}

div#footer ul.bottommenu {
	font-size: 10px;
	overflow: hidden;
	padding-bottom: 20px;
	padding-left: 10px;
	float: right;
	clear: right;
} .ie div#footer ul.bottommenu {
	width: 550px;
	top: 20px;
}

div#footer ul.bottommenu li {
	padding: 0 8px;
	border-left: 1px solid #5e5e5e;
	height: 10px;
	float: left;
}

div#footer ul.bottommenu li a {
	color: #106d14;
	top: -2px;
	white-space: nowrap;
}

div#footer ul.bottommenu li.first {
	border: none;
}

/*
 profile
 */
div.left div.profile {
}

div.left div.profile p.name {
	padding: 0 20px 10px;
}

div.left div.profile p.name a {
	font-weight: bold;
	color: #000;
}

div.left div.profile table {
	width: 230px;
	margin: 0 10px;
}

div.left div.profile table td {
	padding: 5px;
	text-align: left;
	font-weight: bold;
	border-bottom: 1px dotted #3C9E17;
}

div.left div.profile table tr.bottom td {
	border: none;
}

div.left div.profile table tr.bottom th {
	border: none;
}

div.left div.profile table th {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	padding: 5px 5px 5px 10px;
	text-align: right;
	width: 70%;
	vertical-align: top;
	border-bottom: 1px dotted #3C9E17;
}

div.left div.profile table td a.red {
	color: #e72015;
}

div.left div.profile div.log {
	float: left;
	left: 20px;
	margin-top: 10px;
}

div.left div.menu ul {
	padding: 0 20px;
}

div.left div.menu ul li {
}

div.left div.menu ul li a {
	text-decoration: none;
	color: #fff;
	display: block;
	border-bottom: 1px dotted #3C9E17;
	padding: 5px;
}

div.left div.menu ul li.last a {
	border: none;
}

div.left div.menu ul li a:hover {
	color: #000;
	font-weight: bold;
}

div.left div.menu ul li.active a {
	color: #000;
	font-weight: bold;
}

div.right div.navi {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 20px 10px;
}

div.right p.welcome, p.account {
	width: 400px;
	font-size: 13px;
	font-weight: bold;
	color: #1a8f1f;
	padding: 0 0 5px 20px;
}

div.right p.subtitle {
	padding: 0 20px 10px;
	color: #333;
}

div.left div.shoutbox {

}

div.left div.shoutbox div.border_top {
	top: 0;
	margin-bottom: 10px;
}

div.left div.shoutbox img.photo {
	float: left;
	border: 2px solid #50AE05;
	margin: 0 10px;
	padding: 1px;
}

div.left div.shoutbox p.name {
	font-weight: bold;
	color: #fff;
	padding-bottom: 5px;
}

div.left div.shoutbox p.message {
	color: #fff;
	padding-bottom: 5px;
}

div.left div.shoutbox form {
	padding: 5px 10px;
	clear: left;
}

div.left div.shoutbox form textarea {
	display: block;
	width: 221px;
	padding: 2px;
	font-family: Tahoma;
	margin-bottom: 5px;
	font-size: 12px;
}


.evt_lnk{
color:#00CC00;
font-size:11px;
font-weight:bold;
}


.evt_txt{
color:#006600;
font-size:11px;
font-weight:bold;
}

.evt_comment{
font-size:11px;
color:#333333;
line-height:1.2;
}


div.scrollbox {
padding-top:10px;
margin:0px;


}


.ie div.scrollbox {
padding-top:0px;
}