html {height:100%;}
body {margin:0; border:0; padding:0; position:relative; background:#FFFFFF; min-width:1200px; min-height:100%; font-size:15px; font-family: "tahoma", "arial", "verdana", "sans-serif", "Lucida Sans";}
img {border:0;}
.header {background:url(/img/bg.gif) repeat-x 0 0; display:block; height:100px;}
.header .login-error { margin:-5px 0 0 52px; }
footer {text-align:center; padding-bottom:20px; position:absolute; bottom:0; width:100%;}

.flash_success {background:url(/img/success.png) no-repeat 10px 50% #C6F8A4; border:1px solid #a2d246; border-radius:5px; height:50px; width:98%; margin:10px 1% 10px 1%;}
.flash_error {background:url(/img/error.png) no-repeat 10px 50% #ffc0cb; border:1px solid #800000; border-radius:5px; height:50px; width:98%; margin:10px 1% 10px 1%;}
.flash_success a.close, .flash_error a.close {background:url(/img/delete4.png) no-repeat 0px -12px; float:right; width:11px; height:11px; margin:3px 4px 0 0;}
.flash_success a.close:hover, .flash_error a.close:hover {background:url(/img/delete4.png) no-repeat 0px -36px;}

h1 {font-size:24px; line-height:24px; color:#4D4D4F; font-weight:normal; margin:15px 0 15px 17px; padding:0; text-align:center;}
h2 {font-size:18px; color:#4D4D4F; font-weight:normal; margin:10px 0 5px 17px; padding:0;}
input[type=checkbox] { float:left; margin:3px 5px 0 0; }
.ie8 input[type=checkbox], .ie9 input[type=checkbox] { float:none; margin:1px 2px 0 0; }

.main-color {color:#2B587A;}
a, .ui-widget-content a {color:#7D9FBC; text-decoration:none;}
a:hover {color:#006F9D; text-decoration:underline;}
a.no-click:hover {text-decoration:none;cursor:default;}
a.marker {color:#4D4D4F; text-decoration:none;}

.dialog {line-height:25px;}
#dialogError {display:none; padding:15px;}

.green_button_h29 {
	display:inline-block;
	cursor:pointer;
	text-align:center;
	background:url(/img/green_button_h29.png) repeat-x 0 0;
	color:#679218 !important;
	padding:0 14px 0 14px;
	text-shadow: #eff6df 0 1px 1px;
	border-radius:10px 3px 10px 3px;
	box-shadow:0 1px 2px #777;
	border:0;
	height:29px;
	font:bold 13px/29px "tahoma", "arial", "verdana", "sans-serif", "Lucida Sans";
}
@-moz-document url-prefix() { input.green_button_h29 {padding:0 14px 5px 14px;} }
.green_button_h29 span.ui-button-text {padding:0.5em 0;}
.green_button_h29:hover {background-position:0 -29px; text-decoration:none;}
.green_button_h29:active{position:relative;top:1px;left:1px;box-shadow:none}

.loading_circle {background:url(/img/loading_circle.gif) no-repeat; width:16px; height:16px; display:none; }
.loading {background:url(/img/loading.gif) no-repeat; height:13px; display:none;}

.blue_button{width:100px; padding:4px; background-color:#1096d5; color:#fff; text-align:center; border:1px solid #046790; font:bold 14px/18px "tahoma", "arial", "verdana", "sans-serif", "Lucida Sans"; box-shadow:inset -10px -15px 30px rgba(0,0,0,.1),inset 1px 1px 1px rgba(133,217,255,1),2px 2px 4px rgba(0,0,0,.2);border-radius:0 1px 1px 0;text-shadow:0 1px 1px rgba(50,50,50,.3);cursor:pointer;text-decoration:none;}
.blue_button:hover{background:#21aaeb; cursor:pointer; text-decoration:none;  color:#fff;}
.blue_button:active{position:relative;top:1px;left:1px;box-shadow:none}

.text, .dataForm .dright input, .dataForm .dright select {height:25px; font-size:16px; padding:0 8px 0 8px; border:1px solid #c9c9c9 !important; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:220px;}
	.ie8 .text, .ie8 .dataForm .dright input, .ie8 .dataForm .dright select {padding-top:5px; height:22px;}
	.ie8 select.text, .ie8 .dataForm .dright select {height:23px; padding:0px;}
	.ie9 select.text, .ie9 .dataForm .dright select {padding:0px;}
	select.text, .dataForm .dright select {padding-right:0px; height:28px;}
	@-moz-document url-prefix() { select.text, .dataForm .dright select  {height:24px;} }
.text:hover {border-color:#ffd073;}
.text.active {border-color:#ffd073; box-shadow: 0px 0px 3px #ffd073;}
.text.disabled {border-color:#e4e4e4; color:#a6a6a6;}
input[type=file] {padding:0;}


	/*	privateOptions dropDown		*/
.selectPrivate {position:relative; float:left; margin:2px 0 0 5px;}
.selectPrivate span.arrow {display:block; width:40px; height:21px; cursor:pointer; border: 1px solid white;}
.selectPrivate span.arrow:hover, .selectPrivate span.arrow.hover {background:url(/img/arrows.png) no-repeat 25px -43px white; border: 1px solid #999999;}
.selectPrivate span.arrow span.main {height:18px; padding:0;}
.selectPrivate .shared {display:block; cursor:pointer; height:22px; background:url(/img/private.png) no-repeat -15px -14px; padding:0 0 0 22px;}
.selectPrivate .onlyFriend {display:block; cursor:pointer; height:22px; background:url(/img/private.png) no-repeat -15px -31px; padding:0 0 0 22px;}
.selectPrivate .private {display:block; cursor:pointer; height:22px; background:url(/img/private.png) no-repeat -15px -83px; padding:0 0 0 22px;}
.selectDiv  {display:none; border:1px solid #a4a4a4; position:absolute; top:20px; width:150px; z-index:2}
.selectDiv div {background-color:#ffffff !important;}
.selectDiv a:hover, .selectDiv div:hover { background-color:#c31222 !important; color:white}
	/*	privateOptions dropDown		*/


	/* pager */
.pager {color:#999999; text-align:right; margin:0;}
.pager .pagerHeader {padding:3px 5px 0 0; display:inline-block;}
.mypager {float:right; list-style:none; font-size:14px; margin:0; padding:0;}
.mypager li {float:left; margin:0 5px 0 0;}
.mypager li.previous, .mypager li.next {display:none;}
.mypager a {float:left; color:black; text-decoration:none; text-align:center; min-width:20px; height:20px; padding:2px 2px 0 2px; border-radius:4px; border:1px solid #C7C7C7;}
.mypager a:hover, .mypager li.selected a{ background-color:black; color:white; border:1px solid black;}
	/* pager */
	
	
	/* widget loginForm */
.login_input{border:1px solid #506d9e; height:29px; padding:0 9px 0 9px; margin-bottom:3px; width:170px; color:#666666; font-size:14px; border-radius:4px; box-shadow:0 1px 1px #92abd7;}
.ie8 .login_input{padding:5px 9px 0 9px; height:24px;}
a.recovery_password {color:black; margin:0 0 0 5px;}
	/* widget loginForm */
	

	/* Регистрация пользователя */
.reg {font-size:15px;}
.reg label {display:block; padding-top:4px;}
.reg .data {float:left; min-width:430px; width:40%; display:block; margin-bottom:100px; }
.reg .dleft {float:left; text-align:right; width:40%; padding-right:15px;}
.reg .dright {float:left; width:240px;}
.reg .dright label{display:inline-block; padding:5px 10px 0 0;}
.reg .info {float:left; width:45%; padding:35px 0 0 5%; line-height:29px;}
.reg .info a{padding-left:3px;}
.reg input[name="User[sex]"] {background:#FFFFFF;}
	/* Регистрация пользователя */
	

	/* Главная страница пользователя */
a.main {display:block; color:#2B587A; text-decoration:none; padding:3px 5px 3px 5px; line-height:1.3em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
a.main:hover {background-color:#e1e7ed;}
.leftmenu{float:left; width:240px; margin:0 20px 0 20px; padding: 0px 0px 7px 0px;}
.leftmenu ul {list-style:none;}
.leftmenu li.selected a {display:block; text-decoration:none; color:#006f9d;}
.leftmenu .number{color:red; padding-left:5px; text-shadow:0px 0px 5px #ffd073;}

.leftcol {width:250px; float:left;}
.leftcol .avatar {width:250px; margin-bottom:4px;}
.progressbar {height:28px; cursor:default;}
div.progressbar_number_main {position:absolute; padding:5px 0px 0px 105px; cursor:inherit; }
.slide {background:#E1E7ED; padding:3px 10px 3px 10px; display:block; color:#3E5FA2; font-size:15px; text-decoration:none; margin-top:6px;}
.one_friend {float:left; height:75px; width:50px; padding:6px; font-size:11px; text-align:center;}
.one_friend img {height:50px; width:50px;}
.one_friend span {display:block; overflow:hidden; text-overflow:ellipsis;}

.rightcol {float:left; width:45%; margin:10px 0px 0px 15px;}
.user_data{line-height:140%; cursor:default; margin:0 0 0 10px;}
.user_data .dleft{clear:left; float:left; width:150px; color:#777777;}
.user_data .dright{display:table-row;}

.textarea_wall{font-size:16px; padding:0 2% 0 2%; border:1px solid #c9c9c9; min-width:90%; width:90%; height:80px !important; margin:5px 3% 5px 3%;}
.one_message {display:block; border-bottom:1px solid #c9c9c9; margin-bottom:10px;}
.one_message img {height:70px; width:70px;}
.one_message a.sender_name {font-size:14px; font-weight:bold; color:#3E5FA2; text-decoration:none;}
.one_message a.sender_name:hover {text-decoration:underline;}
.one_message .message {word-wrap:break-word; padding-top:5px; font-size:14px; line-height:20px; text-align:justify;}
.one_message .delete {float:right; width:15px; height:15px; padding:5px;}
.one_message .comment {float:right; font-size:14px;}
.one_message .addComment {float:right; margin-bottom:20px;}
.one_message .wallComment {padding:0 0 0 80px;}
.clock_date { background: url("/img/clock.png") 0px 0px no-repeat; font-size:13px; width:120px; padding:0px 20px 0 20px; margin-left:10px; color:#A6A6A6;}
	/* Главная страница пользователя */

	
	/* Личные сообщения */
.messages-container { overflow-y:auto; padding-right:10px;}
.new-message{box-sizing: border-box; width:100%; height:100px; margin-top:10px;}
.message_private{padding:10px 5px 5px 5px;}
.message_private:hover{padding:9px 4px 5px 4px; cursor:pointer; border:1px solid #a6a6a6; border-radius:5px; box-shadow:0 1px 2px #777;}
.message_private span.arrow{background:url(/img/icons.png) no-repeat -7px -113px; width:18px; height:13px; margin-top:2px; position:absolute;}
	/* Личные сообщения */
	
	
	/* Редактирование данных пользователя */
.dataForm{float:left; width:700px; border-right:1px solid #a6a6a6; border-bottom:1px solid #a6a6a6; border-left:1px solid #a6a6a6; padding:0 10px 30px 10px;}
.dataForm .dleft{clear:left; float:left; width:200px; text-align:right; padding:3px 10px 0 0; height:48px;}
.dataForm .dright{float:left; margin-bottom:10px;}
.dataForm .dright input{width:300px;}
.dataForm .dright select{width:320px;}
.dataForm .dright .border-orange { border: 1px solid #ffa901 !important; }
	/* Редактирование данных пользователя */
	
	
/* Просмотр всех пользователей */
.users {float:left; width:75%; margin:10px 0px 0px 15px;}
.userRow {float:left; width:220px; height:280px; margin:0 4% 0 0;}
.userRow a {display:block; text-align:center; text-decoration:none; margin-bottom:5px;}
.userRow b {display:block; text-align:center; color:#a6a6a6;}
.userRow a.name {font-size:14px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:30px; border:3px solid #fff; border-radius:7px;}
.userRow a.name:hover {border-color:#e5e5e5;}
.userRow a:hover {text-decoration:underline;}
.userRow a img {width:120px;}
.search, .search:hover{background-image:url(/img/search.png); background-size:18%; background-repeat:no-repeat; background-position:6px 6px;}
/* Просмотр всех пользователей */


/*	Tracking vk	*/
.select_vk {margin:0 0 0 70px; width:170px; padding-left:5px;}
.vk {float:left; width:920px; padding:0 0 30px 20px; margin:0; box-sizing:border-box; border-bottom:1px solid #9A9A9A; border-left:1px solid #9A9A9A; border-right:1px solid #9A9A9A;}
.vk_leftcol {float:left; width:220px; margin:0 0 10px 0;}
.vk .menu {float:left; width:100%; margin-bottom:20px; display:none;}
div#vk_history{float:left; max-width:630px; margin-left:20px;}
div#vk_history a.name {text-overflow:ellipsis; overflow:hidden; white-space: nowrap; max-width:220px; display:inline-block; float:left;}
div.dialog_vk_delete p{padding:5px 10px 5px 10px;}
.white-green { color:#333; background:#f0f0f0; display:block; padding:5px 0px 6px 10px; margin:4px 0px 0px 0px; border:1px solid #ccc; border-radius:3px; text-shadow:1px 1px 0 #fff; box-shadow:0 0 10px rgba(0, 0, 0, .2); }
.white-green:hover{ color:#333; border:1px solid #009933; text-decoration:none;}
.icon_delete { background:rgba(0, 0, 0, 0.506); border-radius:3px; padding: 5px; position: absolute; left:504px; width:7px; height:7px; }
.icon_delete span{background: url(/img/ico_remove.gif) no-repeat;  position:absolute; width:7px; height:7px; opacity:0.5; }
.icon_delete:hover span { opacity:1; }
.icon_online_1 {background: url(/img/online_icons.gif) no-repeat 0 -101px; width:13px; height:11px; display:inline-block;}
.icon_online_2 {background: url(/img/online_icons.gif) no-repeat 0 -89px; width:13px; height:11px; display:inline-block; }
.icon_online_3 {background: url(/img/online_icons.gif) no-repeat 0 -89px; width:13px; height:11px; display:inline-block; }
.icon_online_4 {background: url(/img/online_icons.gif) no-repeat 0 -77px; width:13px; height:11px; display:inline-block; }
.icon_online_5 {background: url(/img/online_icons.gif) no-repeat 0 -123px; width:13px; height:11px; display:inline-block;}
.icon_online_6 {background: url(/img/online_icons.gif) no-repeat 0 -123px; width:13px; height:11px; display:inline-block;}

.fontVk {color:#45668E; font:normal normal 700 13px/18px Tahoma;}
a.fontVk {text-decoration:none; }
a.fontVk:hover {text-decoration:underline; }
.plus {background:url(/img/plus_minus.png) no-repeat 0 4px; padding-left:20px; }
.minus {background:url(/img/plus_minus.png) no-repeat 0 -13px; padding-left:20px; }
.hide {background:url(/img/plus_minus.png) no-repeat 0 -30px; padding-left:20px; }

.vkChangeLog {display:none; margin:20px 0 0 0;}

.toggle_class_vk .back { background: url(/img/back.png) no-repeat 0 2px; width:25px; height:25px; float:left; padding-right:5px; }
.toggle_class_vk .ui-button-text .back {background-position:0 -3px; }
/*	Tracking vk	*/

/* Tracking.export */
.vk .report-block {float:left; width:660px; margin-left:10px;}
.vk .report-flex-container {display: flex; justify-content: space-around; margin-bottom:10px;}
.vk .report-flex-container * {flex-grow:1; flex-basis: 110px;}
/* Tracking.export */

/* Vk view */
.vk .header {background:#E9EDF1; height:20px; padding:5px 0 5px 10px;}
.profile_online {color:#AAB7C5; float:right; margin-right:20px;}
.icon_ico {background:url(/img/icon.ico) no-repeat; background-size: contain; height:16px; width:16px; float:left; margin:1px 3px 0 0; }
/* Vk view */


/*	Tracking vk_stats	*/
div.vk_stats .vk_leftcol {display:none;}
div.vk_stats .menu {display:block;}
div.vk_stats #history {display:none;}
/*	Tracking vk_stats	*/


/*	опросы	*/
.poll{padding:0 0 0 20px; font-size:16px;}
.poll label{font-size:14px; display:block;}
.poll input{ float:left;  margin-bottom:10px; margin-right:7px;}
.poll form{padding:5px 0 0 0;}

.border_stats {border:1px solid #a6a6a6; border-radius:3px; display:inline;}
span.separator_link {background-color:#018DC0;}
.dialogPoll .rating {clear:left; border:1px solid white; height:40px; padding:20px 0 0 10px; margin-bottom:3px; }
.dialogPoll .rating:hover {border:1px solid #a6a6a6; border-radius:5px; box-shadow:1px 1px 1px #777;}
/*	опросы	*/

/*	JQuery tipsy	*/
.tipsy {
	padding:5px;
	font-size:11px;
	opacity:.8;
	filter:alpha(opacity=80);
	background:url(/img/tooltip.gif) no-repeat;
}
.tipsy-inner {
	padding:5px 8px 4px;
	background-color:black;
	color:white;
	max-width:200px;
	text-align:center;
}
.tipsy-inner { border-radius:3px }
.tipsy-north { background-position:top center }
.tipsy-south { background-position:bottom center }
.tipsy-east { background-position:right center }
.tipsy-west { background-position:left center }
/*	JQuery tipsy	*/


/*	vk_sms		*/
.vk_sms {clear:both;}
.vk_sms img {width:100px;}
.vk_sms .sms_save, .vk_sms .save {margin-left:155px; padding:0 30px 0 30px; float:left; }
/*	vk_sms		*/

/*	payment		*/
.paymentTypes .webmoney {background:url(/img/webmoney.png?1) no-repeat 7px 13px; width:124px; height:100px; display:block; float:left; border:2px solid white; border-radius:5px; cursor:pointer; margin-left:50px; }
.paymentTypes .qiwi {background:url(/img/qiwi.png) no-repeat 8px 31px; width:97px; height:100px; display:block; float:left; border:2px solid white; border-radius:5px; cursor:pointer; margin-left:50px; }
.paymentTypes .yandex {background:url(/img/yoomoney.svg) no-repeat 0 35px; background-size: contain; width:140px; height:100px; display:block; float:left; border:2px solid white; border-radius:5px; cursor:pointer; margin-left:50px; }
.paymentTypes .yandex-visa {background:url(/img/visa.jpg) no-repeat 8px 17px; width:88px; height:100px; display:block; float:left; border:2px solid white; border-radius:5px; cursor:pointer; margin-left:50px; }
/*
.paymentTypes .yandex-mobile {background:url(/img/mobile.png?1) no-repeat 8px 7px; width:166px; height:100px; display:block; float:left; border:2px solid white; border-radius:5px; cursor:pointer; margin-left:20px; }
.paymentTypes .robokassa {background:url(/img/mts.png) no-repeat 8px 7px; width:166px; height:100px; display:block; float:left; border:2px solid white; border-radius:5px; cursor:pointer; margin-left:50px; }
.paymentTypes .mixplat {background:url(/img/megafon.png) no-repeat 8px 7px; width:69px; height:100px; display:block; float:left; border:2px solid white; border-radius:5px; cursor:pointer; margin-left:50px; }
*/
.paymentTypes span:hover {border:2px solid #efeff0;}
.paymentTypes span.active {border:2px solid #ffa901; }
/*	payment		*/

/*	page	*/
.page {padding:0 30px 30px 10px; text-align:justify; line-height:20px; }
.page p {padding:10px 0 10px 0; margin:0 0 0 17px; }
.page ul { padding-bottom:5px; }
.page ul li { padding:3px 0 3px 0; }
.marker {padding-top:20px; display:block;}
.webmoney_banks {margin:0 0 0 130px; display:block; border:2px solid #A6A6A6; border-radius:3px;}
/*	page	*/

/*	инфо слева	*/
.info_news {text-align:center; line-height:1.5em; border:2px solid #efeff0; border-radius:5px; margin:20px 0 0 30px; background-color:#efeff0; padding:3px; opacity:0;}

.city-banner {position: absolute; left: 900px; bottom: 80px}
.city-banner .icon_delete {left: 0; cursor: pointer;}