body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote { padding: 0; margin: 0;} .color p { margin: 10px 0px;} html, body { height: 100%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px;} h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em;} a, img { border: none;} #wrapper { width: 990px; margin: 0 auto;} #top { padding: 2px 0 0 0;} .adsBox { background: none; border: none; position: relative;} .long { margin: 0px 0 0px 10px; width: 728px; height: 90px; border: 5px solid #f4f0f1; padding: 0;} .webtribesAd { margin: 0px 10px 0px 0; width: 217px; height: 90px; background: #fff; border: 5px solid #f4f0f1; float: right;} .webtribesAd a.simple { display: block; width: 217px; height: 90px; background: url(../../../images/equinox/webtribes_mini_ad.png) no-repeat;} .webtribesAd a.simple:hover { background: url(../../../images/equinox/webtribes_mini_ad.png) 0 -90px no-repeat;} #header { margin: 7px 2px 2px 2px; width: 986px; height: 145px; background: url(../../../images/equinox/header.png) no-repeat; position: relative;} #header h1 { display: none;} #logLinks { position: absolute; top: 2px; right: 15px; font-size: 12px; color: #ded7c1;} #logLinks a { color: #fff; text-decoration: none; padding-left: 15px; background: url(../../../images/equinox/login_sep.gif) 0 1px no-repeat;} #logLinks a:hover { text-decoration: underline;} #nav { list-style: none; position: absolute; top: 110px; left: 135px; font-size: 13px;} #nav li { float: left; padding: 0 5px 0 6px;background: url(../../../images/equinox/nav_sep.gif) 0 3px no-repeat; font-size: 13px;} #nav li a { color: #000; text-decoration: none;} #nav li a:hover { color: #90278E;} #nav li.first { background: none;} #nav li.last { background: url(../../../images/equinox/login_sep.gif) 0 3px no-repeat; padding: 0 5px 0 15px;} #nav li.therapist { margin: -5px 0 0 0; background: none;} #nav li.therapist a { display: block; font-size: 12px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #dcd3cf; background: #826979; padding: 4px; color: #f1edec;} #nav li.therapist a:hover { color: #000;} #bottomA { clear: both;} #wrapper #bottom { clear: both;} #bottomNav { list-style: none; margin: 10px 0 2px 10px; height: 63px;} #bottomNav li { width: 194px; height: 63px; float: left;} #bottomNav a { display: block; width: 194px; height: 63px;} #bottomNav a span { display: none;} #bottomNav a.addiction { background: url(../../../images/equinox/addiction_link.png) no-repeat;} #bottomNav a.addiction:hover { background: url(../../../images/equinox/addiction_link.png) 0 -63px no-repeat;} #bottomNav a.anxiety { background: url(../../../images/equinox/anxiety_link.png) no-repeat;} #bottomNav a.anxiety:hover { background: url(../../../images/equinox/anxiety_link.png) 0 -63px no-repeat;} #bottomNav a.depression { background: url(../../../images/equinox/depression_link.png) no-repeat;} #bottomNav a.depression:hover { background: url(../../../images/equinox/depression_link.png) 0 -63px no-repeat;} #bottomNav a.ocd { background: url(../../../images/equinox/ocd_link.png) no-repeat;} #bottomNav a.ocd:hover { background: url(../../../images/equinox/ocd_link.png) 0 -63px no-repeat;} #bottomNav a.hiv { background: url(../../../images/equinox/hiv_link.png) no-repeat;} #bottomNav a.hiv:hover { background: url(../../../images/equinox/hiv_link.png) 0 -63px no-repeat;} #bottomSubNav { background: #7F6877; list-style: none; clear: both; margin: 0 10px 5px 10px; height: 17px; border: 1px solid #4e4049;} #bottomSubNav li { display: inline; float: left; color: #fff; margin: 2px 0 0 5px; font-size: 8pt;} #bottomSubNav li a { color: #fff; text-decoration: none;} #bottomSubNav li.right { float: right; margin-right: 5px;} #bottomSubNav li.last { margin-left: 0;} #bottomSubNav a:hover { text-decoration: underline;} #copyright { padding: 0 0 10px 0; text-align: center;} .hover { position: absolute; padding: 3px; background: #fff; border: 1px solid #000; width: auto; color: #000; display: none; font-size: 11px;font-weight: bold; color: #042839; background: #fff7d1;} .hover em { margin: 0 0 0 5px; font-style: normal;} .userPic img { border: 1px solid #1a1a1a;} .userInfo { display: none;} .box1, .box2 { border: 1px solid #1a1a1a; position: relative; margin: 0 0 10px 0;} .box1 h2, .box2 h2 { margin: 0 0 5px 0; padding: 6px 0 0 10px; height: 24px; color: #fff; background: #7F6877; font-size: 16px; font-weight: normal; text-align: left; width: auto;} .more { position: absolute; text-align: right;} .more a { color: #fff; text-decoration: none; display: block; float: right; width: 65px; padding: 0 17px 0 0; background: url(../../../images/equinox/more_arrow2.gif) 70px 5px no-repeat;} .more a:hover { text-decoration: underline;} .box1 .more { top: 12px; right: 0;} .box2 .more { bottom: 0; left: 0; height: 16px; background: #bfb3ba; border-top: 1px solid #4f453c; width: 100%;} #recentLogins .online a { width: 75px; background: url(../../../images/equinox/more_arrow2.gif) 80px 5px no-repeat;} .activityPoints { display: none;} /* YShout fix */ #yshout .yshout-nickname a { color: #000; text-decoration: none; font-weight: bold; font-size: 11px;} #yshout .yshout-nickname a:hover { color: #444; text-decoration: underline;} /* IE hacks */ * html .webtribesAd { display: inline;} .adsBox object { position: absolute; top: 0; left: 0;} #flashIntro { width: 663px; height: 257px; border: 1px solid #fff; margin: 0 0 0 10px; float: left; background:url(../../../images/equinox/join-the-tribe_depression.gif) no-repeat; } #topContent { margin: 0 0 0 679px; width: 302px; height: 259px;} #login { background: #E6E6E6; border: 2px solid #909fa6; height: 109px;} #login h3 { display: none;} #login form { margin: 10px 0 0 0;} #login label { padding: 4px 0 0 15px; width: 70px; font-size: 12px; color: #042839; float: left;} #login input { margin: 0 0 5px 85px; width: 198px; height: 18px; display: block;} #login p.forgot { padding: 13px 0 0 15px;} #login p.forgot a { color: #000; text-decoration: none;} #login p.forgot a:hover { text-decoration: underline;} #login input.submit { width: 88px; height: 24px; background: url(../../../images/equinox/login_but2.gif) no-repeat; border: none; color: #fff; font-size: 14px; padding: 0 0 0 0; margin: 8px 10px 0 0; float: right;} #login input.submit:hover { background: url(../../../images/equinox/login_but2.gif) 0 -24px no-repeat;} #testimonials { height: 139px; margin: 5px 0 0 0; position: relative;background:url(../../../images/equinox/testimonial.gif) no-repeat;} #testimonials-link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #mainContent { width: 835px; float: left;} .userInfo { display: none;} #recentBlogs { margin: 10px 0 0 10px; width: 507px; height: 250px; background: #fff; float: left;} #recentBlogs ul { list-style: none;} #recentBlogs ul.blogList { padding: 0;} #recentBlogs ul.blogList li { width: 240px; margin: 8px 0 0px 10px; padding: 0 0 12px 0; float: left; border-bottom: 1px dashed #999;} #recentBlogs ul.blogList li.bottom { border: none;} #recentBlogs ul.blogList .userPic { margin: 6px 0 0 0; float: left;} #recentBlogs ul.blogList .userPic img { border: 1px solid #1a1a1a;} #recentBlogs ul.blogList li ul { margin: 4px 0 0 36px; width: 190px; height: 40px; clear: none;} #recentBlogs ul.blogList li ul li { margin-top: 2px; padding: 0; float: none; width: 190px; border: none;} #recentBlogs li.title a { font-weight: bold; color: #000; text-decoration: none;} #recentBlogs li.title a:hover { text-decoration: underline;} #midAd { width: 300px; height: 250px; margin: 10px 0 0 530px; padding: 1px; border: none;} #healthNews { margin: 10px 0 0 10px; width: 507px; height: 290px; border: 1px solid #1a1a1a; position: relative; float: left; font-size: 11px;} #healthNews h2 { margin: 0 0 0 0;} #healthNews a { color: #000; text-decoration: none;} #healthNews a:hover { text-decoration: underline;} #healthNews h4 { width: 168px; float: left; text-align: center; font-weight: normal; font-size: 12px; padding: 0px 0 0 0; height: 26px; background: url(../../../images/equinox/account_tab_back.gif) repeat-x; border: 1px solid #1a1a1a; border-right: none;} #healthNews h4.first { width: 169px; border-left: none;} #healthNews h4 a { display: block; width: 168px; height: 21px; padding: 5px 0 0 0;} #healthNews h4 a:hover { color: #90278E; text-decoration: none;} #healthNews .newsItems { display: none; position: absolute; top: 58px; left: 0; width: 100%; overflow: auto; height: 232px;} #healthNews .newsItems h5 { padding: 5px 0 0 10px;} #healthNews .newsItems p { padding: 0 0 0 10px;} #healthNews .show h4 { background: url(../../../images/equinox/account_tab_sel_back.gif) repeat-x; border-bottom: none;} #healthNews .show .newsItems { display: block;} #healthNews .rss { min-height: 45px; padding-bottom: 2px;} #healthNews .rssalt { min-height: 45px; padding-bottom: 2px; background: #f2efee;} #recentLogins { width: 300px; height: 290px; border: 1px solid #1A1A1A; margin: 10px 0 0 530px; background: #E6E6E6;} #recentLogins h2 { border-bottom: 1px solid #E6E6E6;} #recentLogins ul { list-style: none;} #recentLogins ul li { width: 88px; height: 85px; margin: 0px 0 0 12px; float: left;} #recentLogins .userPic img { border: 1px solid #1a1a1a;} #recentLogins .more { position: absolute; top: 12px; right: 0; text-align: right;} #recentLogins .more a { background: url(../../../images/equinox/more_arrow1.gif) 70px 5px no-repeat;} #rightContent { width: 135px; height: 552px; margin: 10px 0 0 845px; border-bottom: 1px solid #1a1a1a; position: relative;} #rightContent h3 { color: #7f6877; padding: 6px 0 5px 0; font-size: 13px; width: 100%;} #rightContent h3 a { display: block; width: 130px; margin: 5px 0 8px 0; font-size: 12px; color: #7f6877; text-decoration: none; background: url(../../../images/equinox/more_arrow4.gif) 120px 6px no-repeat;} #rightContent h3 a:hover { text-decoration: underline;} .featuredImg { background: url(../../../images/equinox/featured_back.gif) repeat-y; margin: 2px 0 10px 5px; float: left;} .featuredImg img.main, #featuredGroup .featuredImg img { border: 1px solid #1a1a1a; padding: 0; margin: 5px -5px -5px 5px;} #rightContent ul { list-style: none; margin: 5px 0 10px 5px; float: left;} #featuredMember li { margin: 0 0 2px 0;} #featuredMember li a { color: #000; text-decoration: none;} #featuredMember li a:hover { text-decoration: underline;} #featuredMember li.memberName { margin-bottom: 5px;} #featuredTherapist { background: url("../../../images/featuredTherapist_back.png") no-repeat; height: 245px; width: 135px; padding-top: 70px;} #featuredTherapist_image { text-align:center;} #featuredTherapist_image img { max-width: 112px; max-height: 90px; margin: 0px auto; border: 1px solid black;} #featuredTherapist_name{text-align: center; padding: 0px 7px;font-weight: bold;font-size: 1.1em; padding-top: 6px;} #featuredTherapist_qualification {text-align: center; padding: 0px 7px; font-weight: bold;} #featuredTherapist_company { text-align: center; padding: 0px 7px;} #featuredTherapist_location {text-align: center;padding: 0px 7px;font-weight: bold;margin-bottom: 15px;} #featuredTherapist_learnMore { background: url('../../../images/btn_learnMore.png') no-repeat;display:block;width: 90px;height: 26px;margin-left: 23px;} #featuredTherapist_learnMore:hover {background: url('../../../images/btn_learnMore.png') 0 -26px no-repeat;} #browseMembers h3 { float: left;} #featuredGroup h3 { float: left;} #featuredGroup li { margin: 0 0 2px 0;} #featuredGroup li.title { margin-bottom: 5px; font-weight: bold;} #featuredGroup li.title a { color: #000;text-decoration: none;} #featuredGroup li.title a:hover { text-decoration: underline;} #rightContent p.more { position: static;} #rightContent p.more a { display: block; position: absolute; bottom: 5px; right: 0;width: 70px;color: #000;text-decoration: none;text-align: right;padding: 0 15px 0 0;background: url(../../../images/equinox/more_arrow4.gif) 75px 5px no-repeat;} #rightContent p.more a:hover {text-decoration: underline;} /* IE hacks */ * html #flashIntro {display: inline;} * html #topContent {margin: 0 0 0 675px;} * html #recentBlogs { display: inline;} * html #recentBlogs ul.blogList li {display: inline;} * html #recentBlogs ul.blog li {display: block;} * html #midAd {margin-left: 525px;} * html #healthNews {display: inline;} * html #recentLogins {margin-left: 525px;} * html #rightContent {margin-left: 840px;} * html #recentLogins ul li {display: inline;} * html #healthNews .rss {height: auto !important;height: 45px;} #healthNews .rssalt { height: auto !important;height: 45px;}