/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Journal Watch primary wide presentation layer Created: 3.9.06; updated 10.26.07 by Caryn-Amy King Updated 11/28/07 AParent updated 1/24/08 for badge ad bump fix, aparent 3/7/08 for table styling, aparent 3/24/08 for superscript, aparent (via adobe css advisor) 12/08 for NEW icon updates. 03/25/09 for athens forms. 07/09 beta menu icon. 10/16/09 for PFW rebranding updates. 4/14/10 Tweaked for audio supplements Andrea Parent 10/28/2010 Merged with old styles to accommodate HW parse issue on firstwatch landing pages. 12/29/10 topStoryBox styles (similar to pfw news box blue bar styles line 341 AJP) 4/4/2011 fix for signin box for Athens. Removed height. AJP 8/29/2011 add gallery styles to topStoryBox styles so box is multi-use. AJP By: Scott Jehl, Mindseye Inc. notes: -> This is the primary homepage style sheet. It is called on page load and is used when the user's window is wider than 980px. >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */ img, a img, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, table, tr, th, td, form, fieldset, legend, label {border: none; text-align: left; margin: 0; padding: 0; list-style: none;} /*added 3/24/08 ap*/ sup, sub {height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;} sup {bottom: 1ex;} sub {top: .5ex;} form.athens {width: 70%; margin: 6px auto; } .dataTable {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em;} /*added 3/10/08 ap*/ /*testing for bulleted lists universally not just on tertiary pages! 1/9/09*/ ul.bulletList, .topicsListOneColumn ul.numList {list-style-type: disc; padding-left: 20px;} ul.bulletList li{font-size: 1.2em;} ul.bulletCopyList {padding-left: 20px;} ul.bulletCopyList li {font-size: 1.2em;} ul.bulletList li, ul.bulletCopyList li { display:list-item!important; list-style-type: disc; list-style: outside; padding-right: 5px; margin-top: .5em; margin-bottom: .5em; margin-right: 4px;} textarea, input, select {font-family: Arial, Helvetica, sans-serif; } /*-------------------------- OUTER PAGE DIVISIONS --------------------------*/ body {margin: 10px 10px 0 10px; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; *text-align: center;} ul#accessLinks {position: absolute; left: -10000px;} div#adBanner728x90, div#headerContent, div#pageBody, div#footerContent {width: 980px; margin-left: auto; margin-right: auto;} div#pageBody {background: url(../images/bg_content_border_top.gif) top no-repeat; margin-top: 10px; padding-top: 10px;} div#footerContent {clear: left; background:url(../images/bg_content_border_bottom.gif) top no-repeat; padding-top: 3em;} /*-------------------------- CONTENT AREA CONTAINERS --------------------------*/ div#adBanner728x90 {text-align: center;} div#headerContent {position: relative; margin-top: 10px; *text-align: left;} a.logo {margin: 0 10px 20px 20px; width: 33em; height: 7.1em; display: block;} /*util nav */ ul#utilityNavigation1 {margin: 0; padding: 0; position: absolute; top: 10px; right: 10px;} ul#myNavigation {margin: 0; padding: 0; position: absolute; top: 2.5em; right: 10px;} ul#utilityNavigation1 li, ul#myNavigation li {float: left; list-style: none; padding: 0 .5em 0 .5em; font-size: 1.1em; line-height: 1.1em; border-right: 1px solid #999;} ul#utilityNavigation1 li.last, ul#myNavigation li.last {border: none; padding-right: 0;} ul#utilityNavigation1 li a, ul#myNavigation li a {color: #000; text-decoration: none; display: block;} /*header styling */ p.affiliateInfo {margin: 0; padding: 0; position: absolute; right: 10px; top: 5em; width: 316px; height: 12px; background:url(../images/text_fromthepub.gif) right no-repeat;} div.siteHeading {position: relative; width: 980px; height: 35px; background: url(../images/bg_headerbar.gif) no-repeat;} p.siteDescription {height: 35px; margin: 0; padding: 0; background: url(../images/text_savetimeandstay.gif) 20px 12px no-repeat;} div.siteHeading p#userDate {position: absolute; font-size: 1.1em; margin: 0; padding: 0; right: 10px; top: 12px;} p.affiliateInfo a {display:block; width: 326px; height: 12px;} p.affiliateInfo span, p.siteDescription span {position: absolute; left: -10000px;} /*columns */ div.contentHold {float: left; background: url(../images/bg_content_border_sides.gif) repeat-y;} ul#primaryNavigation {width: 160px; margin: 0 10px -10px 10px; padding-top: 10px; float: left; background: url(../images/bg_nav_border_top.gif) top no-repeat; border-bottom: 1px solid #D5D3D1;} /*div#primaryContent {width: 395px; margin: 0 10px -10px 0; float: left;}*/ div#primaryContent {background:transparent url(../images/bg_article_border_top.gif) no-repeat scroll center top; float:left; margin:0px 10px -10px 0px; _margin:0px 0px -10px 0px; width:395px; _width:398px;} div#secondaryContent {width: 385px; height: 120em; margin: 0 10px -10px 0; float: left; position: relative; text-align: left;} /*temporary fix to accomodate for 2 skyscraper ads, since right col elements are abs positioned and container needs a fixed height*/ div#secondaryContentTall {width: 385px; height: 168em; margin: 0 10px -10px 0; float: left; position: relative;} div#primaryContentNoRight {width: 770px; margin: 0 10px -10px 0; float: left; background: url(../images/bg_article_border_top.gif) top no-repeat; margin-right: 5px;} /*primary nav */ ul#primaryNavigation li {padding: 0; margin: 0; } ul#primaryNavigation li a {background-color: #ECEAE8; display: block; color: #000; height: 22px; margin: 0; text-decoration: none; line-height: 1.4em; font-size: 1.2em; border-top: 1px solid #D5D3D1;} ul#primaryNavigation li a:hover {background-color: #F5F4F0;} ul#primaryNavigation li ul li a {padding: 2px 10px 2px 15px; background-image: none; height: auto;} ul#primaryNavigation li a span {position: absolute; left: -10000px;} li.Home a {background: url(../images/text_nav_Home.gif) top no-repeat; } li.jwatchHome a {background: url(../images/text_nav_jwatchHome.gif) top no-repeat; } li.physiciansFirstWatch a {background: url(../images/text_nav_physfirstwatch.gif) top no-repeat; } li.primaryCare a {background:url(../images/text_nav_primcare.gif) top no-repeat;} li.specialtyCare a {background: url(../images/text_nav_speccare.gif) top no-repeat;} li.watchTopics a {background: url(../images/text_nav_watchtopics.gif) top no-repeat;} li.audio a {background: url(../images/text_nav_audio.gif) top no-repeat;} li.cmeCenter a {background:url(../images/text_nav_cmecenter.gif) top no-repeat;} li.archives a {background: url(../images/text_nav_archives.gif) top no-repeat;} /*added 8/15/08 pf*/ li.specialties a {background: url(../images/text_nav_specialties.gif) top no-repeat;} li.topics a {background: url(../images/text_nav_topics.gif) top no-repeat;} /*added 7/16/08 pf*/ li.blogs a {background: url(../images/text_nav_blogs.gif) top no-repeat;} li.jwBeta a {background: url(../images/text_nav_jwBeta.gif) top no-repeat;} li.medNews a {background: url(../images/text_nav_medNews.gif) top no-repeat;} /* Outsight issue 558 fixing hover problem in Date sort for search results*/ ul#primaryNavigation li a:hover {background-position: 0 -22px;} /*general visited links*/ div#primaryContent a:visited, div#secondaryContent a:visited {color: #214B75;} /*general capitalized span*/ span.capitals {text-transform: capitalize;} ul#primaryNavigation li.thisPage a {color: #0054A6; background-position: 0 -44px;} ul#primaryNavigation li.thisPage a:hover {color: #0054A6; background-position: 0 -66px;} ul#primaryNavigation li.thisPage ul li a, ul#primaryNavigation li.thisPage ul li a:hover {color: #000;} /*Adds NEW icon to left nav for new list items, by andrea parent 12/08------------- */ ul#primaryNavigation li ul li a:link.newMenu, ul#primaryNavigation li ul li a:visited.newMenu {background: transparent url(../images/newMenu.gif) no-repeat scroll bottom right; z-index: 1; visibility: visible; display: block; padding-right: 42px;} ul#primaryNavigation li ul li a:hover.newMenu{background: url(../images/newMenu_over.gif) no-repeat scroll bottom right; background-color:#F5F4F0; } li.jwBetaNew a {background: url(../images/text_nav_jwBetaNew.gif) top no-repeat;} /*Adds BETA icon to left nav for beta list items, and to inline images by andrea parent 7/09------------- */ ul#primaryNavigation li ul li a:link.betaMenu, ul#primaryNavigation li ul li a:visited.betaMenu {background: transparent url(../images/betaMenu.gif) no-repeat scroll bottom right; z-index: 1; visibility: visible; display: block; padding-right: 42px;} ul#primaryNavigation li ul li a:hover.betaMenu{background: url(../images/betaMenu_over.gif) no-repeat scroll bottom right; background-color:#F5F4F0; } img.betaPrefix {margin-bottom: -3px; margin-right: 3px;} /*spotlight stories */ div#spotlightArticles {position: relative; margin: 10px; background: #fff url(../images/bg_feature_border_top.gif) top no-repeat;} h1.spotlightTitle {background: url(../images/text_spotlight.gif) 5px 5px no-repeat; height: 35px;} h1.spotlightTitle span {position: absolute; left: -10000px;} div.spotlightPrimaryCare, div.spotlightSpecialtyCare {width: 375px; position: absolute; top:0;} div.spotlightPrimaryCare h2, div.spotlightSpecialtyCare h2 {position: absolute; top: 5px; width: 115px; text-align: center;} div.spotlightPrimaryCare h2 {right: 120px;} div.spotlightSpecialtyCare h2 {right: 5px;} /*general visited links*/ div#primaryContent a:visited, div#secondaryContent a:visited {color: #214B75;} /*general capitalized span*/ span.capitals {text-transform: capitalize;} /*toggle area styles */ div.toggle {position: absolute; top:31px; background: #fff url(../images/bg_feature_border_bottom.gif) bottom no-repeat; padding: 10px 10px 10px 20px; width: 345px;} div.articleImage {float: left; height: 130px; width: 110px; margin-left: 10px; _margin-left: 5px;} div.articleSummary {float: left; width: 250px; padding-left: 10px;} div.featureSpecialSubpage div.articleSummary {float: left; width: 230px; padding-left: 10px;} h4.articleGuideline { text-transform: uppercase; color: #666; font-weight: normal; font-size: 1.0em; padding: 0pt 0pt .3em 0pt; margin: 0px;} h3.articleTitle { font-size: 1.4em; font-weight: bold; clear: both; padding: 0 0 .2em 0;} h3.articleTitle em, h2.articleTitle em { font-size: .9em; font-weight: bold; margin-left: 5px; color: #fe3405; }/*ef6204*/ h3.articleTitle a {color: #0054A6; text-decoration: none;} h3.articleTitle a:hover {text-decoration: underline;} /*audio supplement update for audio supplement page AJP 4/14/10*/ ul.articleMedia, ul.articleAttributes {float: none; padding-top: 0; line-height: 1.5em; padding-bottom: .5em; _padding-bottom: 1em;} ul.articleMedia {font-size: 11px; font-weight: bold; margin: -2px 0 9px 0!important;} ul.audioArchive { padding: 0; !important} ul.articleMedia li { border-right:1px solid #999999; display:inline; list-style-image:none; list-style-position:outside; list-style-type:none; margin-right:6px; padding-right:9px; float: none; display: inline;} ul.articleMedia li.articleInterview {background:url(../images/icon_interview.gif) left no-repeat; padding: .2em .5em .2em 16px; border-right: 1px solid #999; margin-right: .4em;} div#articleSupport ul.articleMedia li.articleInterview {float: none; border: none; display: block; background-position: 0 2px; margin-bottom: .3em;} ul.articleMedia li.audio{ background:transparent url(../images/icon_audio.gif) no-repeat scroll 0 0!important; margin:0 6px 0 0; padding:0 0 1px 16px!important; color: #003366;} /* ul.articleMedia li.last {border-right: none; padding:0;} */ ul.articleMedia li.last {border-right: none; padding:0.2em 0.5em 0.2em 16px;} ul.articleMedia li.fullText {padding-right: .5em; margin-right: .2em; border-right: 1px solid #999;} ul.articleAttributes li {display: inline; list-style: none; padding-right: .5em; margin-right: .3em; font-size: 1.0em; border-right: 1px solid #999;} ul.articleAttributes li.last {border-right: none; padding: 0;} ul.articleAttributes li.first {padding-left: 0;} ul.articleMedia li a, ul.articleAttributes li a, ul.articleMeta li a {color: #0054A6; text-decoration: none; } ul.articleMedia li a { text-decoration: none!important; padding-right: 3px;} ul.articleMedia li.audio a { background:none!important;} /* clear floats found in article meta */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* clear previous floats because ^ that thang don't work */ .clearBoth{ clear: both; } ul.articleMeta {padding-top: 5px; line-height: 1.3em;} li.articleAuthor {font-size: 1em;} li.articleAuthor a {color: #003366; text-decoration: none; } li.articleDate, li.articleCitation {font-size: 1em;} ul.articleMeta {margin-bottom: 20px;} ul.articleMeta li.articleCovering { float: left; padding-right: 5px; } ul.articleMeta li.articleCitation { float: left; } ul.articleMeta li.relatedSearches{ clear: both; padding-top:1em;} ul.articleMeta li.articleSection{ clear:both; padding: 1em 0pt;} /*recent articles for PFW since they can't have articleBody? */ div#recentArticles p {clear: left; font-size: 1.2em; margin: .5em 0pt; line-height: 1.4em; padding:0; padding-top: 5px;} div#recentArticles p a {text-decoration: none; color:#0054A6;} /* added 11/12/08 AJP for special notice links */ div#recentArticles p a.interview, p a.cme { padding-left: 15px; margin-left: 8px; text-decoration: none; color:#0054A6;} div#recentArticles p a.interview { background: url(../images/icon_audio.gif) left center no-repeat; } div#recentArticles p a.cme { background: url(../images/icon_exam.gif) left center no-repeat; } div#recentArticles h1.pfwDate {font-size:1.8em; margin:20px 0 10px 0; } /*putting below PFW to help cascade, these are preferred styles*/ p.articleBody, p.blueBoxText {clear: left; font-size: 1.2em; padding-top: 5px;} p.blueBoxText {padding-bottom: 20px;} p.articleBody { font-size: 1.2em; margin: .5em 0pt; line-height: 1.4em; padding:0; padding-top: 5px; } p.articleBody a {text-decoration: none; color:#0054A6;} /* added 11/12/08 AJP for special notice links */ p.articleBody a.interview, p.articleBody a.cme { padding-left: 15px; margin-left: 8px; text-decoration: none; color:#0054A6;} p.articleBody a.interview { background: url(../images/icon_audio.gif) left center no-repeat; } p.articleBody a.cme { background: url(../images/icon_exam.gif) left center no-repeat; } div#recentArticles ul.articleList { font-size:1.2em; padding-left:25px; margin-top: 20px; } div#recentArticles ul.articleList li { list-style-image:none; list-style-position:outside; list-style-type:disc; margin-bottom:0.5em; margin-top:0.5em; padding-right:5px; } /*recent articles*/ div#recentArticles {margin: 10px 10px 10px 10px; padding: 10px;) top no-repeat;} div#primaryContent h2.recentArticleHead {font-size: 1.4em; display:block; background: url(../images/recentArticlesTop.gif) no-repeat top; padding: 21px 5px 0px 12px; margin-bottom: 0px; height: 20px;} div#primaryContent h2.recentArticleHeadTop {font-size: 1.4em; display:block; background: url(../images/recentArticlesTop.gif) no-repeat bottom; padding: 11px 5px 0px 12px; margin-bottom: 0px; height: 20px;} div.featureSpecial {width: 395px; background: url(../images/featureSpecial_bottom.gif) bottom no-repeat; overflow: auto; margin-right: 10px; margin-bottom: 0px; padding-bottom: 10px;} div.featureSpecial h2.featuredArticleHead {font-size: 1.4em; display:block; background: url(../images/featureSpecial_top.gif) no-repeat top; padding: 11px 5px 0px 12px; margin-bottom: 0px; height: 30px;} div.featureSpecial h2.featuredArticleHeadTopPad {font-size: 1.4em; display:block; background: url(../images/featureSpecial_topPad.gif) no-repeat top; padding: 21px 5px 0px 12px; margin-bottom: 0px; height: 30px;} /*sub page boxes*/ div#primaryContent h2.recentArticleHeadSubpage {font-size: 1.4em; display:block; background: url(../images/recentArticlesSubpageTop.gif) no-repeat top; padding: 9px 5px 0px 12px; margin: 0px 10px 5px 10px; height: 20px;} div.featureSpecialSubpage {width: 375px; background: url(../images/featureSpecialSubpage_bottom.gif) bottom no-repeat; overflow: auto; margin: 0 10px 10px 10px; padding-bottom: 10px;} div.featureSpecialSubpage h2.featuredArticleHead {font-size: 1.4em; display:block; background: url(../images/featureSpecialSubpage_top.gif) no-repeat top; padding: 11px 5px 0px 12px; margin-bottom: 0px; height: 30px;} div.featureSpecialSubpage h2.featuredArticleTopPad {font-size: 1.4em; display:block; background: url(../images/featureSpecial_topPad.gif) no-repeat top; padding: 21px 5px 0px 12px; margin-bottom: 0px; height: 30px;} /*needed since deprecating fw.css*/ div#recentArticles h3 { clear:both; font-size:1.4em; font-weight:bold; } /*Physician's First Watch Box PFW on all pages except PFW Landing */ div#firstWatch{width: 215px; background: url(../images/3rdColPFWBacker_bottom.gif) bottom no-repeat; margin-right: 10px; margin-bottom: 10px; padding-bottom: 15px;} div#firstWatch h2 {font-size: 1.4em; display:block; background: url(../images/3rdColPFWBacker_top.gif) no-repeat top; padding: 11px 5px 0px 12px; margin-bottom: 0px; height: 30px;} div#firstWatch h2 span {float: left;} div#firstWatch a.rssIcon {display: block; float: right; width: 16px; height: 16px; margin-right: 9px; _margin-right: 0px; _padding-right: 9px; background: url(../images/icon_rssPFW.gif) no-repeat; text-decoration: none; color: #000; text-indent:-9999px;} div#firstWatch p {padding: 0px 12px 7px 12px; font-size: 1.18em; } div#firstWatch p a, div#firstWatch p a:link, div#firstWatch p a:hover, div#firstWatch p a:visited {font-weight: bold; color: #000; text-decoration: underline; } div#firstWatch ul {padding: 5px 15px 0px 5px; margin-left: 15px;} div#firstWatch ul li {font-size: 1.2em; list-style-image: none; padding-left: 8px; margin-bottom: 6px; background: url(../images/icon_arrow_black.gif) 0 3px no-repeat;} div#firstWatch ul li a {color: #0054a6; text-decoration: underline;} div#firstWatch ul li a:hover {text-decoration: underline;} div#firstWatch h6 {text-align: right; padding: 0px 15px 10px 5px; font-size:1.1em; font-weight: normal;} div#firstWatch h6 a, div#firstWatch h6 a:link, div#firstWatch h6 a:visited, div#firstWatch h6 a:hover {color: #0054a6; text-decoration: underline; } div#firstWatch h3 {padding: 3px 9px 6px 12px;font-size:1.3em;} div#firstWatch h3 sup {font-size: .87em; vertical-align: top;} input {font-size: 1.1em;} input#email {width: 160px; margin-left: 12px;margin-top: 2px;float: left;} input#buttonSignUp {float: right; margin: 0px 12px 0px 0; padding: 0px;} /*JUST topStoryBox tweaked styles from PFW to allow for different background colors 12/2010*/ div#topStoryBox {width: 215px; margin: 10px 0;} div#topStoryBox h2 {font-size: 1.4em; display:block; background: url(../images/3rdColStoryBacker_top.gif) no-repeat top; padding: 11px 5px 0px 12px; margin: 0px; height: 20px;} div#topStoryBoxLinks {background: url(../images/3rdColStoryBacker_bottom.gif) bottom no-repeat; margin: 0px; padding: 15px 0;} div#topStoryBox p {padding: 0px 12px 7px 12px; font-size: 1.2em; } div#topStoryBox p a, div#topStoryBox p a:link, div#topStoryBox p a:hover, div#topStoryBox p a:visited {font-weight: bold; color: #000; text-decoration: underline; } div#topStoryBox ol {font-size: 1.2em; margin: 5px 10px 0 30px;} div#topStoryBox ol li {list-style: decimal; margin-bottom: 6px;} div#topStoryBox ol li a {color: #0054a6; text-decoration: underline;} div#topStoryBox ol li a:hover {text-decoration: underline;} /*adding gallery styles to topStoryBox 8/11*/ div#topStoryBox p.more {text-align:right; font-weight:normal; font-size: 10px; padding-bottom: 0px; margin-bottom: 0px;} div#topStoryBox p.more a, div#topStoryBox p.more a:visited {font-weight:normal; color: #0054a6} div#topStoryBox p.articleTitleLink {margin: 0 15px; padding: 0 10px 2px!important;} div#topStoryBox p.articleTitleLink a, div#topStoryBox p.articleTitleLink a:visited {font-size: 11px; color: #0054a6!important; text-decoration:none!important;} div#topStoryBox p.articleTitleLink a:hover {text-decoration:underline!important;} p.imageLink{margin: 10px 0 0 0; padding: 0 10px 5px!important;} p.imageLink img {border: 1px solid #b2cbe4; padding: 5px; margin: 0 10px;} div#topStoryBox .articleAttributes {margin: 0 15px; padding: 0 10px 7px;} div#topStoryBox .articleAttributes li {line-height:1em;} .articleAttributes a, .articleAttributes a:hover, .articleAttributes a:visited{color: #336699!important; text-decoration: underline!important;} div.galleryArchive { font-size: 1.1em; padding: 0 0 10px 0; margin: 0 0 10px 0; background: #FFFFFF; border: 1px solid #D5D3D1; width: 579px; overflow:auto; } div.galleryRow {clear: both;} div.galleryItem { float: left; _display: inline; width: 170px; margin: 5px 0px 0 17px; _margin: 5px 0 0 15px; min-height: 200px; vertical-align:top; } div.galleryArchive p.articleTitleLink {margin: 0 0px; padding: 0 0 5px!important;} div.galleryArchive p.articleTitleLink a, div.galleryArchive p.articleTitleLink a:visited {font-size: 11px; color: #0054a6!important; text-decoration:none!important;} div.galleryArchive p.articleTitleLink a:hover {text-decoration:underline!important;} div.galleryArchive p.imageLink{margin: 10px 0 0 0; padding: 0 0px 5px!important;} div.galleryArchive p.imageLink img {border: 1px solid #b2cbe4; padding: 5px; margin: 0px;} div.galleryArchive .articleAttributes {margin: 0 0px; padding: 0 0px 3px 0;} div.galleryArchive .articleAttributes li {line-height: 1em!important;} /*PFW Landing page*/ /*PFW article page sign up AJP 7/16/09 */ div.firstWatchSignUp {background:transparent url(../images/pfwArticleSignUpBot.jpg) no-repeat bottom; color:#000000;} div.firstWatchSignUpHolder {background:url(../images/pfwArticleSignUpTop.jpg) no-repeat top; margin-bottom:0px; padding: 10px 20px 10px 24px;} div#primaryContent div.firstWatchSignUpHolder h2 {} div#primaryContent div.firstWatchSignUpHolder h3 {line-height: 1.5em; font-size: 1.1em; margin-right: 10px;} div.firstWatchSignUpForm {margin: 15px 5px 0px 0px; padding-bottom: 0px; height: 20px;} div.firstWatchSignUpForm form, div.firstWatchSignUpForm form fieldset {text-align: right !important; margin: 0px; padding: 0px;} input#emailPFWArt { width: 110px; color: #888; padding: 3px; margin: 0px 0 0px 12px; font-size: 1em; vertical-align: middle;} input#buttonSignUpPFWArt {border: none; margin: 0px 0 0 6px; padding: 0px; text-indent: -9999px; vertical-align: middle;} div.firstWatchSignUpForm p {font-size:1.2em; line-height:1em;} div.firstWatchSignUpForm p a {text-decoration:none !important; color: #000 !important;} a.rssLink {background:transparent url(../images/icon_rss.jpg) no-repeat 0px 3px; color:#000000; float: left; padding:5px 0px 5px 20px;text-decoration:none;} div#internalAds {width: 215px; margin-right: 10px; margin-top: 10px; _margin-top: 10px; _padding-top: 0px;} /*new textish ads*/ div.adsText {color: #000; width: 215px; min-height: 90px; margin-bottom: 10px; background: url(../images/3rdColAdBacker_bottom.gif) no-repeat bottom; } div.adsText h2 {font-size: 1.4em; background: url(../images/3rdColAdBacker_top.gif) no-repeat top; padding: 11px 5px 0px 12px; margin-bottom: 0px; height: 30px;} div.adsText h2.adBackerToponGrey {font-size: 1.4em; background: url(../images/3rdColAdBackeronGrey_top.gif) no-repeat top; padding: 11px 5px 0px 12px; margin-bottom: 0px; height: 30px;} div.adsText p {padding: 0px 12px 7px 12px; font-size: 1.18em; } div.adsText p a, div.adsText p a:link, div.adsText p a:visited, div.adsText p a:hover {font-weight: bold; color: #000; text-decoration: underline; } /*newsletters*/ div#newsLetters { width: 215px; margin-top: 10px; margin-bottom: 10px; background-repeat: no-repeat; } div#newsLetters a { height: 115px; display:block;} div#newsLetters a span {position: absolute; left: -10000px;} div.newsDefault {background: url(../images/newsletters_lg.jpg)} div.newsArticle {background: url(../images/newsletters_articles_lg.jpg)} div.newsCard { background:url(../images/newsletters_cardio_lg.jpg);} div.newsDerm { background:url(../images/newsletters_derm_lg.jpg);} div.newsEmerg { background:url(../images/newsletters_emerg_lg.jpg);} div.newsGastro { background:url(../images/newsletters_gastro_lg.jpg);} div.newsGenMed { background:url(../images/newsletters_genmed_lg.jpg);} div.newsHIV { background:url(../images/newsletters_hiv_lg.jpg);} div.newsInfectDis { background:url(../images/newsletters_infectdis_lg.jpg);} div.newsNeuro { background:url(../images/newsletters_neuro_lg.jpg);} div.newsPeds { background:url(../images/newsletters_peds_lg.jpg);} div.newsPsych { background:url(../images/newsletters_psych_lg.jpg);} div.newsWomen { background:url(../images/newsletters_women_lg.jpg);} /*content ad banners*/ div#adBanners {width: 160px; text-align: center; } div#adBanners div {margin-bottom: 10px;} /*search*/ div#searchSite {background: url(../images/bg_search_border_bottom.gif) bottom no-repeat; width: 160px; margin-bottom: 10px;} div#searchSite div.holder {background: url(../images/bg_search_border_top.gif) top no-repeat; padding: 10px;} div#searchSite h3 {background: url(../images/text_search.gif) no-repeat; height: 11px; margin-bottom: 5px;} div#searchSite h3 span {position: absolute; left: -10000px;} div#searchSite form, div#searchSite fieldset {width: 140px; border: none; position: relative;} div#searchSite legend, div#searchSite label {position: absolute; left: -10000px; visibility: hidden;} input#txtSearch {width: 135px; margin-bottom: 5px;} input#buttonSearch {float: right; margin-top: -20px;} div#searchSite a {line-height: 20px; width: 50px; display: block; color: #003366} /*sign in*/ div#signIn {background: #C9DDA8 url(../images/bg_signin_border_bottom.gif) bottom no-repeat; width: 160px; height: auto; margin-bottom: 10px;} div#signIn div.holder {background: url(../images/bg_signin_border_top.gif) top no-repeat; padding: 10px;} div#signIn h3 {background:url(../images/text_signin.gif) no-repeat; height: 13px; margin-bottom: 5px;} div#signIn h3 span {position: absolute; left: -10000px;} div#signIn form, div#signIn fieldset {width: 140px; border: none; position: relative;} div#signIn legend, div#signIn label {position: absolute; left: -10000px;} div#signIn label.doShow {position: static; display: inline; font-size: 1.1em;} input#txtName, input#txtPass {width: 135px; margin-bottom: 5px; display: block;} input#buttonSignIn {float: right; margin-top: 5px;} a.forgotPass {display: block; clear: right; padding-top: 5px; text-align: right; color: #003366;} div#signIn h4.SignedInState {font-size: 1.1em; padding-bottom: .5em; width: 135px; overflow: hidden; text-overflow:ellipsis;} div#signIn li {line-height: 1.5em; } a.SignedInLink {color: #003366;font-size: 1.1em; display: inline;} /*new to jwatch*/ div#newToJW {background: url(../images/bg_notmember_border_bottom.jpg) bottom no-repeat; width: 160px; margin-bottom: 10px;} div#newToJW div.holder {background:url(../images/bg_notmember_border_top.gif) top no-repeat; padding: 10px; _padding-bottom: 2px;} div#newToJW h3 {background:url(../images/text_newtojwatch.gif) no-repeat; height: 10px; margin-bottom: 5px;} div#newToJW h3 span {position: absolute; left: -10000px;} div#newToJW ul {margin-top: 10px;} div#newToJW li.first {float: left; padding-right: .5em; border-right: 1px solid #999; margin-right: .5em;} div#newToJW li a {color: #003366; text-decoration: underline; display: block;} /*util nav 2 */ ul#utilityNavigation2, ul.legalInfo, div.copyrightInfo {display: block; float: left; clear: left; margin-bottom: 5px;} div.copyrightInfo {padding-bottom: 10px;} ul#utilityNavigation2 li, ul.legalInfo li {float: left; list-style: none; padding: 0 .5em 0 .5em; font-size: 1.1em; border-right: 1px solid #999;} ul#utilityNavigation2 li.first, ul.legalInfo li.first {padding-left: 0;} ul#utilityNavigation2 li.last, ul.legalInfo li.last {border: none;} ul#utilityNavigation2 li a, ul.legalInfo li a {color: #000; text-decoration: none; display: block; line-height: 1.1em;} /*some link styles*/ ul#utilityNavigation1 li.thisPage a, ul#utilityNavigation2 li.thisPage a {color: #0054A6;} ul#utilityNavigation1 li a:hover, ul#utilityNavigation2 li a:hover, div.copyrightInfo a:hover, ul.legalInfo li a:hover, ul#myNavigation li a:hover {color: #0054A6;} div.copyrightInfo a {color: #003366; text-decoration: underline;} /*no dotted link borders in firefox*/ a {outline: none;} /*abs positioned elements in right column Tweaked 4/5/2011 to account for taller signin box*/ div#searchSite {position: absolute; right: 0; top: 0;} div#membersArea {position: absolute; right: 0; top: 9em; _top: 9.5em; *top: 9.5em;} div#adBanners {position: absolute; right: 0; top: 34.8em; _top: 38.5em; *top: 35.5em;} /*Web Links*/ div#articleArea .webLinksList { font-size:inherit; line-height: inherit; margin: inherit } /*add bg image to Advertisement */ div#adBanner728x90 { background: transparent url(../images/adtext_v.gif) no-repeat scroll left center; margin: 0 auto; padding: 0 15px; vertical-align: middle; width: 728px; } div#adBanner160x600 { background: transparent url(../images/adtext.gif) no-repeat scroll center top; padding: 15px 0; text-align: center; } /* To override Athens signin page which is not in a regular template 4/5/2011 AJP*/ div.ac_region { font-size: 100%; line-height: 1.5em; margin: 10px auto 0px auto; padding: 20px; width: 940px; border: 1px solid #b2cbe4; -webkit-border-radius: 11px; /*I don't care if IE doesn't radius for this.*/ -moz-border-radius: 11px; border-radius: 11spx; } div.ac_region h1 { margin: 3px 0px; padding: 0px; } div.ac_region p { font-size: 1.2em; line-height: 1.3em; margin: 6px 0px; padding: 0 -20px; } div.ac_region div#footerContent { position: relative; top: 30px; margin: 10px -20px 0px -20px; background: none; border: none;} /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> IE hacks: I'm using the underscore hack for now - these SHOULD be unnecessary in ie7 and won't be seen -ha- */ /*primary nav */ ul#primaryNavigation {_margin-left: 5px;} /*IE didn't like the 10px margin */ ul#primaryNavigation li ul li a {_height: 1.4em; }/*IE was making the li heights to tall */ ul#primaryNavigation li {_height: 22px; _margin-bottom: -3px;} ul#primaryNavigation li ul {_padding-bottom: 3px;} ul#primaryNavigation li ul li {margin-bottom: 0;} /*spotlight area */ div.spotlightSpecialtyCare h2 {_position: static; _float: right; _margin-top: 5px; _margin-right: 3px;}/*funkyness in the tab alignment */ div.spotlightPrimaryCare h2 {_position: static; _float: right; _margin-top: 5px; _margin-right: 60px;} /*funkyness in the tab alignment */ /*recents*/ div#recentArticles {} ul.articleMedia {_margin-bottom: -10px;} /*right col goodies */ div#secondaryContent {_margin-right: 5px; /*_height: 109.5em;*/ _height: 120em;} input#txtSearch, input#txtName, input#txtPass {_width: 130px;} div#firstWatch ul { _height: 3.7em;}