/* Main form */
div.pages {
	padding: 10px 0px 30px 0px;
	margin-right: 1px;
	overflow: auto;
}

div#heading_layer {
	background: #ececec url(http://cdn.okcimg.com/media/img/backgrounds/heading_fade.png) repeat-x top left;
	border-bottom: 1px solid #fff;
	position: relative;
	z-index: 9;
	width: auto !important;
	width: 753px;
}

p.answer_teaser {
	float: right;
	margin: 20px 20px 0 0;
	font-size: 11px;
	line-height: 14px;
	color: #888;
}
p.answer_teaser a {
	margin-left: 8px;
	border-left: 1px solid #ddd;
	padding-left: 12px;
}
form.styled {
	clear: both;
	float: left;
	padding: 0 14px 20px 13px;
}
form.styled div.form_section {
	float: left;
	clear: both;
	width: 753px;
	margin: 10px 0 8px;
	position: relative;
	background: transparent url(http://cdn.okcimg.com/media/img/forms/inner_form_bg_24.png) left top no-repeat;
}
form.styled div.form_section h3 {
	padding: 10px 10px 0 15px;
	margin: 0;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #999;
	float: left;
	clear: both;
}
form.styled div.form_contents {
	padding: 8px 10px 7px 13px;
	float: left;
	clear: both;
	width: 733px;
	margin-bottom: -8px;
	background: transparent url(http://cdn.okcimg.com/media/img/forms/inner_form_slide_24.png) left bottom no-repeat;	
}
form.drawnup div.form_contents {
	padding-top: 3px;
}
form.styled div.form_footer {
	clear: both;
	width: 753px;
	padding-top: 10px;
	position: relative;
	overflow: visible;
}
p#submit_button {
	width: 250px;
	margin: 0px 0 0 1px;
	clear: left;
}
p#clear_button,
p#save_button,
p#load_button {
	float: right;
	width: 60px;
	margin: 0px;
}
p#clear_button {
	width: 120px;
	margin-right: 5px;
}
p#save_button {
	margin-right: 5px;
}



div#searches_drop {
	width: 175px;
	position: absolute;
	top: 40px;
	right: -2px;
	z-index: 999;
}
div#searches_drop ul {
	margin-bottom: 0px;
	padding: 11px 10px;
}
div#searches_drop ul li {
	line-height: 19px;
	overflow: hidden;
	white-space: nowrap;
}
div#searches_drop ul li a.delete_saved_search {
	font-size: 12px;
	text-decoration: none;
	color: #999;
	margin-right: 3px;
}
div#searches_drop ul li a.delete_saved_search:hover {
	color: #f83265;
	cursor: pointer;
}
div#save_load_contents {
	width: 300px;
	position: absolute;
	z-index: 999;
	bottom: 30px;
	right: 63px;
}
div#save_load_contents label {
	font-weight: bold;
	font-size: 12px;
}
div#save_load_contents input {
	border: 1px solid #ddd;
	outline: none;
	background: #fff;
	margin: 0px;
	padding: 3px 8px;
	color: #555;
}
div#save_load_contents p.btn {
	width: 120px;
	margin: 6px 0px 0px 0px;
}


form#matchform.styled div.form_section a#toggler {
	position: absolute;
	top: 9px;
	right: 9px;
	z-index: 999;
	height: 16px;
	width: 16px;
	text-indent: 20px;
	overflow: hidden;
	background: url(http://cdn.okcimg.com/media/img/icons/minimizebutton.png) no-repeat 0px 0px;
	display: none;
}
form#matchform.styled div.form_section a#toggler:hover {
	background: url(http://cdn.okcimg.com/media/img/icons/minimizebutton.png) no-repeat 0px -16px;
}

form#matchform.styled:hover div.form_section a#toggler {
	display: block;
}
form#matchform.drawnup:hover div.form_section a#toggler {
	display: none !important;
}



