body{margin:0; font-family:Tahoma, sans-serif; font-size:11px; line-height:14px; color:#808080; background:#170f04 url(../../images/ndimg/splashback.png) repeat-x;} 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;} .clearboth{clear:both;} #cont{width:1002px; margin:0 auto; text-align:left; position:relative;} #welcome_upper_menu{width:970px; margin:35px auto 0; text-align:right;} #welcome_upper_menu .divider{margin:0 0 -2px 0;} #main{padding:0; text-align:right; background:url(../../images/ndimg/bg-main.jpg) no-repeat 0 0; height:410px; behavior:url('../../../_server/design/pngbehavior.htc');} #welcome_right{width:320px; float:right;} #welcome_right .search_title{float:left; display:block; margin:auto auto auto 10px; padding:20px 0 10px 0;} #welcome_right .s_form{margin:0 0 3px 32px; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; width:280px; float:left; display:block; text-align:left;} #welcome_right .s_form li{margin:1px auto;} #btn-join{width:305px; height:46px; margin-top:20px; border:none;} #footer{padding:10px 0 0 0; text-align:center;} #footer a, #footer{color:#900; text-decoration:none;} #va{width:100%; height:100%; border-collapse:collapse;} #va td{padding:0; font-size:11px;} #begin_your_search{position:absolute; top:23px; right:44px;} #nav{background:#030102; height:35px;} #nav ul{float:light; position:relative; top:13px; left:22px;} html>body #nav ul{width:400px;} #nav li{float:left; display:inline; margin-right:5px;} #nav li a{display:block; overflow:hidden; padding-top:15px; height:0px !important; height:15px; background-position:0 0;} #nav-1 a{background-image:url(../../images/ndimg/nav-1.png); width:75px;} #nav-2 a{background-image:url(../../images/ndimg/nav-2.png); width:105px;} #nav-3 a{background-image:url(../../images/ndimg/nav-3.png); width:67px;} #nav-4 a{background-image:url(../../images/ndimg/nav-4.png); width:64px;} #nav-1{width:67px;} #nav-2{width:110px;} #nav-3{width:72px;} #nav-4{width:71px;} .leftbutton{float:left;} .longselect select{width:180px; display:block; margin-bottom:2px;} *html .clearpng{behavior:url('../../../_server/design/pngbehavior.htc');} #nav form{float:right; padding-right:1px; color:#900;} html>body #nav form{width:495px;} #nav form a{color:#900;} #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; margin-right:6px; float:left; position:relative; margin-top:-3px;} #nav form .btn{margin-top:-4px !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:2px; float:left;} /*#footer{background:#FFF url(../images/bg-footer.jpg) no-repeat 0 0;}*/ #wb{background:#FFF url(../../images/ndimg/bg-footer.jpg) no-repeat 0 0;} *{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, Verdana, sans-serif; color:#FFF; z-index:5; position:absolute;} .fmembers .fmembers-bg{background:url(../../images/ndimg/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/ndimg/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, Verdana, sans-serif;} .fsearch-bg{position:absolute; top:0; left:0; width:300px; height:75px; background:url(../../images/ndimg/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/ndimg/btn-go2.png); border:none; cursor:pointer; cursor:hand;} /* * Primary Color */ .pri_little_bold{font-size:8pt; font-family:Arial; color:#CA0000; font-weight:bold;} .pri_little_bold:hover{font-size:8pt; font-family:Arial; 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:Arial; color:#CA0000; font-weight:normal;} .pri_little:hover{font-size:8pt; font-family:Arial; 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:Arial; color:#CA0000; font-weight:normal;} .pri_tiny:hover{font-size:7.5pt; font-family:Arial; 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:Arial; color:#CA0000; font-weight:bold; text-transform:none;} .pri_text_bold:hover{font-size:9pt; font-family:Arial; 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:Arial; 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:Arial; color:#CA0000; font-weight:bold;} .pri_med_bold:hover{font-size:11pt; font-family:Arial; 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:Arial; color:#4C6E89; font-weight:bold;} .sec_little_bold:hover{font-size:8pt; font-family:Arial; 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:Arial; color:#4C6E89; font-weight:normal;} .sec_little:hover{font-size:8pt; font-family:Arial; 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:Arial; 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:Arial; 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:Arial; color:#2B5475;} .sec_text_bold{font-size:9pt; font-family:Arial; color:#CA0000; font-weight:bold;} .sec_text_bold:hover{font-size:9pt; font-family:Arial; color:#204360; font-weight:bold;} /* a medium sized heading, used throughout the site */ .sec_med_bold{font-size:11pt; font-family:Arial; 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:Arial; color:#2B5475; font-weight:bold;} /* * Tertiary Color */ .ter_big{font-size:12pt; font-family:Arial; color:#8F0100; font-weight:bold;} .ter_huge{font-size:13.5pt; font-family:Arial; color:#8F0100; font-weight:bold;} .ter_med_bold{font-size:11pt; font-family:Arial; color:#8F0100; font-weight:bold;} .ter_text_bold{font-size:9pt; font-family:Arial; color:#8F0100; font-weight:bold;} .ter_tiny_2{font-size:8pt; font-family:Arial; color:#2F4174; font-weight:normal; text-decoration:none;} .ter_tiny{font-size:7.5pt; font-family:Arial; color:#2F4174; font-weight:normal; text-decoration:none;} a.ter_tiny{font-size:7.5pt; font-family:Arial; color:#2F4174; font-weight:normal; text-decoration:underline;} a.ter_tiny:hover{text-decoration:none;} a.ter_tiny_udrline{font-size:7pt; font-family:Arial; color:#47677f; font-weight:normal; text-decoration:underline;} /* * Error Color */ .err_text_bold{font-size:9pt; font-family:Arial; color:#CA0000; font-weight:bold;} .err_med{font-size:10pt; font-family:Arial; color:#AC0000;} /* * Misc Fonts */ /* E.g. "You've already taken the first steps ... Redeem your OnlineDatingKit" */ .misc_med{font-size:10pt; font-family:Arial; color:#000000;} .misc_huge{font-size:13pt; font-family:Arial; color:black;} /* E.g. "If you're serious about finding the one... redem free trial offer..*/ .misc_text{font-size:9pt; font-family:Arial; 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:Arial; 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:Arial; color:#FFFFFF; font-weight:normal;} .highlight{font-size:10pt; font-family:Arial; 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:Arial; 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:Arial; color:#787676; font-weight:normal;} .list_new a{background-color:#E4E1DA; height:23px; font-size:8pt; font-family:Arial; color:#CA0000; font-weight:bold;} .list_new a:hover{font-size:8pt; font-family:Arial; 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:Arial; color:#787676; font-weight:normal;} .list_select a{background-color:#DAE0E1; height:23px; font-size:8pt; font-family:Arial; color:#4C6E89; font-weight:bold;} .list_select a:hover{font-size:8pt; font-family:Arial; 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:Arial; color:#787676; font-weight:normal;} .list_view1 a{background-color:#F8F8F7; height:23px; font-size:8pt; font-family:Arial; color:#CA0000; font-weight:bold;} .list_view1 a{font-size:8pt; font-family:Arial; 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:Arial; color:#787676; font-weight:normal;} .list_view2 a{background-color:#EFEFEE; height:23px; font-size:8pt; font-family:Arial; color:#CA0000; font-weight:bold;} .list_view2 a:hover{font-size:8pt; font-family:Arial; 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:Arial; font-size:9pt; color:#787676;} .list_view2_alt{background-color:#EEF2F5; border-bottom:solid 1px #FFFFFF; font-family:Arial; 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:Verdana; 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:verdana; font-size:7.5pt; font-weight:bold;} .button_1{border:solid 1px #FFFFFF; background-color:#8F0100; padding:2px; color:#ffffff; font-family:verdana; font-size:7.5pt; font-weight:bold;} .list_button{font-size:7pt; font-family:Verdana; 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:Verdana; color:#FFFFFF; font-weight:bold; text-decoration:none; text-transform:uppercase;} .list_button_text_inactive{font-size:7pt; font-family:Verdana; color:#EEEEEE; font-weight:bold; text-decoration:none; text-transform:uppercase;} .im_nav{font-size:7.5pt; font-family:Arial; color:#ffffff; font-weight:normal; background-color:#9DABB8;} a.im_nav{font-size:7.5pt; font-family:Arial; color:#ffffff; font-weight:normal; background-color:#9DABB8; text-decoration:none;} a.im_nav:hover{font-size:7.5pt; font-family:Arial; color:#ffffff; font-weight:normal; background-color:#9DABB8; text-decoration:underline;} /******************************************* * TITLES *******************************************/ .title_line{background-color:#EE8717;} .title_link{font-size:7pt; font-family:Verdana; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-decoration:none;} .title_link_on{font-size:7pt; font-family:Verdana; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-decoration:none;} .title_off{font-size:7pt; font-family:Verdana; color:#FFFFFF; font-weight:bold; text-decoration:none; text-transform:uppercase;} .title_on{font-size:7pt; font-family:Verdana; text-transform:uppercase; color:#FFFFFF; font-weight:bold; background-color:#CF1D01; height:23px; border:solid 1px #F02D16;} .title_text{font-size:7pt; font-family:Verdana; 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:Arial; color:#FFFFFF; font-weight:normal;} /******************************************* * NAVIGATIONS *******************************************/ .nav{font-size:7pt; font-family:Verdana; 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:Verdana; color:#FFFFFF; font-weight:bold; text-decoration:none; text-transform:uppercase; background-color:#FF5F43;} .nav_button{font-size:7pt; font-family:Verdana; color:#FFFFFF; font-weight:bold; text-decoration:none; text-transform:uppercase;} .nav_selected{font-size:7pt; font-family:Verdana; text-transform:uppercase; color:#FFFFFF; font-weight:bold; background-color:#CF1D01; height:23px; border:solid 1px #F02D16;} .nav_upgrade{font-size:7pt; font-family:Verdana; 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:Arial; font-size:9pt; color:#787676; font-weight:bold;} .reportSummaryRow{background-color:#CECECE; font-family:Arial; 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:Arial; color:#666666; font-weight:normal; text-decoration:underline;} .view_link:hover{font-size:8pt; font-family:Arial; 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:arial, sans-serif; font-size:14px; color:#ffffff;} .sitetourmain{border:solid 1px #f6ebbd; width:770px;} td.sitetournav{border-right:solid 1px #f6ebbd;} .sitetournav div a{font-family:arial, sans-serif; color:#B3B3B3; font-size:12px; line-height:2; padding-left:7px; text-decoration:none;} .sitetournav div a.selectedST{font-family:arial, sans-serif; color:#900; font-size:12px; line-height:2; text-decoration:none;} .sitetournav div a:hover{font-family:arial, sans-serif; color:#B3B3B3; font-size:12px; line-height:2; padding-left:7px; text-decoration:underline;} .sitetournav div a.selectedST:hover{font-family:arial, sans-serif; color:#900; 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;}