/* color, background, and border properties set here */
/* this extends selectors found in common.css, home.css, nav.css */
/* CMS path to images: / assets / stylesheets / images / */



/*
====================================================
COMMON CSS COLOR SETTINGS
====================================================
*/
body {
	/*background: #356869 url(/assets/stylesheets/images/content_bg.jpg) top left repeat-x; */
	}

/* announcement classes - planned only on homepage, but could be used elsewhere */
#content #news div.announcement a {
	color: #234546;
	}
div.important {
	background: #A7E7FF;
	border-bottom: 3px #04BBFF solid;
	color: #234546;
	}
div.standard {
	background: #E8E7D5;
	color: #234546;
	border-bottom: 3px #C9C8B9 solid;
	}

#headernav div {
	background: url(/assets/stylesheets/images/headernav_shadow.jpg) bottom right no-repeat;
	}

#headernav a {
	color: white;
	border: 4px #97E3FF solid;
	}
#headernav a:link {
	background: #05A4DF;
	}
#headernav a:visited {
	background: #05A4DF;
	}
#headernav a:hover {
	background: #333333;
	}
#headernav a:active {
	background: #05A4DF;
	}
div#headernav a.current:link { background: #333333; }
div#headernav a.current:visited { background: #333333; }
div#headernav a.current:hover { background: #333333; }
div#headernav a.current:active { background: #333333; }

form#headersearch {
	background: #039AD2;
	}
#headersearch input.text {
	border: 1px #0280AF solid;
	color: #0E97C9;
	}
	
div.sidebar {
	background: #2D5859 url(/assets/stylesheets/images/shadow_grn.gif) bottom left repeat-x;
	border-right: 1px #1A3334 solid;
	border-bottom: 1px #1A3334 solid;
	color: white;
	}
.sidebar a {
	color: white;
	}

div.useroptions {
	background: #ED9C42 url(/assets/stylesheets/images/shadow_orange.gif) bottom left repeat-x;
	border-right: 1px #5F3E1A solid;
	border-bottom: 1px #5F3E1A solid;
	color: white;
	}
.useroptions a:link {
	color: white;
	}
.useroptions a:visited {
	color: white;
	}
.useroptions a:hover {
	color: white;
	}
.useroptions a:active {
	color: white;
	}

div.contentwrapper {
	/*position: relative;*/
	background: #EFEEDC url(/assets/stylesheets/images/nav_shadow.gif) bottom repeat-x;
	border-bottom: 1px #C9C8B9 solid;
	color: #234546;
	}
.contentwrapper h1, .contentwrapper h2, .contentwrapper h3, .contentwrapper h4, .contentwrapper h5 {
	color: #0E97C9;
	}


.breadcrumbs {
	/* see nucorners.css */
	background-color: #FFFEEA !important;
	}

