/*layout*/
* {
	margin: 0;
	padding: 0;
}
html, body {
	font-size:11px;
	
}		
body {
	background:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	color:#000000;
	}
	
*html body {
	overflow-x:auto;
	}	

	
a {
	text-decoration:none!important;
	}
a:hover {
	text-decoration:underline!important;
	}
img { border:0 none}
table, tr, td, th {
	border:0 none;
	border-collapse:collapse;
	font-size:11px;
	padding:0;
	margin:0
	}

.clearfix:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}


.clear { clear:both; font-size:0px; overflow:hidden}
.float-l { float:left}
.float-r { float:right}

.padd-5 { padding-top:5px }
.padd-10 { padding-top:10px }	
.padd-15 { padding-top:15px }
.padd-20 { padding-top:20px }

.border-none {
	border:0 none!important;
	}

.display-none {
	display:none;
	}
.display-inline {
	display: inline!important;
	}
.align-center { text-align:center}	
.align-left { text-align:left}	
.align-right { text-align: right}	
.line-through {
	text-decoration:line-through;
	}

.position-relative {
	position:relative;
	}

.v-top {
	vertical-align:top;
	}

.bg-black {
	background:#000000;
	}
.bg-white {
	background:#ffffff;
	}	
	
.main {
	margin:0 auto;
	width:980px;
	}
	
	#page_message .page_message {
		margin:0 auto;
		width:980px;
		}
	.page_message {
		padding:20px 0;
		text-align:center
		}
#header {
	background:#3b5998;
	padding:5px 0
	}
#header .logo {
	background:url(img/logo.png) left top no-repeat;
	width:240px;
	height:50px;
	margin-top:0px;	
	/*
	width:178px;
	height:52px;
	*/
	float:left;
	}
#header .logo_index {
	background:url(img/logo.png) left top no-repeat;
	/*width:312px;
	height:82px;
	/**/
	width:240px;
	height:50px;
	
	margin-top:20px;
	
	float:left;
	}
	#header .logo_index a{
	display: block;
	width:240px;
	height:50px;
	text-decoration:none;
	}
	#header .logo a{
	display: block;
	width:240px;
	height:50px;
	text-decoration:none;
    }
#header .login-form {
	float:right;
	width:430px;
	margin:0;
	padding: 20px 0 15px 0;
	}
#header .login-form table {
	width:auto;
	}
#header .login-form table td {
	vertical-align:bottom;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-align:left
	} 
#header .login-form table td a {
	display:block;
	color:#FFFFFF;
	}
#header .login-form table td input {
	vertical-align:middle;
	margin-right:5px
	}
#header .login-form table td input.email, #header .login-form table td input.password {
	border:1px solid #ffffff;
	height:17px;
	padding-top:4px;
	color:#7a7a7a;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top:4px
	}
	
#header .login-form table td input.email {
	width:202px	;
	}
#header .login-form table td input.password {
	width:153px;
	}
#header .login-form table td input.go {
	background: url(img/go.gif) left top no-repeat;
	width:37px;
	height:20px;
	border:0 none;
	cursor:pointer;
	margin:0 0 0 15px
	}	
	
.copyright {
	/*padding:25px 0;*/
	text-align:center;
	color:#5a5a5a;
	font-size:10px
	}
	
.left-side {
	width:675px;
	float:left;
	}
.right-side {
	width:300px;
	float:right;
	
	
	}

.right-side a {
	display:block;
	padding:5px 0;
	}
.banner-border {
	border:1px solid #5a5a5a;
	}

h1.title-page {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:normal;
	color:#4c4c4c;
	margin:0;
	padding:0 0 25px 0
	}
h2.title-page {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#4c4c4c;
	margin:0;
	padding:0 0 15px 0
	}
h2.title_page {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#3b5998;
	margin:0;
	padding:0 0 15px 15px
	}

.info-text {
	padding:25px 0;
	}
.info-text img {
	float:left;
	margin:0 10px 0 0;
	border:1px solid #8d8d8d
	}
.info-text p {
	margin:0;
	padding:5px 0;
	}
.line-dotted {
	background:url(img/line-dotted.gif) left top repeat-x;
	height:1px;
	font-size:0px;
	clear:both;
	overflow:hidden;
	}
/**/    
/*Style*/
#menu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:0;
	}