div#form_toggle { display:none; }
div#form_toggle a {
	clear: both;
	display: block;
	width: 39px;
	height: 27px;
	margin: 0px auto -17px;
	background: transparent url(http://cdn.okcimg.com/media/img/forms/arrow_sprite.png) -39px 0 no-repeat;
}
form p#clear_button a {color: #999;}
div#form_toggle a:hover { background-position: 0 0; }
#matchform.drawnup #form_toggle a { background-position: -117px 0; }
#matchform.drawnup #form_toggle a:hover { background-position: -78px 0; }
form.drawnup div.form_contents { float: none; }
p.form_summary {
	margin-bottom: 0px;
	float: left;
	margin: 9px 10px 0 0;
	font-size: 11px;
	color: #2f67a6;
}
img#ajax_spinner {
	margin-left: 5px;
	position: absolute;
	bottom: 19px;
	left: 140px;
}
div.form_section { display: none; }
div#pre_load {
	text-align: center;
}
div#pre_load h4 {
	font-size: 14px;
	font-weight: normal;
	margin: 30px 0 10px;
	color: #999;
}
body div#thin_upgrade_ad {
	background-color: #fff;
	margin: 0 0 10px;
	width:729px !important;
	float: left;
}
span.location_error { color: #f83562; }
p.join_teaser {
	clear: both;
	padding: 10px 20px 10px;
	color: #777;
	margin-bottom: 0;
}
body.logged_out p#submit_button {
	margin-bottom: 17px;
}
div#match_results {
	width: 556px;
	margin-top: 35px;
	margin-left: 15px;
}
div.match_row {
	border: 1px solid #ddd;
	border-bottom: none;
	background: #fafafa;
	padding: 0px;
	position: relative;
	margin: 0px;
	width: 553px;
}
div.match_row_last { border-bottom: 1px solid #ddd; }
div.wrap {
	background: #f6f6f6;
	overflow: auto;
	margin-right: 125px;
	padding-top: 20px;
}
div.user_info {
	float: left;
	width: 410px;
	padding-left: 15px;
}
div.user_info p {
	margin-bottom: 0;
	font-size: 12px;
}
div.essay {
	clear: left;
	width: 395px;
	color: #666;
	margin-left: 15px;
	padding-top: 15px;
	min-height: 60px;
	overflow: hidden;
	font-size: 12px;
}
div.essay strong { color: #555; }
h4.match_row_screenname {
	font-size: 15px;
	line-height: 14px;
	margin-bottom: 4px;
}
div.user_info p.aso,
div.user_info p.location { font-size: 11px; }
p.aso { color: #444; }
p.aso span { color: #999; }
p.location { color: #999; }
div.percentages {
	position: absolute;
	top: 17px;
	right: 0px;
	width: 125px;
}
div.percentages p {
	margin-bottom: 0px;
	text-align: center;
	font-size: 14px;
	line-height: 21px;
}
div.percentages p.match { color: #f83562; }
div.percentages p.friend { color: #2962a3; }
div.percentages p.enemy { color: #555; }
span.unfilled {
	color: #999; 
	font-style: italic;
}
div.contact_notices {
	clear: both;
	width: 538px;
	background: #eee;
	color: #666;
	font-size: 10px;
	padding-left: 15px;
}
div.contact_notices p {
	margin: 0px;
	padding: 5px 15px 5px 22px;
}
div.match_row p.btn {
	width: 96px;
	margin: 0 auto;
}
div.match_row p.unhider {
	display: none;
}
div.match_row div.actions {
	width: 127px;
	position: absolute;
	right: 0px;
	bottom: 35px;
	text-align: center;
}
ul#personality-rating { margin: 5px auto; }
div#pro_match_results {
	margin: 35px 0px 0px 0px;
	width: 182px;
	float: right;
	background: #eee;
}
div#pro_match_results h2 {
	color: #555;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 10px 15px 5px 15px;
	text-align: left;
}
div#pro_match_results ul {
	margin-bottom: 0;
	padding: 0px 0px;
}
div#pro_match_results ul li {
	border-top: 1px solid #ddd;
	position: relative;
	padding: 15px 15px 15px 15px;
	margin: 0px;
}
div#pro_match_results a.user_image {
	float: none;
	margin: 0px;
	position: absolute;
	top: 14px;
	left: 15px !important;
	left: 0px;
	z-index: 3;
	height: 83px;
	width: 83px;
}
div#pro_match_results a.user_image img { padding: 1px; }
body#p_match div#pro_match_results a.user_image img.mask {
	padding: 0px !important;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9;
	display: block !important;
	display: none;
}
div#pro_match_results span.online-now-notice {
	height: 21px;
}
div#pro_match_results p { margin: 0px; }
div#match_results a.im_bubble {
	position: relative;
	top: 3px;
}
div#pro_match_results a.im_bubble {
	position: relative;
	top: -1px;
}
div#pro_match_results p.aso {
	font-size: 10px;
	line-height: 13px;
	color: #666;
}
div#pro_match_results p.aso span { color: #bbb; }
div#pro_match_results p.aso span.location {
	color: #999;
	display: block;
}
div#pro_match_results p.username {
	margin-top: 6px;
}
div#pro_match_results p.username a {
	font-weight: bold;
	color: #f83562;
}
div#pro_match_results div.perc_block {
	background: #f6f6f6;
	font-size: 12px;
	height: 65px;
	text-align: center;
	margin-right: 0px;
	padding-top: 32px;
	margin-top: -15px;
	padding-left: 2px;
	margin-left: 97px;
	color: #666;
	line-height: 19px;
}
div#pro_match_results div.perc_block span { display: block; }
div#pro_match_results div.perc_block span.match { color: #f83562; }
div#pro_match_results div.perc_block span.friend { color: #2962a3; }
div#pro_match_results div.perc_block span.enemy { color: #555; }


