/*
	###################################
	#	STYLES COMMON TO MOST PAGES   #
	###################################
*/

/*
	#
	#	RESET ALL STYLES
	#
*/
HTML,BODY {
	width:		100%;
	height:		100%;
}
BODY {
	font-size:	100%;
	*font-size:	80%; /* IE6/7 */
	color:		#000;
	background:	#FFF;
}
BODY, INPUT,TEXTAREA,SELECT {
	font-family: Lucida Grande, Lucida Sans, Arial, Helvetica, sans-serif;
}

INPUT,TEXTAREA,SELECT,
H1,H2,H3,H4,H5,H6,TABLE,
PRE,CODE,ADDRESS,CAPTION,CITE,CODE,EM,STRONG,
FORM,INPUT,TEXTAREA,SELECT {
	font-size:	1em;
	font-style:	normal;
	font-weight:normal;
}
HTML,BODY,DIV,UL,OL,LI,DL,DT,DD,
H1,H2,H3,H4,H5,H6,
P,BLOCKQUOTE,PRE,TABLE,TH,TD,
FORM,FIELDSET,INPUT {
	margin:  0;
	padding: 0;
}
UL	{ list-style: none; }
CAPTION	{ text-align: left; }
IMG		{ border: none; }
HR		{ 
	height:			1px;
	border-width:	0; /* for FireFox */
	color:			#777;	/* IE uses this */
	background-color: #777;	/* FF uses this */
	padding:		0;
	margin:			0;
}
TABLE	{ border-collapse: collapse; border-spacing: 0; }
TH		{ text-align: left; vertical-align: top; font-weight:normal; }
TD		{ vertical-align: top; }

/*
	#
	#	ELEMENT CUSTOMIZATION
	#
*/
FIELDSET {
  margin-bottom: 1em;
  padding: .5em;
  border: none;
}

/*
	#
	#	HYPERLINK COLORS
	#
*/
A, A:link, A:visited, A:hover, A:active {
	text-decoration: none;
}
A, A:link ,
A.noVisit:visited { /* add class="noVisit" to avoid 'visited' coloring */
	color:		#00C; /* Blue */
}
A:visited {
	color:		#60A; /* Purple */
}
A:hover ,
A:link:hover {
	color:		#00F; /* Bright Blue */
	text-decoration: underline;
}
A:visited:hover {
	color:		#90F; /* Bright Purple */
}
A:active {
	/* color:		#C00; Red */
}

/*
	#
	#	GENERIC CLASSES
	#
*/

DIV.wrapper {
	position:	relative;
	overflow:	hidden;		/* to container a 'drop-shadow' */
}

/*
	#
	#	IMAGE TREATMENTS
	#
*/
DIV.dropShadow ,
DIV.dropShadowWrapper {
	background-color:	#BBB;
	overflow:			visible;
	margin-top:			4px; /* must be *at least* IMG margin-top */
	margin-left:		4px; /* must be *at least* IMG margin-left */
	/*
	margin-bottom:		66px;
	background-image:	url(img/overlay.png);
	*/
}
DIV.dropShadow IMG ,
DIV.dropShadowWrapper DIV {
	background-color:	#FFF;
	border:				1px solid #CCC;
	border-color:		#CCC #888 #888 #CCC;
	padding:			4px;
	margin:				-4px 4px 4px -4px;
	display:			block;
	position:			relative;
	/*
	*/
}


/*
	#
	#	SIDEBAR NAVIGATION
	#
*/
DIV.sbarBox {
	background:		#777;
	border:			1px solid #000; 
	margin-bottom:	2em;
	}
	.sbarBox H5 {
		color:			#FFF;
		border-bottom:	1px solid #000; 
		font-size:		0.9em;
		font-weight:	bold;
		text-align:		center;
		padding:		2px;
	}
	.sbarBox .content {
		background:		#FFF;
		padding:		7px 7px 10px;
	}
	/*
		#	SIDEBAR NAVIGATION
	*/
	.sbarBox UL.nav {
		overflow:		auto;
		}
		.sbarBox .nav LI {}
			.sbarBox .nav LI A {
				padding:		0.5ex 0;
				text-decoration: none;
				display:		block;
				}
				.sbarBox .nav LI A:hover {
					font-weight:	bold;
					text-decoration: none;
				}
				.sbarBox .nav LI.current A ,
				.sbarBox .nav LI A:current {
					font-weight:	bold;
					letter-spacing:	1px;
				}
				.sbarBox .nav LI.current A:hover {
				}


UL.navLinks_Horz {
	margin: 0;
	padding: 0;
	overflow: auto;
	}
	.navLinks_Horz LI {
		margin: 0;
		padding: 0;
		list-style-type: none;
		float: left;
		}
		.navLinks_Horz LI A {
			padding: 0 1ex;
			}
			.navLinks_Horz A:hover {
				text-decoration: none; /* default to NOT show 'hover underline' in navbars */
			}
/*
*	NOTE; THESE LINK COLORS MATCH LINK DEFAULT-COLORS SET ABOVE
*/
UL.navLinks_Horz A.visited { /* default to NOT show 'visited' coloring in navbars */
	color: #00C; /* Blue */
}
UL.navLinks_Horz LI.current A {
	color: #C00; /* Red */
}

