/*
AUTHOR:				Steve Seaquist, Trusted Mission Solutions, Inc., for the US Small Business Administration. 
DATE:				08/08/2011
DESCRIPTION:		Shared CSS classes for Main Navigation region *** USING STRICT MODE ***. 
NOTES:

	This file contains all styles used by the cf_mainnav custom tag. Restricting usage to the custom tag will make this 
	file largely static in the future. 

	If the user has specified text-only, link in mainnav.textonly.css AFTER this file. 

INPUT:				None. 
OUTPUT:				Shared CSS classes for Main Navigation region *** USING STRICT MODE ***. 
REVISION HISTORY:	06/29/2012, SRS:	Made divmainnavsubmit divs use inlineblock, so that it can vary according to MSIE 8+ 
										boundary, not MSIE 10+ boundary. (Solves "the margin-bottom problem".) 
					04/18/2012, SRS:	Added -ms- prefixes with comments as to when they'll start working. Since linear 
										gradient won't start working till MSIE 10, we have to keep using CSS3PIE till then. 
					08/08/2011, SRS:	Original implementation. Cannibalized existing sba.css. 
*/

#DivMainNavButtons
	{/* Offset buttons from the darkest top bar of background.bluesteel.png (in graphics mode) to avoid overlaying SkipLinks: */
	position:							absolute;
	top:								11px;
	right:								0px;
	bottom:								0px;
	left:								0px;
	border:								0px;
	margin:								0px;
	padding:							0px;
	overflow:							hidden;
	}

/* Classes associated with MainNav contents, begins. */

.mainnavexternalsys
	{
	margin:								0px;
	padding:							.2em .4em .2em .4em;
	color:								#00f;
	font-size:							10pt;
	font-weight:						bold;
	text-decoration:					none;
	/* No text-shadow because it makes blue-on-white text illegible. */
	/* Shadow property values are x-offset (h), y-offset (v), thickness and color, respectively. */
	border:								1px solid #000;
	-webkit-border-radius:				.7em;
	-moz-border-radius:					.7em;
	border-radius:						.7em; /* msie 9+ */
	/* Shadow property values are x-offset (h), y-offset (v), thickness and color, respectively. */
	-webkit-box-shadow:					2px 2px 3px #999;
	-moz-box-shadow:					2px 2px 3px #999;
	box-shadow:							2px 2px 3px #999; /* msie 9+ */
	background-color:					#fff;
	background-image:					-webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc),color-stop(0.4, #aaa));
	background-image:					-moz-linear-gradient(#eee, #aaa, #ccc);
	background-image:					-ms-linear-gradient(#eee, #aaa, #ccc); /* msie 10+ */
	background-image:					linear-gradient(#eee, #aaa, #ccc);
	}
.mainnavexternalsys:hover,
.mainnavexternalsys:focus
	{
	color:								#009;
	}
.mainnavsubmit
	{
	margin:								0px;
	padding:							.2em .4em .2em .4em;
	color:								#fff;
	font-size:							10pt;
	font-weight:						bold;
	text-decoration:					none;
	/* Shadow property values are x-offset (h), y-offset (v), thickness and color, respectively. */
	text-shadow:						1px 1px 1px #000;
	border:								1px solid #000;
	-webkit-border-radius:				.7em;
	-moz-border-radius:					.7em;
	border-radius:						.7em; /* msie 9+ */
	/* Shadow property values are x-offset (h), y-offset (v), thickness and color, respectively. */
	-webkit-box-shadow:					2px 2px 3px #999;
	-moz-box-shadow:					2px 2px 3px #999;
	box-shadow:							2px 2px 3px #999; /* msie 9+ */
	background-color:					#0040ce;
	background-image:					-webkit-gradient(linear, left top, left bottom, from(#e8ede9), to(#0040ce),color-stop(0.4, #001b8c));/* should be blue,color-stop(0.4, #1b0b8c) */
	background-image:					-moz-linear-gradient(#e8ede9, #001b8c, #0040ce);
	background-image:					-ms-linear-gradient(#e8ede9, #001b8c, #0040ce); /* msie 10+ */
	background-image:					linear-gradient(#e8ede9, #001b8c, #0040ce);
	}
.mainnavsubmit:hover,
.mainnavsubmit:focus
	{
	color:								#ff0;
	background-color:					#40ce1c;
	background-image:					-webkit-gradient(linear, left top, left bottom, from(#ede9e8), to(#40ce1c),color-stop(0.4, #1b8c0b));
	background-image:					-moz-linear-gradient(#ede9e8, #1b8c0b, #40ce1c);
	background-image:					-ms-linear-gradient(#ede9e8, #1b8c0b, #40ce1c); /* msie 10+ */
	background-image:					linear-gradient(#ede9e8, #1b8c0b, #40ce1c);
	}
.divmainnavsubmit
	{
	margin:								0px 2px 5px 0px;/* Buttons too squished together. */
	display:							2px solid transparent;
	}
.divmainnavsubmithover	/* Can't use :hover because MSIE doesn't support :hover except on hotlinks. This uses jQuery instead. */
	{
	margin:								0px 2px 5px 0px;/* Buttons too squished together. */
	display:							2px solid #40ce1c;
	}
/* MainNav region's background: */
.headernav
	{/* Normally, you should leave MainNav coloring to cf_mainnav, because it will handle TextOnly for you. */
	background-image:					url(/library/images/sbalookandfeel/background.magnum.png);
	background-repeat:					repeat-x;
	}
#DivReadyLight
	{
	position:							absolute;
	top:								3px;
	right:								3px;
	height:								25px;	/* Determines bottom. */
	width:								65px;	/* Determines left. */
	line-height:						25px;	/* Middle-aligns text (but only text), because same as ReadyLight height. */
	padding:							2px;
	font-size:							12pt;
	text-align:							right;
	}
.ReadyLightLoading
	{
	background-color:					#fff;
	}
.ReadyLightReady
	{
	color:								#6c9;
	font-weight:						900;	/* Essentially, "boldest". */
	}