#menu a {
	text-decoration:none;
	}
#menu a:hover {
	text-decoration:underline;
	}
#menu ul {	
	list-style:none;
	margin:0;
	padding:0;
	}
.menu-groups {
	padding:15px 0;
	}

ul.language {	
	float:right;
	width:200px;
	}
ul.language li {
	display:inline;
	float:left;
	height:1%;
	position:relative;	
	}
ul.language li a {
	border-left:1px solid #7a7a7a;
	color:#7a7a7a;
	display:block;
	padding:0 8px;
	}
#menu ul.menu-top, #footer ul.menu-top {
	text-align:center;
	white-space:nowrap;
	font-size:10px
	}
#menu ul.menu-top li, #footer ul.menu-top li {
	display:inline;
	margin:0 -2px;
	vertical-align:top;
	}
#menu ul.menu-top li a, #footer ul.menu-top li a {
	display:inline-block;
	border-left:#3b5998 1px solid;
	padding:0 10px;
	color:#3b5998;
	vertical-align:bottom;
	}

@-moz-document url-prefix() {
	#menu ul.menu-top li, #footer ul.menu-top li {display:-moz-inline-grid; display:inline-block;} /*For FF2 only*/
	}


#menu ul.menu-main {
	background:#3b5998;
	width:970px;
	float:left;
	padding:5px;
	text-align:center;
	white-space:nowrap;
	}
#menu ul.menu-main li {
	display:inline;
	margin:0 -2px;
	vertical-align:top;
	}
#menu ul.menu-main li a {
	display:inline-block;
	border-left:#ffffff 1px solid;
	padding:4px 20px;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	vertical-align:bottom;
	}
#menu ul.menu-main li a img {
	vertical-align:middle;
	margin-right:5px;
	}
@-moz-document url-prefix() {
	#menu ul.menu-main li {display:-moz-inline-grid; display:inline-block;} /*For FF2 only*/
	}

a.link-right {
	display:block;
	float:right;
	}


#footer .bg-menu-footer {
	background:#3b5998;
	}
#footer ul.menu-footer {
	
	padding:5px;
	text-align:center;
	white-space:nowrap;
	}
#footer ul.menu-footer li {
	display:inline;
	margin:0 -2px;
	vertical-align:top;
	}
#footer ul.menu-footer li a {
	display:inline-block;
	border-left:#ffffff 1px solid;
	padding:0px 10px;
	font-size:10px;
	color:#ffffff;
	vertical-align:bottom;
	}

@-moz-document url-prefix() {
	#footer ul.menu-footer li {display:-moz-inline-grid; display:inline-block;} /*For FF2 only*/
	}


ul.sub-menu {
	background:#3b5998;
	text-align:center;
	white-space:nowrap;
	}
ul.sub-menu li {
	display:inline;
	margin:0 -2px;
	vertical-align:top;
	}
ul.sub-menu li a {
	display:inline-block;
	border-left:#ffffff 1px solid;
	padding:8px 6px;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	vertical-align:bottom;
	}
ul.sub-menu li a:hover, ul.sub-menu li a:active, ul.sub-menu li a:focus {
	background:#6d85b1;
	text-decoration:none
	}
ul.sub-menu li a.hover {
	background:#6d85b1;
	}
@-moz-document url-prefix() {
	ul.sub-menu li {display:-moz-inline-grid; display:inline-block;} /*For FF2 only*/
	}

/**/








.new-info-profile {
	background:url(img/line-dotted.gif) left bottom repeat-x;
	padding:0 0 8px 0;
	font-size:13px;
	color:#9f4f9e
	}
.new-info-profile span {
	font-size:20px;
	}

.pagination-profile {
	padding:8px 0 0 0;
	text-align:right
	}
.pagination-profile a {
	color:#4c4c4c;
	text-decoration: none;
	text-transform:uppercase;
	margin:0 10px
	}
.pagination-profile a:hover {
	text-decoration: none;
	color:#9f4f9e
	}
.pagination-profile a.hover {
	text-decoration: none;
	color:#9f4f9e
	}
.pagination-profile a img {
	margin:0 10px
	}

.profile {
	padding:20px 0} 

table.profile-title {
	width:100%;
	}
table.profile-title td {
	vertical-align:bottom;
	}
table.profile-title td.name-info-user {
	width:275px;
	font-size:12px;
	color:#8f8e8e;
	}
