/* flat_pages.css ------------------------------------------------------------- */

/* heading */
h1#heading_layer {
	background: #ececec;
	border-bottom: 1px solid #fff;
	position: static;
	float: none;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
	letter-spacing: -1px;
	text-transform: none;
	color: #f83265;
	margin: 0px 0px 30px 0px;
	padding: 40px 0px 15px 25px;
	text-shadow: 0px 1px 0px #fff;
}
h1#heading_layer span {
	color: #888;
	display: block;
	font-size: 11px;
	line-height: 20px;
	position: static;
	background: none;
	float: none;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0px;
}


p.error,
p.success {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #e8f2e0;
	border: 1px solid #e8f2e0;
	border-top: 1px solid #cbe0bb;
	border-bottom: 1px solid #fff;
	color: #539722;
	margin: 0px 15px 30px 15px;
	padding: 13px 17px;
	width: auto;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
}
p.error {
	background: #feeaef;
	border: 1px solid #feeaef;
	border-top: 1px solid #fdd5df;
	border-bottom: 1px solid #fff;
	color: #f83265;
}


body#p_features div#main_column p a.more {
	display: block;
	font-size: 11px;
}


div.tab_content_nav {
	margin-left: 30px;
	margin-top: 10px;
}

body#p_contactus div#main_column p.btn {
	width: 200px;
}

body#p_feedback_success div.sr_message {
	margin: 0px 150px;
}

div#main_content div#main_column {
	color: #555;
	font-size: 12px;
	margin: 0px 25px 50px;
}
div#main_content div#main_column h2 {
	color: #555;
	font-size: 20px;
	font-weight: normal;
	font-family: Verdana, sans-serif;
	letter-spacing: -1px;
	line-height: 22px;
	margin: 40px 200px 0px 0px;
	padding: 0px;
	clear: left;
}
div#main_content div#main_column h3 {
	color: #2963a4;
	font-size: 13px;
	line-height: 17px;
	margin: 20px 200px 0px 0px;
	padding: 0px;
}
div#main_content div#main_column p,
div#main_content div#main_column ol {
	margin-right: 200px;
	line-height: 19px;
}
div#main_content div#main_column p.intro {
	color: #999;
	font-size: 14px;
	line-height: 19px;
	margin-right: 200px;
	padding-top: 0px;
}
body#p_presspage div#main_content div#main_column p.intro {
	margin: 5px 200px 15px 0px;
}
div#main_content div#main_column img.about {
	float: left;
	margin-right: 15px;
}



/* Elements ------------------------------------------------------------------- */
h4 { margin-bottom: 5px; }
p { margin-bottom: 10px; }
ol {
	margin-bottom: 0px;
	padding-left: 23px;
	clear: left;
}
ol ol { list-style: lower-alpha; }
#p_privacy ol,
#p_faaaq ol { padding-left: 0px; }
#usBioWrap img {
	float: left;
	padding: 6px 10px 0px 0px;
}

/* Classes -------------------------------------------------------------------- */

.toTop,
.faqReturn {
	border-top: 1px solid #ddd;
	display: block;
	margin-top: 6px;
	margin-bottom: 30px;
}
.note {
	font-size: 11px;
	line-height: 14px;
	margin-top: 16px;
}
div.content { clear:left; }
.faq {
	margin-bottom: -10px;
	margin-top: 40px;
}


/* Section heading ------------------------------------------------------------ */

div.section_banner {
	clear: both;
	margin-top: 30px;
}
div.section_banner h3 {
	border-bottom: 1px solid #ddd;
	color: #F83265;
	font-weight: normal;
	font-size: 18px;
	letter-spacing: -1px;
	line-height: 1.2;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
}
div.section_banner + p { padding-top: 10px; }
#p_privacy div.section_banner { margin-bottom: 10px; }


/* Press Pages ---------------------------------------------------------------- */

.press_box {
	background: #eee;
	padding: 10px;
	color: #555;
}
.press_box.note { margin: 0px; }

ul.press_list { margin-top: 20px; }
ul.press_list li {
	color: #555;
	font-size: 12px;
	margin: 0px;
	padding: 10px 0px;
	border-bottom: 1px solid #ddd;
}
ul.press_list li h3 {
	font-size: 18px;
	line-height: 1.1em;
	margin: 0px 0px 10px 0px;
}
ul.press_list li a {
	display: block;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
}
ul.press_list li p a {
	display: inline;
}
ul.press_list li span {
	color: #999;
	font-size: 11px;
	margin-left: 10px;
}


