/* Vaninfosys Title: Default CSS Date: April 2006 Website: www.vaninfosys.com */ /*----------------- CSS NORMALIZER -----------------*/ /* - cancels default styles applied to page elements - adjusts default elements between browsers to same baseline */ div, dl, dt, dd, ul, ol, li, pre, hr, form, fieldset, input, th, td {margin:0; padding:0;} address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;} table {border-collapse:collapse; border-spacing:0; font-size:inherit; font-size:100%;} select, input, textarea {font:99%;font-family:Tahoma; } h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-weight:normal;} fieldset, img {border:0;} img {vertical-align:middle;} select, .inputStyle {border:1px solid #7F9DB9; background:#FFF; padding:.1em; margin:.1em 0 .1em .2em;} legend {display:none;} .skipNavigation {position:absolute; left:0px; top:-500px; overflow:hidden;} select {background:#FFF;} .png { _behavior: url(iepngfix.htc); } p { margin: 0; padding: 4px 0 6px 0; line-height: 18px;} .floatLeft { float: left; } .floatRight { float: right; } .cleaner { clear: both; } .clear5 { height: 5px; } .clear10 { height: 10px; } .clear20 { height: 20px; } #debug { z-index: 9999999; background-color: white; color: black; position: absolute; top: 0; left: 0; width: 300px; } /*----------------- DEFAULT -----------------*/ body { background: #101833; margin: 0; padding: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #101833; } #container { width: 920px; margin: 0 auto; margin-top: 6px;} /*#container * { line-height: normal; }*/ .wrap { float: left; /*background: #f9f8f5;*/ background: #FFF; width: 920px; position: relative; } /*used for Firefox to clear floats*/ .shadow { background: url(dropShad.gif) repeat-y; width: 920px; padding:0px 4px 0px 4px; float: left; } /* adds drop shadow around 'wrap' class*/ .shadow a { text-decoration: none; color: #003f5f; font-size: 12px; } .shadow a:hover { text-decoration: underline; } .overlay { position: absolute; top: 0; left: 0; width: 100px; height: 100px; background-color: #2c2c2c; visibility: hidden; z-index: 10; } .index_header { z-index: 300; padding: 0; width: 920px; margin-left: 4px; _margin-left: 2px; margin-bottom:0px; } .index_hero { z-index: 5; } #overlay_toolbar { z-index: 400; } /*----------------- LINKS -----------------*/ a.blue { color: #2e8fe9; text-decoration: none; font-size: 11px; } a.blue:hover { text-decoration: underline; } a.arrow { text-decoration: none; color: #003f5f; background: url(arrow-bl.gif) right no-repeat; padding-right: 10px; font-size: 11px; font-weight: bold; } a.arrow:hover { text-decoration: underline; } .small { font-size: 10px; } /*----------------- HEADER -----------------*/ #header { float: left; width: 920px; margin-bottom:18px;position: relative; } #logo { display: block; width: 550px; height: 80px; margin-top: 28px; margin-left: 31px; background: url("vaninfo.gif") no-repeat 0 0; text-indent: -1000px; overflow: hidden; cursor: pointer; } #mainpage { display: block; width: 920px; height: 230px; margin-top: 6px; margin-left: 4px; background: url("mainbanner.jpg") no-repeat 0 0; text-indent: -1000px; overflow: hidden; } #mailus { display: block; width: 550px; height: 80px; margin-top: 28px; margin-left: 31px; background: url("mailus.jpg") no-repeat 0 0; text-indent: -1000px; overflow: hidden; cursor: pointer; } /*----------------- TOP TOOLBAR -----------------*/ #toolBarWrap { position: relative; z-index: 400; } #toolBar { font-family: Verdana; font-size: 8pt; position: absolute; top: 0; right: 4px; z-index: 400; } #toolBar a { display: block; text-decoration: none; overflow: auto; } #toolBar ul { margin: 0; padding: 0; list-style-type: none; } #toolBar li { float: left; height: 30px; } #toolBar a.actuator { color: #101833; display: block; padding: 8px 16px; background: url("dots_too.gif") top left repeat-y; text-decoration: none; overflow: hidden; } #toolBar li#contact a.actuator:hover, #toolBar li#register a.actuator:hover, #toolBar li#support a.actuator:hover, #toolBar li#login a.actuator:hover, #toolBar li#logout a.actuator:hover, #toolBar li#myaccount a.actuator:hover, #toolBar li#library a.actuator:hover { color: #a40008; } #toolBar .menuBox { width: 300px; position: absolute; top: 29px; right: 0; background-color: #f9f8f5; visibility: hidden; border-top: 6px solid #101833; overflow: hidden; z-index: 9000; } #toolBar .menuBoxContents { padding: 20px; } #toolBar .menuBoxContents a { font-size: 10px; color: #003f5f; } .topNavGray {font-family:verdana;font-size:10px;padding-right:6px;color:666666} #toolBar .menuBox .form input.gray { margin-bottom: 5px; width: 243px; } #toolBar .menuBox .form { margin-top: 12px; color: #979590; } #toolBar .menuBox .form .group { margin-bottom: 12px; } #toolBar .menuBox .links { margin-top: 36px; } #toolBar .menuBox .links a { font-size: 10px; } #toolBar .menuBox .column { padding: 19px 0 0 21px; float: left; font-family: Verdana; font-size: 11px; color: #3f3f3f; } /*----------------- MENU -----------------*/ #menuBar { width: 920px; clear: both; border-bottom: 4px solid #4b4640; float: left; } #menu { width: 900px; position: relative; float: left; } #menu ul { margin: 0; padding: 0; list-style-type: none; } #menu li { float: left; } #menu li div { text-indent: 0; } #menu a { display: block; text-decoration: none; overflow: auto; text-indent: -1000px; } #menu li div a { text-indent: 0; } #menu li#products a.actuator { background: url("btn-prod.gif") 0 0 no-repeat; width: 107px; height: 33px; } #menu li#services a.actuator { background: url("btn-serv.gif") 0 0 no-repeat; width: 107px; height: 33px; } #menu li#tech a.actuator { background: url("btn-tech.jpg") 0 0 no-repeat; width: 107px; height: 33px; } #menu li#industries a.actuator { background: url("btn-indu.gif") 0 0 no-repeat; width: 107px; height: 33px; } #menu li#communities a.actuator { background: url("btn-comm.gif") 0 0 no-repeat; width: 107px; height: 33px; } #menu li#partners a.actuator { background: url("btn-part.gif") 0 0 no-repeat; width: 107px; height: 33px; } #menu li#company a.actuator { background: url("btn-comp.gif") 0 0 no-repeat; width: 107px; height: 33px; } #menu li#downloads a.actuator { background: url("btn-download.jpg") 0 0 no-repeat; width: 107px; height: 33px; } #menu li#products:hover a.actuator { background: url("btn-prod.gif") 0 -33px no-repeat; width: 107px; height: 33px; } #menu li#services:hover a.actuator { background: url("btn-serv.gif") 0 -33px no-repeat; width: 107px; height: 33px; } #menu li#tech:hover a.actuator { background: url("btn-tech.jpg") 0 -33px no-repeat; width: 107px; height: 33px; } #menu li#industries:hover a.actuator { background: url("btn-indu.gif") 0 -33px no-repeat; width: 107px; height: 33px; } #menu li#communities:hover a.actuator { background: url("btn-comm.gif") 0 -33px no-repeat; width: 107px; height: 33px; } #menu li#partners:hover a.actuator { background: url("btn-part.gif") 0 -33px no-repeat; width: 107px; height: 33px; } #menu li#company:hover a.actuator { background: url("btn-comp.gif") 0 -33px no-repeat; width: 107px; height: 33px; } #menu li#downloads:hover a.actuator { background: url("btn-download.jpg") 0 -33px no-repeat; width: 107px; height: 33px; } #menu li#products a.on { background: url("btn-prod.gif") 0px -33px no-repeat; width: 107px; height: 33px; } #menu li#services a.on { background: url("btn-serv.gif") 0 -33px no-repeat; width: 107px; height: 33px; } #menu li#tech a.on { background: url("btn-tech.jpg") 0 -33px no-repeat; width: 107px; height: 33px; } #menu li#industries a.on { background: url("btn-indu.gif") 0 -33px no-repeat; width: 107px; height: 33px; } #menu li#communities a.on { background: url("btn-comm.gif") 0 -33px no-repeat; width: 107px; height: 33px; } #menu li#partners a.on { background: url("btn-part.gif") 0 -33px no-repeat; width: 107px; height: 33px; } #menu li#company a.on { background: url("btn-comp.gif") 0 -33px no-repeat; width: 107px; height: 33px; } #menu li#downloads a.on { background: url("btn-download.jpg") 0 -33px no-repeat; width: 107px; height: 33px; } /*----------------- HOME PAGE -----------------*/ /*hero*/ #hero { clear: both; background-color:#101833; color: white; z-index: 5; } #hero .pool { display: none; } #hero .heroImage { background-position: left top; background-repeat: no-repeat; } #hero .left { float: left; } .heroMain { width: 920px; height: 230px; } .heroMain .heroImage { width: 920px; height: 241px; } .heroMain .hovers { position: absolute; top: 0; right: 0; with: 273px; /*height: 134px;*/ float: left; } #menu .menuBox { text-indent: 0; position: absolute; top: 33px; /*left: 0;*/ width: 250px; /*height: 298px; height: 0;*/ background-color: #f9f8f5; visibility: hidden; border-top: 7px solid #101833; overflow: hidden; } #menu .menuBox .column { width: 200px; /*height: 260px;*/ padding: 19px 0 10px 26px; float: left; font-family: Verdana; font-size: 11px; color: #3f3f3f; } .menuBox .spacer { height: 12px; } .menuBox .column a { color: #3f3f3f; margin-bottom: 5px; text-decoration: none; } .menuBox .column a:hover { color: #a40008; text-decoration: underline; } .menuBox .heading { font-weight: bold; margin-bottom: 5px; } /* for Technologies */ #menu .menuBoxtech { text-indent: 0; position: absolute; top: 33px; /*left: 0;*/ width: 480px; /* height: 298px; */ background-color: #f9f8f5; visibility: hidden; border-top: 6px solid #101833 ; overflow: hidden; } #menu .menuBoxtech .column { width: 240px; /*height: 260px;*/ padding: 10px 0px 0px 0px; float: left; font-family: Verdana; font-size: 11px; color: #3f3f3f; } .menuBoxtech .spacer { height: 12px; } .menuBoxtech .column a { color: #3f3f3f; padding-bottom: 4px; padding-top: 4px; margin-bottom: 1px; text-decoration: none; margin-left:5px; margin-right:5px; } .menuBoxtech .column a:hover { color: #a40008; margin-left:5px; margin-right:5px; } .menuBoxtech .heading { font-weight: bold; margin-bottom: 7px; } /* end of Technologies */ .homeContentWrap { margin-top: -34px; background: url(bg-blueB.gif) no-repeat 0 34px; padding-bottom: 23px; } .homeContentWrap .inner { width: 877px; float: left; margin-left: 21px; _margin-left: 11px; background: url(bg-homeC.gif) repeat-x #e1ddd3; padding-bottom: 14px; } .homeContentWrap .inner .colOne { position: relative; width: 189px; float: left; height: 262px; padding: 1px 11px; background: url(dots-whi.gif) no-repeat right; } .homeContentWrap .inner .colTwo { position: relative; width: 186px; float: left; height: 262px; padding: 1px 11px; background: url(dots-whi.gif) no-repeat right; } .homeContentWrap .inner .colThree { position: relative; width: 186px; float: left; height: 262px; padding: 1px 11px; background: url(dots-whi.gif) no-repeat right; } .homeContentWrap .inner .colFour { position: relative; width: 213px; float: left; height: 262px; padding: 1px 11px; } .homeContentWrap .inner .txt { margin-top: 22px; font-size: 13px; line-height: 20px; } .homeContentWrap .inner .date { color: #000; font-weight: bold; font-size: 12px; } .homeContentWrap .inner .link { position: absolute; bottom: 23px; right: 7px; text-align: right; } .homeContentWrap .inner a.arrow { text-decoration: none; color: #003f5f; background: url(arrow-bl.gif) right no-repeat; padding-right: 10px; font-size: 11px; font-weight: bold; } .homeContentWrap .inner a.arrow:hover { text-decoration: underline; } .homeContentWrap .inner .txt a { font-size: 12px; } .homeContentWrap .inner .colOne h1, .homeContentWrap .inner .colTwo h1, .homeContentWrap .inner .colThree h1, .homeContentWrap .inner .colFour h1 { font-weight: bold; color: #FFF; font-size: 13px; margin-top: 8px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-shadow: 0 0 0 #000; } /*----------------- SUBPAGE WRAPPERS(MULTIPLE PAGES) -----------------*/ #hero.subPage { width: 920px; clear: both; background:transparent; margin-left: 4px; padding:0px; } .wrap.subPage { width: 920px; padding-bottom:20px; background: url(bg-blueb.gif) repeat-x; } .wrap.normal { width: 920px; } /*----------------- CONTENT PAGES (MULTIPLE PAGES) -----------------*/ #breadcrumb { width: 899px; height: 18px; background: #000; clear: both; padding: 4px 0 0 21px; margin-left: 4px; } #breadcrumb ul { margin: 0; padding: 0; list-style: none; } #breadcrumb li { font-size: 10px; color: #ddd; font-weight: bold; float: left; } #breadcrumb li a { text-decoration: none; color: #a9a5a0; font-weight: bold; } #breadcrumb li a:hover { text-decoration: underline; } #breadcrumb span { padding: 0 10px; color: #a9a5a0; background: url(arrow-br.gif) no-repeat 7px 5px; } #titleBar { clear: both; width: 920px; height: 52px; background: #003f5f; position: relative; margin-left: 4px; z-index: 0; } #titleBar h1 { font-weight: bold; color: #fff; font-size: 20px; padding: 11px 0 0 0px; text-shadow: 0 0 0 #000; } .fi_locked img { background-image: url('ico_lock.gif'); background-position:0 0; background-repeat:no-repeat;padding:0px;width:8px;height:8px; } .fi_pdf { font-size:12px;font-weight:normal;color: #5e5851;padding:0px 3px 0px 0px; } a .fi_pdf { color:#003F5F; } .fi_pdf img { background-image: url('pdf00000.png'); background-position:0 -1px; background-repeat:no-repeat;padding:0px;width:16px;height:16px;margin-right:3px; } .fi_video { font-size:12px;font-weight:normal;color: #5e5851;padding:0px 3px 0px 3px; } .fi_video img { background-image: url('video000.png'); background-position:0 -1px; background-repeat:no-repeat;padding:0px;width:16px;height:16px;margin-right:3px; } .fi_webinar { font-size:12px;font-weight:normal;color: #5e5851;padding:0px 3px 0px 3px; } .fi_webinar img { background-image: url('webinar0.png'); background-position:0 -1px; background-repeat:no-repeat;padding:0px;width:16px;height:16px;margin-right:3px; } .fi_demo { font-size:12px;font-weight:normal;color: #5e5851;padding:0px 3px 0px 3px; } .fi_demo img { background-image: url('Demo0000.png'); background-position:0 -1px; background-repeat:no-repeat;padding:0px;width:16px;height:16px;margin-right:3px; } .fi_email f { font-size:12px;font-weight:normal;color: #5e5851;padding:0px 3px 0px 3px; } .fi_email img { background-image: url('email000.png'); background-position:0 -1px; background-repeat:no-repeat;padding:0px;width:16px;height:16px;margin-right:3px; } .fi_home { font-size:12px;font-weight:normal;color: #5e5851;padding:0px 3px 0px 3px; } .fi_home img { background-image: url('home0000.png'); background-position:0 0px; background-repeat:no-repeat;padding:0px;width:16px;height:16px;margin-right:3px; } .fi_podcast { font-size:12px;font-weight:normal;color: #5e5851;padding:0px 3px 0px 3px; } .fi_podcast img { background-image: url('podcast0.png'); background-position:0 -1px; background-repeat:no-repeat;padding:0px;width:16px;height:16px;margin-right:3px; } .fi_print { font-size:12px;font-weight:normal;color: #5e5851;padding:0px 3px 0px 3px; } .fi_print img { background-image: url('print000.png'); background-position:0 -1px; background-repeat:no-repeat;padding:0px;width:16px;height:16px;margin-right:3px; } .fi_rss { font-size:12px;font-weight:normal;color: #5e5851;padding:0px 3px 0px 3px; } .fi_rss img { background-image: url('RSS-feed.png'); background-position:0 -1px; background-repeat:no-repeat;padding:0px;width:16px;height:16px;margin-right:3px; } .fi_noicon { font-size:12px;font-weight:normal;color: #5e5851;padding:0px 3px 0px 3px; } a .fi_noicon { color:#003F5F; } .fi_noicon img { background-image: url('icon-pap.gif'); background-position:0 -1px; background-repeat:no-repeat;padding:0px;width:16px;height:16px;margin-right:3px; } .fi_mainBody { clear:both; } #titleBar .print { position: absolute; top: 8px; right: 24px; width: 200px; text-align: right; height: 13px; padding-top: 0;visibility:hidden; } #titleBar .print a { text-decoration: none; color: #86a2bb; padding-left: 4px; font-size: 10px; } #titleBar .print a:hover { text-decoration: underline; } #titleBar .div { background: url(print-di.gif) no-repeat 9px 4px; padding: 0 8px; } .testimonials { border: 1px solid #f0f0ef; border-width: 1px 0; padding: 14px 10px 14px 10px; margin-top: 14px; } .testimonials .title { font-weight: bold; font-size: 20px; color: #777; line-height: 25px; } .lgBlock { font-size: 14px; line-height: 20px; margin-bottom: 20px; } .lgBlock a { font-size: 14px; line-height: 20px; margin-bottom: 20px; } .lgBlock h1 { color: #000; margin: 0; padding: 0; font-weight: bold; font-size: 16px; margin-bottom: 5px; } /*----------------- HUB PAGES -----------------*/ #accordionWrap { margin: 0 0 0 21px; _margin-left: 11px; padding-bottom: 20px; } .accordionOpen { float: left; margin-bottom: 2px; border-left: 13px solid #ef8200; width: 841px; background: #e1ddd3; padding: 15px 11px; position: relative; padding-bottom: 20px; } .accordionOpen h1 { font-weight: bold; color: #ef8200; font-size: 22px; } .accordionOpen h4 { font-family: Arial; font-size: 22px; color: #ef8200; } .accordionOpen .one { float: left; width: 300px; margin-left: 21px; _margin-left: 11px; margin-top: 15px; } .accordionOpen .two { float: left; width: 385px; padding-left: 12px; background: url(dots-whi.gif) repeat-y; margin-top: 15px; } .accordionOpen .three { float: left; width: 105px; padding-left: 10px; background: url(dots-whi.gif) repeat-y; margin-top: 15px; } .accordionOpen ul { margin; 0; padidng: 0; list-style: none; } .accordionOpen li.on { background: url(dots-whj.gif) no-repeat 21px 8px; width: 300px; } .accordionOpen li a { text-decoration: none; color: #003f5f; line-height: 18px; background: #e1ddd3; padding-right: 5px; } .accordionOpen li a:hover { text-decoration: underline; } .accordionClose { float: left; margin-bottom: 2px; border-left: 13px solid #ef8200; width: 841px; background: #f0b52b; padding: 15px 11px; position: relative; color: #FFF; } .accordionClose h1 { font-weight: bold; color: #FFF; font-size: 22px; } .accordionClose h4 { font-family: Arial; font-size: 22px; color: #ffffff; } /*Plus & Minus Buttons*/ .accordionOpen a.minus { position: absolute; top: 6px; right: 9px; background: url(icon-min.gif) no-repeat; width: 12px; height: 12px; text-indent: -2000px; } .accordionClose a.plus { position: absolute; top: 6px; right: 9px; background: url(icon-plu.gif) no-repeat; width: 12px; height: 12px; text-indent: -2000px; } /*----------------- 1 COLUMN LAYOUT FULL -----------------*/ .full { margin: 0 0 0 21px; _margin-left: 11px; padding-bottom: 84px; float: left; padding-top: 21px; width: 871px; } /*----------------- 2 COLUMN LAYOUT (Large Left Column/Small Right Column) -----------------*/ /*Left Column*/ #leftCol { float: left; width: 598px; margin: 30px 0 0 21px; padding-bottom: 30px; _margin-left: 11px; } #leftCol h1 { font-size: 18px; color: #ef8200; font-weight: bold; margin: 0 0 10px 0; padding: 0; clear: both; } #leftCol h1 a{ font-size: 18px; color: #ef8200; font-weight: bold; margin: 0 0 10px 0; padding: 0; clear: both; } #leftCol h2 { color: #003f5f; margin: 0; padding: 0; font-weight: bold; font-size: 15px; } #leftCol h2 a{ color: #003f5f; margin: 0; padding: 0; font-weight: bold; font-size: 15px; } #leftCol ul.mainBodyUL {margin: 12px 0 12px 16px;} #leftCol ul.mainBodyUL li {margin: 7px 0 7px 0;} /* Added to make the lists work in the main body users will not know to put the mainBodyUL class on a ul.... Might mess up left navigation we will have to see. */ #leftCol .lgBlock ul {margin: 10px 0px; padding: 0;} #leftCol .lgBlock ul li {margin: 1px 40px; } /*Right Column*/ #rightCol { float: left; width: 258px; margin-left: 18px; border: 1px solid #FFF; padding-bottom: 85px; } #rightCol .img { clear: both; } #rightCol .txt { background: #e1ddd3; padding: 8px 8px 15px 8px; display: block; line-height: 18px; color: #777; font-size: 12px; } #rightCol .txt h2 { font-weight: bold; color: #ef8200; font-size: 14px; margin: 0 0 6px 0; padding: 0; } .phoneWrap { height: 24px; display: block; padding-top: 11px; padding-right: 5px;} .phone { font-weight: bold; color: #5e5851; padding-right: 20px; } .icon { padding-right: 5px; } a.global { color: #003f5f; text-decoration: none; } a.global:hover { text-decoration: underline; } .innerCols { float: left; width: 268px; margin: 0 10px 0 0; margin-bottom: 20px; } /*only to be used with a 2 column layout */ .innerCols ul { margin: 0; padding: 0; list-style: none; } .innerCols li a { text-decoration: none; color: #003f5f; line-height: 18px; } .innerCols li a:hover { text-decoration: underline; } .innerColsSM { float: left; width: 185px; margin: 0 10px 0 0; margin-bottom: 20px; } /*only to be used with a 2 column layout */ .innerColsSM ul { margin: 0; padding: 0; list-style: none; } .innerColsSM li a { text-decoration: none; color: #003f5f; margin-left: -15px; line-height: 18px; } .innerColsSM li a:hover { text-decoration: underline; } /*----------------- 2 COLUMN LAYOUT (Small Left Column/Large Right Column) -----------------*/ /*Left Column*/ #leftCol2 { width: 184px; float: left; margin: 22px 0 0 20px; _margin-left: 10px; } /*Right Column*/ #rightCol2 { width: 706px; float:right; margin: 22px 0 20px 10px; } #rightCol2 .inner { padding-right: 22px; } #rightCol2 .inner .ms-PartSpacingVertical { padding: 0px;margin:0px; } #rightCol2 h3 { color: #003f5f; margin: 0; padding: 0; font-weight: bold; font-size: 15px; } #rightCol2 h3 a { color: #003f5f; margin: 0; padding: 0; font-weight: bold; font-size: 15px; } #rightCol2 h2 { color: #000; font-weight: bold; font-size: 14px; } #rightCol2 ul { margin: 10px 0 10px 4px; padding: 0; } #rightCol2 li { margin-left: 15px; line-height: 18px; } #rightCol2 .tabnav.news li { margin-left: 0; text-align: center; } #rightCol2 .calloutContainer { width: 283px; float: right; clear:none;} #rightCol2 .callout { width: 258px; float: right; margin: 0 0 25px 15px; z-index: 2; position: relative; } #rightCol2 .img { clear: both; } #rightCol2 .txt { background: #e1ddd3; padding: 8px 8px 15px 8px; display: block; line-height: 18px; color: #777; font-size: 12px; } .subPage #rightCol2 { width: 684px; float: left; margin: 22px 0 20px 10px; } .subPage #rightCol2 .inner { padding-right: 127px; position: relative; } .subPage #rightCol2 .innerFade { padding-right: 127px; position: relative; margin-top: 40px; background: url(bg-conte.gif) repeat-x; padding-left: 10px; } .partnersLogos { margin-right: 35px; } /*----------------- 3 COLUMN LAYOUT -----------------*/ /*Left Column*/ #leftCol3 { float: left; width: 177px; margin-left: 21px; _margin-left: 11px; margin-top: 10px; } /*Center Column*/ #centerCol3 { float: left; width: 420px; margin-left: 16px; margin-top: 12px; padding-bottom: 82px; } #centerCol3 .highlight { float: left; padding-bottom: 12px; font-size: 14px; line-height: 18px; width: 404px; } #centerCol3 .highlight h1 { color: #000; font-weight: bold; font-size: 14px; margin: 0 0 8px 0; padding: 0; } #centerCol3 .highlight .img { padding: 0 12px 12px 0; float: left; } #centerCol3 h1 { font-size: 17px; color: #ef8200; font-weight: bold; margin: 0 0 10px 0; padding: 0; } #centerCol3 h2 { font-size: 12px; color: #003f5f; font-weight: bold; margin: 0; padding: 0 8px 0 0; float: left; } #centerCol3 .date { font-size: 11px; } #centerCol3.accordion .content { padding: 9px 13px; color: #777777; border: 1px solid red; } /*Right Column*/ #rightCol3 { float: left; width: 250px; margin-left: 18px; } #rightCol3 a { text-decoration: none; color: #004054; } #rightCol3 a:hover { text-decoration: underline; } /*----------------- LEFT MENU -----------------*/ .leftNav ul { margin: 0; padding: 0; list-style: none; width: 170px;} .leftNav li { border-bottom: 1px dotted #DDD; } .leftNav li a { font-weight: bold; color: #004054; text-decoration: none; display: block; padding: 5px 0; font-size: 13px;line-height:18px; } .leftNav li a:hover { text-decoration: none; background: #f7f7f7; } .leftNav li a.on { color: #000; } .leftNav li a.on:hover { background: none; } .leftNav ul ul { margin: 0; padding: 0; list-style: none; margin-top: -4px; } .leftNav li li { border-bottom: 0; display: block; padding: 1px 0; } .leftNav li li a { text-decoration: none; color: #003f5f; background: url(arrow-bl.gif) no-repeat 0 7px; padding-left: 10px; font-weight: normal; line-height: 14px; font-size: 11px; } .leftNav li li a:hover { text-decoration: underline; background: url(arrow-bl.gif) no-repeat 0 7px; } .leftNav li li a.on { font-weight: bold; color: #000; } /*----------------- ACCORDION STYLES -----------------*/ .accordion { background: #e1ddd3; padding-bottom: 10px;width:258px; } .accordion .header { padding: 8px 10px; background: #847a6e; color: #FFF; font-weight: bold; font-size: 12px; border-bottom: 1px solid #FFF;width:238px; _width:248px; } .accordion .content { padding: 9px 19px; color: #777777; line-height: 17px; } .accordion .content .strong { color: #000; font-weight: bold; font-size: 12px; margin-bottom: 2px; } .accordion form { margin-top: 10px; } .accordion input { width: 211px; border: 1px solid #848484; border-width: 1px 0 0 1px; height: 17px; color: #a9a5a0; font-size: 11px; padding: 3px 2px 0 2px; margin-bottom: 2px; } .accordion .img { width: auto; height: auto; border: 0; padding: 0; } .accordion textarea { width: 211px; border: 1px solid #848484; border-width: 1px 0 0 1px; padding: 3px 2px 0 2px; height: 64px; font-size: 11px; color: #a9a5a0; } /*----------------- TABS -----------------*/ .tabnav { position: relative; } .tabnav .link { position: absolute; top: 0px; font-size: 11px; right: 0; color: #003f5f; z-index: 2; width: auto;} .tabnav .link a { text-decoration: none; color: #003f5f; margin-top: 2px; font-weight: normal; } .tabnav .link a:hover { text-decoration: underline; } .tabnav .link img { padding-right: 5px; margin-bottom: 2px; } .tabnav .icon { padding-right: 5px; margin-bottom: 2px; } ul.tabnav { width: 100%; margin:0; padding:0; list-style:none; float:left; position: relative; } ul.tabnav li { display: block; float: left; position: relative; margin: 0; padding:0; background-position: top left; background-repeat: no-repeat; } ul.tabnav li span { display: block; text-align: center; padding: 5px 5px; background-repeat: no-repeat; background-position: top right; } ul.tabnavBrown { line-height: 20px; font-weight: bold; } ul.tabnavBrown li { margin-right: 1px; font-size: 11px; padding: 5px; width: 88px; } ul.tabnavBrown li.content { font-weight: normal; font-size: 1.0em; } ul.tabnavBrown li.TSTab, ul.tabnavBrown li.TSTabSel { cursor: pointer; } ul.tabnavBrown li.TSTab { background-color: #f0b52b; color: #5d5950; margin-top: 3px;padding-left:10px; } ul.tabnavBrown li.TSTabSel { background-color: #ef8200; color: #FFF; padding-bottom: 5px; padding-top: 8px;padding-left:10px; } ul.showHide { margin:0; padding:0; list-style:none; } ul.showHide li { float: right; position: relative; margin: 0; padding:0; background-position: top left; font-size: 12px; color: #fff; } ul.showHide li span { padding: 5px 5px; } .TSTabContentsNormal { display: none; width: 100%; background: url(bg-tabFa.gif) repeat-x; } .TSTabContentsSelected { display: block; width: 100%; background: url(bg-tabFa.gif) repeat-x; } .TSTabContentsNormal.normal { display: none; width: 100%; background: none; } .TSTabContentsSelected.normal { display: block; width: 100%; background: none; } .tabPad { padding: 18px 26px; } .tabPad .tabTitle { font-weight: bold; color: #000; font-size: 13px; } .tabPad ul { margin: 0px 0 0 0; padding: 0; } .tabPad li { margin: 9px 10px 9px 16px; line-height: 18px; } #leftCol .tabPad h2 { color:#ee8303;padding:0px 0px 15px 0px;font-weight:bold;font-size:14px; } .tabPad .pdf { list-style-type:none; } /*----------------- MISC (Site Wide) -----------------*/ div.hr { height: 15px; background: url(line-dot.gif) repeat-x; margin: 12px 0 0 0; clear: both; } hr { display: none; } /*----------------- TABLE STYLES -----------------*/ table tr.odd td { background: url(table-bo.gif) repeat-x bottom; padding: 10px 10px 15px 10px; } table tr.even td { background: url(table-bo.gif) repeat-x bottom; padding: 10px 10px 15px 10px; } table tr.blank td { background: url(table-bo.gif) repeat-x bottom; padding: 0 0 2px 0; } table td.date { color: #5e5851; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; width: 125px; } table td.link { font-weight: bold; font-size: 13px; } table td.link a { color: #003f5f; text-decoration: none; background: url(arrow-bl.gif) no-repeat right; padding-right: 10px; } table td.link a:hover { text-decoration: none; } /*----------------- FOOTER -----------------*/ #footerWrap { padding-bottom: 40px; width: 920px;margin-left: 2px;padding-top: 10px;background: #101833;font-size: 11px; } #footer { /*margin-left: -10px;*/ padding-left: 4px; float: left; color: #c2bab2;width:600px; } #footerWrap ul { margin: 0; padding: 0; list-style: none; } #footerWrap li { float: left; margin-right: 15px; margin-bottom:10px; } #footerWrap .floatRight li { float: left; margin-left: 15px; margin-right: 0; margin-bottom:10px; } #footerWrap li a { text-decoration: none; color: #fff; } #footerWrap li a:hover { text-decoration: none; color: #fcbe2b; } #footerWrap a { color: #FFF; text-decoration: none; } #footerWrap a:hover { text-decoration: none; color: #fcbe2b; } /*------------------console------------------*/ #dragger { float:left; position: absolute; top: 20px; left: 5px; z-index: 99999999; } #slider, #toggle { background-color: #FFF; } #myVan{ display:none; } /* CUSTOM CSS */ .bodywrapper { padding:0px 22px 0px 22px; background-color:white; background-repeat:repeat-x; background-position:top left; width:876px; } .homecontent { padding:5px 2px 10px 2px; background-image:url(homecont.jpg); background-position:top left; background-repeat:repeat-x; background-color:#e1ddd3; font-family:tahoma; font-size:11px; color:#5e5851; position:relative; top:-34px; } .tblHomeContent { width:100%; } .homeContentHeader, .homeContentCell { background-image:url(homeDivi.gif); background-repeat:repeat-y; background-position:top right; padding:0px 14px 0px 10px; width:450px; } .homeContentHeader { height:10px; padding-top:1px; padding-bottom:1px; } a.homeHeaderlink:link, a.homeHeaderlink:visited { color:#ffffff; font-family:tahoma; font-weight:bold; font-size:14px; } .homeContentHeader a:hover { text-decoration:none; color: #E1DDD3; font-family:tahoma; font-weight:bold; font-size:14px; } .homeContentCell { padding-top:15px; padding-bottom:5px; line-height:16px; } .homeContentCell a { color: #5E5851; font-size:11px; } .homeContentCell a:hover { color:#000; text-decoration:none; } .homeContentCell ul { font-size:10px; margin: 0 0 0 5px; list-style:none; } .date { color:#000000; } .tblHomeContent td.last { width:auto; padding:4px 14px 0px 14px; } .tblHomeContent td.last .box{ background-color:#ffffff; margin-bottom:2px; padding:8px; font-family:tahoma; font-size:13px; color:#5e5851; } .tblHomeContent td.last .btn { margin-top:5px; } div#evaluate_form { padding: 9px 19px; color: red; line-height: 17px; float: right; background-color: red; width: 230px;} div#evaluate_form .strong { color: #000; font-weight: bold; font-size: 12px; margin-bottom: 2px; } div#evaluate_form form { margin-top: 10px; } div#evaluate_form input { width: 211px; border: 1px solid #848484; border-width: 1px 0 0 1px; height: 17px; color: #a9a5a0; font-size: 11px; padding: 3px 2px 0 2px; margin-bottom: 2px; } div#evaluate_form .img { width: auto; height: auto; border: 0; padding: 0; } div#evaluate_form textarea { width: 211px; border: 1px solid #848484; border-width: 1px 0 0 1px; padding: 3px 2px 0 2px; height: 64px; font-size: 11px; color: #a9a5a0; } .clearing_element { clear: both; } div#tabConnectContent { padding: 18px 26px;} div#tabTitleConnect { font-weight: normal; color: #000; font-size: 13px; padding-bottom: 10px;} .tabPadConnect { padding:18px 26px; } .tabBody { color:#5e5851; line-height:18px;padding-bottom: 20px; } .tabBody .dark { background-color:#e8e9e6; padding:13px 12px 13px 12px; } .tabBody ul.pdf { list-style: none; margin: 7px 0 12px 16px; } .tabBody ul.pdf li {margin: 7px 0 7px 0; } a.lock { background-image:url('lock0000.gif'); background-repeat:no-repeat; background-position:0px 2px; padding-left:12px; } a.pdf { background-image:url('pdf00000.png'); background-repeat:no-repeat; background-position:0px 2px; padding-left:14px; } h3.featured_video_title { font-family:tahoma; font-weight:bold; font-size:12px; color:#000000; } /*------------------Customer Success CSS------------------*/ #spanCol { width: 880px; height: 232px; margin: 0px 0 0px 0; clear:both; } .customersuccess_top { width: 275px; height: 220px; background: #f5f2f0; margin: 0 8px 0 8px; _margin: 0 6px 0 6px; float:left; } .customersuccess_top p { margin: 0 20px 0 20px; } .customersuccess_top-divider { /*background: url('/SiteCollectionImages/FI/CustomerSuccess/spancol-divider.gif') top left no-repeat;*/ width: 0px; height: 219px; float:left; } .customersuccess_bottom-divider { background: url('dotted-d.gif') top left repeat-x; height:1px; width: 880px; margin: 5px 0 14px 0px; clear:both; } #leftCol4 { float:left; width: 250px; margin: 0; } #leftCol4 ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 0 0px; padding:0; width:250px; } #leftCol4 li { border-bottom: 1px dotted #DDD; } #leftCol4 li a { font-weight: bold; color: #4c87a9; text-decoration: none; display: block; padding: 5px 0; font-size: 12px; } #leftCol4 li a:hover { text-decoration: none; background: #f7f7f7; } #rightCol4 { width: 610px; margin: 0px 0 0 0px; float:right; /*border: 1px solid red;*/ } #rightCol4 h2 { font-weight: bold; color: #4c87a9; text-decoration: none; display: block; text-transform:uppercase; } ul.list { margin: 5px 0 0 0px; padding: 0; list-style: none; /*width: 305px; border: 1px solid red;*/ } ul.list li { font-weight: normal; color: #000; text-decoration: none; display: block; padding: 5px 0; font-size: 13px; /*border-bottom: 1px dotted #DDD;*/ } ul.list li a {font-weight: normal; color: #000; text-decoration: none; font-size: 13px; } ul.list li a:hover { text-decoration: underline; /*background: #f7f7f7;*/ } ul.success-sublist { list-style: none; display: inline; } ul.success-sublist li { display:inline;} ul.success-sublist li a { display:inline; font-weight: normal; color: #000; text-decoration: none; padding: 5px 0; font-size: 13px; margin: 5px 3px 5px 0; } /* [JMH] - Added to fix left navigation on Company Pages for InterACT */ .leftNav ul ul ul { margin: 0 0 0 16px; } .dotted-divider-short { background: url(dotted-d.gif) top left repeat-x; height: 1px; width: 578px; margin: 15px 0; } .learnmore { margin: 0 auto 0 103px; } /*------------------InterACT 09 CSS------------------*/ .inner h1.fraud { background: url('fraud000.gif') top left no-repeat; height: 29px; width: 244px; text-indent:-9999em; } .inner h1.decision-tech { background: url('decision.gif') top left no-repeat; height: 29px; width: 244px; text-indent:-9999em; } .inner h1.decision-management { background: url('decision.gif') top left no-repeat; height: 29px; width: 350px; text-indent:-9999em; } .inner h1.risk-management { background: url('risk-man.gif') top left no-repeat; height: 29px; width: 244px; text-indent:-9999em; } .inner h1.analytic-innovation { background: url('analytic.gif') top left no-repeat; height: 29px; width: 244px; text-indent:-9999em; } .inner h1.collections { background: url('collecti.gif') top left no-repeat; height: 29px; width: 244px; text-indent:-9999em; } .inner h1.insurance { background: url('Insuranc.png') top left no-repeat; height: 29px; width: 244px; text-indent:-9999em; } .inner h1.regulatory { background: url('regulato.gif') top left no-repeat; height: 29px; width: 244px; text-indent:-9999em; } .inner h1.scoring { background: url('scoring-.gif') top left no-repeat; height: 29px; width: 244px; text-indent:-9999em; } .inner h1.pharma { background: url('Pharmace.png') top left no-repeat; height: 29px; width: 244px; text-indent:-9999em; } .inner h1.Breakout-presenters { background: url('Breakout.png') top left no-repeat; height: 29px; width: 244px; text-indent:-9999em; } .inner h1.Keynote-presenters { background: url('Keynote-.png') top left no-repeat; height: 29px; width: 244px; text-indent:-9999em; } .orange { color: #f89a36; font-size: 14px; } .bluecom { color: #101833; font-size: 20px; } .comcolor { color: #101833; font-size: 15px; } .announcement { background:#f89a36; width: 75px; color: #fff; font-size: 12px; font-weight: bold; padding: 0px 6px; text-align: center; } /* KK overrides */ .fi_searchHighlight { font-style:italic; } /* FBA Branding */ .fba_main { background-color:#FFFFFF;clear:both;margin-left:4px;width:920px; } .fba_controlTable { padding:20px; } .fba_loginControls { padding:20px 0px 60px 20px; } .fba_loginControls td { vertical-align:top;padding-right:10px; } .fba_loginControls td div { width:300px;padding-right:50px; } .fba_PageTitle { clear: both; width: 900px; background: #003f5f; z-index: 0;font-weight: bold; color: #fff; font-size: 20px; padding: 11px 0 11px 20px; text-shadow: 0 0 0 #000; } .fba_FormTitle { padding:10px 10px 10px 0px;color: #003f5f; font-weight: bold; font-size: 15px; } .fba_FormTitle h3 { color: #003f5f; margin: 0; padding: 0; font-weight: bold; font-size: 15px; } .fba_label { padding:3px 10px 3px 0px; } #fba_welcome_control { display:none; } .fba_textbox {padding:3px 0px;} .fba_textbox input { border:1px #838584 solid; color:#838584; padding:2px; } .fba_checkbox { padding:3px 0px; } .fba_checkbox label { padding:0px 5px; } .fba_buttonLink { padding-top:20px; } .fba_button { background: #ef8201; font-size: 10px; color: #FFFFFF; padding: 5px 8px;border:0px;font-family:Tahoma;font-weight:bold; float:right; margin-top:3px;cursor:pointer; text-decoration:none; } .fba_links { color:#003F5F;padding-right:5px;text-decoration:none;text-align:center; } .fba_links a { padding-right:5px;text-decoration:none;color:#003F5F; } .fba_links:hover { padding-right:5px;text-decoration:underline; } .fba_lblmessage { padding:20px; } .fba_message_label { padding:3px 0px;color:red; } .fba_error { padding:3px 0px;color:red; } .fba_Instructions { padding:20px 20px 0px 20px; } /* Resource Library */ .fba_main_usercontrol_background { margin-top: 14px; } .resource_PageTitle { clear: both; width: 900px; background: #FFFFFF; font-weight: bold; color: #003f5f; font-size: 20px; padding: 11px 0 11px 20px; text-shadow: 0 0 0 #000;margin-top:-23px;margin-left:-20px; } .fba_main_usercontrol_background .resources_FormTitle { padding:10px 0px;color: #003f5f; font-weight: bold; font-size: 15px; } .resource_ResultsTitle { padding:10px 0px 0px 0px;color: #003f5f; font-weight: bold; font-size: 15px; } .resource_FilterButton input { background: #ef8201; font-size: 10px; color: #FFFFFF; padding: 3px 8px;border:0px;font-family:Tahoma;font-weight:bold; float:right; margin-top:3px;cursor:pointer; } .resource_Results { width:650px; } .resource_ResultsGroup td { padding:15px 0px 5px 0px;font-weight:bold;font-size:14px !important; } .resource_ResultsGroup td a { color: #5E5851; font-size:11px; margin-left: 10px;font-weight:normal;width:50px; } .resource_FilterControl select { border:1px solid #838584; } .resource_ResetButton input { background: #ef8201; font-size: 10px; color: #FFFFFF; padding: 5px 8px;border:0px;font-family:Tahoma;font-weight:bold; float:right; margin-top:3px;cursor:pointer; text-decoration:none;margin-right:10px; } .resource_FilterLabel { padding:10px 0px 3px 2px;font-weight:bold; } .resource_FilterControl { padding-right:5px; } .resourcelib_itemrow {padding:5px 0px;} /* alternating */ .ms-alternating { background-color:transparent; } .link-item, .link-item a, .link-item a:link,.link-item a:visited { font-size:12px;color:#003F5F; } /*main page styleing */ .fi_wrap.fi_subPage { width: 880px; padding: 0px 20px; margin-top: -11px;margin-bottom:20px; background: url(bg-blueb.gif) repeat-x; } } .fi_full { padding-bottom: 40px; float: left; padding-top: 20px; width: 880px; } .fi_full h2 { color: #ef8200; margin: 0; padding: 0; font-weight: bold; font-size: 15px; } .fi_full h2 a{ color: #ef8200; margin: 0; padding: 0; font-weight: bold; font-size: 15px; } .fi_full ul.mainBodyUL {margin: 10px 0px; padding: 0;} .fi_full ul.mainBodyUL li {margin: 1px 40px; } /* Added to make the lists work in the main body users will not know to put the mainBodyUL class on a ul.... Might mess up left navigation we will have to see. */ .fi_full ul {margin: 10px 0px; padding: 0;} .fi_full ul li {margin: 1px 0px; } .fi_fullCallout { float:right; width: 283px; } /*----------------- 2 COLUMN LAYOUT (Large Left Column/Small Right Column) -----------------*/ /*Left Column*/ #leftCol { float: left; width: 598px; margin: 30px 0 0 21px; padding-bottom: 30px; _margin-left: 11px; } #leftCol h1 { font-size: 18px; color: #ef8200; font-weight: bold; margin: 0 0 10px 0; padding: 0; clear: both; } #leftCol h1 a{ font-size: 18px; color: #ef8200; font-weight: bold; margin: 0 0 10px 0; padding: 0; clear: both; } #leftCol h2 { color: #003f5f; margin: 0; padding: 0; font-weight: bold; font-size: 15px; } #leftCol h2 a{ color: #003f5f; margin: 0; padding: 0; font-weight: bold; font-size: 15px; } #leftCol ul.mainBodyUL {margin: 12px 0 12px 16px;} #leftCol ul.mainBodyUL li {margin: 7px 0 7px 0;} /* Added to make the lists work in the main body users will not know to put the mainBodyUL class on a ul.... Might mess up left navigation we will have to see. */ #leftCol .lgBlock ul {margin: 10px 0px; padding: 0;} #leftCol .lgBlock ul li {margin: 1px 40px; } /*Right Column*/ #rightCol { float: left; width: 258px; margin-left: 18px; border: 1px solid #FFF; padding-bottom: 85px; } #rightCol .img { clear: both; } #rightCol .txt { background: #e1ddd3; padding: 8px 8px 15px 8px; display: block; line-height: 18px; color: #777; font-size: 12px; } #rightCol .txt h2 { font-weight: bold; color: #ef8200; font-size: 14px; margin: 0 0 6px 0; padding: 0; } .phoneWrap { height: 24px; display: block; padding-top: 11px; padding-right: 5px;} .phone { font-weight: bold; color: #5e5851; padding-right: 20px; } .icon { padding-right: 5px; } a.global { color: #003f5f; text-decoration: none; } a.global:hover { text-decoration: underline; } .innerCols { float: left; width: 268px; margin: 0 10px 0 0; margin-bottom: 20px; } /*only to be used with a 2 column layout */ .innerCols ul { margin: 0; padding: 0; list-style: none; } .innerCols li a { text-decoration: none; color: #003f5f; line-height: 18px; } .innerCols li a:hover { text-decoration: underline; } .innerColsSM { float: left; width: 185px; margin: 0 10px 0 0; margin-bottom: 20px; } /*only to be used with a 2 column layout */ .innerColsSM ul { margin: 0; padding: 0; list-style: none; } .innerColsSM li a { text-decoration: none; color: #003f5f; margin-left: -15px; line-height: 18px; } .innerColsSM li a:hover { text-decoration: underline; } /*----------------- 2 COLUMN LAYOUT (Small Left Column/Large Right Column) -----------------*/ /*Left Column*/ #fi_leftCol2 { width: 184px; float: left; margin: 22px 0 0 0px; _margin-left: 0px; } /*Right Column*/ #fi_rightCol2 { width: 684px; float: left; margin: 22px 0 0px 0px; } #fi_rightCol2 .fi_inner { padding-right: 127px; position: relative; } #fi_rightCol2 h3 { color: #003f5f; margin: 0; padding: 0; font-weight: bold; font-size: 15px; } #fi_rightCol2 h3 a { color: #003f5f; margin: 0; padding: 0; font-weight: bold; font-size: 15px; } #fi_rightCol2 h2 { color: #000; font-weight: bold; font-size: 14px; } #fi_rightCol2 ul { margin: 10px 0 10px 4px; padding: 0; } #fi_rightCol2 li { margin-left: 15px; line-height: 18px; } #fi_rightCol2 .fi_tabnav.fi_news li { margin-left: 0; text-align: center; } #fi_rightCol2 .fi_calloutContainer { width: 283px; float: right; clear:none;} #fi_rightCol2 .fi_callout { width: 258px; float: right; margin: 0 0 0px 0px; z-index: 2; } #fi_rightCol2 .img { clear: both; } #fi_rightCol2 .txt { background: #e1ddd3; padding: 8px 8px 15px 8px; display: block; line-height: 18px; color: #777; font-size: 12px; } .subPage #rightCol2 { width: 684px; float: left; margin: 22px 0 20px 10px; } .subPage #rightCol2 .inner { padding-right: 127px; position: relative; } .subPage #rightCol2 .innerFade { padding-right: 127px; position: relative; margin-top: 40px; background: url(bg-conte.gif) repeat-x; padding-left: 10px; } /*----------------- 3 COLUMN LAYOUT -----------------*/ /*Left Column*/ #leftCol3 { float: left; width: 177px; margin-left: 21px; _margin-left: 11px; margin-top: 10px; } /*Center Column*/ #centerCol3 { float: left; width: 420px; margin-left: 16px; margin-top: 12px; padding-bottom: 82px; } #centerCol3 .highlight { float: left; padding-bottom: 12px; font-size: 14px; line-height: 18px; width: 404px; } #centerCol3 .highlight h1 { color: #000; font-weight: bold; font-size: 14px; margin: 0 0 8px 0; padding: 0; } #centerCol3 .highlight .img { padding: 0 12px 12px 0; float: left; } #centerCol3 h1 { font-size: 17px; color: #ef8200; font-weight: bold; margin: 0 0 10px 0; padding: 0; } #centerCol3 h2 { font-size: 12px; color: #003f5f; font-weight: bold; margin: 0; padding: 0 8px 0 0; float: left; } #centerCol3 .date { font-size: 11px; } #centerCol3.accordion .content { padding: 9px 13px; color: #777777; border: 1px solid red; } /*Right Column*/ #rightCol3 { float: left; width: 250px; margin-left: 18px; } #rightCol3 a { text-decoration: none; color: #004054; } #rightCol3 a:hover { text-decoration: underline; } /*************************************************************************************** Microsoft and AIC team modifications and updates [JMH] - 02/03/2009 */ .ms-WPBody td { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #5e5851; } /* Page layouts overrides */ /* Breadcrumb overrides and new classes */ #fi_page_breadcrumb { background-color:#000000; width: 880px; height: 18px; clear: both; padding: 4px 20px 0 20px; margin-left: 4px; } #fi_page_breadcrumb span { font-size: 10px; color: #ddd; font-weight: bold; float: left; } #fi_page_breadcrumb span a:link { text-decoration: none; color: #a9a5a0; font-weight: bold; } #fi_page_breadcrumb span a:visited { text-decoration: none; color: #a9a5a0; font-weight: bold; } #fi_page_breadcrumb span a:hover { text-decoration: underline; } #fi_page_breadcrumb span a:active { padding-left:0px; padding-right:0px; text-decoration:none; color: #a8a7a2; } #fi_page_breadcrumb span { padding:0px 2px 0px 2px; color: #a9a5a0; } #fi_page_breadcrumb .fi_page_breadcrumb_current {color:#ffffff; font-weight:bold;} #fi-titleBar { clear: both; width: 900px; height: 52px; background: #a8a7FF; margin-left: 4px; padding-left:20px; } #fi-titleBar h1 { font-weight: bold; color: #101833; font-size: 20px; padding: 11px 0 0 4px; text-shadow: 0 0 0 #000; } /* Webpart zones, titles and body overrides */ .ms-WPBody a:link, .ms-WPBody a:visited {COLOR: #003F5F; TEXT-DECORATION: none} .ms-WPBody a:hover {COLOR: #000000; TEXT-DECORATION: none} /* Content By Query overrides and new styles */ .cbq-layout-main { } a.fi-cbq-item-link { } .fi-culture-label { display:none; } .inner .pageDate { font-weight: normal; color: #000000; font-size: 16px; padding: 11px 0 0 0px; text-shadow: 0 0 0 #000; } .inner .pageTitle { font-weight: bold; font-size: 20px; color:#000000; padding: 11px 0px; text-shadow: 0 0 0 #000; } .inner .pageSubTitle { font-weight: normal; font-style:italic; font-size: 12px; padding: 11px 0px 25px 0px;border-top:1px #CCC dotted; text-shadow: 0 0 0 #000; } /* News listing items */ .fi_date { color: #000; font-weight: bold; } .fi_newsHomeLink { margin-bottom:20px; } .fi_newsListingLink { padding:10px 0px;width:420px;float:right; } .fi_newsListingLink h4 { color:#023f5e; font-weight:bold; } .fi_newsListingLink h4 a { color:#023f5e;text-decoration:none; } .fi_newsListingLink h4 a:hover { color:#023f5e;text-decoration:underline; } .fi_listingDate { width:120px;padding:10px 0px;float:left; } .fi_alternating { background-color:#efeee9; } /* Left navigation menu overrides */ .fi_leftNav ul { margin: 0; padding: 0; list-style: none; width: 170px;} .fi_leftNav li { border-bottom: 1px dotted #DDD; } .fi_leftNav li a { font-weight: bold; color: #004054; text-decoration: none; display: block; padding: 5px 0; font-size: 13px; } .fi_leftNav li a:hover { text-decoration: none; background: #f7f7f7; } .fi_leftNav li a.on { color: #000; } .fi_leftNav li a.on:hover { background: none; } .fi_leftNav ul ul { margin: 0; padding: 0; list-style: none; margin-top: -4px; } .fi_leftNav li li { border-bottom: 0; display: block; padding: 1px 0; } .fi_leftNav li li a { text-decoration: none; color: #003f5f; background: url(arrow-bl.gif) no-repeat 0 7px; padding-left: 10px; font-weight: normal; line-height: 10px; font-size: 11px; } .fi_leftNav li li a:hover { text-decoration: underline; background: url(arrow-bl.gif) no-repeat 0 7px; } .fi_leftNav li li a.on { font-weight: bold; color: #000; } /* Generic bottom page listener */ #fi-pageContentSpacer { padding:0px 0px 0px 0px; } /* Rich HTML styles TODO */ /* Events and Training Tabs */ .eventsTrainingHeadersTable { width:100%;margin-top:10px; } .FIEventHeaderLine { padding:4px;background-color:#3e5d7a;margin:4px;height:4px; } .FIEventHeaderLineSpacer { padding:1px; } .eventsTrainingHeader { text-align:left;color:#ee8303; } .eventsTrainingLineItem { padding-top:5px;padding-bottom:5px;padding-right:15px;vertical-align:bottom;border-bottom:1px #dfe0e2 dotted; } #eventsTrainingLiner { background: rgb(239, 130, 0) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; height: 2px; clear: both; } .eventsTrainingSpacerTop { } .eventsTrainingSpacerBottom { } /* Product Page Events and Training */ .fiproducteventstable { } .fiproducteventtype { color:#ee8303;padding:15px 0px;font-weight:bold;font-size:14px; } .fiproducteventtitle { font-size:13px;color:#023f5e;font-weight:bold; } .fiproducteventtitle a { font-size:13px;color:#023f5e;font-weight:bold;text-decoration:none; } .fiproducteventtitle a:hover { text-decoration:underline; } .fiproducteventdate { font-size:12px; } .fiproducteventlocation { font-size:12px; } .fiproducteventdescription { font-size:12px; } .fiproducteventspaceafter { font-size:1px;height:15px;border-bottom:1px #dfe0e2 dotted; } /* Overrides for Search box */ .ms-sbtable-ex{ border-collapse:collapse; margin-top:0px; margin-left:0px; } .ms-sbtable{ color:#545454; font-family:Tahoma, Verdana; font-size: 9pt; font-style:normal; font-weight:normal } .ms-sbtablealt{ color:#222222; font-family:Tahoma, Verdana; font-size: 9pt; font-style:normal; font-weight:normal } .ms-sbtable-ex{ border-collapse:collapse; margin-top:0px; margin-left:0px; } .ms-sbtable-border{ border:1px solid #B7CEDE; } td.ms-sbcell{ padding:0px; padding-left:0px; white-space:nowrap; border:solid 0px #5e5851; } td.ms-sbcellnoborder{ padding-right:2px; white-space:nowrap; border:0; } .ms-sbtext{ font-family:Tahoma, Verdana; font-size: 9pt; font-weight:bold; } input.ms-sbplain{ font-family:Tahoma, Verdana; font-size:12px; border:1px #a9a6a1 solid; height: 17px; padding:2px; color: #a9a5a0; } .ms-sbplainwithborder{ font-family:Tahoma, Verdana; font-size: 8pt; } td.ms-sblink{ padding-right:14px; border:none; } .ms-sbrow { margin:0px 0px 0px 0px; } td.ms-sbgo{ background-color:transparent; padding-left:2px; padding-right:0px; padding-bottom:0px; padding-top:0px; } /* Media and Print */ #MediaLinks { float: right; padding: 5px 0 0 0; } #MediaLinks a { padding: 4px 20px 4px 0; float: left; margin: 0 15px 0 0; background-position: right; background-repeat: no-repeat; color: #D42D00; font-size: 0.92em; text-decoration: none; } #MediaLinks a:hover { text-decoration: underline; } #MediaLinks a.add { background-image: url(ico_add0.gif); } #MediaLinks a.rss { background-image: url(ico_rss0.gif); } #MediaLinks a.print { background-image: url(ico_prin.gif); } #MediaLinks a.share { background-image: url(ico_shar.gif); } #MediaLinks a.email { background-image: url(ico_emai.gif); width: 26px; height: 11px; } /* Table of contents ovverrides */ .toc-layout-main { width: 920px; background-color:#FFFFFF; } .level-section { width:305px; } #tocwp #header { height:30px; } .innerhead{ color:#ffffff; font-family:tahoma; font-weight:bold; font-size:14px; } .innerdata { font-family: "Trebuchet MS", Verdana; font-size: 13px; line-height: 20px; color: #666666; } .quote_pad { color: #333333; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-color: #101833; border-right-color: #101833; border-bottom-color: #101833; border-left-color: #101833; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; height: 180px; text-align: left; float: left; clear: left; visibility: visible; position: relative; overflow: visible; z-index: auto; width: 300px; padding-top: 15px; padding-left: 10px; } .read_pad { color: #333333; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-color: #101833; border-right-color: #101833; border-bottom-color: #101833; border-left-color: #101833; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; height:180px; text-align: left; float: left; clear: left; visibility: visible; position: relative; overflow: visible; z-index: auto; width: 100px; padding-top: 15px; padding-left: 10px; } .para_padd { padding-bottom: 30px; } .heading { font-family: "Trebuchet MS", Verdana; font-size: 20px; color: #101833; font-weight: bold; background-position: 0px top; padding-left: 25px; margin-bottom:-10px; padding-bottom: 5px; text-align: left; } .heading1 { font-family: "Trebuchet MS", Verdana; font-size: 20px; color: #FF18FF; font-weight: bold; background-position: 0px top; padding-left: 25px; margin-bottom:-10px; padding-bottom: 5px; text-align: left; } .head_para { font-family: "Trebuchet MS", Verdana; font-size: 14px; font-weight: bold; color: #3A7CDA; } .head_para1 { font-family: "Trebuchet MS", Verdana; font-size: 14px; font-weight: bold; color: #101833; padding-left: 25px; padding-right: 25px; padding-top: 0em; margin-bottom:-5px; line-height: 20px; word-spacing: 1px; text-align: justify; } .head_para2 { font-family: "Trebuchet MS", Verdana; font-size: 14px; font-weight: bold; color: #FF18FF; padding-left: 25px; padding-right: 25px; padding-top: 0em; margin-bottom:-5px; line-height: 20px; word-spacing: 1px; text-align: justify; } .para { font-family: "Trebuchet MS", Verdana; font-size: 14px; color: #5B5B5B; letter-spacing:; font-weight: normal; padding-left: 25px; padding-right: 25px; padding-top: 0em; margin-bottom:-5px; line-height: 20px; word-spacing: 1px; text-align: justify; } .para_black { font-family: "Trebuchet MS", Verdana; font-size: 14px; color: black; letter-spacing:; font-weight: normal; padding-left: 25px; padding-right: 25px; padding-top: 0em; margin-bottom:-5px; line-height: 20px; word-spacing: 1px; text-align: justify; } .para_blue { font-family: "Trebuchet MS", Verdana; font-size: 14px; color: #3A7CDA; letter-spacing:; font-weight: normal; padding-top: 0em; margin-bottom:-5px; line-height: 20px; word-spacing: 1px; text-align: justify; } .comhead { font-family: Arial; font-size: 14px; color: #101833; line-height: 20px; text-align: justify; font-weight: bold; } .bodytext { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none; } .box { border: 1px solid #0066FF; background-color: #ECF5FF; }