﻿@charset "UTF-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
}
body{
	background-image:url(/images/layout/main_gradient.gif);
}

img{margin:0px; border:none;}

A:link,
A:visited,
A:active,
A:hover{text-decoration:none; color:#495781;}

/* main page structure */

#page{
	font-family:Verdana, Geneva, sans-serif;
	width:1000px; 
	margin:auto;
	font-size:12px;
	color:#6d5e51;
}

#headerTop{
	background-image:url(/images/layout/header_gradient.jpg);
	/*background-image:url(/images/layout/header_gradient_valentines.gif);*/
	background-repeat:repeat-x;
	overflow:hidden;
	/*border:1px solid white;*/
}

#header_logo{width:400px; height:88px; float:left; text-align:center; }
#header_content{width:380px; float:right}

#headerMainMenu{
	/*margin-top:10px; */
	background-color:#FE7901;
	line-height:32px;
	text-align:center;
}

.header_login_box{ 
	float:right; 
	/*width:520px; */
	padding-right:10px; 
	padding-top:5px; 
	color:#FFF; 
	text-align:right; 
	font-size:11px;
} 
.main_menu li{
	cursor:pointer;
	color:#FFF;
	display:inline;
}

.main_menu li a:link,.main_menu li a:visited, .main_menu li a:active {
	color:#FFF;
	display:inline-block;
	padding-left:8px; 
	padding-right:8px;
	line-height:32px;
	font-weight:bold;
}

.main_menu li a:hover {
	background-image:url(/images/icons/menu_selected.gif);
	background-repeat:no-repeat;
	background-position:center top;
	color:#FFF;
	display:inline-block;
	padding-left:10px; 
	padding-right:10px;
	line-height:32px;
}

.selectedMenu{
	font-size:12px;
	line-height:32px !important;
	background-image:url(/images/icons/menu_selected.gif);
	background-repeat:no-repeat;
	background-position:center top;
}

#pageMiddle{margin-top:10px; clear:both;}

#pageLeftMenu{
	width:210px;
	float:left;
	margin-right:10px;
}

#pageContent{
	float:left;
	width:780px;
	position:relative;
}

#pageContentFull{
	float:left;
	width:1000px;
	position:relative;
}

/* left panel */
.newMembers{
	padding:5px; 
	list-style-type:none;
}

.newMembers li{
	margin-bottom:2px;
}

.newMembers a:hover{
	font-size:11px;
	font-weight:bold;
}