table.profile-title td.name-info-user span {
	font-size:30px;
	color:#4c4c4c
	}

h2.profile-title {
	color:#9d529c;
	font-size:18px;
	margin:0;
	padding:0 10px;
	text-align:right;
	font-weight:normal;
	text-transform:uppercase
	}

.prifile-left {
	width:275px;
	float:left
	}
.prifile-right {
	width:390px;
	padding:0 5px;
	float:left;
	}
*html .prifile-right {
	padding:0 2px;
	}
.preview-picture img {
	border:1px solid #8d8d8d;
	}
.preview-picture .small-pic {
	/*padding:7px 0;*/
	/*width:275px;*/
	position:relative
	}
.preview-picture .small-pic  {
	position:relative;
	margin:0 3px;
	float:left;
	display: inline;
	}
.preview-picture .small-pic span.zoom {
	position:absolute;
	right:5px;
	bottom:4px;
	}
.preview-picture .small-pic span.zoom img {
	border:0 none;
	display:inline
	}
.bookmark-block a {
	float:left;
	display:block;
	width:95px;
	padding:8px 0 3px 28px;
	margin:0 0 0 8px;
	color:#3b5998;
	font-size:12px;
	text-decoration:none	
	}


.bookmark-block a:hover {
	text-decoration:none;
	}
a.bookmark {
	background:url(img/bookmark.gif) left top no-repeat;
	}
a.block {
	background:url(img/block.gif) left top no-repeat;
	}
a.add-to-friends {
	background:url(img/add-to-friends.gif) left top no-repeat;
	}
a.send-wink {
	background:url(img/send-wink.gif) left top no-repeat;
	}
.personal-data-info {
	padding:20px 15px;
	}
.personal-data {
	position: relative;
	
	font-size:11px;
	color:#4160ac
	}
.personal-data span {
	display:block;
	width:165px;
	float:left;
	color:#000000
	}

.info-personal-data  {
	padding-left:165px;
	}	
	
ul.matchmaking-service-includes {
	margin:0;
	padding:0 0 0 30px;
	list-style:none;
	}
ul.matchmaking-service-includes li {
	background:url(img/a1.gif) left 5px no-repeat;
	padding:3px 0 3px 15px;
	}	
	
form#join-form {
	background:#cccccc;
	width:509px;
	}	
form#join-form .form-lt {
	background:url(img/form-lt.png) left top no-repeat;
	} 	
form#join-form .form-rb {
	background:url(img/form-rb.png) right bottom no-repeat;
	padding:5px;
	} 	
form#join-form .form-join {
	border:1px solid #ffffff;
	padding:30px 0
	}	
form#join-form .form-join .form-table {
	width:410px;
	margin:0 auto;
	}
form#join-form .form-join .form-table td {
	vertical-align:bottom;
	}
form#join-form .form-join .text-field {
	width:335px;
	text-align:right;
	}	
form#join-form .form-join .text-field td {
	padding:2px 0;
	}
form#join-form .form-join .text-field input,
form#join-form .form-join .text-field textarea {
	width:245px;
	border:1px solid #999999;
	margin-left:4px
	}	
form#join-form .form-join .text-field textarea {
	height:40px;
	vertical-align:middle
	}	
form#join-form .form-join input.send {
	background: url(img/send.gif) left top no-repeat;
	width:46px;
	height:21px;
	border:0 none;
	cursor:pointer
	}	
	
.matchmaking-service-press a {
	color:#0000FF
	}	
	
form#upgrade {
	padding:30px 0;
	}	
form#upgrade .left-upgrade {
	width:445px;
	float:left
	}
form#upgrade .right-upgrade {
	width:510px;
	float:right
	}
form#upgrade .input-radio {
	padding:8px 0;
	}
form#upgrade .input-radio input {
	float:left;
	}	
form#upgrade .input-radio #text-input-radio {
	padding-left:20px;
	}	
form#upgrade .input-radio #text-input-radio strong {
	display:block;
	font-size:12px;
	padding-bottom:5px}	
	
form#upgrade .color-pink { color:#9a3a96;}	
.upgrade .left-upgrade {
	width:445px;
	float:left
	}
.upgrade .right-upgrade {
	width:510px;
	margin:0 auto;
	}
.upgrade .input-radio {
	padding:8px 0;
	}
