/* defaults=1 */ html, body {margin: 0;padding: 0;line-height: 1.0;} 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 {margin: 0;padding: 0;} ul, ol {list-style: none;} label {cursor: pointer;cursor: hand;} dd, blockquote {margin-left: 1em;} fieldset {border: 0px solid transparent;} input, select, textarea {font-size: 100%;} img {border: 0px none;} body { color: #404040; background: #E8E8E8 url('../img/body_bg.gif') no-repeat 50% 0;; font-style:normal; font-variant:normal; font-weight:normal; line-height:14px; font-size:11px; font-family:Tahoma, Verdana, sans-serif } .box {position:relative; border:1px solid #AE6161; height:1px;} .tl-b, .tr-b, .bl-b, .br-b {position:relative; background-repeat:no-repeat} .tl-b {background-image:url('../images/tl-b.gif'); background-position: 0 0; top:-1px; left:-1px} .tr-b {background-image:url('../images/tr-b.gif'); background-position: 100% 0; right:-2px} .bl-b {background-image:url('../images/bl-b.gif'); background-position: 0 100%; bottom:-2px !important; bottom /**/:-2px !important; left:-2px} .br-b {background-image:url('../images/br-b.gif'); background-position: 100% 100%; width:auto !important; width /**/:100% !important; right:-2px; bottom:0 !important; bottom /**/:0 !important; height:1px; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:7px} html>body .tr-b {bottom:0 !important} html>body .bl-b {bottom:-2px !important} html>body .br-b, html>body .box {height:auto} #nav h1 a{float:left; overflow: hidden; display:block;} #nav ul{float: right; padding: 11px 32px 0 0;} #nav li{float: left; padding-left: 16px; padding-top: 0px; display: block; background: url('../images/nav-b.gif') no-repeat 0 0;} li.first{background: none !important;} #nav li a{margin-right: 10px;text-indent: -999em; overflow: hidden; display: block;background-position: 0 0; background-repeat: no-repeat;} #n-tour a{background: url('../images/nav-1.gif'); width: 51px; height: 11px} #n-stories a{background: url('../images/nav-2.gif'); width: 87px; height: 11px} #n-info a{background: url('../images/nav-3.gif'); width: 52px; height: 11px} #n-partner a{background: url('../images/nav-4.gif'); width: 270px; height: 13px} .box-m {position:relative; border: 0px solid #F7941C; height:1px;background: #FFF url('../images/bg-sp-0.jpg') repeat-y top left;} .tl-m2, .tr-m2, .bl-m2, .br-m2 {position:relative; background-repeat:no-repeat} .tl-m2 {background-image:url('../images/tl-m.gif'); background-position: 0 0; top:-3px; left:-3px} .tr-m2 {background-image:url('../images/tr-m.gif'); background-position: 100% 0; right:-6px} .bl-m2 {background-image:url('../images/bl-m.gif'); background-position: 0 100%; bottom:-6px !important; bottom /**/:-6px !important; left:-6px} .br-m2 {background-image:url('../images/br-m.gif'); background-position: 100% 100%; width:auto !important; width /**/:100% !important; right:-6px; bottom:0 !important; bottom /**/:0 !important; height:1px} html>body .tr-m {bottom:0 !important} html>body .bl-m {bottom:-6px !important} html>body .br-m, html>body .box-m {height:auto} img.png{behavior: url("./_server/design/pngbehavior.htc");} #sp-1{left: -3px;top: -3px;position: relative;background: url('../images/bg-sp-0-b.jpg') no-repeat top left;} #sp-2{background: url('../images/sp-1.gif') no-repeat top left;height: 357px} html>body #sp-2{height: auto;min-height: 357px;} #sp-3{position: absolute;left: 235px;top:92px;width: 198px;height: 88px;z-index: 99;} #sp-4{position: absolute;bottom: 0;_margin-bottom: -1px;left: 142px;} #sp-5{position: absolute;bottom: 0;_margin-bottom: -1px;} #cont{padding: 30px 60px 0 390px;text-align: right;} h2 span{display:none;} #t-join{background: url('../images/t-join.gif') no-repeat 100% 0;height: 18px;margin-bottom: 15px} #cont label{margin-right: 3px;} #username, #create-password, #re-password, #email, #re-email {width: 103px;} #iam, #from{width: 160px;} #btn-join{margin: 10px 0;} span.note{color: #6F0000;} /* clear */ #nav:after, div.br-b:after {content: "-"; height: 0; clear: both; visibility: hidden;} #nav, div.br-b{display: inline-block;} #nav, div.br-b{display: block;} /* * Primary Color */ .pri_little_bold {font-size: 10pt; font-family: 新細明體, 細明體, Times New Roman, Arial; color: #CA0000; font-weight: bold;} .pri_little_bold:link {font-size: 10pt; font-family: 新細明體, 細明體, Times New Roman, Arial; color: #CA0000; font-weight: bold;} .pri_little_bold:hover {font-size: 10pt; font-family: 新細明體, 細明體, Times New Roman, 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;} /* List Target personal and partner data */ .sec_med_black {font-size: 11pt; font-family: 新細明體, 細明體, Times New Roman, Arial; color: #000000; font-weight: normal;} /* * Tertiary Color */ .ter_big {font-size: 12pt; font-family: 新細明體, 細明體, Times New Roman, Arial; color: #8F0100; font-weight: bold;} .ter_big_white {font-size: 12pt; font-family: 新細明體, 細明體, Times New Roman, Arial; color: #FFFFFF; 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: 新細明體, 細明體, Times New Roman, 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: 新細明體, 細明體, Times New Roman, 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: 新細明體, 細明體, Times New Roman, 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: 新細明體, 細明體, Times New Roman, 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: 新細明體, 細明體, Times New Roman, 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: 新細明體, 細明體, Times New Roman, Verdana; color: #2B5475; font-weight: bold; text-decoration: none; text-transform: uppercase; background-color: #00A7E5; border: solid 1px #31B6FF; border-right: solid 1px #31B6FF; border-bottom: solid 1px #00A7E5;} .list_button_dark {background-color: #31B6FF;} .list_button_darker {background-color: #31B6FF;} .list_botton_light {background-color: #31B6FF;} .list_button_text {font-size: 10pt; font-family: 新細明體, 細明體, Times New Roman, Verdana; color: #FFFFFF; font-weight: bold; text-decoration: none; text-transform: uppercase;} .list_button_text_inactive {font-size: 7pt; font-family: 新細明體, 細明體, Times New Roman, Verdana; color: #EEEEEE; font-weight: bold; text-decoration: none; text-transform: uppercase;} .im_nav {font-size: 7.5pt; font-family: 新細明體, 細明體, Times New Roman, Arial; color: #ffffff; font-weight: normal; background-color: #9DABB8;} a.im_nav {font-size: 7.5pt; font-family: 新細明體, 細明體, Times New Roman, Arial; color: #ffffff; font-weight: normal; background-color: #9DABB8; text-decoration: none;} a.im_nav:hover {font-size: 7.5pt; font-family: 新細明體, 細明體, Times New Roman, Arial; color: #ffffff; font-weight: normal; background-color: #9DABB8; text-decoration: underline;} /******************************************* * TITLES *******************************************/ .title_line {background-color: #31B6FF;} .title_link {font-size: 10pt; font-family: 新細明體, 細明體, Times New Roman, Verdana; color: #FFFFFF; font-weight: bold; text-transform: uppercase; text-decoration: none;} .title_link_on {font-size: 10pt; font-family: 新細明體, 細明體, Times New Roman, Verdana; color: #FFFFFF; font-weight: bold; text-transform: uppercase; text-decoration: none;} .title_off {border-right: solid 1px #31B6FF;} .title_on {font-size: 7pt; font-family: 新細明體, 細明體, Times New Roman, Verdana; color: #8F0100; font-weight: bold; text-transform: uppercase; background-color: #FF0083; border-right: solid 1px #31B6FF;} .title_text {font-size: 10pt; font-family: 新細明體, 細明體, Times New Roman, Verdana; color: #FFF; font-weight: bold; text-transform: uppercase;} .title_bgrnd {border: solid 1px #31B6FF; border-left: solid 2px #808080; border-right: solid 2px #808080; border-bottom: none; background-color: #00A7E5; padding: 4px; padding-left: 8px;} .title_text_reg {font-size: 8pt; font-family: 新細明體, 細明體, Times New Roman, Arial; color: #FFFFFF; font-weight: normal;} /******************************************* * NAVIGATIONS *******************************************/ .nav_darkred {font-size: 7pt; font-family: 新細明體, 細明體, Times New Roman, Verdana; text-transform: uppercase; color: #FFFFFF; font-weight: bold; background-color: #0A001B; height: 30px; background-image:url('../img/button-darkred.gif'); border: 1px solid #0A001B; } .nav_darkred_title {border: solid 1px #31B6FF; border-left: solid 2px #808080;border-right: solid 2px #808080; border-bottom: none; background-color: #00A7E5; height: 30px;} .nav_darkred_button {font-size: 10pt; font-family: 新細明體, 細明體, Times New Roman, Verdana; color: #FFFFFF; font-weight: bold; text-decoration: none; text-transform: uppercase;} .nav_darkred_selected {font-size: 7pt; font-family: 新細明體, 細明體, Times New Roman, Verdana; text-transform: uppercase; color: #FFFFFF; font-weight: bold; background-color: #FF0083; background-image:url('../img/button-fon-act.gif'); height: 23px; border: 1px solid #985D23;} .nav_darkred_upgrade {font-size: 7pt; font-family: 新細明體, 細明體, Times New Roman, Verdana; text-transform: uppercase; color: #FFFFFF; font-weight: bold; background-color: #D10000; height: 23px; border: solid 1px #D10000;} .nav {font-size: 7pt; font-family: 新細明體, 細明體, Times New Roman, Verdana; text-transform: uppercase; color: #FFFFFF; font-weight: bold; background-color: #00A7E5; height: 30px; background-image:url('../img/button-fon.gif'); border: 1px solid #31B6FF; } .nav_title {border: solid 1px #31B6FF; border-left: solid 2px #808080;border-right: solid 2px #808080; border-bottom: none; background-color: #00A7E5; height: 30px;} .nav_button {font-size: 10pt; font-family: 新細明體, 細明體, Times New Roman, Verdana; color: #FFFFFF; font-weight: bold; text-decoration: none; text-transform: uppercase;} .nav_selected {font-size: 7pt; font-family: 新細明體, 細明體, Times New Roman, Verdana; text-transform: uppercase; color: #FFFFFF; font-weight: bold; background-color: #FF0083; background-image:url('../img/button-fon-act.gif'); height: 23px; border: 1px solid #985D23;} .nav_upgrade {font-size: 7pt; font-family: 新細明體, 細明體, Times New Roman, Verdana; text-transform: uppercase; color: #FFFFFF; font-weight: bold; background-color: #D10000; height: 23px; border: solid 1px #D10000;} .nav2 {font-size: 7pt; font-family: 新細明體, 細明體, Times New Roman, Verdana; text-transform: uppercase; color: #FFFFFF; font-weight: bold; background-color: #DBDBDB; height: 30px; background-image:url('../img/button-fon.gif'); border: 1px solid #DBDBDB; } .nav2_title {border: solid 2px #808080; border-right: solid 2px #808080; border-top: none; border-bottom: none; background-color: #FFD7D7; height: 30px;} .nav2_button {font-size: 7pt; font-family: 新細明體, 細明體, Times New Roman, Verdana; color: #FFFFFF; font-weight: bold; text-decoration: none; text-transform: uppercase;} .nav2_selected {font-size: 7pt; font-family: 新細明體, 細明體, Times New Roman, Verdana; text-transform: uppercase; color: #FFFFFF; font-weight: bold; background-color: #FF0083; background-image:url('../img/button-fon-act.gif'); height: 23px; border: 1px solid #985D23;} .nav2_upgrade {font-size: 7pt; font-family: 新細明體, 細明體, Times New Roman, Verdana; text-transform: uppercase; color: #FFFFFF; font-weight: bold; background-color: #D10000; height: 23px; border: solid 1px #D10000;} .nav_width {width: 610px; position: relative; border-right: solid 1px #D9D9D9; padding-left: 0px; border-top: solid 1px #D9D9D9; } /******************************************* * BACKGROUNDS AND BORDERS *******************************************/ .banner_bgrnd {background-color: #F4F6F9; border: solid 1px #C4C9D3; padding-top: 7px; padding-bottom: 7px; width: 757px; } .body_logout {background-color: #F4F6F9; border: solid 1px #C4C9D3; 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 #808080; border-right: solid 2px #808080; border-bottom: solid 2px #808080; } .content_bgrnd_2 {background-color: #E8F7FF; border: solid 1px #D0E0E4; } .content_bgrnd_3 {background-color: #FFFFFF; border: solid 1px #E4E5E7; 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 {min-height:400px;background-color: #E8F7FF; border: solid 1px #D0E0E4;; border-top: none; padding: 8px; position: relative; width: auto; height:400px; } .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 0px #D9D9D9; border-right: solid 0px #D9D9D9; width: 100%; padding-top: 20px; padding-bottom: 5px; } .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: 新細明體, 細明體, Times New Roman, Arial; font-size: 9pt; color: #787676; font-weight: bold;} .reportSummaryRow {background-color: #CECECE; font-family: 新細明體, 細明體, Times New Roman, 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;} .main_columns {width:610px; margin-top: 10px; position: relative;} .columns {width: 100%; margin-top: 10px; position: relative;} .fullprof {width: 100%;} .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: 新細明體, 細明體, Times New Roman, Arial; color: #666666; font-weight: normal; text-decoration: underline;} .view_link:hover {font-size: 8pt; font-family: 新細明體, 細明體, Times New Roman, 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;} div#gutter {position: absolute; width: 8px; top: 0px; left: 573px;} div#sidebar {position: absolute; width: 159px; top: 0; left: 618px;} a {color: #494a4a; text-decoration: underline;} a:hover {text-decoration: none;} #loginform {color:#ffffff; float:right; width:450px; padding-top:10px;} #loginform a {color:#336699;} div.personal-st{width: 735px; height: 22px; overflow: hidden; background: #ffffff; margin-bottom: 15px; border-right:2px solid #b7b7b7; border-bottom:2px solid #b7b7b7;} div.personal-st ul{padding: 4px 0 0 17px;} div.personal-st ul li{ float: left; display: inline; margin-right: 16px; font-weight: bold; color: #7f7f7f;} div.personal-st a{color: #ca0000;} .thumbnail{ overflow:hidden; background:url('../images/videopage.jpg'); width:122px; height:135px; float:left; margin-left:20px; padding-top:10px; padding-bottom:10px; margin-bottom:20px; color:#ffffff } .thumbnail a {color:#ca0000; font-weight:bold;} .video_cont{width:450px; margin-top:15px; float:left; margin-bottom:30px;} .button {background:#8f0100; color:#ffffff; border: 1px solid #8f0100; font-weight:bold;} td.blue{background-color: #E8F7FF;} td.violet{background-color: #00A7E5; color:#ffffff; height:30px; font-weight:bold; text-align:center;} td.grey{background-color: #E8F7FF;} img.violet{border:1px solid #8f0100;} #rate_this img {behavior: url('./_server/design/pngbehavior.htc'); width:29px; height:29px;} #player_brd{ background:#E8F7FF; width:525px; height: 480px; } #video_details dt { float:left; font-weight:bold; font-size:10px;} #video_details dl {font-size:10px;} #video_details a { color:#ca0000; font-size:10px;} #user_details h4{ font-size:14px; margin:0 10 0 10; padding-bottom:10px;} #user_details dt { float:left; font-weight:bold; } #user_details a{ color:#ca0000; font-size:10px;} #user_details dl{ font-size:10px;} #video_links_img a {font-size:11px;} .yellow {color:#f7941c; font-size:14px; font-weight:bold; font-family: arial;} .brd{border:1px solid red;} * 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: 101; 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: 102; width: 297px;} .fmembers ul.people li{float: left; display: block; margin-left:1px;} html>body .fmembers ul.people li{float: left; display: block; margin-left:0px;} .fmembers dl{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'); overflow: hidden; height: 13px; margin-left:1px; margin-right:1px; margin-top:-14px; margin-bottom:0; padding-left:2px; padding-right:2px; padding-top:0; padding-bottom:0} html>body .fmembers dd{position: relative;} .fsearch{position: absolute; z-index: 102; font-family: Tahoma, Verdana, 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: medium none; cursor: pointer; cursor: hand}