/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;border:0;outline:0;font-size:100%;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}*/
* { font-size: 100%; }
html, body, ul, ol, li, dl, dt, dd, p, pre, h1, h2, h3, h4, h5, h6, blockquote, form, fieldset, legend, table, td, th { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

img { border: 0; }

#flags a {
    text-decoration: none !important;
}

.small-margin{
    margin-top: 0.3em!important;
    padding-bottom: 10px;
}

body {
	font-family: Georgia, serif, "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Twemoji Mozilla","Noto Color Emoji","EmojiOne Color","Android Emoji",sans-serif, "TCE";
	font-size: 93.75%;
	line-height: 1.3;
	background: #f9f9ea;
	color: #1b2b32;
	min-height: 100%;
	min-width: 960px;
}
ul { list-style-type: none; }
ul li { margin-bottom: 0.5em; }
ol li { margin-bottom: 1.1em; }

h1 { font-size: 2em; margin-bottom: 0.6em; }
h1#flags { font-size: 2em; }
h1.avatar { font-size: 2em; margin-bottom: 0.6em; margin-left: 8.3em; }
h1.avatar span { font-size: 70%; border-color: #52A1B4;}
h1.avatar span#dashes { font-size: 100%; border-bottom: 1px dashed; border-color: #52A1B4;}
h1.avatar span:hover{ font-size: 70%; border-color: #b32e2f;}
h1.avatar span#dashes:hover { font-size: 100%; border-bottom: 1px dashed; border-color: #b32e2f;}
h1.avatar a { text-decoration: none; }
h2 { font-size: 167%; margin-bottom: 0.7em; }
h2.smaller,
h3 { font-size: 133%; margin-bottom: 0.7em; }

.clear { clear: both; }

a:link, .pseudo, #top-navigation a:visited, #user-links a:visited, .d-round-control a:visited { color: #52a1b4; }
a:visited { color: #52a1b4; text-decoration: none; }
a:hover, .pseudo:hover { color: #b22e2f !important; }
.tr_link { color: #52a1b4; text-decoration:underline; cursor: pointer; }
#album { cursor: pointer; text-decoration:underline; color: #52a1b4; }
#dash, #dash_history { cursor: pointer; text-decoration:underline; color: #52a1b4; }
a#dash, a#dash_history { position: relative; margin-right: 20px; }
#dash .decor { background-position: -22px -180px; height: 9px; right: -15px; margin-left: 0; position: absolute; top: 6px; width: 9px; }
#dash_history .decor { background-position: -36px -180px; height: 9px; right: -17px; margin-left: 0; position: absolute; top: 6px; width: 17px; }
/*��� ��� �����*/
@media all and (-webkit-min-device-pixel-ratio:10000),
	not all and (-webkit-min-device-pixel-ratio:0) {
	#dash .decor { background-position: -22px -180px; height: 9px; position: absolute; top: 6px; width: 0px; }
	#dash_history .decor { background-position: -22px -180px; height: 9px; position: absolute; top: 6px; width: 0px; }
}

.feedback {
    position:fixed; right: -2px; margin-left:0em; top:50%; padding:5px 15px; font-size:150%; z-index:1101; border: 1px solid black; background-color:#f9f9ea; cursor:pointer;

    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: rotate(-90deg) translate(50%, -50%);
    -moz-transform: rotate(-90deg) translate(50%, -50%);
    -ms-transform: rotate(-90deg) translate(50%, -50%);
    -o-transform: rotate(-90deg) translate(50%, -50%);
    transform: rotate(-90deg) translate(50%, -50%);
}

.feedback:hover { background-color:#52a1b4; color:#FFF; }
.feedback:hover .pseudo { color:#FFF; }
.feedback:hover .pseudo:hover { color:#FFF !important; }

#outer {
    flex-grow: 1;
    -webkit-flex-grow: 1
}
#outer .l-outer-wrapper { overflow: hidden; padding-bottom: 6em; }
.l-outer-wrapper { padding: 0 20px; }


#header .end { clear: both; margin: 0 -3px 1.2em; }
#header .end-with-message { position: relative; top: -1em; margin-bottom: -0.5em; }

#header .end,
#header .end .line { background: url(../images/header-end-line.png) 0 50% no-repeat; min-height: 7px; }
#header .end .line { background-position: 100% 50%; }

#header .end .message { background: #f9f9ea; margin: 0 auto; width: 19.5em; font-size: 80%; line-height: 1.4; text-align: center; }
#header .end .message .l-wrapper {
	border: 1px solid #000;
}
#header .end .message .l-wrapper table { width: 100%; height: 3.3em; }
#header .end .message .l-wrapper table td { padding: 0; vertical-align: middle; }
#header .end .message .d-cn { background: url(../images/d-round-border-black.gif); }
#header .end .message a { font-style: italic; }

#header .l-half-column-1 { position: relative; z-index: 2; }
#header .l-half-column-1 .l-column-wrapper { padding: 0 7em 0 0; }

.l-half-column-1,
.l-half-column-2 {
	float: left;
	width: 60%;
}
.l-half-column-1 { margin-right: -100%; }
.l-half-column-2 { position: relative; left: 50%; }

.l-half-column-1 .l-column-wrapper,
.l-half-column-2 .l-column-wrapper { padding-left: 50px;}

#logo { float: left; position: relative; left: 50%; margin: 30px -100% 0 -111px; z-index: 5;}
#logo.large { margin-left: -195px; margin-top: 10px; margin-bottom: 0.5em; }

.flags {
	position: relative;
    left: 30%;
}

#flags_out_of_site {			
	position: relative;
	display: inline-block;
	width: 70px;
	text-align: left;
	margin: 10px;
	top: 37px;
	left: 60%;
	cursor: pointer;
	z-index: 100;
	margin-left: 45px;
}

.flags_out_of_site-control {
	position: relative;
	padding: 2px 35px 2px 8px;
	border-radius: 4px;
	background: #fff;
	cursor: pointer;
}

.flags_out_of_site-control:after {
	content: '';
	border: 5px solid transparent;
	border-top: 5px solid #999;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -3px;
}

#flags_out_of_site ul {
	display: none;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	position: absolute;
	top: 100%;
	left: 0px; 
	border-top: none;
	background: #fff;
	z-index: 9999;
	overflow: auto;
	user-select: none;
}

#flags_out_of_site li {
	display: block;
	margin: 0;
	padding: 0;
}

#flags_out_of_site li a {
	position: relative;
	display: block;
	margin: 0;
	padding: 4px 6px 4px 8px;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.1;
	cursor: pointer;
	text-decoration: none;
	color: #333;
}

#flags_out_of_site li a:hover {
	background-image: url("../images/flag_hover.png");
	background-repeat: no-repeat;
	background-position: 25% 30%;
	margin-right: 4px;
	text-decoration: none;
	color: #fff;
}

#footer .l-column-wrapper,
.l-main-column  .l-column-wrapper, .l-main-column-payment,
.l-column-wrapper_for_msg { padding-left: 30px; position: relative; }
.l-extra-column .l-column-wrapper { padding-left: 50px;}
.l-extra-column_ot .l-column-wrapper { padding-right: 50px; }

.l-main-column {
	float: left;
	width: 70%;
	margin-right: -100%;
	clear: both;
}
.l-main-column-payment {
	float: left;
	width: 1000px;
	margin-right: -100%;
	clear: both;
	margin-bottom: 40px;
}

.l-main-column h1, .l-wide-column h1, .l-main-column-payment h1 { line-height: 1; }
.l-wide-wrapper h1  { line-height: 1.5; }

.l-main-column .navigation,
.l-main-column-payment .navigation,
.l-wide-column .navigation,
.l-wide-wrapper .navigation { margin-top: 1.3em; margin-bottom: 1em; }
.l-wide-column h2 + .navigation, .l-main-column-payment h2 + .navigation,
.l-main-column h2 + .navigation { margin-top: -0.2em; margin-bottom: 1.5em; }
.l-wide-column h2.smaller + .navigation { margin-top: 0.6em; }

.l-main-column.l-main-compact-column .navigation {
	margin: 0 0 0 5px;
}

.title-bar .navigation { margin: 3em -20px 0 0; }
.title-bar .navigation a,
.title-bar .navigation span,
.title-bar .navigation b { position: relative; }
.title-bar { margin-top: 0.5em; margin-bottom: 1.8em; }
.title-bar .name-title { min-height: 100px; position: relative; }

.navigation li { display: inline-block; margin-right: 1.5em; vertical-align: bottom; }
.navigation li.selected { font-style: italic; }
.navigation li.selected a,
.navigation li.selected .pseudo { font-weight: bold; color: #1b2b32; border-bottom: none; }
.navigation li.selected .pseudo:hover { cursor: auto; color: #000 !important; }


.decor { background: url(../images/decors.png) no-repeat; display: block; }

.sys-mail {
	background: url(../images/sys_msg.png) no-repeat;
	position: absolute;
	width: 42px;
	height: 32px;
	left: 45%;
	top: -30px;
}
.sys-mail.active {
	background: url(../images/sys_msg_active.png) no-repeat;
}

.draft-mail {
	background: url(../images/draft_msg.png) no-repeat;
	background-size: 65%;
	position: absolute;
	width: 42px;
	height: 35px;
	left: 45%;
	top: -30px;
}
.draft-mail.active {
	background: url(../images/draft_msg_active.png) no-repeat;
	background-size: 65%;
}

.title-bar .navigation .decor { margin: 0 auto; }
.title-bar .navigation .decor-1 {
	width: 42px;
	height: 32px;
	background-position: -85px -160px;
}
.title-bar .navigation .selected .decor-1 { background-position: -140px -200px; }
.title-bar .navigation .decor-2 {
	width: 42px;
	height: 32px;
	background-position: -85px -160px;
}
.title-bar .navigation .selected .decor-2 { background-position: -143px -160px; }

.title-bar .navigation .decor-3 {
	width: 42px;
	height: 32px;
	background-position: -85px -125px;
}
.title-bar .navigation .selected .decor-3 { background-position: -143px -125px; }
.title-bar .navigation .decor-4 {
	width: 40px;
	height: 24px;
	background-position: -80px -100px;
}
.title-bar .navigation .selected .decor-4 { background-position: -140px -100px; }

.title-bar .navigation .decor-5 {
	width: 40px;
	height: 24px;
	background-position: -80px -55px;
}
.title-bar .navigation .selected .decor-5 { background-position: -160px -100px; }

.title-bar .navigation .decor-6 {
	width: 40px;
	height: 24px;
	background-position: -80px -22px;
}
.title-bar .navigation .selected .decor-6 { background-position: -160px -100px; }

.title-bar .navigation .decor-7{
    width: 40px;
    height: 24px;
    background-position: -80px 2px;
}

.l-extra-column {
	float: left;
	width: 30%;
	position: relative;
	left: 70%;
	font-size: 80%;
	margin-bottom: 10px;
    margin-top: 25px;
}

.l-extra-column_ot {
	float: left;
	width: 30%;
	position: absolute;
	left: 70%;
	top: 0px;
}

.l-main-compact-column .l-column-wrapper,
.l-column-wrapper_for_msg,
.my-user-info .l-column-wrapper,
.my-visitors-stat .l-column-wrapper,
.news-column .l-column-wrapper,
.main-message-column .l-column-wrapper { padding-right: 50px; }

#top-navigation { font-size: 107%;  }
#top-navigation li {
	float: left;
	width: 20%;
	text-align: center;
	padding-top: 75px;
	position: relative;
}

#top-navigation a,
#top-navigation b { position: relative; }

#top-navigation .selected { font-weight: bold; font-style: italic; }
#top-navigation .selected a { color: #000; text-decoration: none; }

#top-navigation .icons {
	background: url(../images/nav-icons.png) no-repeat;
	position: absolute;
	margin-left: 50%;
}
#top-navigation .selected .icons { background-position: 0 -600px; }

#top-navigation .users { left: 0.2em; }
#top-navigation .users .icons {
	width: 84px;
	height: 67px;
	left: -41px;
	margin-top: -65px;
}
#top-navigation .selected.users .icons.icons-set-1 { background-position: 0 -100px; }
#top-navigation .selected.users .icons.icons-set-2 { background-position: -100px -100px; }
#top-navigation .selected.users .icons.icons-set-3 { background-position: -200px -100px; }
#top-navigation .selected.users .icons.icons-set-4 { background-position: -300px -100px; }
#top-navigation .users .icons.icons-set-1 { background-position: -0px 0px; }
#top-navigation .users .icons.icons-set-2 { background-position: -100px 0px; }
#top-navigation .users .icons.icons-set-3 { background-position: -200px 0px; }
#top-navigation .users .icons.icons-set-4 { background-position: -300px 0px; }

