/** File: elements.css Validates: CSS Level 2.1 Project: Kimberly-Clark Contaminomics Author: Kristina Floyd Date Created: 2008 03 16 About: Contains styles for specific elements ID index: Class index: Notes: Place second in the cascade Cascade index: 01 undo.css - Resets browser default styles 02 layout.css - Styles for the main layout and framework of the site 03 content.css - Styles for general content 04 elements.css - Styles for specific page elements 05 ie6.css - IE6 specific styles. 06 ie7.css - IE7 specific styles. 07 clearing.css - Enables the use of .clearfix across the site. 08 main.css - Continuity generated stylesheet 09 print.css - Print specific styles */ /* START .hrwrapper */ .hrWrapper { border: none; border-top: 1px solid #1953A5; display: block; height: 1px; margin: 1em 0; } .hrWrapper hr { display: none; } /* END .hrwrapper */ /* START .pagelink */ .pagelink a { color: #065EAC; font-size: 1.0404em; font-weight: bold; text-decoration: underline; } .pagelink a:hover { text-decoration: none; } /* END .pagelink */ /* START .floatLeft */ .floatLeft { float: left; } /* END .floatLeft */ /* START .floatRight */ .floatRight { float: right; } /* END .floatRight */ /* START .pageImageFloatright */ .pageImageFloatright { float: right; padding: 0 0 1em 1em; } /* END .pageImageFloatright */ /* START .pageImageFloatleft */ .pageImageFloatleft { float: left; padding: 0 1em 1em 0; } /* END .pageImageFloatleft */ /* START .subBlock */ .subBlockWrapper { background: transparent url(/template-images/contaminomics/elements/subBlock/bg.gif) no-repeat bottom left; margin-bottom: 0px; width: 185px; } .subBlock { background: transparent url(/template-images/contaminomics/elements/subBlock/top.gif) no-repeat top left; min-height: 80px; padding: 4px; } .subBlockHeader { } .subBlockHeader h3 { background: transparent url(/template-images/contaminomics/elements/subBlock/headingBG.jpg) no-repeat bottom left; color: #FFFFFF; font-size: 1.2727em; margin: 0; padding: 8px 0; text-align: center; } .subBlockImage { } .subBlockContent { padding: 6px; } .subBlock .pagelink { padding: 6px; text-align: right; } .miniCta { background: transparent url(/template-images/contaminomics/content/rightContent/bg.jpg) repeat-x bottom left; padding: 1em; } .miniCta h2 { margin-bottom: 2px; } /* END .subBlock */ /* START #productSearch */ #productSearch { margin-bottom: 8px; } #productSearch fieldset { padding: 0; } #productSearch label { color: #636466; display: block; float: none; font-weight: normal; margin: 0 0 0px 0; padding: 0; width: auto; } #productSearch input.inputText { border: 1px solid #636466; float: left; font-size: 1em; margin: 4px 4px 0 0; padding: 0; width: 97px; } #productSearch span { background: transparent url(/template-images/contaminomics/content/form/submitRight.gif) no-repeat center right; display: block; float: left; width: auto; } #productSearch input.submit { background: transparent url(/template-images/contaminomics/content/form/submitleft.gif) no-repeat center left; font-size: 1em; min-height: 16px; width: auto; } /* END #productSearch */ /* START #subscribe */ #subscribeWrapper { background: transparent url("/template-images/contaminomics/layout/primaryNav/bg.gif") no-repeat scroll left top; margin-top: 15px; padding-top: 4px;} .subscribe { background: transparent url(/template-images/contaminomics/content/rightContent/bg.jpg) repeat-x bottom left; margin-left: 4px; margin-right: 4px; padding: 1em; } #subscribeWrapper fieldset { padding: 0; } #subscribeWrapper .newspaper img { left: 5px; position: relative; top: -5px; } #subscribeWrapper form .subscribeText { margin-bottom: 5px; margin-left: 11px; width: 152px; } #subscribeWrapper form span { background: transparent url(/template-images/contaminomics/content/form/submitRight.gif) no-repeat center right; display: block; float: right; margin-right: 13px; width: auto; } #subscribeWrapper form input.submit { background: transparent url(/template-images/contaminomics/content/form/submitleft.gif) no-repeat center left; font-size: 0.9565em; margin: 0; min-height:16px; width: 57px; } #subscribeWrapper .subscribe p {margin-bottom: 0.2em; margin-top: 0px; padding-top: 0px;} #subscribeWrapper .subscribe h2 {margin-bottom: 0.5em; padding-top: 0px;} /* END #subscribe */ /* START .mainContentIntro*/ #mainContentIntro { margin-left: 10px;} #mainContentIntro h1 { font-size: 2.8em; font-weight: normal; margin-bottom: 0.5em;} #mainContentIntro strong {color:#1953A5; font-size: 1.3em; font-weight: bold; line-height: 130%; margin-bottom: 0.5em;} #mainContentIntro p {color:#1953A5; font-weight: bold;} #mainContentIntro span.link { background: transparent url(/template-images/contaminomics/content/form/submitRight.gif) no-repeat center right; display: inline-block; margin-left: 5px; padding:0px 10px 0px 0px; width: auto; } #mainContentIntro span.link a { background: transparent url(/template-images/contaminomics/content/form/submitleft.gif) no-repeat center left; color:#ffffff; font-size: 0.9565em; font-weight: normal; min-height:16px; padding:7px 7px 6px 6px; text-decoration: none;width: 100px; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari 3.0 and Chrome rules here */ #mainContentIntro span.link a { background: transparent url(/template-images/contaminomics/content/form/submitleft.gif) no-repeat center left; color:#ffffff; font-size: 0.9565em; font-weight: normal; min-height:16px; padding:5px 7px 6px 6px; text-decoration: none;width: 100px; } } /* END .mainContentIntro */ /* START .mainContentBottom*/ #mainContentBottom { background: transparent url(/template-images/contaminomics/content/mainContent/bg.gif) no-repeat bottom left; margin-bottom: 0px;} .subBlockMainContent { background: transparent url(/template-images/contaminomics/content/mainContent/top.gif) repeat-x top left; min-height: 80px; padding: 4px; } .content { background: transparent url(/template-images/contaminomics/content/rightContent/bg.jpg) repeat-x bottom left; padding: 1em;} #mainContentBottom .content p {margin-bottom: 0.2em; margin-top: 0px; padding-top: 0px;} #mainContentBottom .content h2 {margin-bottom: 0.5em; padding-top: 0px;} /* END .mainContentBottom */ /* START .survey */ .survey form { margin-bottom: 0px; padding-bottom: 0px; } .survey form li { margin-top: 4px; } .survey .radioinput { border: none; } .survey .formbuttonbar { padding-left: 100px; margin-top: 0px;} .survey form div { padding-bottom: 5px; } .survey .formbuttonbar { clear:both; } /* END .survey */ /* START .highlight */ .highlight { color: #1953A5; } /* END .highlight */ /* START #productResults */ .noResults { text-align: center; } /* END #productResults */ /* START .hidden */ .hidden { display: none; } /* END .hidden */ /* START #newsListing */ #newsListing { } /* END #newsListing */ /* START #newsDetail */ #newsDetail { } /* END #newsDetail */ /* START .listing */ .listing { list-style: none; margin: 0 0 15px 0; padding: 0; width: 456px; } .listing li { background: transparent url(/template-images/contaminomics/elements/newsListing/bg.gif) no-repeat top left; float: left; list-style: none; margin: 0; padding: 10px 10px 10px 15px; } .listing ol li { list-style: decimal; } .listing ul li { list-style: disc; } .listing li li { background: none; float: none; margin: 0 2em; padding: 0 0.5em; } .listing p { margin-bottom: 0; } .listing .description { float: left; padding-right: 14px; width: 337px; } .listing .description h3 { } .listing .description h3 a { text-decoration: none; } .listing .thumbnail { height: 80px; float: right; width: 80px; } .listing .thumbnail img { margin: 0; } /* END .listing */ /* START .pagingWrapper */ .pagingWrapper { text-align: center; margin-bottom: 1em; width: 456px; } .paging { display: inline; list-style: none; margin: 0 auto; padding: 0; } .paging li { display: inline; font-weight: bold; list-style: none; margin: 0; padding: 0; } .paging a { font-weight: bold; padding: 0.5em; } .paging .previousPage { margin-right: 30px; } .paging .nextPage { margin-left: 30px; } .paging .selected strong { background: #E9F0FA; padding: 0.5em; } /* END .pagingWrapper */ /* START #newsArchive */ #newsArchive { margin-right: 1em; text-align: right; } /* END #newsArchive */ /* START #archiveSelector */ #archiveSelector fieldset { position: relative; } #archiveSelector li { display: block; float: left; padding: 0 10px 0 0; } #archiveSelector .formbuttonbar { bottom: -3px; margin: 0; padding: 0; position: absolute; right: 35px; width: 50px; } #archiveSelector .formbuttonbar li { margin: 0; padding: 0; } #archiveSelector label { display: none; } #archiveSelector select { width: 180px; } /* END #archiveSelector */ /* START #productSelection */ #productSelection fieldset { position: relative; } #productSelection li { } #productSelection select { width: auto; } #productSelection .formbuttonbar { bottom: 8px; margin: 0; padding: 0; position: absolute; right: 58px; width: 50px; } #productSelection .formbuttonbar li { margin: 0; } /* END #productSelection */ /* START #productDetail */ #productDetail { background: transparent url(/template-images/contaminomics/elements/productDetail/bg.gif) no-repeat top left; padding: 10px; } #productDetail th { width: 160px; } #productDetail td { padding: 1em; } /* START #productDocuments */ #productDocuments { margin-top: 2em; } #productDocuments th { width: 160px; } #product-documents-title { font-size: 1.18em; } .flag-instructions p { margin: 4px 0 0 0; } #productDocuments td { padding: 1em; } /* END #productDocuments */ /* START .flagList */ .flagList { display: block; float: left; list-style: none; margin: 0; padding: 0; width: 246px; } .flagList li { background: transparent; clear: none; display: block; float: left; margin: 0 21px 0 0; padding: 0; } .flagList img { display: block; margin-bottom: 1em; position: relative; } /* END .flagList */ /* START #generic-info */ #generic-info { margin: 2em 0; min-height: 100px; padding: 10px; } /* END #generic-info */ /* END #productDetail */ /* START #tabbedNavigation */ #tabbedNavigationWrapper { background: transparent url(/template-images/contaminomics/elements/tabbedNavigation/bg.gif) no-repeat top left; min-height: 161px; } #tabbedNavigation { float: left; list-style: none; margin: 0; padding: 0 0 0 6px; width: 461px; } #tabbedNavigation li { background: transparent url(/template-images/contaminomics/elements/tabbedNavigation/left.gif) no-repeat top left; display: block; float: left; list-style: none; margin: 0; padding: 0; } #tabbedNavigation a { background: transparent url(/template-images/contaminomics/elements/tabbedNavigation/right.gif) no-repeat top right; color: #636466; display: block; padding: 5px 10px; text-decoration: none; } #tabbedNavigation a:hover { color: #116DAF; text-decoration: none; } #tabbedNavigation .selected { background: transparent url(/template-images/contaminomics/elements/tabbedNavigation/selectedLeft.gif) no-repeat top left; } #tabbedNavigation .selected a { background: transparent url(/template-images/contaminomics/elements/tabbedNavigation/selectedRight.gif) no-repeat top right; color: #116DAF; font-weight: bold; } #tabbedContent { padding: 34px 14px 10px 14px; } /* END #tabbedNavigation */ /* START .print */ .print { text-align: right; } /* END .print */ /* START #yourBusiness */ #yourBusiness { float: left; margin-bottom: 40px; width: 461px; } #yourBusiness ul { list-style: none; margin: 0; padding: 0; } #yourBusiness li { background: transparent url(/template-images/contaminomics/elements/yourBusiness/bg.gif) no-repeat top left; display: block; float: left; list-style: none; margin: 0; padding: 4px; width: 143px; } #yourBusiness h2 { background: transparent url(/template-images/contaminomics/elements/yourBusiness/headerBG.gif) no-repeat top left; font-size: 1.2138em; margin: 0; padding: 10px 0; text-align: center; } #yourBusiness h2 a { color: #FFFFFF; font-weight: bold; text-decoration: none; } #yourBusiness img { height: 90px; margin: 1px; overflow: hidden; width: 141px; } #yourBusiness p { margin: 10px; } /* END #yourBusiness */ /* START #alertDetail */ #alertDetail { } #alertDetail td { padding: 1em; } /* END #alertDetail */ /* START .processed */ .processed { } table .processed td.first { background: transparent url(/template-images/contaminomics/elements/admin/dotsHorizontalFirst.gif) no-repeat bottom left; padding-left: 30px; } /* END .processed */ /* START #adminControls */ #adminControls { margin-top: 2em; text-align: right; } #adminControls a { padding-left: 20px; } #adminControls .read { background: transparent url(/template-images/contaminomics/elements/admin/tick.gif) no-repeat top left; } #adminControls .unread { background: transparent url(/template-images/contaminomics/elements/admin/cross.gif) no-repeat top left; } /* END #adminControls */ /* START #rss-feed */ #rss-feed { margin-bottom: 10px; text-align: right; } #rss-feed a { background: transparent url(/template-images/contaminomics/elements/rss-feed/rss.gif) no-repeat top right; padding-right: 20px; text-decoration: none; } #rss-feed a:hover { text-decoration: underline; } /* END #rss-feed */ /* START portal login */ #mainContentLogin { margin-left: 160px;} #mainContentLogin h2 {margin-bottom: 1em; padding-top: 0px;} #portalLogin { } #portalLogin ol { } #portalLogin ol li { list-style: none; padding: 0em; margin: 0; } #portalLogin ol li label { margin-bottom: 0.2em; margin-top: 1em; padding: 0; } #portalLogin ol li input { } #portalLogin span { background: transparent url(/template-images/contaminomics/content/form/submitRight.gif) no-repeat center right; display: block; float: left; margin-top: 0.8em; width: auto; } #portalLogin input.submit { background: transparent url(/template-images/contaminomics/content/form/submitleft.gif) no-repeat center left; font-size: 1em; min-height: 16px; width: auto; } /* END portal login */ /* Homepage rotator */ .homepageRotator { height: 227px; margin-left: 60px; margin-bottom: 2em; text-align: center; width: 345px; } /* 465 */ .homepageRotator { } /* Green Meter */ #green-meter-wrapper { display:block; padding-bottom: 1em; margin-top: 20px; } #green-meter-wrapper form { border: none; height: auto; } #green-meter-wrapper form fieldset {padding-bottom: 10px; width: 200px; } #green-meter-wrapper form fieldset label { padding-left: 0; width: auto; } #green-meter-wrapper form fieldset select { border-bottom: solid 1px rgb(227,228,223); border-left: solid 1px rgb(227,228,223); border-top: solid 1px rgb(172,173,178); border-right: solid 1px rgb(172,173,178); color: rgb(123,124,126); width:180px; } #green-meter-wrapper form fieldset input { border-bottom: solid 1px rgb(227,228,223); border-left: solid 1px rgb(227,228,223); border-top: solid 1px rgb(172,173,178); border-right: solid 1px rgb(172,173,178); color: rgb(123,124,126); width:100px; } #green-meter-wrapper form #calculateRight { float: right; width: 100px; } #green-meter-wrapper form #calculate { background:url(/template-images/contaminomics/content/form/submitRight.gif) no-repeat scroll right center transparent; display:block; float: left; margin-right:13px; width: auto; } #green-meter-wrapper form #calculate #btnCalculate { background:url(/template-images/contaminomics/content/form/submitleft.gif) no-repeat scroll left center transparent; border: none; color:#FFFFFF; cursor: pointer; font-size:0.9565em; font-weight:normal; min-height:16px; padding:0; text-decoration:none; width: auto; } #green-meter-wrapper #green-left-side { display: inline; position: relative; top: 5px; width:199px; } #green-meter-wrapper #green-right-side { display: inline; width:200px; } #green-meter-wrapper div#validationcontainer .validationerror {clear:none; } #green-meter-results { background: #fff url(/template-images/contaminomics/elements/greenMeter/resultsBackground.png) no-repeat; color: #7b7c7e; padding: 15px; } #green-meter-results h3 { font-size: 200%; } #green-meter-results ol { margin: 0; padding: 0; } #green-meter-results ol li { line-height: 2em; list-style: none; margin:0px; padding: 0; } #green-meter-results ol li img {float:left; width:30px; text-align:center; margin-right: 15px; } #green-meter-results ol li p {padding-top:10px; color: #7b7c7e; font-weight: bold; } .negative {color:#ff0000; } /* chemical permeation */ #chemicalPermeation {} #chemicalPermeation form { width: 500px; } #chemicalPermeation form fieldset { margin: 0; margin-bottom: 8px; padding: 0; } #chemicalPermeation form label.outer { float: left; width: 10em; } #chemicalPermeation form label.inner { color: #636466; display: inline; font-weight: normal; } #chemicalPermeation form span.link { background:url("/template-images/contaminomics/content/form/submitRight.gif") no-repeat scroll right center transparent; display:inline-block; margin-left:5px; margin-top: 4px; padding:0 10px 0 0; width:auto; } #chemicalPermeation form span.link a { background:url("/template-images/contaminomics/content/form/submitleft.gif") no-repeat scroll left center transparent; color:#FFFFFF; font-size:0.9565em; font-weight:normal; min-height:16px; padding:7px 7px 6px 6px; text-decoration:none; width:100px; } #chemicalPermeation form ol li { float: right; } #chemicalPermeation form ol li.button { background:url("/template-images/contaminomics/content/form/submitRight.gif") no-repeat scroll right center transparent; float:right; margin-right:1em; padding:0; width: auto} #chemicalPermeation form select { width: 310px; } #chemicalPermeation form input.radio { border: none; width: 20px; } #chemicalPermeation form input.submit { background:url("/template-images/contaminomics/content/form/submitLeft.gif") no-repeat scroll left center transparent; border:medium none; color:#FFFFFF; cursor:pointer; font-size:0.9537em; font-weight:normal; padding:4px 13px 6px 4px; text-decoration:none; width: auto; } #chemicalPermeation #results { background: #fff url(/template-images/contaminomics/content/table/wideBg.gif) no-repeat; padding: 4px; width: 635px;} #chemicalPermeation #results table { border-right: solid 1px #f0f1f3; width: 632px; } #chemicalPermeation #results table tr { } #chemicalPermeation #results table tr td { font-weight: bold; } #chemicalPermeation #results table thead { } #chemicalPermeation #results table thead th { background-color: #f3f3f3; } #chemicalPermeation #results table tr.gloveNames { background-color: #f3f3f3; font-weight: normal; } #chemicalPermeation #results table tr.gloveNames td { font-weight: normal; } #chemicalPermeation #results table tr td.chemical { background-color: #f0f1f3; font-weight: normal; width: 200px; } #chemicalPermeation #results table tr td.cas {background-color: #f0f1f3; font-weight: normal; } #chemicalPermeation table tr td.red { background-color: #cc3e3e; color: Black; text-align: center; } #chemicalPermeation table tr td.orange { background-color: #eaa72c; color: Black; text-align: center; } #chemicalPermeation table tr td.yellow { background-color: #faf334; color: Black; text-align: center; } #chemicalPermeation table tr td.green { background-color: #90ee90; color: Black; text-align: center; } #chemicalPermeation #key table { background: none; border: solid 1px #f0f1f3; width: 632px; } #chemicalPermeation #key table th,#chemicalPermeation #key table td { background-image: none; border: solid 1px #f0f1f3; }