@charset "windows-1251";
html, body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	color:#3f4446;
	height: 100%;
}

h1 {
}

h2 {
	font-size:12pt;
}

a {
	color:#008dff;
	text-decoration:none;
}

a:hover {
	color:#008dff;
	text-decoration:underline;
}

ul, ol 									{ font-size:0.7em; line-height:1.3em; margin-top:5px; }
ul 											{ list-style-type:none; }
li 											{ margin-bottom:5px; }

.blue										{ color:#008dff !important }
.grey 									{ color:#b2b5b6; }
.red										{ color:#f00; }
.green 									{ color:#bbd900; }
.white									{ color:#fff; }
.black									{ color:#3f4446; }
.caption 								{	color:#3f4446; font-size:9pt; font-weight:bold; }
.caption a 							{	color:#3f4446; text-decoration:none; }

/* ==============  ������  =============== */
div.caption							{ background: #565c5f; color:#FFFFFF; font-size:0.75em; font-weight:bold; padding:5px; margin-bottom:10px; }
.devider  	  					{ margin:10px 0px 0px; }
.devider img  					{ width:100%; }

.caption_buttons				{ float:right;	}
.caption_buttons span 	{ margin:1px; }
.caption_buttons a			{ color:#b2b5b6; text-decoration:underline; font-weight:normal; }
.caption_buttons a:hover{ color:#fff; }

.my_profile							{ margin:0px; }
	.my_profile .avatar 	{ width:64px; float:left; }
	.my_profile .avatar  img	{ border:none;}
	.my_profile .name			{ font-size:1em; margin-left:0px; padding-bottom:4px; }
	.my_profile .rating		{ font-size:0.7em; margin-left:70px; color:grey; }
	.userPanel .rating		{ font-size:0.7em; margin-left:0px; color:grey; }
	/*.my_profile */
	.name_big							{ font-size:1.3em; }
	.groupname_big				{ font-size:1.3em; }
	.groupname_big a			{ color:#008DFF; }	/*{ color:#5AB18F; }*/
	
	.my_profile .status		{ color:#979b9c; font-size:0.7em; }
	table.my_profile 			{ font-size:0.75em; }
	table.my_profile .caption		{ border-top:1px solid #dae1ec; padding:5px 1px 6px 0px; font-size:0.9em}
	table.my_profile td		{ padding:1px 5px 2px 0px; }
	.my_profile .td1			{ color:#979b9c; width:1%; }
	.my_profile .links 		{ color:#008DFF; font-size:0.75em; }
	.my_profile .links a	{ color:#008DFF; }
	.my_profile .links a:hover { text-decoration:underline }
	.form_label { font-size:0.75em; color:#979b9c; float:left; text-align:right; width:140px; padding:6px 5px; }
	.form_field { font-size:0.75em; float:left; clear:right; padding:6px; padding-left:0px;}
	.form_field input, .form_field select  { font-size:0.75em; width:25em; }
	.form_field1 input, .form_field1 select  { font-size:0.75em; width:auto; }
	.form_alarm { font-size:0.7em; color:red; clear:left; padding-bottom:10px; } 

.my_menu 								{ font-size:0.75em }
	.my_menu ul						{ width:183px; font-size:1em; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0pt 0pt 0em -3px; padding:0pt 0pt 0pt;}
	.my_menu ul li				{ margin:1px 0px; line-height:1.9em;	}
	.my_menu ul li a			{ background:white; display:block; padding:1px 3px 1px 3px; }
	.my_menu ul li a:hover 	{ background:#a5c3d2; color:#fff; text-decoration:none; }

.public_menu 								{ font-size:0.75em }
	.public_menu ul						{ width:183px; font-size:1em; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0pt 0pt 0em -3px; padding:0pt 0pt 0pt;}
	.public_menu ul li				{ margin:1px 0px; line-height:1.9em;	}
	.public_menu ul li a			{ background:white; display:block; padding:1px 3px 1px 3px; }
	.public_menu ul li a:hover 	{ background:#a5c3d2; color:#fff; text-decoration:none; }
	
.my_friends							{	}
	.my_friends div.friend	{ padding:6px 10px 6px 0px; height:90px; width:64px; float:left; text-align:center; line-height:0.7em }
		.my_friends div.friend img { padding-bottom:6px; border:none;	}
		.my_friends .friend	a 	{ font-size:0.7em;	}
		.my_friends .friend	a:hover 	{ text-decoration: underline; }

.my_map									{	}
	.my_map_top						{align:center; height:36px; border-bottom:#dae1ec 1px solid; }
	.my_map_boxes					{ font-size:0.7em; padding:2px 0px; white-space: nowrap;}
	div.my_map_boxes			{ padding:2px 0px 4px; }
	.my_map_top .my_map_boxes	{ margin:0px 0px; }
	
	.my_map_boxes .top_boxes	{ display:inline; white-space: nowrap;}
	.my_map_boxes .top_boxes div.chkbox	{ width:25px; height: 10px; display:inline; padding-top:2px; }
	
	.my_map_boxes div.right_boxes	{ width:30px; float:left; clear:left; @margin-top:-2px; }
	.my_map_boxes div.right_boxes input	{ margin-left:2px; @margin-left:0px;}
	.my_map_boxes input		{ margin-top:0px; }
	.my_map_boxes label		{ cursor:pointer; }
	.my_map_boxes span		{ border-bottom:dashed 1px #038aee; }

div.my_wall							{ border-top:0px solid #dae1ec; }
	.my_wall_block 				{ color:#3f4446; padding-top:5px;}
	div.my_wall_block 		{ clear:both; }
	.my_wall_block_photo 	{ float:left; }
	.my_wall_block_photo img	{ background:lightgrey; border:0px;}
	.my_wall_block_text		{ font-size:0.75em; padding-bottom:1.4em; }
		.name a 						{ color:#038bff; text-decoration:none; font-weight:bold; }
		.name a:hover				{ background:#038bff; color:#FFF; }

	div.work_sublinks 		{ color:#008DFF; font-size:0.8em; }
	.work_sublinks a 			{ color:#008DFF; }
	.work_sublinks a:hover { color:#FFF; background:#008DFF; }
	.wall_action					{ font-size:0.8em; margin-top:4px; padding:5px; text-align:right; font-size:0.7em;}
	div.wall_arr				{ float:right; margin-left:5px; padding:2px 0px; font-size:0.8em; border:1px solid lightGrey }
	div.wall_arr	a:link		{ padding:2px 6px; }
	div.wall_arr a:hover		{ color:white; background:#008DFF; text-decoration:none }
	
	.my_wall_block_text	p	{ margin: 0 0 14px; line-height:1.5em; }
	.my_wall_subblock_text p { margin: 9px 0px; font-size:0.9em; }

	div.my_wall_block_text	{ margin-left:74px; }
	div.my_wall_block_footer	{ padding-left:74px; margin-top:-1.25em; border:none;}
	.my_wall_block_footer div.spacer 	{ margin:5px 0px; }
	div.spacer_before { margin-top:5px; margin-bottom:10px;	}
		
.message_mine, .message	{ font-size:0.75em; border-bottom:1px solid #dae1ec; padding:5px 0px; }
	.message_mine .text, 
	.message .text				{ overflow:auto; padding:0; margin:0 5px 0 15px; }
	.message_mine .name, 
	.message .name				{ float:left; }
	.message_mine .date, 
	.message .date				{ color:#b2b5b6; font-size:0.9em; }

.work_links 						{ font-size:0.7em; color:#008DFF; }
	.work_links a					{ color:#008DFF; text-decoration:none; }
	.work_links a:hover		{ color:#FFF; background:#008DFF; }

.groupwork_links 						{ font-size:0.7em; color:#5AB18F; position: absolute; bottom:0;}
	.groupwork_links a					{ color:#008DFF; text-decoration:none; } /*{ color:#5AB18F; text-decoration:none; }*/
	.groupwork_links a:hover		{ color:#FFF; background:#008DFF; }			 /*{ color:#FFF; background:#5AB18F; }*/

.groupDesc					{min-height: 74px;}
* html .groupDesc				{height: 74px;}
	
.bookmarks							{ }
	div.bookmarks					{ margin-top:-35px; height:35px; font-size:0.7em; }
	.bookmarks li					{ display:block; float:left; padding:5px 10px; background:none; margin-right:5px; }
	.bookmarks li:hover		{ background:#dae1ec; color:#565c5f; }
	.bookmarks li.current	{ background:#dae1ec; }
	.bookmarks a					{ color:#565c5f; text-decoration:underline; }
	.current a						{ color:#565c5f; text-decoration:none;	}

.my_event								{  }
	div.my_event					{ border:1px solid #bbd900; width:145px; margin:10px 0 15px -3px; padding:15px 20px 15px 16px; font-size:0.7em; }
	.my_event li					{ margin:5px 0 5px 15px; }
	
.group_users .group_user_list 	{font-size: 0.75em}

.group_profile .links 			{ color:#008DFF; font-size:0.75em; }
.group_profile .links a			{ color:#008DFF; }
.group_profile .links a:hover	{ text-decoration:underline }
.group_profile					{margin-bottom: 10px;}
.group_profile .description		{color: #bac7da}

table.simple						{ width:100%; border-collapse: collapse; }
table.simple td					{ padding:0px; vertical-align:top; }
.rating table.simple td { vertical-align:middle; padding:4px 5px 0 0; }


div.alert								{ font-size:0.75em; padding:50px 0px 60px; text-align:center; border-bottom:#565C5F 3px solid}
div.service							{ font-size:0.75em; padding:20px 0px 30px; text-align:center; border-bottom:#565C5F 3px solid}
div.service input				{ font-size:1.2em; }

div.wallService					{ font-size:0.75em; padding:10px 3px 20px 0px; border-bottom:#565C5F 3px solid}
div.wallService input		{ font-size:1.2em; }
div.wallService textarea	{ width:98%; }


div.pager								{ font-size:0.8em; text-align:right; margin-top:5px; margin-bottom:15px; }

.baloon									{ font-size:0.75em; }
div.baloon							{ max-width:300px; overflow:auto; text-align:left; }

.avatar_tag	{ padding:0px; width:64px; height: 64px; padding: 0; margin: 0; overflow:hidden; margin-top:3px;}

/* ============== �������� ���� ========== */
#main {
	border:none;
	position:relative;
	max-width:1600px;
	min-width:800px;
	min-height:100%;

	text-align:left;
	clear:both;
	padding-bottom:0px;
	margin-bottom: -80px;
}
.main-thick{
	width:86%;
	margin-left:7%;
}
.main-thin {
	width:98%;
	margin-left:1%;
}

* html #main {height: 100%}

/* ������� ���� */
#top_menu {
	font-size:0.7em;
	height:25px;
	text-align:center;
	background:#3f4446;
	color:white;
}

#top_menu a {
	color:white;
	text-decoration:none;
}

#top_menu a:hover {
	color:#BBD900;
	text-decoration:none;
}

#left {
	float:left;
	border:none;
	width:200px;
	margin: 0 0 0 40px;
}

*html #left {
	margin: 0 0 0 20px;
}

#left div.caption {
	background:#565c5f url(/img/capt_arr_down.gif) left no-repeat;
	padding:4px 10px 6px 20px;
	margin-left:-3px;
	width:153px;
	font-weight:normal;
	color: white;
}
#left div.devider {
	margin-left:-3px;
	width:183px;
}
#left div.devider img {
	width:183px;
}

#center {
	position: relative;
	display: block;
	border:none;
	margin-left:0;
	margin-right:-21%;
	float:left;
	width: 79%;
	z-index:0;
}

#content{
	margin-left:245px;
	border:none;
}

*html #content{
	@margin-left:0;
	@float:left;
}

#right {
	float:right;
	display: block;
	width:20%;
	border:none;
	text-align:left;
}

#footer {
	clear: both;
	border:none;
	margin-left: 7%;
	height:80px;
	color:#949399;
	font-size:0.7em;
	line-height:1.4em;
	padding-left: 245px;
}

.sub_top_menu {
	position:absolute;
	background-color: #3F4446;
	padding:10px;
	z-index:100;
	display:none;
	white-space:nowrap;
	left:0%;
	top:100%;
	text-align:left;
	margin-left:-20px;
}

.sub_top_menu div {
	padding:3px 10px;
}

.sub_right_menu {
	position:absolute;
	background-color: #E4E4E4;
	padding:5px;
	z-index:100;
	display:none;
	white-space:nowrap;
	right:100%;
	top:0%;
	text-align:left;
	margin-top:-5px;
}
.public_menu ul li .sub_right_menu a {
	background: #E4E4E4 none repeat scroll 0 0;
}
.public_menu ul li .sub_right_menu a:hover{
	background:#a5c3d2; color:#fff; text-decoration:none;
}

*html .sub_top_menu {
	margin-top:-5px;
}


#map_menu								{ background:#3F4446 }
#map_menu ul						{ font-size:0.7em; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 0 0; padding: 5px; }
#map_menu ul li					{ color:#fff; display: block; padding: 0px 5px; }
#map_menu ul li:hover 	{ color:#BBD900; text-decoration:none; }
#map_menu a							{ color:#fff; text-decoration:none; }
#map_menu a:hover				{ color:#BBD900; text-decoration:none; }

#mapAlert	div						{ padding-top:5px; font-size:0.75em; color:#bbd900; }	
#mapContextMenuDiv			{  }
#mapResize							{ color:#b2b5b6; font-size:0.7em; text-align:right; padding-top:5px; }
#mapResize a						{ color:#b2b5b6; }
#mapResize a:hover			{ color:#008dff; text-decoration:none; }

#map_wait								{ text-align: center; border: 1px solid white; margin: -30px 0 0 -150px; width: 300px; height: 100px; left: 50%; top: 50%; }

.poiElement dt					{ width: 100%; padding: 5px 0; padding-top:1px; @padding-top:3px; background: #565C5F; margin: 0;}
.poiElement dt span			{ padding-left: 6px; font-size:0.75em; font-weight:bold; color:#FFFFFF; }
.poiElement dt.poi_new	{	border-top: 2px solid #6F6; }
.poiElement dt.poi_edit	{	border-top: 2px solid #FC6; }
.poiElement dt.poi_del	{	border-top: 2px solid #F66; }
.poiElement dd					{ padding-left: 0px; margin-left: 0;}

.ajax_loader						{	width: 12px; height:12px; padding: 0; margin: 0;}

.colorPicker td					{	width: 12px; height: 12px; border: 1px dotted white;}

.colorPicker td.hoverCell	{ border: 1px solid red;}
.colorPicker td#selCell		{ border: 1px solid black;}

div.autosign						{ padding:5px 0; }

.userPanel							{ border-bottom:#565C5F 3px solid; min-height: 74px; }
.userPanel div.autosign	{ padding:0 0; }

*html .userPanel				{ height: 74px }
*html .groupPanel				{ height: 74px }

.wallObjectComments			{ font-size: 0.8em; }
ul.tree						{ font-size: 1em; padding-left:20px; margin-left:0; }
li.comment					{ list-style-image: url('/img/arr_child.gif'); list-style-position:outside; }

.userPOIcheckbox				{ margin-bottom:0px; margin-left:0; font-size:0.8em; width:1em; }
.userTrackCheckbox			{ margin-bottom:0px; margin-left:0; font-size:0.8em; width:1em; }

div.inside							{ margin:10px 30px; }

.positiveRating					{ color: #d98300; }
.negativeRating					{ color: #0070cc; }

*html .whiteShadow			{	display: none;}

div.event 							{ font-size:0.8em; margin-top:5px; margin-bottom:6px; }
div.event p 						{ margin: 9px 20px 0px; line-height: 1.3em; }

span.greenButton				{ color:green; }
span.greenButton	a			{ color:green; border:green 1px dotted; padding:3px; }
span.greenButton	a:hover	{ color:white; background:green; text-decoration:none; }

span.redButton					{ color:#565C5F }
span.redButton	a				{ color:#565C5F; border:#565C5F 1px dotted; padding:3px; }
span.redButton	a:hover	{ color:white; background:#565C5F; text-decoration:none; }

div.trackPanel, div.POIPanel																{ font-size:0.75em; border-bottom:dotted 1px grey; padding-top:5px; padding-bottom:5px; }
.my_wall_block_text div.trackPanel													{ font-size:1em !important; border-bottom:dotted 1px #dae1ec !important; } 
.my_wall_block_text div.POIPanel														{ font-size:1em !important; border-bottom:dotted 1px #dae1ec !important; } 

.trackPanel	div.trackActions,	.POIPanel	div.POIActions			{ margin: 8px 0pt; float: right; text-align: right; line-height: 1.6em; font-size: 0.8em; color: #B2B5B6 }
.trackPanel	div.trackActions a, .POIPanel	div.POIActions	a	{ color: #B2B5B6 }

.trackPanel	input, .POIPanel input													{ margin:0px; margin-right:2px; }
.trackPanel	label, .POIPanel label													{ cursor:pointer; }
.trackPanel	label	span.trackName, 
.POIPanel	label	span.POIName																{ border-bottom:dashed 1px #038AEE; }
div.POIPanel p					{ margin:8px 20px; color:grey; font-size:0.9em; }
div.POIPanel a.poiLink	{ text-decoration:none; }
div.POIPanel a span			{ text-decoration:none; color:#3f4446; border-bottom:dashed 1px #038AEE; }



.trackPanel	div.draw	{ font-size:1px; height:3px; margin:2px 0px 10px; }

.fotoBlock    {float: left; margin: 10px 20px 10px 0;}
.foto         {width: 128px; border: 1px solid #CCC; padding: 5px;}
.foto img   {border: 0;}
.fotoDescription    {text-align: center; font-size: 0.8em}
.fotoPosition    {text-align: center; font-size: 0.8em}

#albumPhotoList    {margin: 0 -20px 0 0;}
.fotoFrameTL	{background-image: url('/img/fotoFrame/fotoFrame_01.gif'); background-repeat: none;}
.fotoFrameTR	{background-image: url('/img/fotoFrame/fotoFrame_02.gif'); background-repeat: none; float: right;}
.fotoFrameBL	{background-image: url('/img/fotoFrame/fotoFrame_03.gif'); background-repeat: none;}
.fotoFrameBR	{background-image: url('/img/fotoFrame/fotoFrame_04.gif'); background-repeat: none; float: right;}
.fotoFrameBL img	{padding-left: 3px;}
.fotoFrame		{margin:0; padding: 0;}
.middleFrame	{background-image: url('/img/fotoFrame/middleFrame.gif'); background-repeat: repeat-y; width: 64px; height:64px; text-align: center;}
.middleFrame1 img	{width: 64px; height:64px;}

.hint	{background: #FFC; border: 1px solid #CCC; font-size: 0.8em; padding: 5px; color: #666; margin-bottom: 5px;}

div#baloonMsg	 				{ padding-top:10px; overflow:hidden; }
#baloonMsg #baloonResponse 	{  display:none; color:#3f4446; } 
#baloonMsg form 			{ padding:0; margin:0; }
#baloonMsg .inactive 	{ color:#b2b5b6; }
#baloonMsg .active 		{	color:#3f4446; }

div.subCaption							{border-top: 3px solid #565C5F; color:#666; font-size:0.75em; font-weight: bold; padding:5px; margin-bottom:10px; height: 1em}
.userPanel + .subCaption		{border-top: 0px;}
.subCaption .caption_buttons a			{ color:#666; text-decoration:underline; font-weight:normal; }
.subCaption .caption_buttons a:hover{ color:#333; }


.fofPanel .friend	{  line-height:0.7em }
.fofPanel .friend img { padding-bottom:6px; border:none;	}
.fofPanel .friend	a 	{ font-size:0.7em;	}
.fofPanel .friend	a:hover 	{ text-decoration: underline; }
.fofPanel			{margin-bottom: 10px;}

.public_menu div.caption {
	background:#565c5f url(/img/capt_arr_down.gif) left no-repeat;
	padding:4px 10px 6px 20px;
	margin-left:-3px;
	width:70%;
	font-weight:normal;
	font-size: 1em;
	color: white;
}

#chkbox_panel	{margin-bottom: 10px;}

#map {
	background-color: #E4E4E4;
	width: 100%;
}

.mapLoader {
	width: 100%;
	height: 100%;
	background-color: #E4E4E4;
	background-repeat: no-repeat;
	background-image: url(/img/loading.gif);
	background-position: center center;
}

.pageLoader {
	width: 100%;
	height: 150px;
	background-color: #E4E4E4;
	background-repeat: no-repeat;
	background-image: url(/img/loading.gif);
	background-position: center center;
}

#mapAreaSelectBox.selectBox {
	position:relative;
	border:1px dotted #B2B5B6;
	color:#3F4446;
	padding: 0px 0px 0px 0px;
	font-size:18px;
}

#mapAreaSelectBox.selectBox .selectBoxContainer {
	margin: 5px 5px 5px 5px;
}

#mapAreaSelectBox.selectBox .selectBoxItems {
	background:#E4E4E4 none repeat scroll 0 0;
	border:1px dotted #999999;
	display:none;
	position:absolute;
	top:100%;
	z-index:51;
}

#mapAreaSelectBox.selectBox .selectBoxItem {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 2px 5px 2px 5px;
	cursor:pointer;
}

#mapAreaSelectBox.selectBox li.selectBoxItem:hover {
	background:#fff;
	color:#008DFF
}

#statusBox									{ position: relative; margin: 4px 20px 4px 0pt; padding: 2px 3px 5px; border:1px dotted #B2B5B6; font-size:0.9em; color:#3F4446; }
#statusBox .selectBoxItems	{ display: none; position: absolute; top:23px; left: -1px; border: 1px #999 dotted; background: #e4e4e4; padding: 0px; width: 178px; z-index: 1000; line-height:1.7em;}
#statusBox .selectBoxItems li	{ cursor:pointer; background: #e4e4e4; list-style:none; padding:2px 3px; margin:0px; border-bottom:dotted 1px #eee; }
#statusBox .selectBoxItems li:hover	{ background:#fff; color:#008DFF}

.searchField	{margin: 0 0 5px 0;}
	.sLabel		{float: left; width: 180px; text-align: right; padding: 4px 10px 0 0;}
	.sField		{text-align: left; padding-left: 10px;}

.wallForm { height: 150px; }

.smile {}