/* 
========================================================================================================= CREDITS
Copyright : Copyright (c) 2008 JPL & SPANCO. All Rights Reserved.
Author(s) : Larry Daughenbaugh - ldaugh@jplcreative.com 
Date      : 07/8/2008 
Notes     : Main css file for public web site content.
========================================================================================================= CHANGE LOG
Date		Name			Desc
---			---				---
========================================================================================================= BEGIN CSS
*/
body  {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	text-align: center;
	color: #022073;
	background: url(/lib/img/bg-body.jpg) repeat center top;
}
img { border: none; }
h1 { margin: 11px 0px; font-size: 18px; color: #022344; }
h2 { margin: 11px 0px; font-size: 16px; color: #022344; }
h3 { margin: 11px 0px; font-size: 14px; color: #0150A3; }

p { margin: 10px 0px; }

ul.square { margin: 10px 0px 10px 15px; padding: 0px; list-style-type: none; }
ul.square li { margin: 0px; padding: 2px 0px 2px 12px; background: url(/lib/img/icons/bullet.gif) no-repeat 0px 10px; }

ul.alert { margin: 20px 0px; padding: 0px; list-style-type: none; }
ul.alert li { margin: 0px; padding: 3px 0px 3px 25px; font-weight: bold; color: #F17715; background: url(/lib/img/icons/alert.gif) no-repeat 0px 4px; }

/* ====================================================================================================== HEADER CONTENT */

.hdr-container { width: 100%; margin: 0 auto; padding: 0px;	background: url(/lib/img/header/bg.jpg) repeat-x center top; } 
.hdr {
	margin: 0 auto;
	padding: 20px 0px 0px 0px;
	width: 968px;
	height: 46px;
	text-align: right;
	background: url(/lib/img/header/bg-login-sp.gif) no-repeat right top;
	color: #FFF;
}
.hdr-cm {
	margin: 0 auto;
	padding: 20px 0px 0px 0px;
	width: 968px;
	height: 46px;
	text-align: right;
	color: #FFF;
}
.hdr a { padding: 0px 8px; color: #A7CAEC;	text-decoration: none; }
.hdr a.login { padding: 0px 11px; color: #FFF; font-weight: bold; text-decoration: none; }
.hdr a.login:hover, .hdr a.login:active { padding: 0px 11px; color: #FFF38E; font-weight: bold;	text-decoration: none; }

.hdr a:hover, .hdr a:active { color: #FFF; text-decoration: none; }

/* ====================================================================================================== MAIN CONTENT */

.main-container { width: 100%; margin: 0 auto; padding: 0px; background: url(/lib/img/bg-main.jpg) repeat-x center top; } 
.main {	margin: 0 auto;	padding: 0px;  width: 968px;	text-align: left; }

.column-left-container { width: 243px; float: left; }
.column-right-container { width: 725px;	float: left; }

/* ====================================================================================================== MAIN CONTENT */

.quick-links {
	width: 723px;
	height: 51px;
	background: url(/sp/lib/img/header/sub-rep-bg.jpg) no-repeat center center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	border: solid 1px #B7B7B7;
}
.quick-links-no-profiler { /* Solution Profiler hidden */
	width: 723px;
	height: 51px;
	background: url(/sp/lib/img/header/sub-rep-bg-no-profiler.jpg) no-repeat center center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	border: solid 1px #B7B7B7;
}

.breadcrumbs { height: 20px; padding: 10px 0px 5px 30px; color: #1A6CBA; }
.breadcrumbs a:link, .breadcrumbs a:visited { color: #1A6CBA; text-decoration: none; }
.breadcrumbs a:hover, .breadcrumbs a:active { color: #003366; text-decoration: underline; }

.content-container { margin: 0px; padding: 7px; width: 709px; border: solid 1px #B7B7B7;}
/* for the CM tool */
.content-container-inside-cm { 
	margin: 0px;	
	padding: 10px 20px; 
	width: 669px;
	border-top: solid 7px #0A3054;
	background-color: #FFF; 
	font-size: 12px; 
	color: #575757; 
	display: block;
}
.content-container-inside { 
	margin: 0px;	
	padding: 10px 20px; 
	width: 669px;
	border-top: solid 7px #0A3054;
	background-color: #FFF; 
	font-size: 12px; 
	color: #575757; 
	display: block;
}
.content-container a:link, .content-container a:visited { color: #0150A3; text-decoration: underline; }
.content-container a:hover, .content-container a:active { color: #0150A3; text-decoration: none; }

.quick-links a, .quick-links-no-profiler a { color: #FFF; text-decoration: none; display: block; height: 22px; float: left; }
.quick-links a:hover, .quick-links a:active, .quick-links-no-profiler a:hover, .quick-links-no-profiler a:active { color: #FFF38E; text-decoration: none; }

.links { height: 51px; width: 370px; float: left; }
.links ul { margin: 0px; padding: 17px 0px 0px 38px; list-style-type: none; }
.links ul li { float: left;	padding: 0px 6px 0px 15px; }
.links ul li.local-rep { float: left; padding: 0px 4px 0px 13px; } /* used for local-sales-rep link only */

.user-options { height: 51px; width: 353px; float: left; }
.user-options ul { margin: 0px;	padding: 17px 0px 0px 12px; list-style-type: none; }
.user-options ul li { float: left;	padding: 0px 35px 0px 15px; }

/* ====================================================================================================== MAIN NAVIGATION */
ul.navigation { margin: 30px 0px 0px 0px; padding: 0px; list-style-type: none; }
ul.navigation li { margin: 0px; padding: 0px; }

/* public web site */
ul.navigation li a.home 						{ display: block; height: 30px; background: url(/sp/lib/img/navigation/home.gif) no-repeat; }
ul.navigation li a.products 					{ display: block; height: 30px; background: url(/sp/lib/img/navigation/products.gif) no-repeat; }
ul.navigation li a.solutions 					{ display: block; height: 30px; background: url(/sp/lib/img/navigation/solutions.gif) no-repeat; }
ul.navigation li a.buy 							{ display: block; height: 30px; background: url(/sp/lib/img/navigation/how-to-buy.gif) no-repeat; }
ul.navigation li a.promise 						{ display: block; height: 30px; background: url(/sp/lib/img/navigation/our-promise.gif) no-repeat; }
ul.navigation li a.support 						{ display: block; height: 30px; background: url(/sp/lib/img/navigation/customer-support.gif) no-repeat; }
ul.navigation li a.contact 						{ display: block; height: 30px; background: url(/sp/lib/img/navigation/contact.gif) no-repeat; }

ul.navigation li a.products-on 					{ display: block; height: 30px; background: url(/sp/lib/img/navigation/products-on.gif) no-repeat; }
ul.navigation li a.solutions-on 				{ display: block; height: 30px; background: url(/sp/lib/img/navigation/solutions-on.gif) no-repeat; }
ul.navigation li a.buy-on 						{ display: block; height: 30px; background: url(/sp/lib/img/navigation/how-to-buy-on.gif) no-repeat; }
ul.navigation li a.promise-on 					{ display: block; height: 30px; background: url(/sp/lib/img/navigation/our-promise-on.gif) no-repeat; }
ul.navigation li a.support-on 					{ display: block; height: 30px; background: url(/sp/lib/img/navigation/customer-support-on.gif) no-repeat; }
ul.navigation li a.contact-on 					{ display: block; height: 30px; background: url(/sp/lib/img/navigation/contact-on.gif) no-repeat; }

/* move background graphic down to reveal hover state */
ul.navigation li a:hover, ul.navigation li a:active { background-position: 0px -30px; }

/* hide alternative text within links */
ul.navigation a span { display: none; }

/* secondary ul nav */
ul.navigation ul { margin: 0px 0px 4px 10px; padding: 0px; list-style-type: none; background-color: #D9E8F5; }
ul.navigation li ul li {
	display: block;
	width: 233px;
	margin: 0px;
	padding: 5px 0px;
	border-bottom: 1px solid #B2D0EB;
}
ul.navigation li ul li a {	padding: 0px 0px 0px 25px; }

/* tertiary ul nav */
ul.navigation ul li ul { 
	margin: 5px 0px 0px 0px; 
	padding: 5px 0px; 
	list-style-type: none; 
	background-color: #FFF;
	border-top: 1px solid #B2D0EB;
	border-bottom: 1px solid #B2D0EB;
}
ul.navigation li ul li ul li {
	display: block;
	width: 233px;
	margin: 0px;
	padding: 4px 0px;
	border: none;
}

ul.navigation a:link, ul.navigation a:visited { font-weight: bold; color: #00284C;	text-decoration: none; }
ul.navigation a:hover, ul.navigation a:active { font-weight: bold; color: #1A6CBA;	text-decoration: none; }

ul.navigation a.sub:link, ul.navigation a.sub:visited { font-size: 10px; font-weight: normal; color: #00284C; text-decoration: none; padding: 0px 0px 0px 37px; }
ul.navigation a.sub:hover, ul.navigation a.sub:active { font-size: 10px; font-weight: normal; color: #1A6CBA; text-decoration: none; padding: 0px 0px 0px 37px; }

ul.navigation a.sub2:link, ul.navigation a.sub2:visited { font-size: 10px; font-weight: normal; color: #00284C;	text-decoration: none; padding: 0px 0px 0px 55px; }
ul.navigation a.sub2:hover, ul.navigation a.sub2:active { font-size: 10px; font-weight: normal; color: #1A6CBA;	text-decoration: none; padding: 0px 0px 0px 55px; }
ul.navigation li.sub-no-link { font-size: 10px; font-weight: bold; color: #1A6CBA; text-decoration: none;	padding: 0px 0px 0px 37px; 	width: 196px; }

li.active-nav-sub a:link, li.active-nav-sub a:visited, li.active-nav-sub a:hover, li.active-nav-sub a:active,
li.active-nav-sub-notproducts a:link, li.active-nav-sub-notproducts a:visited, li.active-nav-sub-notproducts a:hover, li.active-nav-sub-notproducts a:active,
li.active-nav-sub-on a.sub:link, li.active-nav-sub-on a.sub:visited, li.active-nav-sub-on a.sub:hover, li.active-nav-sub-on a.sub:active
{ color: #1A6CBA; }

ul.navigation .active 						{ background: url(/lib/img/navigation/active-section-bg.gif) repeat-y; }
ul.navigation li.active-nav 				{ background: url(/lib/img/navigation/list-bg.gif) repeat-y; } /* accommodate for spacing in li for IE6 */
ul.navigation li.active-nav-sub 			{ background: url(/lib/img/navigation/arrow.gif) no-repeat 13px 10px; border: none;	}
ul.navigation li.active-nav-sub-notproducts { background: url(/lib/img/navigation/arrow.gif) no-repeat 13px 10px; border-bottom: 1px solid #B2D0EB; }
ul.navigation li.active-nav-sub-on			{ background: url(/lib/img/navigation/arrow.gif) no-repeat 25px 9px; border: none; }
ul.navigation li.active-nav-sub2-on 		{ background: url(/lib/img/navigation/arrow.gif) no-repeat 43px 9px; border: none; }

.rep-location {	padding: 5px 0px 5px 15px;	background: url(/lib/img/navigation/contact-bg.gif) repeat-y; }
.rep-location select { font-size: 11px; }

/* ====================================================================================================== ABOUT SUB-NAVIGATION */
ul.about-subnav {
	margin: 0px 0px 15px 15px; 
	padding: 0px;
	list-style-type: none; 
	width: 150px;
	float: right; 
}
ul.about-subnav li a:link, ul.about-subnav a:visited {
	margin: 0px;
	padding: 3px 0px 0px 10px;
	display: block; 
	height: 22px; 
	background: url(/lib/img/navigation/about-sub-bg.gif) no-repeat;
	font-weight: bold;
	color: #00284C;
	text-decoration: none;	
}
/* move background graphic down to reveal hover state */
ul.about-subnav li a:hover, ul.about-subnav li a:active { background-position: 0px -25px; color: #F48C1D; }

/* move background graphic down to reveal hover state */
ul.about-subnav li a.active:link, ul.about-subnav li a.active:visited,
ul.about-subnav li a.active:hover, ul.about-subnav li a.active:active 
{ background-position: 0px -25px; color: #F48C1D; }

/* ====================================================================================================== PAGE HEADERS */

.page-header { height: 58px; } /* styles below used in conjunction to show various page titles */
/* hide alternative text within page header area */
.page-header h1 { margin: 0px; padding: 25px 0px 10px 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 22px; }

/* ====================================================================================================== PAGE SUB HEADERS */

.page-sub-header { height: 40px; } /* styles below used in conjunction to show various page titles */
.page-powered    { background: url(/lib/img/page-titles/powered.gif) no-repeat; }
.page-manual     { background: url(/lib/img/page-titles/manual.gif) no-repeat; }

/* hide alternative text within page header area */
.page-sub-header h2 { display: none; }

/* ====================================================================================================== LANDING SECTIONS */

.landing-overview-2wide { padding: 20px 60px 20px 105px; width: 199px; float: left; font-size: 11px; text-align: center; }
.landing-overview-2wide-far-right { padding: 20px 105px 20px 0px; width: 199px; float: left; font-size: 11px; text-align: center; }

.landing-overview { margin: 20px 35px 20px 0px; width: 199px; float: left; font-size: 11px;	text-align: center; }
.landing-overview-far-right { margin: 20px 0px; width: 199px; float: left; font-size: 11px;	text-align: center; }

.landing-overview .overview, .landing-overview-far-right .overview, .landing-overview-2wide .overview, .landing-overview-2wide-far-right .overview
{ margin: 0px 0px 5px 0px; padding: 5px; line-height: 14px; }

.landing-overview img, .landing-overview-far-right img, .landing-overview-2wide img, .landing-overview-2wide-far-right img
{ border: 1px solid #1a6cba; }

.landing-overview a:link, .landing-overview a:visited, .landing-overview-far-right a:link, .landing-overview-far-right a:visited,
.landing-overview-2wide a:link, .landing-overview-2wide a:visited, .landing-overview-2wide-far-right a:link, .landing-overview-2wide-far-right a:visited
{ font-weight: bold; color: #024D95; text-decoration: none; }
	
.landing-overview a:hover, .landing-overview a:active, .landing-overview-far-right a:hover, .landing-overview-far-right a:active,
.landing-overview-2wide a:hover, .landing-overview-2wide a:active, .landing-overview-2wide-far-right a:hover, .landing-overview-2wide-far-right a:active
{ font-weight: bold; color: #1A6CBA; text-decoration: underline; }

.landing-overview h2,.landing-overview-far-right h2, .landing-overview-2wide h2, .landing-overview-2wide-far-right h2 { margin: 0px; padding: 0px; }

.landing-overview h2 a:link, .landing-overview h2 a:visited,
.landing-overview-far-right h2 a:link, .landing-overview-far-right h2 a:visited,
.landing-overview-2wide h2 a:link, .landing-overview-2wide h2 a:visited,
.landing-overview-2wide-far-right h2 a:link, .landing-overview-2wide-far-right h2 a:visited
{
	margin: 0px;
	padding: 5px 0px;
	display: block;
	background-color: #024E97;
	font-size: 12px;
	color: #FFF;
}

/* ====================================================================================================== SITE MAP PAGE */

ul.site-map { margin: 20px 10px; padding: 0px; list-style-type: none; float: left; }
ul.site-map li { margin: 0px; padding: 0px; font-weight: bold; }
ul.site-map li a {
margin: 15px 0px 0px 0px;
padding: 5px 0px;
display: block;
width: 310px;
border-top: 1px solid #999;
}

ul.site-map li ul { margin: 0px; padding: 0px; list-style-type: none; }
ul.site-map li ul li { margin: 0px; padding: 3px 0px 3px 25px; font-weight: normal; background: url(/lib/img/icons/bullet.gif) no-repeat 13px 10px; }
ul.site-map li ul li a {
margin: 0px;
padding: 0px;
display: block;
width: 285px;
border: none;
}
ul.site-map li ul li ul li { margin: 0px; padding: 3px 0px 3px 35px; font-size: 11px; font-weight: normal; background: url(/lib/img/icons/bullet-sub.gif) no-repeat 23px 10px; }
ul.site-map li ul li ul li a {
margin: 0px;
padding: 0px;
display: block;
width: 250px;
border: none;
}

/* ====================================================================================================== PRODUCTS SUB-CATEGORIES */

ul.product-categories { margin: 25px 0px 0px 0px; padding: 0px; list-style-type: none; font-size: 11px; font-weight: bold; height: 26px; }
ul.product-categories li { float: left; text-align: center; }

ul.product-categories li.features { width: 106px; }
ul.product-categories li.customization { width: 80px; }
ul.product-categories li.components { width: 112px; }
ul.product-categories li.resources { width: 90px; }
ul.product-categories li.casestudies { width: 132px; }
ul.product-categories li.photos { width: 74px; }
ul.product-categories li.videos { width: 74px; border-right: 1px solid #C1C1C1; }

ul.product-categories a:link, ul.product-categories a:visited {
	border-top: 1px solid #C1C1C1;
	border-left: 1px solid #C1C1C1;
	padding: 3px;
	background: url(/lib/img/products/bg.gif) repeat-x;
	height: 19px;
	text-decoration: none;
	color: #FFF;
	display: block;
}

/* move background graphic down to reveal hover state */
ul.product-categories li a:hover, ul.product-categories li a:active,
ul.product-categories li a.active:link, ul.product-categories li a.active:visited,
ul.product-categories li a.active:hover, ul.product-categories li a.active:active 
{ color: #00284C; background-position: 0px -25px; }

.sub-category-container {
	border: 1px solid #C1C1C1;
	background-color: #F6F6F6;
	padding: 15px 15px 0px 15px;
	display: block;
}
.sub-category-container h2 { display: none; }


#divFeatures		{ display: block; }
#divCustomization	{ display: none; }
#divComponents		{ display: none; }
#divResources		{ display: none; }
#divCaseStudies		{ display: none; }
#divPhotos			{ display: none; }
#divVideos			{ display: none; }

.features-img { margin: 0px 15px 15px 0px; padding: 7px; float: left; border: 1px solid #DADADA; background-color: #EEE; }
.features-img img { border: 1px solid #1A6CBA; }
.features-txt { padding-left: 250px; }

.photos-img { margin: 0px 15px 15px 0px; padding: 0px; width: 330px; height: 330px; text-align: center; float: left; border: 1px solid #DADADA; background-color: #EEE; }
.photos-img table.photo-large { border: none; padding: 0px; width: 330px; height: 330px; text-align: center; vertical-align: middle; }
.photos-img table.photo-large img { border: none; }
.photos-txt { 	padding : 15px 0px 0px 0px; }

.photos-img img { border: 1px solid #1A6CBA; }
.photo-thumbnails {
	padding : 0px; 
	border: 1px solid #DADADA;
	width : 285px; 
	height : 177px; 
	overflow : auto;
}
.photo-thumbnails-no-content {
	padding : 5px; 
	border: 1px solid #DADADA;
	width : 275px; 
	height : 177px; 
	overflow : auto;
}
.photo-thumbnails img { cursor: pointer; }

/* Customize the color of the photos scrolling div scrollbars */
* .photo-thumbnails {
	scrollbar-highlight-color: #E5E5E5;
	scrollbar-3dlight-color: #E5E5E5;
	scrollbar-shadow-color: #E5E5E5;
	scrollbar-darkshadow-color: #E5E5E5;
	scrollbar-arrow-color: #999;
	scrollbar-face-color: #EDDF47;
	scrollbar-track-color: #E5E5E5;
}

.photo-thumbnails table { border: none; }
.photo-thumbnails table td {
	height: 85px; 
	width: 85px; 
	background-color: #E5E5E5;
	border-right: 2px solid #F6F6F6;
	border-bottom: 2px solid #F6F6F6; 
	text-align: center; 
	vertical-align: middle; 
}

.video-player {
	margin: 0px 15px 15px 0px;
	padding: 22px 0px; 
	width: 330px; 
	height: 286px; 
	text-align: center; 
	float: left; 
	border: 1px solid #DADADA; 
	background-color: #EEE;
}
.vidlist 
{
	 cursor:pointer;
	 cursor:hand;
	 float:right;
	 width: 160px;
}

.vidlistitem 
{
	list-style-image: url(/lib/img/icons/video.gif);
}
.vidlistitem:hover 
{
	background-color:#DDDDDD;
}

/* ====================================================================================================== FORM CONTENT */

	.success-story fieldset ol { margin: 0; padding: 0; list-style-type: none; }
	.success-story fieldset li.submit { padding: 5px 0px; margin: 0px; border: none; }
	.success-story fieldset li {
		padding: 3px 0px;
		margin: 0px;
		border-bottom: 1px solid #b2d0eb;
		/* float, clear, width below prevent labels inside li from not expanding outside of li area */
		float: left; 
		clear: left; 
		width: 100%;
	}
	.success-story legend {
		margin: 0px 0px 0px -1px;
		padding: 5px 10px;
		background: #0A3054;
		font-weight:bold;
		color: #FFF;
		position: absolute;
		top: -18px;
	}
	.success-story label {
		margin: 0px;
		padding: 2px 25px 0px 5px;
		width: 150px;
		float: left;
		text-align: right;
		vertical-align: top;
		display: block;
		clear: both;
	}
	.success-story fieldset {
		margin: 30px 0px;
		padding: 5px 0px;
		border: 1px solid #0A3054;
		background-color: #D9E8F5;
		position: relative;
	}
	.success-story fieldset .required { background: url(/lib/img/icons/icon-required.gif) no-repeat 163px 8px; }

/* ====================================================================================================== CALLOUTS */

.faq-callout { margin: 0px 0px 25px 25px; float: right; }

/* ====================================================================================================== CAREERS */
.career-header {
	margin: 15px 0px;
	padding: 4px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #00284C;
	clear: both;
}

.career-header h2 { 
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	float: left;
	width: 80%;
}
.career-details { margin: 5px 0px; padding: 4px 15px; line-height: 20px; }
.career-details a:link, .career-details a:visited { color: #022344; text-decoration: underline; }
.career-details a:hover, .career-details a:active { text-decoration: none; }

.career-details .col1 {  float: left; font-weight: bold; width: 110px; }
.career-details .col2 { float: left; }

.career-details p.title { margin: 20px 0px 0px 0px; font-weight: bold; }
.career-details p { margin: 5px 0px; line-height: 16px; }

.case-studies p.title { margin: 10px 0px; font-weight: bold; }
.case-studies p.noitems { margin: 5px 0px 30px 0px; line-height: 16px; }

/* ====================================================================================================== AFFILIATIONS */

ul.affiliations { list-style-type: none; margin: 0px; padding: 0px; }
ul.affiliations li { margin: 30px 0px; padding: 0px; background: url(/lib/img/affiliations/bg.gif) repeat-y 210px 0px; }
ul.affiliations li a:link, ul.affiliations li a:visited { font-weight: bold; color: #575757; text-decoration: none; }
ul.affiliations li a:hover, ul.affiliations li a:active { text-decoration: underline; }

ul.affiliations li img { vertical-align: middle; margin-right: 32px; border: none; }

/* largest logo 193px + 10px padding, add additional padding to other logos for even alignment */
ul.affiliations li.iso9001  { padding-left: 121px; }
ul.affiliations li.mhia 	{ padding-left: 33px; }
ul.affiliations li.cmaa 	{ padding-left: 32px; }
ul.affiliations li.mma 		{ padding-left: 10px; } 
ul.affiliations li.isfp 	{ padding-left: 33px; }
ul.affiliations li.awrf 	{ padding-left: 143px; }
ul.affiliations li.asse 	{ padding-left: 127px; }

/* ====================================================================================================== NEWS LISTINGS */
.news-listings { padding: 0px 15px; }
.events-listings { padding: 0px; }

.files-links ul, .case-studies ul { margin: 10px 0px 10px 20px; padding: 0px; list-style-type: none; }
.files-links ul li, .case-studies ul li { margin: 0px; padding: 3px 0px 3px 22px; }
.files-links ul li.xls, .case-studies ul li.xls { margin: 0px; padding: 3px 0px 3px 22px; background: url(/lib/img/icons/xls.gif) no-repeat 0px 2px; }
.files-links ul li.pdf, .case-studies ul li.pdf { margin: 0px; padding: 3px 0px 3px 22px; background: url(/lib/img/icons/pdf.gif) no-repeat 0px 2px; }
.files-links ul li.doc, .case-studies ul li.doc { margin: 0px; padding: 3px 0px 3px 22px; background: url(/lib/img/icons/doc.gif) no-repeat 0px 2px; }
.files-links ul li.img, .case-studies ul li.img { margin: 0px; padding: 3px 0px 3px 22px; background: url(/lib/img/icons/img.gif) no-repeat 0px 2px; }
.files-links ul li.page, .case-studies ul li.page { margin: 0px; padding: 3px 0px 3px 22px; background: url(/lib/img/icons/page.gif) no-repeat 0px 2px; }
.files-links ul li.link, .case-studies ul li.link { margin: 0px; padding: 3px 0px 3px 22px; background: url(/lib/img/icons/link.gif) no-repeat 0px 2px; }

.files-links a:link, .files-links a:visited,
.case-studies a:link, .case-studies a:visited { color: #575757; font-weight: bold; text-decoration: none; }
.files-links a:hover, .files-links a:active,
.case-studies a:hover, .case-studies a:active { color: #0150A3; text-decoration: underline; }

.news-listings p img, .resource-listings p img, .events-listings p img { vertical-align: middle; }

.news-listings a:link, .news-listings a:visited, .resource-listings a:link, .resource-listings a:visited, .events-listings a:link, .events-listings a:visited
{ color: #575757; font-weight: bold; text-decoration: none; }

.news-listings a:hover, .news-listings a:active, .resource-listings a:hover, .resource-listings a:active, .events-listings a:hover, .events-listings a:active
{ color: #0150A3; text-decoration: underline; }

.news-listings p, .resource-listings p, .events-listings p { margin: 10px 0px; padding: 0px; }
p.date { margin: 30px 0px 0px 0px; padding: 0px; color: #0150A3; font-weight: bold; }
p.resource { margin: 30px 0px 0px 0px; padding: 0px; font-weight: bold; }
p.video { margin: 0px 0px 20px 0px; padding: 0px; font-weight: bold; }

p.return-listings { margin: 30px 10px 0px 0px; padding: 0px; color: #0150A3; font-weight: normal; text-align: left; clear: both; }

p.pagination { margin: 30px 10px 0px 0px; padding: 0px; color: #0150A3; font-weight: bold; text-align: right; clear: both; }
p.pagination a:link, p.pagination a:visited { padding: 0px 0px 0px 3px; text-decoration: none; }
.news-date { color: #0150A3; font-weight: bold; }

/* ====================================================================================================== FAQ LISTINGS */
p.q { margin: 15px 0px 3px 0px; padding: 0px; color: #0150A3; font-weight: bold; }
p.a { margin: 0px 0px 20px 0px; padding: 0px; }

/* ====================================================================================================== CUSTOMER SUPPORT */

.listing-left { width: 230px; float: left; text-align: right; padding-right: 10px }
.listing-right { float: left; }

/* ====================================================================================================== TABLE LAYOUTS */
.no-careers { clear: both; }
table.careers {
	margin: 15px 0px;
	padding: 0px;
	width: 100%;
	border-top: 1px solid #575757;
	border-left: 1px solid #575757;
	clear: both; /* prevents table from appearing behind floated items */
}
/* table header row */
table.careers thead td, table.careers thead th {
	padding: 8px;
	border-right: 1px solid #00284C;
	border-bottom: 1px solid #00284C;
	color: #FFF;
	font-weight: bold;
	background-color: #00284C;
}
/* table content rows */
table.careers tbody td, table.careers tbody th {
	padding: 8px;
	border-right: 1px solid #575757;
	border-bottom: 1px solid #575757;
	color: #575757;
}
table.careers tbody a:link, table.careers tbody a:visited { color: #575757; font-weight: bold; text-decoration: underline; }
table.careers tbody a:hover, table.careers tbody a:active {  color: #00284C; text-decoration: none; }

/* ====================================================================================================== DROPDOWN CONTENT */

#dropdown {
	text-align: left;
	width: 150px;
	background-color: #F3A42B;
	position: absolute;
	z-index: 100;
	visibility: hidden;
	border-right: 1px solid #C86F12;
	border-bottom: 1px solid #C86F12;
	border-left: 1px solid #C86F12;
}
#dropdown a:link, #dropdown a:visited {
    font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding: 6px 0px 6px 8px;
	display: block;
	border-top: 1px solid #C86F12;
}
#dropdown a:hover, #dropdown a:active { color: #FFF38E; background-color: #F48B1D; }

/* ======================================================================================== ACCORDION CSS */

#vertical_container { margin: 30px 0px; }
.accordion_header {
	margin: 0px;
	padding: 4px 5px 0px 5px;
	height: 24px;
	width: 659px;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	border-bottom: 5px solid #FFF;
	background: #00284C url(/lib/img/icons/accordion-close.gif) no-repeat 645px 7px;
	outline: none;
	cursor: pointer;
}
.accordion_header_active { /* needs to have all styles duplicated so JavaScript renders it correctly */
	margin: 0px;
	padding: 4px 5px 0px 5px;
	height: 24px;
	width: 659px;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	border-bottom: 5px solid #FFF;
	background: #00284C url(/lib/img/icons/accordion-open.gif) no-repeat 645px 7px;
	outline: none;
	cursor: pointer;
}
.accordion_content { padding: 0px 15px; width: 629px; background-color: #FFF; display: none; }
.accordion_content h2 { margin: 8px 0px; font-size: 15px; }
.accordion_content h3 { margin: 8px 0px; font-size: 13px; color: #0150A3; }

/* ====================================================================================================== LOCAL SALES REP CONTENT */

#salesRepContainer2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #575757;
	width: 257px;
	position: absolute;
	z-index: 100;
	visibility: hidden;
	left: 0px;
	top: 0px;
	background: url(/lib/img/sales-rep/bg2.gif) repeat-y center top;
	padding: 0px 3px 0px 0px;
}

.local-sales-rep2 { padding: 0px 15px 0px 15px; width: 227px; background: url(/lib/img/sales-rep/rep-hdr-ftr2.gif) no-repeat left bottom; }
.local-sales-rep2 h3 { display: none; }
.local-sales-rep2 p { margin: 0px; padding: 12px 0px; }
.local-sales-rep2 a:link, .local-sales-rep2 a:visited { color: #E15C02; }
.local-sales-rep2 a:hover, .local-sales-rep2 a:active { color: #022344; text-decoration: none; }
.local-sales-rep2 .selectLocation { padding: 10px 0px 20px 0px; text-align: center; }

.rep-close2 { padding: 0px; text-align: right; }
.rep-close2 img { margin: 0px; padding: 0px; }
.rep-name { font-size: 14px; font-weight: bold; }

/* show/close rep window buttons */
#btnShowAll, #btnHideAll, #btnCloseWindow, #btnCloseWindow2, #btnShowWindow { cursor: pointer; outline: none; }
.show-hide { text-align: right; }

/* ====================================================================================================== SOLUTION PROFILER (LIGHTBOX) */
.lightbox { display: none; position: absolute; top: 50%; left: 50%; padding: 0px; text-align: left; z-index: 1001; }
.lightbox1 { display: none; position: absolute; top: 50%; left: 50%; padding: 0px; text-align: left; z-index: 1002; }

.lightbox h3, .lightbox1 h3 { display: none; }
.lightbox a:link, .lightbox a:visited { font-weight: bold; color: #1A6CBA; text-decoration: none; }
.lightbox a:hover, .lightbox a:active { font-weight: bold; text-decoration: underline; }

#overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: #333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id] { position: fixed; } /* IE6 Can't See This */
#overlay[id] { position: fixed; } /* IE6 Can't See This */

.solution-profiler-header { height: 21px; background: url(/lib/img/solution-profiler/close.gif) no-repeat; }
.solution-profiler-header a { display: block; height: 21px; width: 965px; }
.video-header a { display: block; height: 21px; width: 400px; }
.solution-profiler-header a span, .video-header a span { display: none; }

#solution-profiler { width: 965px; height: 555px; }
#solution-profiler .no-flash {
	margin: 0px;
	padding: 150px 0px 0px 48px;
	width: 917px;
	height: 405px;
	background: url(/lib/img/solution-profiler/bg.jpg) no-repeat; 
}
.video-header { height: 21px; background: url(/lib/img/videos/video-close.gif) no-repeat; }

/* ====================================================================================================== FLASH CONTENT */

#spanco-video { width: 400px; height: 338px; }
#spanco-video .no-flash {
	margin: 0px;
	padding: 0px;
	width: 400px;
	height: 338px;
}

/* ====================================================================================================== FOOTER CONTENT */

.footer {
	padding: 25px 0px 5px 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px; 
	color: #575757;
	text-align: center;
}
.footer p { margin: 0px; padding: 0px 0px 10px 0px; }
.small { font-size: 9px; }

.footer a.main { padding: 0px; font-weight: bold; color: #575757; text-decoration: none; }
.footer a.main:hover, .footer a.main:active { color: #000; text-decoration: underline; }

.footer a {	padding: 0px; font-weight: normal; color: #575757;	text-decoration: none; }
.footer a:hover, .footer a:active {	color: #000; text-decoration: underline; }

/* ====================================================================================================== DOWNLOAD PLUGINS */

.download-plugin { margin: 15px 0px; padding: 15px; background-color: #EFEFEF; }
.download-plugin img { margin: 0px 10px 0px 0px; padding: 0px; float: left; vertical-align: middle; }
.download-text { float: left; }
.download-text a:link, .download-text a:visited { font-size: 11px; font-weight: bold; color: #575757; text-decoration: underline; }
.download-text a:hover, .download-text a:active { font-size: 11px; font-weight: bold; color: #1A6CBA; text-decoration: none; }

/* ====================================================================================================== FLOATS */

.float-left { float: left; }
.float-right { float: right; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
img.photo-right { margin: 0px 0px 0px 8px; padding: 0px; float: right; }

div.photo-container-right { border: 1px solid #DBDAD8; margin: 15px 0px 15px 15px; padding: 5px; float: right; }
div.photo-container-right-quote { font-size: 11px; width: 183px; border: 1px solid #DBDAD8; margin: 15px 0px 15px 15px; padding: 5px; float: right; }
div.photo-container-right-noborder { margin: 15px 0px 15px 15px; padding: 5px; float: right; }
div.photo-container-right img, div.photo-container-right-quote img { border: 1px solid #1A6CB8; }

div.photo-container { border: 1px solid #DBDAD8; margin: 15px 15px 15px 0px; padding: 5px; float: left; }
div.photo-container-noborder { margin: 15px 15px 15px 0px; padding: 5px; float: left; }
div.photo-container img { border: 1px solid #1A6CB8; }


div.ModalBackground {
    background-color:#333;
    filter:alpha(opacity=70);
    opacity:0.7;
}