body{background: #000000 url(../images/main-bg.jpg) repeat-x 0 0; margin: 15px 0; text-align: center; font: 11px/14px Tahoma, Verdana, sans-serif; } H1 { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-size: 10pt; text-decoration: none; color: #4b4a4a; } H2 { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-size: 15pt; text-decoration: none; color: #852020; } H3 { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-size: 10pt; text-decoration: none; color: white; } H4 { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-size: 18pt; text-decoration: none; color: black; } /* Custom Icons */ .addthis_toolbox .custom_images a { width: 64px; height: 64px; margin: 0; padding: 0; } .addthis_toolbox .custom_images a img { opacity: 1.0; } .addthis_toolbox .custom_images a:hover img { opacity: 0.75; } ul.navbar { list-style-type: none; padding: 0; margin: 0; width: 10em } h1 { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif } ul.navbar li { background: #303030; margin: 0.5em 0; padding: 0.3em; border-right: 1em solid deepskyblue } ul.navbar a { text-decoration: none } a:link { color: white } a:hover { color: #cd9833 } a:visited { color: #FEFEF2 } td.c29 {background-color: #a3a1a1} div.c28 {color: #FFFFFF; text-align: center} div.c27 {clear: both;} table.c26 {background-color: #000000} span.c28 {color: #a10a10; font-size: 15pt;} span.c27 {color: #610007} span.c25 {color: #FFFFFF} span.c24 {color: #000000; font-size: 80%} td.c23 {background-color: #e3e3e3} div.c22 {padding-bottom: 14px; padding-top: 12px; text-align: center} div.c21 {padding-bottom: 16px;} div.c20 {height: 20px;} span.c19 {color: #dddddd; line-height: 18px} td.c18 {padding-left: 15px; padding-right: 15px; white-space: nowrap;} td.c17 {padding-left: 25px;padding-right: 15px; white-space: nowrap;} span.c16 {line-height: 18px;} div.c15 {text-align: left} td.c14 {padding-left: 8px; padding-right: 8px;} table.c13 {background-color: #868686} td.c12 {padding-right: 6px; line-height: 1.3;} td.c11 {padding-left: 6px; padding-right: 16px;} div.c10 {height: 49px; width: 1px;} td.c9 {padding-left: 8px; line-height: 1.3;} div.c8 {height: 24px;} div.c7 {height: 24px; float: left;} td.c6 {padding-left: 8px;} span.c5 {color: #000000} div.c4 {text-align: center} p.c3 {text-align: left;} p.c4 {text-align: right;} p.c5 {text-align: left; padding-top:5px; padding-bottom:5px; padding-right:5px; padding-left:5px;} div.c2 {float: right; padding: 30px 36px 0;} img.c1 {behavior: url('./_server/design/pngbehavior.htc')} /* Menu */ #menu { float: center; width: 900px; height: 54px; padding-left: 10px; background: url(http://www.thehotspotguide.com/_themes/main/new_age/images/img01.jpg) no-repeat left top; } #menu2 { float: center; width:950px; height: 80px; background:url(../images/headbg2.png);} #menu2 h1{float: center; padding: 22px 0 0 33px;} #menu2 ul{float: right; padding: 8px 26px 0;} #menu2 ul li{float: left; display: inline; padding: 1px 0 0 14px; background: url(../images/bullet-menu.gif) no-repeat 0 0; margin-left: 33px;} #menu2 img{display: block;} #menu2 h2.pos_abs {position:absolute; left:30px; top:-30px; z-index:100;} #menu ul { margin: 0; padding: 0px 0 0 0px; list-style: none; line-height: normal; } #menu li { display: block; float: left; } #menu a { display: block; float: left; margin-right: 3px; padding: 10px 20px; text-decoration: none; text-transform: lowercase; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFFFF; } #menu a:hover { text-decoration: none; color: #996600; } #menu .current_page_item a { color: #996600; } #main{background: #858585 url(../images/container-bg.gif) repeat-y 0 0; position: relative;} #main-in{background: url(../images/container-top-bg.jpg) no-repeat 0 0;} #main-out{background: url(../images/container-bottom-bg.jpg) repeat-x 0 100%; min-height: 240px; padding: 13px; margin: 0 2px;} #shadow{ background: url(../images/shadow-bg.png) no-repeat 0 0; //background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=_themes/main/new_age/images/shadow-bg.png sizingMethod=crop); height: 15px;} div.sidebar{float: right; width: 174px; background: url(../images/sidebar-top-bg.png) no-repeat 0 0; } div.sidebar a{color: #587680;} div.sidebar .in{background: url(../images/sidebar-bottom-bg.gif) no-repeat 0 100%; position: relative; padding: 3px 4px 3px 3px; color: #F0FCFF;} div.sidebar h3{height: 24px; overflow: hidden; background: url(../images/sidebar-header-bg.gif); font: 18px/22px Tahoma, Verdana, sans-serif; color: #BBD7E0; font-style: italic; padding-left: 8px;} div.sidebar form{padding: 10px 10px 10px 20px;} div.sidebar p{margin-bottom: 10px;} .bold{font-weight: bold;} table.rel-type{width: 100%;} table.rel-type td{padding-bottom: 3px;} #other{margin: 15px 0 10px;} #member-status{width: 120px;} div.sidebar .button{padding: 0 8px; height: 23px; background: url(../images/button-bg.gif); font-weight: bold; color: #FFF; border: 1px solid #651B1A; border-width: 1px 1px 1px 1px;} .button{cursor:hand; padding: 0 8px; height: 23px; background: url(../images/button-bg.gif); font-weight: bold; color: #FFF; border: 1px solid #651B1A; border-width: 1px 1px 1px 1px;} .button_small{cursor:hand; padding: 0px; height: 23px; background: url(../images/button-bg.gif); color: #FFF; border: 1px solid #651B1A; border-width: 1px 1px 1px 1px;} p.manage-searches{font-size: 10px;} p.manage-searches a{padding-left: 8px; background: url(../images/bullet-search.gif) no-repeat 0 50%;} div.userinfo-c{float: left; width: 700px; background: url(../images/userinfo-top-bg.png) no-repeat; //background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=_themes/main/new_age/images/userinfo-top-bg.png sizingMethod=crop); margin-bottom: 5px;} div.userinfo-c-wide{float: left; width: 900px; background: url(../images/userinfo-top-bg-wide.png) no-repeat; //background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=_themes/main/new_age/images/userinfo-top-bg-wide.png sizingMethod=crop); margin-bottom: 5px;} div.userinfo{position: relative; padding: 18px 30px 17px; color: #000000;} div.userinfo a{color: #000000;} div.userinfo dl{float: left; width: 315px;} div.userinfo dl dt{float: left; width: 134px; height: 149px; background: url(../images/userinfo-photo-bg.png); //background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=_themes/main/new_age/images/userinfo-photo-bg.png, sizingMethod=scale); } div.userinfo dl dt img{width: 126px; height: 140px; position: relative; top: 4px; left: 4px;} div.userinfo dl dd{margin-left: 141px;} div.smallphoto dl dt{width: 100px; height: 110px; background: url(../images/userinfo-photo-small-bg.png); //background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=_themes/main/new_age/images/userinfo-photo-small-bg.png, sizingMethod=scale); } div.smallphoto dl dt img{width: 90px; height: 100px; left: 5px;} div.smallphoto dl dd{margin-left: 107px;} div.userinfo dl dd.name{font-size: 30px; color: #FFF; line-height: 32px;} div.userinfo dl dd.profile-completion{background: url(../images/profile-completion-bg.gif) no-repeat 0 0; margin-top: 10px; padding-top: 8px;} div.userinfo dl dd.profile-completion ul li{float: left;} div.userinfo dl dd.profile-completion ul li.gr{margin-top: 3px; width: 100px; overflow: hidden; height: 19px; border:1px solid;} div.userinfo dl dd.profile-completion ul li.gr table{width: 100%; background: url(../images/profile-completion-gr.gif) repeat-x 0 0; height: 16px;} div.userinfo dl dd.profile-completion ul li.gr span{display: block; padding: 2px;} div.userinfo dl dd.profile-completion ul li.gr td.graph{background: #77A0B0; height: 16px;} div.userinfo dl dd.profile-completion ul li.num{font-size: 18px; font-weight: bold; line-height: 18px; margin-top: 3px; padding-left: 4px;} div.userinfo-links{height: 30px; overflow: hidden; position: relative; background: url(../images/userinfo-links-bg.gif);} div.userinfo-links-wide{height: 30px; overflow: hidden; position: relative; background: url(../images/userinfo-links-bg-wide.gif);} div.userinfo-links ul{padding: 6px 0 0 27px;} div.userinfo-links ul li{float: left; border-left: 2px solid #B1DCE8; padding: 0 7px; font-weight: bold; line-height: 12px;} div.userinfo-links a{color: #AEDAE5; text-decoration: none; padding-left: 8px; background: url(../images/bullet-userinfo-links.gif) no-repeat 0 50%;} div.userinfo-links ul li.gold{border: none; padding-left: 0;} div.userinfo-links ul li.gold a{background-image: url(../images/bullet-userinfo-links-gold.gif); color: #DCDE23;} div.userinfo-st{float: right; width: 192px; height: 141px; margin-top: 2px; background: url(../images/userinfo-st-bg.png) no-repeat 0 0; //background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=_themes/main/new_age/images/userinfo-st-bg.png sizingMethod=scale); } div.userinfo-st ul{position: relative; padding: 15px 13px; color: #F0FCFF;} div.userinfo-st a{font-weight: bold;} div.banner{float: left; display: inline; padding-left: 3px; width: 573px;} #newm{float: left; margin-top: 10px; height: 161px; width: 100%;} div.new-members{float: left; width: 100%; height: 161px; color: #BBD7E0; background: url(../images/new-members-bg.jpg) repeat-x 0 0; position: relative;} .nout{width: 577px !important;} div.new-members .in{height: 161px; background: url(../images/new-members-left-bg.gif) no-repeat 0 0;} div.new-members .out{height: 161px; background: url(../images/new-members-right-bg.gif) no-repeat 100% 0;} div.new-members h3{color: #C4EC7A; padding-left: 18px; height: 26px; overflow: hidden; line-height: 26px; text-align: left;} div.new-members ul{padding: 3px 0 0 13px;} div.new-members ul li{float: left; display: inline; margin-right: 8px; width: 99px; background: url(../images/new-member-bg.gif) no-repeat 0 0; text-align: center; padding-top: 5px; font-weight: bold;} div.new-members ul li img{display: block; margin: 0 auto 3px;} div.new-members a{color: #BBD7E0; text-decoration: none;} div.new-members ul li.more{width: auto; background: none; padding-top: 0; text-align: left;} div.new-members ul li.more img{margin: 0;} /** LOGO */ #banner { width: 230px; height: 350px; float: right; margin-left: 15px; padding: 0; background: #CFCFCF no-repeat; } #banner2 { width: 900px; height: 150px; float: bottom; margin-left: 0px; padding: 0; background: #303030 no-repeat; } *{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/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, 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: 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: #000000;} .list_view2_alt {background-color: #EEF2F5; border-bottom: solid 1px #FFFFFF; font-family: Arial; font-size: 9pt; color: #000000;} /******************************************* * 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: #762902; font-weight: bold; text-decoration: none; text-transform: uppercase; background-color: #993300; border: solid 1px #000000; border-right: solid 2px #000000; border-bottom: solid 2px #000000;} .list_button_dark {background-color: #FFFFFF;} .list_button_darker {background-color: #FFFFFF;} .list_botton_light {background-color: #FFFFFF;} .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 {border-right: solid 1px #E9B893;} .title_on {font-size: 7pt; font-family: Verdana; color: #8F0100; font-weight: bold; text-transform: uppercase; background-color: #CE7201; border-right: solid 1px #E9B893;} .title_text {font-size: 7pt; font-family: Verdana; color: #AC8C00; font-weight: bold; text-transform: uppercase;} .title_bgrnd {border: solid 1px #E9B893; border-right: solid 2px #FFDA61; border-bottom: none; background-color: #FFEFBD; 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: #FFAD42; height: 23px; border: solid 1px #EE8717; border-right: solid 1px #E9B893;} .nav_title {border: solid 1px #E9B893; border-right: solid 2px #E9B893; border-bottom: none; background-color: #FFAD42; height: 21px;} .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: #CE7201; height: 23px; border: solid 1px #985D23;} .nav_upgrade {font-size: 7pt; font-family: Verdana; text-transform: uppercase; color: #FFFFFF; font-weight: bold; background-color: #D10000; height: 23px; border: solid 1px #D10000;} /******************************************* * 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: url(http://www.thehotspotguide.com/_themes/main/yoga/images/clear.png);} border: solid 1px #000000; border-right: solid 2px #000000; border-bottom: solid 2px #000000; } .content_bgrnd_2 {background-color: #FFFEF0; border: solid 1px #FDFAD0; } .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 #996633;} .img_med_border {background-color: #D0DAE3; border: solid 1px #4B6E8A; width: 126px; height: 140px; text-align: center;} .img_sml_border {background-color: #996633; border: solid 1px #000000; width: 90px; height: 100px; text-align: center;} .keyline {background-color: #E5E5E5;} .main_bgrnd_padding {min-height:400px;background-color: #FFFEF0; border: solid 1px #C4C9D3; border-top: none; padding: 8px; position: relative; width: auto; } .searchprof_bgrnd {background-color: #000000; border: solid 1px #000000; border-bottom: none; padding-top: 8px; padding-bottom: 8px; width: 527px; } .sec_bgrnd {background-color: #000000;} .ter_bgrnd {background-color: #8f0100;} .main_bgrnd {background-color: #F4F6F9; border: solid 1px #C4C9D3; } .flat_border {border: solid 1px #000000; 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;} /* Page */ #page { width: 950px; margin: 0 auto; padding-top: 20px; } /* Content */ #content { float: left; width: 950px; } /* Footer */ #footer-wrap { width: 950px; height: 64px; margin: 0 auto; } #footer { margin: 0 auto; height: 64px; min-height: 64px; padding: 0; font-size: 10px; } html>body #footer { height: auto; } #footer p { } #legal { clear: both; padding-top: 10px; padding-left: 30px; text-align: center; color: #999999; } #legal a { }