.press_print_article {
	background: #eee;
	margin: 10px 0px 0px 0px;
	padding: 10px 10px 30px 15px;
}
.press_print_article a {
	font-weight: normal !important;
}

.caps {
	text-transform: uppercase;
	font-size: 11px !important;
	line-height: 19px !important;
}
.red { color: #f83265 !important; }


/* Glossary page -------------------------------------------------------------- */

body#p_glossary_terms div#main_content dl {
	clear: both;
	border-top: 1px solid #ddd;
	margin: 0px;
	overflow: auto;
	padding: 10px 0px;
}
body#p_glossary_terms div#main_content dl.first { border: 0px; }
body#p_glossary_terms div#main_content dl dt {
	clear: left;
	color: #F83265;
	float: left;
	font-weight: bold;
	width: 125px;
}
body#p_glossary_terms div#main_content dl dd { margin-left: 135px; }


/* Staff Tests Entrance Page -------------------------------------------------- */

body#p_staff_tests #dating_test {
	overflow: auto;
	border-top: none;
	height: 160px;
}
body#p_staff_tests ul.test_col {
	margin: 0px;
}
body#p_staff_tests ul.first { clear: both; }
body#p_staff_tests ul.test_col li {
	border-top: 1px solid #ddd;
	padding: 14px 0px;
	overflow: auto;
	color: #555;
}
body#p_staff_tests div#dating_test a,
body#p_staff_tests ul.test_col li a {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	display: block;
}
body#p_staff_tests div#dating_test em,
body#p_staff_tests ul.test_col li em {
	display: block;
	color: #999;
	font-size: 11px;
}
body#p_staff_tests a.staff_test_img {
	clear: left;
	float: left;
	margin-right: 10px;
}
body#p_staff_tests a.staff_test_img img { border: 4px solid #ddd; }
body#p_staff_tests a.large_img img { margin: 0px; }
body#p_staff_tests a.large_img + a { margin-top: 50px; }

body#p_staff_tests p.intro,
body#p_staff_tests ul.test_col {
	margin: 0px 25px;
}
body#p_quizzy_jump div.tabbed_heading h1,
body#p_staff_tests div#main_content div.tabbed_heading h1 {
	margin: 0px 0px 15px 0px !important;
}
body#p_quizzy_jump div#main_content h2,
body#p_staff_tests div#main_content h2 {
	color: #555;
	font-size: 20px;
	font-weight: normal;
	font-family: Verdana, sans-serif;
	letter-spacing: -1px;
	line-height: 24px;
	margin: 0px 0px 0px 25px;
	padding: 0px;
}
body#p_quizzy_jump div#main_content h2 {
	margin-left: 0px;
}
body#p_quizzy_jump div#main_content p.intro,
body#p_staff_tests div#main_content p.intro {
	color: #999;
	font-size: 14px;
	line-height: 19px;
	width: 500px;
	padding-top: 3px;
	margin-bottom: 10px;
}
body#p_quizzy_jump div#main_content h3 {
	color: #2963a4;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}
body#p_quizzy_jump div#main_content ol,
body#p_quizzy_jump div#main_content p {
	color: #555;
	width: 550px;
	line-height: 1.4em;
	margin-bottom: 20px;
}
body#p_quizzy_jump div#main_content p.btn {
	position: relative;
	width: 300px !important;
	padding: 0px;
	margin: 0px;
}
body#p_quizzy_jump div#main_content p.btn a {
	height: 35px;
	line-height: 35px;
}
body#p_quizzy_jump div#main_content div.content {
	margin: 0px 0px 0px 25px;
	padding: 0px;
	clear: both;
	width: auto;
}
body#p_quizzy_jump div.tabbed_heading ul li#helloquizzy {
	display: block !important;
}




/* FAAAQ! Page ---------------------------------------------------------------- */

