/** File: elements.css Validates: CSS Level 2.1 Project: Kimberly-Clark GSA Author: Kristina Floyd Date Created: 2008 12 09 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 { background: transparent url(/template-images/GSA/elements/dots/horizontal.gif) repeat-x top left; border: none; display: block; font-size: 1px; height: 1px; margin: 12px 0; } .hrwrapper hr { display: none; } /* END .hrwrapper */ /* START .pagelink */ .pagelink { background: transparent url(/template-images/GSA/elements/linkArrow/linkArrow.gif) no-repeat center right; color: #116DAF; font-weight: bold; padding-right: 10px; text-decoration: none; } .pagelink:hover { text-decoration: underline; } .pagelinkPrevious { background: transparent url(/template-images/GSA/elements/linkArrow/linkArrowPrevious.gif) no-repeat center left; padding: 0 0 0 10px; } /* 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 #login */ #login { margin: 0; padding: 6px 10px 14px 10px; } #login fieldset { padding: 0; } #login legend { color: #1252B1; font-size: 1.6363em; } #login li { background: none; margin: 0; padding: 0; } #login label { margin-top: 0.5em; padding: 0; width: auto; } #login input { } #login .textbox { width: 144px; } #login .submit { float: right; width: auto; } #login .formbuttonbar { background: none; } #login #formButtons { background: none; } /* END #login */ /* START #loginform */ #loginform { } #loginform .reminder { background: none; clear: right; padding: 0 1em; text-align: right; } #loginform .reminder a { } /* END #loginform */ /* START .twoColumnContainer */ .containerWrapper { float: left; } .twoColumnContainer { background: transparent url(/template-images/GSA/elements/dots/vertical.gif) repeat-y top center; float: left; margin-bottom: 1em; } .twoColumnContainer .panelLeft { float: left; padding: 0 10px 10px 0; width: 242px; } .twoColumnContainer .panelRight { float: right; padding: 0 0 10px 10px; width: 242px; } .twoColumnContainer .panelRight a.nobgimage {background-image:none} .twoColumnContainer .panelRight a { background: transparent url(/template-images/GSA/elements/linkArrow/linkArrow.gif) no-repeat center right; color: #116DAF; font-weight: bold; padding-right: 10px; text-decoration: none; } .twoColumnContainer .panelRight a:hover { text-decoration: underline; } /* END .twoColumnContainer */ /* START #controlsPrint */ #controlsPrint { background: transparent url(/template-images/GSA/elements/printPDFcontrols/printIcon.gif) no-repeat center left; margin-left: 50px; } #controlsPrint a { padding-left: 22px; } /* END #controlsPrint */ /* START #newsListing */ #newsListing { } /* END #newsListing */ /* START #newsDetail */ #newsDetail { } /* END #newsDetail */ /* START .page_container */ .page_container_wrapper {background: transparent url(/template-images/GSA/layout/container/bgrepeat.gif) no-repeat bottom;} .page_container {background: transparent url(/template-images/GSA/layout/container/bg.gif) no-repeat top; overflow:auto; padding: 4px 5px 0 5px} .page_container h2 { background: url(/template-images/GSA/layout/container/bgheader.gif) repeat-x top #E3F2FA; padding: 5px;} .page_container #page_container_content {padding: 0 8px 0 8px; } /* END .page_container */ /* START .listing */ .listing { background: transparent url(/template-images/GSA/elements/dots/horizontal.gif) repeat-x bottom left; float: left; list-style: none; margin: 0 0 15px 0; padding: 0; width: 506px; } .listing li { background: transparent url(/template-images/GSA/elements/dots/horizontal.gif) repeat-x top left; float: left; list-style: none; margin: 0; padding: 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 .description { float: left; width: 333px; } .listing .description h3 { } .listing .description h3 a { text-decoration: none; } .listing .thumbnail { /*background: transparent url(/template-images/GSA/elements/listing/thumbnailFrame.gif) no-repeat top left; */height: 108px; float: left; width: 108px; } .listing .thumbnail img { margin: 4px; /* image rezied when uploaded width: 100px; height: 100px; */ } /* END .listing */ /* START #sponsorList */ #sponsorList .listing { background: none;} /* sponsor */ .listing .sponsor { background: transparent url(/template-images/GSA/layout/sponsers/bgrepeat.gif) no-repeat bottom; margin-bottom: 20px; padding: 0; width: 506px;} .listing .sponsor li { width: 506px;} .listing .sponsor .sponsercontent { background: transparent url(/template-images/GSA/layout/sponsers/bg.gif) no-repeat top; overflow:auto; padding: 15px 15px 0px 15px;} .listing .sponsor .sponsercontent h2 {color: #414141; font-size: 1em;} .listing .sponsor .sponsercontent .description { float: left; margin-left: 15px; width: 350px; } /* gold sponsor */ .listing .goldSponsor { background: transparent url(/template-images/GSA/layout/sponsers/bgrepeat.gif) no-repeat bottom; margin-bottom: 20px; overflow: auto; padding: 0; width: 506px;} .listing .goldSponsor .goldSponserContent { background: url("/template-images/GSA/layout/sponsers/gold_header_bg.jpg") no-repeat top transparent; no-repeat top; overflow: auto; padding: 12px 15px 0px 15px;} .listing .goldSponsor .goldSponserContent h2 { color: #9D804F; font-size: 1em; margin: 0 0 30px 15px; overflow:auto;} .listing .goldSponsor ol {overflow: auto; margin: 0px;} .listing .goldSponsor li {background: url("/template-images/GSA/elements/dots/horizontal.gif") repeat-x scroll left bottom transparent; margin-bottom: 15px; padding: 0px;} .listing .goldSponsor li:last-child {background: none;} .listing .goldSponsor .goldSponserContent .description { float: left; margin-left: 15px; width: 350px; } /* silver sponsor */ .listing .silverSponsor { background: transparent url(/template-images/GSA/layout/sponsers/bgrepeat.gif) no-repeat bottom; margin-bottom: 20px; overflow: auto; padding: 0; width: 506px;} .listing .silverSponsor .silverSponserContent { background: url("/template-images/GSA/layout/sponsers/blue_header_bg.jpg") no-repeat top transparent; no-repeat top; overflow: auto; padding: 12px 15px 0px 15px;} .listing .silverSponsor .silverSponserContent h2 { color: #ffffff; font-size: 1em; margin: 0 0 30px 15px; overflow:auto;} .listing .silverSponsor ol {overflow: auto; margin: 0px;} .listing .silverSponsor li {background: url("/template-images/GSA/elements/dots/horizontal.gif") repeat-x scroll left bottom transparent; margin-bottom: 15px; padding: 0px;} .listing .silverSponsor li:last-child {background: none;} .listing .silverSponsor .silverSponserContent .description { float: left; margin-left: 15px; width: 350px; } /* ambassadors */ .listing .ambassador { background: transparent url(/template-images/GSA/layout/sponsers/bgrepeat.gif) no-repeat bottom; margin-bottom: 20px; overflow: auto; padding: 0; width: 506px;} .listing .ambassador .ambassadorContent { background: url("/template-images/GSA/layout/sponsers/blue_header_bg.jpg") no-repeat top transparent; no-repeat top; overflow: auto; padding: 12px 15px 0px 15px;} .listing .ambassador .ambassadorContent h2 { color: #ffffff; font-size: 1em; margin: 0 0 30px 15px; overflow:auto;} .listing .ambassador ol {overflow: auto; margin: 0px;} .listing .ambassador li {background: url("/template-images/GSA/elements/dots/horizontal.gif") repeat-x scroll left bottom transparent; margin-bottom: 15px; padding: 0px;} .listing .ambassador li:last-child {background: none;} .listing .ambassador .ambassadorContent .description { float: left; margin-left: 15px; width: 350px; } /* START #sponsorList */ /* START .listing.fullWidthListing */ .listing.fullWidthListing li { width: 461px; } /* END .listing.fullWidthListing */ /* START .pagingWrapper */ .pagingWrapper { margin: 1em 0; text-align: center; width: 506px; } .paging { display: inline; list-style: none; margin: 0 auto; padding: 0; } .paging li { display: inline; list-style: none; margin: 0; padding: 0; } .paging a { padding: 0.5em; } .paging a:hover { background-color: #EFEFEF; } .paging .selected a { background: #EFEFEF; font-weight: bold; } .paging .firstPage a { padding-left: 10px; } .paging .lastPage a { padding-right: 10px; } /* END .pagingWrapper */ /* START #archiveSelector */ #archiveSelector { background: #EFEFEF; padding: 1em; } #archiveSelector select { margin-right: 1em; width: 150px; } #archiveSelector input { width: auto; } /* END #archiveSelector */ /* START #newsArchive */ #newsArchive { } #newsArchive .archiveDate { width: 100px; } #newsArchive .archiveTitle { } /* END #newsArchive */ /* START #imageGallery */ #imageGallery { } #imageGallery #gallery { float: left; list-style: none; margin: 0; padding: 0; width: 506px; } #imageGallery #gallery li { background: transparent url(/template-images/GSA/elements/imageGallery/frame.gif) no-repeat top left; float: left; height: 100px; list-style: none; margin: 10px 19px; padding: 0; text-align: center; width: 78px; } #imageGallery #gallery a { } #imageGallery #gallery img { height: 70px; margin: 4px; width: 70px; } /* END #imageGallery */ /* START #imageDetail */ #imageDetail { } #imageDetail dl { float: left; margin: 0 0 1em 0; } #imageDetail dt { clear: left; display: block; float: left; margin: 0 1em 1em 0; width: 75px; } #imageDetail dd { display: block; float: left; margin: 0 0 1em 0; width: 390px; } #imageDetail .pagelink { margin-left: 86px; } /* END #imageDetail */ /* START .supportingImages */ .supportingImages { background: transparent url(/template-images/GSA/elements/dots/horizontal.gif) repeat-x top left; } .supportingImages ol { background: transparent url(/template-images/GSA/elements/dots/horizontal.gif) repeat-x bottom left; float: left; list-style: none; margin: 0; padding: 0; width: auto; } .supportingImages li { background: transparent url(/template-images/GSA/elements/imageGallery/frame.gif) no-repeat top left; float: left; height: 78px; list-style: none; margin: 10px 16px; padding: 0; text-align: center; width: 78px; } .supportingImages a { } .supportingImages img { height: 327px; margin: 4px; width: 436px; } /* END .supportingImages */ /* START #keyDates */ #keyDates { background: transparent url(/template-images/GSA/elements/dots/horizontal.gif) repeat-x bottom left; float: left; margin-bottom: 15px; } #keyDates .listing { background: transparent url(/template-images/GSA/elements/dots/vertical.gif) repeat-y top center; margin-bottom: 0; } #keyDates .listing li { float: left; width: 223px; } #keyDates .listing ol, #keyDates .listing ul { margin: 0; padding: 0; } #keyDates .listing li li { background: none; float: none; list-style: none; margin: 0; padding: 0; width: auto; } #keyDates .listing .description { width: 100px; } /* END #keyDates */ /* START #forthcomingEvents */ #forthcomingEvents { } #forthcomingEvents .listing li { width: 476px; } #forthcomingEvents .listing .description { width: auto; } /* END #forthcomingEvents */ /* START #yourApplications */ #yourApplications { } #yourApplications h3 { background: transparent url(/template-images/GSA/elements/dots/horizontal.gif) repeat-x bottom left; font-size: 1.09091em; padding-bottom: 10px; } #yourApplications dl { background: transparent url(/template-images/GSA/elements/dots/horizontal.gif) repeat-x bottom left; float: left; margin: 0 0 10px 0; padding-bottom: 10px; width: 452px; } #yourApplications dt { clear: left; display: block; float: left; margin: 0 1em 0 0; width: 75px; } #yourApplications dd { display: block; float: left; margin: 0; width: 359px; } #yourApplications li p { float: right; margin-bottom: 0; } #yourApplications li p .pagelink { margin-left: 20px; } /* END #yourApplications */ /* START .panel */ .panel { list-style: none; margin: 0; padding: 0; } .panel li { background: #EFEFEF; float: left; list-style: none; margin: 0 15px 15px 15px; padding: 10px; width: 456px; } /* END .panel */ /* START #registrationControls */ #registrationControls { list-style: none; margin: 10px 0; padding: 0; } #registrationControls li { display: inline; list-style: none; margin: 0 50px; padding: 0; } /* END #registrationControls */ /* START #awardWinners */ #awardWinners { } #awardWinners.listing ol { background: none; } #awardWinners .supportingImages { width: 476px; } #awardWinners .supportingImages li { float: left; height: auto; margin: 0 0px; padding: 0; width: 100%;} #awardWinners .supportingImages li p { margin: 0; } /* END #awardWinners */ /* START #awardWinners Sam */ #awardWinnerslrg { /*background: transparent url(/template-images/GSA/elements/dots/horizontal.gif) repeat-x top left;*/ padding: 10px 10px 0px 10px;} #awardWinnerslrg #winner_text {text-align:center; } /* END #awardWinners Sam */ /* START #yearControls */ #yearControls { list-style: none; margin: 10px 0; padding: 0; } #yearControls li { display: inline; list-style: none; margin: 0 50px; padding: 0; } /* END #yearControls */ /* START #loggedInNav */ #loggedInNav { list-style: none; margin: 0 2px 1em 3px; padding: 1em 0 0 0; } #loggedInNav li { list-style: none; margin: 0; padding: 0; } #loggedInNav a { background: transparent url(/template-images/GSA/layout/primaryNav/bg.jpg) repeat-x bottom left; border-bottom: 1px solid #E1E1E1; color: #9C7F4F; display: block; font-weight: bold; padding: 9px 10px; text-decoration: none; } #loggedInNav a:hover, #loggedInNav .selected a { background: #00427D url(/template-images/GSA/layout/primaryNav/hover.jpg) repeat-x top left; color: #FFFFFF; } li#loggedInAs { background: transparent url(/template-images/GSA/elements/dots/horizontal.gif) repeat-x bottom left; padding: 0 10px 9px 10px; } /* END #loggedInNav */ /* START #homepageNews */ #homepageNews { } /* END #homepageNews */ /* START .confirmRegistrationSection */ .confirmRegistrationSection { background: #EFEFEF; margin: 1em; padding: 1em; } .confirmRegistrationSection p { float: left; } .confirmRegistrationSection strong { display: block; float: left; margin: 0 1em 0.5em 0; padding: 0.25em; width: 150px; } .confirmRegistrationSection span { display: block; float: left; margin: 0 0 0.5em 0; padding: 0.25em; width: 280px; } /* END .confirmRegistrationSection */ /* START #preview */ #preview { } #preview ol { list-style: none; margin: 0; padding: 0; } #preview li { background: #EFEFEF; list-style: none; margin: 1em 0; padding: 1em; } #preview .previewControls { background: transparent url(/template-images/GSA/elements/dots/horizontal.gif) repeat-x top left; padding: 1em 1em 0 1em; } #preview .pagelink { margin-right: 2em; } /* END #preview */ /* START #sitemap */ #sitemap { background: #EFEFEF; list-style: none; margin: 1em; padding: 1em; } #sitemap ol { margin: 0.5em 1em 1em 5em; list-style: none; padding: 0; } #sitemap li { list-style: none; margin: 0 0 1em 0; } #sitemap li li { margin: 0 0 0.5em 0; } #sitemap a { } /* END #sitemap */ /* START #goldSponsors */ #goldSponsors { list-style: none; margin: 1em 0 0 0; } #goldSponsors li { list-style: none; margin: 0 0 1em 0; text-align: center; } /* END #goldSponsors */ /* START #sponserLogo */ #sponserLogo { margin: 0 0 25px 0; } .sponserLogoHeading { margin: 0 0 12px 0; } .sponserLogoContent { margin: 0 0 0 0; } /* END #sponserLogo */