#logindiv{ position:absolute; top:100px; left:40%; z-index:100; width:200px; height:200px; border:1px solid #000; background:#fff; } #logindiv .closep{ width:200px; text-align:right; margin:0px 0px 40px 0px; } #logindiv .closep IMG{ margin:5px 5px 0px 0px; } #logindiv p{ width:70px; clear:left; float:left; margin:2px 0px 2px 0px; color:#C11A20; } #logindiv .inputtext{ height:17px; width:100px; float:left; margin:1px 0px; } #logindiv .sbutton{ background:#C11A20; color:#fff; border:1px solid #C11A20; margin:50px 0px 0px 0px; } /* * 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: #E83B44; border: solid 1px #C11A20; border-right: solid 1px #C11A20; border-bottom: solid 1px #C11A20; border-top: solid 1px #C11A20;} .list_button_dark {background-color: #C11A20;} .list_button_darker {background-color: #C11A20;} .list_botton_light {background-color: #C11A20;} .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: #C11A20;} .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: #C11A20; height: 23px;} .title_text {font-size: 7pt; font-family: Verdana; color: #FFFFFF; font-weight: bold; text-transform: uppercase;} .title_bgrnd {border: solid 1px #C11A20; border-bottom: none; background-color: #C11A20; 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: #E83B44; height: 23px; border: solid 1px #C11A20; border-right: solid 1px #C11A20;} .nav_title {font-size: 7pt; font-family: Verdana; color: #FFFFFF; font-weight: bold; text-decoration: none; text-transform: uppercase; background-color: #E83B44; border-top: solid 1px #C11A20; border-left: solid 1px #C11A20;} .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: #C11A20; height: 23px; border: solid 1px #C11A20;} .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 #FFFFFF; padding-top: 7px; padding-bottom: 7px; width: 757px; } .body_logout {background-color: #F4F6F9; border: solid 1px #FFFFFF; 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 #C11A20; } .content_bgrnd_2 {background-color: #F9F9F; border: solid 1px #C11A20; } .content_bgrnd_3 {background-color: #FFFFFF; border: solid 1px #C11A20; 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 {padding:10px; 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: #FFFFFF; border: solid 1px #FFFFFF; border-top: none; padding: 0px; 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("bullet_body.gif"/*tpa=http://www.konyaguzeli.org/bullet_body.gif*//*tpa=http://www.seslimm.com/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;border: solid 1px #C11A20;} .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 #E3E2DE; width: 770px;} td.sitetournav{border-right: solid 1px #e3e2de;} .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: #990000; 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: #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;}