body#p_faaaq #graph_compare { padding-top: 20px; }
body#p_faaaq #graph_compare strong {
	display: block;
	padding-top: 16px;
}
body#p_faaaq #graph_compare_text { padding-top: 10px; }
body#p_faaaq #graph_compare_text span {
	border: 1px solid red;
	display: block;
	font-weight: bold;
}
body#p_faaaq #venn_diagram { text-align: center; }
body#p_faaaq #venn_diagram span { display: block; }
body#p_faaaq #venn_diagram img { border: 1px solid #ddd; }
/* venn diagram */
body#p_faaaq .you { color: #DD0000; }
body#p_faaaq .S { color: #DD00DD; }
body#p_faaaq .b { color: #0000DD; }
body#p_faaaq strong.head {
	display: block;
	font-size: 14px;
	padding-top: 30px;
	padding-bottom: 10px;
	line-height: 1.3em;
}
body#p_faaaq p strong { color: #666; }
body#p_faaaq .faaaq_list { margin: 0px 0px 30px 32px; }
body#p_faaaq .faaaq_list + .faaaq_answers { margin-top: -10px; }
body#p_faaaq .faaaq_answers.head {
	border: 0px;
	font-weight: bold;
}
body#p_faaaq .faaaq_answers {
	border-top: 1px solid #ddd;
	margin: 0px;
	padding: 5px;
	margin-right: 200px;
}
body#p_faaaq .faaaq_answers dt { float: left; }
body#p_faaaq .faaaq_answers dd { text-align: right; }
body#p_faaaq .pad_top { padding-top: 20px; }
body#p_faaaq #match_percent {
	margin-left: 0px;
	width: 530px;
}
body#p_faaaq #match_percent tr th {
	font-size: 11px;
	line-height: 13px;
	background: #eee;
	padding: 5px;
}
body#p_faaaq #match_percent th,
body#p_faaaq #match_percent td {
	width: 33%;
	padding: 2px 5px;
	border: 1px solid #ccc;
}


/* Celeb Sex Survey ----------------------------------------------------------- */

table#survey {
	clear: both;
	width: 600px;
	margin-left: 20px;
}
table#survey td {
	color: #666;
	padding: 5px;
	font-size: 13px;
}
table#survey td strong {
	color: #222;
	font-size: 15px;
}
table#survey td.percent {
	color: #2963A4;
	font-weight: bold;
}
table#survey tr.alt td { background: #eee; }
table#survey tr.question td span.qnum {
	margin-top: 20px;
	font-weight: bold;
	color: #F83265;
}
table#survey tr.question td {
	color: #222;
	padding-top: 30px;
}
table#survey tr.first td { padding-top: 5px; }


/* lostpassword --------------------------------------------------------------- */

#p_lostpassword img#keys {
	border: 1px solid #ddd;
	clear: left;
	float: left;
	margin: 30px 20px 90px 0px;
}
#p_lostpassword form#lostpassword {
	float: left;
	color: #555;
}
#p_lostpassword .main_content input {
	display: block;
	padding: 4px;
	width: 300px;
	font-size: 14px;
	margin: 10px 0px 30px 0px;
}
#lostpassword p.button {
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
	height:35px;
	line-height:35px;
	margin: 0px 8px 0px 0px;
	padding: 0;
	text-transform: uppercase;
	text-align: center;
}
#lostpassword p.button a {
	background-position:left bottom;
	background-repeat:no-repeat;
	display:block;
	float:left;
	font-weight:bold;
	height:35px;
	line-height:35px;
	padding:0;
	font-size: 12px;
}
#lostpassword p#submit-button { background: transparent url(http://cdn.okcimg.com/media/img/buttons/blue_update_matches_slide.png) 0 0 no-repeat; }
#lostpassword p#submit-button a {
	background: transparent url(http://cdn.okcimg.com/media/img/buttons/blue_update_matches_cap.png) left bottom no-repeat;
	width: 160px;
	color: #fff;
}


/* Setings errors ------------------------------------------------------------- */

.padtop { margin-top: 30px; }
.padtop span {
	font-size: 20px;
	display: block;
}


/* Humor ---------------------------------------------------------------------- */

body#p_humor #content {
	clear: left;
	padding: 15px 10px;
}
body#p_humor #content p.btn { 
	width: 240px;
	padding: 0;
}
body#p_humor #content h2 {
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -0.5px;
	padding: 0 10px;
}
body#p_humor #content h3 {
	border-top: 1px solid #DDD;
	font-size: 16px;
	letter-spacing: -0.5px;
	margin: 30px 0 0;
	padding: 10px;
}
body#p_humor #content h3.subtitle { margin-top: 0; }
body#p_humor #content h4 {
	font-size: 14px;
	font-weight: normal;
	margin-left: 10px;
}
body#p_humor #content p { padding: 0 10px; }
body#p_humor #content p.button {
	margin-top: 20px;
	padding: 0 5px;
	text-transform: uppercase;
	width: 200px;
}
body#p_humor #content p.button a {
	font-size: 12px;
	letter-spacing: -0.5px;
	margin-right: 0;
}
body#p_humor #content #link {
	border-top: 1px solid #DDD;
	clear: left;
	margin-top: 10px;
	padding: 10px 0 0;
}
body#p_humor #content #nav {
	border-top: 1px solid #DDD;
	list-style: none;
	margin-left: 0;
}
body#p_humor #content #nav li { margin: 10px; }
body#p_humor #content #nav li.prev,
body#p_humor #content #nav li.next { float: left; }
body#p_humor #content #nav li.analyze { clear: left; }
body#p_humor #content ol { margin-left: 40px; }
body#p_humor #content ul {
	list-style: disc inside;
	margin-left: 20px;
}



