/* a1 envirosciences */ body { font-family: arial, Helvetica, sans-serif; font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */ line-height: 1.3em; text-align: left; color: #000; background: #fff; margin: 0; padding: 0; } h1,h2,h3,h4,h5 { color: #000; margin: 0; padding: 0; font-size: 1em; } hr { border: none; border-top: 1px solid #84888b;} p { margin: 0 0 15px 0; padding: 0; } a { text-decoration: underline; color: #0d366c; } a:hover { text-decoration: none; } acronym { cursor: help; border: none; } img { border: none; } .clear { clear: both; } .clickable { cursor: pointer; } form, fieldset { margin: 0; padding: 0; border: none; } /* main container + shadow */ #outer { position: relative; width: 1024px; margin: 0 auto 0 auto; background: #fff url(../images/bg.gif) 0 0 repeat-y; } /* main wrapper container + faux column for main menu */ #wrapper { position: relative; width: 788px; padding: 0 13px 0 44px; float: left; background: transparent url(../images/faux-column.gif) 29px 0 repeat-y; } /* big blue curved mask (partially obscures main menu) */ #wrapper .headerMask { position: absolute; top: 166px; left: 44px; z-index: 10; width: 98px; height: 88px; background: transparent url(../images/header-mask.gif) 0 0 no-repeat; } /* ad-space styles */ #contextualAds { position: relative; float: left; width: 179px; margin-top: 32px; } /* main container + bottom logo */ #contextualAds a { position: relative; text-decoration: none; margin-left: 10px; display: block; width: 150px; border: 1px solid #002a5c; padding: 0 0 180px 0; background: #002a5c url(../images/quicklink-logo.gif) 50% 88% no-repeat; } /* custom image container */ #contextualAds a span { position: relative; display: block; background-color: #fff; background-position: 50% 60%; background-repeat: no-repeat; } /* top text-box + orange mask */ #contextualAds a em { display: block; position: relative; line-height: 1.2em; padding: 50px 10px 50px 10px; color: #fff; text-align: center; font-weight: bold; font-size: 1.6em; background: #f26432 url(../images/quicklink-mask-top.gif) 100% 100% no-repeat; } /* bottom text-box + blue mask */ #contextualAds a strong { padding: 250px 10px 20px 10px; font-weight: normal; text-align: center; font-size: 0.9em; display: block; background: transparent url(../images/quicklink-mask-bottom.gif) 100% 100% no-repeat; } /* header container */ #header { position: relative; width: 788px; height: 167px; background: #0d366c url(../images/header-br-corner.gif) 100% 100% no-repeat; border-bottom: 3px solid #fff; } #header h1 { position: absolute; top: 64px; left: 28px; width: 386px; height: 47px; text-indent: -9999px; background: transparent url(../images/a1envirosciences-logo.gif) 0 0 no-repeat; } #header #skip {display: none; } #header h1 a { position: absolute; top: 0; left: 0; width: 386px; height: 47px; display: block; } #header ul { position: absolute; background: #fff; top: 0; left: 0; display: block; width: 788px; text-align: right; } #header ul, #header ul li { margin: 0; padding: 0; list-style: none; } #header ul li { display: inline; border-right: 1px solid #0d366c; font-size: 0.9em; line-height: 32px; } #header ul li.last { border-right: none; } #header ul li a { color: #0d366c; font-weight: normal; padding: 0 5px 0 5px; text-decoration: none; } #header ul li a:hover { text-decoration: underline; } #header dl, #header dl dt, #header dl dd { margin: 0; padding: 0; display: block; text-align: right; background: none !important;} #header dl dd { float: right; border-right: 1px solid #fff; padding: 0 5px 0 5px !important; font-size:inherit !important; } #header dl dd a { color: #fff; } #header dl dd.last { border: 0; padding-right: 0; } #header dl { overflow: hidden; } /* login form */ #header dl, #header form { position: absolute !important; top: 42px; right: 12px; width: 300px; color: #fff; font-size: 0.9em; } #header form label { display: block; float: left; width: 150px; padding: 0 10px 0 0; text-align: right; line-height: 24px; } #header form input { display: block; width: 130px; float: right; } #header form input, #header form label { margin: 0 0 5px 0; } #header form .submit { width: auto; float: right; padding-top: 2px; overflow: hidden; clear: both; text-align: right; } #header form a { color: #fff; } #header form p {text-align: right;} /* content container + footer lid */ #content { position: relative; padding: 0 0 27px 0; width: 788px; background: transparent url(../images/footer-top.gif) 0 100% no-repeat; } /* main menu container */ #mainMenu { position: relative; float: left; width: 222px; } #mainMenu ul, #mainMenu ul li { margin: 0; padding: 0; list-style: none; } #mainMenu ul li { display: block; font-size: 1em; border-bottom: 1px solid #fff; float: left; } #mainMenu ul li a { color: #fff; width: 222px; padding: 0; text-decoration: none; display: block; float: left; background: transparent url(../images/menu-bg.gif) 100% 100% no-repeat; } #mainMenu ul li a span { width: 200px; float: left; padding: 8px 22px 8px 0; text-align: right; display: block; background: transparent url(../images/white-arrow-rt.gif) 210px 50% no-repeat; } #mainMenu ul li a:hover.active, #mainMenu ul li a:hover { color: #0d366c; background: transparent url(../images/menu-bg.gif) 100% 100% no-repeat; } #mainMenu ul li a.active { font-weight: bold; color: #fff; background: transparent url(../images/menu-bg.gif) 100% 100% no-repeat; } #mainMenu ul li a:hover.active span, #mainMenu ul li a:hover span { background: transparent url(../images/blue-arrow-rt.gif) 210px 50% no-repeat; } /* active/inactive states for items that have child elements */ #mainMenu ul li a.active span { background: transparent url(../images/white-arrow-rt.gif) 210px 50% no-repeat; } #mainMenu ul li a:hover.active span { background: transparent url(../images/blue-arrow-rt.gif) 210px 50% no-repeat; } #mainMenu ul li a.hasChildren span { background: transparent url(../images/white-arrow-dn.gif) 210px 50% no-repeat !important; } #mainMenu ul li a:hover.hasChildren span { background: transparent url(../images/blue-arrow-dn.gif) 210px 50% no-repeat !important; } /* 2nd level navigation styles */ #mainMenu ul li ul { float: left; width: 222px; overflow: hidden; border-top: 10px solid #fff; border-bottom: 10px solid #fff; } #mainMenu ul li ul li a { color: #f26432; background: #fff; text-align: right; padding-right: 12px; width: 202px; border-right: 8px solid #fff; } #mainMenu ul li ul li a:hover.active, #mainMenu ul li ul li a:hover { color: #0d366c; background: #fff url(../images/blue-arrow-rt.gif) 100% 50% no-repeat; } #mainMenu ul li ul li a.active { color: #f26432; font-weight: bold; background: #fff url(../images/orange-arrow-rt.gif) 100% 50% no-repeat; } /* search box container */ #mainMenu .searchBox { position: relative; float: left; width: 222px; overflow: hidden; background: #fff; } #mainMenu .searchBox h4 { font-weight: normal; color: #fff; padding: 8px 22px 8px 0; text-align: right; background: #0d366c url(../images/blue-br.gif) 100% 100% no-repeat; } #mainMenu .searchBox form { padding: 10px 0 10px 0; } #mainMenu .searchBox form label { display: block; float: left; font-size: 0.9em; font-weight: bold; color: #0d366c; width: 75px; padding: 0 10px 0 0; text-align: right; line-height: 24px; } #mainMenu .searchBox form input { display: block; width: 130px; margin-right: 5px; color: #ccc; font-size: 0.9em; float: left; overflow: hidden; } #mainMenu .searchBox form input, #mainMenu .searchBox form label {margin: 0 0 10px 0; } #mainMenu .searchBox form .submit { width: auto; float: right; border: 1px solid #0d366c; margin-right: 5px; } #mainMenu ul li a#safetech { background: #f26432 url(../images/safetech-menu-bg.gif) 100% 100% no-repeat; } #mainMenu ul li a#cbiss { background: transparent url(../images/cbiss-menu-bg.gif) 100% 100% no-repeat; } #mainMenu ul li a#predicta { background: transparent url(../images/predicta-menu-bg.gif) 100% 100% no-repeat; } #mainMenu ul li a#envirotech { background: transparent url(../images/envirotech-menu-bg.gif) 100% 100% no-repeat; } #mainMenu .address { position: relative; clear: both; background: transparent url(../images/a1-logo.gif) 17px 24px no-repeat; padding: 92px 5px 0 17px; width: 200px; } #mainMenu .address p { color: #002a5c; } /* body container */ #body { position: relative; float: left; width: 554px; padding: 0 0 10px 12px; } #home #body { padding-bottom: 0; } #body ul { padding-left: 15px; } /* footer container */ #footer { position: relative; width: 788px; background: transparent url(../images/footer-bg.gif) 0 0 repeat-y; } #footer ul, #footer ul li { margin: 0; padding: 0; list-style: none; } #footer ul { text-align: center; } #footer ul li { display: inline; border-right: 1px solid #fff; font-size: 0.9em; } #footer ul li.last { border-right: none; } #footer ul li span, #footer ul li a { color: #fff; font-weight: normal; padding: 0 5px 0 5px; text-decoration: none; } #footer ul li a:hover { text-decoration: underline; } /* footer a1 logos */ #footer .logos { position: relative; overflow: hidden; padding: 10px 10px 10px 0; } #footer .logos li { border: none; display: block; float: right; margin-left: 20px; } #footer .logos li a { display: block; float: right; text-indent: -9999px; height: 55px; } #footer .logos li.a1Envirosciences, #footer .logos li.a1Envirosciences a { width: 187px; } #footer .logos li.a1Cbiss, #footer .logos li.a1Cbiss a { width: 131px; } #footer .logos li.a1Safetech, #footer .logos li.a1Safetech a { width: 103px; } #footer .logos li.a1Predicta, #footer .logos li.a1Predicta a { width: 107px; } #footer .logos li.a1Envirotech, #footer .logos li.a1Envirotech a { width: 123px; } #footer .logos li.a1Envirosciences a { background: transparent url(../images/envirosciences.gif) 0 50% no-repeat; } #footer .logos li.a1Cbiss a { background: transparent url(../images/cbiss.gif) 0 50% no-repeat; } #footer .logos li.a1Safetech a { background: transparent url(../images/safetech.gif) 0 50% no-repeat; } #footer .logos li.a1Predicta a { background: transparent url(../images/predicta.gif) 0 50% no-repeat; } #footer .logos li.a1Envirotech a { background: transparent url(../images/envirotech.gif) 0 50% no-repeat; } #footer p { position: relative; display: block; background: #fff; margin: 0; padding: 5px 0 5px 0; font-size: 0.85em; color: #0d366c; text-align: right; } /* contextual image container (currently only on home page) */ #content #body .contextImage { width: 206px; overflow: hidden; float: left; padding: 0; } #content #body .body { float: right; width: 328px; } /* home page specific styles */ #home #content #body .introduction { position: relative; overflow: hidden; padding: 0 0 20px 0; } #home #content #body .introduction h3 { color: #929699; font-size: 1.8em;} #home #content #body dl, #home #content #body dl dt, #home #content #body dl dd { margin: 0; padding: 0; display: block; } #home #content #body dl { background-color: transparent; background-position: 0 36px; background-repeat: no-repeat; margin-bottom: 15px; position: relative; width: 532px; overflow: hidden; } #home #content #body dl dt.title { color: #fff; font-size: 1.1em; line-height: 20px; height: 20px; font-weight: bold; padding: 8px 5px 8px 315px; background: transparent url(../images/bg-blue-fade.gif) 0 0 repeat-y; } #home #content #body dl dd.mask { position: absolute; top: 36px; left: 1px; z-index: 10; width: 200px; height: 170px; background-position: 50% 50%; background-repeat: no-repeat; background-color: transparent; } #home #content #body dl dd.mask span { display: block; text-indent: -9999px; position: absolute; top: 0; left: 0; z-index: 10; width: 22px; height: 16px; background: transparent url(../images/blue-mask-tl.gif) 0 0 no-repeat; } #home #content #body dl dd.text { font-size: 0.9em; color: #0d366c; min-height: 110px; padding: 20px 25px 10px 215px; background: transparent url(../images/home-category-bg.gif) 100% 100% no-repeat; } #home #content #body dl dd.text h4 { font-size: 1.5em; padding: 0 0 10px 0; } #home #content #body dl dd.text img { float: right; padding: 0 0 10px 10px; } #home #content #body dl dt.more { text-align: right; padding: 8px 10px 8px 0; line-height: 15px; background: #002a5c url(../images/med-blue-br.gif) 100% 100% no-repeat; } #home #content #body dl dt.more a { color: #fff; font-size: 0.9em; padding: 1px 20px 0 0; background: transparent url(../images/blue-orange-button.gif) 100% 50% no-repeat; } #home #content #body dl dt.more a:hover { background: transparent url(../images/blue-blue-button.gif) 100% 50% no-repeat !important;} /* Specific home page styles */ /* cbiss */ #home #content #body dl.cbiss dt.title { background: transparent url(../images/cbiss-fade.gif) 0 0 repeat-y; } #home #content #body dl.cbiss dd.mask { background-image: url(../images/cbiss-logo.gif); } #home #content #body dl.cbiss dd.mask span { background: transparent url(../images/cbiss-mask.gif) 0 0 no-repeat; } #home #content #body dl.cbiss dd.text { border-left: 1px solid #11b38e; } #home #content #body dl.cbiss dd.text h4 { color: #11b38e; } #home #content #body dl.cbiss dt.more a { background: transparent url(../images/blue-green-button.gif) 100% 50% no-repeat; } /* safetech */ #home #content #body dl.safetech dt.title { background: transparent url(../images/safetech-fade.gif) 0 0 repeat-y; } #home #content #body dl.safetech dd.mask { background-image: url(../images/safetech-logo.gif); } #home #content #body dl.safetech dd.mask span { background: transparent url(../images/safetech-mask.gif) 0 0 no-repeat; } #home #content #body dl.safetech dd.text { border-left: 1px solid #f26432; } #home #content #body dl.safetech dd.text h4 { color: #f26432; } #home #content #body dl.safetech dt.more a { background: transparent url(../images/blue-orange-button.gif) 100% 50% no-repeat; } /* predicta */ #home #content #body dl.predicta dt.title { background: transparent url(../images/predicta-fade.gif) 0 0 repeat-y; } #home #content #body dl.predicta dd.mask { background-image: url(../images/predicta-logo.gif); } #home #content #body dl.predicta dd.mask span { background: transparent url(../images/predicta-mask.gif) 0 0 no-repeat; } #home #content #body dl.predicta dd.text { border-left: 1px solid #d21241; } #home #content #body dl.predicta dd.text h4 { color: #d21241; } #home #content #body dl.predicta dt.more a { background: transparent url(../images/blue-red-button.gif) 100% 50% no-repeat; } /* envirotech */ #home #content #body dl.envirotech dt.title { background: transparent url(../images/envirotech-fade.gif) 0 0 repeat-y; } #home #content #body dl.envirotech dd.mask { background-image: url(../images/envirotech-logo.gif); } #home #content #body dl.envirotech dd.mask span { background: transparent url(../images/envirotech-mask.gif) 0 0 no-repeat; } #home #content #body dl.envirotech dd.text { border-left: 1px solid #fbd930; } #home #content #body dl.envirotech dd.text h4 { color: #002a5c; } #home #content #body dl.envirotech dt.more a { background: transparent url(../images/blue-yellow-button.gif) 100% 50% no-repeat; } /* cookie trail */ #content #body .cookieTrail { position: relative; padding: 0 0 20px 0; font-size: 0.8em; color: #999; } #content #body .cookieTrail a { text-decoration: none; color: #999; } #content #body .cookieTrail a:hover { text-decoration: underline; } #content #body .cookieTrail span { color: #002a5c; } /* content styles */ #content #body h2 { color: #002a5c; padding: 0 0 20px 0; font-size: 1.8em;} #content #body h3 { color: #002a5c; font-size: 1.2em; padding: 0 0 10px 0; } /* category styles */ #content #body .category { position: relative; width: 514px; padding: 0 0 10px 0; } #content #body .category div { background: #d7d8da; padding: 5px; } #content #body .category h3 { background: transparent url(../images/category-bg.gif) 100% 100% no-repeat; margin: 0; position: relative; margin-top: 5px; padding: 0; } #content #body .category h3 a { font-size: 1.1em; color: #0d366c; text-decoration: none; display: block; padding: 5px 0 20px 5px; } #content #body .category h3 a span { font-size: 0.8em; display: block; position: absolute; right: 22px; top: 20px; text-decoration: underline; font-weight: normal; } #content #body .category h3 a span em { display: block; font-style: normal; } #content #body .category h3 a span strong { display: none; font-weight: normal; } #content #body .category h3 a.expand { background: transparent url(../images/orange-blue-down.gif) 99% 75% no-repeat; } #content #body .category h3 a.expand span em { display: block; } #content #body .category h3 a.expand span strong { display: none; } #content #body .category h3 a.collapse { background: transparent url(../images/orange-blue-button.gif) 99% 75% no-repeat; } #content #body .category h3 a.collapse span em { display: none; } #content #body .category h3 a.collapse span strong { display: block; } #content #body .category .more { padding: 0 0 5px 0; } #content #body .category .more a { padding: 0 20px 0 0; text-align: right; display: block; background: transparent url(../images/grey-blue-button.gif) 100% 50% no-repeat; } /* product thumbnail containers (product cards) */ #content #body .thumbs { position: relative; width: 554px; overflow: hidden; } #content #body .thumbs h4 { color: #f26432; padding: 0 0 20px 0; font-size: 1.1em;} #content #body .thumbs .row { position: relative; padding: 0 0 10px 0; } #content #body .thumbs dl, #content #body .thumbs dl dt, #content #body .thumbs dl dd { margin: 0; padding: 0; display: block; } #content #body .thumbs dl { float: left; overflow: hidden; border-right: 10px solid #fff; background-color: transparent; background-position: 50% 36px; background-repeat: no-repeat; position: relative; width: 174px; overflow: hidden; } #content #body .thumbs dl dt { color: #fff; font-size: 1em; height: 40px; text-align: right; font-weight: bold; padding: 8px 4px 8px 2px; background: #002a5c; } #content #body .thumbs dl dd.mask { width: 174px; height: 108px; background: transparent url(../images/category-mask.gif) 100% 100% no-repeat; } #content #body .thumbs dl dd.text { font-size: 0.9em; color: #fff; padding: 5px 5px 25px 5px; min-height: 130px; height: auto !important; height: 130px; background: transparent url(../images/thumb-bg.gif) 100% 100% no-repeat; } #content #body .thumbs dl dd.text h5 { font-size: 1em; color: #002a5c; } #content #body .thumbs dl dd.text span { position: absolute; bottom: 0; right: 0; display: block; padding: 5px; text-align: right; line-height: 15px; } #content #body .thumbs dl dd.text span a { font-size: 1em; padding: 0 20px 0 0; background: transparent url(../images/orange-blue-button.gif) 100% 50% no-repeat; } /* product details */ #productDetail h2 { padding: 0 0 5px 0 !important; line-height: 1.05em; } #productDetail h3 { color: #002a5c; font-size: 1.2em; padding: 0 0 10px 0; } #productDetail .left { float: left; width: 257px; } #productDetail .right { float: right; width: 270px; } /* left panel styles */ #productDetail dl, #productDetail dl dt, #productDetail dl dd { margin: 0; padding: 0; display: block; } #productDetail dl { background-color: transparent; background-position: 50% 0; background-repeat: no-repeat; position: relative; width: 257px; overflow: hidden; } #productDetail dl dt img { visibility: hidden; display: block; } #productDetail dl dt { width: 257px; height: auto; background: transparent url(../images/orange-image-mask.gif) 100% 100% no-repeat; } #productDetail dl dd { font-size: 0.9em; color: #fff; padding: 0 10px 10px 10px; background: transparent url(../images/product-bg.gif) 100% 100% no-repeat; } #productDetail dl dd ul { padding-left: 15px; padding-bottom: 10px; } #productDetail dl dd h4 { margin: 0; font-size: 1.1em; color: #002a5c; text-transform: uppercase; padding: 20px 0 5px 0; } #productDetail dl dd h5 { margin: 0; font-size: 1em; color: #002a5c; } /* product details - option styles */ #content #body ul.options, #content #body ul.options li { padding: 0; margin: 0; list-style: none; display: block; position: relative; } #content #body ul.options { overflow: hidden; } #content #body ul.options li { float: left; width: 224px; padding: 0 46px 0 0; } #content #body ul.options li.locked { background: transparent url(../images/locked.gif) 92% 50% no-repeat; } #content #body ul.options li.unlocked { background: transparent url(../images/unlocked.gif) 92% 50% no-repeat; } #content #body ul.options li a { font-size: 1em; text-decoration:none; float: left; display: block; padding: 6px 25px 5px 0; width: 195px; text-align: right; line-height: 20px; background: transparent url(../images/product-options-off.gif) 100% 100% no-repeat; border-bottom: 2px solid #fff; } #content #body ul.options li a:hover { background: transparent url(../images/product-options-on.gif) 100% 100% no-repeat; color: #f26432; } /* please login container */ #content #body .pleaseLogin { background: transparent url(../images/locked.gif) 92% 50% no-repeat; font-size: 0.9em; width: 224px; padding: 20px 46px 0 0; margin-bottom: 20px; } #content #body .pleaseLogin p { margin: 0; color: #002a5c; } #content #body .pleaseLogin a { color: #000; } #content #body .pleaseLogin div { border-bottom: 1px solid #c5c6c8; padding: 0 0 20px 0; } #content #body .pleaseLogin div p { color: #000; } /* product details styles */ #content #body .gutter ul { padding-left: 15px; } #content #body .gutter { width: 224px; padding: 0 46px 0 0; } #content #body .padding { padding: 20px 0 0 0; } /* application info legend */ #content #body .legend { position: relative; width: 456px; padding: 15px 0 0 0; background: transparent url(../images/legend-top.gif) 0 0 no-repeat; } #content #body .legend span { display:block; color: #002a5c; position: absolute; top: 15px; left: 10px; } #content #body .legend div { padding: 0 10px 15px 10px; background: transparent url(../images/legend-bottom.gif) 0 100% no-repeat; } #content #body .legend ul, #content #body .legend ul li { margin: 0; padding: 0; list-style: none; display: block; } #content #body .legend ul { overflow: hidden; } #content #body .legend ul li { width: 380px; padding: 0 0 4px 56px; float: left; } #content #body .legend ul li.flash { background: transparent url(../images/flash-video.gif) 30px 50% no-repeat; } #content #body .legend ul li.word { background: transparent url(../images/word.gif) 34px 50% no-repeat; } #content #body .legend ul li.excel { background: transparent url(../images/excel.gif) 34px 50% no-repeat; } #content #body .legend ul li.pdf { background: transparent url(../images/pdf.gif) 34px 50% no-repeat; } /* application info asset tree container and styles */ #content #body .assetTree { position: relative; width: 456px; padding: 0 0 10px 0; } #content #body .assetTree div { padding-top: 5px; background: transparent url(../images/brace-border.gif) 0 0 repeat-y; } #content #body .assetTree div .bottom { background: transparent url(../images/brace-bottom.gif) 0 100% no-repeat; padding: 10px 0 0 0; } #content #body .assetTree h3 { background: transparent url(../images/article-type-bg.gif) 0 0 no-repeat; margin: 0; position: relative; margin-top: 5px; padding: 0; } #content #body .assetTree h3 a { line-height: 30px; font-size: 1em; color: #fff; text-decoration: none; display: block; padding: 0 0 0 10px; } #content #body .assetTree h3 a span { font-size: 0.9em; display: block; position: absolute; right: 22px; top: 0; text-decoration: none; font-weight: normal; } #content #body .assetTree h3 a span em { display: block; font-style: normal; } #content #body .assetTree h3 a span strong { display: none; font-weight: normal; } #content #body .assetTree h3 a.expand { background: transparent url(../images/blue-collapse.gif) 99% 50% no-repeat; } #content #body .assetTree h3 a:hover.expand { background: transparent url(../images/blue-blue-collapse.gif) 99% 50% no-repeat; } #content #body .assetTree h3 a.expand span em { display: block; } #content #body .assetTree h3 a.expand span strong { display: none; } #content #body .assetTree h3 a.collapse { background: transparent url(../images/blue-expand.gif) 99% 50% no-repeat; } #content #body .assetTree h3 a:hover.collapse { background: transparent url(../images/blue-blue-expand.gif) 99% 50% no-repeat; } #content #body .assetTree h3 a.collapse span em { display: none; } #content #body .assetTree h3 a.collapse span strong { display: block; } #content #body .assetTree div h4, #content #body .assetTree div h5 { line-height: 30px; font-size: 1em; color: #fff; padding: 0 10px 0 60px; margin: 0 3px 4px 3px; background: #f26432 url(../images/asset-tree-vert-sep.gif) 50px 0 repeat-y; } #content #body .assetTree div h5 { padding: 0 10px 0 100px; color: #002a5c; background: #d1d2d4 url(../images/asset-tree-vert-sep.gif) 90px 0 repeat-y; } #content #body .assetTree ul, #content #body .assetTree ul li { margin: 0; padding: 0; list-style: none; display: block; width: 456px; } #content #body .assetTree ul { overflow: hidden; padding: 5px 0 5px 0; } #content #body .assetTree ul li { float: left; } #content #body .assetTree ul li.locked { background: transparent url(../images/locked.gif) 8px 50% no-repeat; } #content #body .assetTree ul li.unlocked { background: transparent url(../images/unlocked.gif) 8px 50% no-repeat; } #content #body .assetTree ul li a { display: block; float: left; padding: 3px 10px 3px 26px; } #content #body .assetTree ul.type li a { width: 340px; margin-left: 30px; } #content #body .assetTree ul.category li a { width: 300px; margin-left: 70px; } #content #body .assetTree ul.article li a { width: 260px; margin-left: 110px;} #content #body .assetTree ul li a.flash { background: transparent url(../images/flash-video.gif) 0 50% no-repeat; } #content #body .assetTree ul li a.word { background: transparent url(../images/word.gif) 4px 50% no-repeat; } #content #body .assetTree ul li a.excel { background: transparent url(../images/excel.gif) 4px 50% no-repeat; } #content #body .assetTree ul li a.pdf { background: transparent url(../images/pdf.gif) 4px 50% no-repeat; } #content #body .assetTree ul li a.generic { background: transparent url(../images/generic.gif) 4px 50% no-repeat; } /* application login container */ #content #body .applicationLogin { background: transparent url(../images/locked.gif) 0 0 no-repeat; font-size: 1em; padding: 0 0 10px 30px; } #content #body .applicationLogin p { margin: 0; } /* search container styles */ #content #body #results { position: relative; width: 456px; } /* application info asset tree container and styles */ #content #body .searchResult { position: relative; width: 456px; padding: 5px 0 5px 0; } #content #body .searchResult div { padding-top: 5px; background: transparent url(../images/brace-border.gif) 0 0 repeat-y; } #content #body .searchResult div .bottom { background: transparent url(../images/brace-bottom.gif) 0 100% no-repeat; padding: 10px 0 0 0; } #content #body .searchResult h3 { font-weight: normal; padding: 0; background: transparent url(../images/search-result-title.gif) 0 0 no-repeat; margin: 0; position: relative; margin-top: 5px; } #content #body .searchResult h3 a { line-height: 30px; font-size: 1em; color: #002a5c; text-decoration: none; display: block; padding: 0 0 0 10px; } #content #body .searchResult h3 a span { font-size: 0.9em; display: block; position: absolute; right: 22px; top: 0; text-decoration: none; font-weight: normal; } #content #body .searchResult h3 a span em { display: block; font-style: normal; color: #f26432; } #content #body .searchResult h3 a span strong { display: none; font-weight: normal; color: #f26432; } #content #body .searchResult h3 a.expand { background: transparent url(../images/grey-orange-collapse.gif) 99% 50% no-repeat; } #content #body .searchResult h3 a:hover.expand { background: transparent url(../images/grey-blue-collapse.gif) 99% 50% no-repeat; } #content #body .searchResult h3 a.expand span em { display: block; } #content #body .searchResult h3 a.expand span strong { display: none; } #content #body .searchResult h3 a.collapse { background: transparent url(../images/grey-orange-expand.gif) 99% 50% no-repeat; } #content #body .searchResult h3 a:hover.collapse { background: transparent url(../images/grey-blue-expand.gif) 99% 50% no-repeat; } #content #body .searchResult h3 a.collapse span em { display: none; } #content #body .searchResult h3 a.collapse span strong { display: block; } #content #body .searchResult h3 a:hover.collapse span strong, #content #body .searchResult h3 a:hover.expand span em { color: #002a5c; } #content #body .searchResult div h4, #content #body .searchResult div h5 { line-height: 30px; font-size: 1em; color: #fff; padding: 0 10px 0 60px; margin: 0 3px 0 3px; background: #f26432 url(../images/asset-tree-vert-sep.gif) 50px 0 repeat-y; } #content #body .searchResult div h5 { padding: 0 10px 0 100px; color: #002a5c; background: #d1d2d4 url(../images/asset-tree-vert-sep.gif) 90px 0 repeat-y; } #content #body .searchResult ul, #content #body .searchResult ul li { margin: 0; padding: 0; list-style: none; display: block; width: 456px; } #content #body .searchResult ul { overflow: hidden; padding: 0; } #content #body .searchResult ul li { float: left; } #content #body .searchResult ul li.locked { background: transparent url(../images/locked.gif) 8px 50% no-repeat; } #content #body .searchResult ul li.unlocked { background: transparent url(../images/unlocked.gif) 8px 50% no-repeat; } #content #body .searchResult ul li a { width: 340px; margin-left: 30px; display: block; float: left; padding: 3px 10px 3px 26px; } #content #body .searchResult ul li a.flash { background: transparent url(../images/flash-video.gif) 0 50% no-repeat; } #content #body .searchResult ul li a.word { background: transparent url(../images/word.gif) 4px 50% no-repeat; } #content #body .searchResult ul li a.excel { background: transparent url(../images/excel.gif) 4px 50% no-repeat; } #content #body .searchResult ul li a.pdf { background: transparent url(../images/pdf.gif) 4px 50% no-repeat; } #content #body .searchResult ul li a.generic { background: transparent url(../images/generic.gif) 4px 50% no-repeat; } #content #body .searchResult small { display: block; color: #0d366c; font-size: 0.9em; padding: 0 0 5px 0; } #content #body .searchResult small a { overflow: hidden; } #content #body .searchResult big { font-size: 1em; text-align: right; display: block; padding: 0 20px 5px 0; } /* pagination */ #content .pagination { position: relative; margin: 10px 0 10px 0; text-align: right; } #content .pagination ul, #content .pagination ul li { margin: 0; padding: 0; list-style: none; display: inline; list-style-image: none; font-weight: normal; color: #002a5c; } #content .pagination ul li { padding: 0 1px 0 1px; } #content .pagination ul li a { padding: 1px 3px 1px 3px; background: #fff; color: #002a5c; border: 1px solid #fff; text-decoration: none; } #content .pagination ul li a:hover { background: #002a5c; color: #fff; text-decoration: none; border: 1px solid #002a5c; } #content .pagination ul li.label { padding: 0 5px 0 0; font-weight: normal; color: #002a5c; } #content .pagination ul li.current { padding: 2px 4px 2px 4px; background: #f26432; color: #fff; } #content #body #results .searchResult p { font-size: 1.0em; padding: 0 10px 0 15px; margin: 0 0 10px 0; } #content #body #results .searchResult p strong { font-weight: normal; background-color: #dceef0; padding: 0 2px 0 2px; } #content #body #results .searchResult p a { color: #002a5c; font-weight: normal; font-size: 1em; } #content #body #results .searchResult p span { display: block; color: #999; font-size: 1em; } #resultReport { text-align:left; padding: 0; font-weight: normal; margin: 0 0 10px 0; } #commonReport { padding: 0 10px 0 10px; margin: 0 0 10px 0; text-align:left; color: #444; } #resultsDYM { font-size: 1em; text-align: left; margin:10px; } /* form styles */ #content .forms { position: relative; padding: 0 0 20px 0; } #content .forms h4 { color: #00a3e6; font-weight: normal; } #content .forms p { color: #000; padding: 0 0 5px 0; margin: 0; } #content .forms fieldset { padding: 0; margin: 0; border: 0; } #content .forms label { color: #002a5c; display: block; clear: left; float: left; width: 120px; font-weight: normal; padding: 2px 0 4px 10px; } #content .forms em { font-style: normal; margin: 2px 0 4px 0; width: 250px; display: block; overflow: hidden; } #content .forms .captcha { display: block; width: 456px; background-image: none; } #content .forms .captcha label span { display: inline; width: auto; padding: 0; } #content .forms .captcha img { border: 1px solid #888; } #content .forms .captcha input { margin-left: 130px; width: 100px; } #content .forms .captcha span { padding-left: 130px; display: block; font-size: 0.9em; color: #444; } #content .forms .captcha label span, #content .forms label span { color: #f26432; font-weight: bold; } #content .forms textarea, #content .forms input { margin: 2px 0 4px 0; width: 250px; } /* revised clearing method */ #content .forms .select { padding: 2px 0 4px 0; overflow: auto; width: 456px; } #content .forms .select select { width: 250px; } #content .forms .checkboxes { color: #002a5c; float: left; width: 456px; padding: 2px 0 4px 0; overflow: auto; } #content .forms .checkboxes div { width: 220px; float: left; } #content .forms .checkboxes div span { display: block; float: left; width: 180px; padding: 0 0 2px 5px; } #content .forms .radio, #content .forms .radio input { width: auto; } #content .forms .checkboxes div input { display: block; float: left; width: auto; } #content .forms input#enquiry, #content .forms input#update, #content .forms input#forgot, #content .forms input#login, #content .forms input#register, #content .forms input#submit, #content .forms input#reset, #content .forms input#cancel, #content .forms input#close { width: auto !important; } #content .forms input#submit { width: auto; border: 1px solid #0d366c; margin-right: 5px; } #content .forms input#enquiry, #content .forms input#update, #content .forms input#forgot, #content .forms input#register { display: block; } #content #body .legislation { position: relative; width: 534px; padding: 0 10px 0 10px; padding-bottom: 10px; margin: 5px 0 5px 0; border-bottom: 1px solid #d1d2d4; } #content #body .legislation h4, #content #body .legislation h5 { margin-bottom: 15px; } #content #body .legislation h5 { font-weight: normal; } #content #body .legislation ul.assets, #content #body .legislation ul.assets li { margin: 0; padding: 0; list-style: none; display: block; width: 456px; } #content #body .legislation ul.assets { overflow: hidden; padding: 5px 0 5px 0; } #content #body .legislation ul.assets li { float: left; overflow: hidden; } #content #body .legislation ul.assets li.locked { background: transparent url(../images/locked.gif) 8px 50% no-repeat; } #content #body .legislation ul.assets li.unlocked { background: transparent url(../images/unlocked.gif) 8px 50% no-repeat; } #content #body .legislation ul.assets li a { width: 340px; margin-left: 30px; display: block; float: left; padding: 3px 10px 3px 26px; } #content #body .legislation ul.assets li a.flash { background: transparent url(../images/flash-video.gif) 0 50% no-repeat; } #content #body .legislation ul.assets li a.word { background: transparent url(../images/word.gif) 4px 50% no-repeat; } #content #body .legislation ul.assets li a.excel { background: transparent url(../images/excel.gif) 4px 50% no-repeat; } #content #body .legislation ul.assets li a.pdf { background: transparent url(../images/pdf.gif) 4px 50% no-repeat; } #content #body .legislation ul.assets li a.generic { background: transparent url(../images/generic.gif) 4px 50% no-repeat; } /* external links */ #content #body a.external { position: relative; padding-right:12px; white-space: nowrap; background:url(../images/ico_external.gif) no-repeat 100% 50%; } #content #body .searchResult a.external { padding-right: 0; background: none; } #content #body ul.assets, #content #body ul.assets li { margin: 0; padding: 0; list-style: none; display: block; width: 100%; } #content #body ul.assets { overflow: hidden; padding: 5px 0 5px 0; } #content #body ul.assets li { float: left; } #content #body ul.assets li.locked { background: transparent url(../images/locked.gif) 8px 50% no-repeat; } #content #body ul.assets li.unlocked { background: transparent url(../images/unlocked.gif) 8px 50% no-repeat; } #content #body ul.assets li a { width: 340px; margin-left: 30px; display: block; float: left; padding: 3px 10px 3px 26px; } #content #body ul.assets li a.flash { background: transparent url(../images/flash-video.gif) 0 50% no-repeat; } #content #body ul.assets li a.word { background: transparent url(../images/word.gif) 4px 50% no-repeat; } #content #body ul.assets li a.excel { background: transparent url(../images/excel.gif) 4px 50% no-repeat; } #content #body ul.assets li a.pdf { background: transparent url(../images/pdf.gif) 4px 50% no-repeat; } #content #body ul.assets li a.generic { background: transparent url(../images/generic.gif) 4px 50% no-repeat; } /* user feedback boxes */ #content #body .error, #content #body .info, #content #body .success { border-bottom: 4px solid #fff; font-weight: bold; line-height: 20px; margin: 5px 0 15px 0; padding: 10px 5px 10px 35px; } /* error message */ #content #body .error { border-color: #ecc; background: #fee url(../images/error.gif) 10px 10px no-repeat; color: #922; } /* success message */ #content #body .success { border-color: #be8; background: #dfa url(../images/success.gif) 10px 10px no-repeat; color: #292; } /* info message */ #content #body .info { border-color: #cce; background: #eef url(../images/info.gif) 10px 10px no-repeat; color: #247; } /* sitemap styles */ #content .sitemap { position: relative; width: 554px; } #content .sitemap ul { } #content .sitemap ul li { list-style-image: url(../images/blue-arrow-rt.gif); line-height: 20px; font-weight: bold; } #content .sitemap ul li ul { margin-left: 0; } #content .sitemap ul li ul li { list-style:disc; font-weight: normal; } #content .sitemap ul li a { font-size: 1em; } #content .sitemap ul li ul li a { font-size: 1em; } #content .sitemap ul li a:hover { text-decoration: none; } /* previous / next links */ #content .previousNext { position: relative; padding: 10px 0 10px 0; } #content .previousNext ul, #content .previousNext ul li { margin: 0; padding: 0; list-style: none; } #content .previousNext ul li { display: inline; } #content .previousNext ul li a { text-decoration: underline; font-weight: bold; display: block; width: auto; } #content .previousNext ul li a:hover { text-decoration: none; } #content .previousNext ul li.previous a { float: left; text-align: left; padding-left: 10px; background: #fff url(../images/blue-arrow-lt.gif) 0 50% no-repeat; } #content .previousNext ul li.next a { float: right; text-align: right; padding-right: 10px; background: #fff url(../images/blue-arrow-rt.gif) 100% 50% no-repeat; } #userAuth #header { margin-bottom: 36px; } #userAuth .cookieTrail { display: none; } #userAuth #content, #userAuth #outer, #userAuth #wrapper { background: #fff; } #userAuth #header ul { border-top: 32px solid #fff; } #userAuth #header ul li, #userAuth #mainMenu, #userAuth #footer, #userAuth #wrapper .headerMask, #userAuth #header form, #userAuth #contextualAds { display: none; } #loginBody #localLogin, #loginBody #headerOptions, #loginBody #headerMask, #loginBody #cookieTrail, #loginBody #contextualAds, #loginBody #previousNext, #loginBody #footer, #loginBody #mainMenu { display: none; } #loginBody #header { margin-top: -32px; margin-bottom: 32px; } #loginBody { background: #fff; overflow: hidden; } #loginBody #content, #loginBody #outer, #loginBody #wrapper { background-image: none; padding: 0; margin: 0; } #loginBody #outer { width: auto; }