.upgrade .input-radio input {
	float:left;
	}	
.upgrade .input-radio #text-input-radio {
	padding-left:20px;
	}	
.upgrade .input-radio #text-input-radio strong {
	display:block;
	font-size:12px;
	padding-bottom:5px}	
	
.upgrade .color-pink { color:#9a3a96;}	

	
.upgrade-today {
	background:url(img/1p5.jpg) left top no-repeat;
	padding:82px 0 0 180px;
	color:#6e6e6e;
	min-height:230px;
	height:auto!important;
	height:230px
	}
.upgrade-today2 {
    font-size:10px;
	/*background:url(img/1p5.jpg) left top no-repeat;*/
    background:url(img/qualified.gif) left top no-repeat;
	padding:82px 0 0 180px;
	color:#6e6e6e;
	min-height:230px;
	height:auto!important;
	height:230px
	}    
ul.upgrade-today-list {
	margin:0;
	padding:12px 0 12px 15px;
	list-style:none;
	}	
ul.upgrade-today-list li {
	background:url(img/a2.gif) left top no-repeat;
	padding:8px 0 0 25px;
	color:#3b5998;
	font-size:18px
	}	
form#upgrade .font-16 {
	font-size:16px;
	}	
.gift-membership {
	padding:10px 0;
	}	
.gift-membership span {
	font-size:16px;
	color:#994b98;
	}	
.gift-membership input {
	vertical-align:middle;
	margin:0 5px 0 15px;
	}
	
.gift-membership #gift table td {
	padding:2px 0;
	}
	
.right-width {
	width:415px;
	float:right;
	}
.promo-code {
	background:url(img/bg-pink.gif) top right repeat-y;
	padding:10px 4px 10px 0;
	font-size:16px;
	color:#994b98;
	text-align:right;
	position:relative;
	
	display:inline-block
	}	
.promo-code input {
	width:264px;
	vertical-align:middle;
	margin:0 5px;
	border:1px solid #d2d2d2;
	height:18px;
	}	

*html .promo-code input {
	margin:10px 4px 0 4px;
	}

.promo-code img {
	vertical-align:bottom;
	}	
	
.promo-code .close {

	position:absolute;
	right:-36px;
	top:9px
	}	
.cardholder-information .w-115 {
	width:115px;
	}
.cardholder-information input	{
	width:165px;
	vertical-align:middle;
	margin:2px 5px;
	border:1px solid #d2d2d2;
	height:18px;
	}
.cardholder-information select	{
	width:280px;
	margin:2px 5px;
	border:1px solid #d2d2d2;
	}
.cardholder-information img {
	vertical-align:bottom;
	}
.cardholder-information span {
	color:#FF0000;
	}	
	
	


.credit-cerd-information .w-200 {
	width:200px;
	}
.credit-cerd-information  input	{
	vertical-align:middle;
	}
.credit-cerd-information td {
	padding:2px 0
	}
.credit-cerd-information .credit-cart-number input	{
	width:130px;
	margin:0 5px;
	border:1px solid #d2d2d2;
	height:18px;
	}
.credit-cerd-information select	{
	width:132px;
	margin:0 5px;
	border:1px solid #d2d2d2;
	}
.credit-cerd-information img {
	vertical-align:bottom;
	}
.credit-cerd-information span {
	color:#FF0000;
	}
	
.credit-cerd-information .month-year select {
	width:56px}
	
input.upgrade-me {
	background:url(img/upgrade-me.png) left top no-repeat;
	width:298px;
	height:74px;
	border:0 none;
	cursor:pointer;
	margin-top:25px;
	margin-left:-4px
	}
	
.block-grey {
	background:#ebebeb;
	padding:20px;
	text-align:center
	}





#edit-profile {
	padding:30px 0;
	}
#edit-profile .right-side {
	padding:0;
	margin-top:-5px
	}
#edit-profile ul.sub-menu {
	width:606px;
	float:left
	}
#edit-profile ul.sub-menu li a {
	padding:8px 5px 7px 4px;
	}
*html #edit-profile ul.sub-menu li a {
	padding:8px 3px 7px 2px;
	}
	
#edit-profile .form-edit-profile {
	width:400px;
	margin:0 auto;
	padding:30px 0
	}	
#edit-profile .form-edit-profile table {
	width:auto;
	}