.breadcrumbs a:link { color: #234546; }
.breadcrumbs a:visited { color: #234546; }
.breadcrumbs a:hover { color: #0E97C9; }
.breadcrumbs a:active { color: #0E97C9; }

.breadcrumbs a.current:link, .breadcrumbs a.current:visited, .breadcrumbs a.current:hover, .breadcrumbs a.current:active {color: #0E97C9;}

.breadcrumb a:link { color: #234546; }
.breadcrumb a:visited { color: #234546; }
.breadcrumb a:hover { color: #0E97C9; }
.breadcrumb a:active { color: #0E97C9; }

.breadcrumbItem {color: #0E97C9;}

.contentwrapper a { color: #234546; }


div.contentwrapper div.newspost {
	border-bottom: 1px #C9C8B9 solid;
	}
div.contentwrapper .newspost img {
	border: 5px white solid;
	}


div.extranav {
	/* see nucorners.css */
	background: #E8E7D5;
	border-left: 1px #C9C8B9 solid;
	}
.extranav div.head {
	color: #0E97C9;
	background: url(/assets/stylesheets/images/dotted.gif) bottom repeat-x;
	}
.extranav a:link { color: #2A5354; }
.extranav a:visited { color: #2A5354; }
.extranav a:hover { color: #0E97C9; }
.extranav a:active { color: #1E3A3B; }


div#footer {
	color: white;
}
#footer a {
	color: white;
	}
div#footleft {
	background: #2D5859 url(/assets/stylesheets/images/footerlogo.gif) left center no-repeat;
	}
div#footright {
	background: #2D5859;
	}

/* buttons */
div.button {
	/* see nucorners.css */
	background-color: #E46D05;
	}
.button a:link { color: white; }
.button a:visited { color: white; }
.button a:hover { color: white; }
.button a:active { color: white; }
/* eof buttons */

/*caption box (for photos)*/
div.captionbox {
	background: #E8E7D5;
	border: 1px #C9C8B9 solid;
	}

/*misc*/
.warning-noscript {
	background: red;
	color: white;
	}
img.border {
	border: 5px white solid;
	}
img.drkborder {
	/* for images on a white background */
	border: 5px #C9C8B9 solid;
	}
#noflash {
	background-color: white;
	}

/* Pagination */
.paginator {
	background-color: #EFEEDC !important;
	color: #234546;
	}
.paginator b {
	color: #0E97C9;
	}
.paginator a:link { color: #234546; }
.paginator a:visited { color: #234546; }
.paginator a:hover { color: #0E97C9; }
.paginator a:active { color: #0E97C9; }

.paginator a.current:link, .paginator a.current:visited, .paginator a.current:hover, .paginator a.current:active {
	color: #0E97C9;
	}
/* eof Pagination */


/*Photo Gallery*/
#pg_image img{
	border: 5px white solid;  
	}  
	
a.pg_link,  .odd a, .even a {
	color: #0E97C9;
	}
/* eof Photo Gallery */


/* customize controls */
div.customcontrols {
	/* see nucorners.css */
	background-color: #E8E7D5;
	}

/* Google Map */
#map {
	border: 5px white solid;
	}

#mapControls {
	border: 1px #C9C8B9 solid;
	background-color: #efeedc;
	}

.plabel {
	color: black;
	}
	
.phead {
	color: #003333;
	}
	
/*
========================================
CONTENT LAYOUT TOOLS
========================================
*/

.contentTable th {
	border-bottom: 1px #C9C8B9 solid;
	}
.contentTable td {
	background: #FFFEEA;
	}

div.strokebox {
	/* see nucorners.css */
	background: #E8E7D5;
	border-left: 1px #C9C8B9 solid;
	}



/*
====================================================
NAV COLOR SETTINGS
====================================================
*/
	/* main block */
	div#nav {
		background: #EFEEDC;
		}

	/* nav - common */
	#nav h1 {
		color: #2A5354;
		background: url(/assets/stylesheets/images/nav_button_up.gif) left center no-repeat;
		border-bottom: 1px #C9C8B9 solid;
		border-top: 1px #F7F6E3 solid;
		}
	#nav h1:hover {
		color: #0E97C9;
		}
	#nav div {
		background: url(/assets/stylesheets/images/nav_shadow.gif) bottom repeat-x;
		}
	#nav ul {
		background: #E8E7D5;
		}
	#nav li {
		border-bottom: 1px #E8E7D5 solid;
		}

	#nav a:link { color: #2A5354; }
	#nav a:visited { color: #2A5354; }
	#nav a:hover { color: #0E97C9; }
	#nav a:active { color: #1E3A3B; }
	
	#nav a.current:link { color: white; background: url(/assets/stylesheets/images/nav_current.gif) left top; }
	#nav a.current:visited { color: white; background: url(/assets/stylesheets/images/nav_current.gif) left top; }
	#nav a.current:hover { color: white; background: url(/assets/stylesheets/images/nav_current.gif) left top; }
	#nav a.current:active { color: white; background: url(/assets/stylesheets/images/nav_current.gif) left top; }
	
	/* old method (a does not get .expanded class in component) #nav a.expanded { border-bottom: 1px #C9C8B9 solid; } */
	#nav ul.expanded ul {
		border-top: 1px #C9C8B9 solid;
		}


/*
====================================================
HOME/LANDING CSS COLOR SETTINGS
====================================================
*/
body#landing {
	background: #356869 url(/assets/stylesheets/images/home_bg.jpg) top left repeat-x;
	}
#landing div#flash {
	border: 10px white solid;
	}
/* #noflash and #landing .homenoflash are NOW INLINE */
/* #noflash in common.css */
/*#landing .homenoflash {
	background-image: url(/assets/stylesheets/images/home_noflash.jpg);
	}*/
#landing #headernav div {
	background: url(/assets/stylesheets/images/headernav_shadow_home.jpg) bottom right no-repeat !important;
	}
	
/*custom HTML area*/
#landing div.home-custom-html {
	color: white;
	}

