/* ================ 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 ================ 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: #ff8000; background-color: #ffffff; } #secondary ul.subnav-sw a:hover span, #secondary ul.subnav-sw strong span { color: #FF8100; } #secondary ul.subnav-sw strong { color: #FF8100; 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: #FF8100; 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: #ff8000; } #secondary ul.subnav-sw ul ul li strong { color: #FF8100; } #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_up.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: #FF8100; 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; }