#edit-profile .form-edit-profile table td {
	padding:2px;
	}
#edit-profile .form-edit-profile table td.w-105px {
	width:95px;
	padding:2px 10px 2px 0;
	text-align:right;
	 }

#edit-profile .form-edit-profile table td select, form#sign-up .form-step1 table td input {
	vertical-align:middle;
	margin:0 2px;
	}
#edit-profile .form-edit-profile table td input.text {
	width:148px;
	border:1px solid #c3c3c3;
	font-family:
	}
#edit-profile .form-edit-profile textarea {
	width:405px;
	height:200px;}


.save-cancel {
	padding:20px 0 0 100px;
	text-align:center;
	}
.save-cancel input.save {
	background:url(img/save.png) left top no-repeat;
	border:0 none;
	width:83px;
	height:46px;
	float:left;
	cursor:pointer
	
	}
.save-cancel a.cancel {
	text-transform:uppercase;
	color:#4c4c4c;
	font-size:12px;
	display:block;
	float:left;
	padding:12px 10px 0 0
	}
.save-cancel a.cancel:hover {
	text-decoration:none;
	}
.uploat-photo {
	position:relative;
	padding:5px 0;
	min-height:142px;
	height:auto!important;
	height:142px;
	}
.uploat-photo a {
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	padding:0!important;
	}
.uploat-photo a img {
	margin:0!important;
	}

h2.title-page {
	color:#9d529c;
	font-size:18px;
	margin:0;
	padding:0 10px;
	font-family:Arial, Helvetica, sans-serif
	}

.quick-search {
	padding:12px 0 0 0 ;
    position: relative;
	}
.quick-search .form-left {
	background:#cccccc;
	width:705px;
	float:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif
	}
.quick-search .join-free-right {
	width:272px;
	/*float:right;*/
    position:absolute;
    top:12px; 
    right:0; 
	}
	
 .form-lt {
	background:url(img/form-lt.png) left top no-repeat;
	} 	
 .form-rb {
	background:url(img/form-rb.png) right bottom no-repeat;
	padding:5px;
	} 	
.quick-search .form-left .form-quick {
	border:1px solid #ffffff;
	padding:11px 30px
	}	
.quick-search .form-left .form-quick span {
	font-size:17px;
	}
.quick-search .form-left .form-quick input {
	vertical-align:middle;
	margin:0 5px 0 10px
	}

.form-gray {
	background:#cccccc;
	}
.form-border {
	border:1px solid #ffffff;
	padding:10px 20px
	}
	


.line-dotted {
	background:url(img/line-dotted.gif) left top repeat-x;
	height:1px;
	font-size:0;
	overflow:hidden;
	
	width:100%
	}






.contact {
	padding:25px 0;
	}

.contact .form-gray {
	width:505px
	}
.contact form {
	padding:20px 30px;
	width:375px;
	text-align:right
	}	
	
.contact form fieldset	{
	border:0 none;
	padding:2px 0
	}
.contact form fieldset label {
	display:block;
	float:left;
	width:150px;
	padding-top:2px;
	text-align:left
	}	
.contact form fieldset.field input {
	border:1px solid #c3c3c3;
	width:180px;
	padding:2px 5px;
	
	}	
.contact form fieldset.field select {
	width:190px;
	}	
.contact form fieldset.field textarea {
	border:1px solid #c3c3c3;
	width:190px;
	height:100px
	}	
.contact form fieldset.submit {
	text-align:right;
	}
.contact form fieldset.submit input {
	background: url(img/submit-butt.gif) left top no-repeat;
	height:19px;
	width:58px	;
	border:0 none;
	font-size:11px;
	font-weight:bold;
	padding:1px 0 5px 0;
	cursor:pointer
	}	
	
	
	
.menu-groups {
	padding:15px 0;
	}
a.link-right-upgrade {
	display:block;
	position:absolute;
	top:0;
	right:0
	}
#page_message {
	padding:10px 0;
	text-align:center;
	}	
.page_error {
	text-align:center;
	padding-top:10px
	}
	
.min-height-site {
	min-height:330px;
	height:auto!important;
	height:330px
	}
	
.date_font {
    padding: 15px 0px 5px 0px;
    font-size:10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color:#5A5A5A;
}	

.over_plan {
    background-color: #ebeef4;
}