/* ================ NOTES ====================== 24 march 2011 cweeks to re-brand for tr.com look and feel 7 april 2011 spyder - commented out tabset overrides - corrected link focus color from #b333333 to #005A84 15 april 2011 cweeks - updated leftnav styles for alignment and color modified: 10 jan 2013 cweeks - added .footer classes ================ END NOTES ====================== */ /*------------------------------------------- TABSET OVERRIDEs (please don't remove the code below) -------------------------------------------*/ /* dl tabs */ /* .tabset-active .tabset dt a { color: #ffffff; background-color: #a00000; display:block; padding:2px 7px 2px 7px; border-bottom: none !important; background: transparent url(http://webstage.isinet.com:8080/now/images/s.gif) no-repeat right center;} .tabset-active .tabset dt.selected { background-color: #a00000; } */ /* ul tabs */ /* ul.tabs a:hover, ul.tabs a:focus { background-color: #f99300; } ul.tabs a.active, ul.tabs li.ui-tabs-selected a { background-color: #a00000; } */ /*------------------------------------------- FEATURE AREA -------------------------------------------*/ #sw_feature { width: 470px; margin: 10px 0; padding: 0; } #sw_feature .image { float: left; width: 200px; margin-right: 10px; } #sw_feature .blurb { float: left; width: 255px; } #sw_feature .blurb h4, #sw_feature .blurb h4 a { color: #212121; font-size: 14px; font-weight: bold; line-height:normal; margin-top: 0px !important; text-transform:none; letter-spacing: normal; border-bottom:none !important; } #sw_feature .blurb h4 a:hover { color: #666; } #tertiary { float: left; width: 200px; margin: 26px 6px 0 10px; *margin: 16px 6px 0 10px; } .clear { clear: both; height: 0; line-height: 0; font-size: 1px; } /*------------------------------------------- SECTION HEAD -------------------------------------------*/ div.section { background-color: #929292; clear: left; margin: 0 0 5px 0; padding: 4px 10px; line-height: 1.3; } div.section h3 { color: #ffffff; font-size: 13px; } /*------------------------------------------- KEYWORD CODES -------------------------------------------*/ code { font-family: "Courier New", Courier, monospace; } /*------------------------------------------- LAYOUT OVERRIDE -------------------------------------------*/ #mainFull { width: 700px; } /*------------------------------------------- AUTHOR IMAGE & BLURBS SECTION -------------------------------------------*/ /* div#author { margin: 10px 0; width: 468px; } div.author-container { clear: both; margin-top: 18px; } div.author-head { border: 1px solid #ccc; padding: 4px; margin-bottom: 6px; } div.author-head p { margin: 0 !important; } div.author-image { float: left; width: 10%; } div.author-blurb { float: left; width: 85%; margin-left: 10px; } */ div#author { margin: 10px 0; width: 468px; } div#author444 { margin: 10px 0; width: 444px; } div.author-container, div.author444-container { clear: both; margin-top: 18px; } div.author-head, div.author444-head{ border: 1px solid #ccc; padding: 4px; margin-bottom: 6px; } div.author-head p, div.author444-head p { margin: 0 !important; } div.author-image, div.author444-image { float: left; width: 10%; } div.author-blurb, div.author444-blurb { float: left; width: 85%; margin-left: 10px; } /*------------------------------------------- LEFT NAV -------------------------------------------*/ #secondary { float: left; width: 180px; margin: 0 20px 0 20px; } * html #secondary { display: inline; } /* First level of subnav-sw */ #secondary ul.subnav-sw li { border-bottom:#ececec 1px solid; background: none; padding: 0; margin: 0; } #secondary ul.subnav-sw li.first { margin-top: 10px; } #secondary ul.subnav-sw a, body.home #business_units a { color: #5a5b5b; text-transform: uppercase; letter-spacing: 0.1em; display: block; font-size: 12px; padding: 0.3em 10px 0.3em 0; border: none; } * html #secondary ul.subnav-sw a { height: 1%; background-position: 5px 0.45em; } /* for IE6 */ * + html #secondary ul.subnav-sw a { background-position: 5px 0.6em; } /* for IE7 */ #secondary ul.subnav-sw a:hover, #secondary ul.subnav-sw a:focus, body.home #business_units a:hover, body.home #business_units a:focus { color: #6817ff; background-color: #ffffff; } #secondary ul.subnav-sw a:hover span, #secondary ul.subnav-sw strong span { color: #6817ff; } #secondary ul.subnav-sw strong { color: #6817ff; text-transform: uppercase; letter-spacing: 0.1em; display: block; font-weight: normal; font-size: 12px; padding: 0.3em 10px 0.3em 0; } * html #secondary ul.subnav-sw strong { background-position: 5px 0.45em; } /* for IE6 */ * + html #secondary ul.subnav-sw strong { background-position: 5px 0.6em; } /* for IE7 */ /* Second level of subnav-sw */ #secondary ul.subnav-sw ul { margin: 0; } #secondary ul.subnav-sw ul li { border-bottom: 1px solid #eeeff0; } #secondary ul.subnav-sw ul a { text-transform: none; letter-spacing: 0; font-size: 12px; margin-left:15px; } #secondary ul.subnav-sw ul strong { color: #6817ff; text-transform: none; letter-spacing: 0; font-size: 12px; font-weight: normal; } * html #secondary ul.subnav-sw ul a, * html #secondary ul.subnav-sw ul strong { background-position: 5px 0.6em; } /* for IE6 */ * + html #secondary ul.subnav-sw ul a, * + html #secondary ul.subnav-sw ul strong { background-position: 5px 0.6em; } /* for IE7 */ /* Third level of subnav-sw */ #secondary ul.subnav-sw ul ul li { border: none; } #secondary ul.subnav-sw ul ul li a, #secondary ul.subnav-sw ul ul li strong { font-size: 12px; padding-left: 15px; } #secondary ul.subnav-sw ul ul li a:hover, #secondary ul.subnav-sw ul ul li a:focus { color: #6817ff; } #secondary ul.subnav-sw ul ul li strong { color: #6817ff; } #secondary ul.subnav-sw a:hover strong { color: #414141; } /*------------------------------------------- Back to top Navigation -------------------------------------------*/ #back_to_top {float: left; width: 100%; margin: 0 10px 0 0; padding: 18px 0; text-align: right; } a.back_to_top { background: transparent url(/now/images/css/layout/chevron_up2.gif) no-repeat right center; padding-right: 12px; border-bottom: none !important; font-size: 11px; } a.email { font-size: 11px; border-bottom: none !important; } /*------------------------------------------- @fontface -------------------------------------------*/ @font-face { font-family: 'KnowledgeMedium'; src: url('/now/css/type/knowledge-medium-webfont.eot'); src: local('Knowledge-Medium'), url('/now/css/type/knowledge-medium-webfont.woff') format('woff'), url('/now/css/type/knowledge-medium-webfont.ttf') format('truetype'), url('/now/css/type/knowledge-medium-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'KnowledgeRegular'; src: url('/now/css/type/knowledge-regular-webfont.eot'); src: local('Knowledge-Regular'), url('/now/css/type/knowledge-regular-webfont.woff') format('woff'), url('/now/css/type/knowledge-regular-webfont.ttf') format('truetype'), url('/now/css/type/knowledge-regular-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } h2 { font-family: "KnowledgeMedium", Arial, sans-serif; } h3 { font-family: "KnowledgeRegular", Arial, sans-serif; } h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active { font-weight: bold; } h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:active { font-weight: bold; } /* Misc for right nav component display */ #tertiary .compcallout { margin-bottom: 30px; padding: 0; } #secondary ul { margin-top: 10px; } #main .mainfirst { padding-top: 6px; } /* ------------------------------- CITING URL -------------------------------------------*/ #citingurl {margin: .5em 0 0 16px; *margin-left: 17px; margin-bottom: 15px; } #citingurl li { color: #5a5b5b; font-size: 11px; background: none; padding: 0; display: inline; left: 0; } #citingurl a { color: #005A84; border: none; } #citingurl a:hover, #citingurl a:focus { color: #6817ff; text-decoration: underline;} /*------------------------------------------- SOCIAL BOOKMARKS LEFT NAV -------------------------------------------*/ #sb-left { margin: 16px 0 0 0; } #sb-left p { color: #5a5b5b; font-size: 11px; background: none; padding-left: 8px; display: inline; left: 0; } #sb-left p { margin-left: 0 !important; padding: 0; } #sb-left a { color: #005A84; border: none; } #sb-left a:hover, #sb-left a:focus { color: #00375E; text-decoration: underline;} #sb-left p a.icon-twitter { border-bottom: none !important; } #sb-left p a.icon-share { background: url(/now/images/sbmk-icons/share16x16.png) no-repeat left center; padding: 6px 0; padding-left: 20px; border-bottom: none !important; } /*------------------------------------------- FOOTER CLASSES to allow for invisible javascript in the footer -------------------------------------------*/ .footer { float: left; width: 100%; margin: 0; background: #bababa; clear: both; height: 24px; padding: 8px 0; } .footer address { float: left; padding-left: 4px; margin-right: 50px; text-transform: uppercase; color: #ffffff; font-weight: bold; } .footer ul { list-style: none; margin-top: -1px; } .footer li { background: none; margin: 0; padding: 0; border-left: 1px solid #cccccc; padding-left: 12px; color: #ffffff; display: inline; font-size: 12px; text-transform: none; font-weight: bold; } .footer li a { color: #ffffff; margin-right: 8px; font-weight: bold; } .footer li a:hover, .footer li a:focus { color: #212121; } /*------------------------------------------- SW styles only. Spyder Updated 10/Mar/2011 13:32 col1 - SW RED: #a00000 replaced with #005A84 col3 - PALER GRAY: (for table heads, table border, interheads) background-color:#f1f1f1; - Updated 07/Apr/2011 SW RED: #a00000 replaced with #005A84 #b33 - hover, focus, replaced with color: #6817ff - Updated 25/Apr/2011: .credit, and added .creditlow, replaced #999 with #a3a2a6, 10px to 11px - Updated 6/Jun/2011: added .boxcenter700, .creditlowi - Updated 5/Aug/2011: added .boxright400 -------------------------------------------*/ /*------------------------------------------- BOXES & CONTAINERS -------------------------------------------*/ #scibytes-topnav { font-size: 11px; text-transform: uppercase; padding-top: 0px; padding-right: 0px; padding-bottom: 14px; padding-left: 0px; float: left; } #litebx800center { margin: 5px; padding: 5px; float: none; width: 800px; } .boxst { font-size: 11px; font-weight: normal; text-transform:uppercase; color: #FFFFFF; background-color: #005A84; padding: 6px 6px 6px 7px; margin: 10px 0px 35px 0px; letter-spacing: .20em; } .boxedItemKEY { border: 1px solid #CCC; padding: 4px; font-size:10px; color: #c0c0c0; text-transform: uppercase; } .box-interleft200 { margin: 0px 10px 5px 0px; float: left; width: 200px; } .boxright200 { margin: 10px; padding: 10px; float: right; width: 200px; border: 1px solid #f1f1f1; } .boxright300 { margin: 10px; padding: 10px; float: right; width: 300px; border: 1px solid #f1f1f1; } .boxright300b { margin: 10px; padding: 10px; float: right; width: 300px; border: 1px solid #005A84; } .boxright400 { margin: 10px; padding: 10px; float: right; width: 400px; border: 1px solid #f1f1f1; } .boxleft200 { margin: 10px; padding: 10px; float: left; width: 200px; border: 1px solid #f1f1f1; } .boxright200b { margin: 10px; padding: 10px; float: right; width: 200px; border: 1px solid #005A84; background-color: #f1f1f1; font-size: 12px; } .boxright200c { margin: 10px; padding: 10px; float: right; width: 200px; border: 1px solid #005A84; font-size: 12px; } .boxrightnavspot { padding: 10px; width: 194px; border: 1px solid #e1e2e3; font-size: 11px; } .boxrightnavspot2 { padding: 10px; width: 194px; border: 1px solid #e1e2e3; } .boxright135 { margin: 10px; padding: 10px; float: right; width: 135px; border: 1px solid #f1f1f1; font-size: 11px; } .boxright135b { margin: 10px; padding: 10px; float: right; width: 135px; border: 1px solid #005A84; font-size: 11px; color: #005A84; } .boxcenter650 { margin: 10px; padding: 10px; float: none; width: 650px; border: 1px solid #f1f1f1; } .boxedleftsidebot15 { font-size: 15px; text-transform: uppercase; border-bottom: solid 1px #c0c0c0; border-left: solid 1px #c0c0c0; padding: 6px; } .boxedItemleftsidebot { border-bottom: solid 1px #c0c0c0; border-left: solid 1px #c0c0c0; padding: 6px; } .boxedItemSSleftsidebot { border-bottom: solid 1px #c0c0c0; border-left: solid 1px #c0c0c0; padding: 6px; width: 200px; float: right; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 10px; font-size: 12px; color: #0078ae; font-style: inherit; } .inter-container { margin-top: 10px; margin-bottom: 10px; } .divsection { font-size: 13px; color: #ffffff; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; background-color: #929292; clear: left; margin: 7px 0px 15px 0px; padding: 10px 10px 10px 5px; line-height: 1.3; } .divsection2 { background-color: #929292; margin-top: 0pt; margin-right: 0pt; margin-bottom: 5px; margin-left: 0pt; padding-top: 4px; padding-right: 10px; padding-bottom: 4px; padding-left: 10px; line-height: 1.3; } .formbuttonsw { font-size: 11px; font-weight: normal; text-transform:uppercase; color: #FFFFFF; background-color: #005A84; padding: 1px 1px 1px 3px; border: 0; letter-spacing: 1px; } .div60per_left { float: left; width: 60%; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px; } /*------------------------------------------- INTERVIEW BLOCKS -------------------------------------------*/ .bodystory, .bodystory2, .bodystory3 { padding-right: 10px; } .bodystory { padding-left: 10px; } .bodystory2 { padding-left: 20px; } .bodystory3 { padding-left: 30px; } /*------------------------------------------- FAUX H'S -------------------------------------------*/ .swh3 {font-size: 15px; color: #005A84; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; margin-top: 1em; line-height: 1.1em; } .swh4, .swh4d, .swh5, .swh5d {margin: 1.5em 0 .5em 0;} .swh4 {font-size: 12px; color: #005A84; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } .swh4d {font-size: 12px; color: #666; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } .swh5 {font-size: 11px; color: #005A84; text-transform: uppercase; letter-spacing: 1px; font-weight: normal;} .swh5d {font-size: 11px; color: #666; text-transform: uppercase; letter-spacing: 1px; font-weight: normal;} /*------------------------------------------- SW ONLY STYLES -------------------------------------------*/ /*-- a.more_link { background: transparent url(/now/images/css/layout/chevron2.gif) no-repeat right center; padding-right: 15px; border-bottom: none !important; } --*/ .citing_url { font-size: 12px; } .keywords { font-size:10px; color: #c0c0c0; text-transform: uppercase; } .arrowleft { background: transparent url(/now/images/css/layout/chevronleft.gif) no-repeat center left; padding-left: 7px !important; margin: 0 0px !important; border-bottom: none !important; display: inline-block; } .swcode { font-family: "Courier New", Courier, monospace; } .uppercase { text-transform: uppercase; } .col1_bold { color: #005A84; font-weight: bold; } .col1_ital { color: #005A84; font-style: italic; } .col1_boldital { color: #005A84; font-style: italic; font-weight: bold; } .credit { font-size: 11px; color: #a3a2a6; text-transform: uppercase; } .creditlow { font-size: 11px; color: #a3a2a6; } .creditlowi { font-size: 11px; font-style: italic; color: #a3a2a6; } .url { font-size: 10px; color: #999; text-transform: uppercase; } .sw10 { font-size: 10px; } .sw11 { font-size: 11px; } .sw12 { font-size: 12px; } .sw13 { font-size: 13px; } .sw14 { font-size: 14px; } .sw15 { font-size: 15px; } .sw16 { font-size: 16px; } .sw10a { font-size: 10px; } .sw11a { font-size: 11px; } .sw12a { font-size: 12px; } .sw13a { font-size: 13px; } .sw14a { font-size: 14px; } .sw15a { font-size: 15px; } .sw16a { font-size: 16px; } .sw10ab { font-size: 10px; } .sw11ab { font-size: 11px; } .sw12ab { font-size: 12px; } .sw13ab { font-size: 13px; } .sw14ab { font-size: 14px; } .sw15ab { font-size: 15px; } .sw16ab { font-size: 16px; } .sw10abi { font-size: 10px; } .sw11abi { font-size: 11px; } .sw12abi { font-size: 12px; } .sw13abi { font-size: 13px; } .sw14abi { font-size: 14px; } .sw15abi { font-size: 15px; } .sw16abi { font-size: 16px; } .sw10i { font-size: 10px; } .sw11i { font-size: 11px; } .sw12i { font-size: 12px; } .sw13i { font-size: 13px; } .sw14i { font-size: 14px; } .sw15i { font-size: 15px; } .sw16i { font-size: 16px; } .sw10a, .sw11a, .sw12a, .sw13a, .sw14a, .sw15a { color: #005A84; } .sw10i, .sw11i, .sw12i, .sw13i, .sw14i, .sw15i { font-style: italic; } .sw10ab, .sw11ab, .sw12ab, .sw13ab, .sw14ab, .sw15ab { color: #005A84; font-weight: bold; } .sw10ai, .sw11ai, .sw12ai, .sw13ai, .sw14ai, .sw15ai { color: #005A84; font-style: italic; } .sw10abi, .sw11abi, .sw12abi, .sw13abi, .sw14abi, .sw15abi { color: #005A84; font-style: italic; font-weight: bold; } /*-- .sw10aiq, .sw11aiq, .sw12aiq, .sw13aiq, .sw14aiq, .sw15aiq { color: #005A84; font-style: italic; letter-spacing: 0.1em; } --*/ .sw10aiq, .sw11aiq, .sw12aiq, .sw13aiq, .sw14aiq, .sw15aiq { color: #005A84; font-style: italic; } .co1_14, .co1_14 a:link, .co1_14 a:visited { font-size: 14px; color: #005A84; } .co1_14 a:hover, .co1_14 a:active { font-size: 14px; color: #6817ff; } .col_14upper { font-size: 14px; color: #6817ff; text-transform: uppercase; } .co1_14_bold, .co1_14_bold a:link, .co1_14_bold a:visited { font-size: 14px; color: #005A84; font-weight: bold; } .co1_14_bold a:hover, .co1_14 a:active { font-size: 14px; color: #6817ff; font-weight: bold; } .col_14upperbold { font-size: 14px; color: #6817ff; font-weight: bold; text-transform: uppercase; } /*------------------------------------------- SW STYLES -------------------------------------------*/ .pad-topbot { padding-top: 10px; padding-bottom: 10px; } .inter_below { color: #005A84; background-color: #eeefef; padding: 4px; font-weight: bold; } .inter_belowb { color: #005A84; background-color: #eeefef; padding: 4px; font-weight: bold; } .inter_below_def { color: #666; background-color: #eeefef; padding: 4px; } .swtalksto { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #005A84; text-decoration: none; padding: 5px; border: 1px solid #e1e2e3; margin-top: 10px; margin-bottom: 10px; } .swtalkstoi { font-size: 14px; font-weight: bold; font-style: italic; text-transform: uppercase; color: #005A84; text-decoration: none; margin-top: 10px; margin-bottom: 10px; } .swtalksto2 { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #005A84; text-decoration: none; padding: 5px; margin-top: 10px; margin-bottom: 10px; } .bg_beige2 { background-color: #eeefef; padding: 4px; } .bg_beige2a { background-color: #e6e6e6; padding: 8px; } .bg_coll { color: #005A84; background-color: #f1f1f1; padding: 5px; font-size: 14px; font-weight: bold; font-style: italic; } .sw-strong { font-weight: bold;} .sw-em { font-style: italic; } .swsmalltype_a { font-size: 0.9em; color: #005A84; } .swsmalltype_ai { font-size: 0.8em; color: #005A84; font-style: italic; } .swsmalltype_def { font-size: 0.9em; } .wiggle { height: 2px; } /*------------------------------------------- TABLES -------------------------------------------*/ .centerstrong { text-align: center; font-weight: bold !important; padding: 3px 5px 3px 1px; } .leftcell { text-align: left; font-weight: bold !important; padding: 3px 5px 3px 1px; } /*------------------------------------------- IMAGES -------------------------------------------*/ .sw_img3330 { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; } .chip { background:no-repeat center left; margin: 0px !important; display: inline-block; } .noborder_11 { font-size: 11px; text-decoration: none; } /*------------------------------------------- SPECIAL TOPICS -------------------------------------------*/ .stcenter, .stsides, .sthalves { background-color: #F1F1F1; margin: 2px; padding: 2px; border: thin solid #c0c0c0; float: left; text-align: center; } .stsides { width: 210px; } .sthalves { width: 335px; } .stcenter { width: 240px; } .swdiv10_0 { clear: both; margin:10px 0px; padding: 10px 0px; } .divrightauto { padding: 10px; float: right; height: auto; width: auto; border-bottom: solid 1px #c0c0c0; border-left: solid 5px #c0c0c0; margin-left: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; } .divleftauto { padding: 10px; float: left; height: auto; width: auto; border-bottom: solid 1px #c0c0c0; border-right: solid 5px #c0c0c0; margin-right: 10px; padding-top: 0px; padding-left: 0px; padding-bottom: 10px; } /*------------------------------------------- TABSET OVERRIDEs (please don't remove the code below) -------------------------------------------*/ /* dl tabs */ /* .tabset-active .tabset dt a { color: #ffffff; background-color: #a00000; display:block; padding:2px 7px 2px 7px; border-bottom: none !important; background: transparent url(http://webstage.isinet.com:8080/now/images/s.gif) no-repeat right center;} .tabset-active .tabset dt.selected { background-color: #a00000; } */ /* ul tabs */ /* ul.tabs a:hover, ul.tabs a:focus { background-color: #f99300; } ul.tabs a.active, ul.tabs li.ui-tabs-selected a { background-color: #a00000; } */