@charset "UTF-8"; /* CSS Document */ /* --------- Available OS Codes [os]: win - Microsoft Windows (all versions) vista - Microsoft Windows Vista new linux - Linux (x11 and linux) mac - Mac OS freebsd - FreeBSD ipod - iPod Touch iphone - iPhone ipad - iPad new webtv - WebTV j2me - J2ME Devices (ex: Opera mini) changed from mobile to j2me blackberry - BlackBerry new android - Google Android new mobile - All mobile devices new --------- Available Browser Codes [browser]: ie - Internet Explorer (All versions) ie8 - Internet Explorer 8.x ie7 - Internet Explorer 7.x ie6 - Internet Explorer 6.x ie5 - Internet Explorer 5.x gecko - Mozilla, Firefox (all versions), Camino ff2 - Firefox 2 ff3 - Firefox 3 ff3_5 - Firefox 3.5 ff3_6 - Firefox 3.6 new opera - Opera (All versions) opera8 - Opera 8.x opera9 - Opera 9.x opera10 - Opera 10.x konqueror - Konqueror webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome safari3 - Safari 3.x chrome - Google Chrome iron - SRWare Iron */ /* ===== Zero Out Default Browser Styles ===== */ /* Remove underlines from links for legibility */ :link, :visited { text-decoration:none; } /* Remove list markers */ /* ul,ol { list-style:none; } */ /* Avoid browser font size inconsistencies */ h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } /* Remove margin and padding to avoid browser inconsistencies */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0; } /* Bring back the lists */ ul, ol { margin-left:1.5em; } /* Remove default border images */ a img, :link img, :visited img { border:none; } /* Remove top/bottom margins from nested lists */ ul ul, ul ol, ul dir, ul menu, ul dl, ol ul, ol ol, ol dir, ol menu, ol dl, dir ul, dir ol, dir dir, dir menu, dir dl, menu ul, menu ol, menu dir, menu menu, menu dl, dl ul, dl ol, dl dir, dl menu, dl dl { margin-top: 0; margin-bottom: 0;} /* De-italicize address */ address { font-style:normal; } /* Custom Fonts */ .ss-cart:before { color:#666!important; } /* Use clearfix class on parent to clear nested items */ .clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* =================================================================== == General And Global Styles == =================================================================== */ body { font-size: 0.8em; font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; color:#575757; } h1 { font-size: 175%; margin-bottom: 0.5em; color:#000; } /* Approx 20px */ h2 { font-size: 150%; line-height: 220%; color:#000; } /* Approx 18px */ h3 { font-size: 135%; line-height: 120%; color:#000; } /* Approx 16px */ h4 { font-size: 110%; line-height: 120%; color:#000; } /* Approx 13px */ h5 { font-size: 100%; line-height: 120%; color:#000; } /* Approx 12px */ p, li, dl { font-size:100%; line-height: 1.5em; margin:0 0 1em 0; } label { font-size: 100%; line-height:normal; } pre { color: #40B9CE; line-height: 1.5em; } blockquote { font-size:100%; line-height:1.5em; margin:0 1em 1em 1em; } dd { font-size: inherit; } dt { font-size: inherit; } pre { /*\*/ overflow: auto !important; /* */ overflow: scroll; width: 536px; padding: 10px; margin: 10px; } .skip { position: absolute; left: -500em; } /* Applied to any to move it out of the way */ .meta { font-size: 87%; color: #666; } .help { color: #999; font-size: 87%; } .timestamp { color:#9A9A9A; } .closed { display:none; } .clear { clear:both; } .btb { margin-bottom: 24px; } .btb h3 { font-size: 120%; line-height: 120%; margin-bottom: 0.3em; } .btb ul { list-style: square; color: #F36E29; } .btb li { margin: 0 0 0.5em 0; padding: 0; } .btb p { margin: 1em 5px 0 5px; text-align: right; } p.rssSubscribe { margin-bottom:1em; } p.rssSubscribe a { margin-right:1em; } p.rssSubscribe img { vertical-align:middle; } td { vertical-align: top; } .crumb { font-size: 87%; margin: 0; padding: 0; color: #666; } /* Content Related Images */ img.author { border:1px solid #666; } img.product { border:1px solid #666; } img.podcast { border:0px; } /* Clouds */ .cloud { margin: 0 0 24px 0; } .cloud ul { list-style: none; margin: 0; padding: 0; } .cloud li { display: inline; padding-right: 1em; } /* General Product Lists */ span.new { text-transform:uppercase; margin-right:0.5em; font-size: 87%; color: #666; } div.justReleased span.new { display:none; } #productListAll td { padding:0 1em 1em 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; marign:0; padding:0 1em 1.5em 0; } div.productList td.num { color:#999; } /* same as td.number - need to standardize */ div.productList p { text-align:right; } div.productList ul { margin:0; list-style:none; } div.productList a.price { font-weight:bold; color:#000000; } .productList dd img { margin-right:0.5em; vertical-align:middle; } .productList li.pricing img { margin-right:0.5em; vertical-align:middle; } .productList dl dd a { color: #666; } 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; } p.pagination span.current { border:1px solid #EEE; padding:0.25em; } /* General PSTs */ div.pst { margin-bottom:2em; } div.pst h2 { font-size: 120%; line-height:150%; } div.book img { display: block; float:right; margin: 0 0 0 10px; padding:0; border:1px solid #CCC; } div.custom img { display: block; float:right; margin: 0 0 0 10px; padding:0; } div.authimg img { display: block; float:right; margin: 0 0 0 10px; padding:0; } #columnPrimary div.pst h2 { width:600px; height:30px; padding:4px 0 0 10px; } /* See also partner css */ #columnPrimary div.pst h2 a { display: block; width: 600px; height: 30px; padding:0; } /* See also partner css */ #columnSecondary div.pst h2 { width:300px; height:30px; margin-bottom: 0.5em; padding:4px 0 0 10px; } /* See also partner css */ #columnSecondary div.pst h2 a { display: block; width: 310px; height: 30px; padding:0; } /* See also partner css */ #browsebox, .boxheaders, .catalogues, .aboutmain { display: none; } /* PSTs - Change Primary Column Styles for Triple Column layouts */ .layoutTripleColumn #columnPrimary div.pst h2 { background:none; color:#000; padding-left:0; } .layoutTripleColumn #columnPrimary div.pst h2 a { background:none; color:#000; padding-left:0; } .layoutTripleColumn #columnSecondary div.pst h2 { background:none; color:#000; padding-left:0; } .layoutTripleColumn #columnSecondary div.pst h2 a { background:none; color:#000; padding-left:0; } /* ------------------------- Common CSS Buttons -------------------------------*/ .button, .buttonLarge, .edit, .editSmall, .gray, .graySmall { display: inline-block; margin: 0 5px 0 0; text-decoration: none; vertical-align:middle; border: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-transform:uppercase; text-decoration: none; font-weight: normal; line-height:1.366; /* Resets to approximate default line-height in browsers, so button element can size correctly by comparison */ } .button, .button:active, button, button:active, .gray, .graySmall { padding: .25em .75em; font-size: 1.1em; } .buttonLarge { padding: 1em 1.3em; } .ie a.button { padding: 5px 12px; } .ie a.buttonLarge { padding: 11px 18px 8px 18px; } .ie a.edit { padding: 4px 12px; } .ie a.editSmall { padding: 1px 4px; } .ie a.gray { padding: 4px 12px; } .gray, .graySmall { background: #eee!important; /* Old browsers */ margin: 3px!important; background: -moz-linear-gradient(top, #eeeeee 0%, #ccc 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ccc))!important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#ccc 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#ccc 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#ccc 100%)!important; /* IE10+ */ background: linear-gradient(top, #eeeeee 0%,#ccc 100%)!important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 )!important; /* IE6-9 */ color: #333!important; border: 1px solid #ccc!important; } .ie9 .gray, .ie9 .graySmall { background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3OTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNDQ0NDQ0MiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3OTkpIiAvPgo8L3N2Zz4=); } /* Button Sizes */ .edit, .gray, a.edit:link, a.gray:link, a.edit:visited, a.gray:visited, a.edit:hover, a.gray:hover, a.edit:active, a.gray:active { padding: 0.25em 0.75em !important; font-size:14px !important; } .editSmall, .graySmall, a.editSmall:link, a.graySmall:link, a.editSmall:visited, a.graySmall:visited, a.editSmall:hover, a.graySmall:hover, a.editSmall:active, a.graySmall:active { font-size: 10px !important; padding: 1px 6px 2px 7px; text-decoration: none; } /* IE9 hacks */ .ie9 .button, .ie10 .button, .ie9 .buttonLarge, .ie10 .buttonLarge, .ie9 .gray, .ie9 .graySmall, .ie10 .gray, .ie10 .graySmall { filter: none; } /* Hover States */ .gray:hover, .graySmall:hover { filter: none; cursor: pointer; background: #ccc!important; } .ie6 .gray:hover, .ie6 .graySmall:hover {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ccc',GradientType=0 ); /* IE6-9 */} /* ------------------------- CSS Buttons (color branding) -------------------------------*/ .button, button, .buttonLarge { color: #000 !important; background: #fceabb !important; /* Old browsers */ background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(100%,#fccd4d)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fceabb 0%,#fccd4d 100%) !important; /* Opera11.10+ */ background: -ms-linear-gradient(top, #fceabb 0%,#fccd4d 100%) !important; /* IE10+ */ background: linear-gradient(top, #fceabb 0%,#fccd4d 100%) !important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fccd4d',GradientType=0 ) !important; /* IE6-9 */ border: 1px solid #f8b500; } /* Hover State */ .button:hover, .buttonLarge:hover, .button:active, .buttonLarge:active {text-decoration:none; background: #fccd4d !important; filter: none; text-shadow: none; cursor: pointer; background-image: none !important; } .ie6 .button:hover, .ie6 .buttonLarge:hover {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fccd4d', endColorstr='#fccd4d',GradientType=0 );} .buy.button { padding: .36em .75em .3em .75em; } /******************* EDIT BUTTONS ********************/ .edit, .editSmall { color: #fff !important; background: #007ba9 !important; /* Old browsers */ background: -moz-linear-gradient(top, #007ba9 0%, #43ADDB 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007ba9), color-stop(100%,#43ADDB)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #007ba9 0%,#43ADDB 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #007ba9 0%,#43ADDB 100%) !important; /* Opera11.10+ */ background: -ms-linear-gradient(top, #007ba9 0%,#43ADDB 100%) !important; /* IE10+ */ background: linear-gradient(top, #007ba9 0%,#43ADDB 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ba9', endColorstr='#43ADDB',GradientType=0 ) !important; /* IE6-9 */ border: 1px solid #004667 !important; } /* IE9 hacks */ .ie9 .button, .ie9 .buttonLarge { background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Y0NzYzOCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0JBNEExRSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzUzKSIgLz4KPC9zdmc+); } .ie9 .edit, .ie9 .editSmall { background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NzYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFMzk2NDkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNEMTczMzAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1NzYpIiAvPgo8L3N2Zz4=); } /* Hover States */ .edit:hover, .editSmall:hover, .edit:active, .editSmall:active { background: #43ADDB !important; filter: none; cursor: pointer;} .ie6 .edit:hover, .ie6 .editSmall:hover {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43ADDB', endColorstr='#43ADDB',GradientType=0 ); /* IE6-9 */} /* === Cart Icons === */ .ss-icon { color: #FFF; display: inline-block; padding: 3px 5px 1px 5px; margin: 0 3px; background: #B2CCE5; /* Old browsers */ background: -moz-linear-gradient(top, #B2CCE5 0%, #83ADD7 50%, #669ACC 51%, #9FC0DF 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B2CCE5), color-stop(50%,#83ADD7), color-stop(51%,#669ACC), color-stop(100%,#9FC0DF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #B2CCE5 0%,#83ADD7 50%,#669ACC 51%,#9FC0DF 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #B2CCE5 0%,#83ADD7 50%,#669ACC 51%,#9FC0DF 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #B2CCE5 0%,#83ADD7 50%,#669ACC 51%,#9FC0DF 100%); /* IE10+ */ background: linear-gradient(top, #B2CCE5 0%,#83ADD7 50%,#669ACC 51%,#9FC0DF 100%); /* W3C */ border: 1px solid #669ACC; font-size:9px; vertical-align:baseline; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow: 2px 2px #999; -webkit-box-shadow: 2px 2px #999; box-shadow: 2px 2px #999; } .ie7 .ss-icon { background-color:#B2CCE5; margin:0; padding: 5px; line-height:7px;} /* ===== Modal Dialog Boxes ===== */ .dialogZoom { display: none; } div.zoomy { -moz-box-shadow: 0 0 10px #888; -webkit-box-shadow: 0 0 10px #888; box-shadow: 0 0 10px #888; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } ul#tester { list-style-type: disc; margin-left: 1em; } ul#tester li { padding-bottom: .2em; } #fancyBoxTest { height: auto; width: 300px !important; } div.zoomy {background-image: none; background-color: #fff; border: 1px solid #999; z-index: 80000 !important; } div.zoomy .ui-dialog-titlebar-close { float: left; } div.zoomy .ui-dialog-titlebar { padding: 0; } div.zoomy .ui-widget-header { background: transparent; border: none; } div.zoomy .ui-dialog-title { } div.zoomy .ui-widget-header .ui-icon { background-image: url("../images/jqueryui/closebox2.png"); } div.zoomy .ui-icon-closethick { background-position: 0 0; } div.zoomy .ui-dialog-titlebar-close { margin: 0; padding: 0; height: 16px; position: absolute; top: 3px; right: 5px; width: 17px; border: 1px solid #999; } div.zoomy .ui-icon { width: 17px; height: 16px; } /* ===== General Form Styles ===== */ .ie7 form { margin:0; padding:0; } form label { display: block; } form fieldset { border: none; margin-bottom: 0; } form fieldset legend { margin: 0.5em; font-weight:bold; } form fieldset legend.notes { display:inline; } .inline { display: inline; } form input[type="text"], form input[type="password"], form input[type="email"], form select, form textarea { display:block; margin: 0.5em 0 1em 0; padding:5px; color:#525252; background:#eee; border: 1px solid #9FB2BF; font:20px/30px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } form input[type="text"]:hover, form input[type="password"]:hover { border-color: #8c8c8c; } form input[type="text"]:focus, form input[type="password"]:focus { border-color: #4db6ff; box-shadow: #80cbff 0 0 5px; -webkit-box-shadow: #80cbff 0 0 5px; -moz-box-shadow: #80cbff 0 0 5px; } form fieldset input[type="checkbox"], form fieldset input[type="radio"], form p input[type="checkbox"], form p input[type="radio"] { display: inline; margin: 0 0.5em 1em 0; } form label input[type="radio"] { margin: 0 0.5em 0 0; } form label.checkboxLabel, form label.radioLabel, form p label.checkboxLabel, form p label.radioLabel { display: inline; margin: 0 0.5em 1em 0; } form input[type="image"] { margin:4px 0 0 0; } .required { font-weight:bold; color:#000; } span.note { font-weight:normal; } fieldset#phone label, fieldset#phone input[type="text"] { display:inline; margin-right:1em; } form .moreInformation { display: inline; margin: 0 0 0 10px; color:#666666; } form span.note { display: inline; margin:0 0 0 0.5em; color:#666666; } form span.error { margin:0 0 0 1em; color:#c45200; background: url(/display/common/images/icons/alert_16.png) top left no-repeat; padding-left:20px; } form span.valid { margin:0 0 0 1em; color:#690; background: url(/display/common/images/icons/checkmark.gif) top left no-repeat; padding-left:20px; } div.alert { border: 1px solid #CCC; padding:1em 1em 0 1em; margin: 0 0 1em 0; } p.alert { margin: 0; padding:0 0 1em 2em; color:#C00; font-weight:bold; background-image:url(../images/icons/alert_16.png); background-repeat:no-repeat; } /* === Specific Form Pages === */ #surveyquestions form fieldset { border:none; padding:0; } #login form h2 { margin: 0 0 1em 0; } /* =================================================================== == Wrapper and Branding Styles == =================================================================== */ /* Header ---------------------------------------------------------------------- */ #header { position: absolute; top: 0; left: 0; width: 100%; min-width: 1000px; z-index:5000; } #header div { width: 988px; margin: 0 auto; position: relative; } #header .logo img { border: 0; } /* == Cart and Login Links */ #header .cart, #header .hi { position: absolute; right: 20px; display: block; font-size: 95%; } #header .cart.full, #header .hi.in { text-transform: none; } #header .hi { width: 400px; padding: 0; text-align: right; } #header .cart { width: 200px; padding: 0; text-align: right; display: block; } /* Header Search object */ #header .s { width: 300px; padding:0; z-index: 5000; position: absolute; bottom: 5px; right: 20px; font-size: 87%; text-align: right; } #header .s label { display: none; } #header .s #query { display:inline; width: 120px; margin:0; color:#666; background-color:#FFF; vertical-align:top; } #header .s #query.focus { color: #000; } #header .s #searchtype { margin-left: 5px; } #header .s input#searchbutton { display:inline; margin: 0 0 2px 5px; } /* == Navigation */ #nav { position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; padding: 0; margin: 0; list-style: none; box-sizing: border-box;} #nav li { float: left; position: relative; margin: 0; padding: 8px 30px 0 20px; } /* Footer ---------------------------------------------------------------------- */ #footer { clear: both; width:988px; height: 187px; margin: 3em auto 0 auto; } #footer div { margin: 0 auto; background: url(../images/backgrounds/footer_background.jpg) center repeat-x; text-align: left; padding: 1em; } #footer p { margin:0; padding: 0; } #footer a { margin: 0 5px; } /* =================================================================== == Content Sections - Layout & Column Building == =================================================================== */ /* Popup 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; color: #F36E29; } body#popUp p { font-size: 87%; } /* Content ---------------------------------------------------------------------- */ #content { position:relative; width:960px; min-height:800px; margin:0 auto; padding:0; } div.pressReleaseDetail { position:relative; width:960px; min-height:800px; margin:0 auto; padding:0; } /* Column Building - old style ---------------------------------------------------------------------- */ /* Single Column Layouts */ div.layoutSingleColumn #columnPrimary { width:600px; text-align:left; } /* Double Column Layouts */ div.layoutDoubleColumn { overflow:auto; } /*-- helps to contain the floated columns without using the clear property -- */ div.layoutDoubleColumn #columnPrimary { float:left; width:600px; margin:0 0 0 5px; padding:0 15px 0 0; } div.layoutDoubleColumn #columnSecondary { float: left; width: 310px; margin:0 0 0 15px; padding:0; } .ie6 .layoutDoubleColumn #columnPrimary { padding:0 !important; } .ie6 .layoutDoubleColumn #columnSecondary { margin:0 0 0 10px !important; } /* Double Column Divided by Hairline */ div.divided #columnPrimary { float:left; width:600px; margin:0 0 0 5px; padding:0 15px 0 0; border-right: 1px solid #CCC; text-align:left; } /* Double Column Layout - Even Width */ div.layoutDoubleColumn { overflow:auto; } /*-- helps to contain the floated columns without using the clear property -- */ div.layoutDoubleColumn #columnOne { float: left; width: 450px; margin:0; padding: 0 19px 0 0; } div.layoutDoubleColumn #columnTwo { float: left; width: 450px; margin:0; padding: 0 0 0 18px; } /* Triple Column Layouts */ div.layoutTripleColumn {} div.layoutTripleColumn #columnPrimary { width: 512px; padding: 0 20px; margin: 0 0 2em 214px; float: left; border: 1px solid #CCC; border-width: 0 1px; } div.layoutTripleColumn #columnSecondary { position: absolute; top: 0; left: 0; width: 190px; } div.layoutTripleColumn #columnTertiary { width: 160px; margin-left: 20px; float: left; } /* ===================================== == Individual Sections and Pages == ===================================== */ /* Store Pages ---------------------------------------------------------------------- */ div.storeIndex div h2 { margin-bottom:1em; font-size:120%; } div.storeIndex dt a.title { font-size:120%; font-weight:bold; } div.storeIndex span.new { text-transform:uppercase; margin-right:0.5em; font-size: 87%; color: #666; } div#navigationSubordinate h3 { margin-left:5px; margin-right:5px; } div#navigationSubordinate ul { margin-left:5px; margin-right:5px; list-style:none; } div.storeIndex div.btb { position: relative; margin: 0 0 18px 0; padding:1em; } div.storeIndex div.btb h3 { margin: 0 0 0.5em 0; padding: 0; } div.storeIndex div.btb div.btbCol1 { float: left; width: 45%; margin: 0; padding: 0; } div.storeIndex div.btb div.btbCol2 { float: right; width: 45%; margin: 0; padding: 0; } div.storeIndex div.btb ul { list-style: none; margin:0; padding:0; } div.storeIndex div.btb p { clear:both; margin: 0; text-align: right; } div.storeIndex div.justReleased { clear:both; } /* --- Store Index --- */ .storeIndex .comingSoon span.new { display:none; } .storeIndex .productList h3 { margin-bottom:1em; } .storeIndex .productList dt img.product, .storeIndex #column3 .productList dt img.author { float:left; width:51px; margin:0 1em 1em 0; padding:0; } .storeIndex .productList dl dd.intro p { text-align:left; } .storeIndex .productList p.more { text-align:right; clear:both; } .storeIndex .productList p img { margin-right:0.5em; } .storeIndex .productList dd.meta span.comments { margin-left:0.5em; border-left:1px solid #CCC; padding-left:0.5em; } .storeIndex .productList dd.meta span.timestamp { color:#666; } /* --- Store Browse End --- */ div.storeBrowse div.btb { position: relative; margin: 0 0 18px 0; padding:1em; background-color:#EBF2F8; } div.storeBrowse div.btb h3 { margin: 0 0 0.5em 0; padding: 0; } div.storeBrowse div.btb ul { list-style: none; margin:0; padding:0;} div.storeBrowse div.btb div.btbCol1 { float: left; width: 45%; margin: 0; padding: 0; } div.storeBrowse div.btb div.btbCol2 { float: right; width: 45%; margin: 0; padding: 0; } div.storeBrowse div.btb p { clear:both; margin: 0; text-align: right; } div.storeBrowse div.justReleased { clear:both; } 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; } .listProd { clear: both; } .listProd .meta { margin-bottom: 0; } .listNum { float: left; margin-right: 1em; } /* --- Store Register Product --- */ .storeRegister input { margin-right:0.5em; } .storeRegister form { margin-bottom:2em; } /* --- Sales Rep Page --- */ div.salesIndex #columnPrimary { width:800px; } /* Imprint Pages ---------------------------------------------------------------------- */ /* ---- Imprint Landing Page ---- */ div.imprintIndex .meta a:link, div.imprintIndex dd.meta a:visited { color: #666; text-decoration:none; } div.imprintIndex .meta a:hover, div.imprintIndex dd.meta a:active { color: #666; text-decoration:underline; } div.imprintIndex a.title { font-weight:bold; } div.imprintIndex .pst h3 img { float:left; margin: 0 12px 12px 0; border:1px solid #CCC; } div.imprintIndex .pst div.description { clear: both; margin: 0 0 2.5em 0; } div.imprintIndex #columnSecondary .pst { padding: 12px 0 12px 24px; color: #666; clear: both; } /* ---- Imprint Series Page ---- */ div.imprintSeries .meta a:link, div.imprintIndex dd.meta a:visited { color: #666; text-decoration:none; } div.imprintSeries .meta a:hover, div.imprintIndex dd.meta a:active { color: #666; text-decoration:underline; } div.imprintSeries a.title { font-weight:bold; } div.imprintSeries .pst h3 img { float:left; margin: 0 12px 12px 0; border:1px solid #CCC; } div.imprintSeries .pst div.description { clear: both; margin: 0 0 2.5em 0; } div.imprintSeries #columnSecondary .pst { padding: 12px 0 12px 24px; border-top: 1px solid #D5D6D7; color: #666; clear: both; } /* ---- Imprint Series Page ---- */ div.imprintSeriesDetail .pst { margin-bottom:2em; } div.imprintSeriesDetail div.productList { margin:0; padding:1em 0 0 0; border-top:1px solid #D5D6D7; } 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 #D5D6D7; 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; } /* Product Page ---------------------------------------------------------------------- */ /* Javascript Dependent Styles */ ul#ulInfo { display:none; list-style:none; } /* For More Info Link on Product Page */ /* --- Cover Overlay --- */ div#cover { margin:0 0 1em 0; padding-bottom:8px; float:left; position:relative; width:160px; } div#cover img.overlay { display:none; } div#cover p { margin:1em 0 0 0; padding:0; width: 127px; font-size:xx-small; text-align:center; } /* --- Meta Information --- */ div#metaInformation { margin:0 0 0 184px; padding:0; } ul.bibliography { margin-bottom:0.7em; margin-left:0; list-style:none; } ul.bibliography li { margin-bottom: 0; } ul.bibliography li.isbn10 { margin-top: 0.5em; } ul.metadata { font-size:0.9em; margin-bottom:1.2em; margin-left:0; list-style:none; } ul.metadata li { margin: 0 0 0 0; } div.wishList { margin:1em 0; text-align:center; } ul.buyingOptions { margin: 1.2em 0; list-style:none; } ul.buyingOptions li { margin: 0 0 0.5em 0; } /* -- Product Page Instructions -- */ .storeProduct .instructions { background-color: #EEE; border: 1px solid #CCC; padding: 10px; margin: 1em 0 2em 0; font-size: 87%; } /*p.instructions { margin-bottom:1em; } ul.instructions { margin-left:1em; margin-bottom:1em; list-style:none; } ul.instructions li { margin-bottom:0.5em; } div#metaInformation a#moreToggle { cursor:pointer; font-weight:bold; text-decoration:underline; }*/ div#metaInformation p.priceDefault { color:#666; border-top:1px solid #CCC; padding-top:0.5em; } div#metaInformation p.priceDiscounted { line-height:normal; border-bottom:1px solid #CCC; padding-bottom:0.5em; margin-bottom:1.2em; } div#metaInformation p.priceDefault strong { color:#000; } div#metaInformation p.priceDiscounted strong { font-size:1.2em; margin-right:0.5em; color:#000; } /* --- Purchasing and buy box --- */ p.option { margin:0; padding:0; border-left:1px solid #CCC; color:#CCC; border-right:1px solid #CCC; text-align:center; } div#buy { margin:0; padding:10px; border:1px solid #CCC; background-color:#EEE; position:relative; text-align:center; } div#buy p.productType img { display:none; } div#buy img.productPurchase { margin:0 0 1em 0; padding:0; } div#buy p.productMessage { margin:0; padding:0; } div.buyMore { margin:0; padding:10px; border:1px solid #CCC; 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:none; 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 #CCC; background-color:#EEE; position:relative; } 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.productPurchase { 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; } /* --- Book Support Information --- */ div#productBSS { clear:both; margin:2em 0 0 0; padding:0; } #bssContent h2 { font-size: 120%; margin-bottom:0.5em; padding: 0; font-weight: bold; } #bssContent h3 { font-size: 110%; margin-bottom:0.5em; padding: 0; } div#bssContent { margin:-1px 0 0 0; padding:1em; border-right:1px solid #CCC; border-left:1px solid #CCC; border-bottom:1px solid #CCC; border-top:1px solid #CCC; } div#bssContent p { margin-bottom:1em; } div#bssContent ul { margin-bottom:1em; } .ie7 div#bssContent { margin:0; padding:1em 1em 0 1em; border-top:none; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; } #packagesContainer .item {margin-bottom:2em;} #packagesContainer .item p.title, #packagesContainer .item p.price { margin-bottom:0.5em; } #packagesContainer .item p.contains {margin: 0 0 0 1em; } #packagesContainer .item .pricing { font-weight:bold; } #packagesContainer .item ul { margin:0 0 0 3em; } #packagesContainer .item ul li { margin:0 0 0.2em 0; } /* --- PST Area --- */ #pstArea { margin:1em 0; } #pstArea h2 { font-size:135%; margin-bottom:0; padding-bottom:0; } #pstArea h3 { font-size:110%; margin-bottom:0; padding-bottom:0; } #pstArea p { margin:0 0 0.5em 0; } /* --- Product Page Product Bucket --- */ div.storeProduct div#columnSecondary div.productList { margin-top:2em; border:1 px solid red; } div.storeProduct div#columnSecondary div.productList h3 { font-size:120%; margin-bottom:1em; } div.storeProduct div#columnSecondary div.productList a.title { font-weight:bold; } div.storeProduct div#columnSecondary div.productList dd.pricing a { font-weight:bold; color:#000; } div.storeProduct div#columnSecondary div.productList dd.pricing img { display:none; } /* Search Results ---------------------------------------------------------------------- */ /* Store */ .searchglobal p.searchAgain label, .searchglobal p.searchAgain input { display:inline; vertical-align:middle; margin: 0 0 0 5px; } .searchPreview h1 { margin-bottom:1em; } .searchPreview form label.hide { display:none; margin:0; padding:0;} /* For IE - Since it can't get selectors right */ .searchPreview #columnTwo { border-left: 1px solid #CCC; } div.results li { margin-bottom: 0.5em; } div.results label { margin:0 0.5em 0 0; display:inline; font-weight:normal; } div.results input { margin-left:5px; } div.results select { display:inline; } div.results table { margin-top:2em; } div.results span.productType { margin-left:1em; color: #666; } .searchPreview div.productList { float:left; width:445px; margin-right:24px; } .searchPreview .advertisement { margin-top:2em; width:334px; float:left; } .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 div.productList { float:left; width:600px; margin-right:24px; } .searchStore .advertisement { margin-top:2em; width:334px; float:left; } .searchStore div.results form label { text-align: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 { clear:both; padding-top:0.5em; border-top:1px solid #EEE; text-align:center; } .searchStore p.pagination span.current { border:1px solid #999; padding:0.25em; } .searchStore li.format img { margin-right:0.25em; vertical-align:middle; } .searchContent div.productList { float:left; width:600px; margin-right:24px; } .searchContent .advertisement { margin-top:2em; width:334px; float:left; } .searchContent .title { font-size: 120%; font-weight: bold; } .searchContent td.number { color:#999; } .searchContent p.pagination { clear:both; 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-right:24px; } .searchContent .advertisement { margin-top:2em; width:334px; float:left; } /* --- Search Support Page --- */ .searchSupport form { margin-bottom:2em; } .searchSupport span.checkbox label { text-align: left; margin-left: 0.5em; display: inline; font-weight: normal; } .searchSupport img { bottom:2em; } /* About Pages ---------------------------------------------------------------------- */ .contactUs #topicInfo { width:400px; float: right; margin: 0 2em 0 0; padding:10px 20px; background-color:#EEE; border:1px solid #CCC; } /* remove float when we put in skeleton framework */ /* My Account Styles ---------------------------------------------------------------------- */ /* ---- Account Register --- */ #LoginForm { margin-bottom: 3em; } #forgotForm { display: none; } #forgotForm h3 { margin-bottom: 1em; } #forgotForm .button { margin-top: 1em; } .accountRegister #columnOne { padding:0 0 24px 0; text-align:left; float:left; } .accountRegister form { margin:0; padding:0; } .accountRegister #profileQuestions { border-top: 1px solid #D5D6D7; } .accountRegister #profileQuestions.off { display: none; } .accountRegister #profileQuestions.on { display: block; } .accountRegister #profileQuestions ol { margin-left:3.5em; text-align:left; } .accountRegister #profileQuestions li { margin-bottom:2em; text-align:left; } .accountRegister #profileQuestions input { display:block; } .accountRegister #profileQuestions select { display:block; } .accountRegister #profileQuestions li span.radioSet { display:block; margin:0 0 0 0.5em; padding:0; } .accountRegister #profileQuestions li span.radioSet input { display:inline; } .accountRegister #profileQuestions li span.radioSet label { display:inline; margin:0 0 0 0.5em; padding:0; } .accountRegister #profileQuestions li span.checkbox { display:block; margin:0 0 0 0.5em; padding:0; } .accountRegister #profileQuestions li span.checkbox input { display:inline; } .accountRegister #profileQuestions li span.checkbox label { display:inline; margin:0 0 0 0.5em; padding:0; text-align: left; font-weight: normal; } .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; } #accountExisting { margin:0 20px 0 0; padding:0; width:470px; float:left; } #accountNonExisting { margin:0; padding:0; width:470px; float:left; } #accountNonExisting span.checkbox label { text-align:left; margin-left:0.5em; display:inline; font-weight:normal; } /* ---- Account Main Page ---- */ #accountProducts { float:left; margin:0 20px 0 0; padding:0; width:600px; } #accountInformation { float:left; margin:0; padding:0 0 0 20px; width:300px; border-left:1px solid #CCC; } #accountProducts div.savedProducts { margin:0 0 2.5em 0; padding:0; } #accountProducts h2 { display:inline; margin-right:0.5em; } #accountProducts p.moreInformation { display:inline; height:1em; } #accountProducts table td { vertical-align:top; padding:0 1em 1em 0; } #accountProducts dd { line-height:1.6em; } #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:first-child { margin-top:0; } #accountInformation h3 { margin-top:2em; } #accountInformation ul { margin-left:0; margin-bottom:1em; } #accountInformation li { list-style:none; } #accountInformation ul { list-style: none; padding: 0; margin: 0; } #accountInformation h3 { margin: 1em 0 0.5em 0; font-size: 120%; } #accountInformation h3:first-child { margin-top: 0; } #accountInformation ul { margin-bottom: 0; } #accountInformation li, #accountInformation p { margin: 0 0 0 10px; } #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-bottom:1em; } 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; } /* ---- Account Whats 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; } /* ---- Account Addresses ---- */ div#addressesSaved { margin:2em 20px 0 0; padding:0; width:470px; float:left; } div#addressesDefault { margin:2em 0 0 0; padding:0; width:470px; float:left; } div.accountAddresses .addressList p { margin-bottom:2em; } div.accountAddresses img { margin-top:0.75em; margin-right:0.5em } /* --- 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 .tabwidget { clear:both; } /* ---- Account Email and Password ---- */ div.accountEmailPassword { } div.accountEmailPassword td { vertical-align:top; padding:0 0 1em 0; } div.accountEmailPassword span.checkbox label { text-align:left; margin-left:0.5em; display:inline; font-weight:normal; } /* ---- Account Customize Profile ---- */ div.accountProfile p { margin-bottom:2em; } div.accountProfile td { vertical-align:top; padding:0 0 1em 0; } div.accountProfile ol { margin-left:3.5em; text-align:left; } div.accountProfile ol li { list-style:decimal; margin-bottom:2em; text-align:left; } div.accountProfile input { display:block; } div.accountProfile select { display:block; } div.accountProfile li span.radioSet { display:block; margin:0 0 0 0.5em; padding:0; } div.accountProfile li span.radioSet input { display:inline; } div.accountProfile li span.radioSet label { display:inline; margin:0 0 0 0.5em; padding:0; } div.accountProfile li span.checkbox { display:block; margin:0 0 0 0.5em; padding:0; } div.accountProfile li span.checkbox input { display:inline; } div.accountProfile li span.checkbox label { display:inline; margin:0 0 0 0.5em; padding:0; text-align: left; font-weight: normal; } /* ---- Account Member Code ---- */ div.accountMemberCode { text-align:center; } div.accountMemberCode div#memberCodeEdit { width:600px; margin:0; padding:0; text-align:left; } div.accountMemberCode div#memberCodeEdit td { vertical-align:top; padding:0 0 1em 0; } div.accountMemberCode div#memberCodeEdit form label { margin-right:0.5em; font-weight:bold; text-align: right; display:block; } div.accountMemberCode div#memberCodeEdit span.checkbox label { text-align:left; margin-left:0.5em; display:inline; font-weight:normal; } /* ---- Account Newsletters ---- */ .accountNewsletters #accountNewslettersEdit { width:600px; margin:0; 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 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; } /* ---- Account Discount Codes --- */ .accountCode { text-align:center; } .accountCode #columnOne { margin:0; width:600px; text-align:left; } .accountCode #codeEntry { margin-bottom:2em; } .accountCode #codeEntry input[type="image"] { margin-left:1em; vertical-align:bottom; } /* ---- Account Wishlist Books --- */ 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 .timestamp { font-size: 87%; color: #9A9A9A; } 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; } /* Newsletters ---------------------------------------------------------------------- */ div.newslettersIndex { margin:0; width:600px; } div.newslettersIndex .pst input { margin-top:1em; } div.newslettersIndex p.subTitle { margin-bottom:1.5em; margin-left:2em; } div.newslettersIndex input[type=checkbox] { margin-right:0.5em; } div.newslettersIndex label { display:inline; } div.newslettersIndex span.desc { display:block; margin-left:2em; } div.newslettersIndex #memberEmail { margin-bottom:2em; } div.newslettersIndex #memberNewsletters h2 { margin-bottom:0.5em; } div.newslettersIndex .menuDivHeader { font-weight:bold; cursor: pointer; } /* --- Newsletter - Unsubscribe --- */ div.unsubscribe { margin:0; width:600px; } div.unsubscribe h2 { line-height:2em; } div.unsubscribe label { display:inline; } div.unsubscribe input { margin-right:0.5em; vertical-align:middle; } div.unsubscribe ul { list-style-type:none; } /* --- My Account - Blogging Tools --- */ #content.authtools table.blogpost { background-color: #EFEFEF; margin: 0 0 2em 0; padding: 1em 0 0 0; } #content.authtools td { vertical-align: top; position: relative; padding:5px; } #content.authtools td.formlabel { width: 150px; } #content.authtools form#contentForm td label { padding: 0 1em 0 0; margin: 0; } #content.authtools form input[type="text"], #content.authtools form input[type="password"], #content.authtools form select, #content.authtools form textarea { background-color: #FFF; } #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; } #content.authtools #contentForm .help, #content.authtools #uploadForm .help { color: #333; } div#introEntry div.toolbar { width:90%; margin: 1em 0;} div#introEntry div.editor { width:75%; margin: 1em 0;} div#introEntry div.editor textarea {margin: 1em 0;} div#contentEntry div.toolbar { width:90%; margin: 1em 0;} div#contentEntry div.editor { width:75%; margin: 1em 0;} div#contentEntry div.editor textarea { margin: 1em 0; } #content.authtools #optionscontainer { position: relative; } #content.authtools #options { } #content.authtools #options label, #content.authtools.prefs label { text-align: left; font-weight: normal; line-height: 2em; } #content.authtools #files { background-color: #EEE; padding: 0 1em 1em; } #content.authtools h2 { font-size: 100%; font-weight: bold; } #content.authtools #uploaded { width: 50%; float: right; margin: 0 0 2em 2me; } #content.authtools #blogDashboard { border: 1px solid #CCC; border-width: 1px 1px 0 0; } #content.authtools #blogDashboard th { background-color: #EEE; } #content.authtools #blogDashboard th, #content.authtools #blogDashboard td { padding: 0.5em 1em; border: 1px solid #CCC; border-width: 0 0 1px 1px; } #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 { position:relative; } #content.managePosts table { width:100%; } /* --- Send Email styles */ div.sendEmail form p { margin: 0; } div.sendEmail .help { margin: 0 0 1em 0; } div.sendEmail label { text-align: left; } div.sendEmail li { list-style-type:none; } div.sendEmail .checkbox label { font-weight: normal; margin: 0 0 1em 0; } /* 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;} .cart .cartNav form, .addresses .cartNav form { display:inline; } .cart .cartNav form input, .addresses .cartNav form input { vertical-align:middle; } input#orderBtn {margin-top:5px;} .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 #cartPromos { margin:35px 0 0 0; padding:0; } .cart #cartPromos H2 { font-size: 100%; color:#FFF; margin:0; padding:5px; } .cart #cartPromos div.promo { position:relative; margin:0; padding:10px 10px 0 10px; } .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; } .cart #cartPromos div.promo div.offer p.applied { margin:10px 0; padding:0; font-weight:bold; font-size:120%; } .cart #cartPromos div.promo div.offer p.applied img { border:none; } .cart #cartPromos div.promo div.offer img { position:relative; float:left; margin:0 5px 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; } .cartPaymentMethod form#checkout fieldset { margin-bottom: 1.5em; } .cartDiscountCode .enterNew fieldset #button.button { margin-bottom: 1em; } .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 table.address td fieldset#name { margin: 0 0 1em 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:80%; } .addresses #cartAddress { clear: both; } .addresses #cartAddress H2 { color:#000; background-color:#C3D8EB; margin:0; padding:0 10px; } .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:#EEE; font-weight:bold; margin:0; padding:0; } .addresses #cartAddress table.address td { margin:0; padding:10px; border: 1px solid #CCC; } .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; } .cartShippingMethod #sub .row { margin-bottom: 1em; } /* Promotions Pages ---------------------------------------------------------------------- */ .promotionsIndex #columnOne { float:left; width:600px; margin-right:24px; } .promotionsIndex #columnTwo { float:left; width:336px; margin:0; } .promotionsIndex .productList h2 { margin-bottom:1em; } .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 h4 { margin-bottom:1em; margin-top:1em; } .promotionsEntry h5 { margin-bottom:1em; margin-top:1em; } .promotionsEntry h6 { margin-bottom:1em; margin-top:1em; } .promotionsEntry li { 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; } .promotionsEntry .promotionsFooter { clear:both; } .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; } .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; } /* ===== CHANGE THE #PROMOTIONS TO SOMETHING ELSE ===== */ #promotions.tabwidget.prop dd a { color: #666; } #promotions.tabwidget.prop dd.meta { margin-top: 0; } #promotions.tabwidget.prop dd.pricing { font-size: 87%; margin-top: 0; } #tabbedListing.tabwidget.prop dd a { color: #666; } #tabbedListing.tabwidget.prop dd.meta { margin-top: 0; } #tabbedListing.tabwidget.prop dd.pricing { font-size: 87%; margin-top: 0; } /* ===== ADDED PROMOTIONS TEMPLATES */ #promotionBody dl input[type="checkbox"] { float: left; margin: 0.25em 1em 2em 0; } .singleColumnWithDescription dl { clear:both; } .otherListTitles { margin-bottom: 0; } .otherListPrice { list-style-type: none; } .otherListPrice li { margin-bottom: 0; } /* Article Pages ---------------------------------------------------------------------- */ /* Article Index Pages ---------------------------------------------------------------------- */ .articleIndex #column1 { width: 512px; padding: 0 24px 0 24px; margin-left: 214px; float: left; border: 1px solid #CCC; border-width: 0 1px; } .articleIndex #column2 { position: absolute; top: 0; left: 0; width: 190px; } .articleIndex #column3 { width: 160px; margin-left: 24px; float: left; } .articleIndex div.btb h3, div.articleIndex div.btb h3 { margin-bottom:1em; } .articleIndex div.btb ul { margin-left:5px; margin-right:5px; list-style:none; } .articleIndex div.btb p { margin:1em 5px 0 5px; text-align:right; } 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; 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 Pages ---------------------------------------------------------------------- */ .articleProduct #columnOne, .guides.topic #column1 { width: 575px; margin-left: 0; padding: 0; float: left; border: none; } .articleProduct #columnTwo, .guides.topic #column2 { position: relative; float: left; width: 336px; margin-left: 24px; padding-left: 24px; border: 1px solid #D5D6D7; border-width: 0 0 0 1px; } .articleProduct #leaderboard, .guides.topic #leaderboard { display:none; } .articleProduct #leaderboard div, .guides.topic #leaderboard div { display:none; } /* leaderboard ads unused for now .articleProduct #leaderboard, .guides.topic #leaderboard { position: absolute; width: 960px; height: 110px; top: 0; left: 0; border-bottom: 1px solid #D5D6D7; } .articleProduct #leaderboard div, .guides.topic #leaderboard div { width: 720px; height: 90px; margin: 0 auto; background-color:#DDD; } */ .articleProduct #columnTwo, .guides.content #column2 { padding-bottom: 24px; border-width: 0 0 1px 1px; } .articleProduct #columnTwo .tabwidget { margin-bottom:2em; } #articleContent { margin:0 0 2em 0; padding:0; position:relative; width:100%; } /* -- Header and Titling -- */ #articleHeader h1 { line-height:1.3em; margin-bottom: 0.5em; } /* -- Author Objects -- */ #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-size: 120%; } #articleHeader li.authorName a { font-weight: bold; } /* --- First Set of Tools --- */ .articleTools { margin: 0; padding: 0; position: relative; float: right; width: 100%; font-size: 87%; line-height:16px; } .articleTools #articleTOC { float:left; padding:6px 12px 0 12px; height:24px; width:120px; white-space:nowrap; } .articleTools #articleTOC p img { vertical-align:middle; } .articleTools div.articleInteraction { padding:6px 0 0 0; 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:1.5em; } .articleTools div.articleInteraction ul li.last { margin-right:0; } .articleTools div.articleInteraction span { display:none; } .articleTools div.articleInteraction img { vertical-align:middle; margin-right:0.5em; } .articleTools div.pagination { padding:6px 6px 0 0; margin-left:12px; width:auto; float:right; height:24px; text-align:right; } .articleTools a { color:#666; margin-right: 1em; } .articleTools div.pagination a { color:#F36E29; } .articleTools div.pagination .paginationPrevious { margin:0; color:#F36E29; } .articleTools div.pagination .paginationLocation { margin-left:0.5em; color:#6D6F71; } .articleTools div.pagination .paginationNext { margin-left:0.5em; font-weight:normal; color:#F36E29; } /* --- Second Set of Tools --- */ div.articleToolsSecond { clear:both; margin:2em 0; padding:0; height:24px; border-bottom:1px solid #CCC; border-top:1px solid #CCC; font-size: 87%; line-height:16px; } div.articleToolsSecond div.articleInteraction { margin:3px 0; padding:0; height:24px; border:none; text-align: left; } div.articleToolsSecond div.articleInteraction ul { margin: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 img { vertical-align:middle; margin-right:0.5em; } div.articleToolsSecond div.pagination { margin:3px 0; padding:0; width:auto; float:right; height:24px; text-align:right; border:none; } div.articleToolsSecond a { color:#666; } div.articleToolsSecond div.pagination a { color:#F36E29; } div.articleToolsSecond div.pagination .paginationPrevious { margin:0; color:#F36E29; } div.articleToolsSecond div.pagination .paginationLocation { margin-left:0.5em; color:#6D6F71; } div.articleToolsSecond div.pagination .paginationNext { margin-left:0.5em; font-weight:normal; color:#F36E29; } /* --- Send Email styles */ div.sendEmail form p { margin: 0; } div.sendEmail .help { margin: 0 0 1em 0; } div.sendEmail label { text-align: left; } div.sendEmail li { list-style-type:none; } div.sendEmail .checkbox label { font-weight: normal; margin: 0 0 1em 0; } /* -- Article Text */ #articleText { border-top:1px solid #CCC; margin:0; padding:12px 0 0 0; clear:both; } #articleLongDescription { margin-bottom:1em; padding:0; line-height: 1.5em; } #articleLongDescription:first-letter { font-size: 4.5em; float: left; line-height: 90%; color: #006; padding-right: 0.1em } .relatedBook { border:1px solid #CCC; border-width: 0 0 1px 1px; float:right; width:220px; margin:0 0 12px 12px; padding: 0 0 0 12px; font-size: 87%; } .relatedBook span { font-size: 87%; } .relatedBook img { float:left; margin:0 1em 12px 0; width:51px; } .relatedBook .title { font-weight:bold; } /* --- Article TOC --- */ #articleTOCList { margin:0; padding:0; width:300px; height: 400px; overflow: scroll; position:absolute; top:0; left:0; z-index:10; background-color: #FED65D; border: 1px solid #FCB831; } #articleTOCList p { margin:3px; } #articleTOCList a { color:#49515E; } #articleTOCList ol { margin:0; list-style:inside decimal; } #articleTOCList li { border: solid #FCB831; 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:5px; } /* --- Article Text --- */ #articleText ul { margin-left:2em; list-style:disc; } #articleText ol { margin-left:2em; list-style:decimal; } #articleText h2 { line-height:1.3em; } #articleText h3 { line-height:1.3em; } #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; width:24px; overflow:hidden; background-image:url(../images/icons/article-caution.png); background-repeat:no-repeat; } #articleText .sidebar p.note { padding:24px 0 0 0; width:62px; overflow:hidden; background-image:url(../images/icons/article-tip.png); background-repeat:no-repeat; } #articleText .sidebar p.tip { padding:24px 0 0 0; width:41px; overflow:hidden; background-image:url(../images/icons/article-tip.png); background-repeat:no-repeat; } #articleText .sidebar p.warning { padding:24px 0 0 0; width:24px; overflow:hidden; background-image:url(../images/icons/article-warning.png); background-repeat:no-repeat; } #articleText .sidebar p.caution, #articleText .sidebar p.note, #articleText .sidebar p.tip, #articleText .sidebar p.warning { height:0px !important; height /**/:24px; }/* hack for IE */ /* --- Article Text Figures --- */ #articleText .figure { margin:2em; } #articleText .figure img { margin:0.5em 0; } /* --- Article Discussion -- */ #articleDiscussion { background: url(../images/backgrounds/h2_fill.png) repeat-x; margin:0; padding:0; position:relative; padding: 0.5em; } #articleDiscussion h3 { margin-bottom: 0.5em; padding: 0 0 0 30px; background: url(../images/icons/discuss_24.png) center left no-repeat; line-height: 24px; } #articleDiscussion h4 { display: none; } #articleDiscussion td { vertical-align:top; } #articleDiscussion span.tool { margin-left:0.5em; } #articleDiscussion dl { margin:1em 0; } #articleDiscussion dt { margin-top:1em; font-weight:bold; } .discussionsIndex { text-align:center; } .discussionsIndex #columnOne { margin:0; width:600px; text-align:left; } .discussionsIndex dt { margin-top:1em; font-weight:bold; font-size:120%; } .discussionsIndex dd dl { margin-left:2em; } .discussionsAddPost { text-align:center; } .discussionsAddPost #columnOne { margin:0; width:600px; text-align:left; } .discussionsAddPost form { padding-top:1em; border-top:1px solid #CCC; } /* --- Article Advertisements -- */ div.articleProduct .advertisement * { margin-bottom:2em; } /* Need to test for IE */ /* --- Articles Cross Promotion -- */ #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 0 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:#666; } /* --- Articles Author Information Object --- */ #authorInformation { margin:0; padding:0; width:400px; height:300px; overflow:auto; position:absolute; top:48px; left:12px; z-index:1; background-color: #FFF; border: 1px solid #FCB831; } #authorInformation div#informationHeader { margin:0; padding:0 0 0 12px; background-color: #FED65D; float:left; width:100%; } #authorInformation img.author { width:51px; margin:12px 1em 0.25em 0; float:left; } #authorInformation div#informationHeader h3 { margin-top:12px; } #authorInformation div#informationHeader p { margin-bottom: 0; } #authorInformation .toggleClose { margin:0; padding:0; position:absolute; top:12px; right:24px; } #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: #FED65D; 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 #CCC; } #authorInformation div.tabwidget div.container { border-width: 0; background-color:#FFF; margin: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:#666; } /* Authors - columns for this section use streamlined column layout ---------------------------------------------------------------------- */ /* ---- Authors Index ---- */ .authorsIndex .filter a { margin-right:1em; } .authorsIndex .productList { margin:0; padding:0; text-align:left; } .authorsIndex ol { margin-left:3em; } .authorsIndex li { color:#999; list-style:decimal; } /* same as .number */ .authorsIndex li a { font-size:120%; font-weight:bold; } .authorsIndex p.pagination { padding-top:0.5em; border-top:1px solid #D5D6D7; text-align:center; } .authorsIndex p.pagination span.current { border: 1px solid #999; padding: 0.25em; } /* ---- Authors Biography ---- */ .authorsBiography p.interaction { float:right; width:200px; text-align:right; } .authorsBiography p.interaction img { margin-right:0.5em; vertical-align:middle; } .authorsBiography #columnSecondary { position:relative; } .authorsBiography #columnSecondary img.author { float:left; width:125px; margin-right:2em; margin-bottom:2em; } .authorsBiography .productList { clear:both; width:600px; } .authorsBiography .productList a.title { font-size:120%; font-weight:bold; } .authorsBiography .meta { font-size:1em; margin: 5px 0 0 0; clear: left; } .authorsBiography .meta span { padding: 0; } /* ---- Authors Email A Friend ---- */ .authorEmail { text-align:center; } .authorEmail li { list-style:none; } .authorEmail li label { text-align:left; margin-right:0.5em; display:block; font-weight:bold; } .authorEmail li span.checkbox label { margin-left:0.5em; display:inline; font-weight:normal; } .authorEmail li p { color:#999; } /* About Section ---------------------------------------------------------------------- */ .about #columnPrimary div.pst h2 { height:auto; margin:0; padding:0; font-size: 150%; line-height: 220%; } .about #columnPrimary div.pst ol { margin-left:3em; } /* RSS Index ---------------------------------------------------------------------- */ .rssIndex #column1 { width:600px; margin:0; padding:0; } /* Site Map ---------------------------------------------------------------------- */ .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: 140%; line-height: 200%; } .sitemap li li { font-size: 80%; 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 10px; } /* Affiliates and Author First ---------------------------------------------------------------------- */ /* ===== Affiliates ===== */ .affiliatesProgram #columnSecondary ul { margin:0 0 2em 0; padding:0; list-style:none; } .affiliatesProgram #columnSecondary .productList { margin-top:2em; border-top:1px solid #D5D6D7; } .affiliatesProgram #columnSecondary .productList h3 { margin-top:2em; } .affiliatesProgram #columnSecondary dt { font-weight:bold; } /* ===== Affiliates Now Partners ===== */ .affiliates p.radio { margin: 1em 0 0 0; } .affiliates span.radio label { text-align:left; margin-left:0.5em; display:inline; font-weight:normal; } .affilaite ul { list-style: none; } /* --- AuthorFirst --- */ .authorfirst.password #columnPrimary ul { list-style:none; } .authorfirst.password #columnPrimary label { display:block; text-align:left; margin-bottom:0.5em; } /* Blogs ---------------------------------------------------------------------- */ .blog #column1 { width: 512px; padding: 30px 24px 0 24px; margin-left: 214px; float: left; border: 1px solid #CCC; border-width: 0 1px; } .blog.comment #column1 { margin: 0 auto; float: none; border: none; } .blog #column2 { position: absolute; top: 0; left: 0; width: 190px; } .blog.post #column2 { margin:0; } .blog #column3 { width: 160px; margin-left: 24px; float: left; } .blog #leaderboard { display:none; } .blog #leaderboard div { display:none; } /* -- leaderboard ads unused for now { position: absolute; width: 720px; height: 90px; top: 0; left: 0; background-color: #DDD; } */ .blog h1.plustag { margin-bottom: 0; } .blog p.tag { color: #666; margin: 0 0 1.75em 0; } /* -- List -- */ .blog .entry { margin: 2em 0; border-bottom:1px solid #DDD; } .blog .entry h2 { font-size: 120%; line-height: 120%; margin-bottom: 0.25em; } .blog .entry h2 a { color: #000; } .blog .entry .intro { line-height: 200%; margin: 0 0 1em 0; } .blog .meta { margin: 1em 0 2em 0; clear: left; } .blog .meta span { padding: 0 2em 0 0; } .blog .meta a { color: #666; } .blog img.author { float: left; margin: 0 10px 10px 0; } .blog .pagination { border-top: 1px solid #CCC; padding: 1em 0 0 0; text-align: center; margin-bottom: 3em; } .blog .pagination .current { border: 1px solid #CCC; padding: 0.25em; } .blog p.rssSubscribe { padding-bottom: 1em; margin-bottom:1em; border-bottom: 1px solid #CCC; } /* -- Post -- */ .blog.post .titling { background:url(../images/backgrounds/h1_fill.png) repeat-x; padding: 5px; border-bottom: 1px solid #CCC; margin-bottom: 1em; float: left; width: 502px; } .blog.post #column1 { } .blog.post .leaderboard { margin: 0 0 20px 214px; height: 90px; } .blog.post h1 { margin-bottom: 0; line-height: 120%; } .blog.post .meta { margin: 0.5em 0 0 0; clear: none; } .blog.post .meta p { margin: 0; padding: 0; } .blog.post .author { margin: 0 10px 0 0; } /* -- discuss -- */ .blog.post .comments { margin-top: 2em; background:url(../images/backgrounds/h2_fill.png) repeat-x; position: relative; padding-top: 0.5em; } .blog.post .comments p.add { position: absolute; line-height: 24px; top: 0.5em; right: 1em; } .blog.post .comments h2 { font-size: 145%; line-height: 24px; margin: 0 5px 1em 5px; font-weight: bold; background:url(../images/icons/discuss_24.png) top left no-repeat; padding-left: 34px; } .blog.post .comments h3 { line-height: 1.5em; font-size: 120%; margin-top: 1em; } .blog.post .comments p.edit { font-size: 87%; } .blog.post .comments .entry { margin: 0 0 1em 0;} .blog.post .comments .meta, .blog.post .comments p { margin: 0 0 10px 0; } .blog.post .comments .entry b { font-weight:normal; } .blog.post .comments .authorspeaks { background-color: #EAEAEA; 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; } /* "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; margin:0; padding:0; } .love dt img.product, .love dt img.author { float:left; margin:0 6px 6px 0; padding:0; } /* width:51px; */ .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 a {font-weight:bold; color:#000; } .love dl.store dd.pricing img { display:none; } .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:#666; } .love dd a { color: #666; } /* Tab Widget - blogs?? ---------------------------------------------------------------------- */ div.tabwidget { border-left: 1px solid #CCC; position: relative; } /* tab control */ div.tabwidget ul.tabs { list-style: none; margin: 0; padding: 0 0 1px 0; height: 2em; border-bottom: 1px solid #CCC; } div.tabwidget ul.tabs li { display: block; float: left; background-color:#EEE; border: 1px solid #CCC; 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 #CCC; border-width: 0 1px 1px 0; padding: 10px; position: relative; } div.tabwidget div.on { display: block; } /* Content control */ div.tabwidget .container h2 { font-size: 100%; font-weight: bold; } /* --- Over-rides for in-content version (Articles, Ref Guides, etc) */ div.tabwidget.prop { border: none; margin-top: 24px; font-size: 87%; } div.tabwidget.prop h4 { font-size: 100%; color: #F2692D; font-weight: normal; float: left; line-height: 100%; } /* 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: 1px solid #D5D6D7; border-width: 0 1px 0 0; line-height: 100%; text-transform: uppercase; font-size: 87%; padding: 0 0.75em; } div.tabwidget.prop ul.tabs li a { color: #666; } div.tabwidget.prop ul.tabs li.selected a { color: #006; } /* layer control */ div.tabwidget.prop div.container { border: none; padding: 10px; background-color: #EDEEEE; } div.tabwidget.prop div.on { display: block; } /* Misc */ .ie7 .blog.post .titling { width: auto; float: none; } /* .topicsIndex #column1 { margin-left: 107px; } */ .ie7 .topicsIndex .btb div.column1, .ie7 .topicsIndex .btb div.column2, .ie7 .topicsIndex .btb div.column3 { width:175px; } /* -- Tab Widget Fix -- */ .ie7 div.tabwidget.prop ul.tabs li { padding: 0 0.75em; } .ie7 div.tabwidget.prop div.container { float: left; width: 316px; } /* Podcasts ---------------------------------------------------------------------- */ .podcasts.channel #leaderboard, .podcasts.episode #leaderboard { display:none; } /* -- leaderboard ads unused for now { position: absolute; width: 720px; height: 90px; top: 0; left: 0; background-color: #DDD; } */ /* -- 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; line-height: 100%; } .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 { background:url(../images/backgrounds/h2_fill.png) repeat-x; } .podcasts.channel thead { color: #666; font-size: 87%; } .podcasts.channel td { border: 1px solid #FFE9AE; border-width: 1px 0 0 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; line-height: 100%; } .podcasts.channel td p { margin-bottom: 0.5em; } /* -- Episode -- */ .podcasts.episode h1 { margin-bottom: 0.5em; } .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; } /* User Groups ---------------------------------------------------------------------- */ /* --- User Groups Book --- */ .userGroupsBook { text-align:center; } .userGroupsBook #columnOne { width:600px; margin:0; text-align:left; } .userGroupsBook h1 { width:600px; margin:0 auto 1em auto; text-align:left; } .userGroupsBook form { width:600px; margin:0; 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 h1 { width:600px; margin:0 auto 1em auto; text-align:left; } .userGroupsContest #columnOne { width:600px; margin:0; text-align:left; } .userGroupsContest form { width:600px; margin:0; 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 h1 { width:600px; margin:0 auto 1em auto; text-align:left; } .userGroupsFind h2 { width:600px; 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:600px; margin:0; text-align:left; } .userGroupsFind form { width:600px; margin:0; 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 #columnOne { width:600px; margin:0; text-align:left; } .userGroupsProfile td { vertical-align:top; } /* --- User Groups Registration --- */ .userGroupsRegister { text-align:center; } .userGroupsRegister h1 { width:600px; margin:0 auto 1em auto; text-align:left; } .userGroupsRegister #columnOne { width:600px; margin:0; text-align:left; } .userGroupsRegister form { width:600px; margin:0; 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; } /* Ref Guide Index Pages ---------------------------------------------------------------------- */ .guides.topic #column1 .titling, .guides.content #column1 .titling { background: url(../images/backgrounds/h1_fill.png) top left repeat-x; } .guides.topic #column2 .tabwidget { margin-bottom:2em; } .guides #articleContent { clear: both; margin-bottom: 5em; } .guides #column1 { width: 512px; padding: 0 24px 0 24px; margin-left: 214px; float: left; border: 1px solid #CCC; border-width: 0 1px; } .guides #column2 { position: absolute; top: 0; left: 0; width: 190px; } .guides #column3 { width: 160px; margin-left: 24px; float: left; } .guides.topic #column1 { width: 575px; margin-left: 0; margin-top: 140px; padding: 0; float: left; border: none; } .guides.topic #column2 { width: 336px; margin-left: 24px; padding-left: 24px; margin-top: 110px; position: relative; float: left; border: 1px solid #D5D6D7; border-width: 0 0 0 1px; } .guides.topic #leaderboard { display:none; } .guides.topic #leaderboard div { display:none; } /* -- leaderboard ads unused for now { position: absolute; width: 960px; height: 110px; top: 0; left: 0; border-bottom: 1px solid #D5D6D7;} { width: 720px; height: 90px; margin: 0 auto; background-color:#DDD; } */ .guides.content #column2 { padding-bottom: 24px; border-width: 0 0 1px 1px; } .guides.topic #column1 .titling, .guides.content #column1 .titling { background: url(../images/backgrounds/h1_fill.png) top left repeat-x; } .guides.topic #column2 .tabwidget { margin-bottom:2em; } .guides #articleContent { clear: both; margin-bottom: 5em; } .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 .titling { border: 1px solid #FCB831; position: relative; float: left; width: 573px; margin-bottom: 1em; } .guides.content .titling { margin-bottom: 0; } .guides .titling h1 { line-height: 100%; margin: 0; padding: 0.25em 1em 0.25em 6px; float: left; font-size: 165%; } .guides .titling h2, .guides.topic #column1 h2 { font-size: 120%; } .guides.topic.content h2 { font-size: 150%; padding-top: 0; } .guides .titling h3 { font-size: 100%; color: #666; line-height: 1.5em; } .guides .titling a { font-weight: bold; } .guides .titling p { text-align: right; line-height: 150%; margin: 0.5em 0; padding-right: 0.5em; font-size: 87%; } .guides .titling p.hasimage { line-height: 300%; margin: 0 51px 0 0; } .guides .titling p.hasimage img { position: absolute; bottom: -1px; right: -1px; } /* -- Guide home TOC -- */ .guides ul#toc { width: 288px; float: left; font-weight: bold; color: #666; list-style: none; margin: 0; padding: 0; } .guides.topic #column1 h2, .guides.topic #column1 ul#toc { padding-left: 6px; } .guides.topic.content #column1 h2 { padding-left: 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) 3px left no-repeat; } .guides ul#toc span { font-weight: normal; color: #000; 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: #666; } /* -- Guide TOC -- */ .guides.content #guidetoc #toc { position: absolute; top: 0; left: -500em; } /* Ref Guides Content ---------------------------------------------------------------------- */ /* -- Guide TOC -- */ .guides #articleTOCList ul#toc ul { list-style: none; margin: 0; padding: 0; } .guides #articleTOCList ul#toc li { border: none; padding: 0; text-indent: 0; line-height: 1.5em; margin: 0 0 1em 0; } .guides #articleTOCList ul#toc li.minus { background: url(../images/icons/minus.png) 3px left no-repeat; } .guides #articleTOCList ul#toc li.plus { background: url(../images/icons/plus.png) 3px left no-repeat; } .guides #articleTOCList ul#toc li li { margin: 0 0 0.25em 0; padding-left: 15px; } .guides #articleTOCList ul#toc li li li { } .guides #articleTOCList ul#toc span { font-weight: normal; color: #000; } .guides #articleTOCList ul#toc span.active { font-weight: bold; } .guides #articleTOCList #intro { margin-left: 312px; } /* -- Guide Content TOC -- */ .guides #articleTOCList { width: 300px; height: 400px; overflow: scroll; background: #FFF url(../images/backgrounds/h1_fill.png) repeat-x; border-width: 0 1px 1px 1px; } .guides #articleTOCList ul#toc { width: auto; float: left; font-weight: bold; color: #666; list-style: none; margin: 0 0 0 3px; padding: 0; } .guides #articleTOCList ul#toc a { font-weight: normal; color: #F36E29; } .guides #articleTOCList ul#toc ul { list-style: none; margin: 0; padding: 0; } .guides #articleTOCList ul#toc li { border: none; padding: 0; text-indent: 0; line-height: 1.5em; margin: 0 0 1em 0; } .guides #articleTOCList ul#toc li.minus { background: url(../images/icons/minus.png) 3px left no-repeat; } .guides #articleTOCList ul#toc li.plus { background: url(../images/icons/plus.png) 3px left no-repeat; } .guides #articleTOCList ul#toc li li { margin: 0 0 0.25em 0; padding-left: 15px; } .guides #articleTOCList ul#toc li li li { } .guides #articleTOCList ul#toc span { font-weight: normal; color: #000; } .guides #articleTOCList ul#toc span.active { font-weight: bold; } .guides #articleTOCList #intro { margin-left: 312px; } .guides .articleTools div.articleInteraction { text-align: center; } .guides div#articleText + div.articleTools { width: 100%; } .guides div#articleText + div.articleTools div.articleInteraction { text-align: left; } /* Topics ---------------------------------------------------------------------- */ .topicsIndex #column1 { float:left; width:600px; position:relative; margin-right:24px; } .topicsIndex #column2 { float:left; width:336px; } .topicsIndex .btb { position:relative; width:600px; margin:0 0 2em 0; padding:0; display:block; } .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; padding:0; } .topicsIndex .btb div.column1 { width:176px; margin:0; padding:0; float:left; border-right:1px solid #CCC; } .topicsIndex .btb div.column2 { width:176px; margin:0; padding:0; float:left; border-right:1px solid #CCC; } .topicsIndex .btb div.column3 { width:177px; margin:0 0 0 354px; padding:0; } .topicsIndex h2 { clear:both; } .topicsIndex #promotions { position:relative; margin:2em 0; padding:1em 0; clear:both; border:1px solid #CCC; border-width:1px 0; } .topicsIndex #promotions .pst { width: 254px; margin-right: 24px; float:left; } .topicsIndex #promotions .pst+.pst { margin-right: 0; } /* --- Over-rides for in-content version (Articles, Ref Guides, etc) */ .topicsEntry div.tabwidget.prop { font-size: 100%; } .topicsEntry #column1 { width: 575px; 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; border: 1px solid #D5D6D7; border-width: 0 0 0 1px; } .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:#DDD; } .topicsEntry #featured { border-bottom:1px solid #CCC; position:relative; padding:12px; background: url(../images/backgrounds/h1_fill.png) repeat-x; } .topicsEntry #featured img.product { float:left; margin-right:1em; margin-bottom:1em; width:auto; } .topicsEntry #featured dt { margin-bottom:1em; } .topicsEntry #featured dt a.title { font-size:150%; line-height: 120%; } .topicsEntry .productList { margin-bottom:1em; } .topicsEntry .productList a.title { font-weight:bold; font-size:110%; line-height: 120%; } .topicsEntry .productList dl { clear:both; margin-bottom:2em; } .topicsEntry .productList table dl { clear:both; margin-bottom:0; } .topicsEntry .productList dd.meta { margin-bottom:0; } .topicsEntry .blogs dd.meta span { margin-right:1em; } .topicsEntry .productList .pricing, .topicsEntry .productList .onpromo { font-size: 87%; } .topicsEntry .productList img.author { float:left; width:51px; margin:0 1em 1em 0; } .topicsEntry .productList dd.intro p { text-align:left; margin-bottom: 0.5em; } .topicsEntry .articles dd.meta span { margin-right:1em; } .topicsEntry .articles dd.intro { clear:both; } .topicsEntry .blogs dd.meta { margin-bottom:auto; } .topicsEntry .blogs dd.more { margin-bottom:0.5em; } .topicsEntry .podcasts .latest { font-size: 87%; text-align: left; color: #999; } .topicsEntry .pricing img { margin-right:0.5em; } .topicsEntry #contentTypes { float:left; margin-bottom:2em; } .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 img { margin-right:17px; } /* Properly aligns text for a smaller image */ .topicsEntry #column2 .advertisement { margin:0 0 2em 0; clear:both; } /* --- Tabbed Listing -- */ .topicsEntry #tabbedListing { border:none; } .topicsEntry #tabbedListing ol, #tabbedListing ul { margin:0; padding:0; border:none; } .topicsEntry #tabbedListing dt img.product, #promotions dt img.author { float:left; width:51px; margin:0 1em 1em 0; padding:0; } .topicsEntry #tabbedListing dt img.art { float:left; width:75px; margin:0 1em 1em 0; padding:0; } .topicsEntry #tabbedListing dt a.title { font-weight:bold; } .topicsEntry #tabbedListing p.more { text-align:right; clear:both; } .topicsEntry #tabbedListing p img { margin-right:0.5em; } .topicsEntry #tabbedListing dl.store { margin:0 0 1em 0; padding:0; clear:both; } .topicsEntry #tabbedListing dl.articles { margin:0 0 1em 0; padding:0; } .topicsEntry #tabbedListing dl.blogs { margin:0 0 1em 0; padding:0; clear:both; } .topicsEntry #tabbedListing dl.blogs dd.intro p { text-align:left; } .topicsEntry #tabbedListing dl.podcasts { margin:0 0 1em 0; padding:0; clear:both; } .topicsEntry #tabbedListing dl.podcasts dd.intro p { text-align:left; } .topicsEntry #tabbedListing dl.store dd.pricing { margin:1em 0 0 63px;; } .topicsEntry #tabbedListing dl.store dd.pricing img { margin:0 0.5em 0 0; vertical-align:middle; } .topicsEntry #tabbedListing dl.blogs dd.meta span.comments { margin-left:0.5em; border-left:1px solid #CCC; padding-left:0.5em; } .topicsEntry #tabbedListing dl.blogs dd.meta span.timestamp { color:#666; } .topicsEntry div.tabwidget div.container { border: none; padding: 20px 0; background-color: #FFF; } .topicsEntry #tabbedListing h2 { display:none; } .topicsEntry #tabbedListing h3 { display:none; } /* ===== Tab Widget ===== */ .topicsEntry #tabbedListing { position: relative; background-image:url(../images/widget/background_header_topics.png); background-repeat:no-repeat; } /* tab control */ .topicsEntry #tabbedListing ul.tabs { margin: 0 0 0 10px; padding: 0; height:23px; } .topicsEntry #tabbedListing ul.tabs li { padding: 0; margin: 0; float:left; border:none; } .topicsEntry #tabbedListing ul.tabs li a { height:23px; display:block; background:url(../images/widget/tabs_topics.png) no-repeat; overflow: hidden; text-indent: -500em; } .topicsEntry #tabbedListing ul.tabs a.store { width:56px; background-position: 0 0; } .topicsEntry #tabbedListing ul.tabs a.articles { width:84px; background-position: -56px 0; } .topicsEntry #tabbedListing ul.tabs a.blogs { width:62px; background-position: -140px 0; } .topicsEntry #tabbedListing ul.tabs a.podcasts { width:83px; background-position: -202px 0; } .topicsEntry #tabbedListing ul.tabs a.store:hover, .topicsEntry #tabbedListing ul.tabs li.selected a.store { width:56px; background-position: 0 -23px; } .topicsEntry #tabbedListing ul.tabs a.articles:hover, .topicsEntry #tabbedListing ul.tabs li.selected a.articles { width:84px; background-position: -56px -23px; } .topicsEntry #tabbedListing ul.tabs a.blogs:hover, .topicsEntry #tabbedListing ul.tabs li.selected a.blogs { width:62px; background-position: -140px -23px; } .topicsEntry #tabbedListing ul.tabs a.podcasts:hover, .topicsEntry #tabbedListing ul.tabs li.selected a.podcasts { width:83px; background-position: -202px -23px; } /* =========== Fixes for IE 7 ================= */ /* Thanks to Dustin Diaz for the Min-Height Fast Hack http://www.dustindiaz.com/min-height-fast-hack/ .ie7 #content { min-height:800px; height:auto !important; margin-bottom: 2em; }*/ /* Fixing short pages when there's no content .ie7 .blog #columnPrimary, .ie7 .articleIndex #columnPrimary, .ie7 .podcasts #columnPrimary { height:1000px; }*/ /* Column Building - ---------------------------------------------------------------------- */ /* 2-Column Pages .ie7 .articleProduct #columnOne, .ie7 .guides.topic #column1, .ie7 .topicsEntry #column1 { float: left; width: 575px; margin: 140px 0 0 0; padding: 0; border: none; } .ie7 .articleProduct #columnTwo, .ie7 .guides.topic #column2, .ie7 .topicsEntry #column2 { margin: 0 0 0 22px; padding: 0 0 0 22px; }*/ /* Centered .ie7 .authorfirst.access #column1, .ie7 .authorfirst.password #column1 { margin:0 auto; float: none; } */ /* Article Product .ie7 #articleHeader { float:left; width:551px; }*/ /* Triple Column Layouts .ie7 .podcasts.channel #column1 { width: 596px; margin-left:176px; display:inline; } .ie7 .podcasts.episode #column1 { width: 640px; margin-left:101px; display:inline; } .ie7 .podcasts.episode #column3 { width:160px; float:left; margin:0 0 0 24px; padding:0; display:inline; }*/ /* Triple Column Layouts Divided by Hairline .ie7 .blog #column1, .ie7 .articleIndex #column1, .ie7 .guides #column1, .ie7 .podcasts #column1, .ie7 div.imprintIndex #columnTwo , .ie7 div.imprintSeries #columnTwo { width: 508px; margin-left: 107px; } */