/* news posts */
#landing div#news {
	/* see nucorners.css */
	border-top: 3px #204649 solid;
	}


#landing div.rss {
	background: url(/assets/stylesheets/images/rss_icon.jpg) left center no-repeat;
	}
#landing #news .rss a:link, #news .rss a:visited, #news .rss a:hover, #news .rss a:active {
	color: white;
	}


#landing div.newspost {
	border-bottom: 1px #5C8182 solid;
	color: white;
	}
#landing .newspost img {
	border: 1px #5C8182 solid;
	}



#landing #news a:link, #news a:visited, #news a:hover, #news a:active {
	color: #FFF5A5;
	}
#landing #news h1 a:link {
	color: white;
	}
#landing #news h1 a:visited {
	color: white;
	}
#landing #news h1 a:hover {
	color: white;
	}
#landing #news h1 a:active {
	color: white;
	}


#landing table#tools {
	color: #2A5354;
	}
#landing #tools td {
	background: #F7F6E3;
	}
#landing #tools h1 {
	color: #0E97C9;
	}
#landing #tools a {
	color: #234546;
	}




/*
====================================================
NUCORNERS
rounded corners divs - only used in the default theme
====================================================
*/
.nuc {
	margin: 0;
	padding: 0;
	background: transparent;
}

.inuc { /*for nested nuc's*/
	margin: 0;
	padding: 0;
	background: transparent;
}



/* basic, 4-corners white box */
.nuc { background: white url(/images/white_ul.gif) top left no-repeat; }
.nuc .nuc { background: url(/images/white_ur.gif) transparent top right no-repeat; }
.nuc .nuc .nuc { background: url(/images/white_lr.gif) transparent bottom right no-repeat; }
.nuc .nuc .nuc .nuc { background: url(/images/white_ll.gif) transparent bottom left no-repeat; padding: 15px; height: 100%;} /* the height fixes an issue in IE 5/win */
/* NOTE - innermost div MUST have at least 1px of padding */


/* news box */
#news					{ background: url(/assets/stylesheets/images/news_bg.jpg) transparent top center repeat-x; }
#news .nuc				{ background: url(/assets/stylesheets/images/news_uc.jpg) transparent top right no-repeat; }
#news .nuc .nuc 		{ background: url(/assets/stylesheets/images/news_uc.jpg) transparent top left no-repeat; }


/* breadcrumbs */
.breadcrumbs				{ background-image: url(/assets/stylesheets/images/bc_ul.gif) !important; }
.breadcrumbs .nuc			{ background-image: url(/assets/stylesheets/images/bc_ur.gif) !important; }
.breadcrumbs .nuc .nuc		{ background-image: url(/assets/stylesheets/images/bc_lr.gif) !important; }
.breadcrumbs .nuc .nuc .nuc { background-image: url(/assets/stylesheets/images/bc_ll.gif) !important; }