ul.pagination {
	margin-left: 15px;
}
div.pro_match_row h4.match_row_screenname a {
	color: #f83265;
}
div.match_row p.activity {
	margin-top: 7px;
	font-weight: bold;
	color: #666;
	font-size: 11px;
	padding-bottom: 7px;
	border-bottom: 1px solid #ddd;
	margin-left: 97px;
	margin-right: 15px;
}
div.match_row p.activity.alist {
	padding-bottom: 5px;
}
div.match_row p.activity span {
	margin-right: 5px;
	font-weight: normal;
}
li.pro_unfound {
	margin: 20px 0;
	color: #999;
}
li.pro_unfound p {
	font-family: Georgia, serif;
	font-style: italic;
	padding: 15px 0px 20px 0px;
	line-height: 1.35em;
}
li.pro_unfound p span {
	display: block;
	text-align: right;
	font-size: 11px;
}
li.pro_unfound img {
	display: block;
	padding-bottom: 20px;
	padding-left: 5px;
}
div#matchNoResults {
	background: url(http://cdn.okcimg.com/media/img/misc/bot-blush.png) no-repeat 20px top;
	height: 250px;
	float: left;
	clear: both;
	padding: 0px;
	margin: 50px 20px;
	width: 650px;
}
div#matchNoResults p {
	padding: 30px 10px 0px 240px;
	font-family: Georgia, serif;
	font-size: 14px;
	font-style: italic;
	color: #999;
}
div#matchNoResults span {
	display: block;
	font-size: 12px;
	padding: 10px 20px 0px 20px;
	text-align: right;
}
div#psi_holder,
div#csi_holder {
	clear: both;
	float:left;
	margin-top:3px;
}
ul#similar_sort_drop p {
	margin-bottom: 5px;
}
ul#similar_sort_drop li p input {
	border:1px solid #fdc1d0;
	color:#f83562;
	font-size:10px;
	padding:4px;
	width: 178px;
}
div#matchQuestionsInfo {
	clear: both;
	padding: 10px;
	text-align: center;
	color: #666;
}
form.styled div#similar_sort div.drop_wrap {
	width: 200px;
}
p.linkout {
	margin: 20px 5px;
	font-weight: bold;
}
p.linkout a {
	color: #60a73c;
	font-size: 11px;
	line-height: 14px;
}
p.linkout a span {
	display: block;
	padding-top: 5px;
	text-decoration: underline;
}
p.linkout a:hover,
p.linkout a:hover span {
	text-decoration: none;
}


/* Stoplight ------------------------------------------------------------------ */

