/* Reset Styles Css FileDownloaded from meyerweb.com*/html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit;text-align:left}table{border-collapse:collapse;border-spacing:0}ol,ul{list-style:none}q:before,q:after,blockquote:before,blockquote:after{content:""} /* HTML */ body, div#contentLeft p{ background: url('../images/bodyBG.gif') repeat-x #e4e4e4; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #000; line-height: 16px; } body{ margin: 0px 0px 50px; } h1, h2, h3{ margin-bottom: 20px; padding-left: 0px; font: 13px Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight: bold; } strong{ font-weight: bold; } em{ font-style: italic; } a.faqDiv, #formContainer a, .bodyCopy a, p a{ color: #0072bc; text-decoration: none; } .ulTwoCol li a{ color: #0072bc; text-decoration: none; } a.faqDiv :hover, .bodyCopy a:hover, #formContainer a:hover, .ulTwoCol li a:hover, p a:hover{ text-decoration: underline; } a{ color: #fff; text-decoration: underline; line-height: 18px; } a:hover{ text-decoration: none; } ul{ margin: 12px 0px 0px; list-style: disc; } li{ margin: 0px; line-height: 16px; } p, li, .bodyCopy{ color: #000; } .bodyCopy ul li ul{ margin: 4px 0px 0px; list-style: disc; } .bodyCopy ul li ul li { margin: 0px; line-height: 16px; } /* Root Container */ div#rootContainer{ margin: 0 auto; width: 1029px; } /* Top Navigation */ div#topBarContainer{ width: 100%; background: url('../images/topNavBG.gif') repeat-x #e65324; } div#topBar{ width: 990px; margin: 0px auto; overflow: hidden; } div#topNav{ display: block; float: left; width: 550px; color: #fff; } a.topNav{ border-bottom: 2px solid #E65324;} a.topNav, a.topNavOn{ display: block; float: left; color: #fff; text-decoration: none; margin: 0px 10px; padding: 10px 0px; } a.topNav:hover, a.topNavOn{ border-bottom: 2px solid #000; } a.lastNav{ border-bottom: 2px solid #E65324;} a.lastNav, a.lastNavOn{ display: block; float: left; color: #fff; text-decoration: none; margin: 0px 0px; padding: 10px 0px; } a.lastNav:hover, a.lastNavOn{ border-bottom: 2px solid #000; } form.topNavForm{ display: block; float: right; width: 425px; padding: 5px 0px !important; *padding: 5px 0px 0px; } .ctrlHolder{ display: block; float: left; margin: 0px 10px 0px 0px; padding: 0px; } .ctrlHolder label{ display: block; width: 65px; float: left; color: #fff; padding: 5px 0px; } .submitField{ display: block; float: left; margin: 2px 0px; width: 100px; background: #fff; padding: 2px; border: 1px solid #000; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000; } .noBorder{ border: none; } .logout{ display: block; float: right; width: 425px; padding: 10px 0px; text-align: right; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; } .logout a{ text-decoration: none; } div#logo{ margin: 0px auto; width: 932px; height: 157px; background: url('../images/vantageLogoHeader.gif') no-repeat; } div#logo a{position: absolute; top: 64px; width: 200px; height: 115px; cursor: pointer; text-decoration: none; } /* Navigation */ div#navContainer{ width: 1029px; height: 92px; padding-top: 15px; background: url('../images/navContainerBG.png') no-repeat; } div#nav, div#header, div#contentContainer, div#headerRight p{ margin: 0px auto; width: 970px; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; } div#nav{ background: url('../images/navigationBG.gif') repeat-x; overflow: hidden; } a.proactiveBttn, a.agencyBttn, a.investigationsBttn, a.trainingBttn, a.outsourcingBttn, a.proactiveBttnOn, a.agencyBttnOn, a.investigationsBttnOn, a.trainingBttnOn, a.outsourcingBttnOn{ display: block; float: left; text-align: center; color: #fff; padding: 13px 0px 8px; text-decoration: none; } a.proactiveBttn{ width: 269px; background: url('../images/nav/proactive.gif') no-repeat 0px 0px; } a.agencyBttn{ width: 198px; background: url('../images/nav/agency.gif') no-repeat 0px 0px; } a.investigationsBttn{ width: 273px; background: url('../images/nav/investigations.gif') no-repeat 0px 0px; } a.trainingBttn{ width: 95px; background: url('../images/nav/training.gif') no-repeat 0px 0px; } a.outsourcingBttn{ width: 135px !important; *width: 132px; background: url('../images/nav/outsource.gif') no-repeat 0px 0px; } a.proactiveBttn:hover, a.proactiveBttnOn{ background: url('../images/nav/proactive.gif') no-repeat 0px -39px; } a.agencyBttn:hover, a.agencyBttnOn{ background: url('../images/nav/agency.gif') no-repeat 0px -39px; } a.investigationsBttn:hover, a.investigationsBttnOn{ background: url('../images/nav/investigations.gif') no-repeat 0px -39px; } a.trainingBttn:hover, a.trainingBttnOn{ background: url('../images/nav/training.gif') no-repeat 0px -39px; } a.outsourcingBttn:hover, a.outsourcingBttnOn{ background: url('../images/nav/outsource.gif') no-repeat 0px -39px; } a.proactiveBttnOn{ width: 269px; } a.agencyBttnOn{ width: 198px; } a.investigationsBttnOn{ width: 273px; } a.trainingBttnOn{ width: 95px; } a.outsourcingBttnOn{ width: 135px; } /* Header */ div#header{ height: 254px; background: url('../images/header.jpg') no-repeat; overflow: hidden; } div#headerRight{ float: right; width: 336px; height: 254px; padding-top: 35px; } div#headerRight p{ margin: 0px auto; width: 280px; font-size: 13px; padding: 0px; line-height: 18px; } div#headerRight p h2{ margin: 0px; padding: 0px; } /* Content */ div#contentContainer{ margin: 10px auto; overflow: hidden; } div#contentLeftContainer{ float: left; width: 600px; background: url('../images/leftColumnBG.gif') repeat-x #dcdbdb; padding: 20px 10px 10px; overflow: hidden; } div#contentLeft{ width: 590px; padding: 5px 5px 20px; background:#fff; } div#contentLeft p{ background: #fff; } div#twoColMiddle{ margin-top: 60px; width: 580px; overflow: hidden; } div#twoColMiddleLeft, div#twoColMiddleRight{ width: 266px; padding: 0px; } div#twoColMiddleLeft h3, div#twoColMiddleRight h3{ width: 260px; } div#twoColMiddleLeft h3, div#twoColMiddleRight h3, div#sevenP{ margin: 0px 0px 8px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #f15f29; padding: 0px 0px 6px; border-bottom: 2px solid #ee2a2a; } div#twoColMiddleLeft{ float: left; margin-right: 20px; } div#twoColMiddleRight{ float: right; } .date{ color: #444; line-height: 16px; padding: 0px 0px 20px; } .date a{ color: #0072bc; text-decoration: underline; line-height: 16px; } .date a:hover{ text-decoration: none; } /* 7 ps */ div#sevenP{ margin-top: 50px; height: 15px; overflow: hidden; } .seven, .more{ display: block; width: 100px; font-weight: bold; text-transform: uppercase; } .seven{ float: left; } .more{ float: right; text-align: right; } .more a{ font-weight: bold; } .more a, div#footer p a{ color: #f15f29; text-decoration: none; } .more a:hover{ text-decoration: underline; } .sevenTxt{ font: 12px Verdana, Arial, Helvetica, sans-serif; } div#listContainer{ text-align: center; overflow: hidden; } div#listContainer a{ font-weight: bold; margin: 10% 05%; } div#contentRight{ float: right; width: 336px; } div#clientCommentsContainer{ width: 332px; margin: 18px auto 0px; overflow: hidden; } div#postIt{ position: relative; top: 0px; left: 100px; z-index: 200; width: 130px; height: 109px; background: url('../images/postIt.png') no-repeat; } div#clientCommentsDivider{ width: 332px; height: 8px; margin-top: -75px; font-size: 0px; background: url('../images/clientCommentDivider.gif') repeat-x; } div#clientsComments{ margin: 0px auto; width: 330px; min-height: 100px; background: url('../images/clientCommentsBG.gif') repeat-x #fff; padding: 78px 0px 15px 15px; border: 1px solid #d6d6d6; overflow: hidden; } div#clientsComments p{ width: 290px; line-height: 17px; } div#clientsComments p span{ float: right; padding-right: 10px; } /* Footer */ div#footerContainer{ width: 1029px; padding: 15px 0px 20px; margin-bottom: 25px; background: url('../images/footerContainerBG.gif') no-repeat bottom; } div#footer{ width: 970px; background: url('../images/footerBG.gif') repeat-x #292929; padding: 15px 0px; } div#footer,div#footer p, div#footerNav{ margin: 0px auto; text-align: center; } div#footerNav{ margin-bottom: 5px; width: 836px; padding: 0px 0px 12px; border-bottom: 1px solid #fff; } div#footer p, div#footer p a, div#footerNav, div#footerNav a{ color: #fff; } div#footerNav a{ font-size: 10px; text-transform: uppercase; text-decoration: none; margin: 0px 4px; } div#footer p a:hover, div#footerNav a:hover{ text-decoration: underline; } /* _____________________ inside page _____________________*/ div#singleColumn{ margin: 0px auto; width: 1029px; min-height: 200px; color: #000; } div#singleColumn p{ margin-left: 20px; line-height: 16px; } div#leftColContainer{ float: left; width: 191px; } div#tertNavContainer, div#tertNoNavContainer{ padding-top: 8px; background: url('../images/clientCommentDivider.gif') repeat-x top left #d4d4d4; } div#tertNoNavContainer{ background: none; } .tertNav{ margin: 0px auto; width: 173px; font: 11px bold Verdana, Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase; padding: 13px 0px 13px 6px; background: url('../images/tertNavBG.gif') repeat-x bottom left; } .tertNav ul{ margin:0px; list-style-image: url('../images/leftNavList.gif'); } .tertNav ul li{ margin-left: 15px; } a.tertNavLink, a.tertNavLinkOn{ font-size: 10px; color: #000; font-weight: bold; text-decoration: none; } a.tertNavLink:hover, a.tertNavLinkOn{ color: #ed272b; text-decoration: underline; } div#middleCol{ float: left; width: 766px; overflow: hidden; background: url('../images/midColBG.gif') repeat-x #e4e4e4; border-left: 13px solid #e4e4e4; } div#midColBox{ width: 765px; padding: 0px; } div#midColNoBox{ width: 600px; padding: 0px; } div#midColBox p, div#midColNoBox p, .faqDiv, .bodyCopy{ margin: 12px 0px; line-height: 16px; padding: 0px 20px 0px; } .bodyCopy ul{ margin: 12px 0px 0px; list-style: disc; } .bodyCopy li{ margin: 0px 0px 0px 20px; line-height: 16px; } div#midColBox h2, div#midColNoBox h2{ margin: 20px 0px 0px; } div#rightColBox{ float: right; width: 243px; border-left: 13px solid #e4e4e4; margin: 0px 0px 10px 20px; } #sideBox{ margin: 0px 0px 10px 0px; background: url('../images/sideBox1.gif') no-repeat #e4e4e4; font-weight: bold; } #sideBox ul, #sideBox2 ul{ width: 215px; } #sideBox ul li, #sideBox2 ul li{ margin: 0px 0px 12px 30px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; list-style-image: url('../images/checkmarkBox1.png'); letter-spacing: 1px; } #sideBox, #sideBox2{ height: 194px; font-size: 13px; line-height: 18px; } #sideBox{ padding: 15px 10px 0px 10px; } #sideBox2{ background: url('../images/caseStudiesBG.gif') repeat-x #e2e2e2; padding: 30px 0px 0px 10px; } #sideBox2, #sideBox2 ul li{ color: #000; } #sideBox2 a{ color: #0099ff; } div#caseStudies{ margin: 0px auto 10px; background: url('../images/caseStudiesBG.gif') repeat-x #e2e2e2; } div#caseStudies, div#resources{ padding: 0px 0px 16px; } div#resources{ background: url('../images/clientCommentDivider.gif') repeat-x top left #e4e4e4; } div#caseStudies h3, div#resources h3{ display: block; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase; padding: 16px 12px 0px; } div#caseStudies ul, div#resources ul{ margin: 0px 0px 0px 20px; padding: 0px; width: 200px; /*list-style-image: url('../images/caseStudyList.gif');*/ list-style: none; } div#caseStudies ul li, div#resources ul li{ margin: 0px 0px 12px 20px; } div#caseStudies ul li a, div#resources ul li a, div#listContainer a{ color: #0099ff; text-decoration: underline; } div#caseStudies ul li a:hover, div#resources ul li a:hover, div#listContainer a:hover{ text-decoration: none; } /* 1 column layout */ div#noNavContainer{ padding-top: 8px; } /* Forms */ #formContainer{ width: 475px; margin: 10px auto; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000; padding: 1em; overflow: hidden; } .required { color: #ed1c24; } .requiredTxt{ margin-left: 5px; padding: 0px; font-size: 10px; } .fieldHolder, .fieldHolderRight, .acctField{ display: block; float: left; margin: 5px 10px 5px 5px; padding: 0px; overflow: hidden: } .fieldHolderRight{ width: 425px; *width: 435px; } .fieldHolder label{ display: block; width: 115px; float: left; color: #000; padding: 5px 0px; } .fieldHolder textarea{ width: 305px; border: 1px solid #000; } .formField { margin: 0px 0px 3px; width: 300px; font-size: 11px; padding: 3px; border: 1px solid #000; } .fieldHolder h3{ display: block; width: 500px; } .expLabel, expLabel2{ display: block; float:left; width: 50px; color: #000; padding: 5px 0px; } .expDrop{ display: block; float:left; width: 100px; } .expLabel2{ margin-left: 115px; } /* Log in, Create Account */ div#libraryTwoColMiddle{ width: 580px; overflow: hidden; } .formLibrary{ margin: 10px auto; width: 250px; font: 12px Verdana, Arial, Helvetica, sans-serif;color: #000; padding: 1em; overflow: hidden; } .acctField label{ display: block; width: 150px; float: left; color: #000; padding: 5px 0px; } .acctTxt { margin: 0px 0px 3px; width: 200px; font-size: 11px; padding: 3px; border: 1px solid #000; } /* Misc */ .faqDiv, .faqDiv div{ margin: 0px; line-height: 17px; font-size: 12px; padding: 0px; color: #000 } .faqDiv h3{ margin: 0px; font-size: 11px; } .faqDiv h3 a{ font-weight: bold; text-decoration: underline; } .faqDiv h3 a:hover{ text-decoration: none; } .faqContent{ display: none; padding: 1em; line-height: 16px; } #a1, #a2, #a3, #a4, #a5, #a6, #a7, #a8, #a8, #a9, #a10, #a11, #a12, #a13, #a14, #a15, #a16, #a17, #a18, #a19, #a20{ line-height: 17px; margin-top: 5px; ) .accordian{ line-height: 17px; margin-top: 5px; } .displayMessage{ display: block; color: #555; padding: 1em 5em; font-size: 14px; line-height: 17px; border-width: 2px 0px; border-style: solid; border-color: #FDFF20; background: url('../images/teamocil_icons/warning.png') no-repeat 20px 15px #FEFFB9; } .seminarDivider{ display: block; height: 1px; font-size: 0px; margin: 20px 0px; background: #D4431D; }