/* 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: #007dc3 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; 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; font-weight: bold;  }
#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, body#social ul#mininav { right: 10px; }

body.home #header_include ul#mininav, body#social #header_include ul#mininav { right: 0px; }

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#mn_follow a {
	background: url(/images/globalnavigation/followusicons.png) no-repeat left 1px;
	padding-left: 52px;
	margin-left: 10px;
}

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; cursor: pointer; }

ul#mininav li#mn_ww div a { background: none; color: #0E66BA; line-height: normal; font-weight: normal; padding: 0; font-size: 12px; display: inline; cursor: pointer;  }
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;
	font-weight: bold;
}

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%; float:left; background-color: #f0f0f0; margin: 12px 0 0 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: 170px; list-style: none; background: url(/images/globalnavigation/hover-bg.png) -378px bottom; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; padding: 10px 0 20px 0; z-index: 500; position: absolute; left: -102px; 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; }


/*Site-wide button styles*/
/*default blue button on white background*/
a.button {background: url(/images/UI/button_bg.png) no-repeat scroll left 0 transparent; display: inline-block; color: white; line-height: 23px; font-size: 12px; text-decoration: none; font-weight: bold; padding-left: 10px; text-shadow: 1px -1px 1px #01304a; }
a.button span {background: url(/images/UI/button_bg.png) no-repeat scroll right 0 transparent; display: inline-block; color: white; line-height: 23px; font-size: 12px; text-decoration: none; font-weight: bold; padding-right: 10px; }
a.button:hover { background-position: left -23px;}
a.button:hover span { background-position: right -23px;}

/* options for blue button on gray or blue background  */
a.blue-gray {background-position: left -92px;}
a.blue-gray span {background-position: right -92px;}
a.blue-gray:hover {background-position: left -115px;}
a.blue-gray:hover span {background-position: right -115px;}
a.blue-blue {background-position: left -184px;}
a.blue-blue span {background-position: right -184px;}
a.blue-blue:hover {background-position: left -207px;}
a.blue-blue:hover span {background-position: right -207px;}

/*optional orange button on white/gray/blue background*/
a.orange-white {background-position: left -46px; text-shadow: 1px -1px 1px #93410c;}
a.orange-white span {background-position: right -46px;}
a.orange-white:hover {background-position: left -69px;}
a.orange-white:hover span {background-position: right -69px;}
a.orange-gray {background-position: left -138px; text-shadow: 1px -1px 1px #93410c;}
a.orange-gray span {background-position: right -138px;}
a.orange-gray:hover {background-position: left -161px;}
a.orange-gray:hover span {background-position: right -161px;}
a.orange-blue {background-position: left -230px; text-shadow: 1px -1px 1px #93410c;}
a.orange-blue span {background-position: right -230px;}
a.orange-blue:hover {background-position: left -253px;}
a.orange-blue:hover span {background-position: right -253px;}


/* Icons */

a.ss_enlarge { display:block; font-weight:bold; text-decoration:none; padding:0 0 0 15px; background:url(/images/icons/magnifier_icon.gif) no-repeat left center; }
a.play_demo { margin:0; font-weight:bold; text-decoration:none; padding:0 0 0 20px; background:url(/images/icons/play-demo.gif) no-repeat left center; float: right; }