div#sr_inactive {
	margin: 0px 120px;
}




/* Feedback ------------------------------------------------------------------- */

body#p_feedback form#feedbackform ul {
	list-style: outside disc;
	padding-left: 20px;
	color: #555;
	font-size: 12px;
	line-height: 22px;
	margin-top: 10px;
}
body#p_feedback form#feedbackform ul.choices {
	list-style: none;
	padding-left: 0;
}
body#p_feedback form#feedbackform ul.choices input {
	border: 0;
	padding: 0;
	width: auto;
}
body#p_feedback form#feedbackform input {
	padding: 5px 7px;
	width: 500px;
	margin-top: 3px;
}
body#p_feedback form#feedbackform textarea {
	border: 1px solid #DDD;
	height: 100px;
	padding: 5px 7px;
	width: 500px;
	margin-top: 3px;
}
body#p_feedback_success p.thanks {
	color: #000;
	font-size: 16px;
	letter-spacing: -0.5px;
}
body#p_feedback_success p.thanks { margin: 0 20px; }
body#p_feedback form#feedbackform #photo_upload {
	background: #eee;
	padding: 5px 10px;
	margin: 20px 0px;
}
body#p_feedback form#feedbackform p.FeedbackPreemptive {
	color: #666;
	font-style: italic;
	width: 480px;
}
body#p_feedback p.success {
	margin: 0;
	width: auto;
}
body#p_feedback #captcha-img {
	display: block;
	padding: 10px 0px;
}




/* Toys ----------------------------------------------------------------------- */

body#p_toys #main_content { padding-bottom: 20px; }
body#p_toys #main_content .container {
	background: #FFF;
	border: 1px solid #DDD;
	cursor: pointer;
	float: left;
	margin: 0px 13px 15px;
	min-height: 260px;
	position: relative;
	width: 238px;
}
body#p_toys #main_content .container p {
	font-size: 12px;
	margin: 5px 15px 15px;
}
body#p_toys #main_content .container p.image {
	height: 51px;
	margin: 10px auto;
	overflow: visible;
	position: relative;
	width: 220px;
}
body#p_toys #main_content .container p.image span {
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	left: 15px;
	letter-spacing: -0.5px;
	position: absolute;
	text-transform: uppercase;
	top: 14px;
}
body#p_toys #main_content .container p.image span.center {
	display: block;
	height: 51px;
	left: 0;
	line-height: 51px;
	text-align: center;
	text-transform: none;
	top: 0;
	width: 220px;
}
body#p_toys #main_content .container h2 {
	font-size: 14px;
	letter-spacing: -0.5px;
	margin: 0 15px;
}
body#p_toys #main_content .first {
	clear: left;
	float: left;
	margin-right: 0;
}
body#p_toys #main_content .third { margin-left: 0; }
body#p_toys #main_content .container .container_top {
	background: url(http://cdn.okcimg.com/media/img/backgrounds/toys_cap_top.png) 0 0 no-repeat;
	height: 10px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 240px;
}
body#p_toys #main_content .container .container_bottom {
	background: url(http://cdn.okcimg.com/media/img/backgrounds/toys_cap_bottom.png) 0 0 no-repeat;
	bottom: -1px;
	height: 10px;
	left: -1px;
	position: absolute;
	width: 240px;
}


/* Profile Glossary ----------------------------------------------------------- */

body#p_glossary div.axis {
	background: #fcfcfc;
	border: 1px solid #eee;
	clear: left;
	position: relative;
	margin: 0px 25px 15px;
	min-height: 100px;
	overflow: auto;
}
body#p_glossary div.group {
	margin-bottom: 3px;
}
body#p_glossary div.axis div.img {
	position: absolute;
	top: 13px;
	left: 15px;
}
body#p_glossary div.axis div.img img {
	border: none;
	width: 70px;
	height: 70px;
}
body#p_glossary div.axis div.text h3 {
	color: #2963a4;
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
	padding: 0px;
	text-transform: capitalize;
	margin: 10px 0px 0px 100px;
}
body#p_glossary div.axis div.text p {
	clear: none;
	margin: 0px 0px 15px 100px;
	padding: 0px;
	line-height: 1.4em;
	width: 500px;
	color: #555;
}