#user-links { margin-top: 30px; }
#user-links .name .logout { font-style: italic; }
#user-links .userpic { position: absolute; left: 0; top: -1px; }
#user-links a .userpic { cursor: pointer; }
#user-links .userpic img { border: 1px solid #000; }
#user-links .userpic .crown { background-position: -50px -50px; width: 20px; height: 12px; position: absolute; left: 9px; top: -17px; }
#user-links .userpic .batterfly { background-position: -37px -100px; width: 20px; height: 12px; position: absolute; left: 9px; top: -17px; }
.title-bar .name-title .userpic { position: absolute; left: 0; top: 0.15em; border: 1px solid #000;}
#user-links .links { font-size: 100%; margin: -5px 0 0.8em; }
#user-links .links .selected { font-weight: bold; color: #000; }
.user-link-bold { font-weight: bold; }
#user-links .d-mood { font-size: 125%; top: 4.4em; z-index: 11; text-align: center;}
#user-links .d-mood .d-round { margin-right: 1em; }
.title-bar .name-title .d-mood { max-width: 600px; z-index: 1; text-align: center; margin-left: 255px; margin-top: 5px;}
.title-bar .name-title .d-mood .l-wrapper { font-size: 87%; }
.title-bar .navigation .main .decor {
    background-position: 0 -180px;
    height: 9px;
    left: -15px;
    margin-left: 0;
    position: absolute;
    top: 6px;
    width: 9px;
}

.d-round { position: relative; overflow: hidden; }
.d-round .d-cn { width: 40px; height: 40px; position: absolute; left: -20px; margin-top: -20px; }
.d-round .d-tr,
.d-round .d-br { margin-left: 100%; }
.d-round-b .d-cn,
table .other .d-round-control .d-cn,
table .other .d-round-control-small .d-cn { z-index: 2; }
.d-round-control-activated .l-wrapper .control,
.d-round-control-activated .l-wrapper .control:visited { color: #fff; text-decoration: none; border: none; }
.d-round-control .d-cn,
.d-round-popup .d-cn { background: url(../images/d-round-control.png) no-repeat; z-index: -1; }
.d-round-control.control-message .l-wrapper { color: #7e7e7e; font-style: italic; }
.d-round-control-small { margin-right: 0.6em; }
.d-round-control-small .d-cn,.d-mood .d-arrow { background: url(../images/d-round-control-small.png); }
.d-mood { position: absolute; left: 0; }
.d-mood .d-arrow { background-position: 100% 100%; width: 18px; height: 18px; position: absolute; left: 20px; top: -18px; }
.d-mood .d-round { margin: 0; min-width: 50px;}
.d-mood .d-round-control .l-wrapper { color: #fff; font-size: 87%; font-style: italic; padding: 4px 0.8em 5px; }
.d-mood .d-cn { background-position: 0 -300px; }
.d-round-control { float: left; margin-right: 1em;}
.d-round-control-small .d-cn { width: 28px; height: 28px; left: -14px; margin-top: -14px; }
.d-round-control-small .l-wrapper,
.users-list .d-round-control-small .l-wrapper { padding: 5px 1em 8px; font-size: 90%; }
.d-round-control-small .d-tl,
.d-round-control-small .d-bl { width: auto; right: 14px; }
.d-round-control-small .d-tl,
.d-round-control-small .d-tr { height: auto; bottom: 14px; top: 0; }
.d-round-control-small.send-message .decor { background-position: -141px -191px; left: -12px; top: 3px; }
.d-round-control .decor { z-index: 10; }
.d-control-button .decor { height: 9px; width: 9px; }

.decor-break { clear: both; padding: 15px 0; }
.decor-break .decor { margin: 0 auto; position: static; }

.decor-break-1 .decor {
	width: 35px;
	height: 11px;
	background-position: 0 -210px;
}

.decor-break-2 .decor {
	width: 35px;
	height: 11px;
	background-position: -60px -230px;
}

.decor-break-3 .decor {
	width: 44px;
	height: 26px;
	background-position: -100px -210px;
}

.decor-break-4 .decor {
	width: 78px;
	height: 11px;
	background-position: -17px -230px;
}

.decor-break-5 .decor {
	width: 46px;
	height: 25px;
	background-position: -140px -69px;
}

.decor-break-6 .decor {
	width: 44px;
	height: 18px;
	background-position: -27px -113px;
}

.decor-break-7 .decor {
	width: 27px;
	height: 30px;
	background-position: 0px -100px;
}

.decor-break-8 .decor {
	width: 22px;
	height: 13px;
	background-position: -49px -50px;
}

.title-bar .name-title .username,
.title-bar .name-title .timestamp { font-size: 120%; margin-left: 0.4em;}
.title-bar .name-title .controls { margin-top: 0.7em; margin-left: 4.2em;}
/*.title-bar .name-title.with-mood { min-height: 140px; }*/

.user-info-section { border-top: 1px solid #ccc; padding-top: 1em; margin-bottom: 1.2em; }
.user-info-section.first { border-top: none; padding-top: 0; }
.user-info-section p { margin-bottom: 1em; }
.user-info-section .info { font-style: italic; }

.l-user-extra-column { margin-top: -4.5em; }

form .text-input { width: 100%; }
form .text-input-small { width: 50%; }
form .text-input-tiny  { width: 33%; }
.text-input{ height: 20px; margin-bottom: 3px; margin-top: 2px; padding: 0; border: 1px solid #CCCCCC; }

#dating-sup-f .text-input {
    border: 1px solid #1b2b32;
}

form textarea { width: 100%; height: 17em !important;}

form input.submit { font-size: 120%; padding: 0 0.8em; margin-top: 0.2em; }
form input.submit.large { font-size: 170%; }

form fieldset { border: none; }

form .input-option { margin: 0 0.25em 0 0; position: relative; top: 1px; }
form .option-row { margin-bottom: 0.35em; position: relative; padding-left: 18px; }
form .option-row .input-option { position: absolute; margin: 0; left: 0; top: 0.25em; }


.l-wide-wrapper label,

.l-wide-wrapper label.checkbox-label,
label.option-label,
.l-wide-wrapper form .pseudo { font-size: 94%; }

form .field { margin-bottom: 1em; margin-top: 0.3em; position: relative; }
form .field .mailru-hint { margin-bottom:10px; }
form .field .mailru-hint .accent { color:#20B1D4; }
form .field .success-msg { color:green; }

form .tag { float: left; width:23%; padding: 0 0.4em; }

form .submit-field { margin-top: 2em; }

.l-wide-wrapper textarea { height: 8em; }
.photo-thumbnails-albums { margin-right: -7.45%; }
.photo-thumbnails-albums .album{ float: left; font-size: 80%; line-height: 1.4; padding-top: 135px; position: relative; width: 160px; }
.photo-thumbnails-albums .album_for_searching{ float: left; font-size: 80%; line-height: 1.4; padding-top: 135px; margin-bottom: 25px; position: relative; width: 160px; }
.photo-thumbnails-albums .album_for_msg { float: left; font-size: 80%; line-height: 1.4; padding-top: 160px; margin-bottom: 25px; position: relative; width: 160px; margin-top: 10px; margin-right: 22px; }
.photo-thumbnails-albums .album_for_history { float: left; font-size: 80%; line-height: 1.4; padding-top: 135px; position: relative; width: 160px; margin-top: 10px; }
.photo-thumbnails-albums .album_for_gallerry { float: left; font-size: 80%; line-height: 1.4; padding-top: 0px; position: relative; width: 100px; }
.photo-thumbnails-albums .album_for_visitors { float: left; font-size: 80%; line-height: 1.4; padding-top: 0px; position: relative; width: 160px; }
.photo-thumbnails-albums .d-sh-photo { position: absolute; top: 0; }
.photo-thumbnails-albums .d-sh-photo img { padding: 8px; }
.d-sh-photo { display: block; position: relative; z-index: 1; text-align: center;}
.d-sh-photo span  p{ text-align: center;}
.d-sh-photo input { width: 90px; }
.d-sh-photo img { display: block; }
.d-sh-photo .d-tl { bottom: 0; left: -2px; right: 2px; top: 0; }
.d-sh-photo .d-sh { background: url("../images/d-sh-photo.png") no-repeat scroll 0 0 transparent; position: absolute; z-index: -1; }
.d-sh-photo .d-tr, .d-sh-photo .d-br { width: 4px; }
.d-sh-photo .d-tr { background-position: 100% 0; bottom: 0; right: -2px; top: 0; }
.d-sh-photo .d-bl, .d-sh-photo .d-br { height: 4px; }
.d-sh-photo .d-bl { background-position: 0 100%; bottom: -4px; left: -2px; right: 2px; }
.d-sh-photo .d-br { background-position: 100% 100%; bottom: -4px; right: -2px; }

/* mail  */
.album_for_msg.mail {
    padding-top: 0px;
}
.album_for_msg.mail .d-sh-photo {
    display: inline-block;
    position: static; padding: 8px; background-color: #fff;
    box-shadow: 1px 1px 3px 1px rgba(23, 16, 16, 0.85);
    -moz-box-shadow: 1px 1px 3px 1px rgba(23, 16, 16, 0.85);
    -webkit-box-shadow: 1px 1px 3px 1px rgba(23, 16, 16, 0.85);
}
.album_for_msg.mail .d-sh-photo img {
    padding: 0px;
    max-width: 120px;
    max-height: 200px;
}

.album_for_msg.mail .d-sh-photo.message-history img {
    max-width: 150px;
    max-height: 200px;
}

#login-form { margin-top: 30px; margin-bottom: 1em; }
#login-form .field { margin-bottom: 0.3em; }
#login-form .field label { position: absolute; left: -6.9em; top: 0.5em; }
#login-form .field .text-input { padding: 0; width: 14em; }
#login-form .submit { margin-top: 0.2em; font-size: 100%; }
#login-form .forgot { margin-left: 0.4em; font-size: 100%; font-style: italic; }
#login-form .register-me { font-size: 100%; font-style: italic; }
.sess_messages {width: 700px;}
.message_info, .message_success, .message_error {
	background: none repeat scroll 0 0 #F9F9EA;
	border-radius: 8px 8px 8px 8px;
	clear: both;
	display: block;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-left: 25px;
	padding: 10px 20px 10px 20px;
	color: #1B2B32;
	border-color: #1B2B32;
	border-style: solid;
    border-width: 1px;
}
.photos_message_info {
	background: none repeat scroll 0 0 #F9F9EA;
	border-radius: 8px 8px 8px 8px;
	display: inline-block;
	max-width: 400px;
	margin-top: 10px;
	padding: 10px 20px 10px 20px;
	color: #1B2B32;
	border-color: #1B2B32;
	border-style: solid;
    border-width: 1px;
}
.ed_photos_message_info {
	background: none repeat scroll 0 0 #F9F9EA;
	border-radius: 8px 8px 8px 8px;
	display: inline-block;
	width: 425px;
	margin-top: 10px;
	padding: 10px 20px 10px 20px;
	color: #1B2B32;
	border-color: #1B2B32;
	border-style: solid;
    border-width: 1px;
}
.add_photos_message_info {
	background: none repeat scroll 0 0 #F9F9EA;
	border-radius: 8px 8px 8px 8px;
	display: inline-block;
	width: 510px;
	margin-top: 10px;
	padding: 10px 20px 10px 20px;
	color: #1B2B32;
	border-color: #1B2B32;
	border-style: solid;
    border-width: 1px;
}

.search_latest_message_info {
	position: relative;
	background: none repeat scroll 0 0 #F9F9EA;
	border-radius: 8px 8px 8px 8px;
	display: inline-block;
	width: 800px;
	margin-top: 10px;
	padding: 45px 34px 45px 34px;
	color: #1B2B32;
/*	border-color: #1B2B32;*/
	border-style: solid;
    border-width: 1px;
    font-style: italic;
}

.сontent-filters-box{
	height: auto;
}

.no-padding-bottom {
    padding-bottom: 0px!important;
}

.message_view_info {
	background: none repeat scroll 0 0 #F9F9EA;
	border-radius: 8px 8px 8px 8px;
	display: inline-block;
	width: 700px;
	margin-top: 10px;
	padding: 20px 25px 20px 25px;
	color: #1B2B32;
	border-color: #1B2B32;
	border-style: solid;
    border-width: 1px;
}

.interest_view_info {
	background: none repeat scroll 0 0 #F9F9EA;
	border-radius: 8px 8px 8px 8px;
	display: inline-block;
	width: 700px;
	margin-top: 10px;
	padding: 20px 25px 20px 25px;
	color: #1B2B32;
	border-color: #1B2B32;
	border-style: solid;
    border-width: 1px;
}

#greeting_id {
	width:17px;
	height:17px;
	cursor:pointer;
}

.translation_mail_text {
	display: inline;
    float: left;
	margin: 0px 5px 10px 0;
}
.emoji-menu > div{
    box-shadow: none!important;
}
b.user-balance.low-balance, div.login_btn.low-balance>a.button {
	color: red !important;
}
.messages_message_info {
	background: none repeat scroll 0 0 #F9F9EA;
	border-radius: 8px 8px 8px 8px;
	display: inline-block;
	width: 800px;
	margin-top: 10px;
	padding: 10px 15px 10px 15px;
	color: #1B2B32;
	border-color: #1B2B32;
	border-style: solid;
    border-width: 1px;
}
.messages_message_info_list {
	background: none repeat scroll 0 0 #f0f0e6;
	border-radius: 8px 8px 8px 8px;
	display: inline-block;
	width: 850px;
	margin-top: 10px;
	padding: 10px 15px 10px 15px;
	color: #1B2B32;
}
.search_message_info {
	background: none repeat scroll 0 0 #F9F9EA;
	border-radius: 8px 8px 8px 8px;
	display: inline-block;
	width: 510px;
	margin-left: 30px;
	margin-top: 10px;
	padding: 10px 20px 10px 20px;
	color: #1B2B32;
	border-color: #1B2B32;
	border-style: solid;
    border-width: 1px;
}
.add2_photos_message_info {
	background: none repeat scroll 0 0 #F9F9EA;
	border-radius: 8px 8px 8px 8px;
	display: inline-block;
	width: 450px;
	margin-top: 10px;
	padding: 10px 20px 10px 20px;
	color: #1B2B32;
	border-color: #1B2B32;
	border-style: solid;
    border-width: 1px;
}
.addon{ font-size: 85%;}
#edit_photos {margin-bottom: 35px;}

.usr_albums_list{ margin:10px 0; padding:0; clear:both; }
.usr_albums_list li{ margin:0 10px 10px 0; padding:0; display: block; float:left; width:300px; height:90px; }
.usr_albums_list_for_msg { margin:10px 0; padding:0; clear:both; overflow:hidden }
.usr_albums_list_for_msg li{ margin:0 10px 30px 0; padding:0; display: block; float:left; width:200px; height:110px; }
.usr_photos_list li{ position: relative; margin:0 40px 10px 0; padding:0; display: block; float:left; width:120px; height:120px; }
.usr_albums_list li.no_albums{ height:auto; }
.usr_album_thumb{ display:block; float:left; width:64px; height:64px; margin-right:10px; padding:2px; border:1px solid #65A1C2; }
.usr_album .link{ font-size:17px; padding-left: 95px; padding-top: 25px;}
.usr_album .count { color:#5F98BF; }
.usr_album .date { color:#AAA; font-size:11px; }
.usr_photo_sel_bar{ margin:10px 0px; display:inline-block; }
.usr_photos_add_limit{ margin-bottom: 20px;}

#change_password { margin-left: 49px}
#change_password td { padding: 10px 0px 12px 0px }
#value table td, #temperament table td, #style table td, #metting table td { padding-bottom: 8px;}
.moduletitle, .search_info {display: none;}

.pagebar { margin-top:-20px; font-size:100%; clear:both; }
.message .pagebar { margin-top:30px; font-size:100%; clear:both; }
.pagebar_title { margin:5px;}
.pagebar_page { margin:3px; padding:6px; }
.pagebar_current { margin:3px; padding:6px; 	background-color: #53a1b5; color:#FFF; border-radius:5px; -moz-border-radius:5px; }

.pattern { background: url("../images/footer-patern.png") repeat-x scroll 0 0 transparent; clear: both; display: inline; float: left; height: 77px; width: 1055px; margin-top: 25px; }

.usr_msgreply_author { font-style: italic; text-align: right; }
div.usr_msgreply_author {margin-top: 40px;}
div.usr_msgreply_author.no-margin {margin-top: 0px;}

.rc13 { border-radius: 13px 13px 13px 13px; }
.payment-title-frame { border: 3px solid #52a1b4; margin: 0 auto; padding: 1.1em 50px 1.5em; width: 30em;}

#dating_user_registration_token label.required{
	display: inline-block;
	width: 100%;
}


#footer {
	font: 80% Arial, Helvetica, sans-serif;
	width: auto;
	height: 6.0em;
	/*margin-top: -6.3em;*/
	position: relative;
}
#footer .l-column-wrapper {
	border-top: 1px solid #000;
	padding-top: 1.2em;
}
.l-wide-wrapper {
    clear: both;
    padding: 0 30px;
}
.l-wide-wrapper label, .main-message-column label {
    font-size: 120%;
}
.l-wide-wrapper .l-text { padding: 0 50px; }
.l-column-wrapper .l-text {padding-left: 50px;}

.usr_msg_bbcodebox {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../images/bbtoolbar.jpg") repeat-x scroll left top #f9f9ea;
    overflow: hidden;
    padding: 0;
    width: 680px;
}
.usr_msg_bbcodebox_for_msg {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../images/bbtoolbar.jpg") repeat-x scroll left top #f9f9ea;
    overflow: hidden;
    padding: 0;
    width: 460px;
}

.usr_bb_button{
	display:block;
    margin:2px;
	padding:7px;
	float:left;
}
.usr_bb_button:hover{
	display:block;
	margin:2px;
    border: solid 1px #1b2b32;
	padding:6px;
	float:left;
	background:#f9f9ea;
}
.usr_msg_smilebox{
	background-color:#f9f9ea;
    border:solid 1px #1b2b32;
    border-bottom:none;
	/*border-top:solid 1px 1b2b32;*/
    width:680px;
}

[class^=usr_msg_smilebox_for_msg] {
	background-color:#f9f9ea;
    border:solid 1px #1b2b32;
    /*border-bottom:none!important;*/
    /*border-top:none!important;*/
    /*border-bottom:none!important;*/
	/*border-top:solid 1px 1b2b32;*/
    /*width:460px;*/
}
#edit-page .reply_textarea {
	margin-top: -2px;
}

.reply_textarea {
	border-top: none !important;
}
.navigation_for_news {
    margin-bottom: 1.3em;
    margin-top: 1.3em;
	font-size: 100% !important;
}
#popup-fader.hidden, .d-round-popup.hidden { display: none; }
#popup-fader { background: none repeat scroll 0 0 #000000; bottom: 0; left: 0; opacity: 0.4; position: fixed; right: 0; top: 0; z-index: 1000; }
.pseudo { border-bottom-style: dotted; border-bottom-width: 1px; cursor: pointer; text-decoration: none;}
#popup-personal-message, #popup-complaint, #popup-pair-invite, #popup-feedback-form, #popup-share-result, #popup-invite-from-favorites { margin-top: -13em; }
.d-round-popup { left: 50%; margin-left: -23em; position: fixed; top: 50% !important; width: 46em; z-index: 2000; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0px !important; }
.d-round-popup .d-cn { background-position: 0px -200px; }
.d-round-popup .close { background-position: 0 -249px; cursor: pointer; height: 28px; position: absolute; right: 16px; top: 16px; width: 28px; background: url(../images/close.png); }
.d-round-popup .l-wrapper { padding: 10px 21px 5px; }
.d-round-popup .d-b.v { border-width: 1px 0; bottom: 0;
	/*left: 20px; right: 20px; */
	top: 0; }
.d-round-popup .d-b { background: none repeat scroll 0 0 #FFFFFF;
	/*border: 1px solid #888888; */
	position: absolute; z-index: -1; }
.d-round-popup .d-b.h { border-width: 0 1px; bottom: 20px; left: 0; right: 0; top: 20px; }
input, textarea { font-family: Arial,Helvetica,sans-serif;}
.ui-reg-panel td { padding: 10px 11px 12px 14px; }
#browsers { padding: 20px 10px 10px 10px; text-decoration: none;}
#browsers a { padding: 10px 10px 10px 10px; text-decoration: none; }
#dating_user_interest .cell { display: inline-block;margin: 20px; max-width: 110px; height: 210px; text-align: center }
/*==============================================================*/

.emoji-menu > div {
    max-height: 320px!important;
    max-width: 500px;
    width: 323px;
}

.album_for_msg.large-border .d-sh-photo {
	width: 90%;
	height: 90%;
}

.album_for_msg.large-border {
	margin-right: 8px;
}



.album_for_msg.large-border .d-sh-photo > img {
	padding: 0px;
	margin-left: 29px;
	margin-top: 31px;
    margin-bottom: 31px;
	border: 1px solid #000;
}

.album_for_msg.large-border .d-sh-photo.sending-form > img {
    margin-top: 30px !important;
}

.message_view_info {
	position: relative;
}

.message_statuses {
	position: absolute;
	right: 17px;
	top: 15px;
}

.d-sh-photo.white-area {
	display: inline-block;
	text-align: left;
}

.d-sh-photo.white-area img#resizeme {
	display: inline-block;
	margin-top: 20px;
	margin-left: 19px;
}

.change-avatar canvas {
    margin-top: 17px;
    margin-left: 20px;
}

.change-avatar .progress {
    margin-left: 42px !important;
    margin-top: -65px !important;
}

.support-close {
    background: url(../images/support_close.png) 0 0 no-repeat;
    width: 28px !important;
    background-position: 0px 0px !important;
}

body .ns-box {
    font-family: Georgia;
    font-style: normal;
    background: none repeat scroll 0 0 rgba(42, 45, 50, 0.75);
    padding: 15px;
}

.link a[album-action=add] {
    font-size: 100%;
    border-bottom: 1px dashed;
    border-color: #52A1B4;
    font-style: italic;
    text-decoration: none;
}

.link a[album-action=add]:hover {
    border-color: #b32e2f;
}

li[role=loader] canvas {
    margin-top: 12px;
}

span[gallery-role=load-more] {
    border-bottom: 1px dashed #52a1b4;
    border-color: #52a1b4;
    font-size: 100%;
    font-style: italic;
    text-decoration: none;
    color: #52a1b4;
}

span[gallery-role=load-more]:hover {
    color: #b32e2f;
    border-bottom: 1px dashed #b32e2f;
    cursor: pointer;
}


/* scrollbar styles */

.mCSB_scrollTools .mCSB_draggerContainer {
    padding-bottom: 3px;
}

.mCSB_draggerContainer > .mCSB_dragger {
    background: #f9f9ea;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    border: 1px solid #1b2b32;
    border-radius: 10px;
    width: 14px !important;
}

.news-thread .mCSB_draggerContainer > .mCSB_dragger {
    border-right: none;
}

.mCSB_draggerContainer > .mCSB_dragger > .mCSB_dragger_bar {
    background-color: transparent !important;
}

.mCSB_draggerContainer > .mCSB_draggerRail {
    background-color: transparent !important;
}

a.no-style {
    display: inline-block;
}

.favorites-remove-ajax .decor {
	width: 40px;
	height: 24px;
	left: -10px;
	top: -23px;
	background: url(../images/fav_remove.png) no-repeat;
}

.favorites-add-ajax .decor {
	width: 40px;
	height: 24px;
	left: -10px;
	top: -23px;
	background: url(../images/fav_add.png) no-repeat;
}

#settings-tour-overlay {
	width: 48%;
}

.tour-backdrop {
    z-index: 300 !important;
}

.my-page .username-container .d-mood {
	margin-left: 0px;
}

.my-page .username-container h1.avatar {
	display: inline-block;
	margin-left: 0px;
}

.my-page .username-container {
	display: inline-block;
	margin-left: 3em;
	position: relative;
	min-width: 400px;
}

.my-page .name-title.with-mood {
	display: inline-block;
}

.my-page .name-title .photo-thumbnails-albums {
	display: inline-block;
	float: left;
	margin-right: 0px;
}


.my-page .name-title .photo-thumbnails-albums .album {
	float: none;
	padding-top: 0px;
	width: auto;
}

.my-page .photo-thumbnails-albums .d-sh-photo {
	position: static;
}

.my-page .photo-thumbnails-albums .d-sh-photo.tour-tour-element {
	position: absolute;
}

.my-page .photo-thumbnails-albums .d-sh-photo img {
	padding: 0px;
	border: 8px #fff solid;
	box-shadow: 3px 5px 10px #888888;
}

.my-page .white-area .change-avatar {
	position: relative;
}

.dots-loading {
	display: inline-block;
	width: 15px;
	text-align: left;
	margin-left: 2px;
}

.component {
	position: relative;
}
.cs-select.searchField-style-country
{
	width: 800px;
	height: auto;
	padding-bottom: 5px;
}

.component.sending-form-page, .component.view-form-page {
	display: inline-block;
	width: 100%;
	min-height: 700px;
}

.sending-form-page .l-extra-column_ot.l-user-extra-column {
	top: 147px;
}

.view-form-page .l-extra-column_ot.l-user-extra-column {
	top: 60px;
}

.table-row{
	height:     70px;
	width:      800px;
	display:    inline-block;
	
}

.table-col-1{
	width:      160px;
	height:     100%;
	float:      left;
}

.table-col-2{
	width:      80%;
	height:     100%;
	float:      left;
}

.search-caption{
	padding-top: 15px;
	
}
.album *:focus {
	outline: 0 !important;
}

.social {
	height: 25px;
	width: 25px;
	float: left;
	margin-right: 5px;
	background-size: 130px;
}

.social:hover{
	cursor: pointer;
}

.social>p{
	float: left;
	display: inline-block;
	line-height: 25px;
	margin-right: 10px;
	font-style: italic;
	font-family: Georgia,serif;
}

.field.social{	
	width: 100%;
	display: inline-block;
	padding-left: 14px;
	margin-bottom: 15px;
}

.social.fb{
	background-image: url("../images/social-icon.png");
	background-position-x: -54px;
	background-position-y: -16px;
}
.social.fb:active{
	opacity: 0.5;
}
.social.gplus{
	background-image: url("../images/social-icon.png");
	background-position-x: -92px;
	background-position-y: -16px;	
}
.social.gplus:active{
	opacity: 0.5;
}

.social.vk{
	background-image: url("../images/social-icon.png");
	background-position-x: -15px;
	background-position-y: -16px;
}

.social.vk:active{
	opacity: 0.5;
}

.confirm{
	display: inline-block;
	float: left;
}

.ticket{
	display: inline-block;	
	position: relative;
	height: 190px;
}

.ticket-confirm{
	font-size: 120%;
	padding: 0 0.8em;
	margin-top: 0.2em;
}
.form-box{
	display: inline-block;
	float: left;
}


.form-box>div>span{
	display: inline-block;
	width: 100%;
	padding-left: 40%;
	font-weight: bold;
	margin-bottom: 25px;
}

.l-column-wrapper.ui-reg-panel{
	display: inline-block;
	float: left;
}

.social-reg{
	display: inline-block;	
}

.social-reg-box{
	display: inline-block;
	margin-top: 20px;
}

.social-reg-box .social{
	width: 55px;
	height: 55px;
	background-size: 270px;
}

.social-reg-box .social.vk{
	background-position-x: -29px;
	background-position-y: -31px;
}

.social-reg-box .social.fb{
	background-position-x: -110px;
	background-position-y: -31px;
}

.social-reg-box .social.gplus{
	background-position-x: -190px;
	background-position-y: -31px;
}

.reg-captions{
	width: 100%;
	display: inline-block;
}

.reg-captions h1{
	display: inline-block;
	width: 100%;
	text-align: center;
}

.active-filter{
	color: black !important;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
}

.opponent-nickname {
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
	max-width: 160px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.nickname-message-list {
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
	max-width: 80px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
