/*_________________________________________________________________________________ HEADER LAYOUT ===================================================================================*/ #header { height: 100px; margin: 0px 1px 0px 1px; padding: 0px; border-top: 1px solid #000; position: relative; color: #000; } #header form#googleCse { top: 56px; left: auto; right: 144px; } /*this is the div for the current issue cover and description */ #magazineItems { width: 411px; height: 96px; position: relative; overflow: visible; float: right; color: #fff; background: transparent; } #magazineItems #magazineItemsText { width: 267px; margin: 7px 17px 0px 0px; overflow: hidden; float: left; font-family: Arial, Helvetica, sans-serif; text-align: left; background-color: #BEBABC; /* put gradient in here */ } #magazineItems #magazineItemsText h4 { margin: 0px; padding: 3px 10px; border-bottom: 1px solid #E5E3E4; color: #fff; font-weight: bold; text-align: center; background-color: #990000; } #magazineItems #magazineItemsText h2 { width: 267px; margin: 0px 0px 0px 0px; padding: 3px 0px 4px; } #magazineItems #magazineItemsText h2 a { width: 133px; margin-left: -1px; padding: 2px 0px 4px; border-left: 1px solid #E5E3E4; display: inline-block; text-align: center; } #magazineItems #magazineItemsText a:link, #magazineItems #magazineItemsText a:visited, #magazineItems #magazineItemsText a:active { color: #900; } #magazineItems #magazineItemsText a:hover, #magazineItems #magazineItemsText a:focus { color: #06f; } /* this breaks is ie6 and has a patch to fix it in the patches.css file */ #magazineItems #magazineItemsImage { width: 115px; height: 157px; margin: 7px 5px 5px 5px; padding: 1px; overflow: hidden; position: relative; float: left; z-index: 50; background-color:#666;/*background: transparent url("../images/pf/misc/currCoverBg.png") no-repeat 0px 30px;*/ -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000; } #magazineItems #magazineItemsImage a img, #magazineItems #magazineItemsImage a { width: 115px; height: 157px; border: none; text-decoration: none; } #magazineItems #magazineItemsImage span { width: 115px; height: 157px; border: 1px solid #990000; display: block; position: absolute; top: 0px; left: 0px; color: #fff; text-align: center; text-decoration: none; -moz-box-shadow: 0px 0px 7px rgba(153,0,0,.6) inset; -webkit-box-shadow: 0px 0px 7px rgba(153,0,0,.6) inset; box-shadow: 0px 0px 7px rgba(153,0,0,.6) inset; } #magazineItems #magazineItemsImage span strong { width: 115px; display: block; position: absolute; bottom: 0px; left: 0px; color: #fff; font-size: 13px; line-height: 23px; text-align: center; background-color: #990000; background: rgba(153,0,0,.8); } #magazineItems #magazineItemsImage > a span { display: none; } #magazineItems #magazineItemsImage a:hover span { display: block; } /* Old Styles to be deleted */ /*#magazineItems #magazineItemsText { width: 135px; height: 90px; padding: 10px 5px; overflow: hidden; float: left; font-family: Arial, Helvetica, sans-serif; text-align: right; }*/ /*#magazineItems #magazineItemsText { width: 110px; height: 84px; padding: 6px 6px 0px; overflow: visible; float: left; z-index: 51; text-align: left; }*/ #magazineItems #magazineItemsText p { width: 117px; height: 34px; margin: 0px; position: absolute; top: 0px; right: 7px; z-index: 52; font-weight: bold; font-size: 14px; line-height: 34px; text-align: center; } /*#magazineItems #magazineItemsText a:link, #magazineItems #magazineItemsText a:active, #magazineItems #magazineItemsText a:visited { color: #326076; } #magazineItems #magazineItemsText a:hover, #magazineItems #magazineItemsText a:focus { color: #06f; }*/ #magazineItems #magazineItemsText ul { margin: 0px; padding-top: 3px; } #magazineItems #magazineItemsText ul li { margin: 0px 0px 9px 0px; font-size: 10px; line-height: 12px; text-align: right; } #magazineItems #magazineItemsText ul li.cartLink { height: 15px; overflow: hidden; line-height: 15px; } #magazineItems #magazineItemsText ul li.cartLink a { height: 13px; padding-left: 20px; overflow: hidden; background: url("../images/ct/misc/cartIcon-11.gif") no-repeat 0 0; } #magazineItems #magazineItemsText ul li.cartLink a:hover { background-position: 0px -13px; } /*#magazineItems #magazineItemsImage { width: 115px; height: 156px; padding: 39px 5px 5px 5px; overflow: hidden; float: left; z-index: 50; background: transparent url("../images/ct/misc/currCoverBg-11.gif") no-repeat 0px 34px; } #magazineItems #magazineItemsImage a img, #magazineItems #magazineItemsImage a { width: 115px; height: 156px; border: 0px none; } end old code */ /*_________________________________________________________________________________ BASIC STYLES ===================================================================================*/ ul, ol { margin: .5em 0 1em; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.35em; } div#col1_content ul, div#col1_content ol { margin-top: 0px; } div#col1_content ul ul, div#col1_content ol ol { margin: 5px 0px; } div#col2_content ul { list-style: disc outside; } li { margin: 0 0 .5em 25px; } h1.listTitle, #col2_content h1 { font-size: 28px; line-height: 34px; } /*====== Exceptions to new headline size =====================*/ /*making an exception for the homepage since the url + rss icon is too long for column 1 */ body#homepage #main h1 { font-size: 25px; line-height: 29px; } div#currentIssue h1, div#comingSoon h1 { font-size: 20px; line-height: 22px; } /* rss feed icon */ h1.listTitle a { margin: 0px; padding-left: 5px; color: #06f; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 11px; text-decoration: none; } h1.listTitle a img { width: 12px; height: 12px; margin-right: 5px; } h1.listTitle a:hover:after { content: "Sign up for this RSS Feed"; } body#homepage h1.listTitle a:hover:after { content: ""; } a.regBtn, a.regBtn:link, a.regBtn:visited { width: 150px; height: 25px; color: #fff; line-height: 25px; text-align: center; background: #06f; } a.regBtn:hover, a.regBtn:focus { border-color: #333; background-color: #07f; } a.regBtn:active { background-color: #05f; } /*_________________________________________________________________________________ GENERIC FORM STYLES ===================================================================================*/ div.formWrapper { width: 420px; } /*#main form { overflow: hidden; margin-bottom: 10px; } form label { font-size: 13px; font-weight: bold; padding: 4px 10px 0px 7px; vertical-align: top; text-align: left; display: block; width: 140px; float: left; } textarea, input.text { font-size: 13px; width: 225px; margin: 0px; border: 1px solid #000; padding: 4px 3px; font-family: Lucida Grande, Arial, Helvetica, sans-serif; background-color: #fbfbfb; -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,.3); -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,.3); box-shadow: inset 0px 0px 5px rgba(0,0,0,.3); } textarea:focus, input.text:focus { border-color: #444; -moz-box-shadow: 0px 0px 5px rgba(0,102,255,.7); -webkit-box-shadow: 0px 0px 5px rgba(0,102,255,.7); box-shadow: 0px 0px 5px rgba(0,102,255,.7); } form div.checkbox { padding-left: 157px; } input.checkbox, form div.checkbox input { float: left; margin-right: 7px; } form div.checkbox label { padding: 0px 10px 0px 20px; width: auto; float: none; } textarea { max-width: 300px; height: 100px; max-height: 150px; line-height: 16px; } select { margin: 0px 5px 0px 0px; } form div.submit { border-bottom: 0px none; padding-left: 157px; }*/ /*input.submit { font-weight: bold; color: #fff; padding: 3px 5px; font-size: 13px; border: 1px solid #000; cursor: pointer; background: #900 url("../images/ct/misc/redGradient-11.gif") repeat-x 0 0; text-shadow: 1px 1px 1px rgba(0,0,0,.5); } input.submit:hover, input.submit:focus { text-decoration: underline; cursor: pointer; background-position: 0px -100px; border-color: #666; } input.submit:active { text-shadow: -1px -1px 1px rgba(0,0,0,.8); color: #fff; color: rgba(255,255,255,.9); background-position: 0px 0px; -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.8); box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.8); }*/ /*option { -moz-border-radius: 8px; -webkit-border-radius: 8px; } - possible but can mess up on short options, like the 2-digit month drop-down. */ /*form div p { margin: 2px 0px 0px; padding-left: 157px; }*/ /* -- UTILITY FORM STYLES -- */ /*input.error { border: 2px solid #900; margin-left: -1px; } input.error:focus { border-color: #900; } fieldset.error { border: 1px solid #900; } fieldset.error legend, label.error { color: #900; } div.validation-advice { margin: -7px 0px 10px; padding-left: 157px; color: #900; font-size: 11px; line-height: 13px; } p.requiredNotice { color: #666; font-size: 12px; } span.requiredField { color: #900; font-size: 14px; margin-right: 2px; } form label span.requiredField { margin-left: -7px; } p.helpText { margin: -6px 0px 10px; color: #666; font-size: 11px; line-height: 13px; } p.error_message, p.errorMessage { margin: 0px 0px 10px; padding: 5px 10px; border: 2px solid #900; color: #900; font-weight: bold; font-size: 14px; line-height: 17px; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0px 0px 4px rgba(153,0,0,.8); -webkit-box-shadow: 0px 0px 4px rgba(153,0,0,.8); box-shadow: 0px 0px 4px rgba(153,0,0,.8); } p.thanks_message, p.thanksMessage { margin: 0px 0px 10px; padding: 5px 10px; border: 1px solid #000; color: #000; font-weight: bold; font-size: 13px; line-height: 17px; text-align: center; background-color: #ff8; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.4); -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.4); box-shadow: 0px 1px 4px rgba(0,0,0,.4); }*/ /* honeypot */ /*form div.subject, form label#subjectLabel, form input#subject { display: none !important; }*/ /*_________________________________________________________________________________ TABLE STYLES ===================================================================================*/ table#formula { border-collapse: separate; margin-bottom: 10px; width: 100%; } table#formula td { padding: 5px; border-style: solid; border-color: #333; } #main table#formula td.part { padding: 10px 0px 0px 0px; background-color: #fff; border-width: 0px; } #main table#formula td.part strong { background-color: #333; color: #fff; display: block; padding: 5px; } table#formula td.ingredient { border-width: 0px 0px 1px 1px; } table#formula td.amount { border-width: 0px 1px 1px 0px; width: 75px; text-align: right; } table#formula tr.odd td, table#formula td.odd { background-color: #fff; } table#formula tr.even td, table#formula td.even { background-color: #e5e3e4; } /*_________________________________________________________________________________ AD STYLES ===================================================================================*/ div#leaderboardAd { padding: 5px 0px; height: 92px; margin: 0px auto; text-align: center; } div#leaderboardAd div#leaderboardAdLabel { height: 92px; width: 730px; overflow: hidden; display: inline-block; margin: 0px auto; padding: 0px 0px 0px 10px; text-align: center; background: url("../images/shared/adLabel-v-wht.gif") 0px 50% no-repeat; } div#leaderboardAd div#leaderboardAdLabel div.adBackground { width: 728px; height: 90px; border-color: #333; } div.ad { padding: 15px 0px 10px; border-top: 1px solid #000; margin: 0px; background: url("../images/shared/adLabel-h-blk.gif") 50% 4px no-repeat; } div.ad div.adBackground { margin: 0px; padding: 0px; border: 1px solid #000; display: inline-block; overflow: hidden; background-color: #fff; } /* this puts a border around any image used in an ad */ div.sponsoredLogo { width: 230px; text-align: center; background-color: #fff; padding: 10px; border: 1px solid #000; margin: 10px 0px; } /*____________________________________________________________________________________________________________ MAIN STYLES: LIST/DETAIL/GATEWAY PAGES ==============================================================================================================*/ /*_________________________________________________________________________________ LIST STYLES ===================================================================================*/ div.itemList { margin: 0px -10px 0px -10px; clear: both; } div.itemDeck { margin: 0px; overflow: hidden; } div.itemDate { overflow: hidden; text-align: left; display: block; padding: 10px 10px 0px; } div.itemDate h4 { padding: 0px; margin: 0px; } div.itemDesc { padding: 5px 10px 10px; text-align: left; background: url("../images/ct/misc/itemBg.gif") repeat-x 0 100%; } div.itemDesc h5 { margin: 0px 0px 5px; } div.itemDeck h2 { margin: 0px 0px 5px; line-height: 20px; } div.itemDeck h2 a:link { color: #326076; } div.itemDeck h2 a:visited { color: #222; } div.itemDeck h2 a:hover { color: #06f; } #main div.itemDeck p { margin: 0px 0px 7px 0px; } div.itemDeck img { float: left; margin: 3px 6px 6px 0px; border: 1px solid #999; } /* --- Exceptions to list styles - sponsored, paid, formula etc. ----------- */ div.itemList div.last { margin-bottom: -1px; } div.itemList div.last div.itemDesc { padding-bottom: 0px; background-image: none; } div.itemList div.sponsored { background-color: #cdc; } div.itemList div.sponsored h4 { padding: 10px 10px 0px; font-weight: bold; color: #6b2312; margin: 0px; } div.itemList div.sponsored div.itemDate h4 { margin: 0px; padding: 0px; font-weight: normal; color: #666; } div.itemList div.first.sponsored { background: #cdc url("../images/ct/misc/itemBg-sc-top.gif") repeat-x 0 0; margin-top: -5px; padding-top: 5px; } div.itemList div.sponsored div.itemDesc { background: url("../images/ct/misc/itemBg-sc.gif") repeat-x 0 100%; } div.itemList div.paid div.itemDesc h2 { background: url("../images/icons/paid.gif") no-repeat 0% 50%; padding-left: 20px; } div.itemList div.formula div.itemDesc h2 { background: url("../images/icons/formula.gif") no-repeat 0% 50%; padding-left: 20px; } div.itemList div.video.gallery div.itemDesc h2 { background: url("../images/icons/video-photo.png") no-repeat 0% 50%; padding-left: 45px; } div.itemList div.gallery div.itemDesc h2 { background: url("../images/icons/photos.png") no-repeat 0% 50%; padding-left: 25px; } div.itemList div.video div.itemDesc h2 { background: url("../images/icons/video.png") no-repeat 0px 4px; padding-left: 20px; } /* --- TAB styles: this is the ul before an itemList that lets you filter by the different types of content -- */ #col2_content ul.contentFilters { overflow: hidden; display: inline-block; margin: 10px -10px; padding: 0px 10px; background: url("../images/ct/misc/blackDot.gif") repeat-x 0 100%; width: 100%;} #col2_content ul.contentFilters li { display: inline; margin: 0px; padding: 0px; } #col2_content ul.contentFilters li a { height: 22px; padding: 0px 0px 0px 10px; margin: 0 3px 0 0; float: left; background: url("../images/ct/misc/tabLeft.gif") no-repeat 0 -22px; } #col2_content ul.contentFilters li#formulas a { background-image: url("../images/ct/misc/tabLeftForm.gif"); padding-left: 26px; } #col2_content ul.contentFilters li#paidArticles a { background-image: url("../images/ct/misc/tabLeftPaid.gif"); padding-left: 26px; } #col2_content ul.contentFilters li#formulas a:hover, #col2_content ul.contentFilters li#paidArticles a:hover { background-position: 0px -44px; } #col2_content ul.contentFilters li#formulas.curr_page a:hover, #col2_content ul.contentFilters li#paidArticles.curr_page a:hover { background-position: 0px 0px; } #col2_content ul.contentFilters li.curr_page a { background-position: 0 0px; } #col2_content ul.contentFilters li.curr_page a span { background-position: 100% 0px; } #col2_content ul.contentFilters li a span { height: 22px; padding: 0 10px 0 0; margin: 0px; line-height: 22px; text-align: center; float: left; display: block; overflow: hidden; cursor: pointer; background: url("../images/ct/misc/tabRight.gif") no-repeat 100% -22px; } /*_________________________________________________________________________________ C3TP AD STYLES ===================================================================================*/ div#c3tpAd { margin: 0px -1px; padding: 5px 11px 15px 11px; overflow: hidden; background: url("../images/ct/layout/divider.gif") repeat-x 0 100%; } div#c3tpAd img { float: right; margin: 5px 0px 3px 10px; } div#c3tpAd h2 { margin-bottom: 5px; } div#c3tpAd p { margin: 0px; } /*_________________________________________________________________________________ MOST POPULAR STYLES ===================================================================================*/ div#mostReadList { margin: 0px; padding: 10px; background-color: #fff; } div#mostReadList h2 { font-weight: normal; margin-bottom: 0px; } div#mostReadList div.mostReadItem { padding: 3px 0px 0px 0px; border-top: 1px solid #666; margin: 0px; clear: both; overflow: hidden; } div#mostReadList div.mostReadItem.first { border-top: none; padding-top: 6px; } div#mostReadList p.mostReadCount { float: left; width: 35px; padding: 1px 0px 9px; display: inline; height: 14px; margin: 3px 6px 6px 0px; text-align: center; font-weight: bold; font-size: 14px; line-height: 14px; background: url("../images/shared/mostViews.gif") no-repeat 50% 100%; } div#mostReadList p.mostReadNum { float: left; width: 30px; display: inline; margin: 3px 6px 6px 0px; text-align: right; font-size: 14px; line-height: 14px; font-weight: bold; } div#mostReadList p.mostReadLink { padding: 0px 0px 0px 42px; margin: 0px 0px 6px 0px; } div#mostReadList p.mostReadLink a:link { color: #326076;} div#mostReadList p.mostReadLink a:visited { color: #222;} div#mostReadList p.mostReadLink a:hover { color: #06f;} /*_________________________________________________________________________________ ARTICLE DETAIL PAGE STYLES ===================================================================================*/ div.excerpt { float: left; width: 100px; margin: 0 10px 0 0; padding: 0px; } div.excerpt p { margin: 0px; padding: 0px 0px 0px 17px; background: url("../images/icons/paid.gif") no-repeat 0% 50%; color: #900; font-weight: bold; font-size: 12px; } p.excerpt { font-weight: bold; } div#payOptions { margin: 10px -10px 0; padding: 10px; background-color: #e5e3e4; } div#payOptions p { margin: 10px 0px 0px; } /* --- ARTICLE ADD-ONS ------------------ */ div#articleExtras { width: 202px; float: right; margin: 0px 0px 10px 10px; border-color: #666; border-style: solid; border-width: 1px; background-color: #e5e3e4; padding: 5px 5px 0px 5px; -moz-box-shadow: -1px 1px 5px rgba(0,0,0,.3); -webkit-box-shadow: -1px 1px 5px rgba(0,0,0,.3); box-shadow: -1px 1px 5px rgba(0,0,0,.3); } div#articleExtras div { border: 1px solid #666; background-color: #fff; margin: 0px 0px 5px 0px; padding: 6px; } /* applies to both div#image and any div.addOn */ div#articleExtras div#articleImage { text-align: center; padding: 0px; } div#articleExtras div#articleImage p { margin: 0px 0px 0px 0px; padding: 6px; font-size: 11px; line-height: 15.5px; border-top: 1px solid #73787d; } /* image captions */ div#articleExtras div#purchaseArticle h2 { margin: 0px 0px 5px; } div#articleExtras div#purchaseArticle p { margin: 0px; font-weight: bold; } div#articleExtras div#purchaseArticle p#purchaseLink { margin: 5px 0px 0px; padding: 0px; text-align: center; } /* - I would like to replace this with a.button - div#articleExtras div#purchaseArticle p#purchaseLink a { border: 1px solid #000; display: inline-block; font-weight: bold; color: #fff; padding: 3px 10px; text-decoration: none; background: url("../images/ct/misc/redGradient2.gif") repeat-x 0 0; } div#articleExtras div#purchaseArticle p#purchaseLink a:hover { text-decoration: underline; }*/ div#articleExtras div#purchaseArticle ul { list-style: none; margin: 0px 0px 10px; } div#articleExtras div#purchaseArticle ul li { margin: 0px 0px 3px; line-height: 15px; color: #666; } div#articleExtras div#purchaseArticle ul.articleKeywords { list-style: disc; } div#articleExtras div#purchaseArticle ul.articleKeywords li { margin: 0 0 3px 15px; } div#articleExtras div h2 { margin: 0px; padding: 0px; } div#articleExtras div#gallery h2.gallery { padding-left: 25px; background: url("../images/icons/photos.png") no-repeat 0% 50%; } div#articleExtras div#video h2.video { padding-left: 20px; background: url("../images/icons/video.png") no-repeat 0px 4px; } div#articleExtras div ul { margin: 0px 0px 3px 0px; list-style-type: none; } div#articleExtras div li { margin: .5em 0px 0px 0px; line-height: 1.25em; color: #000; } div#articleExtras div#gallery p#gallerySponsor { font-size: 11px; line-height: 13px; margin: 3px 0 0; } /* ------- Lab Practical Styles ----------- */ div#labPractical { padding-left: 50px; background: url("../images/ct/misc/labPracticalLogo.png") no-repeat 5px 10px; overflow: hidden; } div#labPractical h3 { margin-bottom: 0px; } div#labPractical ul li { margin-left: 15px; } /* ------- Sponsored Article Styles ----------- */ div.disclaimer { margin: 0px -10px 10px; padding: 5px 0px; background-color: #cdc; } div.disclaimer p { line-height: 11px; font-size: 11px; text-transform: uppercase; color: #326076; font-weight: bold; text-align: center; padding: 0px; margin: 0px; } div#disclaimer { padding: 15px 11px 0px; margin: 10px -11px 0px; clear: both; background: url("../images/ct/layout/divider.gif") repeat-x 0 0; } div#disclaimer p { color: #666; } div#col3_content div#sponsorInfo { margin-top: 10px; border: 1px solid #000; background-color: #fff; padding: 5px; text-align: center; overflow: hidden; } div#col3_content div#sponsorInfo h2 { text-align: center; } div#col3_content div#sponsorInfo img { max-width: 240px; } div#col3_content div#sponsorInfo h3 { display: inline-block; width: 100%; padding-top: 5px; border-top: 1px solid #000; margin: 10px 0px 2px; text-align: left; } div#col3_content div#sponsorInfo p { margin: 5px 0px; text-align: left; } /* --- AUTHOR BIOS / NEWSLETTER SIGNUP AD styles --------------------------------- */ div#authorBio, div#nlSignupAd { border-bottom: 1px solid #999; border-top: 1px solid #999; clear: both; margin: 20px 0px; overflow: hidden; padding: 10px 10px 1px; -moz-box-shadow: 0px 0px 7px rgba(0,0,0,.3); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.3); box-shadow: 0px 0px 7px rgba(0,0,0,.3); } div#headshot, div#product { float: right; margin: 0px 0px 7px 10px; width: 120px; border: 1px solid #666; padding: 5px; text-align: center; } div#authorBio div#product p, div#authorBio div#headshot p { font-size: 11px; line-height: 15.5px; margin: 6px 0 0; text-align: center; } /* - not sure if we ended up using this or not - */ div#product h3 { text-align: center; } div#nlSignupAd { width: 410px; margin: 20px auto; padding: 10px 15px 1px; text-align: center; } div#nlSignupAd p { font-weight: bold; } /* --- RELATED CONTENT styles --------------------------------------------------- */ div#related { padding: 5px 0px 0px; margin: 0px -11px 0px; clear: both; overflow: hidden; background: url("../images/ct/layout/divider.gif") repeat-x 0 0; } div#related div#categoryListWrapper { padding: 10px 11px; border-top: 1px solid #000; margin-top: -1px; } div#related div#contentItems { padding: 10px 11px; } div#related div#contentItems h2 { margin: 0px; line-height: 16px; } div#related div#contentItems ul { margin: 0px; list-style: none; } div#related div#contentItems ul li { margin: 10px 0px 0px 0px; color: #666; font-size: 11px; font-style: italic; line-height: 15px; font-family: Georgia, "Times New Roman", Times, serif; } div#related div#contentItems ul li a { color: #326076; font-size: 13px; font-style: normal; font-family: Arial, Helvetica, sans-serif; } div#related div#contentItems ul li a:visited { color: #222; } div#related div#contentItems ul li a:hover { color: #06f; } div#related div#categoryListWrapper p#categoryList { margin: 0px; color: #000; font-weight: bold; font-size: 12px; line-height: 15px; padding-left: 7.6em; text-indent: -7.6em; } /* this creates a hanging indent the width of "categories:" */ div#related div#categoryListWrapper p#categoryList a { font-weight: normal; } /*-----------------Book Ad-------------------------------------------------*/ #bookAd { margin-bottom: 11px; border-bottom: 1px solid #999999; border-top: 1px solid #999999; box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); clear: both; overflow: hidden; padding: 10px 10px 1px; } #bookAd h4 { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; line-height: 10px; margin: 0 0 5px; text-transform: uppercase; } #bookAd h2 { color: #41464B; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 20px; margin: 0 0 8px; } #bookAd p { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17.5px; margin: 0.5em 0 1em; } /*____________________________________________________________________________________________________________ PAGE-SPECIFIC STYLES ==============================================================================================================*/ /*_________________________________________________________________________________ HOMEPAGE ===================================================================================*/ body#homepage #col1_content { padding: 6px 10px 0px 10px; } body#homepage #col3_content { padding: 0px; margin: 0px; } /* --- CAROUSEL styles ---------------------------- */ div#carousel { width: 353px; margin: -6px -10px 10px; padding: 4px; border-bottom: 2px solid #000; background-color: #900; } div#stage { width: 353px; height: 222px; overflow: hidden; } div#stage div.wrapper { width: 351px; height: 220px; border: 1px solid #000; position: relative; top: 0px; left: 0px; overflow: hidden; } div#carousel div.slide { width: 351px; height: 220px; border: 1px solid #000; position: absolute; top: -1px; left: -1px; overflow: hidden; z-index: 20; background-color: #fff; } div#carousel div.topSlide { z-index: 500; } div#carousel div.btmSlide { z-index: 490; } div#carousel div.slide div.thumbnail { width: 200px; position: absolute; top: 0px; left: 0px; } div#carousel div.slide div.thumbnail a { display: block; } div#carousel div.slide div.copy { width: 151px; height: 220px; padding: 10px 0px; position: absolute; top: -10px; left: 200px; overflow: hidden; background-color: #fff; -moz-box-shadow: -5px 0px 7px #fff; -webkit-box-shadow: -5px 0px 7px #fff; box-shadow: -5px 0px 7px #fff; } div#carousel div.slide div.copy a { display: block; text-decoration: none; } div#carousel div.slide div.copy a:visited { color: #222; } div#carousel div.slide div.copy h2 { margin: 0px; } div#carousel div.slide div.copy h2 a { padding: 10px 10px 4px; } div#carousel div.slide div.copy p { margin: 0px; line-height: 16px; } div#carousel div.slide div.copy p a { min-height: 175px; padding: 3px 10px 10px; } div#carousel div.slide:hover div.copy a, div#carousel div.slide div.copy:hover a, div#carousel div.slide div.copy h2 a:hover, div#carousel div.slide div.copy p a:hover { color: #06f; text-decoration: underline; } /* --- CAROUSEL Controls ---------- */ div#carousel div#controls { height: 30px; margin: 0px -4px -4px; display: none; position: relative; z-index: 502; background: url("../images/ct/misc/redGradient-11.gif") repeat-x 0 0 #900; } div#controls p { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; cursor: pointer; } div#controls p span { display: block; } div#controls p.jumpTo { width: 24px; height: 24px; border-style: solid; border-color: #000; border-width: 0px 1px 1px; position: absolute; top: 0px; z-index: 30; text-align: center; text-shadow: 0px 1px 3px rgba(0,0,0,.8); -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.45) inset; box-shadow: 0px 0px 5px rgba(0,0,0,.45) inset; } div#controls p.jumpTo:hover { background-color: #900; -moz-box-shadow: none; box-shadow: none; } div#controls p.jumpTo span { width: 24px; height: 24px; margin: 0px; padding: 0px; display: block; color: #ccc; font-weight: normal; font-size: 15px; line-height: 24px; text-decoration: none; } div#controls p.current { height: 25px; top: -1px; z-index: 510; text-shadow: none; background-color: #fff; -moz-box-shadow: none; box-shadow: none; } div#controls p.current:hover { background-color: #fff; } div#controls p.current span { height: 25px; color: #000; font-weight: bold; line-height: 26px; } div#controls p#jumpButton1 { left: 208px; } div#controls p#jumpButton2 { left: 238px; } div#controls p#jumpButton3 { left: 268px; } div#controls p#jumpButton4 { left: 298px; } div#controls p#jumpButton5 { left: 328px; } div#controls p.skip, div#controls p.pp { width: 20px; height: 20px; position: absolute; top: 5px; background-position: 0px 0px; background-repeat: no-repeat; } div#controls p.skip span, div#controls p.pp span { padding: 1px 4px 0px; border-style: solid; border-color: #000; border-width: 1px 1px 0px; position: absolute; top: -15px; display: none; z-index: 520; color: #fff; font-size: 10px; line-height: 14px; text-transform: uppercase; background-color: #900; word-wrap: normal; -moz-box-shadow: 0px -1px 1px rgba(0,0,0,.6); -webkit-box-shadow: 0px -1px 1px rgba(0,0,0,.6); box-shadow: 0px -1px 1px rgba(0,0,0,.6); } div#controls p#previous { left: 67px; background-image: url("../images/ct/carousel/prev.gif"); } div#controls p#previous span { left: -9px; } div#controls p#play { left: 94px; z-index: 511; background-image: url("../images/ct/carousel/play.gif"); } div#controls p#play span { left: -7px; } div#controls p#pause { left: 94px; z-index: 512; background-image: url("../images/ct/carousel/pause.gif"); } div#controls p#pause span { left: -12px; } div#controls p#next { left: 121px; background-image: url("../images/ct/carousel/next.gif"); } div#controls p#next span { left: -8px; } /*--- NEW CT VIDEO CAROUSEL(JUDI BEERLING) STYLES ---*/ div#col1_content #homepageVideo { margin: -1px -11px 6px; padding: 0 10px 8px; background: url("../images/ct/layout/divider.gif") repeat-x scroll 0 100% transparent; } div#col1_content #homepageVideo .videoWrapper { width: 335px; position: relative; overflow: hidden; z-index: 1; } div#col1_content #homepageVideo h2 { padding: 1px 0 1px 5px; border: 1px solid #666666; color: #ffffff; background-color: #990000; } div#col1_content #homepageVideo #homepageVideoDetail p { width: 329px; margin-top: -3px; padding: 5px; position: relative; z-index: 0; border: 1px solid #000000; background: url("../images/ct/misc/grayGradient.gif") repeat-x scroll 0 0 #E5E3E4; } div.videoWrapper { padding: 3px; background-color: #000; } div#col2_content div.videoWrapper { margin: 10px auto; width: 430px; } /* --- Column 1 and 2 styles ---------------------------- */ body#homepage #col1_content div.itemList div.first, body#homepage #col2_content div.itemList div.first { border-top: 1px solid #000; } body#homepage #col1_content div.itemList div.last div.itemDesc, body#homepage #col2_content div.itemList div.last div.itemDesc { background: none; } /* --- Column 3 styles ---------------------------- */ /*!!!!!!!!EVENTS ARE HERE!!!!!!!!!!!!!!!!!*/ body#homepage #col3_content div#upcomingEvents { padding: 5px 11px; margin: 0px -1px; background: url("../images/ct/layout/divider.gif") repeat-x 0 100%; } body#homepage #col3_content div#upcomingEvents ul { margin: 0px; padding: 0px; display: block; font-size: 12px; list-style: none; } body#homepage #col3_content div#upcomingEvents ul li { margin: 10px 0px; border: 1px solid #000; padding: 5px; overflow: hidden; background: #e5e3e4 url("../images/ct/misc/grayGradient.gif") repeat-x 0 0; } body#homepage #col3_content div#upcomingEvents ul li.last { border: 0px none; font-weight: bold; background: transparent; padding: 0px; } body#homepage #col3_content div#upcomingEvents ul li span { display: block; margin-top: 3px; } body#homepage #col3_content div#upcomingEvents ul li span.eventDate { margin-top: 0px; font-weight: bold; text-transform: uppercase; color: #000; } body#homepage #col3_content div#upcomingEvents ul li span.eventLocation { color: #73787d; } body#homepage #col3_content div#upcomingEvents p { margin: 0px; } /*EVENTS END*/ /*!!!!!!!!!!COURSES ARE HERE!!!!!!!!!!!!!*/ #featuredCourses { padding: 11px 11px; margin: 0px -1px; } /*#featuredCourses h2 { color:#FFF; background-color: #990000; padding-left: 9px; border: 1px solid; }*/ #featuredCourses h2 { color:#000; } #featuredCourses ul { margin: 0px; padding: 0px; display: block; font-size: 12px; list-style: none; } #featuredCourses ul li { margin: 10px 0px; border: 1px solid #000; padding: 5px; overflow: hidden; background: #e5e3e4 url("../images/ct/misc/grayGradient.gif") repeat-x 0 0; display: none; } #featuredCourses ul li span { display: block; margin-top: 3px; } #featuredCourses ul li span.courseTitle { margin-top: 0px; font-weight: bold; text-transform: uppercase; color: #FFF; background-color: #990000; border: 1px solid; border-color: #666666; padding-left: 5px; } #featuredCourses ul li span.courseTitle a, #featuredCourses ul li span.courseTitle a:hover { text-decoration: none; color: #FFF; } #featuredCourses ul li span.courseDescription { color: #000; } #featuredCourses p { margin: 0px; } /*COURSES END*/ div#featuredSponsored { margin: -1px -1px 0px; padding: 0px 1px 5px; background: url("../images/ct/layout/divider.gif") repeat-x 0 100%; } div#featuredSponsored div.itemDeck { margin-bottom: -1px; padding: 3px 3px 10px; border-top: 1px solid #000; background: #cdc url("../images/ct/misc/itemBg-sc.gif") repeat-x 0 100%; } div#featuredSponsored div.itemDeck h3 { margin: 0px; padding: 1px 5px 2px; text-transform: uppercase; font-size: 11px; } div#featuredSponsored div.itemDeck div.itemDate { padding: 5px 5px 0px; background-color: #fff; } div#featuredSponsored div.itemDeck div.itemDesc { padding: 3px 5px 0px; background: #fff;} div#featuredSponsored div.video h3 { background: url("../images/icons/video.png") no-repeat 99% 3px; } div#featuredSponsored div.gallery h3 { background: url("../images/icons/photos.png") no-repeat 99% 0px; } div#featuredSponsored div.video.gallery h3 { background: url("../images/icons/video-photo.png") no-repeat 99% 0px; } body.l242 div#featuredSponsored { margin: 0px -6px -1px; } /*_________________________________________________________________________________ NETWORKING GATEWAY ===================================================================================*/ body#Networking #col2_content div#recentCoverage, body#Networking #col2_content div#recentIndustryNews, body#Networking #col2_content div#careers { padding: 15px 11px 0px; margin: 10px -11px 0px; clear: both; background: url("../images/ct/layout/divider.gif") repeat-x 0 0; } body#Networking div#twitter_div { padding: 7px 10px; display: none; } body#Networking div#twitter_div ul { margin-bottom: 7px; } body#Networking div#twitter_div ul li { margin: 0px; padding: 3px 5px; border-top: 1px solid #999; } body#Networking div#twitter_div a#twitter-link { padding: 5px 20px 3px 0px; border-top: 1px solid #999; background: url("../images/icons/twitter.png") no-repeat 100% 5px; width: 222px; } /*ie 6 needs the width set */ /*div#twitterBug { position: absolute; top: 93px; left: 700px; z-index: 99; } div#twitterBug img { width: 20px; height: 20px; }*/ /*_________________________________________________________________________________ NETWORKING - R&D AWARDS STYLES ===================================================================================*/ div#award_wrapper { margin-bottom: 10px; overflow:hidden; } div#award_wrapper div { width: 47%; float: left; } div#award_wrapper img { width: 150px; margin-bottom: 10px; } div#award_col1 { padding-right: 10px; border-right: 1px solid #666; } div#award_col2 { margin-left: -1px; padding-left: 10px; border-left: 1px solid #666; } div#award_wrapper p.logos { text-align: center; } div#award_wrapper .finalists { display: none; }/*display none for the drop down js*/ div#award_wrapper .prev_winners { display: none; }/*display none for the drop down js*/ div#award_wrapper .expandableLink { padding-left: 20px; background: url("../images/icons/expand.gif") no-repeat scroll 0px 2px; cursor: pointer; } div#award_wrapper .expandedLink { background-image: url("../images/icons/collapse.gif"); } /*_________________________________________________________________________________ NETWORKING - CAREERS ===================================================================================*/ body#Networking-Careers div#featuredJob, body#Networking-Careers div#featuredResume { float: left; border: 1px solid #000; margin-bottom: 10px; background-color:#e5e3e4; } body#Networking-Careers div#featuredJob { width: 49%; margin-right: 10px; } body#Networking-Careers div#featuredResume { width: 48%; } div.careerAd { background-color: #fff; border: 1px solid #666; padding: 6px; margin: 5px; } body#Networking-Careers div#featuredJob *, body#Networking-Careers div#featuredResume * { padding: 0px 10px; } body#Networking-Careers div#featuredJob h4, body#Networking-Careers div#featuredResume h4 { padding-top: 5px; } body#Networking-Careers div#featuredJob a, body#Networking-Careers div#featuredResume a { padding: 0px; } body#Networking-Careers div#featuredJob ul, body#Networking-Careers div#featuredResume ul { margin: .5em 0 1em; } body#Networking-Careers div#featuredJob ul li, body#Networking-Careers div#featuredResume ul li { margin: 0px 0px 7px 15px; padding: 0px; } body#Networking-Careers div#featuredJob img { max-width: 259px; } div.resumeListing, div.jobPosting { padding: 15px 11px 0px; margin: 10px -11px 0px; clear: both; background: url("../images/ct/layout/divider.gif") repeat-x 0 0; } body#Networking-Careers-Resumes #col2_content div.first, body#Networking-Careers-JobOpenings #col2_content div.first { background: none; padding: 0px; margin: 0px; } body#Networking-Careers-Resumes #col2_content div.first h2, body#Networking-Careers-JobOpenings #col2_content div.first h2 { margin-top: 10px; } body#Networking-Careers-Resumes #col1_content p, body#Networking-Careers-JobOpenings #col1_content p { margin: 3px 10px; } body#Networking-Careers-Resumes #col1_content h2, body#Networking-Careers-JobOpenings #col1_content h2 { margin: 10px 10px 3px; } /*_________________________________________________________________________________ NETWORKING - CALENDAR OF EVENTS: body#Networking-CalendarofEvents ===================================================================================*/ body#Networking-CalendarofEvents #col1_content { padding: 0px 10px; } body#Networking-CalendarofEvents #col1_content h2 { margin: 5px 0px 0px; } body#Networking-CalendarofEvents #col1_content p { margin: 5px 0 0; } body#Networking-CalendarofEvents #col1_content ul { border-bottom: 1px solid #000; margin: 0 0 10px 0; padding: 0 0 5px 0; } body#Networking-CalendarofEvents #col1_content ul li { margin: 3px 0 5px; } body#Networking-CalendarofEvents #col1_content a:link, body#Networking-CalendarofEvents #col1_content a:visited { color: #326076; } body#Networking-CalendarofEvents #col1_content a:hover { color: #06f; } body#Networking-CalendarofEvents #col1_content h3 + p { color: #000; } /* NOTE: for calendar table styles, see SORTABLE TABLES above -- */ /* --- Webinars: body#Events-Webinars -------------------------------- */ /*body#Events-Webinars div#col1_content { padding: 7px 10px 0px; } body#Events-Webinars #col1_content ul li { margin-left: 0px; } body#Events-Webinars div#col2_content { padding-bottom: 10px; } body#Events-Webinars div#col2_content img.webinarBranding { float: right; border: none; margin: 0px 0px 10px 10px; } body#Events-Webinars div.speaker { clear: left; padding: 10px 0px 0px; margin: 0px; border-top: 1px solid #000; display: inline-block; overflow: hidden; } body#Events-Webinars div#col2_content div.first { border-top: 0px none; padding-top: 0px; } body#Events-Webinars div.speaker img { float: left; margin: 0px 10px 0px 0px; } */ /*_________________________________________________________________________________ SORTABLE TABLES - used in Calendar of events ===================================================================================*/ table.sortableTable { width: 100%; margin: 5px 0px -1px; font-size: 12px; line-height: 14px; } table.sortableTable td { padding: 6px; border-style: solid; border-width: 0px; border-color: #000; vertical-align: top; } /* ------- table header-width styles --------- */ table.sortableTable thead th#calName { width: auto; } table.sortableTable thead th#calType { width: 100px; } table.sortableTable thead th#calLocation { width: 151px; } table.sortableTable thead th#calDate { width: 102px; text-align: center; } /* ------- table header styles --------- */ table.sortableTable thead th { padding: 0px; border: 1px solid #000; font-size: 13px; line-height: 15px; color: #000; background-color: #e5e3e4; } table.sortableTable thead th a { padding: 7px 0px; display: block; width: 100%; text-indent: 7px; } table.sortableTable thead th a:link, table.sortableTable thead th a:visited { color: #000; } table.sortableTable thead th a:hover { color: #06f; } table.sortableTable thead th.ascending a span { position: absolute; height: 12px; width: 15px; background: url("../images/icons/sortArrowUp.gif") no-repeat right 60%; } table.sortableTable thead th.descending a span { position: absolute; height: 12px; width: 15px; background: url("../images/icons/sortArrowDown.gif") no-repeat right 55%; } table.sortableTable thead th#calDate a { text-indent: 0px; } /* since date is the only centered header, and the span is not counted towards this, we must move it all over by half the width of the sorted arrow */ table.sortableTable thead th#calDate.ascending a, table.sortableTable thead th#calDate.descending a { text-indent: -7px; } /* ------- table event:row1 styles --------- */ table.sortableTable tr.eventListingLine1 td { padding-top: 10px; } table.sortableTable tr.eventListingLine1 td.eventTitle { font-weight: bold; color: #326076; } table.sortableTable tr.eventListingLine1 td.eventType { font-size: 11px; line-height: 11px; color: #666; text-transform: uppercase; } table.sortableTable tr.eventListingLine1 td.eventDate { text-align: center; font-weight: bold; } /*-- this is for the 'add to my calendar' lilnk inside of the date field --*/ /*table.sortableTable tr.eventListingLine1 td.eventDate a { padding-left: 12px; background: url(http://media.gcimagazine.com/designimages/gci_plus.gif) no-repeat 0% 80%; font-size: 10px; font-weight: normal; }*/ /* ------- table event:row2 styles --------- */ table.sortableTable tr.eventListingLine2 td { border-bottom-width: 1px; padding-bottom: 10px; } table.sortableTable tr.eventListingLine2 td.eventDescription { padding-left: 16px; } table.sortableTable tr.eventListingLine2 td.eventContactInfo { } /* ------- highlighting allured events --------- */ table.sortableTable tr.alluredEvent td { background-color: #f2f2f5; } /*_________________________________________________________________________________ ADD EVENT FROM STYLES: body#Networking-CalendarofEvents-AddEvent ===================================================================================*/ /*form#addEvent { width: 420px; margin-bottom: 7px; padding: 3px 0px; overflow: hidden; } form#addEvent label { clear: left; text-align: right; } form#addEvent input.text { margin-bottom: 10px; } form#addEvent div#eventStart, form#addEvent div#eventEnd { margin: 0px 0px 10px; display: block; clear: left; } form#addEvent div#eventStart label, form#addEvent div#eventEnd label { padding: 0px 10px; } form#addEvent p.helpText { width: 230px; padding-left: 160px; } form#addEvent textarea { margin: 0px 0px 10px; max-width: 250px; } form#addEvent input.submit { position: relative; left: 157px; clear: both; }*/ /* honeypot body#Networking-CalendarofEvents-AddEvent form#addEvent label#subjectLabel, body#Networking-CalendarofEvents-AddEvent form#addEvent input#subject { display: none !important; }*/ /*_________________________________________________________________________________ MAGAZINE GATEWAY AND SITE SECTION ===================================================================================*/ div#col1_content div#advItems, div#col1_content div#subItems { margin: 0px -1px; padding: 5px 11px; background: url("../images/ct/layout/divider.gif") repeat-x 0 100%; } div#col1_content div#recentIssues { margin: 0px -1px; padding: 5px 11px; } div#col1_content div#subItems h2, div#col1_content div#recentIssues h2 { margin-bottom: 0px; } div#col1_content div#recentIssues p, div#col1_content div#subItems p { margin-top: 0px; } div#col1_content div#subItems ul li { margin: 0px; } div#recentIssues ul li.issue { font-size: 15px; margin: 0px; font-weight: bold; } /*this should be the same as the other h2's in this column */ div#recentIssues ul li.issue a:visited { color: #222; } div#recentIssues ul li.blurbs { margin: 0px 0px 15px 0px; line-height: 1.25em; } body#Magazine div#magazineInfo { margin: -6px -10px 0px -10px; padding: 6px 10px; } body#Magazine div#currentIssue, body#Magazine div#comingSoon { margin: 0px -11px 0px; padding: 15px 11px 0px; overflow: hidden; clear: both; background: url("../images/ct/layout/divider.gif") repeat-x 0 0; } body#Magazine div#currentIssue h1 a:visited {color: #222; } body#Magazine div#currentIssue h1 a:hover {color: #06f; } body#Magazine div#currentIssue a.currentIssueCover { height: 173px; width: 117px; margin: 0px 0px 4px 10px; float: right; background: url("../images/shared/viewToc.gif") no-repeat 50%; } body#Magazine div#currentIssue a.currentIssueCover img { border: 1px solid #000; } body#Magazine div#currentIssue a.currentIssueCover:hover { background-position: 50% 100%;} body#Magazine div#comingSoon div { width: 209px; padding: 0px 0px 0px 10px; margin: 0px 0px 10px -1px; border-left: 1px solid #000; overflow: hidden; float: left; } body#Magazine div#comingSoon div.nextIssue { border-left: none; border-right: 1px solid #000; padding: 0px 10px 0px 0px; margin-left: 0px; } body#Magazine div#comingSoon div img { float: left; width: 115px; margin: 0px 10px 0px 0px; } body#Magazine div#comingSoon div h2 { margin: 0px; } body#Magazine div#comingSoon div p { margin: 7px 0px 2px 0px; line-height: 15px; color: #73787d; } body#Magazine div#comingSoon h2.subOffer { margin: 10px 0px; display: block; clear: both; } /* --- International Editions --- body#Magazine-InternationalEditions ---------------------------- */ body#Magazine-InternationalEditions #col2_content #ctLA, body#Magazine-InternationalEditions #col2_content #ctBrazil { padding: 15px 11px 0px; margin: 10px -11px 0px; clear: both; background: url("../images/ct/layout/divider.gif") repeat-x 0 0; } /* --- Past Issues -------------------------------------------------------------------------------- */ div#pastIssues p.jumpMenu { margin: 6px 0px 10px 0px; font-size: 14px; color: #000; } div#pastIssues div.issueYear { clear: left; overflow: hidden; margin: -1px 0px 0px; width: 707px; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 6px 0px 15px; } div#pastIssues div.issueYear h2 { margin: 0px; line-height: 15px; } div#pastIssues div.issueYear div { width: 229px; float: left; height: 158px; margin: 10px 10px 0px 0px; background: #fff url("../images/shared/coverArtBg-153.gif") no-repeat 1px 1px; } div#pastIssues div.issueYear div:hover { background-color: #ddd; } div#pastIssues div.issueYear div img { float: left; border: 1px solid #000; width: 115px; margin: 0px 6px 0px 0px; } div#pastIssues div.issueYear div h2 { margin: 0px; padding: 2px 0px 0px 122px; line-height: 17px; } div#pastIssues div p { margin: 7px 0px 2px 0px; font-size: 11px; line-height: 11px; color: #000; padding: 0px 2px 0px 122px; } div#pastIssues div.issueYear div.issue3, div#pastIssues div.issueYear div.issue6, div#pastIssues div.issueYear div.issue9, div#pastIssues div.issueYear div.issue12 { margin-right: 0px; } div#pastIssues div.issueYear div.issue4, div#pastIssues div.issueYear div.issue7, div#pastIssues div.issueYear div.issue10 { clear: left; } /* --- TOC Styles -------------------------------------------------------------------------------- */ div#TOC { padding-bottom: 10px; overflow: hidden; } div.issueNavigation { margin-bottom: 5px; float: right; width: 200px; overflow: hidden; } div.issueNavigation p.prevIssue { margin: 0px; float: left; text-transform: uppercase; } div.issueNavigation p.nextIssue { margin: 0px; float: right; text-transform: uppercase; } div#TOC div#issueExtras { width: 212px; margin: 0px 0px 10px 10px; float: right; clear: right; background-color: #fff; } div#TOC div#issueExtras img { float: right; margin: 0px 0px 10px 0px; width: 200px; height: 271px; padding: 0px; border: 1px solid #000; } div#TOC div#issueExtras #webExclusives h3, div#TOC h3.articleTitle { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 15px; font-weight: normal; } div#TOC h2 { margin: 15px 0px 6px 0px; padding-top: 6px; border-top: 1px solid #000; } div#TOC h3.paid { line-height: 17px; background: url("../images/icons/paid.gif") no-repeat 0 0; } div#TOC h5 { border: none; margin: 0px; padding: 0px 0px 0px 15px; font-size: 11px; font-style: italic; color: #666; } /* --- Magazine - Advisory Board body#Magazine-AdvisoryBoard -------- */ body#Magazine-AdvisoryBoard #col2_content h2 { margin-bottom: 0px; clear: right; padding-top: 10px; border-top: 1px solid #000;} body#Magazine-AdvisoryBoard #col2_content p { margin-top: 0px; } body#Magazine-AdvisoryBoard #col2_content img { float: right; margin: 0px 0px 10px 10px; } /*_________________________________________________________________________________ SUBSCRIPTION AND CHART STYLES ===================================================================================*/ /*body#SubChart #col1_content { padding: 10px; } div.questions { width: 345px; float: left; } div#subQcol1 { margin-right: 10px; } div.questions img { float: right; margin: 0px 0px 5px 7px; } div#subChartCopy ul { list-style-type: disc; } .highlighted is which package we are pushing, while .highlight is for the rollover effects turned on by jquery table#ctSubChart { width: 577px; margin-bottom: 10px; border-collapse: collapse; } table#pfSubChart { width: 577px; margin-bottom: 10px; border-collapse: collapse; } table#ctSubChart td, table#ctSubChart th { border-style: solid; border-color: #fff; border-width: 0px 1px; background-color: transparent; vertical-align: middle; text-align: center; color: #000; text-shadow: 1px 1px 2px rgba(0,0,0,.3); padding: 0px 5px; } table#ctSubChart td { height: 35px; background: url("http://media.allured.com/designimages/fb-RegMiddleTabs.png") no-repeat 0 0; } table#ctSubChart td:hover { cursor: default; } table#ctSubChart th { background-image: url("http://media.allured.com/designimages/fb-RegBigTabs.png"); background-repeat: no-repeat; } table#ctSubChart thead th { vertical-align: bottom; background-position: 0 0; height: 37px; font-weight: normal; cursor: default; padding-bottom: 8px; } table#ctSubChart tfoot th { vertical-align: top; background-position: 0 -10px; height: 60px; } table#ctSubChart thead th.highlight { background-position: 0 -60px; } table#ctSubChart tfoot th.highlight { background-position: 0 -70px; } table#ctSubChart th.highlighted { background-image: url("http://media.allured.com/designimages/fb-RegRndCorners.png"); } table#ctSubChart thead th.highlighted { background-position: 0 0; vertical-align: middle; font-weight: bold; padding-bottom: 0px; height: 45px; } table#ctSubChart tfoot th.highlighted { background-position: 0 -180px; } table#ctSubChart thead th.highlighted.highlight { background-position: 0 -60px; } table#ctSubChart tfoot th.highlighted.highlight { background-position: 0 -120px; } table#ctSubChart th.highlighted, table#ctSubChart td.highlighted { font-weight: bold; color: #fff; background-color: #6b2312; } table#ctSubChart td span.checked { display: block; width: 14px; height: 13px; line-height: 13px; font-size: 1px; background-image: url("http://media.allured.com/designimages/fb-RegCheckBlack.png"); background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; margin: 0px auto; } table#ctSubChart td.highlighted span.checked { background-image: url("http://media.allured.com/designimages/fb-RegCheckWhite.png"); } table#ctSubChart .empty { border: 0px; background: none; padding: 0px 5px; } table#ctSubChart td.featureName { text-align: right; background-color: #666; background-repeat: repeat-x; color: #fff; font-size: 13px; padding-right: 10px; border-left-width: 0px; } table#ctSubChart tr.price td.featureName { font-weight: bold; font-size: 13.5px; } table#ctSubChart .option1, table#ctSubChart .option2, table#ctSubChart .option3, table#ctSubChart .option4, table#ctSubChart .option5 { width: 110px; font-size: 15px; } table#ctSubChart .option5, table#ctSubChart .option4 { background-color: #7D7F81; } table#ctSubChart .option3 { background-color: #95989A; } table#ctSubChart .option2 { background-color: #B0B0B0; } table#ctSubChart .option1 { background-color: #C6C8C9; border-right-width: 0px; } table#ctSubChart td.highlight { background-position: 0 -35px; } table#ctSubChart td.featureName:hover { background-position: 0px -70px; } table#ctSubChart tr.price td.featureName:hover { background-position: 0px 0px; } table#ctSubChart tfoot th a { font-size: 12px; background: transparent url("http://media.allured.com/designimages/fb-RegBtnBg.png") no-repeat 50% 50%; padding: 3px 5px; margin-top: 14px; display: block; border: 1px solid #04f; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5); box-shadow: 1px 1px 2px rgba(0,0,0,.5); } table#ctSubChart tfoot th a:link, table#ctSubChart tfoot th a:visited { color: #fff; text-decoration: none; } table#ctSubChart tfoot th a:hover { text-decoration: underline; border-color: #06f; -moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,.5); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.8); box-shadow: 1px 1px 2px 1px rgba(0,0,0,.5); } table#ctSubChart tfoot th a:active { border-color: #039; color: #ccc; -moz-box-shadow: inset 1px 1px 3px 1px rgba(0,0,0,.6); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.6); box-shadow: inset 1px 1px 3px 1px rgba(0,0,0,.6); } table#ctSubChart tfoot th.highlighted a { padding: 7px 5px; font-size: 13.5px; }*/ /*_________________________________________________________________________________ CONTACT US STYLES ===================================================================================*/ body#ContactUs div.contactGroup { padding: 15px 11px 0px; margin: 10px -11px 0px; clear: both; background: url("../images/ct/layout/divider.gif") repeat-x 0 0; } body#ContactUs #col1_content { padding: 7px 10px; } /* --- feedback form Report div#feedbackForm ------------------------------------------------ */ form#feedbackForm > p { margin-bottom: 7px; } form#feedbackForm div.formWrapper { width: 242px; } form#feedbackForm textarea { width: 228px; min-width: 228px; max-width: 228px; min-height: 100px; max-height: 250px;} /*#main form#feedbackForm { overflow: visible; margin-bottom: 10px; } form#feedbackForm label { width: auto; padding: 0px; font-size: 13px; font-weight: bold; display: block; float: none; } form#feedbackForm input.text { margin-bottom: 10px; display: block; } form#feedbackForm p { clear: both; margin: 5px 0px;} form#feedbackForm div { margin-top: 10px; } form#feedbackForm p#helpText { margin: -6px 0px 10px; color: #666; font-size: 11px; line-height: 13px; } form#feedbackForm input#feedbackSubmit { margin: 0px; width: 70px; display: block; }*/ /* honeypot */ /*form#feedbackForm label#subjectLabel, form#feedbackForm input#subject { display: none !important; }*/ /*_________________________________________________________________________________ BOOKSTORE STYLES ===================================================================================*/ body#Bookstore div#featured { padding: 15px 11px 0px; margin: 10px -11px 0px; clear: both; background: url("../images/ct/layout/divider.gif") repeat-x 0 0; } body#Bookstore div#featured div.book { overflow: hidden; clear: both; margin-top: 20px; border-bottom: 1px solid #000; } body#Bookstore div#featured div.book img { float: left; margin: 0px 10px 7px 0px; } body#Bookstore div.orderLink { text-align: center; padding-top: 10px; } /*_________________________________________________________________________________ FAQ STYLES ===================================================================================*/ body#FAQ dl { padding: 0px; margin: 0px 0px 15px 0px; } body#FAQ dl dt { font-size: 15px; line-height: 17px; } body#FAQ dl dd { margin-bottom: 3px; } /*_________________________________________________________________________________ SITEMAP STYLES ===================================================================================*/ body#Sitemap #col2_content h2 a:link, body#Sitemap #col2_content h2 a:visited { color: #363636; } body#Sitemap #col2_content h2 a:hover { color: #06f; } body#Sitemap div.mapColumn { float: left; margin-right: 10px; width: 225px; } body#Sitemap div.mapColumn ul { list-style-type: none; margin: 0px 0px 15px 0px; } body#Sitemap div.mapColumn h2 { margin-bottom: 6px; } /*primary nav */ body#Sitemap div.mapColumn h2 a img { height: 12px; width: 12px; margin-left: 5px; } /* rss logo after all h2's */ body#Sitemap div.mapColumn ul li { font-weight: bold; margin: 0px 0px 2px 0px; } /*secondary nav */ body#Sitemap div.mapColumn ul ul { margin: 0px 0px 0px 15px; } body#Sitemap div.mapColumn ul ul li { font-weight: normal; margin: 0px 0px 2px 0px; } /*tertiary nav */ /*_________________________________________________________________________________ NEWSLETTER / RSS STYLES: body#Newsletter-RSS ===================================================================================*/ body#Newsletter-RSS #col1_content, body#Newsletter-RSS #col3_content { margin: 0px; padding: 6px 10px; } body#Newsletter-RSS #col1_content ul li, body#Newsletter-RSS #col3_content ul li { margin-left: 0px; } body#Newsletter-RSS #col1_content ul#pastNewsletters li span { font-size: 11px; color: #333; } /* ----------- form for E-Newsletter --------- */ form#nlSignup select { max-width: 270px; } form#nlSignup div#businessOtherField, form#nlSignup div#functionOtherField { margin-top: 0px; } /*form#nlSignup div#info { width: 420px; margin-bottom: 10px; padding: 3px 0px; display: inline-block; overflow: hidden; } form#nlSignup input.checkbox { display: none; } form#nlSignup label { clear: left; text-align: right; } form#nlSignup input.text { margin-bottom: 10px; }*/ /*body#Newsletter-RSS div#info input#email, body#Newsletter-RSS div#info input#firstname, body#Newsletter-RSS div#info input#lastname, body#Newsletter-RSS div#info input#company, body#Newsletter-RSS div#info input#title, body#Newsletter-RSS div#info input#city, body#Newsletter-RSS div#info input#state, body#Newsletter-RSS div#info input#country { float: left; margin-bottom: 10px; clear: none; padding: 3px; width: 225px; border: 1px solid #000; color: #000; font-size: 13px; position: static; }*/ /*form#nlSignup input#nlSubmit { width: 70px; margin: 0px; position: relative; left: 157px; display: block; float: none; clear: both; }*/ /*_________________________________________________________________________________ TEMP FORMS ===================================================================================*/ form#ppcForm { width: 410px; padding: 5px 0; } form#ppcForm input.text { margin-bottom: 10px; } form#ppcForm input#submit { margin: 0px 0px 10px 157px; clear: both; } /*_________________________________________________________________________________ DIRECTORY STYLES body#directory ===================================================================================*/ body#directory form label { width: auto; padding: 0px; float: none; } body#directory input.checkbox, body#directory form div.checkbox input { float: none; } /*_________________________________________________________________________________ PRINT THIS EMAIL THIS STYLES ===================================================================================*/ body[bgcolor="#ffffff"] { background-color: #fff; padding: 5px 10px; }