@media screen {
/**
 * Layout
 */
/* style par default DF */

h1.slogan { font-size:30px; color:#ed227c; font-weight:bold;}
h2.online  {color:#ed227c; font-size:55px; letter-spacing:3px; font-weight:bold;}
span.user  {color:#333; font-size:45px; letter-spacing:3px;}
div.SearchResult {margin-left:30px;}
div.SearchResult  h2  {color:#ed227c; font-size:1.4em; text-transform:uppercase; }
div.simple div.member {border:none !important; height:auto; width:130px; padding:1px; display: inline-block; transition: all 0.2s ease-in-out;}
div.member img {width:130px; height:auto; border: 2px solid #292929; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out; }
div.simple div.member.featured, div.simple div.member {margin:0; padding:1px; background:none; overflow:hidden; width:auto; height:150px;  border:none;}
div.member a {font-size:12px; font-weight:bold; color:#585858;}
div.member div.username {text-align:center; padding-top:2px; width:auto; display:none;}
div.simple div.member div.info {display:block; text-align:center; width:auto;}
div.member.paid div.membership {display:none;}
div.member div.info {width:70px; overflow:hidden; text-overflow: ellipsis; }
div.member div.info span.age {display:none; font-size:80%; color: #ed227c;}
div.member div.info span.address {display:none; color:#777; font-size:75%;}
div.member div.chat {display:none;}
p.submitbutton {margin:0px; padding:5px 0 0; zoom:0; text-align:left; position:relative; font-size:85%;}
.button, .submit {cursor:pointer; height:50px;}

div.Registration {width:100%; z-index:255;  color:#ed227c; }
div.Registration form {margin:8px; padding:5px;}
div.Registration input.submit {width:60%; height:auto; line-height:normal; font-weight:700; font-size:1em; margin-top:5px; color: #ffffff;
background-color: #4FD9FD; border-color: #03B1EF; border-width:6px; padding:0.6em 0 0.7em; text-align:center; border-radius:27px; box-shadow:0 1px 1px #868583; text-transform:uppercase;}
div.Registration h2 {color: #A56EA5; font-size: 22px; font-weight:bold;  text-transform:uppercase; padding:0 0 5px; text-align:center;}
div.Registration h2 strong {font-weight:400; color:#000; font-weight:bold;}
div.Registration dl.horizontal {margin:0;}
div.Registration dl.horizontal dt {font-size:1em; width:100%;  font-weight:bold;  padding:0; float:none; text-transform:uppercase;}
div.Registration dl.horizontal dd {width:100%; float:none;}
div.Registration select#birthYearPerson1, div.Registration select#birthYearPerson2 {width:32%;}
div.Registration select#birthMonthPerson1, div.Registration select#birthMonthPerson2 {width:32%;}
div.Registration select#birthDayPerson1, div.Registration select#birthDayPerson2 {width:32%;}
div.Registration select#sexId  {width:100%;}
div.Registration select#genderId  {width:100%;}
div.Registration select#lookingForSexId {width:100%;}
div.Registration dl.horizontal dd.nolabel {font-size:11px; white-space:normal; color:#777;}
div.Registration dl.horizontal dd.nolabel label {white-space:normal;}
div.Registration dd input.checkbox {width:auto}
div.Registration dd input, div.Registration dd select {padding:7px; border:none;}
div.Registration dd input {width:99%}
div.RegistrationSimple p.warning {color:#777777; font-size:85%;}
div.RegistrationSimple p.warning a {color:#777777; font-size:85%;}
div.RegistrationSimple div.submit-block p.warning {color:#908f8f;  font-size:85%;}
div.Registration dd input, div.Registration dd select {padding-top:4px; padding-bottom:5px; background:#DCD7D3;}
.submit-block {clear: both;}

/**
 * Decoration
 */
	.status { padding:1px 3px; text-transform:uppercase; font-size:75%; line-height:normal; color:#ffffff;}
	.status.online {background:#dc238a;}
	.status.offline {background:#bbbbbb; color:#ffffff;}
	
	.icon {padding-left:17px; background-position:0 0; background-repeat:no-repeat;}
	
	.icon.plusBig {background-image:url(/theme/images/ico_plus_big.gif);}
	.icon.plusSmall {background-image:url(/theme/images/ico_plus_small.gif);}
	
	.icon.block {background-image:url(/theme/images/ico_block.gif);}
	
	.icon.benefits {background-image:url(/theme/images/ico_benefits.gif);}
	
	.icon.arrowRightSmall {background-image:url(/theme/images/ico_arrow_rightsmall.gif);}
	.icon.arrowRightBig {background-image:url(/theme/images/ico_arrow_rightbig.gif);}
	
	.icon.triangleRightSmall {background-image:url(/theme/images/ico_triangle_rightsmall.gif);}
	.icon.triangleRightBig {background-image:url(/theme/images/ico_triangle_rightbig.gif);}
	
	.icon.warning {background-image:url(/theme/images/ico_warning.gif);}
	
	.icon.trial {background-image:url(/theme/images/status_trial.gif);}
	.icon.gold {background-image:url(/theme/images/status_gold.gif);}

/**
 * Forms
 */

input.invalid,
select.invalid, 
textarea.invalid {background:#ffd7d7; color:#ce0000; border-color:#c8a9a9 #fdc5c5 #fdc5c5 #c8a9a9}

dd p.warning {font-size:85%; margin:5px 0 10px;}

dd.error input,
dd.error select, 
dd.error textarea {background:#ffd7d7; color:#ce0000; border-color:#c8a9a9 #fdc5c5 #fdc5c5 #c8a9a9}
dd.error input.checkbox {background:transparent;}

dl.vertical dt.described {}
dl.vertical dt.described span { display:block; float:left;}
dl.vertical dt.described a { display:block; float:right; font-size:85%; text-decoration:underline}
dl.vertical dt.described a:hover {text-decoration:none;}
dl.vertical dt.described h3 {float:left;}

dl.vertical dd.double {float:left; margin-right:10px;}

dl.half, fieldset.half  {width:46%; float:left; margin-right:10px;}

div.errorList {}
div.errorList p {margin:0; padding:0 14px; height:21px; line-height:21px; background-color:#ce0000; color:#ffffff; text-transform:uppercase; font-weight:bold; font-size:90%;}
div.errorList ul {margin:0; padding:10px 14px; border-color:#ffd7d7; border-width:1px; border-style:none solid solid; list-style:none;}
div.errorList ul li {margin:0; padding:0; list-style:none; color:#ce0000; font-weight:bold;}

fieldset {border-style:none; margin:0; padding:0;}
fieldset legend {font-weight:bold;}

dl dt h3 {display:inline;}

dd input, 
dd select,
dd textarea {width:100%; border-width:1px; border-style:solid; border-color:#b6b6b6 #e5e5e5 #e5e5e5 #b6b6b6; background:#ffffff; color:#585858; font-family:Arial, Helvetica, sans-serif;} 

input::-webkit-input-placeholder {color:#908f8f}
textarea::-webkit-input-placeholder {color:#908f8f}
input:-moz-placeholder {color:#908f8f}
textarea:-moz-placeholder {color:#908f8f}

dd input, 
dd select {font-size:90%; } 

dd input.checkbox {width:auto; background:none; border-style:none;}

	
.lazyload_ad {display:none; background:none;}
 div#copyright {color:#818181; margin:0; text-align:center; float:none; clear:both; font-size:0.8em;}
div#copyright a {color:#818181; text-decoration:none; font-weight:bold;}
div#copyright a:hover {text-decoration:underline;} 	
div#copyright br {display:none;}

.widgets {margin:0 auto; position:relative; padding-bottom:30px; text-align:center;}
.widgets div {text-align:center; font-size:1em; font-family: Arial, sans-serif; font-weight:100; padding:0 0.3em; display:inline-block; line-height:35px;}
#share-buttons {position:relative; display:inline-block;}
 #share-buttons a {display:inline-block; margin:0 0.1em; width:35px; opacity:0.8; cursor:pointer;}
 #share-buttons a img {width:100%; vertical-align:middle;}

div#copyright {color:#ed227c; margin:0; text-align:center; float:none; clear:both; font-size:0.8em;}
div#copyright a {color:#ed227c; text-decoration:none; font-weight:bold;}
div#copyright a:hover {text-decoration:underline;} 
div#copyright br {display:none;}

ul#bottonNavigation {margin:70px 0 15px; padding:0px; list-style:none; float:none; height:auto; text-align:center;}
ul#bottonNavigation li {margin:0; padding:0 0.7em; list-style:none; float:none; display:inline;}
ul#bottonNavigation li.last {border-right-style:none;}
ul#bottonNavigation li a {color:#ed227c; text-decoration:underline; font-size:0.95em;}
ul#bottonNavigation li a:hover {text-decoration:none;}

ul#linksNavigation {margin:70px 0 15px; padding:0px; list-style:none; float:none; height:auto; text-align:center;}
ul#linksNavigation li a {color:#ed227c; text-decoration:none; font-size:1.02em; text-transform:capitalize;}
ul#linksNavigation li a:hover  {color:#999;}
ul#linksNavigation li {margin:0; padding:0 0.7em; list-style:none; float:none; display:inline;}
ul#linksNavigation li.last {border-right-style:none;}

/* Sidebar */
div.Sidebar {position:fixed !important; z-index:1000; }
div.Sidebar.Left {left:0 !important; top:110px !important;}
div.Sidebar.Right {right:0 !important; top:110px !important;}

div.Sidebar .SidebarItem {position:static !important; float:left; margin-bottom:7px; clear:both; background-color:#fff/*#ffffff*/; color:#333/*#585858*/; padding:7px; }
div.Sidebar.Left .SidebarItem {border-radius:0 10px 10px 0; -moz-border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; -ms-border-radius:0 10px 10px 0; -o-border-radius:0 10px 10px 0; -moz-box-shadow:1px 1px 3px #d6dacc; -webkit-box-shadow:1px 1px 3px #d6dacc; -ms-box-shadow:1px 1px 3px #d6dacc; -o-box-shadow:1px 1px 3px #d6dacc; box-shadow:1px 1px 3px #d6dacc;}
div.Sidebar.Right .SidebarItem {border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; -ms-border-radius:10px 0 0 10px; -o-border-radius:10px 0 0 10px; -moz-box-shadow:-1px 1px 3px #d6dacc; -webkit-box-shadow:-1px 1px 3px #d6dacc; -ms-box-shadow:-1px 1px 3px #d6dacc; -o-box-shadow:-1px 1px 3px #d6dacc; box-shadow:-1px 1px 3px #d6dacc;}

.SidebarItem div.vertical {position:absolute; bottom:11px; font-size:90%; white-space:nowrap; float:none; margin:0; padding:0; background:none; 
-webkit-transform: rotate(-90deg) ; -webkit-transform-origin: 9px 7px;
-moz-transform: rotate(-90deg); -moz-transform-origin: 9px 7px;
-o-transform: rotate(-90deg);  -o-transform-origin: 9px 7px;
-ms-transform: rotate(-90deg);  -ms-transform-origin: 9px 7px;
transform: rotate(-90deg); transform-origin: 9px 7px;*left:22px;}

html[xmlns*=""] .SidebarItem div.vertical {
writing-mode:bt-rl;
filter:flipH flipV;}

/* SocialLogin*/
div.SocialLogin {padding-top:50px !important; background:#fff url(/images/icons/icon_auth.png) 3px 9px no-repeat;}

ul.icons {list-style:none; margin:0; padding:0;}
ul.icons li {display:block; list-style:none; margin:0 0 7px 0; padding:0; background:none !important;}
ul.icons li:last-child {margin-bottom:0;}
ul.icons li a {text-decoration:none; display:block;  background-repeat:no-repeat; overflow:hidden; border:none; margin:0; padding:0;}
ul.icons li a:hover {text-decoration:none; background-color:transparent;}

ul.icons.size24x24 a {width:24px; height:24px; }
ul.icons.size16x16 a {width:16px; height:16px; }

ul.social-providers li a {background-image:url(/images/icons/providers.gif);}

ul.social-providers.size24x24 li.facebook a{background-position:0px -16px;}
ul.social-providers.size24x24 li.google a{background-position:-24px -16px;}
ul.social-providers.size24x24 li.windowslive a{background-position:-48px -16px;}
ul.social-providers.size24x24 li.twitter a{background-position:-72px -16px;}
ul.social-providers.size24x24 li.yahoo a{background-position:-96px -16px;}

ul.social-providers.size16x16 li.facebook a{background-position:0px 0px;}
ul.social-providers.size16x16 li.google a{background-position:-16px 0px;}
ul.social-providers.size16x16 li.windowslive a{background-position:-32px 0px;}
ul.social-providers.size16x16 li.twitter a{background-position:-48px 0px;}
ul.social-providers.size16x16 li.yahoo a{background-position:-64px 0px;}

ul.switch-layout li a {background-image:url(/images/icons/icon_mobile.png);}

/* Modal Popup */
div.blockUI.blockOverlay {background-color:#666666 !important;}
div.blockUI.blockMsg {background-color:#ffffff !important;}

div.blockUI div.popup {border-width:0px 1px 1px 0px; border-style:solid; border-color:#666666; height:100%; width:100%;}
div.blockUI div.popup div.head {height:4px; font-size:1px; overflow:hidden; background-color:#e25e67; width:auto; margin:0 -1px;}
div.blockUI div.popup div.content {overflow:hidden; }

/* FramePopup */
div.FramePopup iframe {margin-top:16px;}
div.FramePopup img#close {position:absolute; top:3px; right:-2px; cursor:pointer;}

div.lazyload_ad {display:none; background:none;}

}

@media only screen and (max-width: 640px) {
 h1.slogan {font-size: 22px;}
ul#bottonNavigation {padding:0 2%;}
ul#bottonNavigation li {padding:0.5em 0 0.1em 1.5em; float:none; display:block; text-align:left; border-right:none; border-bottom:1px solid #d8d8d8;}
ul#bottonNavigation li a {text-transform:uppercase; text-decoration:none; font-size:0.95em; color:#ed227c;}
ul#linksNavigation {padding:0 2%;}
ul#linksNavigation li a  {text-transform:uppercase; text-decoration:none; font-size:0.95em; color:#ed227c;}
.btn-facebook {font-size:14px;}
div.Registration select#birthYearPerson1, div.Registration select#birthYearPerson2 {width:30%;}
div.Registration select#birthMonthPerson1, div.Registration select#birthMonthPerson2 {width:30%;}
div.Registration select#birthDayPerson1, div.Registration select#birthDayPerson2 {width:30%;}
h2.online  {font-size:30px;}
span.user  {font-size:22px;}
.dropdown  {background-color: rgba(51, 51, 51, 0.6);}  
}

@media only screen and (max-width: 420px) {
.dropdown  {background-color: rgba(51, 51, 51, 0.6);} 
	div.Registration select#birthMonthPerson1, div.Registration select#birthMonthPerson2 {width:32%;}
}


@media screen and (-webkit-min-device-pixel-ratio:0) { 
	div.Registration dl dt {margin-bottom:3px !important}
	div.Registration dl dd {margin-bottom:3px !important}
	dd p.warning {margin:3px 0}
	div.QuickSearch dl dt {margin-bottom:0 !important}
	div.QuickSearch dl dd {margin-bottom:0 !important}
}
/*268694.1.86.8a6c527_1158512009*/