/*
	#
	#	GENERIC SIDEBAR BOXES --> OLD
	#
*/

DIV.Sidebox {
	margin-bottom: 15px;
	width: 160px;
}
.Sidebox IMG {
	float: left;
	margin-left: 8px;
	border: 1px solid #000; 
}
.Sidebox .Title {
	height: 21px;
	margin: 0;
	border: none;
}
.Sidebox .Title IMG {
	margin: 0;
	border: none;
	float: none;
}
.Sidebox .SubTitle {
	font-weight: bold;
	padding: 15px 0 5px 8px;	
	clear: both;
}
.Sidebox .Body {
	font-size: 0.7em;
	background-color: #F7F7F7; 
	border: 1px solid #BBB; 
	border-top: 0; 
	padding: 3px 3px 5px 0px; 
	margin: 0;
}
.Sidebox .Body A:link , 
.Sidebox .Body A:visited {
	text-align: center;
	text-decoration: none;
	padding: 0 8px;
	color: #666;
}

/*
	#
	#	FORMS
	#
*/

TABLE.simple {
	background:		#EEE;
	border:			1px solid #BBB;
	}
	TABLE.simple TD ,
	TABLE.simple TH { /* defaults */
		padding:		5px 15px;
	}
	TABLE.simple THEAD {}
		TABLE.simple THEAD TD {}
	TABLE.simple TFOOT {}
		TABLE.simple TFOOT TD {}
	TABLE.simple TBODY {}
		TABLE.simple TBODY TH {
			font-weight:	bold;
			white-space:	nowrap;
			text-align:		right;
			padding-right:	0;
			padding-top:	10px; /* 5 + 5 extra px */
		}
		TABLE.simple TBODY TD {
			width:			100%;
			}
			TABLE.simple TBODY TD INPUT ,
			TABLE.simple TBODY TD TEXTAREA ,
			TABLE.simple TBODY TD SELECT {
				width:			100%;
				padding:		2px;
			}
		TABLE.simple TBODY TR.first TD	{ padding-top:		10px; }
		TABLE.simple TBODY TR.first TH	{ padding-top:		15px; } /* 10 + 5 extra px */
		TABLE.simple TBODY TR.last TD	{ padding-bottom:	10px; }
		TABLE.simple TR.buttons TD {
			padding-top: 10px;
			padding-bottom: 20px;
			}
			TABLE.simple TR.buttons BUTTON {
				font-size:		1.2em;
			}

		TD.subTable {
			/*
			padding-left:	15px !important;
			padding-top:	0;
			padding-bottom:	0;
			*/
			}
			TABLE.subTable {
				border:			0;
				}
				TABLE.subTable TD {
					white-space:	nowrap;
					padding-left:	3px;
					/*
					padding-right:	0;
					*/
				}
				#RequestDemo TABLE TH EM {
					color:			#F00;
					font-weight:	bold;
					margin-right:	0.5ex;
				}
				#RequestDemo TABLE.subTable INPUT {
					width:			auto;
					margin-right:	0.5ex;
				}


/*
	#
	#	COLUMN CONTENT
	#
*/
H1 {
	text-transform:	uppercase;
	font-size:		2em;
	letter-spacing:	2px;
	font-weight:	bold;
	padding:		2px;
}
.columns-2-sidebar-left H1 ,
.columns-3-sidebars H1 {
	padding-left:	25px;
	margin-left:	-25px;
	border-left:	0;
}


H2 {
	font-size:		1.5em;
	font-weight:	bold;
	letter-spacing:	1px;
	margin:			1em 0 1ex;
}
H3 , 
H6 , 
P {
	margin:			1ex 0;
	line-height:	1.4em;
}
H3 {
	font-size:		1.2em;
	font-weight:	bold;
	padding:		10px 0 5px 0;
	}
	H3 A {/* see the Theme for colors */}
		H3 A:hover {}
H4 {
	font-size:		1.05em;
	font-weight:	bold;
}
H4.author {
	font-size:		1.05em;
	font-weight:	normal;
	font-style:		italic;
	margin-bottom:	1em;
}
H5 {
	font-size:		1em;
	font-weight:	bold;
}
P.intro {
	font-size:		1.2em;
	font-style:		italic;
	margin-top:		0;
}
TD {
	line-height:	1.4em;
}

OL.numbers ,
OL.numbers_loose ,
OL.numbers_tight {
	margin:			1ex 0 1em 3em;
}
UL.bullets ,
UL.bullets_loose ,
UL.bullets_tight {
	margin:			1ex 0 1em 1.5em;
	margin-left:	3ex; /* WHY is this here??? */
	list-style:		outside circle;
	}
	OL.numbers LI ,
	UL.bullets LI {
		padding: 4px 0;
	}
	OL.numbers_loose LI ,
	UL.bullets_loose LI {
		padding: 6px 0;
	}
	OL.numbers_tight LI ,
	UL.bullets_tight LI {
		padding: 2px 0;
	}

UL.checkmarks {
	margin:		1ex 0 1em 1.5em;
	list-style:	outside url(/shared/img/icon_checkmark_green_10.gif);
	}
	UL.checkmarks LI {
		margin: 1.5ex 0;
	}

.column0 .floatRight {
	float:			right;
	margin-left:	1em;
	margin-bottom:	1ex;
}