body { margin: 0em 0em 1em 0em; padding: 5px 0em 0em 0em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; text-align: center; line-height: 1.3em; background-color: #FFFFFF; } table {font-size: 100%;} p { line-height: 1.8em;} a { color: #18487f; } a:hover { color: #6a93bd; } h1 { font-size: 200%; font-weight:normal; } h2 { font-size: 180%; font-weight:normal;} h3 { font-size: 160%; font-weight:normal; } h4 { font-size: 140%; font-weight:normal; } h5 { font-size: 120%; font-weight:normal; } h6 { font-size: 100%;} .darkBlue { color: #102e50; } .mediumBlue { color: #6794bb; } .lightBlue { color: #ADCEEF; } .footNote { font-size: 80%; line-height: normal;} a.lightLink { color: #6a93bd; } a.lightLink:hover { color: #18487f; } #pageWidthWrap { position: relative; margin: 0em auto; padding: 0px; width: 740px; } /* Sets our width */ li { margin: .75em 0em; } /* li.listedDocument { list-style-image: url(/images/icons/16x16/document.gif); } */ li.listedDocument { list-style:none; background: url(/images/icons/16x16/document.gif) no-repeat; padding-left: 20px; } /*li.listedAttachment { list-style-image: url(/images/icons/16x16/document_attachment.gif); }*/ li.listedAttachment { list-style:none; background: url(/images/icons/16x16/document_attachment.gif) no-repeat; padding-left: 20px; } /*li.listedLink { list-style-image: url(/images/icons/16x16/document.gif); }*/ li.listedLink { list-style:none; background: url(/images/icons/16x16/document.gif) no-repeat; padding-left: 20px; } /*li.listedSearch { list-style-image: url(/images/icons/16x16/find.gif); }*/ li.listedSearch { list-style:none; background: url(/images/icons/16x16/find.gif) no-repeat; padding-left: 20px; } /* Header : Logo and Links to UK/N. American sites ------------------------------ */ #headerWrap { text-align: left; position: relative; } #headerLinksWrap { position: absolute; right: 0px; top: 30px; font-size: 75%; } /* End Header ------------------------------------ */ /* Global Navigation Bar : Primary Navigation and Search the Site ------------------------------ */ #globalNavBar { position: relative; top: 0px; left: 0px; background: url(/images/globalNavBar-bg.gif) repeat-x bottom #102e50; font-size: 90%; height: 3.85em; margin-top: 10px; text-align: left; } #navbarTopLeftCorner { background: url(/images/globalNav.gif) no-repeat !important; height: 10px; font-size: 1px; } #navbarTopRightCorner { position: absolute; top: 0px; right:0px; background: url(/images/globalNav.gif) no-repeat 100% 0%; height: 10px; font-size: 1px; width: 15px; } #navbarBtmLeftCorner { position: absolute; left: 0px; bottom: 0px; margin:0px; width: 100%; background: url(/images/globalNav.gif) 0% 100% no-repeat; height: 10px; font-size: 1px; } #navbarBtmRightCorner { position: absolute; right:0px; bottom: 0px; background: url(/images/globalNav.gif) no-repeat 100% 100%; height: 10px; font-size: 1px; width: 15px; } #globalNavBar form { margin: 0px; padding: 0px;} /* Actual Nav Items ------------------------- */ #primaryNav { position: absolute; left: 5px; float: left; top: .75em; list-style: none; margin: 0px 0px 0px 0px; padding: 0px; width: 515px; font-size: 110%; } #primaryNav li { float: left; padding: 0px; margin: 0px 3px 0px 3px; } #primaryNav a { display: block; float: left; color: #FFFFFF; font-weight: bold; padding: 4px 7px 4px 7px; text-decoration: none; } #primaryNav ul a:hover { color: #D3EAFF; } /* Search Form ------------------------- */ #searchFormWrap { float: right; color:#FFFFFF; border-left: 0px solid #1a3a60; width: 215px; } #searchFormWrap #frmSearch { margin: .45em 5px .45em 0px; padding: 0px; } #searchFormWrap .QuickSearchTerm { color: #AAAAAA; background: #ffffff; border: 1px solid #1a3a60; font-size: 85%; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 2px; width: 125px; } #searchFormWrap .searchFormGo { color: #FFFFFF; font-size:85%; position: relative; bottom: 2px; } /* End Navigation Bar ---------------- */ /* Secondary Nav : Popup Menus ------------------------------ */ #secondaryNavWrap { position: relative; margin: 4px 0px 5px 9px; text-align:left; } .secondaryNav { position: absolute; top: 0px; left: 0px; color: #999999; font-size: 75%; letter-spacing: .030em; min-width: 650px; visibility: hidden; } .secondaryNav a { color: #003366; text-decoration: none; } .secondaryNav a:hover { color: #4c74a2; text-decoration: underline; } /* End Secondary Nav ---------------- */ /* Feature : Graphics at top of page under nav ------------------------------ */ #featureWrap { position:relative; margin-top: 1.95em; text-align:center; } /* ------------------------------------------------------------ */ /*breadCrumbsWrap : Quick Links below the feature section ------------------------------ */ #breadCrumbsWrap { color: #6993bd; font-size: 85%; } #breadCrumbsWrap #breadCrumbs { position: absolute; right: 0px; top: -0.55em; } #breadCrumbsWrap #breadCrumbs a { color: #666666; text-decoration: none; } #breadCrumbsWrap #breadCrumbs a.previousCrumb { font-weight: bold; } #breadCrumbsWrap #breadCrumbs a:hover { color: #18487f; text-decoration: underline; } /* ------------------------------------------------------------ */ /* innerContentWrap : Provides width/position for lower/content portion of inner pages ---------------------- */ #innerContentWrap { position: relative; background: url(/images/footer-bg.gif) no-repeat 0 100%; margin-top: 1em; padding-bottom: 2.5em; width: 740px; text-align:center;} #modisCareersCallout.calloutWrap {width: 260px !important;} #jobOutlookWrap.calloutWrap {width: 100% !important; font-size: 100% !important; margin: 0px !important; Padding: 0px !important; background: #e4F1Fd url(/images/callOut-Blue-bg.gif) repeat-x !important;} #jobOutlookWrap.calloutWrap .calloutPadWrap{ margin-left: 1.25em; margin-right: 1.25em;} #jobOutlookWrap.calloutWrap h3 { margin-top: 0px; font-size: 135%; font-weight: bold; color: #17375C; font-style:italic; } #jobs-NextSteps.calloutWrap .calloutPadWrap { margin: 0 .75em; } /* End .calloutWrap : provides basis for rounded rectangular areas on bottom portion of page. Accompanied by IDs for individual postioning */ .calloutWrap { } .calloutTopLeftCorner { background: url(/images/callOut-Corners-top.gif) no-repeat 0% 0%; height: 10px; } .calloutTopRightCorner { background: url(/images/callOut-Corners-top.gif) no-repeat 100% 0%; height: 10px; width: 10px; float: right;} .calloutBtmLeftCorner { background: url(/images/callOut-Corners-btm.gif) no-repeat 0% 100%; height: 10px; } .calloutBtmRightCorner { background: url(/images/callOut-Corners-btm.gif) no-repeat 100% 100%; height: 10px; width: 10px; float: right; border: 0px solid blue; font-size: 2px;} .calloutPadWrap { margin: 0 .75em; } .calloutPadWrap h5 { margin: 0 1em .25em 0em; font-weight: bold; color: #555555;} .calloutPadWrap ul { margin: 0 0 .5em 0; padding: 0;} .calloutPadWrap ul li { margin: .85em .25em; } .calloutPadWrap .hrWrap { padding: 5px; text-align:center; } .calloutPadWrap .hrWrap hr { height: 1px; color: #CCCCCC; background-color: #CCCCCC; width: 85%; } /* End .calloutWrap */ /* Begin #subColWrap: Background/padding elements for smaller of the 2 columns in the lower half of content pages ------ */ #subColWrap { position: relative; float: left; font-size: 80%; width: 210px; text-align:left; } #subColCapsuleWrap { background: url(/images/col-top-bg.gif) #fAfAfA repeat-y; width: 100%; } #subColCapsuleTopLeftCorner { position: relative; top: 0px; left:0px; background: url(/images/col-top-bg.gif) no-repeat #fAfAfA; height: 10px; font-size: 1px; } #subColCapsuleTopRightCorner { position: absolute; right:0px; top: 0px; background: url(/images/col-top-bg.gif) no-repeat 100% 0% #fAfAfA; height: 10px; width: 10px; font-size: 1px; } #subColCapsuleBGRight { background: url(/images/col-top-bg.gif) repeat-y 100% -20px; padding-bottom: .5em; } #subColCapsuleBtmLeftCorner { position: relative; left:0px; background: url(/images/col-btm-bg.gif) no-repeat 0% 100%; height: 15px; font-size: 1px; } #subColCapsuleBtmRightCorner { position: absolute; right:0px; top: 0px; background: url(/images/col-btm-bg.gif) no-repeat 100% 100%; height: 15px; width: 10px; font-size: 1px; } #subColCapsulePadderWrap { margin-left: auto; margin-right: auto; width: 200px; } #subColCapsuleWrap h3 { font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Sans-Serif; font-size: 150%; margin:0em; margin-left: .45em; font-weight:normal; color:#555555; padding-bottom: .35em; } #relatedLinksWrap { width: 205px; overflow:hidden; float:none; margin:auto; background: url(/images/callOut-Blue-bg.gif) repeat-x #e4f1fd;} #relatedLinksWrap { font-size: 95%;} #relatedLinksWrap h3 { font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Sans-Serif; border-bottom: 1px solid #95C4EF; font-size: 135%; margin: 0px; padding-bottom: .35em;} #relatedLinksWrap #recentJobListWrap { border-bottom: 1px dashed #c5ddf5; padding: .5em; border-top: 1px solid #DFEEFC; } #relatedLinksWrap #recentJobListWrap a { font-weight: bold; } #relatedLinksWrap #recentJobListWrap a:hover { color: #003366; } #relatedLinksWrap #recentJobListFooterWrap { text-align:right; padding: .5em; padding-bottom: 0em; } #relatedLinksWrap #recentJobListFooterWrap a { color: #75B000; font-weight: bold; } #subColCapsuleWrap .calloutWrap { background-color: #e4f1fd } #subColCapsuleWrap .calloutWrap h5 { margin: 0 0 .25em .75em; } #subColCapsuleWrap .calloutWrap a:hover { color:#555555;} /* End subCol : ------ */ /* Begin tertiaryNav : This is only the 'head text' itself and the list of items, not the surrounding box/background */ h3#tertiaryNavHead { border-bottom: 1px solid #e0e0e0; width: 184px; font-size: 150%; } #tertiaryNav { font-size: 95%; position: relative; margin: 0em; margin-bottom: 1.0em; margin-left: .25em; padding: 0em; list-style: none; padding-top: .65em; border-top: 1px solid #FFFFFF; width: 174px;} #tertiaryNav li { list-style: none; margin: .25em; } #tertiaryNav li a { display:block; border: 1px solid #fAfAfA; padding-left: .25em; text-decoration: none; width: 184px; } #tertiaryNav li a:hover { background: #e8f2fc; border: 1px solid #82afe8; color: #333333; } /* End tertiaryNav : ------------------ */ /* Begin #mainColWarp : Main content area and potential items within -------------------------------------------------- */ #mainColWrap { float:left; font-size: 85%; margin-left: 25px; width:490px; text-align:left;} #mainColWrap.singleColumn { width: 99%; margin-left:auto; margin-right:auto; } #pageTitle { /* color: #FFCC33;*/color: #75b000; font-size: 200%; font-weight: normal; font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Sans-Serif; margin-top:1.15em; line-height: 1.25em; } #pageSubTitle { color: #888888; font-size: 160%; font-weight: bold; font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Sans-Serif; margin-top: -0.25em; } #mainColWrap .calloutWrap { background-color: #E9E9E9; width: 185px; float: right; margin-left: 1.5em; font-size: 80%; margin-bottom: .75em;} #mainColWrap .calloutWrap h5 { font-size: 110% !important; } /* ------------------------------ */ /* End #mainCol : end styles from mainCol */ /* ------------------------------------------------------------ */ #footerNavWrap { position:relative; padding-top: 0.65em; color: #003366; padding-bottom: .5em; } ul#footerNav { list-style:none; display: inline; Font-size: 75%; } ul#footerNav li { list-style:none; display: inline; } /* ------------------------------ */ /* ------------------------------------------------------------ */ #copyrightWrap { position: relative; top: .5em; border-top: 1px solid #e0e0e0; color:#666666; font-size: 9px; line-height: 1.5em; padding-top: .5em; text-align:left; width: 740px; } #copyrightLinksWrap { position: absolute; right: 0px; top: 0.5em; } /* ------------------------------ */ #TestingCapabilitiesTable td { padding: .45em; border-bottom: 1px solid #e5e5e5;} #TestingCapabilitiesTable th { text-transform: uppercase; background: #efefef; padding: 0.45em; border-bottom: 3px solid #666666; } #TestingCapabilitiesTable td strong{ color: #003366;} /* ------------------------------ */ div.Clearer { clear: both; line-height: 0px; height: 0px; margin: 0px; padding: 0px; font-size: 0px; height: 0px;} div.Clearer-Left { clear: left; line-height: 0px; height: 0px; margin: 0px; padding: 0px; font-size: 0px; height: 0px;} div.Clearer-Right { clear: right; line-height: 0px; height: 0px; margin: 0px; padding: 0px; font-size: 0px; height: 0px;} /* ------------------------------ */ #linksWrap { border: 2px solid #e0e0e0; width: 600px; padding: 10px; margin: auto; position: relative; top: 20px; } #linksSkeleton { width: 100% } #linksSkeleton a img { border: 0px;} #linksWrap td { border-bottom: 1px dashed #e0e0e0; padding: .75em; } #linksWrap td h3 { color: #004584; font-size: 115%; font-weight: bold; } #linksWrap .bottomRow td { border-bottom: 0px dashed #e0e0e0; } #linksWrap .logoColumn { text-align:center; width: 55%; } .caseStudyWrap { padding-top: 1.25em; padding-bottom: 1em; border-bottom: 1px dashed #e0e0e0; } .caseStudyHead { color: #6a94be; font-size: 125%; font-weight: bold; } .caseStudyClientHead { color: #333333; margin: 0px; font-size: 105%; font-weight: bold; } .caseStudySummaryWrap a { display: block; background: no-repeat url(/images/icons/10x10/open.gif) 0em .45em; padding-left: 16px; } .caseStudyDetailWrap { background: #f0f0f0; padding: .5em; display: none; } .caseStudyDetailWrap a { display: block; background: no-repeat url(/images/icons/10x10/close.gif) 0em .45em; padding-left: 16px; } .caseStudySolutionHead { color: #333333; font-size: 105%; font-weight: bold; margin-top: 0px; font-style:italic; } #eoeStatment {font-family: arial; font-size:10px; border-top: 3px solid #CCCCCC; border-bottom: 3px solid #CCCCCC; padding: .75em; margin-top: 1.5em;} #sitemap li { margin: .45em 0em } #sitemap { font-size: 140%; font-weight: bold; } #sitemap li ul { font-size: 90%; font-weight: normal; }