/* @override 
	http://localhost/landing/landing.singlesnet.com/floating/_main_template/stylesheets/main.css
	http://localhost/landing/landing.singlesnet.com/simple_form/_main_template/stylesheets/main.css
*/

/* @group General */

* { padding: 0px; margin: 0px; }

html, body { height: 100%; }

body { background: url(images/background.gif) repeat; font: 13px Arial, sans-serif; }

a { color: #FFF; }
a:visited { color: #FFF; }
a:hover { color: #DFDFDF; }

/* @end */

/* @group Page structure */

img#header-banner { margin-bottom: -3px;  }
div#header-banner-box { height: 127px; background: #59a8c9 url(images/header_bg.gif) repeat-x; }
div#header-banner-content { height: 127px; width: 953px; margin: auto; }
div#header-left { float: left; }
div#header-right { float: right; }

div#frame { position: relative; }
div#content-frame { width: 100%; background-color: #fff; }
div#inner-frame { position: relative; width: 953px; height: 398px; margin: auto; }

/* @end */

/* @group Login */

div#login { height: 40px; line-height: 40px; font-size: 13px; text-align: right; padding-right: 40px; vertical-align: middle; }
#already-a-member { color: #8dd3fe; }

/* @end */

/* @group Page bottom */

div#banner { width: 960px; position: relative; width: 960px; height: 120px; margin: 0px auto 0px auto; border-top: 1px solid #336799; background: #FFF; }
div#scrollable-profiles { height: 120px; overflow: auto; cursor: pointer; }
div#scrollable-profiles img { clear: both; }
div#display-text { float: left; width: 50%; font-size: 10px; line-height: 14px; height: 14px; text-align: left; color: #9ccfe7; }
div#disclaimer { float: left; width: 50%; font-size: 10px; line-height: 14px; height: 14px; text-align: right; color: #9ccfe7; }
div#small-footer { width: 953px; margin: auto; margin-bottom: 30px; }
div#small-footer-wrapper { }
div#footer { clear: both; width: 980px; margin: 0px auto 30px auto; text-align: center; color: #FFF; }

/* @end */

/* @group Core form */

div#form-container { margin: 130px 0px 0px 70px;   }
div#geo-text { width: 360px; padding: 0px 0px 70px 265px; text-align: left; font-size: 28px; color: #00659b; }

div#form-header { width: 360px; height: 153px; 	margin: 20px 0px 20px 0px; text-align: center; }

div.form-question { line-height: 28px; clear: both; }
div.form-question label { color: #000; width: 130px; float: left; padding-right: 10px; }
div.form-question input { width: 210px; height: 19px; padding-left: 0.2em; border: 1px solid #4689e4; color: #153e98; }
div.form-question-metadata { margin: 0em 0px 0px 135px; font-size: 10px; line-height: 14px; margin-bottom: 3px; }

#q-sex select { width: 73px; }
#q-sex span { display: inline-block; width: 60px; text-align: center; }
#q-birthday select { width: 73px; }
#q-birthday select#q-birthday-day { width: 60px; }

div#form_submit_container { margin-top: 5px;}

div#thousands { text-align: center; }

div#logos { height: 57px; overflow: hidden; }
img#bbb-logo { float: left; margin-top: 12px; margin-left: 41px; }
img#verisign-logo { float: right; margin-right: 41px; }

img#signup_submit { cursor: pointer; }
div#signup_submit_p2 { text-align: center; }

div#right-shadow { position: absolute; left: 410px; top: 0px; width: 11px; height: 390px; }

/* @end */

/* @group Page 2 */

div#inner-frame.profile-container { position: relative; height: auto; background-image: none;}

div#profiles { margin-top: 25px; }
div.paging   { text-align: right; padding-right: 20px; }
div.paging a { color: #1a548b; }
div.paging a:visited { color: #1a548b; }
div.paging hover { color: #1a548b; }
div#found-matches { padding-left: 10px; }

input#zipcode { width: 100px; }

/* @end */



/* @group Profile form */

div#content-frame.profile-container { background-color: #fff; height: auto; background: #FFF; margin: 40px 20px; }

div#pre-form-text { margin-top: 20px; padding-left: 20px; margin-bottom: 40px; }
div#pre-form-text p { margin-bottom: 1em; }
div#pre-form-text #congrats { font-weight: bold; font-size: 1.2em; }

div.formSection { margin-top: 30px; clear: both;} 
div.formSection h2 { height: 36px; line-height: 36px; padding-left: 16px; background: url(images/questionnaire-header-background.png) repeat-x; border-top: 2px solid #336799;}

div.formQuestion { padding: 5px 200px 5px 45px; border-bottom: 1px solid #dddcdc; overflow: hidden; clear: both; }
//div.formQuestion { padding: 20px 10px 20px 10px; border-bottom: 1px solid #dddcdc; overflow: hidden; clear: both; width: 650px; margin: auto;  }
div.formQuestion h3 { font-weight: normal; font-size: 12px; height: 30px; line-height: 30px; }
div.formQuestion:nth-child(odd) { background-color: #fafafa; }
div.formQuestion label { float: left; width: 100px; height: 30px; line-height: 30px; margin: 0px 0px 5px 5px; padding-left: 10px; }

/*
div.formQuestion                { padding: 20px 275px 20px 45px; border-bottom: 1px solid #dddcdc; overflow: hidden; clear: both; }
div.formQuestion h3             { font-weight: normal; font-size: 12px; height: 30px; line-height: 30px; }
div.formQuestion:nth-child(odd) { background-color: #fafafa; }

div.formQuestion label          { float: right; width: 170px; clear: right; height: 30px; line-height: 30px; margin: 0px 0px 5px 5px; padding-left: 10px; background: url(images/question-background.png) no-repeat; }
div.formQuestion select         { float: right; width: 180px; clear: right; margin-top: -1.5em; }
*/

div.formQuestion div.formQuestion { clear: both; padding-right: 0px; }
div.formQuestion div.formQuestion h3 { margin-bottom: 1em; }
div.formQuestion div.formQuestion label { clear: none; width: 200px; height: 30px; }
div.formQuestion div.formQuestion label input { margin-right: 5px; }

div#Q_RELIGION_DATE label,
div#Q_SMOKE_DATE label,
div#Q_MARRIED label,
div#Q_CHILD_MORE label { width: 100px; }

#q-captcha { text-align: center; }
#captcha-info, #captcha-refresh-link { font-size: 10px; line-height: 10px; }


/*
div.formQuestion div.formQuestion             { clear: both; padding-right: 0px; }
div.formQuestion div.formQuestion h3          { margin-bottom: 1em; }
div.formQuestion div.formQuestion label       { clear: none; }
div.formQuestion div.formQuestion label input { margin-right: 5px; }

div#Q_RELIGION_DATE label,
div#Q_SMOKE_DATE label,
div#Q_MARRIED label,
div#Q_CHILD_MORE label { clear: right; }
*/

div.formQuestion ul { list-style-type: none; }

textarea#personal_description { width: 550px; height: 200px; }

div#acceptance { width: 80%; margin: 15px auto; font-size: 10px; }
div#core-popup a { color: #1a548b; }
div#core-popup a:visited { color: #1a548b; }
div#core-popup a:hover { color: #1a548b; }

/* @end */

/* @group Message box */

div#error_messages { position: absolute; top: 30%; width: 100%; z-index: 100; visibility: hidden; }
div#error_messages table { margin: 0px auto; width: auto; }
div#error_messages ul { list-style-type: none; }
div#error_messages ul li { padding-bottom: 2px; margin-bottom: 1em; }

div#error_messages table tr td { border-top: 1px solid #2f3ca0; border-bottom: 2px solid #2f3ca0; }
div#error_messages table tr td.left, div#error_messages table tr td.right { background-color: #FFF; }
div#error_messages table tr td.left { width: 60px; border-left: 1px solid #2f3ca0; }
div#error_messages table tr td.center { font-size: 10px; color: #173f88; background-color: #FFF; padding: 3px; width: 40em; }
div#error_messages table tr td.right { padding-top: 6px; border-right: 2px solid #2f3ca0; }
div#error_messages table tr td.right img.error_button { cursor: pointer; }
div#error_messages table tr td.center div { font-weight: bold; }

/* @end */

/* @group Popup */

div#lightbox   { z-index: 2; background: url(images/lightbox-overlay.png) repeat; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; opacity: 0.5; width: 100%; height: 100%; }
div#core-popup { z-index: 100; position: absolute; left: 20%; right: 20%; top: 60px; margin: auto; width: 360px; height: 775px; padding: 0px 10px; background: #FFF; border: 1px solid #2f3ca0; }

div#core-popup h2    { margin-top: 1em; font-size: 18px; margin-bottom: 5px; color: #99d428; }
div#core-header-text { margin-bottom: 1em; }

/* @end */