/* Clarita: default stylesheet */ /* global styles */ 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-color: #dfdfdf; margin: 0; padding: 0; } a { color: #404b4f; text-decoration: underline; } a:hover { color: #000; } img { border: none; } h1,h2,h3 { font-family: serif; margin: 0; color: #000; } h3 { margin: 0 0 20px 0; } h4 { font-family: Times New Roman, arial, Helvetica, sans-serif; margin: 0; color: #666; } p { margin: 0; padding: 5px 0 10px 0; } input { margin: 2px 0 2px 0;} .clear { clear: both; } /* wrapper container */ #wrapper { position: relative; width: 980px; margin: 10px auto 0 auto; background: #fff; } #wrapper { background: #fff url(../images/body-bg.gif) 160px 0 repeat-y; } #home #wrapper { background: #fff url(../images/vdotted.gif) 809px 0 repeat-y; } /* header container */ #header { width: 100%; height: 99px; position: relative; background: #fff; } #header h1 { position: absolute; margin: 0; padding: 0; left: 10px; top: 12px; text-indent: -9999px; height: 68px; width: 205px; background: transparent url(../images/clarita-logo.gif) 0 0 no-repeat; } #header h1 a { position: relative; display: block; width: 205px; height: 68px; } #header #skip { display: none; } #header .go { width: 17px; height: 17px; padding: 0; margin: 0; } #header fieldset { border: none; padding: 0; margin: 0; } #header fieldset legend { font-weight: bold; padding: 0; margin: 0; } #header .dateBox, #header .welcomeBox, #header .loginBox, #header .searchBox { line-height: 14px; font-size: 0.9em; } #header .loginBox { position: relative; width: 297px; float: right; padding: 18px 0 0 0; } /* #header .loginBox span { width: 50%; float: left; display: block; } */ #header .loginBox span { width: 100%; float: left; display: block; } #header .loginBox legend { color: #000; } #header .loginBox a, #header .loginBox label { display: block; color: #96a1a5; } #header .loginBox a:hover { color: #000; } #header .loginBox input#user { width: 130px; } #header .loginBox input#password { width: 110px; } #header .searchBox { position: relative; width: 160px; float: right; padding: 32px 0 0 10px; background: transparent url(../images/vdotted.gif) 0 0 repeat-y; } #header .searchBox label { display: block; color: #96a1a5; } #header .searchBox input#query { width: 120px; } #header .welcomeBox { position: absolute; top: 32px; right: 180px; } #header .welcomeBox ul, #header .welcomeBox ul li { margin: 0; padding: 0; list-style: none; } #header .welcomeBox strong { padding: 0 0 0 3px; } #header .welcomeBox ul li { display: inline; border-right: 1px solid #ccc; } #header .welcomeBox ul li.last { border-right: none; } #header .welcomeBox ul li a { padding: 0 5px 0 3px; } #header .dateBox { position: absolute; top: 32px; left: 316px; } /* horizontal main menu */ #mainMenu { position: relative; width: 980px; background: #96a1a5; border-bottom: 1px solid #fff; } #mainMenu ul, #mainMenu ul li { margin: 0; padding: 0; list-style: none; } #mainMenu ul li { display: inline; } #mainMenu ul li a { color: #fff; padding: 0 10px 0 10px; text-transform: uppercase; text-decoration: none; float: left; display: block; line-height: 25px; background: #96a1a5 url(../images/vdotted.gif) 100% 0 repeat-y; } #mainMenu ul li a:hover, #mainMenu ul li a.active { background: #404b4f url(../images/vdotted.gif) 100% 0 repeat-y; } /* main content */ #content { position: relative; width: 810px; float: left; } /* news/quicklinks side panel */ #news, #quicklinks { position: relative; width: 170px; float: left; } /* home page slideshow container */ #home #content #imgContainer { position: relative; width:809px; z-index: 0; min-height: 251px; height:auto !important; height:251px; } #home #content #imgContainer img { display: none; position: absolute; top: 0; left: 0; } #home #content #imgContainer h1 { text-indent: -9999px; z-index: 10; margin: 0; padding: 0; position: relative; padding: 21px 0 0 10px; /* background: transparent url(../images/home-strapline.gif) 10px 30px no-repeat; */ width: 390px; height: 102px; } #home #content #imgContainer h1 a { z-index: 15; position: relative; width: 790px; height: 72px; display: block; background: transparent url(../images/button-white.gif) 100% 0 no-repeat; /*border: 1px solid #ccc;*/ } #home #content #imgContainer h1 a:hover { background: transparent url(../images/button-grey.gif) 100% 0 no-repeat; } #home #content #imgContainer .introduction { position: relative; width: 530px; z-index: 15; padding: 35px 10px 0 10px; } #home #content #imgContainer .introduction p { padding: 0 0 10px 0; margin: 0; } /* home page options */ #home #content .options { position: relative; z-index: 10; border-top: 1px solid #fff; width: 100%; } #home #content .options dl, #home #content .options dl dt, #home #content .options dl dd { margin: 0; padding: 0; } #home #content .options dl { float: left; width: 270px; } #home #content .options dl dt { position: relative; text-indent: -9999px; width: 269px; height: 145px; } #home #content .options dl dd { padding: 5px 10px 5px 10px; } #home #content .options dl dd a { color: #000; text-decoration: none; font-weight: bold; } #home #content .options dl dd a:hover { text-decoration: none; color: #404b4f; } #home #content .options dl dd em { text-decoration: underline; font-style: normal;} #home #content .options dl dt a { position: relative; display: block; width: 269px; height: 145px; } #home #content .options dl dt a span { display: block; position: absolute; top: 24px; left: 245px; width: 17px; height: 17px; background: transparent url(../images/button-white.gif) 0 0 no-repeat; } #home #content .options dl dt a:hover span { background: transparent url(../images/button-grey.gif) 0 0 no-repeat; } #home #content .options dl.business dt a { background: transparent url(../images/option-business.jpg) 0 0 no-repeat; } #home #content .options dl.industry dt a { background: transparent url(../images/option-industry.jpg) 0 0 no-repeat; } #home #content .options dl.intelligence dt a { background: transparent url(../images/option-intelligence.jpg) 0 0 no-repeat; } #home #content .options dl dt a:hover { background-position: 0 -145px; } /* home page side news panel */ #home #news h2, #home #news h3 { position: relative; text-indent: -9999px; padding: 0; margin: 0; height: 45px; width: 170px; } #home #news h2 {background: #404b4f url(../images/latest-news.gif) 0 0 no-repeat;} #home #news h3 {background: #96a1a5 url(../images/subscribe-clarita.gif) 0 0 no-repeat;} #home #news h2 a { position: relative; width: 170px; height: 45px; display: block; background: transparent url(../images/button-white.gif) 145px 22px no-repeat; } #home #news h2 a:hover { background: transparent url(../images/button-grey.gif) 145px 22px no-repeat; } #home #news ul, #home #news ul li { padding: 0; margin: 0; list-style: none; } #home #news ul { padding: 140px 10px 10px 10px; background: transparent url(../images/news-heroes.jpg) 50% 10px no-repeat; } #home #news ul li { padding: 0 0 10px 0;} #home #news ul li strong { color: #ffb200; display: block; } #home #news ul li a { text-decoration: underline; color: #000; font-weight: bold; } #home #news ul li a:hover { text-decoration: none; } #home #news form { margin: 0; padding: 0; } #home #news fieldset { border: none; margin: 0; padding: 10px 0 20px 10px; } #home #news input#subscribe { width: 120px; } #home #news fieldset a { display: block; } #home #news .go { width: 17px; height: 17px; padding: 0; margin: 0; } /* custom page headers */ #content .localHeader img { position: relative; width: 809px; height: 125px; } /* content local menu */ #content .localMenu { position: relative; width: 160px; float: left; } #content .localMenu ul, #content .localMenu ul li { position: relative; padding: 0; margin: 0; list-style: none; } #content .localMenu ul li { width: 160px; display: block; border-top: 1px solid #fff; } #content .localMenu ul li a { display: block; color: #000; text-decoration: none; background: #ced2d3; border-left: 5px solid #feecbe; } #content .localMenu ul li a span { border-left: 1px solid #fff; border-right: 1px solid #fff; display: block; padding: 4px 0 4px 8px; } #content .localMenu ul li a:hover, #content .localMenu ul li.active a { display: block; color: #fff; text-decoration: none; background: #404b4f; border-left: 5px solid #feb300; } #content .localMenu ul li.active ul { border-left: 5px solid #feb300; border-right: 1px solid #fff; } #content .localMenu ul li.active ul li { width: auto; border: none; border-left: 1px solid #fff; } #content .localMenu ul li.active ul li a, #content .localMenu ul li.active ul li a:hover { color: #000; overflow: hidden; padding: 4px 2px 4px 24px; line-height: 16px; border-left: 8px solid #404b4f; border-right: 8px solid #404b4f; border-top: 1px solid #404b4f; } #content .localMenu ul li.active ul.locked li a, #content .localMenu ul li.active ul.locked li a:hover { background: #fff url(../images/pdf-locked.gif) 2px 4px no-repeat; } #content .localMenu ul li.active ul.open li a, #content .localMenu ul li.active ul.open li a:hover { background: #fff url(../images/pdf-open.gif) 2px 4px no-repeat; } #content .localMenu ul li.active ul li a:hover { text-decoration: underline; } #content .localMenu ul li.active ul li a.last { border-bottom: 8px solid #404b4f; } /* content body */ #content .body { position: relative; width: 610px; float: left; padding: 14px 20px 0 20px; } #content .body h2, #content .body h3 { font-size: 1.7em; font-weight: normal; line-height: 1.2em; width: 100%; } #content .body h2 { color: #868f98; } #content .body h4 { font-size: 1.4em; padding: 5px 0 0 0; } #content .body img { margin: 4px; float: left; clear: left; } #content .body ol, #content .body ul { margin-top: 5px; } #content .body .contactForm img { margin: 0; float: none; clear: none; } /* quick links */ #quicklinks ul, #quicklinks ul li { padding: 0; margin: 0; list-style: none; display: inline; } #quicklinks ul li a { position: relative; text-indent: -9999px; display: block; background-repeat: no-repeat; width: 170px; height: 125px; background-position: 0 0; border-bottom: 1px solid #fff; } #quicklinks ul li a:hover { background-position: 0 -125px; width: 170px; height: 125px; background-repeat: no-repeat; } /* 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 { font-weight: bold; display: block; width: auto; line-height: 17px; color: #000;} #content .previousNext ul li a:hover { text-decoration: none; color: #404b4f; } #content .previousNext ul li.previous a { float: left; text-align: left; padding-left: 25px; background: #fff url(../images/previous.gif) 0 0 no-repeat; } #content .previousNext ul li.next a { float: right; text-align: right; padding-right: 25px; background: #fff url(../images/next.gif) 100% 0 no-repeat; } #content .previousNext ul li.previous a:hover { background-position: 0 -17px; } #content .previousNext ul li.next a:hover { background-position: 100% -17px; } #content .border { background: transparent url(../images/hdotted.gif) 0 100% repeat-x; padding-bottom: 20px; margin-bottom: 20px; } /* pdf listings */ #content .pdfs { position: relative; padding: 10px 0 10px 0; } #content .pdfs ul, #content .pdfs ul li { margin: 0; padding: 0; list-style: none; } #content .pdfs ul li { display: inline; } /* #content .pdfs ul li a { display: block; margin: 2px 0 2px 0; padding: 0 0 0 50px; line-height: 47px; color: #000; text-decoration: none; } */ #content .pdfs ul li a { display: block; margin: 2px 0 2px 0; padding: 0 0 0 10px; line-height: 2em; color: #000; text-decoration: none; } #content .pdfs ul li a:hover { text-decoration: underline; } #content .pdfs ul.locked li a { background: #ced2d3 url(../images/circle-pdf-locked.gif) 8px 50% no-repeat;} /* #content .pdfs ul.open li a {background: #ffe8b2 url(../images/circle-pdf-open.gif) 8px 50% no-repeat;} */ #content .pdfs ul.open li a {background: #ffe8b2;} /* pagination */ #content .pagination { position: relative; margin: 15px 0 15px 0; } #content .pagination ul, #content .pagination ul li { margin: 0; padding: 0; list-style: none; display: inline; list-style-image: none; } #content .pagination ul li { padding: 0 1px 0 1px; } #content .pagination ul li a { padding: 1px 3px 1px 3px; background: #fff; color: #4f5a66; border: 1px solid #4f5a66; text-decoration: none;} #content .pagination ul li a:hover { background: #c3c8ce; color: #000; text-decoration: none; border: 1px solid #c3c8ce; } #content .pagination ul li.label { padding: 0 5px 0 0; font-weight: bold; } #content .pagination ul li.current { padding: 2px 4px 2px 4px; background: #404b4f; color: #fff; } /* news/products/faqs/howtos/whitepapers/events listings */ #content .howtoListing, #content .whitepapersListing, #content .eventsListing, #content .faqListing, #content .productListing, #content .newsListing { position: relative; } #content .howtoListing ul, #content .whitepapersListing ul, #content .eventsListing ul, #content .faqListing ul, #content .productListing ul, #content .newsListing ul, #content .howtoListing ul li, #content .whitepapersListing ul li, #content .eventsListing ul li, #content .faqListing ul li, #content .productListing ul li, #content .newsListing ul li { margin: 0; padding: 0; list-style: none; } #content .howtoListing ul li, #content .whitepapersListing ul li, #content .eventsListing ul li, #content .faqListing ul li, #content .productListing ul li, #content .newsListing ul li { padding: 10px 0 10px 0; display: block; line-height: 16px; background: #fff3d9 url(../images/hdotted.gif) 0 0 repeat-x; } #content .howtoListing ul li.off, #content .whitepapersListing ul li.off, #content .eventsListing ul li.off, #content .faqListing ul li.off, #content .productListing ul li.off, #content .newsListing ul li.off { background-color: #fff; } #content .howtoListing ul li.hilight, #content .whitepapersListing ul li.hilight, #content .eventsListing ul li.hilight, #content .faqListing ul li.hilight, #content .productListing ul li.hilight, #content .newsListing ul li.hilight { background-color: #ffb300; } #content .eventsListing ul li strong, #content .newsListing ul li strong { display: block; font-weight: normal; color: #404b4f; padding: 0 0 0 18px; } #content .howtoListing ul li a, #content .whitepapersListing ul li a, #content .eventsListing ul li a, #content .faqListing ul li a, #content .productListing ul li a, #content .newsListing ul li a { display: block; padding: 0 0 0 18px; color: #000; background: transparent url(../images/arrow-right.gif) 8px 6px no-repeat; font-weight: bold; } #content .howtoListing ul li a:hover, #content .whitepapersListing ul li a:hover, #content .eventsListing ul li a:hover, #content .faqListing ul li a:hover, #content .productListing ul li a:hover, #content .newsListing ul li a:hover { text-decoration: none; color: #404b4f; font-weight: bold; } #content .howtoListing ul li.hilight a, #content .whitepapersListing ul li.hilight a, #content .eventsListing ul li.hilight a, #content .faqListing ul li.hilight a, #content .productListing ul li.hilight a, #content .newsListing ul li.hilight a { background: transparent url(../images/arrow-right-white.gif) 8px 6px no-repeat; } /* careers listing */ #content .careersListing { position: relative; padding: 10px 0 10px 0; } #content .careersListing dl, #content .careersListing dl dt, #content .careersListing dl dd { padding: 0; margin: 0; color: #404b4f; } #content .careersListing dl { margin: 10px 0 20px 0; background: transparent url(../images/hdotted.gif) 0 108px repeat-x; } #content .careersListing dl dt { color: #000; font-size: 1.2em; font-weight: bold; line-height: 28px; background-color: #feb300; padding-left: 8px; } #content .careersListing dl dd { padding-top: 4px; line-height: 14px; } #content .careersListing dl dd strong { color: #000; padding-left: 5px; } #content .careersListing dl dd p { font-weight: normal; margin: 0; padding: 0 0 5px 8px; color: #000; } #content .careersListing dl dd em { padding-left: 8px; font-style: normal; } #content .careersListing dl dd span { display: block; padding: 10px 0 0 8px; } #content .careersListing dl dd a { display: block; background: #ced2d3 url(../images/circle-arrow-right.gif) 8px 6px no-repeat; line-height: 25px; padding: 6px 0 6px 40px; color: #000; font-weight: bold; text-decoration: none; } #content .careersListing dl dd a:hover { text-decoration: underline; } /* contact/generic form */ #content .contactForm { position: relative; margin: 0; padding: 10px 0 10px 0; } #content .contactForm fieldset { padding: 0; margin: 0; border: 0; } #content .contactForm label { display: block; clear: left; float: left; width: 150px; font-weight: bold; padding: 2px 0 4px 0; } #content .contactForm .captcha { display: block; width: 430px; } #content .contactForm .captcha img { border: 1px solid #888; } #content .contactForm .captcha input { margin-left: 150px; width: 100px; } #content .contactForm .captcha span { padding-left:150px; display: block; font-size: 0.9em; color: #444; } #content .contactForm label span { color: #e00; font-weight: bold; } #content .contactForm textarea, #content .contactForm input { margin: 2px 0 4px 0; width: 430px; } #content .contactForm .checkboxes { position: relative; float: left; width: 430px; padding: 2px 0 4px 0; } #content .contactForm .checkboxes span { display: block; width: 50%; float: left; padding: 2px 0 2px 0; } #content .contactForm .checkboxes span input { width: auto; margin: 2px 5px 2px 5px; } #content .contactForm .rememberMe { display: block; padding: 2px 0 4px 150px; } #content .contactForm .rememberMe span { margin: 0 0 0 5px; } #content .contactForm input#submit { width: auto; } /* sitemap */ #content .sitemap { position: relative; } #content .sitemap ul li { list-style-image: url(../images/arrow-right.gif); } #content .sitemap ul li a { color: #000; text-decoration: none; font-size: 1.1em; font-weight: bold;} #content .sitemap ul li ul li a{ font-size: 1.0em; font-weight: normal;} #content .sitemap ul li a:hover { color: #96a1a5; text-decoration: underline; } /* error message */ #content .error { margin: 10px 0 10px 0; padding: 10px 5px 10px 35px; background: #fee url(../images/error.gif) 10px 10px no-repeat; line-height: 20px; color: #922; font-weight: bold; } /* success message */ #content .success { margin: 10px 0 10px 0; padding: 10px 5px 10px 35px; background: #dfa url(../images/success.gif) 10px 10px no-repeat; line-height: 20px; color: #292; font-weight: bold; } /* search results */ #results { position: relative; } #results p { font-size: 1.0em; padding: 0 10px 0 15px; margin: 0 0 20px 0; background: #fff url(../images/arrow-right.gif) 0 6px no-repeat; } #results p em { color: #000; font-style: normal; font-weight: bold;} #results p strong { font-weight: normal; background-color: #feb300; padding: 0 2px 0 2px; } #results p a { color: #000; font-weight: bold; font-size: 1.1em; } #results p span { display: block; color: #4f5a66; font-size: 1.1em; } #resultReport { text-align:left; padding:3px; font-weight: bold; margin: 0 0 15px 0; } #commonReport { margin: 0 0 10px 0; text-align:left; color: #444; } #resultsDYM { font-size: 1.1em; text-align: left; margin:10px; } /* footer */ #footer { position: relative; background: #fff url(../images/footer-bg.gif) 0 0 repeat-x; } #footer img { position: absolute; top: 20px; right: 15px; } #footer ul, #footer ul li { margin: 0; padding: 0; list-style: none; } #footer ul { padding: 15px 0 60px 10px; } #footer ul li { display: inline; border-right: 1px solid #000; font-size: 0.9em; } #footer ul li.last { border-right: none; } #footer ul li span, #footer ul li a { color: #000; padding: 0 5px 0 3px; text-decoration: none; } #footer ul li a:hover { text-decoration: underline; }