/* STYLES FOR HEADER AND NAVIGATION */ #header_include { position: relative; padding-top: 95px; text-align: left; z-index: 10000; _height: 1%; *height: 1%; font-size: 100%; } #sas_logo { padding: 20px 0 0 0; margin-left: 15px; width: 300px; position: absolute; top: 0; left: 0; } #sas_logo p { color: #959899; padding-top: 5px; font-size: 12px; *padding-top:0px; text-align: left; _margin-top: 5px; *margin-top: 12px; } #sas_logo a { display: block; width: 126px; height: 35px; text-decoration: none; font-size: 1px; } #sas_logo img { border: none; } #header_include #secondaryNav ul { margin: 0; padding: 0; list-style-type: none; height: 20px; display: inline; } #header_include #secondaryNav ul li { height: 1em; display: inline; padding: 0 5px; margin: 0; } #header_include #secondaryNav ul li a { text-decoration: none; margin: 0; padding: 0 2px 0 2px; color: #737A82; font-size: 11px; font-weight: bold; text-transform: uppercase; } #header_include #secondaryNav ul li a:hover { color: #007DC3; } #header_include #secondaryNav ul li.active a { color: #007DC3; } #header_include #secondaryNav { position: absolute; bottom: 85px; right: 5px; margin: 0; padding: 0; } #nav { height: 39px; padding: 0; z-index: 400; background: url(/images/globalnavigation/navbar.png) no-repeat -50px 0; position: relative; } #nav ul { list-style-type: none; font-size: 12px; padding: 0; margin: 0; } #nav li { margin: 0; padding: 0; float: left; border-top: 0; position: relative; height: 35px; _width: 1px; font-size: 12px; } #nav li.first:hover { background: url(/images/globalnavigation/navbar.png) no-repeat left -100px; } #nav li.active, #nav li.active a:hover { background: url(/images/globalnavigation/navbar.png) no-repeat -100px -50px; } #nav li.firstactive, #nav li.firstactive:hover { background: url(/images/globalnavigation/navbar.png) no-repeat -10px -50px; } #nav li p { margin: 0; padding: 0; border-right: 1px #0F6BA7 solid; border-bottom: 0; border-left: 1px #69C solid; font-weight: bold; text-shadow: #00539b 1px -1px 1px; font-size: 12px; } #nav li.first p { border-left: none; padding-left: 15px; font-size: 12px; } #nav ul li.active p { background: url(/images/globalnavigation/navbar.png) no-repeat -10px 50px; text-shadow: #eb6c18 1px -1px 1px; } #nav li a { text-decoration: none; margin: 0; padding: 0 10px; color: white; white-space: nowrap; display: block; line-height: 35px; font-size: 12px; } #nav li a:hover { background: url(/images/globalnavigation/navbar.png) no-repeat -400px -100px; } #searchBox { position: absolute; right: 10px; bottom: 48px; height: 20px; width: 325px; z-index: 401; margin: 0; } #searchBox input#searchField { float: right; border: 1px #999 solid; background: url(/images/globalnavigation/navbar.png) no-repeat left -400px; line-height: 15px; height: 16px !important; margin-right: 5px; padding: 0; } #searchBox span { background: url(/images/globalnavigation/navbar.png) no-repeat left -425px; display: inline-block; height: 18px; cursor: pointer; float: right; } #searchBox #searchButton { background: url(/images/globalnavigation/navbar.png) no-repeat right -425px; border: none; font-size: 11px; font-weight: bold; line-height: 18px; color: white; text-shadow: #c25208 1px -1px 1px; height: 18px; margin: 0 0 0 5px; padding: 0 5px 0 0; _padding: 0; *padding: 0; cursor: pointer; text-transform: uppercase; } @-moz-document url-prefix() { #searchBox #searchButton { padding-bottom: 2px; } } ul#mininav { position: absolute; top: 0; right: 0; margin: 0; padding: 0 0 0 0px; list-style: none; z-index: 60000; background: url(/images/globalnavigation/navbar.png) no-repeat left -468px; height: 20px; display: inline; white-space: nowrap; } body.home ul#mininav { right: 10px; } ul#mininav li { display: block; height: 18px; color: white; float: left; border-left: 1px #69C solid; white-space: nowrap; } ul#mininav li.first { border-left: none; } ul#mininav li a { display: inline-block; line-height: 18px; color: white; padding: 0 15px; font-weight: bold; font-size: 11px; text-decoration: none; } ul#mininav li a:hover { text-decoration: none; } ul#mininav li#logout { padding: 0 10px; position: relative; font-size: 10px; } ul#mininav li#logout a { margin: 0; padding: 0; font-size: 11px; } ul#mininav li#logout a span.profileedit { display: none; } ul#mininav li#logout a:hover span.profileedit { display: block; position: absolute; top: 20px; left: 0; background: url(/images/globalnavigation/hover-bg.png) no-repeat top center; _background: url(/images/globalnavigation/hover-bg.gif) no-repeat top center; padding: 15px 5px 5px 5px; } ul#mininav li#logout a.welcomeName { padding-right: 10px;} ul#mininav li#logout a.profilelogout { font-size: 10px; padding: 0 5px; } ul#mininav li#mn_language { border: none; padding: 0 8px 0 8px; } ul#mininav li#mn_language ul { margin: 0 0 0 0; padding: 0; } ul#mininav li#mn_language ul li { background: none; border: none; margin: 0; line-height: 18px; float: none; display: block; float: left; } ul#mininav li#mn_language ul li.active { background: url(/images/globalnavigation/lang.gif) no-repeat 50% -1px; } ul#mininav li#mn_language ul li a:hover { } ul#mininav li#mn_language a { background: none; padding: 0; margin: 0; display: inline; height: 16px;} ul#mininav li#mn_language span { font-weight: normal; font-size: 10px; display:inline-block; line-height: 12px; padding: 5px 5px 0 5px;} /* STYLES FOR WWSITES SELECTOR */ ul#mininav li#mn_ww { text-align:left; color: #333; } ul#mininav li#mn_ww div a { background: none; color: #0E66BA; line-height: normal; font-weight: normal; padding: 0; font-size: 12px; display: inline; } ul#mininav li#mn_ww div a:hover { text-decoration: underline; } ul#mininav li#mn_ww p.selectorBar { margin: 0; padding: 0px; height: 20px; display: inline; } ul#mininav li#mn_ww p.selectorBar a { color: white; font-size: 11px; background: url(/images/ww_sites/sites_arrow.gif) no-repeat right center; padding-right: 10px; margin-right: 5px; white-space: nowrap; text-decoration: none; line-height: 18px; font-weight: bold; } #siteSelector p.selectorBar a:hover { text-decoration: none; cursor: pointer; } #ww_link { position: absolute; top: -2px; right: 10px; width: 130px; margin: 0; padding: 0; color: white; } #wwsites_box { width: 550px; z-index: 600; margin: 0; padding-left: 33px; padding-bottom: 50px; position: absolute; top: 18px; right: 0px; background-image: url(/images/ww_sites/dropshadow.png); _background-image: none; background-repeat: no-repeat; background-position: left bottom; _width: 600px; visibility: hidden; } #wwsites_list { display: block; background-color: white; z-index: 200; margin: 0; padding: 10px; position: relative; border: 2px #007dc3 solid; } #wwsites_list a { text-decoration: none; font-size: 12px; background: none; } #wwsites_list a:hover { text-decoration: underline; } #wwsites_list h4 { color: #333; font-size: 12px; text-transform: uppercase; clear: both; margin: 0 0 4px 0; padding: 0; } ul#mininav li #wwsites_list p.active { background: url(/images/ww_sites/current.gif) no-repeat left top; padding-left: 10px; } #wwsites_list p.active a { color: #FC721C; background: url(/images/ww_sites/current_right.gif) no-repeat right top; padding-right: 10px; } ul#mininav li#mn_ww div #wwsites_list li { padding: 0 0 0 6px; margin: 0; width: 120px; height: 18px; display: block; float: none; border:none; } ul#mininav li#mn_ww div #wwsites_list li.active { background: url(/images/ww_sites/current.gif) no-repeat left top; } ul#mininav li#mn_ww div #wwsites_list li.active a { color: #FC721C; background: url(/images/ww_sites/current_right.gif) no-repeat right top; line-height: normal; } ul#mininav li #wwsites_list li a { text-decoration: none; padding: 0 10px 0 4px; } #wwsites_list li a:hover { text-decoration: underline; } #wwsites_list ul { list-style-type: none; padding: 0; margin: 0 0px 10px 0; float: left; position: relative; } #wwsites_list { margin: 0 0 0 15px; font-size: .8em; z-index: 200; } #wwsites_list p { margin: 0 0 10px 0; position: relative; } /* STYLES FOR FOOTER INCLUDE */ #prefooter { width: 100%; clear: both; background-color: #f0f0f0; margin: 0; padding: 12px 0; height: 16px; } #prefooter ul { list-style-type: none; margin: 0; padding: 0; float: right; } #prefooter ul li { display: inline; border-left: 1px solid #999; padding-left: 15px; margin-right: 15px; position: relative;} #prefooter ul li.first { border: none; } #prefooter ul li a { line-height: 16px; display: inline-block; padding-left: 22px; text-decoration: none; font-size: 12px; background: url(/images/globalnavigation/prefooter-icons.gif) no-repeat; } #prefooter ul li a#pfShare { background-position: left top; } #prefooter ul li a#pfFeedback { background-position: left -30px; } #prefooter ul li a#pfRss { background-position: left -60px; } #footer { width: 100%; margin: 0px auto 0 auto; padding: 0; color: white; overflow: auto; background: url(/images/globalnavigation/footer.png) repeat-x left top; clear: both; } #footer div#footer { width: 100%; margin: 0; padding: 0; color: white; overflow: auto; background: none; } body.home #footer { width: 990px; margin: 0 auto; background: url(/images/globalnavigation/footer_fixed.png) no-repeat left top; padding: 10px 0 0 0; border: none; } body.home #prefooter { display: none; } #footer ul { margin: 0 0 0 10px; padding: 0; float: left; } #footer li { float: left; list-style-type: none; margin: 0; padding: 10px 0; line-height: 20px; } #footer li a { text-decoration: none; padding: 0px 5px 0px 5px; border-right: 1px #FC721C solid; font-size: 12px; color: #00539b; } #footer li a:hover { text-decoration: underline;} #footer p { float: right; padding: 12px 0; margin: 0; font-size: 12px; line-height: 20px; } #footer p a { padding: 0px 15px 0px 0; text-decoration: none; color: #00539b; } /* a block that encompasses the section header image (such as NEWS / FEATURES) */ #sectionHead { width: 100%; border: none; margin: 0; height: 37px; padding: 3px 0 2px 0; } #sectionHead h2 { margin: 0; padding: 0 0 0 18px; font-weight: 500; color: #7D8693; font-size: 130%; text-transform: uppercase; line-height: 37px; } #sectionHead h2 em { color: #0E65CC; font-style: normal; } /* Share */ #prefooter ul li div#closeWidget a { background: none; } #prefooter a.share:hover { cursor: pointer; } #prefooter ul#share { margin: 2px 0 2px 2px; width: 180px; list-style: none; background: url(/images/globalnavigation/hover-bg.png) -480px bottom; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; padding: 10px 0 20px 0; z-index: 500; position: absolute; left: 2px; bottom: 17px; } #prefooter #share li {margin:2px; list-style: none; width:98%; border: none; padding: 0 0 10px 0; display: block; } #prefooter #share img {padding:0 3px;} #prefooter #share li a { color: white; font-size: 11px; font-weight: normal; text-decoration: none; display: block; padding-left: 30px; line-height: 15px; } #prefooter #share li a:hover { text-decoration: underline; } /* Share: Email a friend */ #debugconsole { margin: 1px; padding: 1px; color: #FFFFFF; position: absolute; bottom: 10px; border: 1px solid #000000; background: #000000; } #emailFormDiv label { display: block; float: left; width: 35%; clear: left; } #instructions { display: block; float: left; font-size: x-small; font-style: italic; } #validationError { color: RED; } #resp { border: 1px solid #ccc; background: #F5F5F5; color: #000000; } #resp li { font-family: monospace; } #emailFormDiv { border: 2px #cccccc solid; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #333; background: #f0f0f0; position: absolute; left: -350px; bottom: 10px; font-size: small; padding: 0; width: 350px; text-align: left; z-index: 100000; -webkit-box-shadow: -5px 5px 5px #666; -moz-box-shadow: -5px 5px 5px #666; } #emailFormDiv #closeWidget { position: absolute; top: -10px; right: -10px; } #emailFormDiv #closeWidget img { border: none; } #emailFormDiv #closeWidget a { outline: none; } #emailFormDiv .hd { background: url(/images/globalnavigation/navbar.png) no-repeat -50px 0; } #emailFormDiv h2 { margin: 0; padding: 10px; color: white; font-size: 1em; } #emailFormDiv br.clear { clear: both; } #emailFormDiv .bd { line-height: 2em; padding: 10px; font-size: 12px; width: 330px; } #emailFormDiv textarea { width: 300px;} #emailFormDiv #serverResponse { padding: 10px; } #emailFormDiv span.submitbutton { background: transparent url(/images/promos/button_bg_right.png) no-repeat right top; display: inline-block; padding: 0 8px 0 0; cursor: pointer; float: right; line-height: 13px; margin-top: 15px; } #emailFormDiv span.submitbutton:hover { background-position: right -20px; } #emailFormDiv span.submitbutton input { background: transparent url(/images/promos/button_bg_left.png) no-repeat left top; color: white; font-family: Arial, sans-serif; font-size: 12px; line-height: 20px; height: 20px; font-weight: bold; border: 0px none; margin: 0px; padding: 0px 0px 2px 7px; text-decoration: none; cursor: pointer; } #emailFormDiv span.submitbutton:hover input { background-position: left -20px; } #emailFormDiv span.required { background: none !important; padding-left: 0 !important; }