html {
height: 100%;
}
div.clear {
clear: both;
}
.pie {
behavior: url(public/htc/PIE.htc);
}
/*---------------------------Common part----------------------------------------*/
/* Header
-----------------------------------------------------------------------------*/
header {
display: block;
/* padding: 0px 20px;*/
background: #3097de;
}
#h-center {
height: 80px;
margin: 0 auto;
position: relative;
}
#logo {
display: block;
width: 126px;
height: 70px;
text-decoration: none;
outline: none;
position: absolute;
/* left: 0px;*/
top: 5px;
background: url('../img/logo.jpg') no-repeat;
}
#btn-left-menu,
#btn-left-menu-active {
display: block;
text-decoration: none;
outline: none;
position: absolute;
/* left: 170px;*/
top: 0px;
}
#btn-left-menu:hover {
background-color: #2E8FD4;
}
.btn-left-menu-bg {
display: block;
width: 60px;
height: 80px;
border-left: 1px solid #4fa6e3;
border-right: 1px solid #4fa6e3;
position: relative;
}
#btn-left-menu .btn-left-menu-bg {
background: url('../img/btn-left-menu.jpg') no-repeat center center;
}
#btn-left-menu-active {
display: none;
background-color: #2E8FD4;
}
#btn-left-menu:hover .btn-left-menu-bg {
background: url('../img/btn-left-menu-active.jpg') no-repeat center center;
}
.triangle {
display: block;
width: 10px;
height: 5px;
background: url('../img/triangle.png') no-repeat;
-pie-background: url('img/triangle.png') no-repeat;
position: absolute;
bottom: 0px;
left: 25px;
}
/*
#messages, #messages_active, #messages_active2 {
display: block;
text-decoration: none;
outline: none;
position: absolute;
right: 0px;
top: 0px;
}*/
#messages:hover {
background-color: #2E8FD4;
}
#messages_active,
#messages_active2 {
background-color: #2E8FD4;
}
#messages_active {
display: none;
}
.messages-bg {
display: block;
width: 60px;
height: 80px;
border-left: 1px solid #4fa6e3;
border-right: 1px solid #4fa6e3;
background: url('../img/messages.png') no-repeat center center;
-pie-background: url('img/messages.png') no-repeat center center;
position: relative;
}
.messages-count {
display: block;
width: 20px;
height: 16px;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #fff;
padding-top: 5px;
text-align: center;
background: url('../img/mess-count.png') no-repeat;
-pie-background: url('img/mess-count.png') no-repeat;
}
.place3 {
position: absolute;
top: 20px;
right: 7px;
}
#for_account,
#for_account_active {
display: block;
height: 80px;
padding-left: 80px;
text-decoration: none;
outline: none;
position: absolute;
/* right: 62px;*/
top: 0px;
background-color: #3097de;
border-left: 1px solid #4fa6e3;
cursor: pointer;
}
#for_account:hover {
background-color: #2E8FD4;
}
.account-photo {
display: block;
width: 40px;
height: 40px;
border: 3px solid #fff;
border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
-webkit-border-radius: 50%;
position: absolute;
left: 10px;
top: 5px;
overflow: hidden;
}
.account-photo img {
display: block;
width: 100%;
height: 100%;
border: 0;
margin: 0;
border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
-webkit-border-radius: 50%;
position: relative;
}
.account_name,
.account_name2 {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #fff;
padding: 33px 30px 0px 0px;
}
.down-arrow,
.down-arrow2 {
display: block;
width: 9px;
height: 5px;
background: url('../img/down-arrow.png') no-repeat;
-pie-background: url('img/down-arrow.png') no-repeat;
position: absolute;
right: 10px;
top: 38px;
}
#for_account_active {
display: none;
background-color: #2E8FD4;
}
/* Content
-----------------------------------------------------------------------------*/
article {
display: block;
width: 100%;
position: relative;
}
#for_top_photos {
display: block;
margin: 0 auto;
width: 100%;
height: 80px;
overflow: hidden;
position: relative;
}
#for_top_photos ul {
display: block;
width: 3000px;
margin: 0 auto;
}
#for_top_photos ul li {
display: inline-block;
height: 80px;
width: 80px;
overflow: hidden;
float: left;
border-radius: 50px;
}
#for_top_photos ul li img {
display: block;
width: 100%;
border: 0;
margin: 0;
}
#put_me {
display: block;
text-decoration: none;
outline: none;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 11px;
color: #fff;
font-weight: bold;
padding: 10px 20px;
border: 2px solid #3097de;
background: rgba(48, 151, 222, 0.4);
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
position: absolute;
left: 20px;
top: 25px;
}
#user_menu {
display: none;
/* height: 100%;*/
overflow: hidden;
/* position: fixed; */
top: 80px;
right: 0px;
z-index: 1000;
background-color: #fff;
-moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
}
.user_message_count,
.user_guest_count {
display: block;
width: 40px;
height: 15px;
padding-top: 5px;
border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
position: absolute;
right: 10px;
top: 20px;
color: #fff;
text-align: center;
font-size: 11px;
font-family: Lato, Helvetica, Arial, sans-serif;
}
.user_message_count {
background-color: #f76452;
}
.user_guest_count {
background-color: #3097de;
}
#site_menu {
display: none;
width: 100%;
position: absolute;
top: 80px;
left: 0px;
z-index: 1000;
background-color: #196295;
}
#site_menu ul {
/* width: 365px;
padding: 0px 20px;*/
text-align: justify;
line-height: 0;
font-size: 1px;
text-justify: newspaper;
zoom: 1;
text-align-last: justify;
}
#site_menu ul:after {
width: 100%;
height: 0px;
visibility: hidden;
overflow: hidden;
content: '';
display: inline-block;
}
#site_menu ul li {
display: inline-block;
text-align: left;
line-height: normal;
vertical-align: top;
padding: 15px 0px;
}
#site_menu ul li a {
text-decoration: none;
outline: none;
color: #fff;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
padding: 15px 0px;
}
#my_profile,
#my_photo,
#my_messges,
#my_events,
#my_guests,
#my_wall,
#my_style,
#my_account,
#logout {
display: block;
/* width: 200px;*/
height: 35px;
color: #333333;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
border-bottom: 1px solid #eeeeee;
text-decoration: none;
outline: none;
padding: 25px 0px 0px 60px;
position: relative;
}
/*
#my_profile:hover {
// background:url('../img/profile_bg_hover.png') no-repeat 15px 17px #f6f6f6;
// -pie-background:url('img/profile_bg_hover.png') no-repeat 15px 17px #f6f6f6;
}
*/
#my_photo {
background: url('../img/photos_bg.png') no-repeat 15px 17px;
-pie-background: url('img/photos_bg.png') no-repeat 15px 17px;
}
/*
#my_photo:hover {
background:url('../img/photos_bg_hover.png') no-repeat 15px 17px #f6f6f6;
-pie-background:url('img/photos_bg_hover.png') no-repeat 15px 17px #f6f6f6;
}
*/
#my_messges {
background: url('../img/messages_bg.png') no-repeat 15px 17px;
-pie-background: url('img/messages_bg.png') no-repeat 15px 17px;
}
/*
#my_messges:hover {
background:url('../img/messages_bg_hover.png') no-repeat 15px 17px #f6f6f6;
-pie-background:url('img/messages_bg_hover.png') no-repeat 15px 17px #f6f6f6;
}
*/
#my_events {
background: url('../img/events_bg.png') no-repeat 15px 17px;
-pie-background: url('img/events_bg.png') no-repeat 15px 17px;
}
/*
#my_events:hover {
background:url('../img/events_bg_hover.png') no-repeat 15px 17px #f6f6f6;
-pie-background:url('img/events_bg_hover.png') no-repeat 15px 17px #f6f6f6;
}
*/
#my_guests {
background: url('../img/visitors_bg.png') no-repeat 15px 21px;
-pie-background: url('img/visitors_bg.png') no-repeat 15px 21px;
}
/*
#my_guests:hover {
background:url('../img/visitors_bg_hover.png') no-repeat 15px 21px #f6f6f6;
-pie-background:url('img/visitors_bg_hover.png') no-repeat 15px 21px #f6f6f6;
}
*/
#my_wall {
background: url('../img/wall_bg.png') no-repeat 20px 17px;
-pie-background: url('img/wall_bg.png') no-repeat 20px 17px;
}
/*
#my_wall:hover {
background:url('../img/wall_bg_hover.png') no-repeat 20px 17px #f6f6f6;
-pie-background:url('img/wall_bg_hover.png') no-repeat 20px 17px #f6f6f6;
}
*/
#my_style {
background: url('../img/style_bg.png') no-repeat 20px 17px;
-pie-background: url('img/style_bg.png') no-repeat 20px 17px;
}
/*
#my_style:hover {
background:url('../img/style_bg_hover.png') no-repeat 20px 17px #f6f6f6;
-pie-background:url('img/style_bg_hover.png') no-repeat 20px 17px #f6f6f6;
}
*/
/*
#my_account:hover {
background:url('../img/account_bg_hover.png') no-repeat 15px 17px #f6f6f6;
-pie-background:url('img/account_bg_hover.png') no-repeat 15px 17px #f6f6f6;
}
*/
/*
#logout:hover {
background:url('../img/logout_bg_hover.png') no-repeat 20px 17px #f6f6f6;
-pie-background:url('img/logout_bg_hover.png') no-repeat 20px 17px #f6f6f6;
}
*/
#logout {
position: absolute;
bottom: 0px;
border-top: 1px solid #eeeeee;
}
#sidebar-right {
width: 280px;
height: 100%;
padding: 5px 0px;
overflow: hidden;
position: fixed;
top: -9999px;
right: 0px;
z-index: 1000;
background-color: #fff;
-moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
}
#sidebar-right-users {
float: right;
padding-bottom: 1000px;
}
.user-miniature-bg {
display: block;
width: 260px;
height: 60px;
overflow: hidden;
padding: 5px 10px;
text-decoration: none;
outline: none;
}
.user-miniature-bg:hover {
background-color: #eeeeee;
}
.place4 {
position: absolute;
top: 20px;
left: 220px;
}
.name3 {
display: block;
width: 130px;
color: #333333;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
position: absolute;
top: 24px;
left: 75px;
}
.message_count2 {
display: none;
width: 35px;
height: 40px;
padding: 20px 0px 0px 25px;
border: 0;
margin: 0;
border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
-webkit-border-radius: 50%;
background: rgba(247, 100, 82, 0.4);
color: #fff;
font-size: 20px;
font-family: Lato, Helvetica, Arial, sans-serif;
position: absolute;
top: 0px;
left: 0px;
}
#chat_small {
height: 100%;
padding: 0px 10px;
border-right: 1px solid #eeeeee;
float: right;
}
.scroll-pane {
height: 78%;
width: 400px;
overflow: auto;
margin-bottom: 10px;
}
.small_preview2 a img,
.small_preview3 a img,
.small_preview4 a img {
display: block;
width: 100%;
height: auto;
border: 0;
margin: 0;
padding: 0;
}
#votes_val,
#note_val {
color: #FFFFFF;
}
.profile_left ul li:hover .photos-count {
top: 10px;
}
/*-------------------------------------*/
.jspContainer {
overflow: hidden;
position: relative;
}
.jspPane {
position: absolute;
}
.jspVerticalBar {
position: absolute;
top: 0;
right: 0;
width: 8px;
height: 100%;
background: #fff;
}
.jspHorizontalBar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: red;
}
.jspVerticalBar *,
.jspHorizontalBar * {
margin: 0;
padding: 0;
}
.jspCap {
display: none;
}
.jspHorizontalBar .jspCap {
float: left;
}
.jspTrack {
background: #eeeeee;
position: relative;
border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
}
.jspDrag {
background: #d6d6d6;
position: relative;
top: 0;
left: 0;
cursor: pointer;
border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
float: left;
height: 100%;
}
.jspArrow {
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow.jspDisabled {
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow {
height: 16px;
}
.jspHorizontalBar .jspArrow {
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus {
outline: none;
}
.jspCorner {
background: #eeeef4;
float: left;
height: 100%;
}
/*-------------------------------------*/
#new-messanger .messages_date,
#new-my-messages .messages_date {
display: block !important;
text-align: right !important;
text-transform: uppercase !important;
color: #999999 !important;
font-size: 10px !important;
margin-bottom: 0px !important;
padding-top: 2px !important;
font-weight: normal !important;
}
.messages_date {
color: #999999;
font-size: 14px;
font-family: Lato, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: center;
padding: 15px 0px;
}
.message_block,
.message_block_me,
.message_block2,
.message_block_me2 {
display: block;
padding: 10px 0px 30px 0px;
border-top: 1px solid #eeeeee;
}
.message_block,
.message_block_me {
width: 380px;
}
.mrg_r0 {
margin-right: 0px;
}
.name4,
.name4_me {
text-decoration: none;
outline: none;
font-size: 14px;
font-family: Lato, Helvetica, Arial, sans-serif;
font-weight: bold;
float: left;
}
.name4 {
color: #3097de;
}
.name4_me {
color: #333333;
}
.message_day_time {
font-size: 14px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #cccccc;
float: right;
}
.clear2 {
display: block;
clear: both;
}
.message_text {
display: block;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #666666;
padding-top: 20px;
line-height: 1.2;
}
#send_message {
display: block;
margin: 0;
padding: 0;
padding: 10px 0px;
border-top: 1px solid #eeeeee;
}
.inp-bg3 {
/* width: 270px;*/
height: 24px;
background-color: #fff;
padding: 4px 0px 0px 10px;
position: relative;
border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #eeeeee;
float: left;
}
#new_message {
display: block;
/* width: 230px;*/
margin: 0px;
border: none;
background: none;
color: #999999;
font-size: 12px;
}
.smile {
display: block;
width: 17px;
height: 16px;
position: absolute;
right: 6px;
top: 6px;
background: url('../img/smile.png') no-repeat;
-pie-background: url('img/smile.png') no-repeat;
}
#send_message_btn {
/* width: 90px;*/
height: 30px;
border: none;
background: #3097de;
cursor: pointer;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
float: right;
position: relative;
}
.new_message {
display: none;
/* width: 385px;*/
padding: 10px;
/* position: fixed;
right: 20px;
bottom: 20px;*/
border-radius: 2px;
background-color: #fff;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
z-index: 1000;
}
.new_message form {
margin: 0;
padding: 0;
}
.new_message_top {
display: block;
color: #999999;
font-size: 9px;
font-family: Lato, Helvetica, Arial, sans-serif;
text-transform: uppercase;
/* padding-bottom: 20px;*/
line-height: 1.2;
}
.new_visit_top {
display: block;
color: #999999;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
line-height: 1.2;
padding: 8px 0px;
}
.new_message_top a {
color: #3097de;
text-decoration: underline;
outline: none;
}
.new_message_top a:hover {
text-decoration: none;
}
.close {
display: block;
text-decoration: none;
outline: none;
width: 20px;
height: 20px;
background: url('../img/close.png') no-repeat;
-pie-background: url('img/close.png') no-repeat;
position: absolute;
right: 10px;
top: 10px;
}
.translate {
display: block;
text-decoration: none;
outline: none;
width: 20px;
height: 20px;
background: url('../img/translate.png') no-repeat;
-pie-background: url('img/translate.png') no-repeat;
position: absolute;
right: 35px;
top: 10px;
}
.place2 {
float: left;
}
.green-round-ico,
.yellow-round-ico {
display: block;
width: 15px;
height: 15px;
position: absolute;
right: -8px;
top: 23px;
z-index: 100;
}
.green-round-ico {
background: url('../img/green-round-ico.png') no-repeat;
-pie-background: url('img/green-round-ico.png') no-repeat;
}
.yellow-round-ico {
background: url('../img/yellow-round-ico.png') no-repeat;
-pie-background: url('img/yellow-round-ico.png') no-repeat;
}
.read_message_btn {
width: 120px;
height: 30px;
border: none;
background: #3097de;
cursor: pointer;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
/* float: right;
margin-top: 15px;*/
position: relative;
}
.name_age_place {
float: left;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #333333;
padding: 12px 0px 0px 12px;
}
.name2 {
font-size: 16px;
font-weight: bold;
}
.age_place2 {
font-size: 12px;
}
#sign_in {
display: none;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0px;
left: 0px;
z-index: 1000;
}
#sign_in_block {
padding-bottom: 60px;
background: #fff;
position: fixed;
top: 50%;
left: 50%;
margin: -140px 0px 0px -150px;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
}
#pass_forgot {
text-decoration: none;
outline: none;
font-size: 13px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #3097de;
position: absolute;
left: 100px;
bottom: 22px;
}
#pass_forgot:hover,
#sign_up a:hover {
text-decoration: underline;
}
#sign_up {
font-size: 13px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #fff;
position: absolute;
left: 50px;
bottom: -25px;
}
#sign_up a {
text-decoration: none;
outline: none;
color: #3097de;
}
#sign_in_form {
display: block;
padding: 0;
margin: 0;
padding: 20px;
-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
}
.h4 {
font-size: 16px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #333333;
text-align: center;
padding-bottom: 20px;
font-weight: bold;
}
.inp-bg1,
.inp-bg2 {
width: 248px;
height: 28px;
background-color: #fff;
padding: 10px 0px 0px 10px;
position: relative;
}
.inp-bg1 {
border-radius: 2px 2px 0px 0px;
-moz-border-radius: 2px 2px 0px 0px;
-khtml-border-radius: 2px 2px 0px 0px;
-webkit-border-radius: 2px 2px 0px 0px;
border: 1px solid #e5e5e5;
}
.inp-bg2 {
border-radius: 0px 0px 2px 2px;
-moz-border-radius: 0px 0px 2px 2px;
-khtml-border-radius: 0px 0px 2px 2px;
-webkit-border-radius: 0px 0px 2px 2px;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
#username,
#password {
display: block;
width: 200px;
margin: 0px;
border: none;
background: none;
color: #999999;
font-size: 14px;
}
.marg1 {
margin-top: 25px;
}
#remember-p {
display: block;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #333333;
float: left;
padding: 28px 0px 0px 5px;
}
#sign_in_btn {
width: 120px;
height: 40px;
border: none;
background: #3097de;
cursor: pointer;
font-size: 14px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
float: right;
margin-top: 13px;
position: relative;
}
#content,
#content-centered {
display: block;
/* padding: 0px 20px;*/
margin: 0 auto;
}
#transparent_bg,
#transparent_bg3 {
display: none;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0px;
left: 0px;
z-index: 100;
}
#edit_photo_block {
/* width: 480px;
padding: 20px;*/
background: #fff;
position: absolute;
top: -9999px;
left: 50%;
/* margin-left: -260px;*/
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
z-index: 200;
}
.close2 {
display: block;
text-decoration: none;
outline: none;
width: 18px;
height: 18px;
background: url('../img/close2.png') no-repeat;
-pie-background: url('img/close2.png') no-repeat;
position: absolute;
/* right: 20px;*/
top: 10px;
}
.h6 {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 18px;
color: #333333;
font-weight: bold;
padding-bottom: 25px;
}
.photo_blocks_p {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #333333;
padding-bottom: 15px;
line-height: 1.3;
}
#choose_photo,
#choose_style,
#member_photos {
text-align: justify;
line-height: 0;
font-size: 1px;
text-justify: newspaper;
zoom: 1;
text-align-last: justify;
}
#choose_photo:after,
#choose_style:after,
#member_photos:after {
width: 100%;
height: 0px;
visibility: hidden;
overflow: hidden;
content: '';
display: inline-block;
}
#choose_photo li,
#choose_style li {
display: inline-block;
vertical-align: top;
width: 60px;
height: 60px;
position: relative;
overflow: hidden;
background: url('../img/choose-photo-bg.png') no-repeat center center #eeeeee;
-pie-background: url('img/choose-photo-bg.png') no-repeat center center #eeeeee;
margin-bottom: 10px;
}
#choose_photo li img,
#choose_style li img,
#select_area_block img,
#member_photo_large img {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
#choose_photo li a,
#choose_style li a {
display: block;
text-decoration: none;
outline: none;
position: relative;
}
.close3 {
display: block;
width: 10px;
height: 10px;
background: none;
position: absolute;
right: 2px;
top: 2px;
z-index: 50;
}
#choose_photo li a:hover .close3 {
background: url('../img/close3.png') no-repeat;
-pie-background: url('img/close3.png') no-repeat;
}
#select_area_block,
#member_photo_large {
/* width: 480px; */
height: 480px;
background-color: #ccc;
margin: 10px 0px 20px 0px;
position: relative;
}
.rotate_left,
.rotate_right {
display: block;
text-decoration: none;
outline: none;
width: 30px;
height: 30px;
position: absolute;
z-index: 1000;
}
.rotate_left {
background: url('../img/rotate_left.png') no-repeat;
-pie-background: url('img/rotate_left.png') no-repeat;
top: 30px;
right: 30px;
}
.rotate_right {
background: url('../img/rotate_right.png') no-repeat;
-pie-background: url('img/rotate_right.png') no-repeat;
top: 30px;
right: 65px;
}
.left_90_css {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
}
.left_180_css {
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
}
.left_270_css {
transform: rotate(-270deg);
-webkit-transform: rotate(-270deg);
-moz-transform: rotate(-270deg);
-o-transform: rotate(-270deg);
-ms-transform: rotate(-270deg);
}
.right_90_css {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
.right_180_css {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
.right_270_css {
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
}
#left_180,
#left_270,
#right_180,
#right_270 {
display: none;
}
.style7 {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
.style6 {
filter: grayscale(60%);
-webkit-filter: grayscale(60%);
-moz-filter: grayscale(60%);
-ms-filter: grayscale(60%);
-o-filter: grayscale(60%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.6);
}
.style5 {
filter: sepia(50%);
-webkit-filter: sepia(50%);
-moz-filter: sepia(50%);
-ms-filter: sepia(50%);
-o-filter: sepia(50%);
filter: progid:DXImageTransform.Microsoft.BasicImage(sepia=0.5);
}
.style4 {
filter: contrast(150%);
-webkit-filter: contrast(150%);
-moz-filter: contrast(150%);
-ms-filter: contrast(150%);
-o-filter: contrast(150%);
filter: progid:DXImageTransform.Microsoft.BasicImage(contrast=1.5);
}
.style3 {
filter: grayscale(30%);
-webkit-filter: grayscale(30%);
-moz-filter: grayscale(30%);
-ms-filter: grayscale(30%);
-o-filter: grayscale(30%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.3);
}
.style2 {
filter: grayscale(20%);
-webkit-filter: grayscale(20%);
-moz-filter: grayscale(20%);
-ms-filter: grayscale(20%);
-o-filter: grayscale(20%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.2);
}
#edit_photo_form {
margin: 0;
padding: 0;
}
.inp-bg6 {
/* width: 218px;*/
height: 23px;
background-color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
padding: 5px 0px 0px 10px;
position: relative;
border: 1px solid #e5e5e5;
}
#title,
#tags {
/* width: 200px;*/
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #999999;
border: none;
background: none;
margin: 0px;
padding: 0px;
}
.for_title {
float: left;
}
.for_tags {
float: right;
}
.marg-t18 {
margin-top: 18px;
}
.edit_form_btns {
/* width: 120px;*/
height: 30px;
border: none;
background: #3097de;
cursor: pointer;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
float: right;
margin-top: 10px;
}
#edit_photo_delete {
margin-left: 8px;
}
#add_photo_block,
#add_photo_block_error,
#member_photos_block,
#vote_photo_block,
#vote_photo_block_priv {
display: none;
/*width: 480px;
padding: 20px;*/
background: #fff;
position: absolute;
top: 61px;
left: 50%;
/* margin-left: -260px;*/
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
z-index: 200;
}
#vote_photo_block,
#vote_photo_block_priv,
#transparent_bg3 {
display: block;
}
#upload_field,
#upload_error_field {
/* width: 476px;
height: 425px;*/
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px dashed #eeeeee;
position: relative;
}
#upload_field {
background: url('../img/upload.png') no-repeat center center #fcfcfc;
-pie-background: url('img/upload.png') no-repeat center center #fcfcfc;
}
#upload_error_field {
background: url('../img/upload2.png') no-repeat center center #fcfcfc;
-pie-background: url('img/upload2.png') no-repeat center center #fcfcfc;
}
#upload_field form,
#upload_error_field form {
padding: 0;
margin: 0;
width: 100%;
position: absolute;
/* top: 62%;*/
}
#upload_photos,
#select_photo_from_pc {
display: block;
height: 30px;
border: none;
background: #3097de;
cursor: pointer;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
margin: 0 auto;
}
#upload_photos {
width: 220px;
}
#select_photo_from_pc {
width: 220px;
}
#upload_field a {
display: block;
text-decoration: none;
outline: none;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #3097de;
padding-top: 8px;
text-align: center;
}
#upload_error_field p {
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #333333;
padding-bottom: 8px;
text-align: center;
}
#upload_error_message {
display: block;
width: 90%;
margin: 0 auto;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #333333;
text-align: center;
padding: 12px 0px 10px 0px;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid #fbb1a8;
background-color: #feefed;
margin-top: 20px;
}
#member_photos {
text-align: left;
margin-bottom: 10px;
}
#member_photos li {
display: inline-block;
vertical-align: top;
width: 60px;
height: 60px;
position: relative;
overflow: hidden;
margin: 0px 10px 10px 0px;
}
#member_photos li img {
display: block;
margin: 0;
padding: 0;
width: 100%;
}
#member_photos li a {
display: block;
text-decoration: none;
outline: none;
position: relative;
}
.active2 {
width: 56px;
height: 56px;
border: 2px solid #3097de;
}
.no_active2 {
width: 60px;
height: 60px;
border: none;
}
.name5 {
display: block;
text-decoration: none;
outline: none;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 16px;
color: #333333;
font-weight: bold;
text-align: center;
padding-bottom: 5px;
line-height: 1;
}
.age_place5 {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #333333;
text-align: center;
line-height: 1;
padding-bottom: 5px;
}
footer {
display: block;
/* padding: 0px 20px;*/
}
#f-center {
padding: 20px 0px 30px 0px;
border-top: 1px solid #eeeeee;
}
.foot-point,
.copyright {
display: block;
text-decoration: none;
outline: none;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #000;
}
.foot-point {
float: left;
padding-right: 15px;
}
.copyright {
float: right;
}
/*-----------------------------Index page----------------------------------------*/
#for_search {
/* width: 693px;*/
/* float: left;*/
position: relative;
}
.h1 {
display: block;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 26px;
color: #333333;
padding: 20px 0px;
/* float: left;*/
position: relative;
}
#adv_search_text {
display: none;
}
.search_type {
display: block;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #3097de;
padding-top: 33px;
float: right;
text-decoration: none;
outline: none;
}
#marry_status,
#sexsual_pref,
#name_surn,
#user_name,
#eye_color,
#hair_type,
#height_selection,
#weight_selection,
#go-small-search {
display: none;
}
/*
#for_search_form {
//width: 673px;
padding: 10px;
background: #fcfcfc;
border: 1px solid #eeeeee;
border-radius:2px;
-moz-border-radius:2px;
-khtml-border-radius:2px;
-webkit-border-radius:2px;
}*/
#for_progr_bar {
width: 450px;
height: 45px;
position: relative;
float: right;
}
#search {
position: relative;
margin: 0;
padding: 0;
/* width: 673px;*/
margin: 0 auto;
}
#for_progr_bar p,
#for_progr_bar span {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #333333;
}
#where {
width: 205px;
height: 45px;
padding-bottom: 10px;
position: relative;
float: left;
}
#props {
display: none;
border: 1px solid #ccc;
width: 100%;
position: absolute;
top: 26px;
left: -1px;
background-color: #fff;
z-index: 200;
-moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1), -2px 0px 5px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1), -2px 0px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1), -2px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
#props p,
#props a {
display: block;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #999999;
}
#props p {
cursor: pointer;
padding: 7px 10px 7px 30px;
background: url('../img/map_point.jpg') no-repeat 7px center;
}
#props a {
border-top: 1px solid #ccc;
text-decoration: none;
padding: 7px 10px;
}
#name_surn {
width: 245px;
height: 45px;
padding-bottom: 10px;
float: left;
}
#user_name {
width: 170px;
height: 45px;
padding-bottom: 10px;
float: left;
}
.inp-bg,
.inp-bg4,
.inp-bg7,
.inp-bg8,
.inp-bg9,
.inp-bg10,
.inp-bg11,
.inp-bg15,
.inp-bg16 {
height: 22px;
background-color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
padding: 4px 0px 0px 10px;
position: relative;
}
.inp-bg {
width: 193px;
border: 1px solid #ccc;
}
.inp-bg15 {
width: 215px;
border: 1px solid #ccc;
}
.inp-bg16 {
width: 140px;
border: 1px solid #ccc;
}
.inp-bg4 {
/* width: 223px; */
border: 1px solid #eeeeee;
}
.inp-bg7 {
/* width: 138px;*/
border: 1px solid #ccc;
}
.inp-bg8 {
width: 230px;
border: 1px solid #ccc;
float: left;
}
.inp-bg9 {
width: 78px;
border: 1px solid #ccc;
float: left;
}
.inp-bg10,
.inp-bg11 {
width: 138px;
border: 1px solid #ccc;
float: left;
}
.inp-bg10 {
background-color: #f6f6f6;
}
.inp-bg17 {
height: 22px;
background-color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
padding: 4px 0px 0px 10px;
position: relative;
width: 193px;
border: 1px solid #ccc;
}
#city,
#search_fr_mess,
#email_inp,
#username_inp,
#pass_inp,
#city_inp,
#contact_email_inp,
#sec_code_inp,
#username_del_inp,
#password_del_inp,
#name_surname,
#us_name {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #333333;
border: none;
background: none;
margin: 0px;
padding: 0px;
}
#username_del_inp,
#password_del_inp {
width: 128px;
}
#sec_code_inp {
width: 58px;
}
#contact_email_inp {
width: 210px;
}
#city {
width: 160px;
}
#search_fr_mess {
width: 195px;
}
#name_surname {
width: 195px;
}
#us_name {
width: 130px;
}
#email_inp,
#username_inp,
#pass_inp,
#city_inp {
/* width: 120px;*/
}
#magn-glass {
width: 16px;
height: 17px;
background: url('../img/where-bg.png') no-repeat;
-pie-background: url('img/where-bg.png') no-repeat;
position: absolute;
top: 5px;
right: 8px;
}
#inp_plus {
cursor: pointer;
width: 8px;
height: 8px;
background: url('../img/plus.jpg') no-repeat;
position: absolute;
top: 50%;
right: 8px;
margin-top: -4px;
}
/*the slider background*/
.slider {
/*width:430px;*/
height: 10px;
background: #eeeeee;
position: absolute;
bottom: 0px;
margin: 0;
padding: 0 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
behavior: url(public/htc/PIE.htc);
}
/*Style for the slider button*/
.ui-slider-handle {
width: 18px;
height: 18px;
position: absolute;
top: -20px;
margin-left: -9px;
/* z-index: 200; */
background: url(../img/position-slider.png) no-repeat #ef5350;
-pie-background: url(img/position-slider.png) no-repeat #ef5350;
background-size: contain;
}
/*This is the fill bar colour*/
.ui-widget-header {
background: #3097de;
height: 10px;
left: 0px;
top: 0px;
position: absolute;
border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
-khtml-border-radius: 5px 0px 0px 5px;
-webkit-border-radius: 5px 0px 0px 5px;
behavior: url(public/htc/PIE.htc);
}
a {
outline: none;
-moz-outline-style: none;
}
#gender {
/* width: 160px;*/
float: left;
}
.h2 {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #000;
padding-bottom: 7px;
}
#age,
#height_selection,
#weight_selection {
width: 170px;
float: left;
}
#to {
display: block;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #000;
padding: 10px 5px 0px 5px;
float: left;
}
#marry_status {
width: 170px;
float: left;
padding-bottom: 10px;
}
#sexsual_pref {
width: 170px;
padding-bottom: 10px;
float: left;
}
#eye_color {
width: 135px;
padding-bottom: 10px;
float: left;
}
#hair_type {
width: 115px;
padding-bottom: 10px;
float: left;
}
#chboxes {
width: 210px;
padding-top: 25px;
float: left;
}
.wp,
.ol {
display: block;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #000;
float: left;
}
.wp {
padding: 3px 20px 0px 10px;
}
.ol {
padding: 3px 0px 0px 10px;
}
.halfstyle_select select {
border-radius: 0;
background: none;
background-color: #fff;
border: none;
line-height: 1;
-webkit-appearance: none;
color: #999999;
font-size: 12px;
padding: 7px 9px 9px 9px;
font-family: Lato, Helvetica, Arial, sans-serif;
position: absolute;
top: -1px;
left: -1px;
}
.halfstyle_select {
height: 28px;
position: relative;
border: 1px solid #ccc;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
overflow: hidden;
}
.sel-down-arrow {
width: 8px;
height: 4px;
background: url('../img/sel-down-arrow.png') no-repeat;
-pie-background: url('img/sel-down-arrow.png') no-repeat;
position: absolute;
top: 13px;
right: 9px;
z-index: 100;
cursor: pointer;
}
.sel82 select {
/* width: 170px;*/
}
.sel82 {
/* width: 140px;*/
float: left;
}
.sel83 select,
.sel99 select {
width: 95px;
}
.sel83,
.sel99 {
width: 65px;
float: left;
}
.sel99 select {
width: 93px;
}
.sel99 {
width: 63px;
float: left;
}
.sel62 select {
width: 106px;
}
.sel62 {
width: 74px;
float: left;
}
.sel80 {
/* width: 140px;*/
float: left;
}
.sel81,
.sel98 {
width: 65px;
float: left;
}
.sel63 {
width: 76px;
float: left;
}
.sel86 {
width: 100px;
float: left;
}
.sel69 {
width: 170px;
}
.sel68 select {
width: 200px;
}
.sel68 {
width: 170px;
}
.sel67 {
width: 115px;
}
.sel66 select {
width: 145px;
}
.sel66 {
width: 115px;
}
.cusel,
.cuselFrameRight,
.jScrollPaneDrag,
.jScrollArrowUp,
.jScrollArrowDown {
background: url('../img/sel-bg.jpg') no-repeat;
}
.cusel {
height: 30px;
background-position: left top;
display: inline-block;
position: relative;
cursor: pointer;
color: #999999;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
z-index: 1;
outline: none;
}
.cuselFrameRight {
position: absolute;
z-index: 2;
top: 0;
right: 0;
height: 100%;
width: 20px;
background-position: right top;
}
.cuselText {
height: 15px;
padding: 9px 0 0 8px;
cursor: pointer;
overflow: hidden;
position: relative;
z-index: 1;
color: #999999;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
position: absolute;
top: 0;
left: 0;
outline: none;
}
* html .cuselText {
height: 22px;
}
.cusel span {
display: block;
cursor: pointer;
padding: 2px 15px 2px 5px;
zoom: 1;
}
.cusel span:hover,
.cusel .cuselOptHover {
border: 1px solid #3097de;
}
.cusel .cuselActive {
background: #3097de;
color: #fff;
cursor: default;
}
.cusel:hover,
.cusel:hover .cuselFrameRight,
.cusel:focus,
.cusel:focus .cuselFrameRight,
.cuselFocus,
.cuselFocus .cuselFrameRight {
background-image: url('../img/sel-bg.jpg');
}
.cuselOpen {
z-index: 999;
}
.cusel .cusel-scroll-wrap {
display: block;
visibility: hidden;
position: absolute;
left: 0;
top: 100%;
border: 1px solid #ccc;
background: #fff;
min-width: 100%;
width: auto;
}
.cusel .jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 5;
}
.cusel .jScrollPaneTrack {
height: 100%;
width: 7px !important;
background: #ccc;
position: absolute;
top: 0;
right: 4px;
}
.cusel .jScrollPaneDrag {
position: absolute;
background-position: -38px -30px;
cursor: pointer;
width: 15px !important;
height: 27px !important;
right: -4px;
}
.cusel .jScrollPaneDragTop {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.cusel .jScrollPaneDragBottom {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
.cusel .jScrollArrowUp {
position: absolute;
top: 0;
right: 2px;
width: 26px;
height: 12px;
cursor: pointer;
background-position: -1px -31px;
overflow: hidden;
}
.cusel .jScrollArrowDown {
width: 25px;
height: 10px;
position: absolute;
top: auto;
bottom: 0;
right: 3px;
cursor: pointer;
background-position: -19px -32px;
overflow: hidden;
}
/**
SURCHARGE NOUVEAU CUSEL 3
*/
/*
styles for select
*/
.cusel,
.cuselFrameRight,
.jScrollArrowUp,
.jScrollArrowDown {
background: url('../img/sel-bg.jpg') no-repeat;
}
.cusel {
/* общий вид селекта включая стрелку справа */
height: 30px;
background-position: left top;
display: inline-block;
position: relative;
cursor: pointer;
color: #999999;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
z-index: 1;
outline: none;
}
.cuselFrameRight {
/* левая часть селект. обычно скругление и левая граница */
position: absolute;
z-index: 2;
top: 0;
right: 0;
height: 100%;
width: 20px;
background-position: right top;
}
.cuselText {
/* контейнер для отображенного текста селект */
height: 15px;
padding: 9px 0 0 8px;
cursor: pointer;
overflow: hidden;
position: relative;
z-index: 1;
color: #999999;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
position: absolute;
top: 0;
left: 0;
outline: none;
}
* html .cuselText {
height: 22px;
}
.cusel-scroll-pane > span {
/* оформление оптиона */
display: block;
cursor: pointer;
padding: 2px 15px 2px 5px;
/* паддинг справа - это отступ текста от ползунка */
zoom: 1;
}
.cusel-scroll-pane > span:hover,
.cusel-scroll-pane .cuselOptHover {
/* реакция оптиона на наведение */
border: 1px solid #3097de;
}
.cusel-scroll-wrap .cuselActive {
/* оформление активного оптиона в списке */
background: #3097de;
color: #fff;
cursor: default;
}
/*
styles for focus and hover
*/
.cusel:hover,
.cusel:hover .cuselFrameRight,
.cusel:focus,
.cusel:focus .cuselFrameRight {
background-image: url('../img/sel-bg.jpg');
}
.cuselOpen {
z-index: 999;
}
/*
styles for disabled select
*/
.cusel.classDisCusel,
.cusel.classDisCusel .cuselFrameRight {
background-image: url('../img/sel-bg.jpg');
filter: alpha(opacity=65);
opacity: 0.65;
cursor: default;
}
.classDisCusel .cuselText {
cursor: default;
}
/* Dropdown box for elements */
#cuselBox {
position: absolute;
z-index: 9999;
}
/*
styles for scrollbar
*/
.cusel-scroll-wrap {
/* контейнер для блока с прокруткой */
display: block;
visibility: hidden;
position: absolute;
left: 0;
top: 100%;
border: 1px solid #ccc;
background: #fff;
min-width: 100%;
width: auto;
}
.cusel-scroll-pane {
background: #fff;
/* фон выпадающего списка */
}
.cusel-scroll-wrap .jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 5;
}
.cusel-scroll-wrap .jScrollPaneTrack {
/* трек для ползунка прокрутки */
height: 100%;
width: 7px !important;
background: #ccc;
position: absolute;
top: 0;
right: 4px;
}
.cusel-scroll-wrap .jScrollPaneDrag {
/* ползунок */
position: absolute;
background-position: -38px -30px;
cursor: pointer;
width: 15px !important;
height: 27px !important;
right: -4px;
}
.cusel-scroll-wrap .jScrollPaneDragTop {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.cusel-scroll-wrap .jScrollPaneDragBottom {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
.cusel-scroll-wrap .jScrollArrowUp {
/* стрелка вверх */
position: absolute;
top: 0;
right: 2px;
width: 26px;
height: 12px;
cursor: pointer;
background-position: -1px -31px;
overflow: hidden;
}
.cusel-scroll-wrap .jScrollArrowDown {
/* стрелка вниз */
width: 25px;
height: 10px;
position: absolute;
top: auto;
bottom: 0;
right: 3px;
cursor: pointer;
background-position: -19px -32px;
overflow: hidden;
}
.w20 {
width: 20px;
height: 20px;
float: left;
}
.checkbox,
.checkbox1 {
height: 16px;
display: block;
cursor: pointer;
background: url('../img/cbox-bg.jpg') no-repeat;
}
.checkbox {
float: left;
}
.checkbox input,
.checkbox1 input {
display: none;
}
.chbox_label,
.chbox_label2 {
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #333333;
line-height: 1;
padding: 2px 0px 0px 23px;
}
.chbox_label {
color: #333333;
}
.chbox_label2 {
color: #999999;
}
/*
#search-btn {
//width: 120px;
height: 30px;
border: none;
background: @base;
cursor: pointer;
font-size: @fontsizeBody;
font-family: @fontBody;
color: #fff;
border-radius:2px;
-moz-border-radius:2px;
-khtml-border-radius:2px;
-webkit-border-radius:2px;
position: absolute;
bottom: 0px;
right: 0px;
}*/
#site_activity {
/* width: 233px;*/
float: right;
position: relative;
}
#activity_slider,
#activity_slider2 {
display: block;
width: 100%;
float: left;
border: 1px solid #eeeeee;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
position: relative;
}
#activity_slider {
padding: 30px 0px 32px 0px;
}
.container4 {
position: relative;
top: 0px;
left: 0px;
/* width: 231px;*/
height: 60px;
overflow: hidden;
margin: 0 auto;
}
.point-brands {
position: absolute;
top: 0px;
height: 60px;
width: 231px;
overflow: hidden;
z-index: 1;
border-right: 1px solid #eeeeee;
}
.carouselLeft-b {
height: 10px;
width: 6px;
position: absolute;
bottom: 10px;
right: 20px;
cursor: pointer;
background: url('../img/prev.png') no-repeat;
-pie-background: url('img/prev.png') no-repeat;
z-index: 1000;
}
.carouselRight-b {
height: 10px;
width: 6px;
position: absolute;
bottom: 10px;
right: 9px;
cursor: pointer;
background: url('../img/next.png') no-repeat;
-pie-background: url('img/next.png') no-repeat;
z-index: 1000;
}
.user-miniature {
display: block;
width: 60px;
height: 60px;
border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
-webkit-border-radius: 50%;
position: relative;
}
.place1 {
position: absolute;
bottom: 0px;
left: 10px;
}
.user-miniature img {
display: block;
width: 100%;
height: 100%;
border: 0;
margin: 0;
border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
-webkit-border-radius: 50%;
position: relative;
}
.comment-ico,
.add-ico,
.like-ico,
.birthday-ico {
display: block;
width: 25px;
height: 25px;
position: absolute;
right: -12px;
top: 17px;
}
.comment-ico {
background: url('../img/comment-ico.png') no-repeat;
-pie-background: url('img/comment-ico.png') no-repeat;
}
.add-ico {
background: url('../img/add-ico.png') no-repeat;
-pie-background: url('img/add-ico.png') no-repeat;
}
.like-ico {
background: url('../img/like-ico.png') no-repeat;
-pie-background: url('img/like-ico.png') no-repeat;
}
.birthday-ico {
background: url('../img/birthday-ico.png') no-repeat;
-pie-background: url('img/birthday-ico.png') no-repeat;
}
.activity-text {
display: block;
width: 135px;
cursor: pointer;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #333333;
line-height: 1.2;
position: absolute;
left: 85px;
top: 3px;
}
.activity-text a {
text-decoration: none;
outline: none;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #3097de;
}
.activity-date {
display: block;
cursor: pointer;
font-size: 11px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #999999;
line-height: 1.2;
position: absolute;
left: 85px;
top: 45px;
}
#new_users_albums {
display: block;
padding: 40px 0px;
position: relative;
}
.h3 {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 26px;
color: #333333;
padding-bottom: 20px;
}
#new_users_albums ul,
#my_guests_tab ul,
#my_admirers_tab ul,
#ready_to_meet ul,
#similar_profiles ul,
#blog_parts ul,
#latest_users ul,
#vote_history ul,
#pages_styles ul,
#game1_tab ul,
#game2_tab ul,
#game3_tab ul,
#game4_tab ul,
#all_online_tab ul,
#man_online_tab ul,
#woman_online_tab ul,
#couple_online_tab ul {
line-height: 0;
font-size: 1px;
text-justify: newspaper;
zoom: 1;
}
#new_users_albums ul:after,
#my_guests_tab ul:after,
#my_admirers_tab ul:after,
#ready_to_meet ul:after,
#similar_profiles ul:after,
#blog_parts ul:after,
#latest_users ul:after,
#vote_history ul:after,
#pages_styles ul:after,
#game1_tab ul:after,
#game2_tab ul:after,
#game3_tab ul:after,
#game4_tab ul:after,
#all_online_tab ul:after,
#man_online_tab ul:after,
#woman_online_tab ul:after,
#couple_online_tab ul:after {
width: 100%;
height: 0px;
visibility: hidden;
overflow: hidden;
content: '';
display: inline-block;
}
.album-point {
display: inline-block;
}
#new_users_albums ul li,
#my_guests_tab ul li,
#my_admirers_tab ul li,
#ready_to_meet ul li,
#similar_profiles ul li,
#latest_users ul li,
#vote_history ul li,
#pages_styles ul li,
#game1_tab ul li,
#game2_tab ul li,
#game3_tab ul li,
#game4_tab ul li,
#all_online_tab ul li,
#man_online_tab ul li,
#woman_online_tab ul li,
#couple_online_tab ul li {
text-align: left;
line-height: normal;
vertical-align: top;
padding: 8px;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid #eeeeee;
position: relative;
background: #ffffff;
}
.user-album {
display: block;
width: 215px;
height: 215px;
overflow: hidden;
position: relative;
}
#new_users_albums ul li:hover .addf_chat,
#my_guests_tab ul li:hover .addf_chat,
#my_admirers_tab ul li:hover .addf_chat,
#ready_to_meet ul li:hover .addf_chat,
#similar_profiles ul li:hover .addf_chat,
.profile_left:hover .addf_chat,
#latest_users ul li:hover .addf_chat,
#vote_history ul li:hover .addf_chat,
#game3_tab ul li:hover .addf_chat,
#all_online_tab ul li:hover .addf_chat,
#man_online_tab ul li:hover .addf_chat,
#woman_online_tab ul li:hover .addf_chat,
#couple_online_tab ul li:hover .addf_chat {
display: block;
}
#new_users_albums ul li:hover .photos-count,
#my_guests_tab ul li:hover .photos-count,
#my_admirers_tab ul li:hover .photos-count,
#my_admirers_tab ul li:hover .photo_rate,
#ready_to_meet ul li:hover .photos-count,
#similar_profiles ul li:hover .photos-count,
#latest_users ul li:hover .photos-count,
#vote_history ul li:hover .photos-count,
#game1_tab ul li:hover .photos-count,
#game2_tab ul li:hover .photos-count,
#game3_tab ul li:hover .photos-count,
#game4_tab ul li:hover .photos-count,
#all_online_tab ul li:hover .photos-count,
#man_online_tab ul li:hover .photos-count,
#woman_online_tab ul li:hover .photos-count,
#couple_online_tab ul li:hover .photos-count {
top: 10px;
}
.profile_left:hover .photos-count2 {
top: 10px;
}
/*#new_users_albums ul li:hover .online2 {
bottom: 187px;
right: 10px;
}*/
#new_users_albums ul li:hover .online1,
#my_guests_tab ul li:hover .online1,
#my_admirers_tab ul li:hover .online1,
#ready_to_meet ul li:hover .online1,
#similar_profiles ul li:hover .online1,
.profile_left:hover .online1,
#latest_users ul li:hover .online1,
#vote_history ul li:hover .online1,
#game1_tab ul li:hover .online1,
#game2_tab ul li:hover .online1,
#game3_tab ul li:hover .online1,
#game4_tab ul li:hover .online1,
#all_online_tab ul li:hover .online1,
#man_online_tab ul li:hover .online1,
#woman_online_tab ul li:hover .online1,
#couple_online_tab ul li:hover .online1 {
top: 10px;
}
#vote_history ul li:hover .photo_rate2 {
bottom: 17px;
}
.user-album img {
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
}
.name {
display: block;
text-decoration: none;
outline: none;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 16px;
color: #333333;
font-weight: bold;
text-align: center;
padding: 10px 0px 5px 0px;
line-height: 1;
}
.age_place {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #333333;
text-align: center;
line-height: 1;
}
#man_online_tab,
#woman_online_tab,
#couple_online_tab {
display: none;
}
.photos-count,
.photo_rate {
display: block;
height: 15px;
text-decoration: none;
outline: none;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #fff;
text-align: center;
position: absolute;
bottom: 10px;
right: 10px;
}
.photos-count {
width: 23px;
padding: 2px 0px 2px 17px;
background: url('../img/photos-count.png') no-repeat;
-pie-background: url('img/photos-count.png') no-repeat;
}
.photo_rate {
width: 36px;
padding: 2px 0px 2px 14px;
background: url('../img/photo_rate.png') no-repeat;
-pie-background: url('img/photo_rate.png') no-repeat;
}
.top-green {
display: block;
width: 20px;
height: 20px;
text-decoration: none;
outline: none;
background: url('../img/top-green.png') no-repeat;
-pie-background: url('img/top-green.png') no-repeat;
position: absolute;
top: 0px;
right: 0px;
}
.online1,
.online2 {
display: block;
width: 60px;
height: 19px;
text-decoration: none;
outline: none;
background: url('../img/online.png') no-repeat;
-pie-background: url('img/online.png') no-repeat;
position: absolute;
}
.online1 {
bottom: 10px;
left: 10px;
}
.online2 {
bottom: 10px;
right: 10px;
}
.none {
display: none;
}
.addf_chat,
.like_dislike,
.is_guess_block,
.no_fancy_block {
display: none;
position: absolute;
bottom: 8px;
left: 8px;
border-radius: 0px 0px 2px 2px;
-moz-border-radius: 0px 0px 2px 2px;
-khtml-border-radius: 0px 0px 2px 2px;
-webkit-border-radius: 0px 0px 2px 2px;
z-index: 1000;
}
.add_friend,
.un_friend {
display: block;
text-decoration: none;
outline: none;
width: 107px;
height: 60px;
border-right: 1px solid #56A8E1;
float: left;
position: relative;
border-radius: 0px 0px 0px 2px;
-moz-border-radius: 0px 0px 0px 2px;
-khtml-border-radius: 0px 0px 0px 2px;
-webkit-border-radius: 0px 0px 0px 2px;
}
.add_friend {
background: url('../img/add_friend.png') no-repeat #3097de center center;
}
.un_friend {
display: none;
background: url('../img/un_friend.png') no-repeat #3097de center center;
}
.chat {
display: block;
width: 107px;
height: 60px;
background: url('../img/chat.png') no-repeat #3097de center center;
float: left;
text-decoration: none;
outline: none;
position: relative;
border-radius: 0px 0px 2px 0px;
-moz-border-radius: 0px 0px 2px 0px;
-khtml-border-radius: 0px 0px 2px 0px;
-webkit-border-radius: 0px 0px 2px 0px;
}
.add_friend:hover,
.un_friend:hover,
.chat:hover {
background-color: #56A8E1;
}
#load_more {
display: block;
width: 148px;
text-decoration: none;
outline: none;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #3097de;
text-align: center;
padding: 10px 0px;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid #eeeeee;
position: absolute;
/*bottom: 10px;*/
left: 50%;
margin: 0px 0px 0px -74px;
}
/*-------------------------------------ProfileUser page----------------------*/
#page_title {
text-decoration: none;
outline: none;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 22px;
text-align: center;
padding-top: 30px;
}
#user_preview_large {
width: 715px;
padding-top: 20px;
position: relative;
float: left;
}
#photo-col1,
#photo-col2,
#photo-col3 {
float: left;
margin-right: 4px;
}
#photo-col4 {
float: left;
}
#preview_photo1,
#preview_photo2,
#preview_photo4,
#preview_photo5 {
display: block;
text-decoration: none;
outline: none;
width: 148px;
height: 118px;
}
#preview_photo1,
#preview_photo4 {
margin-bottom: 4px;
}
#preview_photo3 {
display: block;
text-decoration: none;
outline: none;
width: 255px;
height: 240px;
}
#preview_photo6 {
display: block;
text-decoration: none;
outline: none;
width: 152px;
height: 240px;
}
#preview_main_wrap {
position: absolute;
bottom: 14px;
left: 10px;
}
#preview_main {
width: 205px;
height: 205px;
border: 4px solid #fff;
position: relative;
}
#preview_photo1 img,
#preview_photo2 img,
#preview_photo3 img,
#preview_photo4 img,
#preview_photo5 img,
#preview_photo6 img,
#preview_main img {
display: block;
width: 100%;
height: 100%;
border: 0;
margin: 0;
padding: 0;
}
.photos-count2 {
display: block;
width: 23px;
height: 13px;
text-decoration: none;
outline: none;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #fff;
text-align: center;
padding: 4px 0px 2px 17px;
background: url('../img/photos-count.png') no-repeat;
-pie-background: url('img/photos-count.png') no-repeat;
position: absolute;
bottom: 10px;
right: 10px;
}
.online3 {
display: block;
width: 60px;
height: 19px;
text-decoration: none;
outline: none;
background: url('../img/online3.png') no-repeat;
-pie-background: url('img/online3.png') no-repeat;
position: absolute;
bottom: 10px;
right: 10px;
}
#preview-info-menu,
#preview-info-menu2 {
width: 515px;
padding: 10px 10px 10px 233px;
}
#preview-info {
float: left;
}
#preview-name {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 24px;
color: #333333;
font-weight: bold;
}
#preview-from {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #333333;
padding: 6px 0px 8px 10px;
background: url('../img/point.png') no-repeat 0px 4px;
-pie-background: url('img/point.png') no-repeat 0px 4px;
}
#preview-last-visit {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #999999;
}
#chat2,
#add_friend2,
#to_favorite {
display: block;
width: 60px;
height: 60px;
text-decoration: none;
outline: none;
float: right;
margin-left: 10px;
}
#chat2 {
background: url('../img/chat2.png') no-repeat;
-pie-background: url('img/chat2.png') no-repeat;
}
#add_friend2 {
background: url('../img/add_friend2.png') no-repeat;
-pie-background: url('img/add_friend2.png') no-repeat;
}
#to_favorite {
background: url('../img/to-favorite.png') no-repeat;
-pie-background: url('img/to-favorite.png') no-repeat;
}
#interests {
/* width: 715px;*/
padding-top: 20px;
float: left;
}
.h5 {
display: block;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 22px;
color: #333333;
padding-bottom: 15px;
}
.interes_point {
display: block;
text-decoration: none;
outline: none;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #333333;
padding: 10px 9px 8px 27px;
float: left;
border: 1px solid #eeeeee;
border-radius: 17px;
-moz-border-radius: 17px;
-khtml-border-radius: 17px;
-webkit-border-radius: 17px;
margin-right: 8px;
}
#int_music {
background: url('../img/music.png') no-repeat #fcfcfc 9px 7px;
-pie-background: url('img/music.png') no-repeat #fcfcfc 9px 7px;
}
#int_popart {
background: url('../img/popart.png') no-repeat #fcfcfc 7px 8px;
-pie-background: url('img/popart.png') no-repeat #fcfcfc 7px 8px;
}
#int_travel {
background: url('../img/travel.png') no-repeat #fcfcfc 6px 7px;
-pie-background: url('img/travel.png') no-repeat #fcfcfc 6px 7px;
}
#int_f1 {
background: url('../img/f1.png') no-repeat #fcfcfc 6px 7px;
-pie-background: url('img/f1.png') no-repeat #fcfcfc 6px 7px;
}
#int_mars {
background: url('../img/mars.png') no-repeat #fcfcfc 6px 7px;
-pie-background: url('img/mars.png') no-repeat #fcfcfc 6px 7px;
}
#int_weather {
background: url('../img/weather.png') no-repeat #fcfcfc 6px 7px;
-pie-background: url('img/weather.png') no-repeat #fcfcfc 6px 7px;
}
.plus {
display: block;
text-decoration: none;
outline: none;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
color: #fff;
padding: 10px 0px;
width: 70px;
float: left;
background-color: #3097de;
border-radius: 17px;
-moz-border-radius: 17px;
-khtml-border-radius: 17px;
-webkit-border-radius: 17px;
}
#information_wanttomeet {
width: 715px;
padding-top: 25px;
float: left;
}
#information {
/* width: 405px;*/
float: left;
}
#wanttomeet {
float: left;
}
table,
tr,
td {
margin: 0;
padding: 0;
border: 0;
background: none;
}
td {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
text-align: left;
line-height: 1;
}
.tab-col1 {
/* width: 170px;*/
padding-bottom: 12px;
color: #999999;
}
.tab-col2 {
width: auto;
color: #333333;
}
#profile-photos {
/* width: 715px;*/
padding-top: 10px;
position: relative;
overflow: hidden;
float: left;
}
.carousel li {
width: 150px;
height: 120px;
float: left;
margin-right: 12px;
}
.carousel li a {
text-decoration: none;
outline: none;
}
.carousel li img {
display: block;
margin: 0;
padding: 0;
border: 0;
}
.carousel-prev,
.carousel-next {
width: 65px;
height: 120px;
cursor: pointer;
position: absolute;
bottom: 26px;
z-index: 1000;
}
.carousel-prev {
background: url('../img/c-prev.png') no-repeat center center rgba(0, 0, 0, 0.5);
-pie-background: url('img/c-prev.png') no-repeat center center;
left: 0px;
}
.carousel-next {
background: url('../img/c-next.png') no-repeat center center rgba(0, 0, 0, 0.5);
-pie-background: url('img/c-next.png') no-repeat center center;
right: 0px;
}
.go {
width: 50px;
padding-top: 20px;
margin: 0 auto;
}
.go a {
float: left;
width: 6px;
height: 6px;
text-indent: -9999px;
background: url('../img/go.png') no-repeat top;
-pie-background: url('img/go.png') no-repeat top;
margin-right: 4px;
}
.go a:hover {
background: url('../img/go.png') no-repeat bottom;
-pie-background: url('img/go.png') no-repeat bottom;
}
.go .goActive {
background: url('../img/go.png') no-repeat bottom;
-pie-background: url('img/go.png') no-repeat bottom;
}
#description {
width: 45% !important;
float: left;
}
#information {
width: 55% !important;
float: left;
}
.profile-text {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #333333;
text-align: left;
line-height: 1.4;
}
#meetings {
/* width: 715px;*/
padding-top: 25px;
float: left;
}
#report_person {
/* width: 715px;*/
padding-top: 15px;
float: left;
}
#alarm_support,
#manage_profile,
#manage_news,
#manage_subscr {
display: block;
text-decoration: none;
outline: none;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #fff;
padding: 10px 15px;
background: #3097de;
float: left;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
}
#alarm_support {
margin: 20px 0px 60px 0px;
}
#manage_profile,
#manage_news {
margin: 20px 0px 0px 0px;
}
#manage_subscr {
margin: 20px 0px 60px 0px;
}
#site_activity2 {
/* width: 233px;*/
height: 900px;
float: right;
/* position: relative; */
}
#activity_slider2 {
padding: 10px 0px 20px 0px;
}
.container1,
.container2 {
position: relative;
top: 0px;
left: 0px;
width: 231px;
overflow: hidden;
margin: 0 auto;
}
.container1 {
height: 432px;
}
.container2 {
height: 70px;
}
.point-brands2 {
position: absolute;
top: 0px;
width: 231px;
height: 432px;
overflow: hidden;
z-index: 1;
}
.activity-point {
position: relative;
height: 60px;
width: 231px;
border-right: 1px solid #eeeeee;
margin-bottom: 12px;
float: left;
}
#user_preview_small {
width: auto;
padding-top: 10px;
}
#user_preview_small_photo {
display: block;
width: 300px;
height: 300px;
margin: 0 auto;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
position: relative;
}
#user_preview_small_photo img {
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
}
#preview-info-menu-small {
width: 100%;
position: absolute;
bottom: 0px;
background: rgba(0, 0, 0, 0.5);
}
#preview-name-small {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 15px;
color: #fff;
font-weight: bold;
padding: 10px 0px 3px 10px;
float: left;
}
#preview-from-last-visit {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 11px;
padding: 0px 0px 10px 10px;
float: left;
}
.pfrom {
color: #fff;
}
.pvisit {
color: #999999;
}
.preview-menu-small-point {
display: block;
text-decoration: none;
outline: none;
width: 50px;
height: 50px;
border-left: 1px solid #898989;
float: right;
}
#chat3 {
background: url('../img/chat3.png') no-repeat center center;
-pie-background: url('img/chat3.png') no-repeat center center;
}
#add_friend3 {
background: url('../img/add_friend3.png') no-repeat center center;
-pie-background: url('img/add_friend3.png') no-repeat center center;
}
/*------------------------------My Messages Page---------------------------*/
#my_messages_block {
/* width: 715px;
padding-top: 20px;
float: left;*/
overflow: hidden;
}
.messages_top_nav {
display: block;
text-decoration: none;
outline: none;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
float: left;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
}
.active1 {
color: #333333;
font-weight: bold;
padding: 10px 12px 8px 12px;
border: 1px solid #eeeeee;
}
.no_active1 {
color: #3097de;
font-weight: normal;
padding: 11px 12px 9px 12px;
border: none;
}
#messager_search {
/* float: left;*/
padding-top: 20px;
}
#messager_search form {
margin: 0;
padding: 0;
float: left;
padding-bottom: 9px;
border-bottom: 1px solid #eeeeee;
}
.user-miniature-bg2 {
display: block;
/* width: 230px;*/
height: 60px;
padding: 5px 10px;
text-decoration: none;
outline: none;
position: relative;
}
.user-miniature-bg2:hover {
background-color: #eeeeee;
}
.place5 {
position: absolute;
top: 25px;
right: 30px;
}
.messages-menu {
display: none;
width: 20px;
height: 20px;
position: relative;
border: 1px solid #cccccc;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
background: url('../img/sel-down-arrow.png') no-repeat center center #fff;
-pie-background: url('img/sel-down-arrow.png') no-repeat center center #fff;
}
.place6 {
position: absolute;
top: 24px;
right: 0px;
z-index: 100;
}
.user-miniature-bg2:hover .messages-menu {
display: block;
}
.messages-menu-points {
display: none;
position: absolute;
right: -1px;
top: 20px;
border: 1px solid #ccc;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
}
.messages-menu-points span {
display: block;
width: 130px;
padding: 10px 0px 10px 28px;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #333333;
}
.delet_mess {
background: url('../img/delete.png') no-repeat 10px 8px #fff;
-pie-background: url('img/delete.png') no-repeat 10px 8px #fff;
}
.to_blacklist {
background: url('../img/blacklist.png') no-repeat 8px 9px #fff;
-pie-background: url('img/blacklist.png') no-repeat 8px 9px #fff;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.archive_mess {
background: url('../img/archive.png') no-repeat 8px 9px #fff;
-pie-background: url('img/archive.png') no-repeat 8px 9px #fff;
}
.messages-menu:hover .messages-menu-points {
display: block;
}
#messages-field {
/* float: left;*/
padding-top: 20px;
}
#messager_fio {
display: block;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 18px;
color: #333333;
font-weight: bold;
padding: 5px 17px 15px 0px;
background: url('../img/green-round-ico.png') no-repeat right 7px;
-pie-background: url('img/green-round-ico.png') no-repeat right 7px;
float: left;
line-height: 1;
}
#actions_for_messager {
display: block;
width: 148px;
padding: 8px 0px 8px 10px;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #333333;
background: url('../img/sel-down-arrow.png') no-repeat 138px center;
-pie-background: url('img/sel-down-arrow.png') no-repeat 138px center;
float: right;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid #ccc;
position: relative;
}
#actions_for_messager span {
display: none;
border: 1px solid #ccc;
border-radius: 0px 0px 2px 2px;
-moz-border-radius: 0px 0px 2px 2px;
-khtml-border-radius: 0px 0px 2px 2px;
-webkit-border-radius: 0px 0px 2px 2px;
position: absolute;
left: -1px;
top: 28px;
z-index: 100;
}
#actions_for_messager span a {
display: block;
text-decoration: none;
outline: none;
width: 130px;
padding: 10px 0px 10px 28px;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #333333;
}
.fr_remove {
background: url('../img/delete.png') no-repeat 10px 8px #fff;
-pie-background: url('img/delete.png') no-repeat 10px 8px #fff;
}
.fr_blacklist {
background: url('../img/blacklist.png') no-repeat 8px 9px #fff;
-pie-background: url('img/blacklist.png') no-repeat 8px 9px #fff;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.fr_add {
background: url('../img/add_friend4.png') no-repeat 8px 9px #fff;
-pie-background: url('img/add_friend4.png') no-repeat 8px 9px #fff;
}
#actions_for_messager:hover span {
display: block;
}
#messages-flow {
height: 100%;
width: auto;
padding: 10px;
/* border: 1px solid #eeeeee;*/
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
}
.scroll-pane2 {
/* height: 600px; */
width: auto;
overflow: auto;
margin-bottom: 10px;
}
.message_block2,
.message_block_me2 {
width: auto;
}
/*------------------------------Edit My Profile Page---------------------------*/
#preview_empty_field {
width: 713px;
height: 240px;
position: relative;
background-color: #f4f9fd;
border: 1px solid #eeeeee;
border-radius: 2px 2px 0px 0px;
-moz-border-radius: 2px 2px 0px 0px;
-khtml-border-radius: 2px 2px 0px 0px;
-webkit-border-radius: 2px 2px 0px 0px;
}
#preview-info-menu2 {
height: 60px;
background-color: #fff;
}
#preview_main_wrap2 {
position: absolute;
bottom: 14px;
left: 10px;
border: 1px solid #eeeeee;
}
#add_main_pic {
display: block;
text-decoration: none;
outline: none;
width: 205px;
height: 205px;
background: url('../img/add_main_pic.png') no-repeat center center #f4f9fd;
-pie-background: url('img/add_main_pic.png') no-repeat center center #f4f9fd;
position: relative;
}
#edit_main_pic,
#add_photos {
display: block;
text-decoration: none;
outline: none;
width: 90px;
height: 19px;
position: absolute;
bottom: 8px;
right: 8px;
}
#edit_main_pic,
#edit_main_pic2 {
background: url('../img/edit_main_photo.png') no-repeat;
-pie-background: url('img/edit_main_photo.png') no-repeat;
}
#add_photos {
background: url('../img/add_photos.png') no-repeat;
-pie-background: url('img/add_photos.png') no-repeat;
}
#int_edit {
display: block;
text-decoration: none;
outline: none;
width: 70px;
height: 30px;
float: left;
background: url('../img/edit_btn1.png') no-repeat center center #3097de;
-pie-background: url('img/edit_btn1.png') no-repeat center center #3097de;
border-radius: 17px;
-moz-border-radius: 17px;
-khtml-border-radius: 17px;
-webkit-border-radius: 17px;
}
#information_edit,
#wanttomeet_edit {
width: 300px;
padding-top: 25px;
overflow: hidden;
}
#information_edit,
#wanttomeet_edit {
float: left;
}
#wanttomeet_edit {
/* float: right;*/
}
.h5_edit {
display: block;
text-decoration: none;
outline: none;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 26px;
color: #333333;
padding: 0px 15px 15px 0px;
background: url('../img/edit_btn2.png') no-repeat right 12px;
-pie-background: url('img/edit_btn2.png') no-repeat right 12px;
float: left;
}
.tab2-col1,
.tab2-col2 {
width: 150px;
padding-bottom: 12px;
color: #999999;
}
.tab2-col1 {
color: #999999;
}
.tab2-col2 {
color: #333333;
}
.edit_form {
display: block;
padding: 0;
margin: 0;
width: 298px;
border: 1px solid #e2e2e2;
background-color: #f6f7f8;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
}
.edit_form_top {
padding: 10px 10px 0px 10px;
}
.param_field {
width: 100%;
margin-bottom: 10px;
}
.param_label {
display: block;
width: 130px;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #666666;
float: left;
padding-top: 10px;
}
.sel84 {
width: 140px;
float: right;
}
.sel85 select {
width: 170px;
}
.sel85 {
width: 140px;
float: right;
}
.edit_form_bottom {
padding: 12px 50px;
border-top: 1px solid #e2e2e2;
}
.save_edit,
.cancel_edit {
width: 90px;
height: 30px;
border: none;
background: #3097de;
cursor: pointer;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
}
.save_edit {
float: left;
}
.cancel_edit {
float: right;
}
.edit_text {
display: block;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #999999;
padding-bottom: 15px;
}
#want_edit_text {
display: none;
}
.carousel-prev2,
.carousel-next2 {
width: 65px;
height: 118px;
cursor: pointer;
position: absolute;
bottom: 0px;
z-index: 50;
border: 1px solid #97cbee;
}
.carousel-prev2 {
background: url('../img/c-prev2.png') no-repeat center center rgba(151, 203, 238, 0.5);
-pie-background: url('img/c-prev2.png') no-repeat center center;
left: 0px;
}
.carousel-next2 {
background: url('../img/c-next2.png') no-repeat center center rgba(244, 249, 253, 0.5);
-pie-background: url('img/c-next2.png') no-repeat center center;
right: 0px;
}
.add_photo_item {
display: block;
text-decoration: none;
outline: none;
width: 148px;
height: 48px;
padding-top: 70px;
border: 1px solid #97cbee;
text-align: center;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #3097de;
line-height: 1.3;
background: url('../img/add_photo_video.png') no-repeat center 40px #f4f9fd;
-pie-background: url('img/add_photo_video.png') no-repeat center 40px #f4f9fd;
}
.textarea_wrap {
width: 265px;
height: 70px;
padding: 5px;
margin-bottom: 10px;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid #e2e2e2;
background-color: #fff;
}
#descr_edit_form textarea {
display: block;
width: 265px;
height: 70px;
border: none;
margin: 0px;
padding: 0px;
background: none;
resize: none;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #333333;
}
.inp-bg5 {
width: 128px;
height: 22px;
background-color: #fff;
border: 1px solid #e2e2e2;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
padding: 4px 0px 0px 10px;
position: relative;
float: right;
}
#rather,
#available,
#for {
width: 118px;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #333333;
border: none;
background: none;
margin: 0px;
padding: 0px;
}
#manage_profile,
#manage_news {
margin-right: 10px;
}
#add_main_pic_large {
display: block;
text-decoration: none;
outline: none;
width: 298px;
height: 298px;
border: 1px solid #97cbee;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
background: url('../img/add_main_pic.png') no-repeat center center #f4f9fd;
-pie-background: url('img/add_main_pic.png') no-repeat center center #f4f9fd;
position: relative;
}
#edit_main_pic2 {
display: block;
text-decoration: none;
outline: none;
width: 90px;
height: 19px;
position: absolute;
top: 8px;
right: 8px;
}
#inf_want_edit {
width: 715px;
float: left;
position: relative;
}
/*------------------------------My Guests Page---------------------------*/
#my_guests_block {
width: 1100px;
padding-bottom: 100px;
float: left;
position: relative;
margin: 0 auto !important;
top: 10px;
}
#guests_count {
padding: 6px 17px;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #fff;
font-weight: bold;
position: relative;
top: -3px;
border-radius: 14px;
-moz-border-radius: 14px;
-khtml-border-radius: 14px;
-webkit-border-radius: 14px;
background-color: #ccc;
}
.simple_text {
padding: 20px 0px;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #333333;
line-height: 1.2;
}
#my_admirers_tab {
display: none;
}
#my_guests_tab ul,
#my_admirers_tab ul,
#ready_to_meet ul,
#similar_profiles ul,
#blog_parts ul,
#latest_users ul,
#vote_history ul,
#pages_styles ul,
#game1_tab ul,
#game2_tab ul,
#game3_tab ul,
#game4_tab ul,
#all_online_tab ul,
#man_online_tab ul,
#woman_online_tab ul,
#couple_online_tab ul {
text-align: justify;
}
#my_guests_tab ul li,
#my_admirers_tab ul li,
#ready_to_meet ul li,
#similar_profiles ul li,
#latest_users ul li,
#vote_history ul li,
#pages_styles ul li,
#game1_tab ul li,
#game2_tab ul li,
#game3_tab ul li,
#game4_tab ul li,
#all_online_tab ul li,
#man_online_tab ul li,
#woman_online_tab ul li,
#couple_online_tab ul li {
margin-bottom: 10px;
}
#blog_parts ul li {
margin-bottom: 40px;
}
/*------------------------------My Meetings Page---------------------------*/
#my_meetings_block,
#photo_tags_block,
#registration_block,
#voteforphoto_block,
.content_left {
/* width: 715px;
float: left;*/
padding-bottom: 40px;
position: relative;
}
.simple_text2 {
padding: 0px 0px 20px 0px;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #333333;
line-height: 1.2;
}
#meetings_search {
padding: 0;
margin: 0;
border: 0;
}
#meetings_search_top {
width: 693px;
margin: 0 auto;
padding: 10px;
background: #fcfcfc;
border: 1px solid #eeeeee;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
}
.search_label {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #000;
float: left;
padding-top: 10px;
}
.pad_l10 {
padding-left: 10px;
}
.pad_r10 {
padding-right: 10px;
}
.pad_lr10 {
padding-right: 10px;
padding-left: 10px;
}
.sel86 {
width: 87px;
float: left;
}
/*.sel87 select {
width: 117px;
}
.sel87 {
width: 87px;
float: left;
}*/
.sel88 {
width: 55px;
float: left;
}
/*.sel89 select {
width: 85px;
}
.sel89 {
width: 55px;
float: left;
}*/
/*#meetings_search_top_1 {
width: 300px;
float: left;
}
#meetings_search_top_2 {
width: 300px;
float: left;
}*/
.w13 {
height: 20px;
width: 13px;
float: left;
}
.marg_t6 {
margin-top: 6px;
}
.mrg_r10 {
margin-right: 10px;
}
#search-meeting-btn {
display: block;
width: 80px;
height: 30px;
border: none;
background: #3097de;
cursor: pointer;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
/* float: right;*/
}
#meetings_search_bottom {
padding-top: 20px;
margin: 0 auto;
width: 700px;
}
#like_to_meet,
#meet_for {
padding: 0px 60px 20px 0px;
float: left;
}
#meet_schedule {
width: 148px;
float: left;
padding: 0px 0px 20px 0px;
}
.h7 {
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #000;
font-weight: bold;
padding-bottom: 10px;
line-height: 1;
}
.marg_b3 {
margin-bottom: 3px;
}
/*--------------------------FAQ page------------------------*/
#faq_block {
float: left;
padding-bottom: 100px;
}
.h8 {
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #000;
font-weight: bold;
text-transform: uppercase;
}
.pad_b20 {
padding-bottom: 20px;
}
.pad_tb20 {
padding-top: 20px;
padding-bottom: 20px;
}
.faq_point {
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
margin-bottom: 8px;
}
.faq_point a {
color: #3097de;
text-decoration: underline;
outline: none;
line-height: 1;
}
.faq_point a:hover {
text-decoration: none;
}
.faq_point p {
display: none;
width: 420px;
margin: 5px 0px 0px 0px;
padding-left: 5px;
color: #333333;
line-height: 1.2;
border-left: 15px solid #eeeeee;
}
/*--------------------------NotLoggedUser page------------------------*/
.h9 {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 26px;
color: #333333;
padding: 30px 0px;
text-align: center;
}
#profile_sample {
/* width: 535px;*/
margin: 0 auto;
margin-bottom: 20px;
}
#profile_sample_left,
.profile_left {
width: 215px;
/* float: left;*/
position: relative;
padding: 8px;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid #eeeeee;
/* margin-right: 20px; */
}
.photos-count2 {
display: block;
width: 23px;
height: 13px;
padding: 4px 0px 2px 17px;
text-decoration: none;
outline: none;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #fff;
text-align: center;
background: url('../img/photos-count.png') no-repeat;
-pie-background: url('img/photos-count.png') no-repeat;
position: absolute;
bottom: 10px;
right: 10px;
}
#profile_sample_right {
/* width: 280px;
padding-top: 60px;
float: left;*/
}
.h10 {
font-size: 14px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #333333;
font-weight: bold;
padding-bottom: 10px;
line-height: 1;
}
.simple_text3 {
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #666666;
line-height: 1.3;
}
.pad_t30 {
padding-top: 30px;
}
.pad_b30 {
padding-bottom: 30px;
}
.gradient_bg1 {
background-color: #fafafa;
background-image: -moz-linear-gradient(top, #fafafa, #ffffff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#ffffff));
background-image: -webkit-linear-gradient(top, #fafafa, #ffffff);
background-image: -o-linear-gradient(top, #fafafa, #ffffff);
background-image: linear-gradient(to bottom, #fafafa, #ffffff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffffffff', GradientType=0);
}
#for_registry_form,
#contact_text,
#confirm_text {
padding: 20px;
background-color: #f4f9fd;
border: 1px solid #97cbee;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
}
#registry_info_parts {
padding-bottom: 20px;
/* float: left;*/
}
#registry_info_part1,
#registry_info_part2,
#registry_info_part3 {
padding: 15px 0px 15px 65px;
}
#registry_info_part1 {
background: url('../img/star-ico.png') no-repeat left center;
-pie-background: url('img/star-ico.png') no-repeat left center;
}
#registry_info_part2 {
background: url('../img/camera-ico.png') no-repeat left center;
-pie-background: url('img/camera-ico.png') no-repeat left center;
}
#registry_info_part3 {
background: url('../img/comment-ico2.png') no-repeat left center;
-pie-background: url('img/comment-ico2.png') no-repeat left center;
}
.strong1 {
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #333333;
font-weight: bold;
}
#first_registry {
display: block;
/* width: 490px;*/
padding: 0;
margin: 0;
/* float: right;*/
}
.registry_item {
float: left;
padding-bottom: 10px;
}
.sel90,
.sel96 {
width: 233px;
float: left;
}
.sel91 select,
.sel97 select {
width: 263px;
}
.sel91,
.sel97 {
width: 233px;
float: left;
}
#iam_weare,
#email_for_reg,
#username_for_reg,
#city_for_reg {
margin-right: 20px;
}
.sel92 {
width: 65px;
float: left;
}
.sel93 select {
width: 95px;
}
.sel93 {
width: 62px;
float: left;
}
.sel94,
.sel65 {
width: 150px;
float: left;
}
.sel95 select,
.sel64 select {
width: 180px;
}
.sel95,
.sel64 {
width: 150px;
float: left;
}
.sel_marg_r {
margin-right: 20px;
}
.marg_t7 {
margin-top: 7px;
}
#sign_up_btn {
display: block;
width: 150px;
height: 30px;
border: none;
background: #3097de;
cursor: pointer;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
/* float: right;*/
}
.fixed_w {
width: 320px;
}
#similar_profiles {
padding: 40px 0px;
}
.pad_t20 {
padding-top: 20px;
}
/*------------------------------Contact Page---------------------------*/
#contact_block,
#manage_profile_block {
/* width: 715px;*/
float: left;
padding-bottom: 80px;
position: relative;
}
#contact_text {
margin-bottom: 20px;
}
#contact_text p,
#delete_profile_text p {
font-size: 11px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #333333;
line-height: 1.2;
}
#contact_letter_block {
display: block;
margin: 0;
padding: 0;
}
#contact_letter_block .alert {
display: block;
}
#contact_email,
#contact_theme {
float: left;
margin-bottom: 20px;
}
#contact_email {
/* margin-right: 50px;*/
}
.textarea_wrap2 {
padding: 20px;
margin-bottom: 10px;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid #e2e2e2;
background-color: #fff;
}
#contact_letter_ta {
display: block;
/* width: 673px;*/
height: 160px;
border: none;
margin: 0px;
padding: 0px;
background: none;
resize: none;
overflow: hidden;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #333333;
}
#enter_sec_code {
float: left;
}
#sec_code_img {
display: block;
width: 80px;
height: 28px;
border: 0;
margin: 0;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
float: left;
overflow: hidden;
position: relative;
margin-right: 10px;
}
#contact_send_btn {
display: block;
width: 100px;
height: 30px;
border: none;
background: #3097de;
cursor: pointer;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
/* float: right;*/
}
/*--------------------------ManageMyProfile Page--------------------------*/
#delete_profile_text {
padding: 20px;
background-color: #feefed;
border: 1px solid #fbb1a8;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
margin-bottom: 20px;
}
#deletion_profile_confirm {
margin: 0;
padding: 0;
border: 0;
}
#username_for_delete,
#pass_for_delete {
float: left;
margin-bottom: 20px;
}
#username_for_delete {
margin-right: 40px;
}
.marg_b20 {
margin-bottom: 20px;
}
#confirm_del_btn,
#cancel_del_btn {
width: 100px;
height: 30px;
border: none;
background: #3097de;
cursor: pointer;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
/*float: left;*/
}
#confirm_del_btn {
margin-right: 10px;
}
/*--------------------------Signed Out Page--------------------------*/
#login_or_register {
height: 60px;
padding-left: 80px;
background-color: #3097de;
border-left: 1px solid #4fa6e3;
position: absolute;
right: 0px;
top: 0px;
cursor: pointer;
}
.account_name3,
.account_name3hov {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 14px;
color: #fff;
padding: 24px 15px 0px 0px;
}
.account_name3 a,
.account_name3hov a {
text-decoration: none;
outline: none;
font-weight: bold;
color: #fff;
}
.account_name3 a:hover,
.account_name3hov a:hover {
text-decoration: underline;
}
.account_name3 span,
.account_name3hov span {
font-style: italic;
}
.account_name3hov {
display: none;
}
#login_or_register:hover .account_name3hov {
display: block;
}
.h11 {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 26px;
color: #333333;
text-align: center;
}
.pad_t40 {
padding-top: 40px;
}
.pad_b40 {
padding-bottom: 40px;
}
.simple_text4 {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333333;
line-height: 1.2;
text-align: center;
}
.pad_b25 {
padding-bottom: 25px;
}
#blog_parts {
padding: 40px 0px;
}
#blog_parts ul li {
display: inline-block;
text-align: left;
line-height: normal;
vertical-align: top;
position: relative;
width: 228px;
}
.article_name,
.article_date {
display: block;
margin-bottom: 20px;
font-family: Lato, Helvetica, Arial, sans-serif;
}
.article_name {
float: left;
font-size: 14px;
font-weight: bold;
color: #333333;
}
.article_date {
float: right;
font-size: 12px;
color: #999999;
padding-top: 2px;
}
.read_more {
text-decoration: none;
outline: none;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #3097de;
}
#sign_in2 {
/* padding: 40px 15px;*/
background-color: #f4f9fd;
border: 1px solid #97cbee;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
margin-bottom: 80px;
}
#sing_in2_text {
display: block;
/* width: 195px;*/
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 16px;
color: #333333;
font-weight: bold;
line-height: 1.2;
/* float: left;
padding-top: 7px;
margin-right: 8px;*/
}
.inp-bg12 {
height: 34px;
background-color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
padding: 14px 10px 0px 10px;
position: relative;
border: 1px solid #eeeeee;
float: left;
}
#username_inp2,
#pass_inp2 {
width: 213px;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 16px;
color: #999999;
border: none;
background: none;
margin: 0px;
padding: 0px;
}
.for_un_inp2 {
margin-right: 20px;
}
#sign_in_btn2 {
display: block;
width: 225px;
height: 50px;
border: none;
background: #3097de;
cursor: pointer;
font-size: 16px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
/* float: right;*/
position: relative;
}
#footer2 {
background-color: #eeeeee;
border-top: 1px solid #cccccc;
}
#f-center2 {
padding: 20px 10px 50px 10px;
}
.footer2_h1 {
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #333333;
font-weight: bold;
padding-bottom: 30px;
text-transform: uppercase;
}
#francerdv_section {
/* width: 660px;
float: left;
margin-right: 80px;*/
}
#francerdv_section ul {
text-align: justify;
line-height: 0;
font-size: 1px;
text-justify: newspaper;
zoom: 1;
text-align-last: justify;
}
#francerdv_section ul:after {
width: 100%;
height: 0px;
visibility: hidden;
overflow: hidden;
content: '';
display: inline-block;
}
#francerdv_section ul li {
display: inline-block;
text-align: left;
line-height: normal;
vertical-align: top;
position: relative;
}
#francerdv_section ul li a {
display: block;
text-decoration: none;
outline: none;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #333333;
padding-bottom: 15px;
}
#count_online {
float: left;
}
.pad_l20 {
padding-left: 20px;
}
#count_online_text {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #333333;
line-height: 1.2;
padding-bottom: 50px;
border-left: 1px solid #cccccc;
}
.copyright2 {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #999999;
padding-top: 15px;
}
#sign_in2_right {
width: 732px;
float: right;
position: relative;
}
/*--------------------------Subscribe Popup--------------------------*/
#subscribe_block {
width: 830px;
padding: 20px;
position: absolute;
left: 50%;
top: 40px;
margin-left: -415px;
z-index: 200;
background-color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
}
#plan_part {
width: 405px;
float: left;
margin: 0;
}
#paycard_part {
width: 405px;
float: right;
margin: 0;
}
.subscr_h1 {
font-family: Lato, Helvetica, Arial, sans-serif;
text-align: left;
font-size: 16px;
font-weight: bold;
padding-bottom: 30px;
}
.plan_point {
width: 213px;
padding: 20px 180px 20px 10px;
position: relative;
margin: 0px 0px 10px 0px;
border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}
.plan_point label {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
}
.no_selected {
border: 1px solid #eeeeee;
background: #fff;
}
.is_selected {
border: 1px solid #97cbee;
background: #f4f9fd;
}
.sale_percent {
display: block;
height: 14px;
text-transform: uppercase;
font-size: 14px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #000;
padding-bottom: 7px;
line-height: 1;
}
.sale_percent span.bold {
font-weight: bold;
}
.month_count {
display: block;
height: 24px;
text-transform: uppercase;
font-size: 24px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #3097de;
padding-bottom: 7px;
font-weight: bold;
line-height: 1;
}
.total_summ {
display: block;
height: 14px;
text-transform: uppercase;
font-size: 14px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #666666;
line-height: 1;
}
.for_radio {
width: 170px;
height: 102%;
background: #3097de;
position: absolute;
top: -1px;
right: -1px;
border-radius: 0px 3px 3px 0px;
-moz-border-radius: 0px 3px 3px 0px;
-khtml-border-radius: 0px 3px 3px 0px;
-webkit-border-radius: 0px 3px 3px 0px;
}
.radio_place {
width: 16px;
height: 16px;
margin: 0 auto;
overflow: hidden;
position: absolute;
bottom: 50%;
right: 10px;
margin-bottom: -8px;
}
.niceRadio {
width: 16px;
height: 16px;
display: inline-block;
cursor: pointer;
background: url('../img/radio3.jpg') no-repeat;
overflow: hidden;
}
.radioChecked {
background: url('../img/radio3-checked.jpg') no-repeat;
}
.niceRadio input {
margin-left: -20px;
}
.subscr_month_cost {
display: block;
text-align: left;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #fff;
position: absolute;
top: 50%;
margin-top: -13px;
}
.currency {
font-size: 18px;
position: relative;
top: -8px;
}
.month_cost {
font-size: 24px;
font-weight: bold;
}
.month {
font-size: 12px;
}
#paycard_part_text1 {
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #333333;
padding-bottom: 20px;
}
#abonement {
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #3097de;
padding-bottom: 5px;
}
#total_cost {
display: block;
height: 12px;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #333333;
padding-bottom: 20px;
}
#for_paycard_form {
padding: 20px;
border: 1px solid #eee;
background: #fcfcfc;
border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
margin-bottom: 20px;
}
.card_icon {
width: 58px;
height: 38px;
border: 1px solid #eee;
background-color: #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
float: left;
margin: 0px 10px 20px 0px;
}
#visa {
background: url('../img/visa.jpg') no-repeat center center;
}
#master_card {
background: url('../img/master-card.jpg') no-repeat center center;
}
#amex {
background: url('../img/amex.jpg') no-repeat center center;
}
#carte_bancaire {
background: url('../img/carte-bancaire.jpg') no-repeat center center;
}
#pay_form {
display: block;
border: 0;
padding: 0;
margin: 0;
}
#pay_form_left {
width: 180px;
float: left;
padding-bottom: 20px;
}
#pay_form_right {
width: 165px;
float: right;
padding-bottom: 20px;
}
#card_number {
margin-bottom: 20px;
}
#card_num {
width: 158px;
text-align: center;
}
#holder_name {
width: 158px;
}
#card_exp_date {
margin-bottom: 20px;
}
#cid {
width: 54px;
}
#pay_form_text,
#comment_text,
.subscr_ftr_text2 {
text-align: center;
font-size: 11px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #666666;
line-height: 1.2;
}
#comment_text {
padding: 10px 0px 15px 0px;
}
.subscr_ftr_text2 {
padding: 0px 0px 15px 0px;
}
#norton_sec {
width: 120px;
height: 50px;
margin: 0 auto;
background: url('../img/norton_sec.jpg') no-repeat;
}
.inp-bg13,
.inp-bg14 {
height: 23px;
background-color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
padding: 5px 10px 0px 10px;
position: relative;
border: 1px solid #cccccc;
}
.inp-bg13 {
float: left;
}
#card_num,
#cid,
#holder_name,
#reg_user_name,
#reg_password,
#reg_email {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #333333;
border: none;
background: none;
margin: 0px;
padding: 0px;
}
#what_cvc {
display: block;
text-decoration: none;
outline: none;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #3097de;
float: left;
line-height: 1.2;
padding-top: 2px;
}
#pay_btn {
display: block;
width: 100%;
height: 40px;
border: none;
background: #3097de;
cursor: pointer;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
position: relative;
margin-bottom: 15px;
}
.subscr_ftr_text {
font-size: 11px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #666666;
text-align: center;
line-height: 1.2;
}
.pad_b15 {
padding-bottom: 15px;
}
.subscr_ftr_text a {
text-decoration: none;
outline: none;
color: #3097de;
}
.subscr_ftr_text a:hover {
text-decoration: underline;
}
#transparent_bg2 {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0px;
left: 0px;
z-index: 100;
}
/*------------------------------PhotoTags page------------------------------*/
#photo_tags_block form {
margin: 0;
padding: 0;
border: 0;
}
.sel78 {
width: 150px;
float: left;
}
.sel79 select {
width: 178px;
}
.sel79 {
width: 148px;
float: left;
}
.h12 {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 18px;
color: #333333;
}
.tags_cloud {
display: block;
padding: 10px;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid #eeeeee;
background-color: #fcfcfc;
}
.tag,
.tag_active {
text-decoration: none;
outline: none;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #3097de;
line-height: 1.2;
}
.tag_active {
font-weight: bold;
}
.profile_left {
/* float: left;*/
margin-bottom: 10px;
}
.small_preview_carousel {
position: relative;
/* float: right;*/
}
.small_preview2,
.small_preview3,
.small_preview4 {
position: relative;
top: 0px;
left: 0px;
/* width: 470px;
height: 276px;*/
overflow: hidden;
margin-bottom: 15px;
}
.small_preview2 a,
.small_preview3 a,
.small_preview4 a {
display: block;
text-decoration: none;
outline: none;
/* width: 230px;
height: 276px;*/
position: absolute;
top: 0px;
overflow: hidden;
z-index: 1;
background-color: #F0F0F0;
}
.carouselLeft2,
.carouselRight2,
.carouselLeft3,
.carouselRight3,
.carouselLeft4,
.carouselRight4 {
width: 17px;
height: 28px;
position: absolute;
cursor: pointer;
z-index: 100;
}
.carouselLeft2,
.carouselLeft3,
.carouselLeft4 {
/* left: 10px;
top: 120px;*/
background: url('../img/c-prev.png') no-repeat;
-pie-background: url('img/c-prev.png') no-repeat;
}
.carouselRight2,
.carouselRight3,
.carouselRight4 {
/* right: 10px;
top: 120px;*/
background: url('../img/c-next.png') no-repeat;
-pie-background: url('img/c-next.png') no-repeat;
}
/*--------------------------Registration page------------------------------*/
#registration_block form {
margin: 0;
padding: 0;
border: 0;
padding-bottom: 20px;
}
.reg_form_item {
margin-bottom: 15px;
}
.for_input {
float: left;
margin-right: 20px;
}
#reg_user_name,
#reg_password,
#reg_email {
/* width: 298px; */
}
.help_text,
#error_for_passw,
#did_you_mean {
display: block;
/* width: 370px;*/
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 1.2;
float: left;
}
.help_text,
#did_you_mean {
color: #666666;
}
#did_you_mean {
display: none;
}
#did_you_mean a {
text-decoration: none;
outline: none;
color: #3097de;
}
#error_for_passw {
display: none;
color: #f76452;
}
/*.sel76 {
width: 320px;
}
.sel77 select {
width: 348px;
}
.sel77 {
width: 318px;
}*/
#subscribe_btn,
#lets_go_btn {
/* width: 320px;*/
height: 50px;
border: none;
background: #3097de;
cursor: pointer;
font-size: 14px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
}
#reg_part2 {
position: absolute;
top: -9999px;
}
#for_iam,
#for_look_for {
float: left;
padding-bottom: 15px;
}
#for_iam {
margin-right: 20px;
}
#for_dateofbirth {
margin-bottom: 25px;
}
/*.sel74 {
width: 320px;
}
.sel75 select {
width: 348px;
}
.sel75 {
width: 318px;
}*/
.sel72 {
width: 65px;
float: left;
}
.sel73 select {
width: 95px;
}
.sel73 {
width: 62px;
float: left;
}
.sel70 {
width: 150px;
float: left;
}
.sel71 select {
width: 180px;
}
.sel71 {
width: 150px;
float: left;
}
.chbox_label2 a {
text-decoration: underline;
outline: none;
color: #666666;
font-weight: bold;
}
.chbox_label2 a:hover {
text-decoration: none;
}
/*------------------------------VoteForPhoto------------------------------*/
#voteforphoto_block form {
padding: 0;
margin: 0;
border: 0;
}
.photo_rate2 {
display: block;
height: 15px;
text-decoration: none;
outline: none;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #fff;
text-align: center;
position: absolute;
bottom: 10px;
right: 10px;
padding: 2px 4px 2px 17px;
background: url('../img/photo_rate2.png') 2px center no-repeat rgba(0, 0, 0, 0.7);
-pie-background: url('img/photo_rate2.png') 2px 2px no-repeat #000;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
}
.rank {
display: block;
height: 40px;
width: 40px;
text-decoration: none;
outline: none;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #949fab;
text-align: center;
position: absolute;
top: 0px;
right: 0px;
background: #949fab url('../img/top-rank.png');
-pie-background: #949fab url('img/top-rank.png');
border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
-webkit-border-radius: 50%;
background-position: center center;
border: 3px solid white;
z-index: 9;
cursor: default;
}
.rank.red {
color: #ff006e;
background-color: #ff006e;
}
.rank span {
font-weight: bold;
position: relative;
top: 9px;
font-size: 17px;
}
#voteforphoto_slider {
position: relative;
}
.voteforphoto_item2 {
position: relative;
/* width: 480px;
height: 550px;*/
margin: 0 auto;
overflow: hidden;
}
.vote_item {
position: absolute;
top: 0px;
/* width: 480px;
height: 550px; */
overflow: hidden;
z-index: 1;
}
.img_wrap {
position: relative;
}
.vote_item img,
.vote_item_popup img {
display: block;
width: 100%;
border: 0;
margin: 0;
}
.votephoto_prev,
.votephoto_next {
/* width: 22px;
height: 36px;*/
position: absolute;
cursor: pointer;
z-index: 100;
/* top: 215px;*/
}
.votephoto_prev {
left: 5px;
/* background:url('../img/c-prev3.png') no-repeat;
-pie-background:url('img/c-prev3.png') no-repeat;*/
}
.votephoto_next {
right: 5px;
/* background:url('../img/c-next3.png') no-repeat;
-pie-background:url('img/c-next3.png') no-repeat;*/
}
.name6 {
text-align: center;
padding: 20px 0px 5px 0px;
}
.name6 a {
text-decoration: none;
outline: none;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 16px;
color: #333333;
font-weight: bold;
}
.age_place3 {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #333333;
text-align: center;
}
.vote_field {
position: absolute;
bottom: 10px;
left: 50%;
margin-left: -140px;
background: rgba(0, 0, 0, 0.6);
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
z-index: 100;
}
.vote_note {
float: left;
border-right: 1px solid #684434;
}
.vote,
.note {
display: block;
width: 80px;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #fff;
text-align: center;
padding: 4px 0px;
}
.vote {
border-bottom: 1px solid #684434;
}
.vote_stars {
float: left;
}
.stars_item {
display: block;
text-decoration: none;
outline: none;
width: 40px;
height: 40px;
float: left;
}
.vote_star {
background: url('../img/vote_star.png') no-repeat center center;
-pie-background: url('img/vote_star.png') no-repeat center center;
}
.vote_star_checked {
background: url('../img/vote_star_checked.png') no-repeat center center;
-pie-background: url('img/vote_star_checked.png') no-repeat center center;
}
/*--------------------------RegistratioConfirmed--------------------------*/
#confirm_text p {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #333333;
line-height: 1.2;
}
#confirm_text p a {
text-decoration: none;
outline: none;
color: #3097de;
}
/*--------------------------MyWallWithoutFriends--------------------------*/
.my_wall_wf_item {
display: block;
text-decoration: none;
outline: none;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 14px;
color: #3097de;
padding: 24px 0px 24px 70px;
margin-bottom: 10px;
}
#detailed_search {
background: url('../img/search_bg2.png') no-repeat;
-pie-background: url('img/search_bg2.png') no-repeat;
}
#photo_alb {
background: url('../img/photo_alb.png') no-repeat;
-pie-background: url('img/photo_alb.png') no-repeat;
}
#calssif_votes {
background: url('../img/class_votes.png') no-repeat;
-pie-background: url('img/class_votes.png') no-repeat;
}
#sec_garden {
background: url('../img/sec_garden.png') no-repeat;
-pie-background: url('img/sec_garden.png') no-repeat;
}
#last_visites {
background: url('../img/visites.png') no-repeat;
-pie-background: url('img/visites.png') no-repeat;
}
#real_dates {
background: url('../img/real_dates.png') no-repeat;
-pie-background: url('img/real_dates.png') no-repeat;
}
#online_memb {
background: url('../img/online_memb.png') no-repeat;
-pie-background: url('img/online_memb.png') no-repeat;
}
/*---------------------------------MyWall----------------------------------*/
.date_item {
/* width: 715px;*/
margin: 0 auto;
margin-top: 25px;
margin-bottom: 25px;
}
.date_h1 {
display: block;
width: 97%px;
border: 1px solid #eeeeee;
background-color: #f6f6f6;
padding: 10px 0px;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 13px;
color: #333333;
text-align: center;
text-decoration: none;
outline: none;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
margin: 0 auto 15px auto;
}
.simple_text5 {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #333333;
line-height: 1.2;
}
.date_item ul {
text-align: left;
}
.date_item ul li {
display: block;
height: 60px;
width: 97%x;
padding: 10px;
border-bottom: 1px solid #eeeeee;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
position: relative;
}
.place7 {
float: left;
margin-right: 20px;
}
.activity-text2 {
cursor: pointer;
font-size: 11px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #333333;
line-height: 1.2;
padding-top: 5px;
}
.activity-text2 a {
text-decoration: none;
outline: none;
font-size: 11px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #3097de;
}
.activity-date2 {
cursor: pointer;
font-size: 11px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #999999;
line-height: 1.2;
padding-top: 10px;
}
.mounth_year {
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #333333;
font-weight: bold;
text-align: center;
}
#about_tries {
display: none;
/* width: 600px;*/
position: absolute;
top: 50%;
left: 50%;
/* margin: -150px 0px 0px -300px;*/
background-color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
z-index: 1000;
}
#about_tries_top {
padding: 20px;
background-color: #3097de;
border-radius: 2px 2px 0px 0px;
-moz-border-radius: 2px 2px 0px 0px;
-khtml-border-radius: 2px 2px 0px 0px;
-webkit-border-radius: 2px 2px 0px 0px;
}
#about_tries_top p {
font-size: 18px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #ffffff;
font-weight: bold;
}
.close4 {
display: block;
text-decoration: none;
outline: none;
width: 20px;
height: 20px;
background: url('../img/close4.png') no-repeat;
-pie-background: url('img/close4.png') no-repeat;
position: absolute;
right: 10px;
top: 20px;
}
#about_tries_content {
padding: 20px;
height: 200px;
}
#about_tries_content p {
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #999999;
line-height: 1.2;
}
#about_tries_content p a {
text-decoration: underline;
outline: none;
color: #3097de;
}
#about_tries_content p a:hover {
text-decoration: none;
}
/*--------------------EditMySubscription-----------------------------*/
.subscr_left {
width: 460px;
float: left;
}
.subscr_right {
width: 235px;
float: right;
}
.subscr_left_top,
.subscr_right_top {
border-top: 1px solid #3097de;
border-right: 1px solid #3097de;
border-left: 1px solid #3097de;
background-color: #f4f9fd;
position: relative;
border-radius: 2px 2px 0px 0px;
-moz-border-radius: 2px 2px 0px 0px;
-khtml-border-radius: 2px 2px 0px 0px;
-webkit-border-radius: 2px 2px 0px 0px;
}
.subscr_p1,
.subscr_p2,
.subscr_p3,
.subscr_p4 {
font-family: Lato, Helvetica, Arial, sans-serif;
color: #333333;
text-align: center;
}
.subscr_p1 {
/* padding: 20px 0px;*/
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
.subscr_p2 {
padding-top: 10px;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}
.subscr_p3 {
padding: 7px 0px;
font-size: 12px;
}
.subscr_p4 {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
line-height: 1.2;
}
#subscr_stop_bnt {
display: block;
text-decoration: none;
outline: none;
width: 60px;
font-size: 11px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #ffffff;
text-align: center;
background-color: #f76452;
padding: 5px 0px;
/* position: absolute;
right: 10px;
top: 15px;*/
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
}
.subscr_left_bottom,
.subscr_right_bottom {
position: relative;
border-radius: 0px 0px 2px 2px;
-moz-border-radius: 0px 0px 2px 2px;
-khtml-border-radius: 0px 0px 2px 2px;
-webkit-border-radius: 0px 0px 2px 2px;
}
.subscr_left_bottom {
border: 1px solid #3097de;
background-color: #f4f9fd;
}
.subscr_right_bottom {
border: 1px solid #fbb1a8;
background-color: #feefed;
}
.stop_question {
display: none;
padding-top: 20px;
font-size: 14px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #333333;
text-align: center;
font-weight: bold;
}
.attention_infos {
display: none;
padding-top: 20px;
font-size: 14px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #333333;
text-align: center;
font-weight: bold;
}
.alerte_infos {
display: block;
padding-top: 20px;
font-size: 14px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #333333;
text-align: center;
font-weight: bold;
}
#confirm_or_cancel {
display: none;
width: 210px;
margin: 0;
padding: 0;
border: 0;
margin: 0 auto;
margin-top: 25px;
}
#stop_subsc_confirm,
#stop_subsc_cancel {
width: 100px;
height: 30px;
border: none;
background: #3097de;
cursor: pointer;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
}
#stop_subsc_confirm {
float: left;
}
#stop_subsc_cancel {
float: right;
}
.subscr_left2 {
padding: 12px 0px;
/* width: 458px;
float: left;*/
}
.subscr_right2 {
/* width: 233px;
float: right;*/
}
.subscr_left2,
.subscr_right2 {
border: 1px solid #fbb1a8;
background-color: #feefed;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
}
#subscr_part1 {
margin-top: 20px;
text-align: center;
}
#subscr_part2 {
display: none;
}
/*----------------TopPhotos-----------------------*/
#search_top_photos {
display: block;
padding: 0;
margin: 0;
border: 0;
}
#city2_text {
display: block;
float: left;
font-size: 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
margin: 10px 0px;
padding-right: 10px;
}
#city2_text span {
color: #000;
font-weight: bold;
}
#city2_text a {
text-decoration: none;
outline: none;
color: #3097de;
}
#city2_text a:hover {
text-decoration: underline;
}
#gender2,
#age2,
#chboxes2 {
float: left;
padding: 0px 10px 10px 0px;
}
#gender2 {
width: 145px;
}
#age2 {
width: 170px;
}
/*-------------------------MyStyle-------------------------------*/
#pages_styles {
padding-top: 20px;
}
.style_item_active {
width: 205px;
height: 205px;
border: 5px solid #cccccc;
position: relative;
background-color: #fff;
cursor: pointer;
}
.style_item_noactive {
width: 215px;
height: 215px;
border: none;
position: relative;
cursor: pointer;
}
.style_item_active img,
.style_item_noactive img {
display: block;
padding: 0;
margin: 0;
border: none;
width: 100%;
height: 100%;
}
/*---------------------------MyGames--------------------------------*/
#game1_tab {
padding-top: 20px;
}
.like,
.dislike {
display: block;
text-decoration: none;
outline: none;
height: 60px;
float: left;
position: relative;
}
.like {
width: 108px;
border-radius: 0px 0px 0px 2px;
-moz-border-radius: 0px 0px 0px 2px;
-khtml-border-radius: 0px 0px 0px 2px;
-webkit-border-radius: 0px 0px 0px 2px;
}
.like_dislike span {
float: left;
}
.dislike {
width: 107px;
border-radius: 0px 0px 2px 0px;
-moz-border-radius: 0px 0px 2px 0px;
-khtml-border-radius: 0px 0px 2px 0px;
-webkit-border-radius: 0px 0px 2px 0px;
}
.like_nochecked {
background: url('../img/like.png') no-repeat #2ab37a center center;
}
.like_checked {
display: none;
background: url('../img/like_checked.png') no-repeat #2ab37a center center;
}
.dislike_nochecked {
background: url('../img/dislike.png') no-repeat #f76452 center center;
}
.dislike_checked {
display: none;
background: url('../img/dislike_checked.png') no-repeat #f76452 center center;
}
#game1_tab ul li:hover .like_dislike {
display: block;
}
#tries_count {
display: none;
text-decoration: none;
outline: none;
padding: 11px 12px 9px 12px;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
position: absolute;
right: 0px;
top: 65px;
background-color: #2ab37a;
}
#game2_tab,
#game3_tab,
#game4_tab {
display: none;
padding-top: 20px;
}
.guess,
.fancy {
display: block;
text-decoration: none;
outline: none;
width: 215px;
height: 60px;
position: relative;
border-radius: 0px 0px 2px 2px;
-moz-border-radius: 0px 0px 2px 2px;
-khtml-border-radius: 0px 0px 2px 2px;
-webkit-border-radius: 0px 0px 2px 2px;
}
.is_guess {
background: url('../img/guess.png') no-repeat #3097de center center;
}
.not_guess {
background: url('../img/noguess.png') no-repeat #3097de center center;
}
.no_fancy {
background: url('../img/no_fancy.png') no-repeat #f76452 center center;
}
.no_fancy_checked {
background: url('../img/no_fancy_checked.png') no-repeat #f76452 center center;
}
.guess:hover {
background-color: #56A8E1;
}
#game2_tab ul li:hover .is_guess_block {
display: block;
}
#game4_tab ul li:hover .no_fancy_block {
display: block;
}
/*---------------------------Online Users--------------------------------*/
#chboxes3 {
float: right;
}
.h1_count {
outline: none;
text-decoration: none;
padding: 6px 30px 6px 13px;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #fff;
font-weight: bold;
position: relative;
top: -3px;
border-radius: 14px;
-moz-border-radius: 14px;
-khtml-border-radius: 14px;
-webkit-border-radius: 14px;
background: url('../img/online_count2.png') no-repeat right center #ccc;
-pie-background: url('img/online_count2.png') no-repeat right center #ccc;
}
/*------------------------------Media Queries------------------------------*/
/*@media (min-width: 320px) {*/
/* header {*/
/* padding: 0px; */
/* }*/
/* #content, #content-centered {*/
/* padding: 0px 10px; */
/* }*/
/* #f-center2 {*/
/* padding: 20px 10px 50px 10px;*/
/* }*/
/* #messages {*/
/* display: none;*/
/* }*/
/* #logo {*/
/* left: 50%;*/
/* margin: 0;*/
/* margin: 0px 0px 0px -63px;*/
/* }*/
/* #btn-left-menu, #btn-left-menu-active {*/
/* left: 0px; */
/* }*/
/* #for_account, #for_account_active {*/
/* right: 0px;*/
/* }*/
/* .account_name, .down-arrow, .account_name2, .down-arrow2, #site_activity,*/
/* #site_activity2, #for_top_photos, .account_name3 {*/
/* display: none;*/
/* }*/
/* #site_menu ul {*/
/* width: 310px;*/
/* padding: 0px 5px;*/
/* }*/
/* #site_activity, #site_activity2 {*/
/* width: 100%; */
/* }*/
/* .h1 { */
/* float: left;*/
/* text-align: center;*/
/* }*/
/* .container4 {*/
/* width: 231px;*/
/* }*/
/* #for_progr_bar {*/
/* display: none;*/
/* }*/
/* .sel80, .sel82 { */
/* width: 70px;*/
/* }*/
/* .sel82 select {*/
/* width: 100px;*/
/* }*/
/* #marry_status {*/
/* width: 135px;*/
/* }*/
/* #sexsual_pref {*/
/* width: 110px;*/
/* }*/
/* .sel64 {*/
/* width: 115px;*/
/* }*/
/* .sel64 select {*/
/* width: 145px;*/
/* }*/
/* .sel68 {*/
/* width: 110px;*/
/* }*/
/* .sel68 select {*/
/* width: 140px;*/
/* }*/
/* .sel82, .sel83, .sel85, .sel87, .sel89, .sel91, */
/* .sel93, .sel95, .sel97, .sel99, .sel79, .sel77, */
/* .sel75, .sel71, .sel73, .sel68, .sel66, .sel64, */
/* .sel62 {*/
/* display: block;*/
/* }*/
/* #name_surn {*/
/* width: 245px;*/
/* }*/
/* .inp-bg15 {*/
/* width: 235px;*/
/* border: 1px solid #ccc;*/
/* }*/
/* #name_surname {*/
/* width: 225px;*/
/* }*/
/* #user_name {*/
/* width: 245px;*/
/* }*/
/* .inp-bg16 {*/
/* width: 235px;*/
/* }*/
/* #us_name {*/
/* width: 225px;*/
/* }*/
/* #eye_color {*/
/* width: 130px;*/
/* }*/
/* #hair_type {*/
/* width: 110px;*/
/* }*/
/* .sel66 select {*/
/* width: 130px;*/
/* }*/
/* .sel66 {*/
/* width: 110px;*/
/* }*/
/* #height_selection {*/
/* padding-bottom: 10px;*/
/* }*/
/* .lineForm {*/
/* display: none;*/
/* }*/
/* #gender {*/
/* width: 90px;*/
/* }*/
/* #for_search {*/
/* width: 100%;*/
/* float: none;*/
/* margin: 0 auto;*/
/* }*/
/* #for_search_form {*/
/* width: auto;*/
/* }*/
/* #search {*/
/* width: 260px;*/
/* padding-bottom: 0px;*/
/* }*/
/* #search-btn {*/
/* width: 80px;*/
/* }*/
/* .none1280 {*/
/* display: inline-block;*/
/* }*/
/* #user_menu { */
/* height: 600px;*/
/* position: absolute; */
/* }*/
/* #my_profile, #my_photo, #my_messges, #my_events, #my_guests,*/
/* #my_wall, #my_style, #my_account, #logout {*/
/* width: 181px;*/
/* }*/
/* .h3 {*/
/* text-align: center;*/
/* }*/
/* #new_users_albums ul {*/
/* text-align: center;*/
/* }*/
/* #new_users_albums ul li {*/
/* margin: 0px 0px 20px 0px;*/
/* }*/
/* footer {*/
/* padding: 0px 10px;*/
/* }*/
/* */
/*--------------ProfileUser page-----------
/* */
/* #logo, #user_preview_large, #information_wanttomeet {*/
/* display: none;*/
/* }*/
/* #page_title, #user_preview_small {*/
/* display: block;*/
/* }*/
/**/
/* #interests {*/
/* width: 300px;*/
/* padding-bottom: 20px;*/
/* }*/
/* #int_popart, #int_travel, #int_mars, #int_weather, .none2 {*/
/* display: none;*/
/* }*/
/* #profile-photos, #description, #report_person, #meetings {*/
/* width: 100%;*/
/* }*/
/* .tab-col1, .tab-col2 {*/
/* width: 150px;*/
/* }*/
/* .tab-col2 {*/
/* padding-bottom: 10px;*/
/* }*/
/* */
/*-------------My Messages Page------------
/**/
/* #my_messages_block {*/
/* width: auto;*/
/* padding: 0px 0px 75px 0px;*/
/* float: none;*/
/* margin: 0 auto;*/
/* }*/
/* .none320, #actions_for_messager {*/
/* display: none;*/
/* }*/
/* .user-miniature-bg2 {*/
/* width: 280px;*/
/* }*/
/* .inp-bg4 {*/
/* width: 288px; */
/* }*/
/* #messager_search {*/
/* width: 300px;*/
/* float: none;*/
/* margin: 0 auto;*/
/* }*/
/* .none3 {*/
/* position: absolute;*/
/* top: -9999px;*/
/* }*/
/* .scroll-pane2{ */
/* height: 300px;*/
/* width: auto;*/
/* }*/
/* .inp-bg3 {*/
/* width: 180px;*/
/* }*/
/* #new_message {*/
/* width: 145px;*/
/* }*/
/* #send_message_btn {*/
/* width: 80px;*/
/* }*/
/* #messages-field {*/
/* float: none;*/
/* margin: 0 auto;*/
/* }*/
/* #messages-flow {*/
/* border: none;*/
/* }*/
/*--------------Edit My Profile page-----------
/* #inf_want_edit {*/
/* width: 320px;*/
/* } */
/* #wanttomeet_edit {*/
/* float: left;*/
/* }*/
/* #edit_photo_block, #add_photo_block, #add_photo_block_error, */
/* #member_photos_block, #vote_photo_block {*/
/* width: 280px;*/
/* padding: 10px;*/
/* margin-left: -150px;*/
/* }*/
/* #select_area_block, #member_photo_large {*/
/* width: 280px;*/
/* height: 280px;*/
/* }*/
/* .inp-bg6 {*/
/* width: 120px;*/
/* }*/
/* #title, #tags {*/
/* width: 90px;*/
/* }*/
/* .edit_form_btns {*/
/* width: 80px;*/
/* }*/
/* #upload_field, #upload_error_field {*/
/* width: 276px;*/
/* height: 276px;*/
/* }*/
/* .close2 {*/
/* right: 10px;*/
/* top: 10px;*/
/* }*/
/* #upload_field form, #upload_error_field form {*/
/* top: 70%;*/
/* }*/
/**/
/*--------------My Guests page-----------
/* #my_guests_block {*/
/* width: auto;*/
/* padding-bottom: 40px;*/
/* float: none;*/
/* }*/
/* #my_guests_tab ul, #my_admirers_tab ul, #ready_to_meet ul, */
/* #similar_profiles ul, #blog_parts ul, #latest_users ul,*/
/* #vote_history ul, #pages_styles ul, #game1_tab ul, #game2_tab ul, */
/* #game3_tab ul, #game4_tab ul, #all_online_tab ul, #man_online_tab ul, */
/* #woman_online_tab ul, #couple_online_tab ul {*/
/* text-align: center;*/
/* }*/
/* #my_guests_tab ul li, #my_admirers_tab ul li, #ready_to_meet ul li, */
/* #similar_profiles ul li, #latest_users ul li, #vote_history ul li, */
/* #pages_styles ul li, #game1_tab ul li, #game2_tab ul li, #game3_tab ul li, */
/* #game4_tab ul li, #all_online_tab ul li, #man_online_tab ul li, */
/* #woman_online_tab ul li, #couple_online_tab ul li {*/
/* margin: 0px 5px 10px 5px;*/
/* }*/
/* #blog_parts ul li {*/
/* margin: 0px 5px 40px 5px;*/
/* }*/
/* */
/* */
/*--------------My Meetings page-----------
/* #my_meetings_block, #contact_block, #manage_profile_block, */
/* #photo_tags_block, #registration_block, #voteforphoto_block, */
/* .content_left {*/
/* width: 100%;*/
/* float: none;*/
/* }*/
/* #meetings_search_top {*/
/* width: 278px;*/
/* margin: 0 auto;*/
/* }*/
/* #meetings_search_top_1 {*/
/* width: 278px;*/
/* float: none;*/
/* margin: 0 auto;*/
/* margin-bottom: 10px;*/
/* }*/
/* #meetings_search_top_2 {*/
/* width: 278px;*/
/* float: none;*/
/* margin: 0 auto;*/
/* margin-bottom: 10px;*/
/* }*/
/* .sel87 select {*/
/* width: 107px;*/
/* }*/
/* .sel87 {*/
/* width: 77px;*/
/* float: left;*/
/* }*/
/**/
/* .sel89 select {*/
/* width: 75px;*/
/* }*/
/* .sel89 {*/
/* width: 45px;*/
/* float: left;*/
/* }*/
/* #search-meeting-btn {*/
/* float: none;*/
/* margin: 0 auto;*/
/* }*/
/* #like_to_meet, #meet_for {*/
/* padding: 0px 30px 20px 0px;*/
/* }*/
/* */
/*--------------NotLoggedUser page-----------
/* #profile_sample {*/
/* width: 100%;*/
/* } */
/* #profile_sample_left {*/
/* float: none;*/
/* margin: 0 auto;*/
/* }*/
/* #profile_sample_right {*/
/* width: 237px;*/
/* padding-top: 30px;*/
/* float: none;*/
/* margin: 0 auto;*/
/* }*/
/* #registry_info_parts {*/
/* width: 270px;*/
/* float: none;*/
/* margin: 0 auto;*/
/* }*/
/* #first_registry {*/
/* width: 260px;*/
/* margin: 0 auto;*/
/* float: none;*/
/* }*/
/* .sel91 select {*/
/* width: 287px;*/
/* }*/
/* .sel91 {*/
/* width: 257px;*/
/* float: left;*/
/* }*/
/* .inp-bg7 {*/
/* width: 247px;*/
/* }*/
/* #email_inp, #username_inp, #pass_inp, #city_inp {*/
/* width: 225px;*/
/* }*/
/* .sel_marg_r {*/
/* margin-right: 10px;*/
/* }*/
/* .sel95 select {*/
/* width: 138px;*/
/* }*/
/* .sel95 {*/
/* width: 108px;*/
/* float: left;*/
/* }*/
/* #sign_up_btn {*/
/* float: none;*/
/* margin: 0 auto;*/
/* margin-top: 30px;*/
/* }*/
/* .for320 {*/
/* display: block;*/
/* }*/
/* */
/*--------------Contact page-----------
/* #contact_email {*/
/* margin-right: 0;*/
/* }*/
/* #contact_letter_ta {*/
/* width: 100%;*/
/* }*/
/* #contact_send_btn {*/
/* float: none;*/
/* margin-top: 30px;*/
/* }*/
/* #similar_profiles, #blog_parts {*/
/* width: auto;*/
/* margin: 0;*/
/* }*/
/* */
/* */
/*--------------SignedOut page-----------
/**/
/* #sing_in2_text { */
/* width: auto;*/
/* float: none;*/
/* padding-top: 0px;*/
/* margin-right: 0px;*/
/* text-align: center;*/
/* padding-bottom: 20px;*/
/* } */
/* #sign_in2 {*/
/* width: 300px;*/
/* padding: 20px 0px;*/
/* margin: 0 auto;*/
/* margin-bottom: 80px;*/
/* }*/
/* #sign_in_btn2 {*/
/* float: none;*/
/* margin: 0 auto;*/
/* margin-top: 20px;*/
/* } */
/* .inp-bg12 {*/
/* width: 213px;*/
/* float: none;*/
/* margin: 0 auto;*/
/* }*/
/* .for_un_inp2 {*/
/* margin-bottom: 10px;*/
/* }*/
/* .for720 {*/
/* display: none;*/
/* }*/
/* #count_online {*/
/* display: none;*/
/* }*/
/* #francerdv_section {*/
/* width: 300px;*/
/* float: none;*/
/* margin: 0 auto;*/
/* }*/
/* #francerdv_section ul li {*/
/* width: 140px;*/
/* }*/
/* #sign_in2_right {*/
/* width: auto;*/
/* float: none;*/
/* margin: 0 auto;*/
/* }*/
/* */
/*-----------Subscribe Popup-----321--
/* #subscribe_block {*/
/* width: 100%;*/
/* padding: 20px 0px; */
/* position: absolute;*/
/* left: 0px;*/
/* top: 80px; */
/* margin: 0;*/
/* }*/
/* #plan_part, #paycard_part {*/
/* width: 300px;*/
/* padding: 0px 10px;*/
/* float: none;*/
/* margin: 0 auto;*/
/* }*/
/* #plan_part {*/
/* margin-bottom: 40px;*/
/* }*/
/* .subscr_h1 {*/
/* text-align: center;*/
/* }*/
/* .for_radio {*/
/* width: 120px;*/
/* }*/
/* .month_cost {*/
/* font-size: 20px;*/
/* }*/
/* .currency { */
/* font-size: 13px;*/
/* top: -7px;*/
/* }*/
/* .subscr_month_cost {*/
/* width: 120px;*/
/* text-align: center;*/
/* padding: 0;*/
/* }*/
/* .radio_place {*/
/* bottom: 10px;*/
/* right: 50%;*/
/* margin: 0px -8px 0px 0px;*/
/* }*/
/* .sale_percent {*/
/* height: 11px;*/
/* font-size: 11px;*/
/* }*/
/* .month_count {*/
/* height: 20px;*/
/* font-size: 20px;*/
/* }*/
/* .total_summ {*/
/* height: 11px;*/
/* font-size: 11px;*/
/* }*/
/* .plan_point {*/
/* width: 168px;*/
/* padding: 20px 120px 20px 10px;*/
/* }*/
/* #paycard_part_text1, #abonement, #total_cost {*/
/* text-align: center;*/
/* }*/
/* #for_paycard_form {*/
/* padding: 10px;*/
/* }*/
/* .card_icon {*/
/* margin: 0px 9px 20px 0px; */
/* } */
/* #pay_form_left, #pay_form_right {*/
/* width: auto;*/
/* float: none;*/
/* }*/
/* #card_num, #holder_name {*/
/* width: 254px;*/
/* }*/
/* .sel62 select {*/
/* width: 90px;*/
/* }*/
/* .sel62 {*/
/* width: 60px;*/
/* }*/
/* .sel63 {*/
/* width: 62px;*/
/* }*/
/* #cid {*/
/* width: 41px;*/
/* }*/
/* #card_exp_date {*/
/* width: 137px;*/
/* float: left;*/
/* }*/
/* #cvc_cvv_cid {*/
/* width: 134px;*/
/* float: right;*/
/* }*/
/* #comment_text {*/
/* padding: 10px 10px 15px 10px;*/
/* }*/
/* .subscr_ftr_text2 {*/
/* padding: 0px 10px 15px 0px;*/
/* }*/
/* */
/*--------------PhotoTags page-----------
/* */
/* .profile_left {*/
/* float: none;*/
/* margin: 0 auto;*/
/* margin-bottom: 10px;*/
/* }*/
/* .small_preview_carousel { */
/* width: 233px;*/
/* float: none;*/
/* margin: 0 auto;*/
/* }*/
/* .small_preview2, .small_preview3, .small_preview4 {*/
/* width: 233px;*/
/* height: 72px;*/
/* }*/
/* .small_preview2 a, .small_preview3 a, .small_preview4 a {*/
/* width: 72px;*/
/* height: 72px;*/
/* }*/
/* .carouselLeft2, .carouselLeft3, .carouselLeft4 {*/
/* left: 2px;*/
/* top: 24px;*/
/* }*/
/* .carouselRight2, .carouselRight3, .carouselRight4 {*/
/* right: 2px;*/
/* top: 24px;*/
/* }*/
/* */
/*----------------Registration page--------------
/* #reg_user_name, #reg_password, #reg_email {*/
/* width: 120px; */
/* } */
/* .help_text, #error_for_passw, #did_you_mean {*/
/* width: 135px;*/
/* }*/
/* .sel76 {*/
/* width: 300px;*/
/* }*/
/* .sel77 select {*/
/* width: 328px;*/
/* }*/
/* .sel77 {*/
/* width: 298px;*/
/* }*/
/* #subscribe_btn, #lets_go_btn {*/
/* width: 300px; */
/* } */
/* .sel74 {*/
/* width: 300px;*/
/* }*/
/* .sel75 select {*/
/* width: 328px;*/
/* }*/
/* .sel75 {*/
/* width: 298px;*/
/* }*/
/* */
/*--------------VoteForPhoto------------
/* .voteforphoto_item2, .vote_item {*/
/* width: 300px; */
/* height: 370px; */
/* } */
/* .votephoto_prev, .votephoto_next {*/
/* width: 17px;*/
/* height: 28px;*/
/* top: 140px;*/
/* }*/
/* .votephoto_prev { */
/* background:url('../img/c-prev2.png') no-repeat;*/
/* -pie-background:url('img/c-prev2.png') no-repeat;*/
/* }*/
/* .votephoto_next {*/
/* background:url('../img/c-next2.png') no-repeat;*/
/* -pie-background:url('img/c-next2.png') no-repeat;*/
/* }*/
/* */
/*-------------MyWall-----------
/* .date_item {*/
/* width: 240px;*/
/* } */
/* .new_message {*/
/* width: 260px;*/
/* position: absolute;*/
/* right: 50%;*/
/* bottom: 20px;*/
/* margin-right: -140px;*/
/* }*/
/* .new_message_top {*/
/* width: 200px;*/
/* padding-bottom: 10px;*/
/* }*/
/* .read_message_btn { */
/* float: none;*/
/* margin: 0 auto;*/
/* margin-top: 25px;*/
/* }*/
/* .vote_item_popup {*/
/* width: 282px;*/
/* height: 350px;*/
/* }*/
/* #about_tries {*/
/* width: 300px;*/
/* margin: -150px 0px 0px -150px;*/
/* }*/
/**/
/*-----------EditMySubscription---
/* .subscr_left, .subscr_left2 {*/
/* width: auto;*/
/* float: none;*/
/* margin: 0 auto;*/
/* margin-bottom: 20px;*/
/* }*/
/* .subscr_right, .subscr_right2 {*/
/* width: auto;*/
/* float: none;*/
/* margin: 0 auto;*/
/* } */
/* #subscr_stop_bnt { */
/* position: relative;*/
/* right: 0px;*/
/* top: 0px;*/
/* margin: 0 auto;*/
/* }*/
/* .subscr_p1 {*/
/* padding: 10px 0px;*/
/* }*/
/* .subscr_left_top {*/
/* padding-bottom: 5px;*/
/* }*/
/* #search_top_photos {*/
/* width: 200px;*/
/* margin: 0 auto;*/
/* }*/
/* #city2_text {*/
/* padding-right: 0px;*/
/* }*/
/* #gender2, #age2, #chboxes2 {*/
/* padding: 0px 0px 10px 0px;*/
/* }*/
/* #gender2, #age2 {*/
/* width: auto;*/
/* }*/
/* #tries_count {*/
/* top: 20px;*/
/* }*/
/* #chboxes3 {*/
/* float: left;*/
/* }*/
/*}*/
@media (min-width: 400px) {
/*--------------ProfileUser page-----------*/
.tab-col1 {
width: 170px;
}
.tab-col2 {
width: auto;
padding-bottom: 0px;
}
/*-------------My Messages Page------------*/
.user-miniature-bg2 {
width: 360px;
}
.inp-bg4 {
width: 368px;
}
#messager_search {
width: 380px;
float: none;
margin: 0 auto;
}
.none3 {
position: absolute;
top: -9999px;
}
/*--------------NotLoggedUser page-----------*/
#registry_info_parts {
width: 340px;
float: none;
margin: 0 auto;
}
/*----------------Registration page--------------*/
#reg_user_name,
#reg_password,
#reg_email {
width: 150px;
}
.help_text,
#error_for_passw,
#did_you_mean {
width: 158px;
}
.sel76 {
width: 360px;
}
.sel77 select {
width: 388px;
}
.sel77 {
width: 358px;
}
#subscribe_btn,
#lets_go_btn {
width: 360px;
}
#chboxes3 {
float: right;
}
}
@media (min-width: 640px) {
header {
padding: 0px;
}
#content,
#content-centered {
padding: 0px 10px;
}
#f-center2 {
padding: 20px 10px 50px 10px;
}
#messages {
display: none;
}
#logo {
left: 50%;
margin: 0;
margin: 0px 0px 0px -63px;
}
#btn-left-menu,
#btn-left-menu-active {
left: 0px;
}
#for_account,
#for_account_active {
right: 0px;
}
.account_name,
.down-arrow,
.account_name2,
.down-arrow2,
#site_activity,
#site_activity2,
.account_name3 {
display: none;
}
#for_top_photos {
display: block;
}
#site_menu ul {
width: 350px;
padding: 0px 20px;
}
#site_activity,
#site_activity2 {
width: 100%;
}
.h1 {
float: left;
text-align: center;
}
#for_progr_bar {
display: block;
width: 350px;
}
.slider {
width: 330px;
}
.sel80,
.sel82 {
width: 80px;
}
.sel82 select {
width: 110px;
}
#marry_status {
width: 155px;
}
#sexsual_pref {
width: 150px;
}
.sel64 {
width: 135px;
}
.sel64 select {
width: 155px;
}
.sel68 {
width: 150px;
}
.sel68 select {
width: 180px;
}
.sel82,
.sel83,
.sel85,
.sel89,
.sel91,
.sel93,
.sel95,
.sel97,
.sel99,
.sel79,
.sel77,
.sel75,
.sel71,
.sel73,
.sel68,
.sel66,
.sel64,
.sel62 {
display: block;
}
#name_surn {
width: 195px;
}
.inp-bg15 {
width: 165px;
border: 1px solid #ccc;
}
.inp-bg17 {
width: 278px;
}
#name_surname {
width: 145px;
}
#user_name {
width: 140px;
}
.inp-bg16 {
width: 110px;
}
#us_name {
width: 100px;
}
#eye_color {
width: 130px;
}
#hair_type {
width: 110px;
}
.sel66 select {
width: 130px;
}
.sel66 {
width: 110px;
}
#height_selection {
padding-bottom: 0px;
}
#gender {
width: 100px;
}
#for_search {
width: 100%;
float: none;
}
/*#for_search_form {
width: auto;
}*/
#search {
width: 580px;
margin: 0 auto;
padding-bottom: 40px;
}
/*#search-btn {
width: 120px;
}*/
.container4 {
width: 461px;
}
.none1280 {
display: inline-block;
}
#user_menu {
height: 600px;
position: absolute;
}
#my_profile,
#my_photo,
#my_messges,
#my_events,
#my_guests,
#my_wall,
#my_style,
#my_account,
#logout {
width: 181px;
}
.h3 {
text-align: center;
}
#new_users_albums ul {
text-align: center;
}
#new_users_albums ul li {
margin: 0px 20px 20px 20px;
}
footer {
padding: 0px 20px;
}
/*--------------ProfileUser page-----------*/
#user_preview_small,
#page_title,
#information_wanttomeet {
display: block;
}
#logo,
#user_preview_large {
display: none;
}
#interests {
width: 100%;
padding-bottom: 0px;
}
#int_popart,
#int_travel,
#int_weather,
.none2 {
display: block;
}
#profile-photos,
#description,
#report_person,
#meetings {
width: 100%;
}
#information_wanttomeet {
width: 600px;
}
#information {
width: 300px;
}
.tab-col1 {
width: 140px;
}
.tab-col2 {
width: 140px;
padding-bottom: 10px;
}
/*-------------My Messages Page------------*/
#my_messages_block {
width: 600px;
padding: 0px 0px 75px 0px;
float: none;
margin: 0 auto;
}
.none320,
#actions_for_messager {
display: none;
}
.user-miniature-bg2 {
width: 580px;
}
.inp-bg4 {
width: 588px;
}
#messager_search {
width: auto;
float: left;
margin: 0 auto;
}
.none3 {
position: absolute;
top: -9999px;
}
.scroll-pane2 {
height: 600px;
width: 580px;
}
.inp-bg3 {
width: 270px;
}
#new_message {
width: 230px;
}
#send_message_btn {
width: 90px;
}
#messages-field {
float: left;
margin: 0px;
}
#messages-flow {
border: none;
}
/*--------------Edit My Profile page-----------*/
#inf_want_edit {
width: 620px;
}
#wanttomeet_edit {
float: right;
}
#edit_photo_block,
#add_photo_block,
#add_photo_block_error,
#member_photos_block,
#vote_photo_block,
#vote_photo_block_priv {
width: 480px;
padding: 20px;
margin-left: -260px;
}
#select_area_block,
#member_photo_large {
width: 480px;
height: 480px;
}
.inp-bg6 {
width: 218px;
}
#title,
#tags {
width: 200px;
}
.edit_form_btns {
width: 120px;
}
#upload_field,
#upload_error_field {
width: 476px;
height: 425px;
}
.close2 {
right: 20px;
top: 10px;
}
#upload_field form,
#upload_error_field form {
top: 62%;
}
/*--------------My Guests page-----------*/
#my_guests_block {
max-width: 1100px;
padding-bottom: 40px;
float: none;
}
#my_guests_tab ul,
#my_admirers_tab ul,
#ready_to_meet ul,
#similar_profiles ul,
#blog_parts ul,
#latest_users ul,
#vote_history ul,
#pages_styles ul,
#game1_tab ul,
#game2_tab ul,
#game3_tab ul,
#game4_tab ul,
#all_online_tab ul,
#man_online_tab ul,
#woman_online_tab ul,
#couple_online_tab ul {
text-align: center;
}
#my_guests_tab ul li,
#my_admirers_tab ul li,
#ready_to_meet ul li,
#similar_profiles ul li,
#latest_users ul li,
#vote_history ul li,
#pages_styles ul li,
#game1_tab ul li,
#game2_tab ul li,
#game3_tab ul li,
#game4_tab ul li,
#all_online_tab ul li,
#man_online_tab ul li,
#woman_online_tab ul li,
#couple_online_tab ul li {
margin: 0px 5px 10px 5px;
}
#blog_parts ul li {
margin: 0px 5px 40px 5px;
}
/*--------------My Meetings page-----------*/
#my_meetings_block,
#contact_block,
#manage_profile_block,
#photo_tags_block,
#registration_block,
#voteforphoto_block,
.content_left {
width: 100%;
float: none;
}
#meetings_search_top {
width: 578px;
margin: 0 auto;
}
#meetings_search_top_1 {
width: 300px;
float: none;
margin: 0 auto;
margin-bottom: 10px;
}
#meetings_search_top_2 {
width: 300px;
float: none;
margin: 0 auto;
margin-bottom: 10px;
}
.sel89 select {
width: 85px;
}
.sel89 {
width: 55px;
float: left;
}
#search-meeting-btn {
float: none;
margin: 0 auto;
}
#like_to_meet,
#meet_for {
padding: 0px 40px 20px 0px;
}
/*--------------NotLoggedUser page-----------*/
#profile_sample {
width: 535px;
}
#profile_sample_left {
float: left;
margin: 0px 20px 0px 0px;
}
#profile_sample_right {
width: 280px;
padding-top: 60px;
float: left;
margin: 0;
}
#registry_info_parts {
width: 490px;
float: none;
margin: 0 auto;
}
#first_registry {
width: 490px;
margin: 0 auto;
float: none;
}
.sel91 select {
width: 263px;
}
.sel91 {
width: 233px;
float: left;
}
.inp-bg7 {
width: 137px;
}
#email_inp,
#username_inp,
#pass_inp,
#city_inp {
width: 120px;
}
.sel_marg_r {
margin-right: 20px;
}
.sel95 select {
width: 180px;
}
.sel95 {
width: 150px;
float: left;
}
#sign_up_btn {
float: right;
margin: 0;
}
.for320 {
display: none;
}
/*--------------Contact page-----------*/
#contact_email {
margin-right: 0;
}
#contact_letter_ta {
width: 100%;
}
#contact_send_btn {
margin-top: 0;
float: right;
}
#similar_profiles,
#blog_parts {
width: auto;
margin: 0;
}
/*--------------SignedOut page-----------*/
#sing_in2_text {
width: auto;
float: none;
padding-top: 0px;
margin-right: 0px;
text-align: center;
padding-bottom: 20px;
}
#sign_in2 {
width: 500px;
padding: 30px 50px;
margin: 0 auto;
margin-bottom: 80px;
}
#sign_in_btn2 {
float: none;
margin: 0 auto;
margin-top: 20px;
}
.inp-bg12 {
float: left;
margin: 0px;
}
.for_un_inp2 {
margin-right: 20px;
}
.for720 {
display: block;
}
#count_online {
display: none;
}
#francerdv_section {
width: 600px;
float: none;
margin: 0 auto;
}
#francerdv_section ul li {
width: auto;
}
#sign_in2_right {
width: auto;
float: none;
margin: 0 auto;
}
/*-----------Subscribe Popup----641---*/
#subscribe_block {
width: 500px;
padding: 20px;
position: absolute;
left: 50%;
top: 40px;
margin: 0px 0px 0px -270px;
}
#plan_part,
#paycard_part {
width: 405px;
padding: 0px;
float: none;
margin: 0 auto;
}
#plan_part {
margin-bottom: 40px;
}
.subscr_h1 {
text-align: center;
}
.for_radio {
width: 170px;
}
.month_cost {
font-size: 24px;
}
.currency {
font-size: 18px;
top: -8px;
}
.subscr_month_cost {
width: 170px;
text-align: left;
padding-left: 12px;
}
.radio_place {
bottom: 50%;
right: 10px;
margin: 0px 0px -8px 0px;
}
.sale_percent {
height: 14px;
font-size: 14px;
}
.month_count {
height: 24px;
font-size: 24px;
}
.total_summ {
height: 14px;
font-size: 14px;
}
.plan_point {
width: 213px;
padding: 20px 180px 20px 10px;
}
#paycard_part_text1,
#abonement,
#total_cost {
text-align: center;
}
#for_paycard_form {
padding: 20px;
}
.card_icon {
margin: 0px 10px 20px 0px;
}
#pay_form_left {
width: 180px;
float: left;
}
#pay_form_right {
width: 165px;
float: right;
}
#card_num,
#holder_name {
width: 158px;
}
.sel62 select {
width: 106px;
}
.sel62 {
width: 74px;
}
.sel63 {
width: 76px;
}
#cid {
width: 54px;
}
#card_exp_date,
#cvc_cvv_cid {
width: auto;
float: none;
}
#comment_text {
padding: 10px 10px 15px 10px;
}
.subscr_ftr_text2 {
padding: 0px 10px 15px 0px;
}
/*--------------PhotoTags page-----------*/
.profile_left {
float: left;
margin: 0;
margin-bottom: 10px;
}
.small_preview_carousel {
width: 360px;
float: right;
margin: 0;
}
.small_preview2,
.small_preview3,
.small_preview4 {
width: 360px;
height: 276px;
}
.small_preview2 a,
.small_preview3 a,
.small_preview4 a {
width: 230px;
height: 276px;
}
.carouselLeft2,
.carouselLeft3,
.carouselLeft4 {
left: 10px;
top: 120px;
}
.carouselRight2,
.carouselRight3,
.carouselRight4 {
right: 10px;
top: 120px;
}
/*----------------Registration page--------------*/
#reg_user_name,
#reg_password,
#reg_email {
width: 248px;
}
.help_text,
#error_for_passw,
#did_you_mean {
width: 300px;
}
.sel76 {
width: 270px;
}
.sel77 select {
width: 298px;
}
.sel77 {
width: 268px;
}
#subscribe_btn,
#lets_go_btn {
width: 270px;
}
.sel74 {
width: 290px;
}
.sel75 select {
width: 318px;
}
.sel75 {
width: 288px;
}
/*--------------VoteForPhoto------------*/
.voteforphoto_item2,
.vote_item {
width: 480px;
height: 550px;
}
.votephoto_prev,
.votephoto_next {
width: 22px;
height: 36px;
top: 215px;
}
.votephoto_prev {
background: url('../img/c-prev3.png') no-repeat;
-pie-background: url('img/c-prev3.png') no-repeat;
}
.votephoto_next {
background: url('../img/c-next3.png') no-repeat;
-pie-background: url('img/c-next3.png') no-repeat;
}
/*-------------MyWall-----------*/
.date_item {
width: 475px;
}
.new_message {
width: 385px;
position: fixed;
right: 20px;
bottom: 20px;
margin: 0;
}
.new_message_top {
width: auto;
padding-bottom: 20px;
}
.read_message_btn {
float: right;
margin: 0;
margin-top: 15px;
}
.vote_item_popup {
width: 480px;
height: 550px;
}
#about_tries {
width: 600px;
margin: -150px 0px 0px -300px;
}
/*-----------EditMySubscription---*/
.subscr_left,
.subscr_left2 {
width: auto;
float: none;
margin: 0 auto;
margin-bottom: 20px;
}
.subscr_right,
.subscr_right2 {
width: auto;
float: none;
margin: 0 auto;
}
#subscr_stop_bnt {
position: absolute;
right: 10px;
top: 15px;
margin: 0;
}
.subscr_p1 {
padding: 20px 0px;
}
.subscr_left_top {
padding: 0;
}
#search_top_photos {
width: 350px;
margin: 0 auto;
}
#city2_text {
margin: 10px 0px;
padding-right: 50px;
}
#gender2,
#age2,
#chboxes2 {
padding: 0px 10px 10px 0px;
}
#gender2,
#age2 {
width: auto;
}
#tries_count {
top: 65px;
}
#chboxes3 {
float: right;
}
}
@media (min-width: 760px) {
/*--------------ProfileUser page-----------*/
#site_activity2 {
display: none;
}
#user_preview_large,
#logo,
#information_wanttomeet {
display: block;
}
#page_title,
#user_preview_small {
display: none;
}
#interests {
width: 715px;
padding-bottom: 0px;
}
#int_popart,
#int_travel,
#int_mars,
#int_weather,
.none2 {
display: block;
}
#profile-photos,
#description,
#report_person,
#meetings {
width: 715px;
}
#information_wanttomeet {
width: 715px;
}
#information {
width: 405px;
}
.tab-col1 {
width: 170px;
}
.tab-col2 {
width: auto;
padding-bottom: 0px;
}
/*-------------My Messages Page------------*/
#my_messages_block {
width: 715px;
padding: 20px 0px 0px 0px;
float: none;
margin: 0 auto;
}
.none320,
#actions_for_messager {
display: block;
}
.user-miniature-bg2 {
width: 230px;
}
.inp-bg4 {
width: 223px;
}
.none3 {
position: relative;
top: 0px;
}
.scroll-pane2 {
height: 600px;
width: 443px;
}
.inp-bg3 {
width: 270px;
}
#new_message {
width: 230px;
}
#send_message_btn {
width: 90px;
}
#messages-field {
float: left;
margin: 0px;
}
#messages-flow {
border: 1px solid #eeeeee;
}
/*--------------Edit My Profile page-----------*/
#inf_want_edit {
width: 715px;
}
#wanttomeet_edit {
float: right;
}
#edit_photo_block,
#add_photo_block,
#add_photo_block_error,
#member_photos_block,
#vote_photo_block,
#vote_photo_block_priv {
width: 480px;
padding: 20px;
margin-left: -260px;
}
#select_area_block,
#member_photo_large {
width: 480px;
height: 480px;
}
.inp-bg6 {
width: 218px;
}
#title,
#tags {
width: 200px;
}
.edit_form_btns {
width: 120px;
}
#upload_field,
#upload_error_field {
width: 476px;
height: 425px;
}
.close2 {
right: 20px;
top: 10px;
}
#upload_field form,
#upload_error_field form {
top: 62%;
}
/*--------------My Guests page-----------*/
#my_guests_block {
max-width: 1100px;
padding-bottom: 50px;
float: none;
}
#my_guests_tab ul,
#my_admirers_tab ul,
#ready_to_meet ul,
#similar_profiles ul,
#blog_parts ul,
#latest_users ul,
#vote_history ul,
#pages_styles ul,
#game1_tab ul,
#game2_tab ul,
#game3_tab ul,
#game4_tab ul,
#all_online_tab ul,
#man_online_tab ul,
#woman_online_tab ul,
#couple_online_tab ul {
text-align: justify;
}
#my_guests_tab ul li,
#my_admirers_tab ul li,
#ready_to_meet ul li,
#similar_profiles ul li,
#latest_users ul li,
#vote_history ul li,
#pages_styles ul li,
#game1_tab ul li,
#game2_tab ul li,
#game3_tab ul li,
#game4_tab ul li,
#all_online_tab ul li,
#man_online_tab ul li,
#woman_online_tab ul li,
#couple_online_tab ul li {
margin: 0px 0px 10px 0px;
}
#blog_parts ul li {
margin: 0px 5px 40px 5px;
}
/*--------------My Meetings page-----------*/
#my_meetings_block,
#contact_block,
#manage_profile_block,
#photo_tags_block,
#registration_block,
#voteforphoto_block,
.content_left {
width: 100%;
float: none;
}
#meetings_search_top {
width: 693px;
margin: 0 auto !important;
}
#meetings_search_top_1 {
width: 300px;
float: left;
margin: 0;
}
#meetings_search_top_2 {
width: 300px;
float: left;
margin: 0;
}
.sel89 select {
width: 85px;
}
.sel89 {
width: 55px;
float: left;
}
#search-meeting-btn {
float: right;
margin: 0;
}
#like_to_meet,
#meet_for {
padding: 0px 60px 20px 0px;
}
/*--------------NotLoggedUser page-----------*/
#profile_sample {
width: 535px;
}
#profile_sample_left {
float: left;
margin: 0px 20px 0px 0px;
}
#profile_sample_right {
width: 280px;
padding-top: 60px;
float: left;
margin: 0;
}
#registry_info_parts {
width: 490px;
margin: 0 auto;
float: none;
}
#first_registry {
width: 490px;
margin: 0 auto;
float: none;
}
.sel91 select {
width: 263px;
}
.sel91 {
width: 233px;
float: left;
}
.inp-bg7 {
width: 137px;
}
#email_inp,
#username_inp,
#pass_inp,
#city_inp {
width: 120px;
}
.sel_marg_r {
margin-right: 20px;
}
.sel95 select {
width: 180px;
}
.sel95 {
width: 150px;
float: left;
}
#sign_up_btn {
float: right;
margin: 0;
}
.for320 {
display: none;
}
/*--------------Contact page-----------*/
#contact_email {
margin-right: 50px;
}
#contact_letter_ta {
width: 100%;
}
#contact_send_btn {
margin-top: 0;
float: right;
}
#similar_profiles,
#blog_parts {
width: 500px;
margin: 0 auto;
}
/*--------------SignedOut page-----------*/
#sing_in2_text {
width: auto;
float: none;
padding-top: 0px;
margin-right: 0px;
text-align: center;
padding-bottom: 20px;
}
#sign_in2 {
width: 500px;
padding: 30px 50px;
margin: 0 auto;
margin-bottom: 80px;
}
#sign_in_btn2 {
float: none;
margin: 0 auto;
margin-top: 20px;
}
.inp-bg12 {
float: left;
margin: 0px;
}
.for_un_inp2 {
margin-right: 20px;
}
.for720 {
display: block;
}
#count_online {
display: none;
}
#francerdv_section {
width: 600px;
float: none;
margin: 0 auto;
}
#francerdv_section ul li {
width: auto;
}
#sign_in2_right {
width: auto;
float: none;
margin: 0 auto;
}
/*-----------Subscribe Popup-------*/
/*--------------PhotoTags page-----------*/
.profile_left {
float: left;
margin: 0;
margin-bottom: 10px;
}
.small_preview_carousel {
width: 470px;
float: right;
margin: 0;
}
.small_preview2,
.small_preview3,
.small_preview4 {
width: 470px;
height: 276px;
}
.small_preview2 a,
.small_preview3 a,
.small_preview4 a {
width: 230px;
height: 276px;
}
.carouselLeft2,
.carouselLeft3,
.carouselLeft4 {
left: 10px;
top: 120px;
}
.carouselRight2,
.carouselRight3,
.carouselRight4 {
right: 10px;
top: 120px;
}
/*----------------Registration page--------------*/
#reg_user_name,
#reg_password,
#reg_email {
width: 298px;
}
.help_text,
#error_for_passw,
#did_you_mean {
width: 370px;
}
.sel76 {
width: 320px;
}
.sel77 select {
width: 348px;
}
.sel77 {
width: 318px;
}
#subscribe_btn,
#lets_go_btn {
width: 320px;
}
.sel74 {
width: 320px;
}
.sel75 select {
width: 348px;
}
.sel75 {
width: 318px;
}
/*--------------VoteForPhoto------------*/
.voteforphoto_item2,
.vote_item {
width: 480px;
height: 550px;
}
.votephoto_prev,
.votephoto_next {
width: 22px;
height: 36px;
top: 215px;
}
.votephoto_prev {
background: url('../img/c-prev3.png') no-repeat;
-pie-background: url('img/c-prev3.png') no-repeat;
}
.votephoto_next {
background: url('../img/c-next3.png') no-repeat;
-pie-background: url('img/c-next3.png') no-repeat;
}
/*-------------MyWall-----------*/
.date_item {
width: 715px;
}
.new_message {
width: 385px;
position: fixed;
right: 20px;
bottom: 20px;
margin: 0;
}
.new_message_top {
width: auto;
padding-bottom: 20px;
}
.read_message_btn {
float: right;
margin: 0;
margin-top: 15px;
}
.vote_item_popup {
width: 480px;
height: 550px;
}
#about_tries {
width: 600px;
margin: -150px 0px 0px -300px;
}
/*-----------EditMySubscription---*/
.subscr_left {
width: 460px;
float: left;
margin: 0;
}
.subscr_right {
width: 235px;
float: right;
margin: 0;
}
#subscr_stop_bnt {
position: absolute;
right: 10px;
top: 15px;
margin: 0;
}
.subscr_p1 {
padding: 20px 0px;
}
.subscr_left_top {
padding: 0;
}
.subscr_left2 {
width: 458px;
float: left;
margin: 0;
}
.subscr_right2 {
width: 233px;
float: right;
margin: 0;
}
#search_top_photos {
width: auto;
margin: 0;
}
#city2_text {
margin: 10px 0px;
padding-right: 10px;
}
#gender2,
#age2,
#chboxes2 {
float: left;
margin: 0;
padding: 0px 10px 10px 0px;
}
#gender2,
#age2 {
width: auto;
}
#tries_count {
top: 65px;
}
#chboxes3 {
float: right;
}
}
@media (min-width: 990px) {
header {
padding: 0px 0px 0px 20px;
}
#content,
#content-centered {
padding: 0px 20px;
}
#f-center2 {
padding: 20px 20px 50px 20px;
}
#messages {
display: block;
}
#logo {
left: 0px;
margin: 0;
}
#btn-left-menu,
#btn-left-menu-active {
left: 170px;
}
.account_name,
.down-arrow,
.account_name2,
.down-arrow2,
#for_search,
#for_top_photos,
.account_name3 {
display: block;
}
#for_account,
#for_account_active {
right: 62px;
}
#site_menu ul {
width: 365px;
padding: 0px 20px;
}
#site_activity,
#site_activity2 {
display: block;
width: 233px;
}
.h1 {
float: left;
}
#for_progr_bar {
display: block;
width: 450px;
}
.slider {
width: 430px;
}
.sel80 {
width: 140px;
}
#marry_status {
width: 170px;
}
#sexsual_pref {
width: 170px;
}
.sel64 {
width: 150px;
}
.sel64 select {
width: 180px;
}
.sel68 {
width: 170px;
}
.sel68 select {
width: 200px;
}
.sel82,
.sel83,
.sel85,
.sel87,
.sel89,
.sel91,
.sel93,
.sel95,
.sel97,
.sel99,
.sel79,
.sel77,
.sel75,
.sel71,
.sel73,
.sel68,
.sel66,
.sel64,
.sel62 {
display: none;
}
#name_surn {
width: 245px;
}
.inp-bg15 {
width: 215px;
border: 1px solid #ccc;
}
.inp-bg17 {
width: 298px;
}
#name_surname {
width: 195px;
}
#user_name {
width: 170px;
}
.inp-bg16 {
width: 140px;
}
#us_name {
width: 130px;
}
#eye_color {
width: 135px;
}
#hair_type {
width: 115px;
}
.sel66 select {
width: 145px;
}
.sel66 {
width: 115px;
}
#height_selection {
padding-bottom: 0px;
}
.lineForm {
display: block;
}
#gender {
width: 160px;
}
#for_search {
width: 693px;
float: left;
}
/*#for_search_form {
width: 673px;
}*/
#search {
width: 673px;
padding-bottom: 0px;
}
/*#search-btn {
width: 120px;
}*/
.container4 {
width: 231px;
}
.none1280 {
display: inline-block;
}
#user_menu {
height: 89%;
position: fixed;
}
#my_profile,
#my_photo,
#my_messges,
#my_events,
#my_guests,
#my_wall,
#my_style,
#my_account,
#logout {
width: 200px;
}
.h3 {
text-align: left;
}
#new_users_albums ul {
text-align: justify;
}
#new_users_albums ul li {
margin: 0px 0px 20px 0px;
}
footer {
padding: 0px 20px;
}
/*--------------ProfileUser page-----------*/
#user_preview_large,
#logo,
#information_wanttomeet {
display: block;
}
#page_title,
#user_preview_small {
display: none;
}
#interests {
width: 715px;
padding-bottom: 0px;
}
#int_popart,
#int_travel,
#int_mars,
#int_weather,
.none2 {
display: block;
}
#profile-photos,
#description,
#report_person,
#meetings {
width: 715px;
}
#information_wanttomeet {
width: 715px;
}
#information {
width: 405px;
}
.tab-col1 {
width: 170px;
}
.tab-col2 {
width: auto;
padding-bottom: 0px;
}
/*-------------My Messages Page------------*/
#my_messages_block {
width: 715px;
padding: 20px 0px 0px 0px;
margin: 0px;
float: left;
}
.none320,
#actions_for_messager {
display: block;
}
.user-miniature-bg2 {
width: 230px;
}
.inp-bg4 {
width: 223px;
}
.none3 {
position: relative;
top: 0px;
}
.scroll-pane2 {
height: 600px;
width: 443px;
}
.inp-bg3 {
width: 270px;
}
#new_message {
width: 230px;
}
#send_message_btn {
width: 90px;
}
#messages-field {
float: left;
margin: 0px;
}
#messages-flow {
border: 1px solid #eeeeee;
}
/*--------------Edit My Profile page-----------*/
#inf_want_edit {
width: 715px;
}
#wanttomeet_edit {
float: right;
}
#edit_photo_block,
#add_photo_block,
#add_photo_block_error,
#member_photos_block,
#vote_photo_block,
#vote_photo_block_priv {
width: 480px;
padding: 20px;
margin-left: -260px;
}
#select_area_block,
#member_photo_large {
width: 480px;
height: 480px;
}
.inp-bg6 {
width: 218px;
}
#title,
#tags {
width: 200px;
}
.edit_form_btns {
width: 120px;
}
#upload_field,
#upload_error_field {
width: 476px;
height: 425px;
}
.close2 {
right: 20px;
top: 9px;
}
#upload_field form,
#upload_error_field form {
top: 62%;
}
/*--------------My Guests page-----------*/
/*
#my_guests_block {
width: 715px;
padding-bottom: 100px;
float: left;
}*/
#my_guests_tab ul,
#my_admirers_tab ul,
#ready_to_meet ul,
#similar_profiles ul,
#blog_parts ul,
#latest_users ul,
#vote_history ul,
#pages_styles ul,
#game1_tab ul,
#game2_tab ul,
#game3_tab ul,
#game4_tab ul,
#all_online_tab ul,
#man_online_tab ul,
#woman_online_tab ul,
#couple_online_tab ul {
text-align: justify;
}
#my_guests_tab ul li,
#my_admirers_tab ul li,
#ready_to_meet ul li,
#similar_profiles ul li,
#blog_parts ul li,
#latest_users ul li,
#vote_history ul li,
#pages_styles ul li,
#game1_tab ul li,
#game2_tab ul li,
#game3_tab ul li,
#game4_tab ul li,
#all_online_tab ul li,
#man_online_tab ul li,
#woman_online_tab ul li,
#couple_online_tab ul li {
margin: 0px 0px 10px 0px;
}
/*--------------My Meetings page-----------*/
#contact_block,
#manage_profile_block,
#photo_tags_block,
#registration_block,
#voteforphoto_block,
.content_left {
width: 715px;
float: left;
}
.content_left {
width: 770px;
float: left;
}
#meetings_search_top {
width: 693px;
margin: 0;
}
#meetings_search_top_1 {
width: 300px;
float: left;
margin: 0;
}
#meetings_search_top_2 {
width: 300px;
float: left;
margin: 0;
}
.sel89 select {
width: 85px;
}
.sel89 {
width: 55px;
float: left;
}
#search-meeting-btn {
float: right;
margin: 0;
}
#like_to_meet,
#meet_for {
padding: 0px 60px 20px 0px;
}
/*--------------NotLoggedUser page-----------*/
#profile_sample {
width: 535px;
}
#profile_sample_left {
float: left;
margin: 0px 20px 0px 0px;
}
#profile_sample_right {
width: 280px;
padding-top: 60px;
float: left;
margin: 0;
}
#registry_info_parts {
width: auto;
margin: 0;
float: left;
}
#first_registry {
width: 490px;
margin: 0;
float: right;
}
.inp-bg7 {
width: 137px;
}
#email_inp,
#username_inp,
#pass_inp,
#city_inp {
width: 120px;
}
.sel_marg_r {
margin-right: 20px;
}
#sign_up_btn {
float: right;
margin: 0;
}
.for320 {
display: none;
}
/*--------------Contact page-----------*/
#contact_email {
margin-right: 50px;
}
#contact_letter_ta {
width: 673px;
}
#contact_send_btn {
margin-top: 0;
float: right;
}
#similar_profiles,
#blog_parts {
width: auto;
margin: 0;
}
/*--------------SignedOut page-----------*/
#sing_in2_text {
width: 195px;
float: left;
padding-top: 7px;
margin-right: 8px;
text-align: left;
padding-bottom: 0px;
}
#sign_in2 {
width: auto;
padding: 40px 15px;
margin: 0px 0px 80px 0px;
}
#sign_in_btn2 {
margin: 0;
float: right;
}
.inp-bg12 {
float: left;
margin: 0px;
}
.for_un_inp2 {
margin-right: 12px;
}
.for720 {
display: none;
}
#count_online {
display: block;
}
#francerdv_section {
width: 660px;
float: left;
margin: 0;
margin-right: 80px;
}
#francerdv_section ul li {
width: auto;
}
#sign_in2_right {
width: 720px;
float: right;
margin: 0;
}
/*-----------Subscribe Popup----991---*/
#subscribe_block {
width: 830px;
padding: 20px;
position: absolute;
left: 50%;
top: 40px;
margin: 0px 0px 0px -415px;
}
#plan_part {
width: 405px;
float: left;
margin: 0;
padding: 0px;
}
#paycard_part {
width: 405px;
float: right;
margin: 0;
padding: 0px;
}
.subscr_h1 {
text-align: left;
}
.for_radio {
width: 170px;
}
.month_cost {
font-size: 24px;
}
.currency {
font-size: 18px;
top: -8px;
}
.subscr_month_cost {
width: 170px;
text-align: left;
padding-left: 12px;
}
.radio_place {
bottom: 50%;
right: 10px;
margin: 0px 0px -8px 0px;
}
.sale_percent {
height: 14px;
font-size: 14px;
}
.month_count {
height: 24px;
font-size: 24px;
}
.total_summ {
height: 14px;
font-size: 14px;
}
.plan_point {
width: 213px;
padding: 20px 180px 20px 10px;
}
#paycard_part_text1,
#abonement,
#total_cost {
text-align: left;
}
#for_paycard_form {
padding: 20px;
}
.card_icon {
margin: 0px 10px 20px 0px;
}
#pay_form_left {
width: 180px;
float: left;
}
#pay_form_right {
width: 165px;
float: right;
}
#card_num,
#holder_name {
width: 158px;
}
.sel62 select {
width: 106px;
}
.sel62 {
width: 74px;
}
.sel63 {
width: 76px;
}
#cid {
width: 54px;
}
#card_exp_date,
#cvc_cvv_cid {
width: auto;
float: none;
}
#comment_text {
padding: 10px 0px 15px 0px;
}
.subscr_ftr_text2 {
padding: 0px 0px 15px 0px;
}
/*--------------PhotoTags page-----------*/
.profile_left {
float: left;
margin: 0;
margin-bottom: 10px;
}
.small_preview_carousel {
width: 470px;
float: right;
margin: 0;
}
.small_preview2,
.small_preview3,
.small_preview4 {
width: 470px;
height: 276px;
}
.small_preview2 a,
.small_preview3 a,
.small_preview4 a {
width: 230px;
height: 276px;
}
.carouselLeft2,
.carouselLeft3,
.carouselLeft4 {
left: 10px;
top: 120px;
}
.carouselRight2,
.carouselRight3,
.carouselRight4 {
right: 10px;
top: 120px;
}
/*----------------Registration page--------------*/
#reg_user_name,
#reg_password,
#reg_email {
width: 298px;
}
.help_text,
#error_for_passw,
#did_you_mean {
width: 370px;
}
.sel76 {
width: 320px;
}
.sel77 select {
width: 348px;
}
.sel77 {
width: 318px;
}
#subscribe_btn,
#lets_go_btn {
width: 320px;
}
.sel74 {
width: 320px;
}
.sel75 select {
width: 348px;
}
.sel75 {
width: 318px;
}
/*--------------VoteForPhoto------------*/
.voteforphoto_item2,
.vote_item {
width: 480px;
height: 550px;
}
.votephoto_prev,
.votephoto_next {
width: 22px;
height: 36px;
top: 215px;
}
.votephoto_prev {
background: url('../img/c-prev3.png') no-repeat;
-pie-background: url('img/c-prev3.png') no-repeat;
}
.votephoto_next {
background: url('../img/c-next3.png') no-repeat;
-pie-background: url('img/c-next3.png') no-repeat;
}
/*-------------MyWall-----------*/
.date_item {
width: 715px;
}
.new_message {
width: 385px;
position: fixed;
right: 20px;
bottom: 20px;
margin: 0;
}
.new_message_top {
width: auto;
padding-bottom: 20px;
}
.read_message_btn {
float: right;
margin: 0;
margin-top: 15px;
}
.vote_item_popup {
width: 480px;
height: 550px;
}
#about_tries {
width: 600px;
margin: -150px 0px 0px -300px;
}
/*-----------EditMySubscription---*/
.subscr_left {
width: 460px;
float: left;
margin: 0;
}
.subscr_right {
width: 235px;
float: right;
margin: 0;
}
#subscr_stop_bnt {
position: absolute;
right: 10px;
top: 15px;
margin: 0;
}
.subscr_p1 {
padding: 20px 0px;
}
.subscr_left_top {
padding: 0;
}
.subscr_left2 {
width: 458px;
float: left;
margin: 0;
}
.subscr_right2 {
width: 233px;
float: right;
margin: 0;
}
#search_top_photos {
width: auto;
margin: 0;
}
#city2_text {
margin: 10px 0px;
padding-right: 10px;
}
#gender2,
#age2,
#chboxes2 {
float: left;
margin: 0;
padding: 0px 10px 10px 0px;
}
#gender2 {
width: 145px;
}
#age2 {
width: 170px;
}
#tries_count {
top: 65px;
}
#chboxes3 {
float: right;
}
}
@media (min-width: 1070px) {
#site_activity {
width: 310px;
}
#site_activity2 {
width: 280px;
}
/*--------------ProfileUser page-----------*/
}
@media (min-width: 1120px) {
#site_activity {
width: 350px;
}
#site_activity2 {
width: 320px;
}
#sing_in2_text {
width: auto;
float: left;
padding-top: 18px;
margin-right: 0;
text-align: left;
padding-bottom: 0px;
}
/*--------------ProfileUser page-----------*/
}
@media (min-width: 1180px) {
#site_activity,
#site_activity2 {
width: 420px;
}
#site_activity2 {
width: 390px;
}
/*--------------ProfileUser page-----------*/
}
@media (min-width: 1250px) {
#site_activity,
#site_activity2 {
width: 480px;
}
#site_activity2 {
width: 450px;
}
.container4 {
width: 461px;
}
.inp-bg4 {
width: 223px;
}
/*--------------ProfileUser page-----------*/
#content-centered {
width: 1210px;
padding: 0px 20px;
margin: 0 auto;
}
#f-center2 {
width: 1210px;
padding: 20px 20px 50px 20px;
margin: 0 auto;
}
}
.cookie_banniere_txt {
width: auto;
padding-left: 15px;
padding-right: 15px;
}
.cookie_banniere .x {
right: 10px;
font-weight: bold;
position: fixed;
cursor: pointer;
}
/**fast regist **/
#fast_regist_form .selectedOptText {
font-size: 16px;
color: #323232;
/*left: 0!important; */
position: relative;
}
.chbox_lookfor_fast_regist {
width: 100%;
/*margin-left: 10%; */
}
#as-popup #lets_go_btn {
width: 100%;
}
#as-popup #chboxes {
width: 100%;
}
.customSelectWrap_user_age {
/*text-align: center;*/
}
#user_age_select {
height: 100%;
font-size: 100%;
}
.ma_recherche_label {
width: 100%;
/*text-align: center;*/
}
.radio_mygender_fast_regist {
/*margin-left: 10%;*/
width: 100%;
}
.mon_age_label {
width: 100%;
/*text-align: center;*/
}
.ma_ville_label {
width: 100%;
/*text-align: center;*/
}
#as-popup {
width: 100%;
height: 100%;
top: 48px;
left: 0;
position: absolute;
z-index: 9999;
}
#as-popup .fog {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
z-index: 10;
}
#as-popup .chbox {
width: 31%!important;
}
#as-popup .radio {
width: 31%!important;
}
#as-popup .content {
width: 570px;
padding: 45px 45px 40px 45px;
box-sizing: border-box;
background-color: #ffffff;
position: relative;
margin: 0 auto;
z-index: 20;
}
#as-popup .close {
width: 25px;
height: 25px;
cursor: pointer;
position: absolute;
top: 20px;
right: 20px;
background: url('../img/close.png') no-repeat;
-pie-background: url('../img/close.png') no-repeat;
background-size: 100% 100%;
}
#as-popup .h1 {
display: block;
padding-bottom: 5px;
text-align: center;
text-transform: uppercase;
font-weight: 700;
font-size: 19px;
color: #2968b5;
line-height: 1.2;
width: 100%;
}
#as-popup .txt-1 {
display: block;
padding-bottom: 55px;
/*text-align: center;*/
font-weight: 700;
font-size: 17px;
color: #323232;
line-height: 1.3;
}
#as-popup .input-ville {
width: 100%;
height: 45px;
padding-top: 12px;
border: 1px solid #e1e1e1;
box-sizing: border-box;
background-color: #fcfcfc;
margin-bottom: 50px;
position: relative;
z-index: 10;
border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}
#as-popup .input-ville input {
-webkit-appearance: textfield;
display: block;
width: 93%;
color: #323232;
font-size: 16px;
text-align: left;
margin: 0 auto;
border: none;
background: none;
}
#as-popup .input-ville input::-webkit-input-placeholder {
color: #323232;
}
#as-popup .input-ville input:-moz-placeholder {
color: #323232;
}
#as-popup .label-1,
#as-popup .label-2 {
display: block;
color: #323232;
font-size: 16px;
font-weight: 700;
position: absolute;
top: -26px;
left: 0;
}
#as-popup .ville-suggest {
width: 100%;
height: 180px;
overflow-y: scroll;
background-color: #fcfcfc;
border: 1px solid #e1e1e1;
position: absolute;
top: 100%;
left: -1px;
border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}
#as-popup .ville-suggest a {
display: block;
font-size: 16px;
color: #323232;
padding: 10px 15px;
}
#as-popup .ville-suggest a:hover {
background-color: #2968b5;
color: #ffffff;
}
.customSelectWrap {
visibility: hidden;
width: 100%;
height: 45px;
background-color: #fcfcfc;
border: 1px solid #e1e1e1;
box-sizing: border-box;
font-size: 16px;
color: #323232;
position: relative;
margin-bottom: 85px;
border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}
.selTop {
cursor: pointer;
position: relative;
}
.selDropDown {
display: none;
overflow-y: scroll;
cursor: pointer;
position: absolute;
left: 0;
z-index: 1000;
background-color: #fcfcfc;
border: 1px solid #e1e1e1;
border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}
.selDownArrow {
width: 20px;
height: 20px;
cursor: pointer;
position: absolute;
top: 50%;
right: 10px;
margin-top: -10px;
/*background: url('../images/select-arrow.png') no-repeat; Stephan: le 24/04/2018 car ce fichier n existe plus (erreur 404) et la fleche est geree par des border */
/*-pie-background: url('images/select-arrow.png') no-repeat; */
background-size: 100% 100%;
}
.selDropDown p {
line-height: 1;
padding: 0px;
margin: 0px;
padding: 10px 0px 10px 15px;
background: none;
}
.selectedOptText {
display: block;
line-height: 1;
position: absolute;
left: 15px;
top: 50%;
margin-top: -9px;
color: #3097de !important;
}
.customSelectWrap select {
line-height: 1;
background: none;
border: none;
}
#radios,
#chboxes {
position: relative;
text-align: left;
}
#radios,
#chboxes {
margin-bottom: 40px;
}
#as-popup .label-2 {
top: -60px;
}
.radio,
.chbox {
display: block;
position: relative;
cursor: pointer;
}
.radio .input-wrap,
.chbox .input-wrap {
display: block;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
}
/*
.radio input, .chbox input {
position: absolute;
top: -999px;
}
*/
.radio.type-1 {
display: inline-block;
width: 140px;
padding: 2px 0px 0px 30px;
box-sizing: border-box;
text-align: left;
color: #613833;
font-size: 15px;
line-height: 1;
margin: 0 0 10px 5px;
}
.radio.type-1 .input-wrap {
width: 20px;
height: 20px;
}
.radio.type-1 .input-wrap.checked {
background: url('../images/radio.png') no-repeat bottom;
background-size: cover;
}
.radio.type-1 .input-wrap.no-checked {
background: url('../images/radio.png') no-repeat top;
background-size: cover;
}
.chbox.type-1 {
display: inline-block;
width: 140px;
padding: 2px 0px 0px 30px;
box-sizing: border-box;
text-align: left;
color: #613833;
font-size: 15px;
line-height: 1;
margin: 0 0 10px 5px;
}
.chbox.type-1 .input-wrap {
width: 20px;
height: 20px;
}
.chbox.type-1 .input-wrap.checked {
background: url('../images/radio.png') no-repeat bottom;
background-size: cover;
}
.chbox.type-1 .input-wrap.no-checked {
background: url('../images/radio.png') no-repeat top;
background-size: cover;
}
.valider-btn {
display: block;
width: 100%;
height: 70px;
background-color: #3096de;
color: #ffffff;
font-size: 20px;
font-weight: 500;
cursor: pointer;
border: none;
margin-bottom: 30px;
border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}
#as-popup #as-popup-submit {
display: none;
}
#as-popup .link-1 {
display: block;
font-size: 17px;
color: #2968b5;
text-decoration: underline;
padding-bottom: 10px;
line-height: 1.2;
text-align: center;
}
#as-popup .txt-2 {
display: block;
padding-top: 20px;
text-align: center;
font-size: 17px;
color: #323232;
}
.error {
display: none;
padding: 7px 10px;
font-size: 14px;
color: #ffffff;
background-color: #cc0000;
text-align: left;
cursor: pointer;
position: absolute;
top: -1px;
right: -1px;
z-index: 5;
}
#all-msg-menu.active {
background: url(../img/message-gris.png) no-repeat center;
background-size: contain;
}
#all-msg-menu.no-active {
background: url(../img/message-blanc.png) no-repeat center;
background-size: contain;
}
#friends-msg-menu.active {
background: url(../img/favorite-gris.png) no-repeat center;
background-size: contain;
}
#friends-msg-menu.no-active {
background: url(../img/favorite-blanc.png) no-repeat center;
background-size: contain;
}
#online-msg-menu.active {
background: url(../img/online_users_gris.png) no-repeat center;
background-size: contain;
}
#online-msg-menu.no-active {
background: url(../img/online_users_blanc.png) no-repeat center;
background-size: contain;
}
#contacts-msg-menu.no-active {
background: url(../img/mes-contacts-blanc.png) no-repeat center;
background-size: contain;
}
#contacts-msg-menu.active {
background: url(../img/mes-contacts-gris.png) no-repeat center;
background-size: contain;
}
#blocked-msg-menu.no-active {
background: url(../img/black-lists-blanc.png) no-repeat center;
background-size: contain;
}
#blocked-msg-menu.active {
background: url(../img/black-lists-gris.png) no-repeat center;
background-size: contain;
}
.no_bg {
background: none !important;
}
/* Surcharge */
#my_guests_tab ul {
text-align: left !important;
/* stephan : pour le bug (Mantis 2307) dans Mes visiteur : quand il n'y a pas 4 profils sur la même ligne, ca affichait un profil à gauche et un à droite */
}
#my_guests_tab ul li {
margin: 0px 20px 10px 20px !important;
}