* { margin: 0; padding: 0; line-height: 1.5; color: #333; font-style: normal; font-weight: normal; } body {font: normal 12px Arial, Helvetica, sans-serif; background: #d5d5d5; border-top: none; margin:0;padding:0;display:block} h1, h2, h3, h4, h5, h6, table { clear: both; } p {margin: 0 0 1em 0; } i{color:#888;} a, a:visited { color: #fff; background:#a80000; text-decoration: none; padding:4px 8px;} a:hover, a:focus { background: #4dae1a; } ul {margin: .5em 0;} ul li {list-style: none; background: transparent url(../img/list-marker.gif) no-repeat left 0.6em; padding-left: 8px; margin-bottom: 0.8em; margin-left: 0 !important } #secondary ul li, #tertiary ul li {margin-bottom: .5em} ul ul {margin: .6em 0 0 1em;} #tertiary ul ul {margin-left: .5em;} ol li {margin: .6em 0 0 1.5em;} blockquote { float: right; width: 200px; background: #fcfcfc url(../img/blockquote-bg.gif) repeat-x left top; margin: 4px 0 8px 10px; border-top: 1px solid #babcbe; border-bottom: 1px solid #e1e2e3; clear: both; } blockquote p { margin: 12px 15px 10px 15px; padding: 0 8px !important; } #tertiary blockquote {border-top: 0;} #tertiary blockquote p {margin: 10px 0 10px 0; padding: 10px 10px 0 0 !important} blockquote cite { color: #5a5b5b; text-transform: uppercase; font-size: 11px; text-align: right; display: block; margin: 8px 15px} strong {font-weight:bold;} em {font-style: italic;} img { border: none; margin-bottom: 10px; } a img, img a {border-bottom: none !important;} .float_right {float: right; margin-left: 1em;} .float_left {float: left; margin-right: 1em;} hr {border: 0; height: 1px; color: #e1e2e3; background-color: #e1e2e3; margin-top: 0; margin-bottom: 6px;} /*------------------------------------------- HEADINGS - Note these are by no means the only options. On Thomsonreuters.com the h2 & H3 headings are SIFR replaced with the Locator font (soon to be Knowledge). TheLink sticks with the orange, black, gray color scheme, but modifies the font sizes introduces a background image dot for the equivalent of H3. The models below are intended to be a starting point - not an absolute - except for H1, which should always be used for linking the logo to the homepage of the site. -------------------------------------------*/ h1 {font-size:36px; font-family:Georgia; font-weight: bold; color:#fff;padding:30px; } h2 {font-size:36px; font-family:Georgia; font-weight: bold; color:#fff;padding:30px; } h3 {font-size:20px; font-family:Georgia; font-weight: bold; color:#333; margin-bottom:6px;} h3.second {color:#a80000;} h4, h5, h6 {margin: 1.5em 0 .5em 0;} h4 {font-size: 12px; color: #666; text-transform: uppercase; letter-spacing: 1px; font-weight: bold} h5 {font-size: 11px; color: #97969a; text-transform: uppercase; letter-spacing: 1px; font-weight: normal;} h6 {font-size: 11px; color: #ff9100; text-transform: uppercase; letter-spacing: 1px; font-weight: normal;} /*------------------------------------------- LAYOUT -------------------------------------------*/ #banner{height:229px;width:100%;background:#c4c8cb;position:absolute;z-index:100;top:110px;left:0; } #panel{height:229px;width:1003px;margin:0 auto 0 auto;} #title{width:925px; height:120px;background:#000;margin:0 auto 0 auto;position:relative;top:54px; display:none;} #shadow{height:50px;background:url(../img/shadow_top.png);_display:none;} #wrap { background: #fff; margin: 0 auto 0 auto; width: 1003px; } #header {width: 100%; margin: 0; float: left; clear: both; } #header a { float:left; text-indent: -9999px; width: 300px; height:80px; margin:20px 0 0 0; background: url(../img/bonbol.png) 40px 0px no-repeat #fff; border-bottom: none; } #search { background: #f1f1f1; width: 250px; height: auto; float:right; } #search * { vertical-align: middle; } #search label { position: absolute; left: -9999px; } #search p { padding: 0; margin: 6px 0 0 0;} #search p input {} #search p #searchfield { width: 132px; margin: 0 11px 0 20px; } /*-- container for the text area of page (main + secondary + tertiary --*/ #content { float: left; clear:both; margin: 0; width: 100%; } /*-- the primary content on the page --*/ #main {float: left; width:963px; margin: 0 0px 0 0; padding: 275px 0 20px 40px; height:auto; min-height:445px; background:url(../img/shadow_bottom.gif) bottom left repeat-x;} /*-- divide the main body column into sections --*/ .half {width: 441px; float: left; } .last_half { width: 44%; float: left; margin-left: 30px;} .third {width: 30%; float: left;} /*-- the secondary navigation - in this case the left hand accordion--*/ #secondary {float: left; display: inline; width: 174px; margin: 0px 28px 0 20px; padding: 18px 0; } /*-- the third level navigation - in this case right hand calls to action --*/ #tertiary {float: left; width: 220px; margin: 18px 6px 0 10px; } .callout {padding-left: 6px;} .clearfix:after { content: "."; display: block; height: 0.1px; clear: both; font-size: 0; visibility: hidden; } .clearfix { display: inline-table; } /* \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* */ #nav { float:right; width: 466px; height: 24px; margin:55px 0 0 0; background:#000;padding:0;overflow:hidden; position:relative;left:-40px;} /*------------------------------------------- MENUBAR -------------------------------------------*/ #menubar a{background:none;height:auto;text-indent:0;width:auto;margin:0;} #menubar {width: 680px; float: left;list-style: none; padding: 0;} #menubar a{display: block; color: #333; margin:0;text-decoration: none; border-bottom: none; text-transform: uppercase; font-weight: bold; font-size: 12px;} #menubar a.trigger {padding: 3px 8px;margin: 0; border-right: 1px dashed #efefef;} #menubar a.triggeron {padding: 3px 8px;margin: 0; background:#4dae1a; border-right: 1px dashed #efefef;} #menubar li {float: left; position: relative; background: none; padding: 0; margin: 0; } #menubar ul{margin:0;} #menubar li:hover ul, #menubar li.hvr ul {display: block; margin: 0;} #menubar li:hover ul a, #menubar li.hvr ul a {color: #222;background-color: transparent;} #menubar ul a {color: #efefef; !important; text-transform: none; font-weight: normal; text-align: left; } #menubar ul a.last {border-bottom: none;} #menubar ul a:hover {background: #999; color:#efefef;} #menubar ul a.triggeron:hover {background:#4dae1a;color:#efefef;} /*------------------------------------------- BREADCRUMB -------------------------------------------*/ #breadcrumb {margin: .5em 0 0 16px;} #breadcrumb li { color: #404040; font-size: 11px; background: transparent url(../img/breadcrumb_marker.gif) no-repeat left center; padding-left: 8px; display: inline; left: 0; } #breadcrumb li.first { background: none; padding: 0; } #breadcrumb a { color: #97969a; border: none; } #breadcrumb a:hover, #breadcrumb a:focus { color: #babcbe;} /*------------------------------------------- SECONDARY NAV -------------------------------------------*/ #secondary ul {list-style: none;} #secondary li {border-bottom: 1px solid #f5f5f5; margin: .5em 0; background: none; padding: 0;} #secondary li a {border-bottom: none; } #secondary li a#active {color: #555} /*------------------------------------------- HOME PAGE -------------------------------------------*/ .project, .desc{display:none;} #projectImage{} #circle{width:130px;margin:0 auto 0 auto;margin-top:10px;line-height:5px;cursor:pointer} #timerWrap{background:#efefef;width:200px;margin:0 auto 0 auto;height:5px;margin-top:10px;line-height:5px;} #timer{background:#ccc;width:100px;float:left;height:5px; overflow: hidden; } /*------------------------------------------- FOOTER -------------------------------------------*/ #tweet{width:56px;height:0px;position:relative;z-index:1000;left:390px;top:-56px;display:none;} #footer-wrap { clear: both; position: relative; top: 0; width:1003px; background-color: #333; padding:0;z-index:1;} #footer {float: left; width: 100%; margin: 0 0 0 0; background-color: #333; clear: both; height: 24px; padding-top: 8px} #footer * { color: #efefef; display: inline; font-size: 11px; text-transform: uppercase; } #footer address { padding-left: 21px; margin-right: 30px; } #footer ul {list-style: none; } #footer li {background: none; margin: 0; padding: 0;} #footer li a { color: #807f83; background:none;border-bottom: 1px dotted #666; margin-right: 2em;padding:0;} #footer li a:hover, #footer li a:focus { color: #efefef;} /*------------------------------------------- TABLES -------------------------------------------*/ table { border-collapse: separate; border:2px solid #f1f1f1; width:100%; margin:3px 0 1em 0; border-spacing: 0 0; } caption {text-align: left; padding: 12px 0 3px 3px; color: #666; font-size: 12px; font-weight: bold; letter-spacing: .03mm; text-transform: uppercase;} .alt td { background-color: #f8f8f8 } th, td { font-size:12px; padding:3px 5px; border-left: 2px solid #fff; vertical-align: top; color:#666; empty-cells: show} th { background-color:#f1f1f1; color:#787878; font-weight:bold; text-align: left;} th a {text-decoration: none; border-bottom: 1px solid #dedede !important; color: #787878 !important; font-weight: bold;} th a:hover {color: #c0c0c0 !important} td a {text-decoration: none; border-bottom: none !important; } .number { text-align:right !important; padding: 3px 5px 3px 1px; } .cell_center {text-align: center !important; padding: 3px 5px 3px 1px;} /*------------------------------------------ FORMS -------------------------------------------*/ fieldset {border: none; border-top: 1px solid #e1e2e3; margin: 20px 0; padding: 4px 0;} fieldset .half, fieldset .last-half {width: 200px !important; padding-left: 3px !important;} legend {font-size: 12px; color: #666; text-transform: uppercase; font-weight: bold; letter-spacing: .02cm; padding-right: .3em} select { width: 95%;} p select { margin-bottom: 5px; } input, textarea {width: auto; margin: 0 6px 0 0;} input.aligned { margin-top: 24px !important; } input.aligned_bottom { margin-top: -16px !important; } input.img_input { width: auto !important; float: right; margin-right: 16px;} input.img_input_go { width: auto !important; float: right; margin-top: -22px; padding-right: 14px} .small {width: 50px; } .smallmed {width: 70px;} .smalllarge {width: 100px;} .medium {width: 146px; } .large {width: 200px;} .xlarge {width: 360px;} label {color: #5a5b5b; font-size: 12px; display: block; margin: .6em 8px 0 0; } label em {margin: 0 6px 0 6px; font-weight: bold; color: #f00 !important;} .submit { width:95%; text-align:right; } form strong {color: #5a5b5b;} ul.form_list {margin: .3em 0;} /*-- use for radio button and checkbox arrays -- */ .form_list li {display: inline; background: none; margin-right:1em; padding: 0} .form_list_label {margin-top: 1em;} .mandatory{color:#a80000;} input, textarea{width:260px;border:3px solid #ccc;background:#efefef;} .validate{display:none;} .required{border:3px solid #a80000;} .login{width:100px;border:0;margin:0 10px 0 4px;height:16px;color:#333;} #LoginValidate{text-transform:none;margin-left:10px;} #Send{color: #fff; background:#a80000; width:46px; text-decoration: none; border:none;cursor:pointer;} /*------------------------------------------ IE 6 and 7 OVERRIDES -------------------------------------------*/ * html body ol li {margin: .6em 0 0 26px} * + html body ol li { margin: .6em 0 0 26px; } * html body h2 {margin-left: 20px} * + html body h2 {margin-left: 20px} * html #header h1 a {margin: 0 0 0 8px;} * + html body #header h1 a {margin: 0 0 0 8px;} * html #search p {margin: 5px 0 0 0} * + html body #search p {margin: 5px 0 0 0} * html #breadcrumb {margin-left: 23px;} * + html body #menuwrapper, * + html body #menubar ul a {height: 1%;} * + html body a:active {width: auto;} /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */