html,body {margin: 0;padding: 0;height: 100%;}
h1,h2,h3,h4,h5,h6,pre,code {font-size: 1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dd {margin: 0;padding: 0;}
ul,ol {list-style: none;}
label {cursor: pointer;cursor: hand;}
fieldset {border: solid 0 transparent;}
input,select,textarea {font-size: 100%;}
img {border: none;}
.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
body{ font-family: Tahoma, sans-serif; font-size: 11px; line-height: 14px; color: #808080; background: #FFFFFF; }
#va{ width: 100%; height: 100%; border-collapse: collapse;}
#va td{ padding: 0; font-size: 11px; }
#cont{ text-align: left; margin: 56px auto; width: 826px; background: #FFFFFF url(../images/bg-cont.gif) 0 0; position: relative; }
#header{ background: #FFFFFF url(../images/bg-header.jpg) no-repeat 0 0; height: 56px; }
#header img{ position: relative; top: 17px; left: 20px; }
#nav, #main{ margin: 0 11px 0 6px; }
#nav{ background: #FCC873; height: 35px; }
#nav ul{ float: left; position: relative; top: 13px; left: 22px; }
html>body #nav ul{ width: 241px; }
#nav li{ float: left; display: inline; margin-right: 15px; }
#nav li a{ display: block; overflow: hidden; padding-top: 10px; height: 0 !important; height /**/: 10px; background-position: 0 0; }
#nav-1 a{ background-image: url(../images/nav-1.gif); width: 53px; }
#nav-2 a{ background-image: url(../images/nav-2.gif); width: 90px; }
#nav-3 a{ background-image: url(../images/nav-3.gif); width: 53px; }
#main{ padding: 15px 15px 5px 15px; }
#nav form{ float: right; padding-right: 14px; color: #35619C; }
html>body #nav form{ width: 495px; }
#nav form a{ color: #35619C; }
#nav form input{ background: #FFF; font-size: 11px; width: 100px; border: 1px solid #F7941C; height: 15px !important; height /**/: 19px; line-height: 15px !important; line-height /**/: 15px; padding: 1px; float: left; display: inline; margin-right: 6px; float: left; position: relative; margin-top: 9px; }
#nav form .btn{ margin-top: 1px !important; width: auto !important; height: auto !important; border: none !important; background: transparent !important; }
#nav form .chk{ width: auto !important; height: auto !important; border: none !important; background: transparent !important; }
html>body #nav form .chk{ background: #FFF !important; }
#nav form p{ margin-top: 9px; float: left; }
/*#footer{ background: #FFF url(../images/bg-footer.jpg) no-repeat 0 0; }*/
#wb{ background: #FFF url(../images/bg-footer.jpg) no-repeat 0 0; }
#wbi{ background: #FFF url(../images/bg-footer-ind.jpg) no-repeat 0 0; }
#footer p{ padding: 20px 20px 0 0; text-align: right; }
#footer a, #footer{ color: #376DB8; text-decoration: none; }
*{margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,pre,code,input,select,textarea{font-size: 100%;}
ul,ol{list-style: none;}
* html .fmembers .fmembers-bg, * html .fmembers dd, * html .fsearch-bg, * html .fsearch .btn{behavior: url("./_server/design/iepngfix.htc");}
.fmembers{font: 9px/13px Tahoma, tahoma, sans-serif; color: #FFF; z-index: 5; position: absolute;}
.fmembers .fmembers-bg{background: url(../images/fmembers-bg.png); width: 297px; height: 185px; position: absolute; top: 0; left: 0;}
.fmembers ul.people{top: 23px; left: 10px; position: absolute; z-index: 6; width: 297px;}
.fmembers ul.people li{float: left; display: block;}
.fmembers dl{overflow: hidden; width: 64px; height: 72px; margin: 0 1px 4px 0 !important; margin /**/: 0 5px 4px 0;}
html>body .fmembers dl{margin: 0 5px 4px 0 !important;}
.fmembers dt img{border: 1px solid #FFF0A5; display: block; width: 63px; height: 70px;}
.fmembers dd{background: url(../images/inf-bg.png); height: 13px; padding: 0 2px; overflow: hidden; margin: -14px 1px 0;}
html>body .fmembers dd{position: relative;}
.fsearch{position: absolute; z-index: 6; font-family: Tahoma, tahoma, sans-serif;}
.fsearch-bg{position: absolute; top: 0; left: 0; width: 300px; height: 75px; background: url(../images/search-bg.png);}
.fsearch form{position: absolute; top: 23px; left: 10px; width: 300px; font-weight: bold; color: #700000; font-size: 11px; line-height: 15px;}
.fsearch .btn{position: absolute; top: 0px; right: 27px; width: 61px; height: 37px; background: url(../images/btn-go2.png); border: none; cursor: pointer; cursor: hand;}
*
* Primary Color
*/
.pri_little_bold {font-size: 8pt; font-family: tahoma; color: #CA0000; font-weight: bold;}
.pri_little_bold:hover {font-size: 8pt; font-family: tahoma; color: #B40101; font-weight: bold;}
/* class of small link text used mostly in right-hand navigation (e.g., edit, delete, etc.), and some informational sub-links (e.g., what's this?, more info, etc.) */
.pri_little {font-size: 8pt; font-family: tahoma; color: #CA0000; font-weight: normal;}
.pri_little:hover {font-size: 8pt; font-family: tahoma; color: #B40101; font-weight: normal;}
/* class for two links on full profile page -- "add to favorites" and "see more photos" */
.pri_tiny {font-size: 7.5pt; font-family: tahoma; color: #CA0000; font-weight: normal;}
.pri_tiny:hover {font-size: 7.5pt; font-family: tahoma; color: #B40101; font-weight: normal;}
/* general link class -- most links that are "normal" (i.e., not navigation or otherwise specific) will be this class; please note: this class is also used in some places that are NOT links -- just text */
.pri_text_bold {font-size: 9pt; font-family: tahoma; color: #CA0000; font-weight: bold; text-transform: none;}
.pri_text_bold:hover {font-size: 9pt; font-family: tahoma; color: #B40101; font-weight: bold;}
/* primarily used for member's name on full profile page and on member's home under my profile */
.pri_big {font-size: 12pt; font-family: tahoma; color: #CA0000; font-weight: bold;}
/* used for headings on full profile page (about member_name, essay title, about member_name's partner, etc.) and as member's name link text (link to full profile) in search results */
.pri_med_bold {font-size: 11pt; font-family: tahoma; color: #CA0000; font-weight: bold;}
.pri_med_bold:hover {font-size: 11pt; font-family: tahoma; color: #B40101; font-weight: bold;}
/*
* Secondary Color
*/
/* only used for links in messages inbox -- for messages that are checked */
.sec_little_bold {font-size: 8pt; font-family: tahoma; color: #4C6E89; font-weight: bold;}
.sec_little_bold:hover {font-size: 8pt; font-family: tahoma; color: #31516A; font-weight: bold;}
/* primarily used for "support" and "logout" links at top of every page (next to "welcome membername"); also, on messages inbox page, used for links in right-hand navigation under "message folders" */
.sec_little {font-size: 8pt; font-family: tahoma; color: #4C6E89; font-weight: normal;}
.sec_little:hover {font-size: 8pt; font-family: tahoma; color: #31516A; font-weight: normal;}
/* a heading class -- used for "Required Criteria" in Advanced Search and for "Dating Advice", "Entertainment", and "Weekly Poll" under "This Week in Date Info" on Members Home */
.sec_big {font-size: 12pt; font-family: tahoma; color: #758FA6; font-weight: bold;}
/* one of the largest heading classes -- used on Registration Step 3 ("People with headings get noticed!") and Profile-specific upgrade page ("Could MemberName be the one?") */
.sec_huge {font-size: 13.5pt; font-family: tahoma; color: #758FA6; font-weight: bold;}
/* on Advanced Search page, sub-headings and input definitions (Age Range, Height Range, Member Status, etc.) NOTE: Not a link on Advanced Search */
/* on Members Home page, control links under My Profile (e.g., Add/Edit Photos, Hide Profile, etc.) */
.sec_text {font-size: 9pt; font-family: tahoma; color: #2B5475;}
.sec_text_bold {font-size: 9pt; font-family: tahoma; color: #CA0000; font-weight: bold;}
.sec_text_bold:hover {font-size: 9pt; font-family: tahoma; color: #204360; font-weight: bold;}
/* a medium sized heading, used throughout the site */
.sec_med_bold {font-size: 11pt; font-family: tahoma; color: #758FA6; font-weight: bold;}
/* Used on the ContactUs page as a secondary header. E.g. "Send Photos to:" and "Send check or money orders to:" */
.sec_med_bold_2 {font-size: 11pt; font-family: tahoma; color: #2B5475; font-weight: bold;}
/*
* Tertiary Color
*/
.ter_big {font-size: 12pt; font-family: tahoma; color: #8F0100; font-weight: bold;}
.ter_huge {font-size: 13.5pt; font-family: tahoma; color: #8F0100; font-weight: bold;}
.ter_med_bold {font-size: 11pt; font-family: tahoma; color: #8F0100; font-weight: bold;}
.ter_text_bold {font-size: 9pt; font-family: tahoma; color: #8F0100; font-weight: bold;}
.ter_tiny_2 {font-size: 8pt; font-family: tahoma; color: #2F4174; font-weight: normal; text-decoration: none; }
.ter_tiny {font-size: 7.5pt; font-family: tahoma; color: #2F4174; font-weight: normal; text-decoration: none; }
a.ter_tiny {font-size: 7.5pt; font-family: tahoma; color: #2F4174; font-weight: normal; text-decoration: underline; }
a.ter_tiny:hover {text-decoration: none;}
a.ter_tiny_udrline {font-size: 7pt; font-family: tahoma; color: #47677f; font-weight: normal; text-decoration: underline; }
/*
* Error Color
*/
.err_text_bold {font-size: 9pt; font-family: tahoma; color: #CA0000; font-weight: bold;}
.err_med {font-size: 10pt; font-family: tahoma; color: #AC0000; }
/*
* Misc Fonts
*/
/* E.g. "You've already taken the first steps ... Redeem your OnlineDatingKit" */
.misc_med {font-size: 10pt; font-family: tahoma; color: #000000;}
.misc_huge {font-size: 13pt; font-family: tahoma; color: black;}
/* E.g. "If you're serious about finding the one... redem free trial offer..*/
.misc_text {font-size: 9pt; font-family: tahoma; color: #666666;}
/* Used when your CC transaction fails on the page where you enter your CC information */
.misc_text_2 {font-size: 9pt; font-family: tahoma; color: #494A4A;}
.misc_text_2 a {text-decoration: none; color: #3C496E;}
/* Used at the top of the page indicating which steps he/she has completed when a user is first joining. (Found on ShowJoinPage2, ShowJoinPage3, ShowJoinPage4) */
.regtop {font-size: 8pt; font-family: tahoma; color: #FFFFFF; font-weight: normal;}
.highlight {font-size: 10pt; font-family: tahoma; color: #000000; font-weight: bold; Text-Decoration: none; }
.misc_tiny_2 {font-size: 8pt;}
/* Used for sidebar content */
.side_content_bold {font-size: 8pt; font-family: tahoma; font-weight: bold; color: #545454; }
/*******************************************
* BACKGROUNDS
*******************************************/
/* creates a background for areas where there are lists and a distinction is necessary between lines -- used in message inbox and on upgrade pages where there are pay scales */
.list_new {background-color: #E4E1DA; border-bottom: solid 1px #FFFFFF; height: 23px; font-size: 8pt; font-family: tahoma; color: #787676; font-weight: normal;}
.list_new a {background-color: #E4E1DA; height: 23px; font-size: 8pt; font-family: tahoma; color: #CA0000; font-weight: bold;}
.list_new a:hover {font-size: 8pt; font-family: tahoma; color: #B40101; font-weight: bold; text-decoration: underline;}
/* creates a background for areas where there are lists and a distinction is necessary between lines -- used in message inbox */
.list_select {background-color: #DAE0E1; border-bottom: solid 1px #FFFFFF; height: 23px; font-size: 8pt; font-family: tahoma; color: #787676; font-weight: normal;}
.list_select a {background-color: #DAE0E1; height: 23px; font-size: 8pt; font-family: tahoma; color: #4C6E89; font-weight: bold;}
.list_select a:hover {font-size: 8pt; font-family: tahoma; color: #31516A; font-weight: bold; text-decoration: underline;}
/* creates a background for areas where there are lists and a distinction is necessary between lines -- used in advanced search, message inbox, who's online list, and on upgrade pages where there are pay scales */
.list_view1 {background-color: #F8F8F7; border-bottom: solid 1px #FFFFFF; height: 23px; font-size: 8pt; font-family: tahoma; color: #787676; font-weight: normal;}
.list_view1 a {background-color: #F8F8F7; height: 23px; font-size: 8pt; font-family: tahoma; color: #CA0000; font-weight: bold;}
.list_view1 a {font-size: 8pt; font-family: tahoma; color: #B40101; font-weight: bold; text-decoration: underline;}
/* creates a background for areas where there are lists and a distinction is necessary between lines -- used in advanced search, message inbox, who's online list, and on upgrade pages where there are pay scales */
.list_view2 {background-color: #EFEFEE; border-bottom: solid 1px #FFFFFF; height: 23px; font-size: 8pt; font-family: tahoma; color: #787676; font-weight: normal;}
.list_view2 a {background-color: #EFEFEE; height: 23px; font-size: 8pt; font-family: tahoma; color: #CA0000; font-weight: bold;}
.list_view2 a:hover {font-size: 8pt; font-family: tahoma; color: #B40101; font-weight: bold; text-decoration: underline;}
/* creates a background for areas where there are lists and a distinction is necessary between lines -- used in advanced search and on upgrade pages where there are pay scales -- alternates between lighter and darger colours*/
.list_view1_alt {background-color: #F6F7F9; border-bottom: solid 1px #FFFFFF; font-family: tahoma; font-size: 9pt; color: #787676;}
.list_view2_alt {background-color: #EEF2F5; border-bottom: solid 1px #FFFFFF; font-family: tahoma; font-size: 9pt; color: #787676;}
/*******************************************
* BUTTONS
*******************************************/
.button_border_2 {border: solid 1px #8F0100;}
.button_border_1 {border: solid 1px #8F0100;}
.button_text {font-size: 7pt; font-family: tahoma; color: #FFFFFF; font-weight: bold; text-decoration: none; text-transform: uppercase;}
.button_2 {border: solid 1px #FFFFFF; background-color: #8F0100; padding: 2px; color: #ffffff; font-family: tahoma; font-size: 7.5pt; font-weight: bold;}
.button_1 {border: solid 1px #FFFFFF; background-color: #8F0100; padding: 2px; color: #ffffff; font-family: tahoma; font-size: 7.5pt; font-weight: bold;}
.list_button {font-size: 7pt; font-family: tahoma; color: #2B5475; font-weight: bold; text-decoration: none; text-transform: uppercase; background-color: #FA5E49; border: solid 1px #E79697; border-right: solid 2px #E79697; border-bottom: solid 2px #BCBCBD; border-top: solid 1px #EA2E1E;}
.list_button_dark {background-color: #E9B893;}
.list_button_darker {background-color: #E9B893;}
.list_botton_light {background-color: #E9B893;}
.list_button_text {font-size: 7pt; font-family: tahoma; color: #FFFFFF; font-weight: bold; text-decoration: none; text-transform: uppercase;}
.list_button_text_inactive {font-size: 7pt; font-family: tahoma; color: #EEEEEE; font-weight: bold; text-decoration: none; text-transform: uppercase;}
.im_nav {font-size: 7.5pt; font-family: tahoma; color: #ffffff; font-weight: normal; background-color: #9DABB8;}
a.im_nav {font-size: 7.5pt; font-family: tahoma; color: #ffffff; font-weight: normal; background-color: #9DABB8; text-decoration: none;}
a.im_nav:hover {font-size: 7.5pt; font-family: tahoma; color: #ffffff; font-weight: normal; background-color: #9DABB8; text-decoration: underline;}
/*******************************************
* TITLES
*******************************************/
.title_line {background-color: #EE8717;}
.title_link {font-size: 7pt; font-family: tahoma; color: #FFFFFF; font-weight: bold; text-transform: uppercase; text-decoration: none;}
.title_link_on {font-size: 7pt; font-family: tahoma; color: #FFFFFF; font-weight: bold; text-transform: uppercase; text-decoration: none;}
.title_off {font-size: 7pt; font-family: tahoma; color: #FFFFFF; font-weight: bold; text-decoration: none; text-transform: uppercase;}
.title_on {font-size: 7pt; font-family: tahoma; text-transform: uppercase; color: #FFFFFF; font-weight: bold; background-color: #CF1D01; height: 23px; border: solid 1px #F02D16;}
.title_text {font-size: 7pt; font-family: tahoma; color: #447FEE; font-weight: bold; text-transform: uppercase;}
.title_bgrnd {border: solid 1px #EDCFE9; border-right: solid 2px #A0BCFF; border-bottom: none; background-color: #D7E8FF; padding: 4px; padding-left: 8px;}
.title_text_reg {font-size: 8pt; font-family: tahoma; color: #FFFFFF; font-weight: normal;}
/*******************************************
* NAVIGATIONS
*******************************************/
.nav {font-size: 7pt; font-family: tahoma; text-transform: uppercase; color: #FFFFFF; font-weight: bold; background-color: #FF5F43; height: 23px; border: solid 1px #EE8717; border-right: solid 1px #F02D16;}
.nav_title {font-size: 7pt; font-family: tahoma; color: #FFFFFF; font-weight: bold; text-decoration: none; text-transform: uppercase; background-color: #FF5F43;}
.nav_button {font-size: 7pt; font-family: tahoma; color: #FFFFFF; font-weight: bold; text-decoration: none; text-transform: uppercase;}
.nav_selected {font-size: 7pt; font-family: tahoma; text-transform: uppercase; color: #FFFFFF; font-weight: bold; background-color: #CF1D01; height: 23px; border: solid 1px #F02D16;}
.nav_upgrade {font-size: 7pt; font-family: tahoma; text-transform: uppercase; color: #FFFFFF; font-weight: bold; background-color: #D30057; height: 23px; border: solid 1px #D10000;}
/*******************************************
* BACKGROUNDS AND BORDERS
*******************************************/
.banner_bgrnd {background-color: #F4F6F9; border: solid 1px #D8BFBC; padding-top: 7px; padding-bottom: 7px; width: 757px; }
.body_logout {background-color: #F4F6F9; border: solid 1px #D8BFBC; border-top: solid 1px #F4F6F9; width: 625px; padding-top: 8px; position: relative; }
.completion_bar {background-color: #FFFFFF; border: solid 1px #7F7F7F; padding: 1px; width: 130px; }
.content_bgrnd {background-color: #FFFFFF; border: solid 1px #F1F5FF; border-right: solid 2px #B7B7B7; border-bottom: solid 2px #B7B7B7; }
.content_bgrnd_2 {background-color: #F1F5FF; border: solid 1px #F1F5FF; }
.content_bgrnd_3 {background-color: #FFFFFF; border: solid 1px #F1F5FF; padding: 7px; text-align: left; color: #2B5475;}
.content_bgrnd_3_off {background-color: #F6F7F9; border: none; padding: 7px; text-align: left;}
.credit_bgrnd {background-color: #F5F7F9; border: solid 1px #E3E5E6; }
.img_lrg_border {border: solid 1px #4B6E8A;}
.img_med_border {background-color: #D0DAE3; border: solid 1px #4B6E8A; width: 126px; height: 140px; text-align: center;}
.img_sml_border {background-color: #D0DAE3; border: solid 1px #4B6E8A; width: 90px; height: 100px; text-align: center;}
.keyline {background-color: #E5E5E5;}
.main_bgrnd_padding {background-color: #ECF6FF; border: solid 1px #D8BFBC; border-top: none; padding: 8px; position: relative; width: auto; }
.searchprof_bgrnd {background-color: #F6F7F9; border: solid 1px #CCCCCC; border-bottom: none; padding-top: 8px; padding-bottom: 8px; width: 527px; }
.sec_bgrnd {background-color: #86A2B8;}
.ter_bgrnd {background-color: #8f0100;}
.main_bgrnd {background-color: #F4F6F9; border: solid 1px #C4C9D3; }
.flat_border {border: solid 1px #7D97B0; margin-left: 4px; padding-left: 4px; }
.folderbullet {background-image: url(/images/bullet_body.gif);}
.fullprof_bot_border {border-left: solid 1px #D9D9D9; border-right: solid 1px #D9D9D9; width: 536px; padding-top: 22px; padding-bottom: 12px; }
.fullprof_top_border {border-top: solid 1px #D9D9D9; border-right: solid 1px #D9D9D9; width: 408px; padding-left: 16px; }
/*******************************************
* REPORTING STYLES
*******************************************/
.reportHeader2 {background-color: #FFFFFF; font-family: tahoma; font-size: 9pt; color: #787676; font-weight: bold;}
.reportSummaryRow {background-color: #CECECE; font-family: tahoma; font-size: 9pt; color: #787676; font-weight: bold;}
/*******************************************
* LAYOUT TAGS
*******************************************/
.content {padding-bottom: 8px;}
.contentpad {padding: 8px;}
.absolute {position: absolute;}
.titleid {position: relative; left: 21px;}
.fullprof {width: 536px;}
.profcontent {padding-left: 26px; padding-right: 26px; text-align: left; padding-bottom: 8px;}
.advsearch {width: 660px; text-align: left;}
.searchbut {width: 527px; text-align: left;}
.view_link {font-size: 8pt; font-family: tahoma; color: #666666; font-weight: normal; text-decoration: underline;}
.view_link:hover {font-size: 8pt; font-family: tahoma; color: #666666; font-weight: normal; text-decoration: none;}
.photo_content {border: solid 1px #E4E5E7; border-top: none; background-color: #F6F7F9; padding-top: 15px; padding-bottom: 15px;}
.narrow_search {border: solid 1px #E4E5E7; background-color: #F6F7F9; padding: 15px;}
/* SITE TOUR */
.sitetourlogo {background-color: #86A2B8}
.sitetourhead{font-family: tahoma, sans-serif; font-size: 14px; color: #ffffff;}
.sitetourmain{border: solid 1px #E3E2DE; width: 770px;}
td.sitetournav{border-right: solid 1px #e3e2de;}
.sitetournav div a{font-family: tahoma, sans-serif; color: #B3B3B3; font-size: 12px; line-height: 2; padding-left: 7px; text-decoration: none;}
.sitetournav div a.selectedST{font-family: tahoma, sans-serif; color: #990000; font-size: 12px; line-height: 2; text-decoration: none;}
.sitetournav div a:hover{font-family: tahoma, sans-serif; color: #B3B3B3; font-size: 12px; line-height: 2; padding-left: 7px; text-decoration: underline;}
.sitetournav div a.selectedST:hover{font-family: tahoma, sans-serif; color: #990000; font-size: 12px; line-height: 2; text-decoration: underline;}
.sitetourcontent{font-weight: normal; padding-left: 30px;}
.sitetourcontent ul{padding: 0px; padding-left: 18px; padding-bottom: 10px; margin: 0px;}
.sitetourcontent li{padding: 0px; margin: 0px;}
div#messagecenter {padding-top: 5px; padding-bottom: 5px; text-align: left !important; }
div#gutter {/*position: absolute;*/ width: 8px; top: 0px; left: 573px;}
div#sidebar {/*position: absolute;*/ width: 159px; top: 0; left: 581px;}
a {color: #494a4a; text-decoration: underline;}
a:hover {text-decoration: none;}