/* content */
.mini_photo{border:1px solid #988F86; margin-bottom:3px;}

.edit_join, .date{
	background-color:#FFFFFF;
	border:1px solid #AAB5D5;
	color:#999999;
}

.classicTable{
	border-left:1px solid #EBEAEB;
	border-top:1px solid #EBEAEB;
	}
	
.classicTable td{
	border-right:1px solid #EBEAEB;
	border-bottom:1px solid #EBEAEB;
	padding:5px;
}

.classicTable th{
	border-right:1px solid #ffffff;
	background-color:#2C4BA0;
	padding:5px;
	color:#FFF;
	font-weight:normal;
	
}
	
.mbTable{
	border-top:1px solid #EBEAEB;
	margin-bottom:5px;
}
	
.mbTable td{
	border:none;
	padding:2px;
}


.mypagePrefBtn{display:block; float:left; line-height:21px; padding-left:10px; padding-right:10px; cursor:pointer;}

/*****************
 * search results
 *****************/

.results_small_box {float:left;padding:10px;margin-left:4px; margin-bottom:10px; margin-right:5px;overflow:hidden;width:122px;position:relative;}
.results_box_border { width:370px; height:170px; border:1px solid #D1D6F0; float:left; margin-bottom:14px;}
.results_box_border:hover { background-color:#F0F3FF}
.results_box {margin-top:8px;}
.results_box_image {float:left; width:140px; text-align:center;}
.results_box_image img {border:1px solid #ECECEC;}
	 
/*****************
 * footer
 *****************/

#footer {background-color:#2C387C; line-height:32px; height:32px; margin-top:10px; text-align:center; color:#FFF; clear:both;}
#footer li {cursor:pointer; color:#FFF; display:inline;}
#footer li a {color:#FFF;line-height:32px; padding-left:10px; padding-right:10px; display:inline-block;}
#copyright{padding:5px; text-align:right;}

/*****************
 * custom tags
 *****************/

.contentContainerTitle_v1{border: 1px solid #ABB6E2; font-weight:bold; background-color:#3E50A7; font-size:12px; color:#ffffff; height:18px; line-height:18px; text-align:left; padding-left:10px;}
.contentContainerText_v1{border:1px solid #ABB6E2; border-top:none; background-color:#F5F6FC}
.contentContainer_v1{background:none; margin-bottom:10px;}
.contentContainerTopBorder_v1{border-top: 1px solid #ABB6E2;}

.contentContainerTitle_v2{border: 1px solid #D1D6F0; font-weight:bold; background-color:#3E50A7; font-size:12px; color:#ffffff; height:18px; line-height:18px; text-align:left; padding-left:10px;}
.contentContainerText_v2{border:1px solid #D1D6F0; border-top:none; background-color:#FFFFFF}
.contentContainer_v2{background:none; margin-bottom:20px;}
.contentContainerTopBorder_v2{border-top: 1px solid #D1D6F0;}

.contentContainerTitle_v3{border: 1px solid #D1D6F0; font-weight:bold; background-color:#3E50A7; font-size:12px; color:#ffffff; height:18px; line-height:18px; text-align:left; padding-left:10px;}
.contentContainerText_v3{border:1px solid #D1D6F0; border-top:none; background-color:#F5F6FC}
.contentContainer_v3{background:none; margin-bottom:20px;}
.contentContainerTopBorder_v3{border-top: 1px solid #D1D6F0;}

.newContentContainer{border:none; margin-bottom:20px;}
.newContentContainerTop{color:#3e4fa7; text-decoration:underline; font-size:13px; font-weight:bold; cursor:pointer; text-align:center; float:left; background-color:#F5F6FC; border-top:1px solid #D1D6F0; border-bottom:1px solid #D1D6F0;}
.newContentContainerMiddle{float:left; border-right:1px solid transparent;}
.newContentContainerBottom{float:left; border-top:1px solid #D1D6F0; }
.newContentContainerMain{border-left:1px solid #D1D6F0; border-right:1px solid #D1D6F0; border-bottom:1px solid #D1D6F0; background-color:#F5F6FC;}

.tab_1{width:136px; height:26px; line-height:26px; padding-top:2px; color:#fff !important; float:right; background-image:url(/images/layout/tab_1.gif); position:absolute; background-repeat:no-repeat}
.tab_2{width:136px; height:26px; line-height:26px; padding-top:2px; color:#fff !important; float:right; background-image:url(/images/layout/tab_2.gif); position:absolute; background-repeat:no-repeat}
.tab_3{height:26px; line-height:26px; padding-top:2px; font-size:15px; color:#4A5885 !important; float:left; background-color:#FFF; border:1px solid #ABB6E2; border-bottom:none; /*background-image:url(/images/layout/tab_3.gif); background-repeat:no-repeat; */font-weight:bold;}
.tabContainer{position:relative; height:28px; overflow:hidden;}

.TitleContainer{padding:3px; font-weight:bold; color:#4A5885; display:inline-block; font-size:13px; border-bottom:2px solid #DDDDDD; margin-bottom:6px;}

/*****************
 * custom classes 
 *****************/
.margin_auto{margin-left:auto;margin-right:auto;}
.clear{clear:both;}

.inline{display:inline;}
.inline-block{ display:inline-block; width:100%;}
.block{display:block;}
.hidden-block{display:none;}

.overflowH{overflow:hidden}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.justify{text-align:justify}

.fl_left{float:left;}
.fl_right{float:right;}

.width220{width:220px;}
.width520{width:520px;}

.m0{margin:0px;}
.ml3{margin-left:3px;}
.mt3{margin-top:3px;}
.mb3{margin-bottom:3px;}
.m10{margin:10px;}
.m15{margin:15px;}
.ml10{margin-left:10px;}
.mb10{margin-bottom:10px;}
.mt10{margin-top:10px;}
.mr10{margin-right:10px;}

.padding3{padding:3px;}
.padding10{padding:10px;}
.padding20{padding:20px;}

.white{color:#FFF !important;}
.whiteR{color:#FFF !important;}
.whiteR:hover{color:#FFF !important; font-weight:bold;}
.warmGrey{color:#6d5e51 !important;}
.orange, .orange a{color:#FD6300 !important;}
.blue{color:#5D6A96;}

.smallFont{font-size:11px;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}
.bold{font-weight:bold;}
.pointer{cursor:pointer;}

.relative{position:relative}

.inputField {height:17px;font-size:13px;padding:3px;border:1px solid #dadada; text-decoration:none;}
.textField {font-size:13px;padding:10px;border:1px solid #dadada; text-decoration:none;}
.selectField {font-size:13px;padding:3px;border:1px solid #dadada; text-decoration:none;}


/* ******* */
/* tooltip */
/* ******* */
h1{font-size:inherit;}
.sClass{display:none}
.sClass ul, .faqClass ol{ margin-left:20px; padding:0px 0px 10px;}
.sClass p {padding:0px 0px 10px;}

/* ******* */
/* tooltip */
/* ******* */
.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; }

/* ********** */
/* validation */
/* ********** */
#join_process label.error {display:inline-block;  margin-left:10px;  width:auto; font-size:11px; color:#C00; padding:3px;}

#edit_process label.error {display:inline-block; width:300px; font-size:11px; color:#C00; padding:3px; border-top:none !important; text-align:center;}

#activationCodeContainer label.error {padding:5px 3px 3px; width:100%; font-size:11px; color:#C00; text-align:center}
.error {border:1px solid #C00 !important; }
#lookForError label.error,#countyError label.error,#agreeError label.error,#activationCodeContainer label.error {display: none;}

.generalForm label.error {display:inline-block; float:left;  margin-left:10px; font-size:11px; color:#C00; padding:3px;border-top:none !important;}

/* ********** */
/* checkboxes */
/* ********** */

label.checkbox_checked {background: url(/images/icons/checkbox_1.gif) no-repeat; display: block; margin: 2px 0; padding-left: 23px;}
label.checkbox_unchecked {background: url(/images/icons/checkbox_0.gif) no-repeat; display: block; margin: 2px 0; padding-left: 23px;}

/* Radio Buttons */
label.radio_checked {background: url(/images/icons/radio_1.gif) no-repeat; display: block; margin: 3px 5px 3px 0px; padding-left: 15px;}
label.radio_unchecked {background: url(/images/icons/radio_0.gif) no-repeat; display: block; margin: 3px 5px 3px 0px; padding-left: 15px;}

#qsearch label {float:left; color:#A2A2A2; font-size:11px;}
.qsearch_subbox {clear:both; margin-bottom:5px; height:22px;}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.crirHidden {position: absolute;left: -1000px;}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


/* ****** */
/* button */
/* ****** */
.normal_button {height:20px; line-height:20px; font-size:12px !important; margin:0px;}
.normal_button_left {background-image:url(/images/layout/button_left.gif); height:20px;}
.normal_button_right {background-image:url(/images/layout/button_right.gif); height:20px;}
.normal_button_box_center {background-image:url(/images/layout/button_middle.gif); float:left; text-decoration:none;}

.red_button {height:20px; line-height:20px; font-size:12px !important; margin:0px;}
.red_button_left {background-image:url(/images/layout/button_red_left.gif); height:20px;}
.red_button_right {background-image:url(/images/layout/button_red_right.gif); height:20px;}
.red_button_box_center {background-image:url(/images/layout/button_red_middle.gif); float:left; text-decoration:none;}

.button_box{overflow:hidden; text-decoration:none; /*margin-top:5px;*/}
.button_box_left {width:5px; float:left; background-repeat:repeat-x; background-position:left top;}
.button_box_right {float:left; width:5px; background-repeat:no-repeat; background-position:right top; text-align:center;}
.button_box_right a {color:white;}

.button_a {display:block; text-align:center;}

.button_a:link,
.button_a:active,
.button_a:hover, 
.button_a:visited {color:#fff;text-decoration:none; padding:0px !important;}
.button_input {cursor:pointer;text-align:center;border:0px !important;background:none;color:#fff !important;margin:0px;padding:0px !important;display:block;width:100% !important;}
.button_input:hover {color:#5f6ca1;text-decoration:none;}

/****** mati *****/
.left_profile {	float:left; width:90px;	padding:3px; }
.right_profile { float:left; width:155px; padding:3px; }
.hoverRightMenu { height:25px; width:251px; padding-top:10px; padding-left:20px; font-size:10px; color:#A8AFC9; background-color:white; border:1px solid white; }
.hoverRightMenu:hover {	background-color:#eaedfa;	border:1px solid #DADFF3; }
.link,.link:visited { color:#5D6A97; font-size:12px; }
.hoverRightMenu:hover a { color:#FE7600 !important; font-weight:bold; font-size:11px; }
.lifestyle_left { float:left; width:130px; margin-bottom:5px; }
.lifestyle_right { float:right;	width:310px; margin-bottom:5px; }
.basic_left { float:left; width:110px; margin-bottom:5px; }
.basic_right { float:right;	width:140px; margin-bottom:5px; }
input {	border:1px solid #D1D6F0; }
textarea { border:1px solid #D1D6F0; }
strong { font-size:11px; }
.boldhover { font-size:12px !important; color:#636267 !important; }
.boldhover:hover { font-weight:bold; font-size:11px !important; color:#636267 !important; }
.bluehover { background-color:#FFF; }
.bluehover:hover { background-color:#F0F3FF; }


/* simple modulo */
.basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#89817B; cursor:wait;}

/* Container */
.simplemodal-left_top_corner_outer{
	width: 218px;
	height: 138px;
	background-image:url(/images/layout/modal/bg_head_left.png);
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	z-index:1003;
	top: -50px; left: -55px;
}

.simplemodal-right_top_corner_outer{
	width: 329px;
	height: 138px;
	background-image:url(/images/layout/modal/bg_head_right.png);
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	z-index:1003;
	top: -37px; right: -70px;
}

.simplemodal-left_bottom_corner_outer{
	width: 299px;
	height: 201px;
	background-image:url(/images/layout/modal/bg_footer_left.png);
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	z-index:1003;
	left: -79px; bottom: -49px;
}

.simplemodal-right_bottom_corner_outer{
	width: 184px;
	height: 201px;
	background-image:url(/images/layout/modal/bg_footer_right.png);
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	z-index:1003;
	bottom: -77px; right: -80px;
}
.simplemodal-left_top_corner_inner{
	width: 80px;
	height: 96px;
	background-image:url(/images/layout/modal/box_header_left.png);
	background-position:center;
	background-repeat:no-repeat;
	float:left;
}
.simplemodal-middle_top_corner_inner{
	height: 96px;
	background-image:url(/images/layout/modal/box_header_middle.png);
	background-position:center;
	background-repeat:repeat-x;
	float:left;
}
.simplemodal-right_top_corner_inner{
	width: 80px;
	height: 96px;
	background-image:url(/images/layout/modal/box_header_right.png);
	background-position:center;
	background-repeat:no-repeat;
	float:left;
}
.simplemodal-left_middle_corner_inner{
	width: 80px;
	height: 96px;
	background-image:url(/images/layout/modal/box_bg_01.png);
	background-position:center;
	background-repeat:repeat-y;
	float:left;
}
.simplemodal-right_middle_corner_inner{
	width: 80px;
	background-image:url(/images/layout/modal/box_bg_03.png);
	background-position:center;
	background-repeat:repeat-y;
	float:left;
}

.simplemodal-left_bottom_corner_inner{
	width: 80px;
	height: 66px;
	background-image:url(/images/layout/modal/box_footer_left.png);
	background-position:center;
	background-repeat:no-repeat;
	float:left;
}
.simplemodal-middle_bottom_corner_inner{
	height: 66px;
	background-image:url(/images/layout/modal/box_footer_middle.png);
	background-position:center;
	background-repeat:repeat-x;
	float:left;
}
.simplemodal-right_bottom_corner_inner{
	width: 80px;
	height: 66px;
	background-image:url(/images/layout/modal/box_footer_right.png);
	background-position:center;
	background-repeat:no-repeat;
	float:left;
}

.simplemodal-middle_middle_corner_inner{
	background-color:#e8ecff;
	float:left;
	overflow:hidden;
}

#simplemodal-data{
	display:table-cell;
	vertical-align:middle;
}
.simplemodal-wrap{
	position:relative;

	z-index:1004;
}
#simplemodal-container {font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#495783;   text-align:center;}
#simplemodal-container a.modalCloseImg {background:url(/images/layout/modal/close_button.png) no-repeat; width:70px; height:20px; display:inline; z-index:3200; position:absolute; top: 53px; right: 10px; cursor:pointer;}

/*Dating tips*/
.safety_list li{ margin-left:25px; padding:5px 0px; list-style-type:decimal;}
.safety_list li li{list-style-type:disc;}
.sub_title{ display:block; font-weight:bold; }

/* Payment section */
.backBox{
	width:828px; height:15px; margin-top:5px; font-size:11px; font-weight:bold; 
}
.stepBox{
	float:left; margin-left:85px; width:830px; text-align:right; margin-top:10px; color:#495781; font-size:14px; font-weight:bold
}
.orangeTitle{
	width:828px; color:#ff7500; height:25px; margin-top:5px; margin-bottom:10px; font-size:19px; font-weight:bold;
}
.darkblueTitle{
	width:828px; color:#63709B; height:25px; margin-top:5px; margin-bottom:10px; font-size:19px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif;
}
.premium_column{ 
	width:413px; overflow:hidden;
}
.column_title{
	font-size:14px; font-weight:bold; color:#495781; margin-top:20px;
}
.option_box{
	cursor:pointer; margin-top:27px; margin-left:43px; background-image:url(/images/layout/white_box.gif); background-repeat:no-repeat; width:327px; height:165px;
}
.option_box_b{
	cursor:pointer; margin-top:27px; margin-left:43px; background-image:url(/images/layout/orange_border_top.gif); background-repeat:no-repeat; width:327px; height:199px;
}
.option_box_t{
	cursor:pointer; margin-top:27px; margin-left:43px; background-image:url(/images/layout/orange_border_bottom.gif); background-repeat:no-repeat; width:327px; height:165px;
}
.option_box_t_full{
	cursor:pointer; margin-top:27px; margin-left:43px; background-image:url(/images/layout/orange_bg_top.gif); background-repeat:no-repeat; width:327px; height:165px;
}
.option_box_bg{
  float:left; width:413px; height:200px;
}
.option_box_bg_2{
  float:left; width:413px; height:260px;
}
.bottom_info{
	float:left; margin-left:85px; width:820px; text-align:center; margin-bottom:10px; color:#495781; font-size:10px;
} 
.bottom_info_s1{
	float:left; margin-left:85px; width:400px; text-align:justify; margin-bottom:10px; margin-top:-40px; color:#495781; font-size:10px;
} 
.feature_list li{
	list-style-type:square;
	color:#495781;
	font-size:12px;
	margin-left:25px;
	padding:3px 0;
}
.option_box_new{
	cursor:pointer; margin-top:10px; margin-left:43px; background-image:url(/images/layout/new_white_box.gif); background-repeat:no-repeat; width:329px; height:165px;
}
.option_box_small{
	cursor:pointer; margin-top:10px; margin-left:43px; background-image:url(/images/layout/blue_box_small.gif); background-repeat:no-repeat; width:329px; height:121px;
}
.option_box2{
	float:left; cursor:pointer; margin-left:43px; background-image:url(/images/promo/bluebox.gif); background-repeat:no-repeat; width:287px; height:165px;
}
.option_box3{
	float:left; cursor:pointer; margin-left:43px; background-image:url(/images/promo/bluebox_big.gif); background-repeat:no-repeat; width:287px; height:163px;
}
.option_box_b_full{
	cursor:pointer; margin-top:27px; margin-left:43px; background-image:url(/images/layout/orange_bgb_top.gif); background-repeat:no-repeat; width:327px; height:200px;
}
.option_box_bg_new{
  float:left; width:413px; height:140px;
}

.option_box_bg_new_r{
  float:left; width:413px; height:160px;
}
.option_box_bg_2_new{
  float:left; width:413px; height:240px;
}
.option_box_bg_3_new{
  float:left; width:850px; height:210px; margin-left:-6px;
}

.inviteFormLeft{
	float:left; width:160px; padding:10px; text-align:right
}
.inviteFormRight{
	float:left; width:160px; padding:10px; text-align:left
}

.imList{
	background-color:#fff;

}

#showList{
	width:150px;
	position:fixed;
	bottom:0;
	right:0;
	border:1px solid #ABB6E2;
	background-color:#fff;
	padding:2px;
	cursor:pointer;
}

#imButton{
	margin:3px;
	text-align:center;
}

.chatterbox{background:url('/images/layout/chatterbox/bg_big.png') no-repeat center; width:716px;height:256px; margin:15px auto; padding:10px;}
.chatterboxLegend{background:url('/images/layout/chatterbox/bgsmall.jpg') no-repeat center; float:left; width:245px;height:68px; padding:25px 10px 0px; line-height:17px; margin-top: 5px; margin-left: 15px;}
.chatterboxContent{float:left; color: #2C3B76; background-color: #d9e1ff; height:260px; font-size:12px; font-weight:bold; margin:auto; width:720px; }
.chatterboxPhotoContent{ float:left; background:url('/images/layout/chatterbox/chatterbox_26.jpg') repeat-x center; margin:10px auto 0; width: 413px; height:88px; padding-left: 10px; }
.chatterboxPhoto{float:left; width: 67px; text-align:center; overflow:hidden; margin-top:12px}
.chatterboxImg{border:0; margin:0;padding:0; max-height:60px;}
.chatterboxTextContent{margin:15px auto 0; width:700px; height:137px;}
.chatterboxForm{display:table-cell; vertical-align:middle; width:240px; height:62px; padding-left: 3px;}
.chatterboxTopLeft{float:left; width:298px;height:35px; background:url('/images/layout/chatterbox/topleft1.jpg') no-repeat center center ;}
.chatterboxTopRight{float:left; width:400px;height:35px; }
.chatterboxTopSubject{float:left; background:url('/images/layout/chatterbox/topright1.jpg') no-repeat center center ; width:400px;}
.chatterboxLeftText{float:left; background:url('/images/layout/chatterbox/bottomleft1.jpg') no-repeat center center ; width:288px; height:68px; padding-left:10px;}
.chatterboxRightText{float:left; background:url('/images/layout/chatterbox/bottomright1.jpg') no-repeat center center ; width:400px; height:68px; overflow:hidden;}

.mainMenuTopLeft{float:left; background:url('/images/layout/chatterbox_02.png') no-repeat center center ; width:8px; height:25px;}
.mainMenuTopMiddle{float:left; background:url('/images/layout/chatterbox_04.png') repeat-x center ; height:19px; font-size:12px; padding:3px 7px;}
.mainMenuTopRight{float:left; background:url('/images/layout/chatterbox_06.png') no-repeat center center ; width:27px; height:25px; cursor:pointer;}
.dropDownMenuTop{ background-color:#FE7E00; position:absolute; height: 0px; right: 2px; top: 17px; width: 100px;}
.groupItemMenuDrop{list-style:none; text-align:left; padding:5px 10px 10px 10px;}
.listItemMenuDrop{padding:2px;}
.listItemMenuDrop a{color:white !important;}
.listItemMenuDrop a:hover{text-decoration:underline;}
