/* InformIT */ @import url('../../common/css/zero.css'); @import url('streamline.css'); /* Table of Contents: == General And Global Styles == - Global Styles - - Content Related Images - - Javascript Dependent Styles - - Forms - - General Product Lists - - General Product Buckets - - Product Overlays - - Promotional Spotlights - - Feature Family Promotional Spotlights - - Clouds - == Header and Footer == = Header = - Network Bar - - About Network - - Navigation - - Define navigation widths - - Dropdowns - - Topics Dropdown - - Other Header Objects - = Footer = == Content Sections == - Content Setup - - Pop-up Template - = Home Page = - Buckets - - BTB - Unstyles - - Tools - - PSTs - = Store Pages = - Columns - - Store Browse End - - Store Product Page - - Store Product Page Cover Overlay - - Store Product Page Meta Information - - Store Product Purchasing - - Product Page Insructions - - Store Index Coming Soon - - Store Media Review - = Search Results = - Search Support Page - = Product Page = - ? Library - - ? Library Product Content - - Store Product Page Product Buckets - - Product Refresh - = My Account = - My Account - Blogs - - Account Login - - Account Main Page - - Account Wishlist - - Account Saved Content - - Account Registered Books - - Account Addresses - - Account Email and Password - - Account Customize Profile - - Account Newsletters - - Account Member Code Form - - Account What Is This - - Account Address - - Account Register - - Account - Digital Goods - = Newsletters = - Newsletter - Unsubscribe - = Shopping Cart = - Cart Nav - - Cart Information - - Saved Products - = Articles = - Index Pages - - Article Content - - Author Objects - - First set of tools - - Second set of tools - - Article Discussion - - Article Discussion - - Article Cross Promotion - - ? Author Information Object - - Article Author Information Blob - - Article TOC - - Article Text - - Article Text Sidebars - - Article Text Figures - - Email to a Friend and Share Wishlist - = Blogs = - Columns - - List - - Post - - Discuss - - Add Comment - - Tab Widget - - Tab Over Ride - - You'll Love These - = Podcasts = - Columns - - Browse - - Channel - - Episode - - RSS - - Promotions - = Authors = - Authors Index - - Authors Biography - - Authors Email A Friend - = About = - About Centering - - Site Map - = Affiliates and Author First = - Affiliates - - Affiliates Now Partners - - AuthorFirst - == Peachpit styles we may not need == = Imprints = = Reference Guides = - Browse - - Titling - - Guide home TOC - - Content Container - - Guide TOC - - Guide Content TOC - = User Groups = - User Groups Book - - User Groups Contest - - User Groups Find - - User Groups Profile - - User Groups Registration - = Topics = - Tab Control - - Layer Control - - Content Control - */ /* =================================================================== == General And Global Styles == =================================================================== */ /* - Global Styles - */ body { margin: 150px 0 0 0; background: url(../images/header/background-left.png) repeat-x; background-position:0px 26px; font-size: 0.8em; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; } /* Sets font to base of approx 12px */ h1 { font-size: 175%; margin-bottom:0.5em; } /* Approx 20px */ h2 { font-size: 150%; } /* Approx 18px */ h3 { font-size: 135%; } /* Approx 16px */ h4 { font-size: 110%; line-height:2em; } /* Approx 13px */ h5 { font-size: 100%; line-height:2em; } /* Approx 12px */ .alert { font-weight: bold; color: #C00; margin: 0; } /* this class is currently being applied at .accountProfile, .accountRegister, and .widgetRegister */ p, li, dl { font-size:100%; line-height:1.5em; margin:0 0 1em 0; } blockquote { font-size:100%; line-height:1.5em; margin:0 1em 1em 1em; } label { font-size:100%; line-height:normal; } dd { font-size:inherit; } dt { font-size:inherit; } a:link { color:#004F7F; } a:visited { color:#2E87B2; } a:hover, a:active { color:#004F7F; text-decoration:underline; } pre { /*\*/ overflow: auto !important; /* */ overflow: scroll; width: 536px; padding: 10px; margin: 10px; } span.regularexpression { font-family:"Courier New", Courier, monospace; font-weight:bold; } span.matchingregularexpression { font-family:"Courier New", Courier, monospace; font-weight:bold; color:green; } span.captures { font-family:"Courier New", Courier, monospace; font-weight:bold; color:green; background-color:yellow; } .skip { position: absolute; left: -500em; } /* Applied to any to move it out of the way */ .meta { font-size: 87%; color: #6D6F72; } .meta a { color:#6D6F72; } .meta a:hover { text-decoration:underline; } .closed { display:none; } .clear { clear:both; } hr.clear { clear:both; border:1px solid #FFF; } .titling .meta a:link { color: #004F7F; } .titling .meta a:visited { color:#004F7F; } .titling .meta a:hover, .titling .meta a:active { color:#004F7F; text-decoration:underline; } .help { color: #999; font-size: 87%; } .btb { margin: 0 0 24px 0; padding:5px 0 15px 0; border:1px solid #C7C8CA; background-color:#EEE; } .btb h3, .btb h4 { margin-left:5px; margin-right:5px; margin-bottom:1em; } .btb ul { margin-left:5px; margin-right:5px; list-style: none; } .btb li { margin-bottom:0.5em; } .btb p { margin: 1em 5px 0 5px; text-align: right; } .crumb { font-size: 87%; margin: 0; padding: 0; color:#6D6F71; } .crumb a { color:#6D6F71; } p.rssSubscribe { margin-bottom:1em; } p.rssSubscribe a { margin-right:1em; } p.rssSubscribe img { vertical-align:middle; } td { vertical-align: top; } #column1, #column2, #column3 { padding-bottom: 3em; } /* - Content Related Images - */ img.author { border:1px solid #C7C8CA; float:left; margin:0 1em 0 0; } img.product { border:1px solid #C7C8CA; } img.podcast { border:1px solid #C7C8CA; } /* - Javascript Dependent Styles - */ ul#ulInfo { display:none; } /* For More Info Link on Product Page */ /* - Forms - */ form table { margin:0; padding:0; } form label { margin-right:0.5em; font-weight:bold; text-align: right; display:block; } /* - General Product Lists - */ #productListAll td { padding:0 1em 1.5em 0; vertical-align:top; } #productListAll td.num { color:#999; } /* same as td.number - need to standardize */ #productListAll td a.title { font-size:120%; font-weight:bold; } /* Mimics an H4 */ #productListAll td li.meta { margin-right:0.23em; display:inline; } /* div.productList table { position:relative; } */ div.productList table td { vertical-align:top; margin:0; padding:0 1em 1.5em 0; } div.productList table td.num { color:#999; } /* same as td.number - need to standardize */ div.productList h2 { margin-bottom:1em; } div.productList p { text-align:right; } div.productList p.rssSubscribe { text-align:left; } div.productList li img { margin-right:0.5em; vertical-align:middle; } div.productList .eproduct, #productListAll .eproduct { position:relative; } div.productList .eproduct a, #productListAll .eproduct a { display: block; width: 61px; position: relative; padding-bottom: 6px; } div.productList .eproduct img.overlay, #productListAll .eproduct img.overlay { border:0; position:absolute; bottom:0; right:-1px; } p.pagination a { margin:0 0.25em; } .productList dd img { margin-right:0.5em; vertical-align:middle; } .productList li.pricing img { margin-right:0.5em; vertical-align:middle; } /* - General Product Buckets - */ span.new { text-transform:uppercase; margin-right:0.5em; font-size: 87%; color: #6D6F72; } div.justReleased span.new { display:none; } .productList ul { margin-left:0; list-style-type:none; } /* - Product Overlays - For Reference - Remove If Desired - */ .prodlist table, table#allProdlist { position: relative; } /* IE needs table positioned relatively to contain any other relatively or absolutely positioned child element */ .prodlist table tbody tr td, table#allProdlist tbody tr td { position: relative; } .prodlist .eproduct a, #allProdlist .eproduct a { display: block; width: 61px; position: relative; padding-top: 6px; } .prodlist .eproduct .overlay, #allProdlist .eproduct .overlay { border: 0; position: absolute; top: 0; right: 0; margin: 0; } /* - Promotional Spotlights - */ .pst { margin:0; padding:0; } .pst img.coverImage { float:left; margin:0 1em 1em 0; border:1px solid #C7C8CA; } .pst img.authorImage { float:left; margin:0 1em 1em 0; border:1px solid #C7C8CA; } /* - Product Buckets in Promotional Spotlights - */ div.pst div.productList table td { vertical-align:top; margin:0; padding:0 0 1.5em 0; } div.pst div.productList table td dt { font-weight:bold; } /* - Feature Family Promotional Spotlights - */ div.anchor { margin:0; padding:10px; border-bottom:1px solid #C7C8CA; background-image:url(../images/psts/feature_family/background_core_gradient.png); background-position:top left; background-repeat:repeat-x; background-color:#DBDBDB; overflow:auto; } div.anchorCore { margin:0; padding:0; overflow:auto; position:relative; } div.anchorCare p {position:absolute;} p.anchorLabel { margin:0; padding:0; font-weight:bold; color:#999999; } div.anchorCore h2 { margin-bottom:1em; } div.anchorCore img.cover { margin:0 1em 1.5em 0; padding:0; float:left; width:125px; border:1px solid #C7C8CA; } div.anchorCore img.author { margin:0 1em 1.5em 0; padding:0; float:left; border:1px solid #C7C8CA; } div.anchorCore img.channel { margin:0 1em 1.5em 0; padding:0; float:left; position:relative; } div.anchorModule { margin:1px 0 0 0; padding:3px; overflow:auto; background-image:url(../images/psts/feature_family/background_module_gradient.png); background-position:top left; background-repeat:repeat-x; background-color:#D4D4D4; } div.anchorModule p { padding: 0; margin: 0; z-index:500; } div.anchorModule img.cover { margin:0 1em 0 0; padding:0; float:left; border:1px solid #C7C8CA; } div.anchorModule img.author { margin:0 1em 0 0; padding:0; float:left; border:1px solid #C7C8CA; } div.anchorModule p img.icon { margin:0 0.5em 0 0; vertical-align:middle; } div.anchorModule p span.productType { margin-left:1em; color:#666; } div.anchorModule ul.listEpisodes { padding-left:10px; list-style:none; } div.anchorModule ul.listEpisodes li.audio { list-style-image:url(../images/icons/podcast_audio.png); padding-left:0.15em; } div.anchorModule ul.listEpisodes li.video { list-style-image:url(../images/icons/podcast_video.png); padding-left:0.15em; } /* Limit width of Feature Family div to width of welcome graphic */ div.imprintIndex div.anchor { margin: 0 0 1em 0; } /* Margin at top and bottom of Feature Family anchor div */ div.articleIndex div.anchor { margin: 2em 0 2em 0; } div.blog div.anchor { margin: 0em 0 2em 0; } div.storeBrowse div.anchor { margin: 0em 0 2em 0; } div.topicsEntry div.anchor { margin: 0em 0 2em 0; } div.topicsEntry h2 { line-height: 125%; } div.authorsIndex div.anchor { margin: 0 0 2em 0; padding: 10px; } /* - Clouds - */ .cloud { margin: 0 0 24px 0; } .cloud ul { list-style: none; margin: 0; padding: 0; } .cloud li { display: inline; padding-right: 1em; } /* Add margin to left side of ol to accomodate IE6 and IE7 */ ol {margin-left: 1.7em;} /* =================================================================== == Header and Footer == =================================================================== */ /* = Header = */ #header { position: absolute; top: 26px; left: 0; width: 100%; } #header img { border: none; } #header div { height: 106px; width: 960px; margin: 0 auto; position: relative; } #header div.fill { display: block; position: absolute; width: 50%; top: 0; right: 0; height: 106px; background: url(../images/header/background-right.png) repeat-x; } #header .logo { position: absolute; width: 291px; height: 88px; top: 31px; left: 0; } #header .logo img { border: 0; } #header a { color:#FFF; } /* - Network Bar - */ #network { border-bottom:1px solid #E3E3E3; margin:0; padding:0; background-image:url(/display/common/images/network/background_aqua_1022.gif); background-repeat:repeat-x; background-color:#FFF; text-align:center; height:25px; position:absolute; top:0; left:0; width:100%; } #network form { margin: 0 auto 0 auto; padding: 0; width: 960px; text-align:right; } #network form a { margin:0; padding:0; width: 134px; border: 0; } #network form a img { margin:0; padding:0; border: 0; } #network form select { margin:3px 0 0 10px; padding:0; font-size:10px; vertical-align:top; } /* - About Network - */ .aboutNetwork #column1 { width:468px; margin:0 24px 0 0; padding:0; float:left; } .aboutNetwork #column2 { width:468px; margin:0; padding:0; float:left; } /* - Navigation - */ #header ul { padding: 0; margin: 0; list-style: none; } #nav { position: absolute; width: 735px; height: 30px; top: 76px; right: 0; margin:0; padding:0; } #nav li { float: left; position: relative; } #nav li.explore ul { display: none; position: absolute; top: 30px; _top:30px; } #nav li.explore ul { right: 0; } #nav li.safari ul { display: none; position: absolute; top: 30px; _top:30px; left:0; } /*#nav li.safari ul { right: 0; }*/ #nav li.imprints ul { display: none; position: absolute; top: 30px; _top:30px; } #nav li > ul { top: auto; left: auto; } /* This is an IE (6? 7?) Fix */ #nav li:hover ul, #nav li.over ul { display: block; } /* - Define navigation widths and background placement here - */ #nav li.topics { width: 128px; } /* Width of floated items must be defined */ #nav li.store { width: 79px; } #nav li.authors { width: 102px; } #nav li.safari { width: 217px; } #nav li.imprints { width: 113px; } #nav li.explore { width: 96px; } #nav li a { background: url(../images/header/tabs.png) no-repeat; overflow: hidden; height: 30px; display: block; text-indent: -500em; margin:0; padding:0; } #nav li.topics a { width: 128px; } #nav li.store a { width: 79px; background-position: -128px 0; } #nav li.authors a { width: 102px; background-position: -207px 0; } #nav li.safari a { width: 217px; background-position: -309px 0; } #nav li.imprints a { width: 113px; background-position: -526px 0; } #nav li.explore a { width: 96px; background-position: -639px 0; } #nav li.topics a:hover, ul#nav li.topics a.on { background-position: 0 -30px;} #nav li.store a:hover, ul#nav li.store a.on { background-position: -128px -30px;} #nav li.authors a:hover, ul#nav li.authors a.on { background-position: -207px -30px;} #nav li.safari a:hover { background-position: -309px -30px;} #nav li.imprints a:hover, ul#nav li.imprints a.on { background-position: -526px -30px;} #nav li.explore a:hover, ul#nav li.explorea.on { background-position: -639px -30px;} /* - Dropdowns - */ #nav li.topics li a, #nav li.imprints li a, #nav li.explore li a, #nav li.safari li a { width: auto; } /* Reset dropdown widths */ #nav ul { width: 130px; font-size: 87%; border-top: 1px solid #FFF; } #nav li li { background-color: #F4951D; border: 1px solid #FFF; width: 130px; border-top: none; margin: 0; } #nav li li.on { background-color: #E52B20; } #nav li li a { background: none; text-indent: 0; height: auto; line-height: 130%; padding: 5px 10px; text-transform: uppercase; color: #142549; width: auto; } #nav li li.on a { color: #FFF; font-weight: bold; } /* - Topics Dropdown - */ #nav li div { display: none; position: absolute; top: 30px; _top:30px; padding-bottom:1em; z-index:10; width:280px; } #nav li iframe { display:none; position: absolute; top: 30px; _top:30px; z-index:5; width:280px; } #nav li > div { top: auto; left: auto; } /* This is an IE (6? 7?) Fix */ #nav li:hover div, #nav li.over div { display: block; border:1px solid #FFF; background-color: #F4951D; float:left; width:280px; height:auto; z-index:10; } #nav li:hover iframe, #nav li.over iframe { display:block; width:282px; height:300px; z-index:5; } #nav li div.dropdown ul { position:relative; float:left; border-width:0; width:130px; } #nav li div.dropdown ul li { position: relative; float: left; border-width:0; } /* - Other Header Objects - */ #header .hi, #header .c, #header .s { position: absolute; width: 300px; right: 0; text-align: right; padding: 0; font-size: 87%; color: #FFF; margin: 0; line-height: 16px; } #header .hi { top: 5px; display: block; } #header .c { top: 27px; } #header .s { top: 49px; } #header .s label { display: none; } #header .s #query { width: 160px; font-size:87%; color: #CCC; } #header .s #query.focus { color: #000; } #header .hi.in, #header .c.full { text-transform: none; line-height: 120%; } /* = Footer = */ #footer { background-color: #596770; text-align: center; font-size: 87%; margin: 3em 0 0 0; padding: 2em 0 3em 0; border-top: 1px solid #000; color: #FFF; clear: both; } #footer a { color: #FFF; } /* =================================================================== == Content Sections == =================================================================== */ /* - Content Setup - */ #content { width: 960px; margin: 0 auto; padding: 0; position:relative; min-height: 800px; } /* - Pop-up Template - */ body#popUp { margin: 0; padding: 12px; background: none; } body#popUp #content { width: auto; margin: auto; min-height: 10px; } body#popUp h1 { font-size: 120%; margin-bottom:0.5em; } #popUp h2 { font-size: 100%; margin-bottom: 0.5em; } #popUp h3 { font-size: 100%; margin-bottom: 0.5em; font-style: italic; } body#popUp p { font-size: 87%; } /* = Home Page = */ .home #column1 { width: 497px; padding: 0; margin-left: 214px; float: left; } .home #column2 { position: absolute; top: 0; left: 0; width: 190px; } .home #column3 { width: 225px; margin-left: 24px; float: left; } /* - Buckets - */ .home h1 { margin-bottom: 0; } .home .bucket { margin-bottom: 2em; } .home .bucket h2 { background: url(../images/home/bucket_h2.png) top left no-repeat; font-size: 100%; margin-bottom: 1em; } .home .bucket.articles h2 { background-position: 0 0; } .home .bucket.blogs h2 { background-position: 0 -40px; } .home .bucket.podcasts h2 { background-position: 0 -80px; } .home .bucket h2 a { display: block; width: 497px; height: 30px; } .home .bucket h2 a span { display: block; position: absolute; top: 0; left: -500em; } .home .bucket dl { line-height: 1.2em; } .home .bucket dt { font-weight: bold; } .home .bucket dt img { display: block; float: right; margin: 0 0 12px 12px; } .home .bucket dt img.member { float:none; margin:0 6px 0 0; display:inline; } .home .bucket dt a { color: #000; } .home .bucket dd.description, .home .bucket dd.meta, .home .bucket dd, .home .whois { font-size: 87%; } .home .bucket dd.meta a { color: #6D6F72; } .home .bucket p { margin: 0; } .home .bucket dd.meta.audio { line-height: 16px; padding-left: 20px; background: url(../images/icons/podcast_audio.png) top left no-repeat; } .home .bucket dd.meta.video { line-height: 16px; padding-left: 20px; background: url(../images/icons/podcast_video.png) top left no-repeat; } .home .sitetools { background-color:#EEE; border: 1px solid #C7C8CA; padding: 5px 5px 15px 5px; margin: 0 0 14px 0; } /* - BTB - Unstyles - */ .home .btb { margin: 0; padding: 0; border: none; } .home .btb h3, .home #column2 h3 { font-size: 120%; margin: 0 0 0.5em 0; } .home .btb ul { margin-left: 0; margin-right: 0; } .home .btb ul li { font-size:87%; line-height:120%; } /* - Tools - */ .home #homesearch { margin-top: 12px; border-top: 1px solid #C7C8CA; padding-top: 12px; } .home #homesearch #homesearchform { margin: 0 0 0.5em 0; } .home #homequery { width: 148px; margin: 0 6px 0 0; color: #CCC; } .home #homequery.focus { color: #000; } .home #homsearchbutton { margin: 0; padding: 0; } .home #homesearch label { position: absolute; top: 0; left: -500em; } .home #homesearch h4, .home #homesearch li { font-size: 87%; margin-bottom: 0.5em; line-height: 120%; } .home #homesearch ul { list-style: none; margin-left: 0; } .home .signup { margin-top: 12px; border-top: 1px solid #C7C8CA; padding-top: 12px; } .home .signup a.button { display: block; text-align: right; } .home .signup h3 img { float: right; margin: 0 0 2px 12px; } .home .signup p { font-size: 87%; color: #7F8286; padding-left: 30px; } .home .signup.newsletters p { background: url(../images/home/newsletters_icon.png) top left no-repeat; } .home .signup.feeds p { background: url(../images/home/rss.png) top left no-repeat; } .home .midFloat { } .home .whois { border: 1px solid #F4951D; background-color: #FECF7C; padding: 5px; color: #675432; margin: 14px 0 0 0; float: left; } .home .whois h3 { color: #000; } /* - PSTs - */ .home .feature { margin: 0 0 12px 0; padding: 0 0 12px 0; border-bottom: 1px solid #C7C8CA; color: #7F8286 } .home .feature h2, .home div.justReleased h2 { font-size: 100%; line-height: 120%; margin-bottom: 0.5em; } .home .feature img { float: right; margin: 0 0 2px 6px; } .home .feature p { font-size: 87%; margin: 0; } .home div.justReleased dl { margin: 0 0 0 1em; } .home div.justReleased dt { font-weight: bold; } .home div.justReleased dt, .home div.justReleased dd { font-size: 87%; margin-bottom: 0.5em; line-height: 120%; } .home div.productList .eproduct a { width: auto; } .home div.productList .eproduct a img.overlay { right: -8px; } .home div.productList table td { margin:0; padding:0 0 0.75em 0; } /* = Store Pages = */ /* - Columns - */ .storeIndex #column1 { width: 514px; padding: 0 24px 0 24px; margin-left: 214px; float: left; } .storeIndex #column2 { position: absolute; top: 0; left: 0; width: 190px; } .storeIndex #column3 { width: 160px; margin-left: 24px; float: left; } .storeIndex div h2 { margin-bottom:1em; font-size:120%; } .storeIndex dt a.title { font-size:120%; font-weight:bold; } .storeIndex #column3 dt a.title { font-size:90%; font-weight:bold; } .storeIndex span.new { text-transform:uppercase; margin-right:0.5em; font-size: 87%; color: #6D6F72; } .storeIndex .productList dd img { margin-right:0.5em; vertical-align:middle; } div.storeIndex div.btb { margin:0 0 2em 0; padding:5px 5px 15px 5px; border:1px solid #C7C8CA; background-color:#EEE; } div.storeIndex div.btb h3 { font-size:120%; margin:0 0 0.5em 0; } div.storeIndex div.btb ul { margin-left:0; margin-right:0; } div.storeIndex div.btb ul { font-size:87%; line-height:120%; } div.storeIndex div.btb p { margin:1em 5px 1.5em 5px; text-align:right; font-size:87%; line-height:120%; } #btbProducts { margin-top:12px; padding-top:12px; border-top:1px solid #C7C8CA; } #btbSeries { margin-top:12px; padding-top:12px; border-top:1px solid #C7C8CA; } .storeIndex #column3 .btb { background-color:#FFF; padding:0 0 12px 0; border:0; border-bottom:1px solid #C7C8CA; } /* - Store Browse End - */ div.storeBrowse #columnOne { margin:0; padding:0; width:600px; float:left; position:relative; } div.storeBrowse #columnTwo { margin:0 0 0 48px; padding:0; width:312px; float:left; position:relative; } div.storeBrowse div.productList { margin:0; padding:1em 0 0 0; width:600px; border-top:1px solid #EEE; } div.storeBrowse div.productList p { text-align:left; } div.storeBrowse div.productList p.pagination { padding-top:0.5em; border-top:1px solid #EEE; text-align:center; } div.storeBrowse div.productList p.pagination span.current { border:1px solid #999; padding:0.25em; } div.storeBrowse p.rssSubscribe { margin-bottom:1em; } div.storeBrowse p.rssSubscribe a { margin-right:1em; } div.storeBrowse p.rssSubscribe img { vertical-align:middle; } div.storeBrowse div.productList p.listQuantity { display:inline; margin-right:2em; } div.storeBrowse div.productList p.listSort { display:inline; } div.storeBrowse div.productList table#productListAll { margin-top:1.5em; } div.storeBrowse li.pricing img { margin-right:0.5em; vertical-align:middle; } /* --- Store Register Product --- */ .storeRegister #columnPrimary h3 { margin-top: 2em; } .storeRegister #columnPrimary input { margin-right:0.5em; } .storeRegister #columnPrimary form { margin-bottom:2em; } .storeRegister #imprintImage { clear:both; } .storeRegister #imprintImage img { margin:2em 0; } /* - Store Product Page - */ div.storeProduct #columnOne { margin:0; padding:0; width:600px; float:left; position:relative; _width:580px; } /* Developed for the product page */ div.storeProduct #columnTwo { margin:0 0 0 48px; padding:0; width:312px; float:left; position:relative; } /* - Store Product Page Cover Overlay - */ div#cover { margin:0 0 1em 0; padding-bottom:8px; float:left; position:relative; width:160px; } div#cover img.overlay { border:0; position:absolute; bottom:0; right:-12px; } div#cover p { margin:1em 0 0 0; padding:0; width: 127px; font-size:xx-small; text-align:center; } /* - Store Product Page Meta Information - */ div#metaInformation { margin:0 0 0 184px; padding:0; } div#metaInformation ul { list-style:none; margin-left:0; } ul.bibliography { margin-bottom:1.2em; } ul.bibliography li #ulInfo { margin-left: 1em; } ul.bibliography li #ulInfo li { margin-bottom: 0; } p.instructions { margin-bottom:1em; } ul.instructions { margin-left:1em; margin-bottom:1em; } ul.instructions li { margin-bottom:0.5em; } div#metaInformation a#moreToggle { cursor:pointer; color:#004F7F; } div#metaInformation p.priceDefault { color:#666; border-top:1px solid #C7C8CA; padding-top:0.5em; } div#metaInformation p.priceDiscounted { line-height:normal; border-bottom:1px solid #C7C8CA; padding-bottom:0.5em; margin-bottom:1.2em; } div#metaInformation p.priceDiscounted strong { font-size:1.2em; margin-right:0.5em; } /* - Store Product Purchasing - */ p.option { margin:0; padding:0; border-left:1px solid #C7C8CA; color:#C7C8CA; border-right:1px solid #C7C8CA; text-align:center; } div#buy { margin:0; padding:10px; border:1px solid #C7C8CA; background-color:#EEE; position:relative; } div#buy p.productType { text-align:left; margin:0 0 0.75em 0; padding:0; } div#buy p.productType img { margin:0 6px 1em 0; float: left; } div#buy img.productPurchase { float:right; margin:0 0 0.75em 0; padding:0; } div#buy p.productMessage { clear:right; text-align:center; color:#999; display:block; height:100%; } /* Safari Instant Access */ div#buy .safariInstantAccess { background-color:#F4F4F4; border:#CBCBCB thin solid; text-align:center; margin: 30px auto 10px auto; padding:0 2px 5px 0;} div#buy .safariInstantAccess #check { float:left; margin:0 0 0 6px; _position:relative;} div#buy .safariInstantAccess p { padding:0; margin:5px 0 0 0; clear:right;} div#buy .safariInstantAccess p.moreInformation { font-size:10px; margin:2px 0 0 0;} div#buy .safariInstantAccess div.moreInformationText { width:270px; height:auto; text-align:left; border:1px solid #000; margin:0; padding:12px; visibility:hidden; position:absolute; left:11px; background-color:#FFF; z-index:1001 } div#buy .safariInstantAccess div.moreInformationText h3 { margin-top:10px;} div#buy .safariInstantAccess div.moreInformationText p { margin-top:10px;} div.buyMore { margin:0; padding:10px; border:1px solid #C7C8CA; background-color:#EEE; position:relative; } div.buyMore p.intro { margin:0 0 1em 0; padding:0; } div.buyMore .title { font-weight:bold; } div.buyMore p.productType img { margin-right:6px; vertical-align:text-top; } div.buyMore div.offer { position:relative; clear:both; } div.buyMore p.pricing { margin-top:2em; text-align:right; white-space:nowrap; vertical-align:middle; clear:both; } div.buyMore span.priceDefault { margin:0 0 0 1em; padding:0;text-decoration: line-through; } div.buyMore span.priceDiscounted { margin:0 0 0 1em; padding:0;font-weight: bold; } div.buyMore img.productPurchase { margin:0 0 0 1em; padding:0; vertical-align:middle; } div.buyMore .cover { margin:0 1em 1em 0; padding-bottom:0; position:relative; width:55px; float:left; } div.buyMore .cover a { display: block; width: 55px; position: relative; padding-bottom: 6px; } div.buyMore .cover img.overlay { border:0; position:absolute; bottom:0; right:0; } div#buySafari { margin:0; padding:10px; border:1px solid #C7C8CA; background-color:#EEE; } div#buySafari p.logo { text-align:left; margin:0 0 1.5em 0; text-indent: -24px; padding: 0 0 0 24px; } div#buySafari p.logo img { margin-right:6px; vertical-align:text-top; } div#buySafari img.buySafari { float:right; margin:0 0 0.75em 0; padding:0; } div#buySafari form { text-align: center; margin: 1em 0; } div#buySafari form .searchstring { font-size: 87%; } div#buySafari .button { margin-left: 6px; vertical-align:text-top; } div#productBSS { clear:both; } div#bssContent { margin:-1px 0 0 0; padding:1em; border-right:1px solid #C7C8CA; border-left:1px solid #C7C8CA; border-bottom:1px solid #C7C8CA; border-top:1px solid #C7C8CA; } div.storeProduct #productBSS.tabwidget ul.tabs { height: 1.8em; } div.storeProduct #productBSS.tabwidget ul.tabs li { font-size: .9em; padding:0 .7em; } /* --- Product Page BSS Amazon Reviews --- */ div#bssAmazonReviews .amazonHeading { margin: 0; } div#bssAmazonReviews .amazonRating1, div#bssAmazonReviews .amazonRating2, div#bssAmazonReviews .amazonRating3, div#bssAmazonReviews .amazonRating4, div#bssAmazonReviews .amazonRating5 { width: 65px; float: left; } div#bssAmazonReviews .amazonRating1 { background: url(../../common/icons/amazonStars.png) no-repeat -52px 3px; } div#bssAmazonReviews .amazonRating2 { background: url(../../common/icons/amazonStars.png) no-repeat -39px 3px; } div#bssAmazonReviews .amazonRating3 { background: url(../../common/icons/amazonStars.png) no-repeat -26px 3px; } div#bssAmazonReviews .amazonRating4 { background: url(../../common/icons/amazonStars.png) no-repeat -13px 3px; } div#bssAmazonReviews .amazonRating5 { background: url(../../common/icons/amazonStars.png) no-repeat 0 3px; } div#bssAmazonReviews .amazonSummary { font-weight: bold; padding-left: .5em; } div#bssAmazonReviews .amazonContent { margin: 0; line-height: 1.5em; } div#bssAmazonReviews .amazonContent p { line-height: 1.5em; margin: 1em 0 0 0; } div#bssAmazonReviews .amazonPublished { margin: .25em 0 1.5em 0; font-size: .9em; color: #6D6F72; } div#bssAmazonReviews .amazonProvided { font-size: .9em; padding: 0; margin: -1em 0 2em 0 !important; } div#bssAmazonReviews .amazonProvided a:link, div#bssAmazonReviews .amazonProvided a:visited, div#bssAmazonReviews .amazonProvided a:active { text-decoration: none; color: #000 !important; } div#bssAmazonReviews .amazonProvided a:hover { text-decoration: underline; } /* - Product Page Insructions - */ .storeProduct .instructions { background-color: #EEE; border: 1px solid #C7C8CA; padding: 10px; margin: 1em 0 2em 0; font-size: 87%; } .productTypeDescription { margin-top:1em; } /* - Store Index Coming Soon - */ .storeIndex .comingSoon span.new { display:none; } /* - Store Media Review - */ .mediaReview #column1 { margin:0 214px; width:532px; } /* = Search Results = */ .searchPreview #columnTwo { border-left: 1px solid #CCC; } .searchPreview h1 { margin-bottom:1em; } .searchPreview h1 input { font-size:100%; font-weight:bold; margin-right:0.75em; width:auto; } .searchPreview h1 input[type="image"] { vertical-align:middle; } .searchPreview form { text-align:left; } .searchPreview form label.hide { display:none; } /* For IE - Since it can't get selectors right */ div.results { padding-top:0.5em; margin-bottom:1.5em; position:relative; clear:both; float:left; } div.results h3 { margin: 1em 0; } div.results p { margin: 0 0 10px 0;} div.results label { margin:0.5em 0.5em 0 1em; font-weight:normal; display:inline; } div.results input { margin: 0 0 0 1em; } div.results select { font-size: 87%; margin: 0.5em 0; vertical-align:middle; } div.results table.beforead { margin:2em 0 0 0; } div.results table.afterad { margin-top:2em; } div.results span.productType { margin-left:1.5em; color: #6D6F72; } div.results .price { font-size: 87%; } .line { border-top:1px solid #C7C8CA; } .searchPreview div.searchFilter { margin:0; padding: 0 0 10px 0; } .searchPreview div.advertisement { text-align:center; } .searchPreview .title { font-size: 120%; font-weight: bold; } .searchPreview td.number { color:#999; } .searchPreview div.productList .eproduct a { display: block; width: 70px; position: relative; padding-bottom: 6px; } .searchPreview div.productList .eproduct img.overlay { border:0; position:absolute; bottom:0; right:0; } .searchPreview p.pagination { padding-top:0.5em; border-top:1px solid #EEE; text-align:center; } .searchPreview p.pagination span.current { border:1px solid #999; padding:0.25em; } .searchPreview li.format img { margin-right:0.25em; vertical-align:middle; } .searchStore h1 input { font-size:100%; font-weight:bold; margin-right:0.75em; width:auto; } .searchStore h1 input[type="image"] { vertical-align:middle; } .searchStore div.productList { float:left; width:600px; margin:2em 24px 0 0; } .searchStore .advertisement { margin-top:2em; width:334px; float:left; } .searchStore form label.hide { display:none; } /* For IE - Since it can't get selectors right */ .searchStore .title { font-size: 120%; font-weight: bold; } .searchStore td.number { color:#999; } .searchStore div.productList .eproduct a { display: block; width: 70px; position: relative; padding-bottom: 6px; } .searchStore div.productList .eproduct img.overlay { border:0; position:absolute; bottom:0; right:0; } .searchStore p.pagination { padding-top:0.5em; border-top:1px solid #EEE; text-align:center; clear:both; } .searchStore p.pagination span.current { border:1px solid #999; padding:0.25em; } .searchStore li.format img { margin-right:0.25em; vertical-align:middle; } .searchContent h1 input { font-size:100%; font-weight:bold; margin-right:0.75em; width:auto; } .searchContent h1 input[type="image"] { vertical-align:middle; } .searchContent .title { font-size: 120%; font-weight: bold; } .searchContent td.number { color:#999; } .searchContent p.pagination { padding-top:0.5em; border-top:1px solid #EEE; text-align:center; } .searchContent p.pagination span.current { border:1px solid #999; padding:0.25em; } .searchContent div.productList { float:left; width:600px; margin:2em 24px 0 0; } .searchContent .advertisement { margin-top:2em; width:334px; float:left; } /* - Search Support Page - */ .searchSupport #column1 { width:532px; margin:0 214px 0 214px; padding:0; } .searchSupport #column2 { display:none; } .searchSupport form { margin-bottom:2em; } .searchSupport td { vertical-align:top; padding:0 0 1em 0; } .searchSupport #columnTwo img { bottom:2em; } /* = Product Page = */ /* - Library - */ .libraryIndex #columnOne { width:600px; margin:0 24px 0 0; padding:0; float:left; } .libraryProduct #columnTwo { width:336px; margin:0; padding:0; float:left; } .libraryIndex #columnOne .productList { width:600px; margin:0 0 2em 0; padding:0; } .libraryIndex #columnOne .productList .title { font-weight:bold; } .libraryIndex #columnOne .productList table td { vertical-align:top; margin:0; padding:0 1em 1.5em 0; } .libraryIndex #columnOne .productList table { width:600px; } .libraryIndex #columnOne .productList table img { float:right; width:51px; } /* - Library Product Content - */ .libraryProduct #columnOne { width:600px; margin:0 24px 0 0; padding:0; float:left; } .libraryProduct #columnTwo { width:336px; margin:0; padding:0; float:left; } .libraryProduct #columnTwo .advertisement { margin-bottom:2em; } .libraryProduct img.product { float:left; width:75px; margin:0 1em 1em 0; } .libraryProduct h2 { clear:both; margin-bottom:1em; } .libraryProduct ul { list-style:none; margin-left:0; } .libraryProduct li img { margin-right:1em; } .libraryContent #columnOne { width:190px; float:left; margin:0 24px 0 0; padding:0; } .libraryContent #columnTwo { width:746px; float:left; margin:0; padding:0; } .libraryContent #columnOne img.product { float:left; width:51px; margin-right:1em; margin-bottom:2em; } .libraryContent #columnOne .title { font-weight:bold; } .libraryContent #columnOne ul { clear:both; margin:0; padding:0; list-style-type:none; } .libraryContent #columnOne ul li ul { margin:0; } .libraryContent #columnOne ul li { margin:0; padding:0; font-weight:bold; } .libraryContent #columnOne ul li ul { margin:0; } .libraryContent #columnOne ul li ul li ul { margin-left:2em; } .libraryContent #columnOne ul li ul li a { display:block; margin:0; padding:0.3em 0 0.3em 18px; font-weight:normal; } .libraryContent #columnOne li.tocClosed a { background-image:url(../images/icons/plus.png); background-position:0 0.75em; background-repeat:no-repeat; } .libraryContent #columnOne li.tocOpen { margin:0; padding:0.5em 0 0.5em 18px; background-image:url(../images/icons/minus.png); background-position:0 0.75em; background-repeat:no-repeat; } .libraryContent #columnTwo h1 { margin-right:100px; } .libraryContent #columnTwo h2 { line-height:2em; } .libraryContent #columnTwo h3 { line-height:2em; } .libraryContent #columnTwo div.pagination { position:relative; margin:0; padding:0; width:746px; clear:both; } .libraryContent #columnTwo div.pagination p.next { float:right; width:400px; margin:0; padding:0; white-space:nowrap; text-align:right; } .libraryContent #columnTwo div.pagination p.previous { float:left; width:250px; } .libraryContent #columnTwo p.tools { clear:both; } .libraryContent #columnTwo p.tools { /*position: relative; bottom:0;*/ float:right; } .libraryContent #columnTwo p.tools img { margin-right:0.5em; vertical-align:middle; } .libraryContent #columnTwo .advertisement { float:right; width:336px; margin-left:2em; margin-bottom:2em; } .libraryEmail { text-align:center; } .libraryEmail #columnOne { width:532px; margin:0 auto; text-align:left; } .libraryEmail #columnOne h2 { margin:2em 0 0.5em 0; } .libraryEmail #columnOne form { margin:2em 0 0 0; padding:0; } .libraryEmail #columnOne form label { display:block; text-align:left; margin-bottom:0.5em; } .libraryEmail #columnOne form label[for="checkbox"] { display:inline; margin-left:0.5em; } .libraryEmail #columnOne form input { margin-bottom:0.5em; } .libraryEmail #columnOne form ul { list-style-type:none; margin-left:0; } .libraryEmail #columnOne form p { color: #6D6F72; margin-bottom:1em; } /* - Store Product Page Product Buckets - */ .storeProduct #columnTwo .productList { margin-top:2em; z-index:0; } .storeProduct #columnTwo .productList h3 { font-size:120%; margin-bottom:1em; } .storeProduct #columnTwo .productList a.title { font-weight:bold; } .storeProduct #columnTwo .productList dd.pricing img { margin-right:0.5em; vertical-align:middle; } /* - Product Refresh - */ /* This CSS controls the positioning of the layer above the product entry */ .productRefresh { position:relative; margin:0; padding:0; } .productRefreshMessaging { position:absolute; z-index:1000; height:100%; width:100%; margin:0; padding:1em 0; text-align:center; } /* This CSS controls the opacity of the product entry, giving the illusion of an overlay. Note that the class "productRefresh" needs to be rendered in the document in order for this opacity to occur. */ .productRefresh img.productImage { filter:alpha(opacity= 15 ); -moz-opacity:0.15; opacity:0.15; zoom:1; } .productRefresh dl dt { filter:alpha(opacity= 15 ); -moz-opacity:0.15; opacity:0.15; zoom:1; } .productRefresh dl dd { filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; zoom:1; } /* - My Account - */ /* - My Account - Blogs - */ #content.authtools form#contentForm { background-color: #EEE; margin-bottom: 2em; } #content.authtools td { vertical-align: top; position: relative; } #content.authtools form#contentForm td label { padding-left: 1em; margin-right: 0; } #content.authtools label { font-weight: bold; display: block; text-align: right; } #content.authtools .label { font-weight: bold; line-height: 2em; } #content.authtools label.wysiwyg { padding-top: 35px; } #content.authtools .buttons { padding: 1em 0; } #content.authtools .buttons input, #content.authtools .buttons a { margin-right: 2em; } .authtools .subnav { position: absolute; top: 0; right: 0; } /* #content.authtools #optionscontainer { position: relative; } #content.authtools #options { position: absolute; top: 0; left: 35%; width: 55%;} */ #content.authtools #options label, #content.authtools.prefs label { text-align: left; font-weight: normal; line-height: 2em; padding:0; } #content.authtools #options label input, #content.authtools.prefs label input { margin-left:0; } #content.authtools #files { background-color: #EEE; padding: 0 1em 1em; } #content.authtools h2 { font-size: 100%; font-weight: bold; line-height: 220%; } #content.authtools #uploaded { width: 50%; float: right; margin: 0 0 2em 2em; } #content.authtools #blogDashboard { border: 1px solid #9CA9B1; border-width: 1px 1px 0 0; } #content.authtools #blogDashboard th { background-color: #C7C8CA; } #content.authtools #blogDashboard th, #content.authtools #blogDashboard td { padding: 0.5em 1em; border: 1px solid #9CA9B1; border-width: 0 0 1px 1px; } #content.preferences { margin:0 214px; width:532px; } #content.preferences span.checkbox { display:block; } #content.preferences span.checkbox label { text-align: left; margin-left: 0.5em; display: inline; font-weight: normal; } #content.managePosts { margin:0 214px; width:532px; position:relative; } #content.managePosts table { width:100%; } #content.tips { margin:0 214px; width:532px; } /* - Account Login - */ div.accountLogin #column1 { margin: 0 auto; width: 532px; } div.accountLogin td { vertical-align:top; padding:0 0 1em 0; } .accountLogin span.checkbox label { text-align: left; margin-left: 0.5em; display: inline; font-weight: normal; } #accountExisting { margin:0; padding:0; float:left; width:492px; } #accountNonExisting { margin:0 0 0 492px; padding:0; width:492px; } #accountExisting label[for="remember_me"] { text-align:left; margin-left:0.5em; display:inline; font-weight:normal; } #accountNonExisting label[for="promotions_flag"] { text-align:left; margin-left:0.5em; display:inline; font-weight:normal; } #accountNonExisting label[for="remember_me"] { text-align:left; margin-left:0.5em; display:inline; font-weight:normal; } #accountNonExisting label[for="read_privacy"] { text-align:left; margin-left:0.5em; display:inline; font-weight:normal; } /* - Account Main Page - */ #accountProducts { margin:0 24px 0 0; padding:0; width:600px; float:left; } #accountInformation { margin:0; float:left; padding:0 0 0 24px; width:311px; border-left:1px solid #C7C8CA; } .timestamp { color:#9A9A9A; } #accountProducts div.savedProducts { margin:0 0 2.5em 0; padding:0; } #accountProducts h2 { display:inline; margin-right:0.5em; } #accountProducts p.moreInformation { display:inline; } #accountProducts table td { vertical-align:top; padding:0 1em 1em 0; } #accountProducts dd { line-height:1.6em; } #accountProducts .pst { margin-bottom:2.5em; } #accountProducts .title { font-weight:bold; } #accountProducts span.productType { margin:0 0 0 1em; padding:0; color:#9A9A9A; } #accountProducts span.tools { margin:0 0 0 1em; padding:0; color:#9A9A9A; } #accountInformation h3 { margin: 1em 0 0.5em 0; } #accountInformation h3:first-child { margin-top: 0; } #accountInformation ul { list-style: none; padding: 0; margin: 0; margin-bottom: 0; } #accountInformation li, #accountInformation p { margin: 0 0 0.5em 0; } /* - Account Wishlist - */ div.accountWishList #columnOne { width:600px; } div.accountWishList table td { vertical-align:top; padding:0 1em 1em 0; } div.accountWishList dd { line-height:1.6em; } div.accountWishList .title { font-weight:bold; } div.accountWishList span.productType { margin:0 0 0 1em; padding:0; color:#9A9A9A; } div.accountWishList span.tools { margin:0 0 0 1em; padding:0; color:#9A9A9A; } div.accountWishList dd.timestamp { font-size: 87%; color: #6D6F72; } /* - Account Saved Content - */ div.accountContent #columnOne { width:600px; } div.accountContent table td { vertical-align:top; padding:0 1em 1em 0; } div.accountContent dd { line-height:1.6em; } div.accountContent .title { font-weight:bold; } div.accountContent span.productType { margin:0 0 0 1em; padding:0; color:#9A9A9A; } div.accountContent span.tools { margin:0 0 0 1em; padding:0; color:#9A9A9A; } div.accountContent dd.timestamp { font-size: 87%; color: #6D6F72; } /* - Account Registered Books - */ div.accountRegisteredBooks #columnOne { width:600px; } div.accountRegisteredBooks table td { vertical-align:top; padding:0 1em 1em 0; } div.accountRegisteredBooks dd { line-height:1.6em; } div.accountRegisteredBooks .title { font-weight:bold; } div.accountRegisteredBooks span.productType { margin:0 0 0 1em; padding:0; color:#9A9A9A; } div.accountRegisteredBooks span.tools { margin:0 0 0 1em; padding:0; color:#9A9A9A; } div.accountRegisteredBooks dd.timestamp { font-size: 87%; color: #6D6F72; } /* - Account Addresses -*/ div#addressesSaved { margin:2em 20px 0 0; padding:0; width:468px; float:left; } div#addressesDefault { margin:2em 0 0 0; padding:0; width:468px; float: left; } div.accountAddresses .addressList p { margin-bottom:2em; } div.accountAddresses img { margin-top:0.75em; margin-right:0.5em } /* - Account Email and Password - */ div.accountEmailPassword { text-align:center; } div.accountEmailPassword div#emailEdit { width:570px; margin:0 auto; padding:0; text-align:left; } div.accountEmailPassword span.checkbox label { text-align: left; margin-left: 0.5em; display: inline; font-weight: normal; } div.accountEmailPassword div#emailEdit p { margin-bottom:2em; } div.accountEmailPassword div#emailEdit td { vertical-align:top; padding:0 0 1em 0; } div.accountEmailPassword div#emailEdit label[for="read_privacy"] { text-align:left; margin-left:0.5em; display:inline; font-weight:normal; } div.accountEmailPassword div#emailEdit label[for="promotions_flag"] { text-align:left; margin-left:0.5em; display:inline; font-weight:normal; } /* - Account Customize Profile - */ div.accountProfile { text-align:center; } div.accountProfile div#profileEdit { width:570px; margin:0 auto; padding:0; text-align:left; } div.accountProfile div#profileEdit p { margin-bottom:2em; } div.accountProfile div#profileEdit ol { margin-left:3em; } div.accountProfile div#profileEdit ol li { list-style:decimal; } div.accountProfile div#profileEdit select { display:block; } div.accountProfile div#profileEdit span.checkbox { display:block; } div.accountProfile div#profileEdit span.checkbox label { text-align: left; margin-left: 0.5em; display: inline; font-weight: normal; } div.accountProfile div#profileEdit label { display:inline; font-weight:normal; } div.accountProfile div#profileEdit span.radioSet { display:block; margin-bottom:o.5em; } div.accountProfile div#profileEdit span.radioSet input { vertical-align:middle; } div.accountProfile div#profileEdit span.radioSet label { margin:0 0 0 0.5em; padding:0; vertical-align:middle; } /* - Account Newsletters - */ .accountNewsletters #accountNewslettersEdit { width:570px; margin:0 auto; padding:0; text-align:left; } .accountNewsletters #accountNewslettersEdit p.subTitle { display:block; } .accountNewsletters #accountNewslettersEdit input[type="checkbox"] { display:inline; } .accountNewsletters p.menuDivHeader { font-weight:bold; } .accountNewsletters #memberNewsletters h2 { margin-bottom:1em; } .accountNewsletters #memberNewsletters ul { margin-left:2em; list-style-image:none; list-style-type:none; } .accountNewsletters li.subTitle label { text-align:left; margin-left:0.5em; display:inline; font-weight:bold; } .accountNewsletters li.subTitle span { margin-left:2em; display:block; } .accountNewsletters h3 { margin:1em 0; } /* - Account Member Code Form - */ #accountInformation form { margin-top:1em; } #accountInformation form h3 { display:inline; margin:1em 0.5em 1em 0; } #accountInformation p.moreInformation { display:inline; height:1em; } #accountInformation div.moreInformationText { width:280px; } #accountInformation input { display: block; margin-top:0.5em; margin-bottom:1em; } /* - Account What Is This - */ div.accountIndex div.moreInformationText { width:350px; border:1px solid #000; margin:0; padding:12px; z-index:10; visibility:hidden; position:absolute; background-color:#FFF; } div.accountIndex div.productList div.moreInformationText p { text-align: left; } div.accountIndex #accountInformation form#MemberCode { position:relative; } div.accountIndex #accountInformation p.moreInformation { display:inline; height:1em; } div.accountIndex #accountInformation form#MemberCode div.moreInformationText { width:285px; border:1px solid #000; margin:0; padding:12px; z-index:10; visibility:hidden; position:absolute; top:1.5em; right:0; background-color:#FFF; } form#MemberCode input { margin-right:0.5em; } /* - Account Address - */ div.accountAddress #addressEdit { width:532px; margin:0 214px; } div.accountAddress span.checkbox label { text-align: left; margin-left: 0.5em; display: inline; font-weight: normal; } div.accountAddress td { vertical-align:top; padding:0 0 1em 0; } /* - Account Register - */ .accountRegister { text-align:center; } .accountRegister #columnOne { float:left; width:600px; margin:0 24px 0 0; padding:0; text-align:left; } .accountRegister #columnTwo { float:left; width:336px; margin:0; padding:0; text-align:left; } .accountRegister form { margin:0; padding:0; } .accountRegister span.checkbox label { text-align:left; margin-left:0.5em; display:inline; font-weight:normal; } .accountRegister table { margin-bottom:2em; } .accountRegister td { vertical-align:top; padding:0 0 1em 0; } .accountRegister #profileQuestions ol { margin-left:3.5em; } .accountRegister #profileQuestions li { margin-bottom:2em; } div.accountRegister #profileQuestions label { display:inline; font-weight:normal; } div.accountRegister #profileQuestions span.radioSet { display:block; margin-bottom:0.5em; } div.accountRegister #profileQuestions span.radioSet input { vertical-align:middle; } div.accountRegister #profileQuestions span.radioSet label { margin:0 0 0 0.5em; padding:0; vertical-align:middle; } .accountRegister #profileQuestions { border-top: 1px solid #D5D6D7; } .accountRegister #profileQuestions.off { display: none; } .accountRegister #profileQuestions.on { display: block; } .accountRegister #fork div { float: left; padding-right: 1em; } .accountRegister label.optional { font-weight: normal; } .accountRegister #fork.off div { display: none; } .accountRegister #fork.on div { display: block; } .accountRegister .required { font-weight:bold; } /* - Membership Code "What is This" on register form */ #RegForm .moreInformationText { width:350px; border:1px solid #000; margin:0; padding:12px; z-index:10; visibility:hidden; position:absolute; background-color:#FFF; } #RegForm p.moreInformation { display:inline; height:1em; } /* - Account - Digital Goods - */ .accountDigital #columnOne { margin:0 20px 0 0; padding:0; width:470px; float:left; } .accountDigital #columnTwo { margin:0; padding:0; width:470px; float:left; } .accountDigital img.product { float:left; width:125px; margin-right:20px; margin-bottom:2em; } .accountDigital li { list-style:none; } .accountDigital .tabwidget { clear:both; } .accountDigital div.tabwidget.prop div.container { border: 1px solid #C7C8CA; width:auto; } /* Podcast Related Reaources positioning */ div.tabwidget.prop dd.resPod { padding-left: 85px; } div.tabwidget.prop dd.resPod ul { position: relative; } div.tabwidget.prop dd.resPod li.video, div.tabwidget.prop dd.resPod li.audio { padding-left: 17px; } div.tabwidget.prop dd.resPodSubscribe { padding-left: 85px; padding-bottom: 2em; } div.tabwidget.prop dd.resPodSubscribe a { padding-left: 8px; } div.tabwidget.prop .more { margin-top: 1em; } div.tabwidget.prop dd.resPod li.audio, div.tabwidget.prop dd.resPod p.audio { background: url(../images/icons/podcast_audio.png) top left no-repeat; } div.tabwidget.prop dd.resPod li.video, div.tabwidget.prop dd.resPod p.video { background: url(../images/icons/podcast_video.png) top left no-repeat; } /* = Newsletters = */ .newslettersIndex #column1 { margin:0 214px; width:532px; } .newslettersIndex #column1 .pst input { margin-top:1em; } .newslettersIndex #column1 p.subTitle { margin-bottom:1.5em; margin-left:2em; } .newslettersIndex #column1 input[type=checkbox] { margin-right:0.5em; } .newslettersIndex #column1 label { display:inline; } .newslettersIndex #column1 span.desc { display:block; margin-left:2em; } .newslettersIndex #column1 #memberEmail { margin-bottom:2em; } .newslettersIndex #column1 #memberNewsletters h2 { margin-bottom:0.5em; } .newslettersIndex #column1 .menuDivHeader { font-weight:bold; cursor: pointer; } /* - Newsletter - Unsubscribe - */ .unsubscribe #column1 { margin:0 214px; width:532px; } .unsubscribe #column1 h2 { line-height:2em; } .unsubscribe #column1 label { display:inline; } .unsubscribe #column1 input { margin-right:0.5em; vertical-align:middle; } .unsubscribe #column1 ul { list-style-type:none; } /* = Shopping Cart = */ .cart { text-align:left; } .cart h1, .cart h2, .cart h3 { text-align:left; padding-bottom: 1em; } .cart #cartSteps { display:inline; } /* - Cart Nav - */ .cart .cartNav, .addresses .cartNav { text-align:right; margin:10px 0; padding:0; clear: both; } .cart .cartNav .continueShopping, .addresses .cartNav .continueShopping { float: left; line-height: 33px; } .cart .continueShopping { float: left; margin: 10px 0 0 0; } .cart .cartNav form, .addresses .cartNav form { display:inline; } .cart .cartNav form input, .addresses .cartNav form input { margin:0; padding:0; vertical-align:middle; } .cart #cartSummary { margin:0; padding:0; } .cart #cartSummary table.summary { clear: both; background-color:#FFF; width:100%; margin:0; padding:0; border-collapse: collapse; border-spacing: 0;} .cart #cartSummary table.summary td { margin:0; padding:5px; border: 1px solid #CCC; } .cart #cartSummary thead { background-color:#EEE; padding:5px; color:#000; text-align:center; font-weight:bold; } .cart #cartSummary table.priceTable { width:100%; margin:0; padding:0; } .cart #cartSummary table.priceTable td { margin:0; padding:0; border:none; } .cart #cartSummary tr.total { background-color:#EEE; } .cart #cartSummary tr.safari td { padding: 20px 5px;} .cart #cartSummary tr.safari { background-color:#FFFFE3;} .cart #cartSummary div.moreInformationText { width:400px; height:auto; text-align:left; border:1px solid #000; margin:0; padding:12px; z-index:600; visibility:hidden; position:absolute; right:11px; background-color:#FFF; } .cart #cartSummary div.moreInformationText h3 { margin-top:10px;} .cart #cartSummary div.moreInformationText p { margin-top:10px;} /* Safari Instant Access (Cart) */ .cart #cartSummary tr.safari td { padding: 20px 5px;} .cart #cartSummary tr.safari { background-color:#FFFFE3;} .cart #cartSummary div.moreInformationText { width:400px; height:auto; text-align:left; border:1px solid #000; margin:0; padding:12px; z-index:600; visibility:hidden; position:absolute; right:11px; background-color:#FFF; } .cart #cartPromos { margin:10px 0 0 0; padding:0;} .cart #cartPromos H2 { display:none; } .cart #cartPromos div.promo { position:relative; margin:0; padding:10px 0; } .cart #cartPromos div.promo p.intro { margin:0 0 10px 0; padding:0; } .cart #cartPromos div.promo div.offer { margin:5px 0; padding:0; } .cart #cartPromos div.promo div.offer p { margin:0; padding:0; clear: left; } .cart #cartPromos div.promo div.offer p.applied { margin:10px 0; padding:0; font-weight:bold; font-size:1.2em; } .cart #cartPromos div.promo div.offer p.applied img { border:none; } .cart #cartPromos div.promo div.offer img { position:relative; float:left; margin:0 10px 0 0; padding:0; border: 1px solid #999; } .cart #cartPromos div.promo div.offer a.button img { border:none; float:none; margin:3px 0 0 0; padding:0; } .addresses { text-align:left; } .addresses h1, .addresses h2, .addresses h3 { text-align:left; } .addresses { margin:0; padding:20px; text-align:left; } .addresses h1 { float:left; text-align:left; display:inline; padding-bottom: 1em; } .addresses #cartSteps { float:left; padding: 0 0 2em 2em; } .addresses h2 { clear: both; } .addresses table.address td { margin:0; padding:0; } .addresses #billing { margin:0; padding:0; } .addresses #shipping { margin:0; padding:0; } .addresses div#billing img, .addresses div#shipping img { margin-right:8px; } .addresses .saveInfo { background-color:#EEE; margin:0; padding:5px; } .addresses .saveInfo .edit { font-size:90%; } .addresses #cartAddress { clear: both; } .addresses #cartAddress H2 { color:#FFF; background-color:#250E5C; margin:0; padding:5px; } .addresses #cartAddress table.address { width:100%; margin:0; padding:0; border-collapse: collapse; border-spacing: 0; } .addresses #cartAddress table.address thead { color:#000; background-color:#CCC; font-weight:bold; margin:0; padding:0;} .addresses #cartAddress table.address td { margin:0; padding:10px; border: 1px solid #666; } .addresses #cartAddress table.bill td, .addresses #cartAddress table.ship td, .addresses #cartAddress table.edit td { margin:0; padding:2px; border:none; } .addresses div.address { margin:0 0 1.5em 0; padding:0; } .addresses div.address p { margin:0; padding:0; } /* - Cart Information - */ .cartOrdering #column1 { margin:0 214px; width:532px; } /* - Saved Products - */ .savedProducts .productList { margin:0; padding:0; width:100%; position:relative; } .savedProducts .productList dl { margin:0 0 2em 0; padding:0; } .savedProducts .productList dt { font-weight:bold; } .savedProducts .productList dd { margin-left:63px; } .savedProducts .productList img.product { float:left; margin:0 1em 1em 0; padding:0; } /* = Articles = */ /* - Index Pages - */ .articleIndex #column1 { width: 514px; padding: 0 24px 0 24px; margin-left: 214px; float: left; } .articleIndex #column2 { position: absolute; top: 0; left: 0; width: 190px; } .articleIndex #column3 { width: 160px; margin-left: 24px; float: left; } div.articleIndex div.btb { margin:0; padding:5px 0 15px 0; border:1px solid #C7C8CA; background-color:#EEE; } div.articleIndex div.btb h3 { margin-left:5px; margin-right:5px; } div.articleIndex div.btb ul { margin-left:5px; margin-right:5px; } div.articleIndex div.btb ul { font-size:87%; line-height:120%; } div.articleIndex div.btb p { margin:1em 5px 0 5px; text-align:right; font-size:87%; line-height:120%; } div.allArticles h2 { margin-bottom:1em; } /* Same as Just Released - or other 'All' product listings */ div.allArticles dt { font-size:120%; font-weight:bold; } div.articleIndex div.productList { margin:0; padding:1em 0 0 0; width:470px; border-top:1px solid #EEE; } div.articleIndex div.productList p { text-align:left; } div.articleIndex div.productList p.pagination { padding-top:0.5em; border-top:1px solid #EEE; text-align:center; } div.articleIndex div.productList p.pagination span.current { border:1px solid #999; padding:0.25em; } div.articleIndex p.rssSubscribe { margin-bottom:1em; } div.articleIndex p.rssSubscribe a { margin-right:1em; } div.articleIndex p.rssSubscribe img { vertical-align:middle; } div.articleIndex div.productList p.listQuantity { display:inline; margin-right:2em; } div.articleIndex div.productList p.listSort { display:inline; } div.articleIndex div.productList table#productListAll { margin-top:1.5em; } /* - Article Content - */ div.articleProduct div#columnOne { float:left; width:600px; margin: 130px 0 0 0; padding:0; } div.articleProduct div#columnTwo { float:left; width:336px; margin: 130px 0 0 24px; padding:0; } div.articleProduct div#columnTwo div.hireReach { margin: 0 0 2em 0; padding:0; text-align:center; } div.articleProduct div#columnTwo div.advertisement { width:336px; clear:both; } div.articleProduct #leaderboard { position: absolute; width: 960px; height: 90px; top: 0; left: 0; } div.articleProduct #leaderboard div { width: 720px; height: 90px; margin: 0 auto; background-color:#C7C8CA; } .styleTypeNone li { list-style-type:none; } /* the style below ensures that a bullet will appear on nested list items */ .styleTypeNone li li, .styleTypeNone li li li { list-style-type:disc; } #articleContent { margin:0 0 2em 0; padding:0; border:1px solid #C7C8CA; position:relative; width:100%; } #articleHeader { border-bottom:1px solid #C7C8CA; background-color:#9CA9B1; padding:12px; position:relative; overflow:auto; } #articleHeader h1 { color:#FFF; margin-bottom: 0.5em; } #articleHeader h1 a { color:#FFF; } /* - Author Objects - */ #articleHeader img.author { margin:0; padding:0; float:left; width:51px; height:51px; } #articleHeader ul { margin-left:60px; } #articleHeader li { margin-bottom:0.25em; } #articleHeader li .authorName { font-weight:bold; } .publisherCredit a:link { color:#000; } .publisherCredit a:visited { color:#000; } .publisherCredit a:hover, a:active { color:#000; text-decoration:underline; } /* - First Set of Tools - */ .articleTools { margin:0; padding:1px 0 0 0; position:relative; float:left; border-bottom:1px solid #C7C8CA; width:586px; font-size: 87%; line-height: 16px; } .articleTools #articleTOC { float:left; padding:6px 12px 0 12px; height:24px; width:120px; } .articleTools #articleTOC p img { vertical-align:middle; margin-right:0.5em; } .articleTools #listTOC { display:none; } .articleTools a#moreToggle { cursor:pointer; color:#C7C8CA; } .articleTools a { color:#6D6F71; } .articleTools div.pagination a:link { color:#004F7F; } .articleTools div.pagination a:visited { color:#2E87B2; } .articleTools div.pagination a:hover, a:active { color:#004F7F; text-decoration:underline; } .articleTools div.pagination .paginationPrevious { margin:0; } .articleTools div.pagination .paginationLocation { margin-left:0.5em; color:#6D6F71; } .articleTools div.pagination .paginationNext { margin-left:0.5em; font-weight:bold; } .articleTools div.articleInteraction { border-left:1px solid #C7C8CA; margin:0 0 0 140px; padding:6px 0 0 12px; height:24px; text-align: center; } .articleTools div.articleInteraction ul { margin:0; padding:0; list-style-type:none; } .articleTools div.articleInteraction ul li { display:inline; margin-right:1em; } .articleTools div.articleInteraction ul li.last { margin-right:0; } .articleTools div.articleInteraction img { vertical-align:middle; margin:0 0.5em 0 0; } .articleTools div.pagination { border-left:1px solid #C7C8CA; padding:6px 0 0 12px; width:auto; float:right; height:24px; text-align:right; } #articleText { margin:0; padding:4em 12px 0 12px; } #articleLongDescription { font-weight:bold; margin-bottom:1em; padding:0; } .relatedBook { border:1px solid #C7C8CA; float:right; width:190px; margin:0 0 4em 2em; padding:6px; font-size: 87%; } .relatedBook img { float:left; margin:0 1em 2em 0; width:51px; } .relatedBook .title { font-weight:bold; } /* - Second Set of Tools - */ div.articleToolsSecond { margin:2em 12px; padding:6px 0 0 0; font-size: 87%; line-height:16px; border-bottom:1px solid #C7C8CA; border-top:1px solid #C7C8CA; } div.articleToolsSecond div.articleInteraction { margin:0; padding:0; text-align:left; } div.articleToolsSecond div.articleInteraction ul { margin:0 0 6px 0; padding:0; list-style-type:none; } div.articleToolsSecond div.articleInteraction ul li { display:inline; margin-right:1.5em; } div.articleToolsSecond div.articleInteraction ul li.last { margin-right:0; } div.articleToolsSecond div.articleInteraction a { margin:0; padding:0; } div.articleToolsSecond div.articleInteraction a img { vertical-align:middle; margin-right:0.5em; } div.articleToolsSecond div.pagination { margin:0; padding:0; float:right; width:auto; text-align:right; } div.articleToolsSecond a { color:#6D6F71; margin:0; padding:0 1em 0 0; } div.articleToolsSecond div.pagination a { color:#6D6F71; } div.articleToolsSecond div.pagination .paginationPrevious { margin:0; color:#6D6F71; } div.articleToolsSecond div.pagination .paginationLocation { margin-left:0.5em; color:#6D6F71; } div.articleToolsSecond div.pagination .paginationNext { margin-left:0.5em; font-weight:normal; color:#6D6F71; } /* - Article Discussion - */ #articleDiscussion { margin:0 0 3em 0; padding:12px; border:1px solid #C7C8CA; } div.discussionsIndex dl { margin: 2em 0 0 0; border-top:1px solid #C7C8CA; } div.discussionsIndex dl dt { font-weight: bold; } div.discussionsIndex dl dd dl { margin: 0 0 0 .3em; padding: 0 0 0 1.5em; border-top: none; border-left: 1px solid #f0f0f0; } div.discussionsIndex dt { margin: 1.3em 0 0 0; } div.articleProduct #articleDiscussion dt { margin: 1em 0 0 0; } div.articleProduct #articleDiscussion dd { margin: 0 0 0 1em; font-size: .9em; } /* - Article Cross Promotion - */ .articleProduct #columnTwo div.tabwidget.prop { border: none; margin-top: 24px; margin-bottom: 24px; } .articleProduct #columnTwo div.tabwidget.prop h4 { font-size: 100%; color: #142549; font-weight: normal; float: left; line-height: 100%; border: none; padding:0 5px 0 0; } .articleProduct #columnTwo ul.tabs { border: none; height: 1em; } .articleProduct #columnTwo ul.tabs li { text-transform:uppercase; margin:0; border: 1px solid #CCC; border-width: 0 1px 0 0; height:1em; font-size: 72%; padding: 0 0.75em; line-height:100%; } #promotions ol, #promotions ul { list-style:none; margin:0; padding:0; } #promotions dt img.product, #promotions dt img.author { float:left; width:51px; margin:0 1em 1em 0; padding:0; } #promotions dt img.art { float:left; width:75px; margin:0 1em 1em 0; padding:0; } #promotions dt a.title { font-weight:bold; } #promotions p.more { text-align:right; clear:both; } #promotions p img { margin-right:0.5em; } #promotions dl.store { margin:0 0 1em 0; padding:0; clear:both; } #promotions dl.articles { margin:0 0 1em 0; padding:0; } #promotions dl.blogs { margin:0 0 1em 0; padding:0; clear:both; } #promotions dl.blogs dd.intro p { text-align:left; } #promotions dl.podcasts { margin:0 0 1em 0; padding:0; clear:both; } #promotions dl.podcasts dd.intro p { text-align:left; } #promotions dl.store dd.pricing { margin:.1em 0 .5em 63px; } #promotions dl.store dd.pricing img { margin:0 0.5em 0 0; vertical-align:middle; } #promotions dl.blogs dd.meta span.comments { margin-left:0.5em; border-left:1px solid #CCC; padding-left:0.5em; } #promotions dl.blogs dd.meta span.timestamp { color:#6D6F72; margin-left: 0.5em; border-left: 1px solid #CCC; padding-left: 0.5em; } .articleProduct dl.store { position: relative; float: left; width: 100%; margin: 0 0 1em 0!important; } .articleProduct #promotions dt img.product { margin: 0 10px 0 0; } .articleProduct #columnTwo div.tabwidget.prop div.productCover { position:relative; float: left; margin: 0; padding: 0; } .articleProduct #columnTwo div.tabwidget.prop div.productCover img.overlay { position:absolute; bottom: -7px; right: 3px; } /* Podcast text styles */ #promotions.tabwidget.prop li.video a, #promotions.tabwidget.prop li.audio a { color: #004f7f; font-weight: bold; } #promotions.tabwidget.prop span.author a { color: #6D6F72; font-weight: normal; font-size: 87%; } #promotions.tabwidget.prop dl.podcasts dt a { color: #6D6F72; } /* - Author Information Object - */ #authorInformation { margin:0; padding:0; width:400px; height:300px; overflow:auto; position:absolute; top:36px; left:12px; z-index:1; background-color: #FFF; border: 1px solid #C7C8CA; } #authorInformation div#informationHeader { margin:0; padding:0 0 0 12px; background-color: #9CA9B1; float:left; width:388px; } #authorInformation div#informationHeader h3 { font-size: 145%; line-height: 220%; margin-top:12px; } #authorInformation div#informationHeader p { margin-bottom: 0; } #articleHeader #authorInformation img.author { width:51px; margin:12px 1em 0.25em 0; float:left; } #authorInformation .toggleClose { position:relative; bottom: 3px; left: 260px; padding: 5px 0 0 0; } #authorInformation div.tabwidget { margin:0; clear:both; border:hidden; position:relative; } #authorInformation div.tabwidget ul.tabs { padding:0 0 1px 75px; margin:0; background-color: #9CA9B1; height:2em; } #authorInformation div.tabwidget ul.tabs li { margin-bottom:0; line-height:2em; } #authorInformation div.tabwidget ul.tabs li#first { border-left: 1px solid #C7C8CA; } #authorInformation div.tabwidget div.container { border-width: 0; background-color:#FFF; margin:-10px 0 0 0; } #authorInformation div.container dt { clear:both; } #authorInformation div.container dt img.product, #authorInformation div.container dt img.author { float:left; width:51px; margin:0 1em 1em 0; padding:0; } #authorInformation div.container dt img.art { float:left; width:75px; margin:0 1em 1em 0; padding:0; } #authorInformation div.container dt a.title { font-weight:bold; } #authorInformation div.container dl.store { margin:0 0 1em 0; padding:0; clear:both; } #authorInformation div.container dl.articles { margin:0 0 1em 0; padding:0; } #authorInformation div.container dl.blogs { margin:0 0 1em 0; padding:0; clear:both; } #authorInformation div.container dl.blogs dd.intro p { text-align:left; } #authorInformation div.container dl.podcasts { margin:0 0 1em 0; padding:0; clear:both; } #authorInformation div.container dl.podcasts dd.intro p { text-align:left; } #authorInformation div.container dl.store dd.pricing { margin:1em 0 0 63px;; } #authorInformation div.container dl.store dd.pricing img { margin:0 0.5em 0 0; vertical-align:middle; } #authorInformation div.container dl.blogs dd.meta span.comments { margin-left:0.5em; border-left:1px solid #CCC; padding-left:0.5em; } #authorInformation div.container dl.blogs dd.meta span.timestamp { color:#6D6F72; } /* - Article Author Information Blob - */ #articleHeader img.author { margin:0 0.5em 0 0; padding:0; float:left; width:51px; } #articleHeader ul { margin:0; font-size: 87%; } #articleHeader li { margin-bottom:0.25em; list-style:none; } #articleHeader li .authorName { font-weight:bold; } .publisherCredit a:link { color:#000; } .publisherCredit a:visited { color:#000; } .publisherCredit a:hover, .publisherCredit a:active { color:#000; text-decoration:underline; } /* - Article TOC - */ #articleTOCList { margin:0; padding:0; width:200px; position:absolute; top:0; left:0; z-index:1; background-color: #F4951D; border: 1px solid #FFF; z-index: 999; } #articleTOCList p { margin:3px; } #articleTOCList a:link { color:#142549; } #articleTOCList a:visited { color:#142549; } #articleTOCList a:hover, #articleTOCList a:active { color:#142549; text-decoration:underline; } #articleTOCList ol { margin:0; list-style:inside decimal; } #articleTOCList li { border: solid #FFF; border-width:1px 0 0 0; padding:0.5em 0 0.5em 40px; text-indent:-14px; margin:0; } #articleTOCList a.toggleClose img { position:absolute; top:5px; right:3px; } /* - Article Text - */ #articleText ul { margin-left:2em; list-style:disc; } #articleText ol { margin-left:2em; list-style:decimal; } #articleText h2 { line-height:1.2em; margin-bottom: .2em; } #articleText h3 { line-height:1.5em; } #articleText tt, #articleText pre { font-size:120%; } #articleText table { border:1px solid #999; margin-bottom:2em; } #articleText td { padding:0.5em; border:1px solid #999; } /* - Article Text Sidebars - */ #articleText .sidebar { margin:2em 1.5em; } #articleText .sidebar p.title { font-weight:bold; } #articleText .sidebar p.caution { padding:24px 0 0 0; overflow:hidden; background-image:url(../images/icons/article-caution.png); background-repeat:no-repeat; } #articleText .sidebar p.note { padding:24px 0 0 0; overflow:hidden; background-image:url(../images/icons/article-tip.png); background-repeat:no-repeat; } #articleText .sidebar p.tip { padding:24px 0 0 0; overflow:hidden; background-image:url(../images/icons/article-tip.png); background-repeat:no-repeat; } #articleText .sidebar p.caution, #articleText .sidebar p.note, #articleText .sidebar p.tip { height:0px !important; height /**/:24px; }/* hack for IE */ /* - Article Text Figures - */ #articleText .figure { margin:2em; } #articleText .figure img { margin:0.5em 0; } /* - Email to a Friend and Share Wishlist - */ .sendEmail #column1 { margin:0 auto; width:532px; } .sendEmail form p { margin: 0; } .sendEmail .help { margin: 0 0 1em 0; } .sendEmail label { text-align: left; } .sendEmail li { list-style-type:none; } .sendEmail .checkbox label { font-weight: normal; margin: 0 0 1em 0; } /* = Blogs = */ /* - Columns - */ /* ===== Blog Pages ===== */ div#content.blog { min-height: 1900px; } .blog #column1 { width: 562px; padding: 0; margin-left: 214px; float: left; } .blog.comment #column1 { margin: 0 auto; float: none; border: none; } .blog #column2 { position: absolute; top: 0; left: 0; width: 190px; } .blog.post #column2 { margin: 110px 0 0 0; } .blog #column3 { width: 160px; margin-left: 24px; float: left; } .blog #column1, .blog #column2, .blog #column3 { margin-top: 110px; } .blog #leaderboard { position: absolute; width: 960px; height: 90px; top: 0; left: 0; } .blog #leaderboard div { width: 720px; height: 90px; margin: 0 auto; background-color:#C7C8CA; } /* - List - */ .blog .entry h2 { line-height: 120%; } .blog .entry .intro { line-height: 200%; margin:0 0 4px 0; } .blog .entry p {margin:0;} .blog .meta { margin-bottom: 2em; clear: left; } .blog .meta span { padding: 0 2em 0 0; } .blog img.author { border: 1px solid #666; float: right; margin: 0 10px 10px 0; } .blog .pagination { border-top: 1px solid #EEE; padding: 0.5em 0 3em 0; text-align: center; margin-bottom: 3em; } .blog .pagination span.current { border: 1px solid #999; padding: 0.25em; } .blog p.rssSubscribe { padding-bottom: 1em; margin-bottom:1em; border-bottom: 1px solid #EEE; } /* -- Author Blogs -- -*/ div#content.blog div.authorlist { background-color:#eee; border:1px solid #C7C8CA; margin:0 0 24px; padding:5px 5px 15px 5px; } div#content.blog div.authorlist ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin-left:5px; margin-right:5px; } div#content.blog div.authorlist li { margin-bottom:0.5em; } div#content.blog div.authorlist p { text-align: right; } div#content.blog div#column2 h3 { font-size: 135%; margin-bottom: 1em; } /* -- Author Listing Page -- */ div#content.author div#column1 p.authors { padding-left: 60px; padding-bottom: 40px; } div#content.author p.authors .authorname { font-size: 120%; } div#content.author p.authors .authorname a:link, div#content.author p.authors .authorname a:visited, div#content.author p.authors .authorname a:active { color: #004F7F; } div#content.author p.authors .authorname a:hover { color:#000; } div#content.author p.authors img { float: left; clear: left; margin: 0 0 0 -60px; } div#content.author p.authors img.noauthor { border: none; } /* -- Author Blog Page -- */ div#content.author div.authorbannerheader { padding: 10px 0; } div#content.author div.authorbannerheader img { padding: 0 0 10px 0; } div#content.author div.authorbannerheader p.rssSubscribe img { margin: 0; padding: 0 10px 0 0; vertical-align: middle; } div#content.author div.authorbannerheader p.rssSubscribe { line-height: 1.5em; padding-bottom: 1em; padding-top: .5em; } div#content.author div.authorheader { width: 512px; margin-top: 5px; } div#content.author div.authorheader h1 { margin-bottom: .4em; } div#content.author div.authorheader h1 a:link, div#content.author div.authorheader h1 a:visited, div#content.author div.authorheader h1 a:active { color: #000; } div#content.author div.authorheader img { float: left; margin: 5px 15px 0 0; } div#content.author div.authorheader p.rssSubscribe { line-height: 1.5em; padding-bottom: 1em; } div#content.author div.authorheader p.rssSubscribe img { margin: 0; padding: 0 10px 0 0; vertical-align: middle; } /* - Post - */ .blog.post .leaderboard { margin: 0 0 20px 214px; height: 90px; } .blog.post .titling { background-color: #9CA9B1; padding: 5px; border: 1px solid #C7C8CA; margin-bottom: 1em; float: left; width: 550px; } .blog.post .content { border: 1px solid #C7C8CA; border-width: 0 1px 1px 1px; padding: 5px; } .blog.post .crumb {margin-bottom:6px; } .blog.post h1 { margin-bottom: 0; line-height: 120%; font-weight: normal; color: #FFF; } .blog.post .meta { margin: 0.5em 0 0 0; clear: none; color: #000; } .blog.post .meta p { margin: 0; padding: 0; } .blog.post .author { margin: 0 10px 0 0; } /* - Discuss - */ .blog.post .comments { margin-top: 2em; border: 1px solid #C7C8CA; position: relative; overflow:auto; } .blog.post .comments p.add { position: absolute; line-height: 24px; top: 0.5em; right: 1em; } .blog.post .comments h2 { border-bottom:1px solid #CCCCCC; font-size: 145%; line-height: 24px; margin:0 0 0.5em 0; font-weight: bold; background: #EEEEEE url(../images/icons/discuss_24.png) no-repeat scroll 6px 6px; padding: 6px 0 6px 40px; } .blog.post .comments .entry { margin-top: 1em; padding:0 5px 1em 5px; } .blog.post .comments h3 { display:none; } .blog.post .comments p.edit { font-size: 87%; } .blog.post .comments .meta {color:#666666; } .blog.post .comments .meta, .blog.post .comments p { margin: 0; } .blog.post .comments .authorspeaks { background-color: #EEE; padding: 5px 5px 0.5em 5px; margin-bottom: 1em; } .blog.post .comments .authorspeaks img.author { float: right; margin: 0 0 5px 10px; } .blog.post .comments .authorspeaks h3 { margin-top: 0; } /* - Add Comment - */ .blog.comment form input, .blog.comment form textarea { display: block; width: 100%; } .blog.comment form input#sub { width: auto; margin-top: 1em; } .blog.comment form label { display: block; font-weight: bold; margin-top: 1em; text-align: left; } /* - Discuss (Podcast) -*/ .podcasts .comments { border: 1px solid #C7C8CA; padding:0 0 1em 0; position: relative; overflow:auto; margin-bottom:2em; width:640px; } .podcasts .comments p.add { position: absolute; line-height: 24px; top: 0.5em; right: 1em; } .podcasts .comments h2 { border-bottom:1px solid #CCCCCC; font-size: 145%; line-height: 24px; margin:0; font-weight: bold; background: #EEEEEE url(../images/icons/discuss_24.png) no-repeat scroll 6px 6px; padding: 6px 0 6px 40px; } .podcasts .comments .entry p {margin:0;} .podcasts .comments .entry {padding: 0 5px;} .podcasts .comments h3 { display:none; } .podcasts .comments p.edit { font-size: 87%; } .podcasts .comments .commentEntry {padding: 1em 0 0 0; margin:0;} .podcasts .comments .noComment {padding: 1em 0 0 0; margin:0;} .podcasts .comments .meta {color:#666666; } .podcasts .comments .meta, .blog.post .comments p { margin: 0; } .podcasts .comments .authorspeaks { background-color: #EEE; padding: 5px 5px 0.5em 5px; margin-bottom: 1em; } .podcasts .comments .authorspeaks img.author { float: right; margin: 0 0 5px 10px; } .podcasts .comments .authorspeaks h3 { margin-top: 0; } /* - Add Comment (Podcast) - */ .podcasts.comment form input, .blog.comment form textarea { display: block; width: 100%; } .podcasts.comment form input#sub { width: auto; margin-top: 1em; } .podcasts.comment form label { display: block; font-weight: bold; margin-top: 1em; text-align: left; } /* - Tab Widget (blog sidebar) - */ div.tabwidget { border-left: 1px solid #C7C8CA; position: relative; } /* tab control */ div.tabwidget ul.tabs { list-style: none; margin: 0; padding: 0 0 1px 0; height: 2em; border-bottom: 1px solid #C7C8CA; } div.tabwidget ul.tabs li { display: block; float: left; background-color:#EEE; border: 1px solid #C7C8CA; border-width: 1px 1px 1px 0; padding: 0 1em; line-height: 2em; margin: 0; } div.tabwidget ul.tabs li.selected { background-color: #FFF; border-bottom: 1px solid #FFF; } /* layer control */ div.tabwidget div.container { display: none; clear: both; border: 1px solid #C7C8CA; border-width: 0 1px 1px 0; position: relative; } div.tabwidget div.on { display: block; } /* Content control */ div.tabwidget .container h2 { font-size: 100%; font-weight: bold; } /* - Tab Over Ride - */ /* -- Over-rides for in-content version (Articles, Ref Guides, etc) */ div.tabwidget.prop { border: none; margin-top: 24px; margin-bottom: 24px; } div.tabwidget.prop h4 { font-size: 100%; color: #142549; font-weight: normal; float: left; line-height: 100%; border: 1px solid #C7C8CA; padding: 5px; border-width: 1px 1px 0 1px; } /* tab control */ div.tabwidget.prop ul.tabs { border-bottom: 1px solid #FFF; height: 1.5em; } div.tabwidget.prop ul.tabs li { float: right; background-color:#FFF; border-width: 0; line-height: 100%; padding: 5px 0 5px 1em; font-size: 87%; } div.tabwidget.prop ul.tabs li a { color: #808385; } div.tabwidget.prop ul.tabs li.selected a { color: #5E80A7; } /* layer control */ div.tabwidget.prop div.container { border: 1px solid #C7C8CA; width:314px; } div.tabwidget.prop div.on { display: block; margin:0; padding:10px; } /* - You'll Love These - product listing object on Blog Pages - */ .love { margin-bottom: 24px; } .love h2 { font-size: 120%; line-height: 120%; margin-bottom:1em; } .love ol, .love ul { list-style:none; _list-style-type:none; margin:0; padding:0; } .love dt img.product, .love dt img.author { float:left; width:51px; margin:0 1em 0.25em 0; padding:0; } .love dt img.art { float:left; width:75px; margin:0 1em 1em 0; padding:0; } .love dt a.title { font-weight:bold; } .love p.more { text-align:right; clear:both; } .love p img { margin-right:0.5em; } .love dl { font-size: 87%; } .love dl .meta, .blog .love dl .meta { font-size: 100%; clear: left; margin: 0; } .love dl.store { margin:0 0 1.5em 0; padding:0; clear:both; } .love dl.articles { margin:0 0 1em 0; padding:0; } .love dl.blogs { margin:0 0 1em 0; padding:0; clear:both; } .love dl.blogs dd.intro p { text-align:left; } .love dl.podcasts { margin:0 0 1em 0; padding:0; clear:both; } .love dl.podcasts dd.intro p { text-align:left; } .love dl.store dd.pricing { margin:0.25em 0 0 0; } .love dl.store dd.pricing img { margin:0 0.5em 0 0; vertical-align:middle; } .love dl.blogs dd.meta span.comments { margin-left:0.5em; border-left:1px solid #CCC; padding-left:0.5em; } .love dl.blogs dd.meta span.timestamp { color:#6D6F72; } ul.bibliography { list-style: none; margin-left: 0; } /* = Podcasts = */ /* - Columns - */ .podcasts #column1 { width: 562px; padding: 0; margin-left: 214px; float: left; } .podcasts #column2 { position: absolute; top: 0; left: 0; width: 190px; } .podcasts #column3 { width: 160px; margin-left: 24px; float: left; } .podcasts.channel #column1 { width: 600px; margin-left: 176px; margin-top: 110px; } .podcasts.channel #column2 { width: 152px; margin-top: 110px; text-align: center; } .podcasts.episode #column1 { width: 675px; margin-left: 101px; margin-top: 110px; padding: 0; border: none; } .podcasts.episode #column2 { width: 77px; margin-top: 110px; text-align: center; } .podcasts.channel #leaderboard, .podcasts.episode #leaderboard { position: absolute; width: 720px; height: 90px; top: 0; left: 0; background-color:#C7C8CA; } /* - Browse - */ .podcasts table { margin-top: 2em; } .podcasts td { padding-bottom: 1em; } .podcasts td.list { padding-left: 1em; } .podcasts td.list ul { list-style: none; margin-left: 0; padding-left: 0; } .podcasts .button { text-align: center; } .podcasts .list h3 { margin-bottom: 0.5em; } .podcasts .list p { margin: 0 0 0.5em 0; } .podcasts .list p.latest { color: #999; font-size: 87%; } .podcasts .list li { padding-left: 20px; margin: 0 0 0.5em 0; line-height: 15px; font-size: 87%; } .podcasts li.audio, .podcasts p.audio { background: url(../images/icons/podcast_audio.png) top left no-repeat; } .podcasts li.video, .podcasts p.video { background: url(../images/icons/podcast_video.png) top left no-repeat; } /* - Channel - */ .podcasts.channel table { border: 1px solid #CCC; border-width: 1px 1px 0 1px; } .podcasts.channel thead { background-color: #CCC; color: #6D6F72; font-weight: bold; font-size: 87%; } .podcasts.channel td { border: 1px solid #CCC; border-width: 0 0 1px 0; padding: 0.5em; } .podcasts.channel td.date { white-space: nowrap; } .podcasts.channel td.format { text-align: center; } .podcasts.channel td h3 { font-size: 100%; font-weight: bold; margin-bottom: 0.5em; } .podcasts.channel td p { margin-bottom: 0.5em; } .podcasts.channel #column1 div.pst { position:relative; margin:1em 0 1.5em 0; padding:0.5em 0; border-bottom:1px solid #C7C8CA; } .podcasts.channel #column1 div.pst h2 { display:none; } /* We should not be displaying an H2 at this level */ .podcasts.channel #column1 div.pst h3 { margin-bottom:0.5em; } .podcasts.channel #column1 div.pst img { float:right; margin:0 0 0.75em 0.75em; } .podcasts.channel #column2 div.pst { margin:1em 0; padding:0.5em 0; border-top:1px solid #C7C8CA; } .podcasts.channel #column2 div.pst p { text-align:left; } /* - Episode - */ .podcasts.episode h1 { margin-bottom: 0.5em; } .podcasts.episode .meta a { color:#004F7F; } .podcasts.episode .movie { margin-bottom: 2em;} .podcasts p.audio, .podcasts p.video { padding-left: 16px; margin-bottom: 0; font-weight: bold; } .podcasts p.audio .meta, .podcasts p.video .meta { font-weight: normal; } .podcasts p.file { font-weight: bold; } .podcasts p.help { padding-left: 16px; } .podcasts p.help.player { padding-left: 0; margin-bottom: 1em; } /* - Feature Polyptych Specialty PST - */ .podcasts .polyptych { margin:1.5em 0; border:1px solid #C7C8CA; padding:0 0 12px 0; overflow:auto; text-align:center; } .podcasts .polyptych h2 { text-align:left; margin:0.5em; } .podcasts .polyptych ul { margin:0 auto; padding:0; width:543px; } .podcasts .polyptych ul li { float:left; display:block; width:75px; height:75px; margin:0; padding:0 30px 0 30px; border-right:1px solid #C7C8CA; } .podcasts .polyptych ul li.fourth { border:none; } .podcasts .polyptych ul li a { margin:0; padding:0; } /* - RSS - */ .rssIndex #column1 { width:532px; margin:0 214px; padding:0; } /* - Promotions - */ .promotionsIndex #columnOne { float:left; width:600px; margin-right:24px; } .promotionsIndex #columnTwo { float:left; width:336px; margin:0; } .promotionsIndex .productList ol { list-style:decimal; color:#999; margin-left:2em; } .promotionsIndex .productList a.title { font-size:120%; font-weight:bold; } .promotionsIndex .productList li { margin-bottom: 1em; color:#000; } .promotionsCollection #columnOne { float:left; width:600px; margin-right:24px; } .promotionsCollection .productList ol { list-style:decimal; color:#999; margin-left:3em; } .promotionsCollection .productList a.title { font-size:120%; font-weight:bold; display:block; } .promotionsCollection .productList li { margin-bottom: 1em; color:#000; } .promotionsCollection div.productList p.pagination { padding-top:0.5em; border-top:1px solid #EEE; text-align:center; } .promotionsCollection div.productList p.pagination span.current { border:1px solid #999; padding:0.25em; } .promotionsEntry h2 { margin-bottom:1em; } .promotionsEntry h3 { margin-bottom:1em; margin-top:1em; } /* .promotionsEntry ul { list-style:none; margin-left:none; } */ .promotionsEntry .promotionsFooter { clear:both; } /* AddThis button/text for Promotions pages */ .promotionsEntry .addThisWidget { vertical-align: middle; } .promotionsEntry .addThisWidget img { margin: 0 0.5em 0 0; vertical-align: middle; } .dualColumnNoDescription #columnOne { float:left; width:468px; margin-right:24px; padding:0; } .dualColumnNoDescription #columnTwo { float:left; width:468px; margin:0; padding:0; } .dualColumnNoDescription img.product { float:left; margin-right:1em; margin-bottom:2em; width:75px; } .dualColumnNoDescription dl { clear:both; } .singleColumnNoDescription #columnOne { float:left; width:468px; margin-right:24px; padding:0; } .singleColumnNoDescription #columnTwo { float:left; width:468px; margin:0; padding:0; } .singleColumnNoDescription img.product { float:left; margin-right:1em; margin-bottom:2em; width:75px; } .singleColumnNoDescription dl { clear:both; } .featuredTitleWithList #columnOne { float:left; width:468px; margin-right:24px; padding:0; border:1px solid red; } .featuredTitleWithList #columnTwo { float:left; width:468px; margin:0; padding:0; } .featuredTitleWithList img.product { float:left; margin-right:1em; margin-bottom:2em; width:75px; } .featuredTitleWithList dl { clear:both; } .dualColumnWithDescription #columnOne { float:left; width:468px; margin-right:24px; padding:0; } .dualColumnWithDescription #columnTwo { float:left; width:468px; margin:0; padding:0; } .dualColumnWithDescription img.product { float:left; margin-right:1em; margin-bottom:2em; width:75px; } .dualColumnWithDescription dl { clear:both; } .coverRight img.product { float:right; width:75px; margin-left:1em; margin-bottom:1em; } .promotionsEntry .freeform p { margin-bottom:1em; clear:both; } .promotionsEntry .freeform p img { float:left; margin-right:1em; margin-bottom:2em; } .promotionsEntry .title { font-weight:bold; } .promotionsEntry .product { float:left; margin:0 1em 2em 0; } /* = Authors = */ /* - Authors Index - */ .authorsIndex #column1 { width:600px; margin:0 24px 0 0; padding:0; float:left; } .authorsIndex #column2 { width:336px; margin:0; padding:0; float:left; } .authorsIndex .filter a { margin-right:1em; } .authorsIndex .productList { margin:0; padding:0; text-align:left; } .authorsIndex .productList ol { margin-left:3em; } .authorsIndex .productList ol li { color:#999; list-style:decimal; } /* same as .number */ .authorsIndex .productList ol li a { font-size:120%; font-weight:bold; } .authorsIndex p.pagination { padding-top:0.5em; border-top:1px solid #EEE; text-align:center; } .authorsIndex p.pagination span.current { border: 1px solid #999; padding: 0.25em; } .authorsIndex .pst { margin: 0 0 12px 0; padding: 0 0 12px 0; border-bottom: 1px solid #C7C8CA; color: #7F8286 } .authorsIndex .pst li { list-style-type:none; } /* ---- Authors Biography ---- */ .authorsBiography #columnPrimary { float: left; width: 720px; padding-right: 24px; } .authorsBiography #columnSecondary { float:right; width:150px; } .authorsBiography #authorImage { } .authorsBiography #authorImage img.author { float:none; margin:0; border:1px solid #CCC; } .authorsBiography #authorImage p.caption { clear:both; margin:4px 0 0 0; font-size:0.8em; color:#666; } .authorsBiography div.longBioDescription { margin-bottom:3em; } .authorsBiography #tabbedListing ul.tabs { list-style: none; margin: 0; padding: 0 0 1px 0; height: 2em; border-bottom: 1px solid #C7C8CA; } .authorsBiography .container { margin:-1px 0 0 0; padding:0; } .authorsBiography div.productList table { margin:1em 1em 0 1em; } .authorsBiography div.productList table td { padding: 0 0.5em 1em 0; } .authorsBiography #bssBooks table td { padding: 0 0.5em 1.5em 0; } .authorsBiography #bssBooks table td ul { margin-left: 0; list-style-image:none; list-style-position:outside; list-style-type:none; } .authorsBiography table td a.title { font-weight:bold; } .authorsBiography #bssBooks table td ul li a { color:#6D6F72; margin-left: 0; padding:0; } .authorsBiography #bssBooks table td ul li.meta { margin: 5px 0 0 0; } .authorsBiography #bssBooks table td ul li.price { font-size:87%; margin: 2px 0 0 0; } .authorsBiography #bssBooks table td ul li a img { vertical-align:middle; margin: 0 5px 0 0; padding:0; } .authorsBiography #bssBooks table td div.eproduct a { display: block; width: 61px; position: relative; padding-bottom: 6px; } .authorsBiography #bssBooks table td div.eproduct img.overlay { border:0; position:absolute; bottom:0; right:-1px; } .authorsBiography div.productList p.rssSubscribe { text-align:left; } /* = About = */ /* - About Centering - */ .about #column1 { width:532px; margin:0 214px; } .privacyPolicy #column1 { width:532px; margin:0 214px; } .aboutIndex #column1 { width:600px; margin:0 24px 0 0; padding:0; float:left; } .aboutIndex #column2 { width:336px; margin:0; float:left; } .about ol { margin-left:3em; } /* - Site Map - */ .sitemap #column1 { width: 266px; _width: 200px; *width: 200px; float: left; padding-left: 2em; } .sitemap #column2 { width:300px; _width: 200px; *width: 200px; margin-left: 300px; padding-left: 2em; } .sitemap ul { list-style: none; margin: 0; } .sitemap ul ul {} .sitemap ul ul ul { margin-bottom: 1em; } .sitemap li { font-weight: bold; margin: 0 0 1em 0; font-size: 165%; line-height: 200%; } .sitemap li li { font-size: 60%; font-weight: bold; margin: 0 0 0 2em; line-height: 150%; } .sitemap li li li { font-size: 100%; font-weight: normal; margin: 0 0 0 0; } /* = Affiliates and Author First = */ /* - Affiliates - */ .affiliatesProgram #column1 { float:left; width:575px; margin: 0 0 4em 0; padding:0 24px 0 0; border-right:1px solid #CCC; } .affiliatesProgram #column1 h2 { margin:1.5em 0 0.5em 0; } .affiliatesProgram #column1 li { margin-bottom:0.5em; } .affiliatesProgram #column2 { float:left; width:336px; margin: 0 0 0 24px; padding:0; } .affiliatesProgram #column2 ul { margin:0; padding:0; list-style:none; } .affiliatesProgram #column2 h3 { margin-bottom:0.5em; } .affiliatesProgram #column2 .productList { margin-top:2em; border-top:1px solid #CCC; } .affiliatesProgram #column2 .productList h3 { margin-top:2em; } .affiliatesProgram #column2 dt { font-weight:bold; } /* - Affiliates Now Partners - */ .affiliates #column1 { float:left; width:600px; margin: 0; padding:0; } .affiliates #column2 { float:left; width:336px; margin: 0 0 0 24px; padding:0; } .affiliates.manage #column1 { float: none; width: 532px; margin: 0 auto; } .affiliates p.radio { margin: 1em 0 0 0; } .affiliates label { font-weight: bold; display: block; text-align: right; } .affiliates span.radio label { text-align:left; margin-left:0.5em; display:inline; font-weight:normal; } /* - AuthorFirst - */ .authorfirst #column1 { width:575px; margin:0 24px 0 0; padding:0 24px 0 0; float:left; border-right:1px solid #C7C8CA; } .authorfirst #column2 { width:336px; margin:0; padding:0; float:left; } .authorfirst.access #column1 { width:532px; margin:0 214px; padding:0; border:none; } .authorfirst.password #column1 { width:532px; margin:0 214px; padding:0; } .authorfirst.password #column1 ul { list-style:none; } .authorfirst.password #column1 label { display:block; text-align:left; margin-bottom:0.5em; } /* =================================================================== == Peachpit styles we may not need == =================================================================== */ /* = Imprints = */ /* - Imprint Landing Page - */ div.imprintIndex #column1 { width:600px; margin:0 24px 0 0; padding:0; float:left; } div.imprintIndex #column2 { width:336px; margin:0; padding:0; float:left; } div.imprintIndex .meta a:link, div.imprintIndex dd.meta a:visited { color: #6D6F72; text-decoration:none; } div.imprintIndex .meta a:hover, div.imprintIndex dd.meta a:active { color: #6D6F72; text-decoration:underline; } div.imprintIndex a.title { font-weight:bold; } /* - Imprint Series Page - */ div.imprintSeries #column1 { width:600px; margin:0 24px 0 0; padding:0; float:left; } div.imprintSeries #column2 { width:336px; margin:0; padding:0; float:left; } div.imprintSeries .pst { margin-bottom:2em; } div.imprintSeries .meta a:link, div.imprintIndex dd.meta a:visited { color: #6D6F72; text-decoration:none; } div.imprintSeries .meta a:hover, div.imprintIndex dd.meta a:active { color: #6D6F72; text-decoration:underline; } div.imprintSeries a.title { font-weight:bold; } /* - Imprint Series Detail Page - */ div.imprintSeriesDetail #column1 { width:600px; margin:0 24px 0 0; padding:0; float:left; } div.imprintSeriesDetail #column2 { width:336px; margin:0; padding:0; float:left; } div.imprintSeriesDetail div.productList { margin:0; padding:1em 0 0 0; border-top:1px solid #EEE; } div.imprintSeriesDetail div.productList p.listQuantity { display:inline; margin-right:2em; } div.imprintSeriesDetail div.productList p.listSort { display:inline; } div.imprintSeriesDetail div.productList table { margin-top:1em; } div.imprintSeriesDetail div.productList table a.title { font-weight:bold; } div.imprintSeriesDetail div.productList table ul { margin:0; list-style:none; } div.imprintSeriesDetail div.productList p.pagination { padding-top:0.5em; border-top:1px solid #EEE; text-align:center; } div.imprintSeriesDetail div.productList p { text-align:left; } div.imprintSeriesDetail div.productList p.pagination span.current { border:1px solid #EEE; padding:0.25em; } /* = Reference Guides = */ /* - Browse - */ .guides #column1 { width: 562px; padding: 0; margin-left: 214px; float: left; } .guides #column2 { position: absolute; top: 0; left: 0; width: 190px; } .guides #column3 { width: 160px; margin-left: 24px; float: left; } .guides div.btb { margin:0; padding:5px 0 15px 0; border:1px solid #C7C8CA; background-color:#EEE; } .guides div.btb h3, .guides div.btb h4 { margin-left:5px; margin-right:5px; margin-bottom:1em; } .guides div.btb ul { margin-left:5px; margin-right:5px; list-style:none; } .guides div.btb p { margin:1em 5px 0 5px; } .guides.topic #column1 { width: 600px; margin-left: 0; margin-top: 130px; padding: 0; float: left; } .guides.topic #column2 { width: 336px; margin-left: 24px; margin-top: 130px; position: relative; float: left; } .guides.topic #leaderboard { position: absolute; width: 960px; height: 90px; top: 0; left: 0; } .guides.topic #leaderboard div { width: 720px; height: 90px; margin: 0 auto; background-color:#C7C8CA; } .guides.content #column2 { padding-bottom: 24px; border-width: 0 0 1px 1px; } .guides.content #column1 { background: url(../images/objects/h1_fill.png) top left repeat-x; } /* - Titling - */ .guides .titling { border: 1px solid #C7C8CA; background-color:#9CA9B1; float: left; width: 586px; padding:6px; overflow:auto; } .guides .titling h1 { line-height: 100%; margin-bottom: 0.3em; padding:0; font-weight: normal; color: #FFF; } .guides .titling h1 a { color: #FFF; } .guides .titling h2, .guides.topic #column1 h2 { font-size: 120%; } .guides .titling img.author { float:left; margin:0 0.5em 0 0; } .guides.topic.content h2 { font-size: 165%; padding-top: 0; } .guides .titling h3 { font-size: 100%; color: #6D6F72; line-height: 1.5em; } .guides .titling p a { font-weight: bold; } .guides .titling p { line-height: 150%; margin: 0.5em 0; padding-right: 0.5em; font-size: 87%; } /* - Content Container - */ .guides #articleContent { clear: both; width: 574px; border-width: 0 1px 1px 1px; padding: 12px; float: left; } .guides.topic.content #articleContent { width: 598px; padding: 0; float: none; } /* - Guide home TOC - */ .guides ul#toc { width: 288px; float: left; font-weight: bold; color: #6D6F72; list-style: none; margin: 0; padding: 1em 0 0 0; } .guides ul#toc a { font-weight: normal; } .guides ul#toc ul { list-style: none; margin: 0; padding: 0; } .guides ul#toc li li { margin: 0 0 0.25em 0; padding-left: 15px; background: url(../images/icons/plus.png) left 4px no-repeat; } .guides ul#toc span { font-weight: normal; color: #E52B20; font-size: 87%; } .guides #intro { margin-left: 312px; } .guides #intro h3 { font-size:100%; line-height: 1.5em; margin-bottom: 0.5em; font-weight: bold; color: #6D6F72; } /* Guide TOC dropdown. Added by Art 7-15-08 */ .guides #articleTOCList { margin:0; padding:0; width:273px; height: 400px; position:absolute; top:0; left:0; background-color: #F4951D; overflow: scroll;z-index: 500; } /* border: 1px solid #FFF; */ .guides #articleTOCList ul#toc a { font-weight: normal; } .guides #articleTOCList ul#toc { width: 258px; float: left; font-weight: bold; color: #000; list-style: none; margin: 0; padding: 1em 0 0 0; border: none; } .guides #articleTOCList ul#toc ul { list-style: none; margin: .5em 0 0 -15px; padding: 0 0 0 10px; width: 248px; } .guides #articleTOCList ul#toc li { padding: .5em 1em; } .guides #articleTOCList p { margin:3px; } .guides #articleTOCList a:link { color:#142549; } .guides #articleTOCList a:visited { color:#142549; } .guides #articleTOCList a:hover, #articleTOCList a:active { color:#142549; text-decoration:underline; } .guides #articleTOCList ul { margin: 0; } .guides #articleTOCList ul#toc span { font-weight: normal; color: #000; } .guides #articleTOCList ul#toc span.active { font-weight: bold; } .guides #articleTOCList li { padding:0 5px 0.5em 0em; text-indent:0; margin:0; border: none; } /* border-top: 1px solid #fff; */ /* border: solid #FFF; border-width:1px 0 0 0; */ .guides #articleTOCList ul#toc .plus { background: url(../images/icons/plus.png) 15px 4px no-repeat; } .guides #articleTOCList ul#toc .minus { background: url(../images/icons/minus.png) 15px 4px no-repeat; } .guides #articleTOCList ul#toc li li { padding:0 15px 0.25em 30px; text-indent:0; margin: 0 0 0 -10px; } .guides #articleTOCList ul#toc li.minus ul { width: 238px; } .guides #articleTOCList a.toggleClose img { position:relative; left: 234px; bottom: 5px; padding: 5px; } /* = User Groups = */ /* - User Groups Book - */ .userGroupsBook { text-align:center; } .userGroupsBook .crumb { width:532px; margin:0 auto; text-align:left; } .userGroupsBook #columnOne { width:532px; margin:0 214px; text-align:left; } .userGroupsBook h1 { width:532px; margin:0 auto 1em auto; text-align:left; } .userGroupsBook form { width:532px; margin:0 auto; text-align:left; } .userGroupsBook form td { vertical-align:top; padding:0 0 1em 0; } .userGroupsBook form input[type="image"] { vertical-align:middle; margin-left:0.5em; } /* - User Groups Contest - */ .userGroupsContest { text-align:center; } .userGroupsContest .crumb { width:532px; margin:0 auto; text-align:left; } .userGroupsContest h1 { width:532px; margin:0 auto 1em auto; text-align:left; } .userGroupsContest #columnOne { width:532px; margin:0 214px; text-align:left; } .userGroupsContest form { width:532px; margin:0 auto; text-align:left; } .userGroupsContest form td { vertical-align:top; padding:0 0 1em 0; } .userGroupsContest form input[type="image"] { vertical-align:middle; margin-left:0.5em; } /* - User Groups Find - */ .userGroupsFind { text-align:center; } .userGroupsFind .crumb { width:532px; margin:0 auto; text-align:left; } .userGroupsFind h1 { width:532px; margin:0 auto 1em auto; text-align:left; } .userGroupsFind h2 { width:532px; margin:0 auto 1em auto; text-align:left; } .userGroupsFind ol { margin-left:3.5em; } .userGroupsFind li { color:#999 } /* Same as Num */ .userGroupsFind li span.location { margin:0 0 0 1em; padding:0; color:#9A9A9A; } .userGroupsFind #columnOne { width:532px; margin:0 214px; text-align:left; } .userGroupsFind form { width:532px; margin:0 auto; text-align:left; } .userGroupsFind form label { display:inline; } .userGroupsFind form td { vertical-align:top; padding:0 0 1em 0; } .userGroupsFind form input[type="image"] { vertical-align:middle; margin-left:0.5em; } /* - User Groups Profile - */ .userGroupsProfile { text-align:center; } .userGroupsProfile .crumb { width:532px; margin:0 auto; text-align:left; } .userGroupsProfile #columnOne { width:532px; margin:0 214px; text-align:left; } .userGroupsProfile td { vertical-align:top; } /* - User Groups Registration - */ .userGroupsRegister { text-align:center; } .userGroupsRegister .crumb { width:532px; margin:0 auto; text-align:left; } .userGroupsRegister h1 { width:532px; margin:0 auto 1em auto; text-align:left; } .userGroupsRegister #columnOne { width:532px; margin:0 214px; text-align:left; } .userGroupsRegister form { width:532px; margin:0 auto; text-align:left; } .userGroupsRegister form td { vertical-align:top; padding:0 0 1em 0; } .userGroupsRegister .checkbox label { text-align: left; margin-left: 0.5em; margin-right: 1em; display: inline; font-weight: normal; } .userGroupsRegister .catalogs label { text-align: left; font-weight: normal; } /* = Topics = */ .topicsIndex #column1 { width:600px; float:left; position:relative; margin:0 24px 0 0; padding:0; } .topicsIndex #column2 { width:336px; margin:0; padding:0; float:left; } .topicsIndex .btb { width:598px; margin:0 0 2em 0; padding:12px 0; float:left; } .topicsIndex .btb h3 { display:none; } .topicsIndex .btb a { font-weight:bold; } .topicsIndex .btb div { margin:0; padding:0; } .topicsIndex .btb div ul { margin:0 12px; padding:0; list-style:none; } .topicsIndex .btb div ul li { margin:0 0 0.75em 0; padding:0; line-height:1.25em; } .topicsIndex .btb div.column1 { width:197px; margin:0; padding:0; float:left; } .topicsIndex .btb div.column2 { width:197px; margin:0; padding:0; float:left; } .topicsIndex .btb div.column3 { width:198px; margin:0 0 0 394px; padding:0; } .topicsIndex h2 { clear:both; } .topicsIndex #promotions { position:relative; margin: 2em 0; padding: 0 0 1em 0; clear:both; border:1px solid #C7C8CA; border-width: 0 0 1px 0; } .topicsIndex #promotions .pst { width: 254px; margin-right: 24px; float:left; } .topicsIndex #promotions .pst+.pst { margin-right: 0; } .topicsEntry h2 { line-height: 220%; } .topicsEntry #column1 { width: 576px; margin-left: 0; margin-top: 140px; padding: 0; float: left; } .topicsEntry #column2 { width:336px; margin-left: 24px; padding-left: 24px; margin-top: 140px; position:relative; float: left; } .topicsEntry #leaderboard { position: absolute; width: 960px; height: 110px; top: 0; left: 0; border-bottom: 1px solid #D5D6D7; } .topicsEntry #leaderboard div { width: 720px; height: 90px; margin: 0 auto; background-color:#C7C8CA; } .topicsEntry #featured { border:1px solid #C7C8CA; position:relative; padding:12px; background-color:#9CA9B1; } .topicsEntry #featured img.product { float:left; margin-right:1em; width:auto; } .topicsEntry #featured dt { margin-bottom:1em; } .topicsEntry #featured dt a.title { font-size:110%; line-height: 120%; } .topicsEntry .productList { margin-bottom:1em; } .topicsEntry .productList tr td:first-child { width:1%; } .topicsEntry .productList a.title { font-weight:bold; font-size:115%; line-height: 120%; } .topicsEntry .productList dl { clear:both; margin-bottom:2em; } .topicsEntry .productList #featured dl { clear:both; margin-bottom:0; } .topicsEntry .productList dd.meta { margin-bottom:0; } .topicsEntry .productList dd.pricing, .topicsEntry .productList .onpromo { font-size: 87%; } .topicsEntry .productList.blogs dd.meta span { margin-right:1em; } .topicsEntry .productList img.author { float:left; width:51px; margin:0 1em 1em 0; } .topicsEntry .productList dd.intro p { text-align:left; } .topicsEntry .articles dd.meta span { margin-right:1em; } .topicsEntry .articles dd.intro { margin: 0 0 .5em 0; } .topicsEntry .blogs dd.meta { margin-bottom:auto; } .topicsEntry .blogs dd.more, .topicsEntry .articles dd.more { margin-bottom:1em; } .topicsEntry #column2 .advertisement { margin-bottom:1em; } .topicsEntry .pricing img { margin-right:0.5em; } .topicsEntry #contentTypes { display:block; } .topicsEntry #contentTypes ul { float:left; width:156px; margin-left: 0; margin-right: 24px; list-style:none; } .topicsEntry #contentTypes ul+ul { margin-right:0; } .topicsEntry #contentTypes img { vertical-align:middle; margin-right:6px; } .topicsEntry #contentTypes li.podcasts { margin-right:17px; } /* Right aligns text for a smaller image */ div.topicsEntry div.tabwidget { border-left: 1px solid #C7C8CA; position: relative; } /* - Tab Control - */ div.topicsEntry div.tabwidget ul.tabs { list-style: none; margin: 0; padding: 0 0 1px 0; height: 2em; border-bottom: 1px solid #C7C8CA; line-height:inherit; } div.topicsEntry div.tabwidget ul.tabs li { display: block; float: left; background-color:#EEE; border: 1px solid #C7C8CA; border-width: 1px 1px 1px 0; padding: 0 1em; line-height: 2em; margin: 0; } div.topicsEntry div.tabwidget ul.tabs li.selected { background-color: #FFF; border-bottom: 1px solid #FFF; } /* - Layer Control - */ .topicsEntry div.tabwidget div.container { display: none; clear: both; border: 1px solid #C7C8CA; border-width: 0 1px 1px 0; padding: 10px; position: relative; } div.topicsEntry div.tabwidget div.on { display: block; padding:10px; } /* - Content Control - */ div.topicsEntry div.tabwidget .container h2 { font-size: 100%; font-weight: bold; } div.topicsEntry #tabbedListing h2 { display:none; } div.topicsEntry #tabbedListing h3 { display:none; } .topicsEntry #featured { border-bottom:1px solid #C7C8CA; position:relative; padding:12px; background: url(../images/objects/h1_fill.png) repeat-x; } /* - Affiliate Widget Pages - */ div#content.widgetRegister td { padding: 0 0 1.4em; vertical-align:top; } div#content.widgetRegister #widgetTable td.labels {width:12%; text-align:right;} div#content.widgetRegister #widgetTable td.inputFields {width:88%;} div#content.widgetRegister #submitRow img { margin: 0 2px 0 2px; } div#content.widgetRegister label { text-align: right; display: inline; margin: 0 5px 0 5px; } div#content.widgetRegister div#submitRow { clear:left; padding-top: 20px; } div#content.widgetRegister #affiliateItems label { text-align:left; display: inline; } div#content.widgetRegister #affiliateItems .textbox span { margin: 0 0 0 5px; } div#content.widgetRegister .affiliateForm { margin: 15px 0 0 0; } div#content.widgetRegister #cover { margin: 0; padding-bottom: 0; } div#content.widgetRegister .widgetSize { margin: 0; } div#content.widgetRegister .widgetSize label { text-align: right; display: inline; } div#content.widgetRegister .affiliate_widget {/*float:left; clear:both;*/ margin: 10px 0 30px 0;} div#content.widgetRegister form#frmWidget p { display:inline; margin-left: 10px; } div#content.widgetRegister #disclaimerDiv {_margin-top:10px; *margin-top:10px;} /* - Affiliate Page What is This -*/ div#content.widgetRegister .moreInformationText { width:350px; border:1px solid #000; margin:0; padding:12px; z-index:10; visibility:hidden; position:absolute; right:200px; background-color:#FFF; } div#content.widgetRegister p.moreInformation { display:inline; height:1em; } /* - ISBN Page Netowrk Hover (what is this hover) - */ div#content.widgetRegister #NetworkWhatIs.moreInformationText { position:absolute; left:50px; top:90px; visibility:hidden; z-index:10; width:350px;} /* FancyZoom */ /* Set initial display of object to none to prevent momentary display */ .fancyZoomObject { display:none; }