p.stoplight_item {
	background-position: 0px 5px;
	background-repeat: no-repeat;
	background-color: transparent;
}
p.stoplight_item em {
	font-style: normal;
	font-weight: bold;
}
p.match-perc-stoplight-red em { color: #b5250a; }
p.match-perc-stoplight-yellow em { color: #e98b28; }
p.match-perc-stoplight-green em { color: #3e6009; }
div.stoplight_set p.match-perc-stoplight-red { background-image: url(http://cdn.okcimg.com/media/img/misc/stoplight/red_light_ee.png); }
div.stoplight_set p.match-perc-stoplight-yellow { background-image: url(http://cdn.okcimg.com/media/img/misc/stoplight/yellow_light_ee.png); }
div.stoplight_set p.match-perc-stoplight-green { background-image: url(http://cdn.okcimg.com/media/img/misc/stoplight/green_light_ee.png); }
div.stoplight_set p.check_mark-red { background-image: url(http://cdn.okcimg.com/media/img/icons/check_red_eee.png); }
div.stoplight_set p.check_mark-yellow { background-image: url(http://cdn.okcimg.com/media/img/icons/check_yellow_eee.png); }
div.stoplight_set p.check_mark-green { background-image: url(http://cdn.okcimg.com/media/img/icons/check_green_eee.png); }


/* Miscellaneous -------------------------------------------------------------- */

div.uncontacted_notice { background: transparent url(http://cdn.okcimg.com/media/img/icons/mail_icon_16_8.png) 0px 4px no-repeat; }
div.ad_wrapper,
div.guest_promo { margin-top: 56px; }
a.user_image {
	float: left;
	margin-right: 15px;
	width: 82px;
	height: 82px;
	overflow: visible;
	position: relative;
}
a.usr_image:hover { text-decoration: none; }
span.online-now-notice {
	display: block;
	text-align: center;
	height: 20px;
	width: 82px;
	line-height: 20px;
	background: #2963a4;
	color: #fff;
	font-size: 8px;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 8;
}
div.teaser_footer {
	color: #666;
	clear: both;
	margin: 20px;
}
div.teaser_footer h2 {
	margin-bottom: 5px;
	font-size: 16px;
	color: #f83562;
}

/* Logged out widening ----------------------------------------------------- */

body.logged_out div.contact_notices {
	width: 738px;
}
body.logged_out div.match_row {
	width: 753px;
}
body.logged_out div#match_results {
	width: 756px;
}
body.logged_out div.essay {
	width: 595px;
}


/* Landing match ----------------------------------------------------------- */

form#matchform div.landing h3.title { float: none; }
form#matchform div.landing h3#title_1 {
	width: 390px;
	background: transparent url(http://cdn.okcimg.com/media/img/backgrounds/match-landing-title-1.png) 0 0 no-repeat;
}
form#matchform div.landing h3#title_2 {
	margin-bottom: 5px;
	width: 390px;
	background: transparent url(http://cdn.okcimg.com/media/img/backgrounds/match-landing-title-2.png) 0 0 no-repeat;
}
form#matchform div.landing p.intro_text {
	color: #555;
	font-size: 12px;
}
form#matchform div.landing {
	width: 609px;
	padding: 30px 20px 20px 120px;
	background: #fff url(http://cdn.okcimg.com/media/img/backgrounds/match-fish-bg.png) 0 40px no-repeat !important;
	border: 2px solid #ddd;
	margin-bottom: 0px;
	margin-top: 12px;
}
form#matchform div.landing p.footnote {
	margin: 10px 25px 0 0;
	text-align: right;
	font-size: 10px;
	color: #999;
}
form#matchform div.landing div.form_contents {
	background: transparent !important;
	width: 609px;
	padding: 0;
	margin: 0;
}
form#matchform div.landing ul#location_interface_drop input.location_input { width: 170px; }
form#matchform div.landing ul#location_interface_drop p#city-input { width:185px; }
form#matchform div.landing ul#location_interface_drop p#city-input select {	width: 209px; }
form#matchform div.landing p#lquery-notice { padding: 0 10px 5px 3px; }

/* Guest Header ------------------------------------------------------------ */
form#matchform.guest { padding-top: 0px; }
form#matchform #guest_header {
	padding: 0px;
	width: 753px;
}
body#p_match #main_content h1 {
	position: static;
	float: none;
	margin: 0px;
	padding: 40px 0 0 26px;
	font-size: 22px;
	font-weight: normal;
	line-height: 24px;
	letter-spacing: -1px;
	text-transform: none;
	color: #f83265;
	background: none;
	text-shadow: 0px 1px 0px #fff;
}
form#matchform #guest_header p {
	display: block;
	color: #777;
	font-size: 11px;
	line-height: 17px;
	margin: 0px 250px 10px 14px;
}
form#matchform #guest_header strong {
	font-size: 13px;
	display: block;
	color: #3b9e08;
	margin: 10px 0px 2px 0px;
}
form#matchform p#createyouraccount {
	width: 295px;
	position: absolute;
	top: 27px;
	right: 25px;
}


p.email_alert {
	font-size: 11px;
	text-align: center;
	float: left;
	clear: both;
	width: 540px;
	margin-bottom: 0px;
	padding-bottom: 20px;
}
p.email_alert a,
p.email_alert span { padding: 5px 10px; }
p.email_alert a {
	padding-left: 25px;
	background: transparent url(http://cdn.okcimg.com/media/img/icons/mail_icon_16_8.png) left 4px no-repeat;
}
p.email_alert span {
	display: none;
	color: #666;
}
p.email_alert.thanks_alert a,
p.email_alert.confirm_alert a {	display: none; }
p.email_alert.confirm_alert span.confirm_alert { display: inline; }
p.email_alert.thanks_alert span.thanks_alert { display: inline; }
p.email_alert select { margin-left: 10px;font-size: 11px; }

body#p_match div.matchError {
	margin: 10px;
	padding: 5px;
	text-align: center;
	background: #333;
	color: #fff;
}

/* Match map landing ------------------------------------------------------- */

div.from_match_map {
	clear: both;
	margin: 15px;
	padding: 20px 20px 25px;
	background: #fff url(http://cdn.okcimg.com/media/img/backgrounds/blue_swoosh2.png) right 80px no-repeat;
	border: 2px solid #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div.from_match_map div.inner {
	padding: 0px 150px 0px 10px;
}
div.from_match_map h2,
div.from_match_map h3 {
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	color: #7cb559;
}
div.from_match_map h3 {
	font-size: 15px;
}
div.from_match_map p.welcome {
	margin: 0 0 15px;
}
div.from_match_map p {
	font-size: 11px;
	color: #555;
}
div.from_match_map p.btn {
	float: left;
	margin: 0 3px 0 0;
	width: 180px;
}


/* Ad designs */
div#match_results div.backupplan .percentages .ad,
div#match_results div.backupplan .match_row_screenname a,
div#match_results div.backupplan .match_row_screenname a:link,
div#match_results div.backupplan .match_row_screenname a:visited {
	color: #cfa02d;
}
div#match_results div.backupplan h4.match_row_screenname {
	line-height: 28px;
}
div#match_results div.backupplan .match_row_screenname a {
	font-size: 28px;
}
div#match_results div.backupplan .user_info {
	padding-left: 0;
}
div#match_results div.backupplan .essay,
div#match_results div.backupplan .user_info {
	margin-left: 140px;
	width: 270px;
}
* html div#match_results div.backupplan .user_info {
	margin-left: 70px;
}
div#match_results div.backupplan .activity {
	margin-left: 0;
}
div#match_results div.backupplan .activity span {
	font-weight: bold;
	color: #cfa02d;
}
div#match_results div.backupplan div.contact_notices div.stoplight_set p {
	padding-left: 0;
}
div#match_results div.backupplan div.contact_notices div.stoplight_set img {
	padding:0px 2px 0 0;
	position:relative;
	top:1px
}
div#match_results div.bp_female div.wrap {
	background: #fff url(http://cdn.okcimg.com/media/img/ads/backupplan/stan2.jpg) left bottom no-repeat;
}
div#match_results div.bp_male div.wrap {
	background: #fff url(http://cdn.okcimg.com/media/img/ads/backupplan/zoe.jpg) left bottom no-repeat;
}