/* right nav */
.extranav .nuc				{ background: url(/assets/stylesheets/images/strokebox_ur.gif) transparent top right no-repeat !important; }
.extranav .nuc .nuc			{ background: url(/assets/stylesheets/images/strokebox_lr.gif) bottom right no-repeat !important; padding: 8px; }

/* stroke box  - same as extranav */
.strokebox .nuc				{ background: url(/assets/stylesheets/images/strokebox_ur.gif) transparent top right no-repeat !important; }
.strokebox .nuc .nuc		{ background: url(/assets/stylesheets/images/strokebox_lr.gif) bottom right no-repeat !important; padding: 8px; }


/* right nav */
.storenav .nuc				{ background: url(/assets/stylesheets/images/strokebox_ur.gif) transparent top right no-repeat !important; }
.storenav .nuc .nuc			{ background: url(/assets/stylesheets/images/strokebox_lr.gif) bottom right no-repeat !important; padding: 8px; }



/* orange button */
.button					{ background-image: url(/assets/stylesheets/images/orangebtn_ul.gif) !important; }
.button .nuc			{ background: url(/assets/stylesheets/images/orangebtn_lr.gif) transparent bottom right no-repeat !important; }
.button .nuc .nuc		{ background: url(/assets/stylesheets/images/orangebtn_ur.gif) transparent top right no-repeat !important; }
.button .nuc .nuc .nuc	{ background: url(/assets/stylesheets/images/orangebtn_ll.gif) transparent bottom left no-repeat !important; padding: 5px 8px !important; }

/* store button */
#storedetail .button					{ background-image: url(/assets/stylesheets/images/bluebtn_ul.gif) !important; }
#storedetail .button .inuc				{ background: url(/assets/stylesheets/images/bluebtn_lr.gif) transparent bottom right no-repeat !important; }
#storedetail .button .inuc .inuc		{ background: url(/assets/stylesheets/images/bluebtn_ur.gif) transparent top right no-repeat !important; }
#storedetail .button .inuc .inuc .inuc	{ background: url(/assets/stylesheets/images/bluebtn_ll.gif) transparent bottom left no-repeat !important; padding: 5px 8px !important; height: 100%; }


/* right nav */
.customcontrols					{ background-image: url(/assets/stylesheets/images/fullstrokebox_ul.gif) !important; }
.customcontrols .nuc			{ background: url(/assets/stylesheets/images/fullstrokebox_lr.gif) transparent bottom right no-repeat !important; }
.customcontrols .nuc .nuc		{ background: url(/assets/stylesheets/images/fullstrokebox_ur.gif) transparent top right no-repeat !important; }
.customcontrols .nuc .nuc .nuc	{ background: url(/assets/stylesheets/images/fullstrokebox_ll.gif) transparent bottom left no-repeat !important; padding: 10px 5px !important; }	 

/*Homepage Calendar*/

.smallMargin {padding:0 0 0 0; margin: 0 0 0 0;}
#landing #tools p.centered {color: #0E97C9;text-align:center;width: 170px;margin: 10px auto;font-size: 2em;}
#landing #tools .calendaroverride a.datelink {color: #0E97C9;font-weight:bold;text-decoration:none;} 
a.callistevent {color: #234546;text-decoration:none;}



/*careers search submit buttons */
table.filterCriteria input, div.searchoverride table input[type="Submit"]		{
	background: #0EBFFF;
	border-right: 1px #5F3E1A solid;
	border-bottom: 1px #5F3E1A solid;
	color: white;
	}

div.searchoverride div.searchNavigation { color: #0E97C9; }	
	
div.searchoverride div.searchNavigation a:link { color: #234546; font-weight: normal; }
div.searchoverride div.searchNavigation a:visited { color: #234546; font-weight: normal;  }
div.searchoverride div.searchNavigation a:hover { color: #234546; font-weight: normal;  }
div.searchoverride div.searchNavigation a:active { color: #234546; font-weight: normal; }