/* CSS Document */

body, html {
	margin: 0px 0px 0px 0px;
	background-color : #FFFFFF ;
	color : #666666;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif!important;
	font-size: 11px;
}

#mainbody, html {
min-height:100%; margin-bottom:-50px; height:auto;
}
/*Global Whitespace Reset*/
body, form, input 	{ padding: 0; margin: 0; }
img			{ border: 0; }
a			{ text-decoration: none; color: #0995DD; background-color:Transparent; }
a:hover		{ color: #666666; background-color:Transparent; }

.inputbox { 
	color: #880b1f; 
	background:#FFFFDD; 
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	border: 1px solid #cccccc;
}
.textarea {
	width:340px;
	height:140px;
	font-size:11px;
	border: 1px solid #cccccc;
	background-color:#FFFFDD;
	color:#880b1f;
	overflow:auto;
	margin-left:1px;
	margin-right:1px
}
.button {
	border-top : solid 1px #d5d5d5;
	border-right : solid 1px #808080;
	border-bottom : solid 1px #808080;
	border-left : solid 1px #d5d5d5;
	background: #E9ECEF;
	color:#FF9933;
	font-weight : bold;
	font-size : 11px;
	padding: 2px;
	cursor:pointer;
}
	
/* Date Style */
.mainDate { color:#cccccc;
			text-align:right;
			padding-right:15px;
			padding-bottom: 1px;
			vertical-align:top;
			background-color: #100E71;
			font-size: 11px; line-height: 1.6em; font-family: Tahoma, Arial, Helvetica, sans-serif; }

/* Container Tags */
#container 	{ margin: 0px; padding: 0px; width: 100%; text-align:left; }
#wrap 		{ font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif!important; }


/* Header Tags */
#header 	{width:100%; }

/* Menu Styles */

.sidegrey 		{ background-color:#eeeeee; width:168px; vertical-align:top;}
.sidegrey img { padding-left:-10px; }
.sidegrey2 		{ background-color:#eeeeee; width:156px; vertical-align:top; padding-left:6px; padding-right:6px;}
.sidegrey2 h1 	{ color: #FB3B00; font-size: 1.2em; line-height: 1em; margin-top:20px; margin-bottom:8px;}
.content { margin-left:10px; margin-top:10px; width: 585px; }
.content h1 { font:14px verdana; font-weight:bold; margin-top:0; margin-bottom:1em; color:#FB3B00; }

.dafcontent h1 { font:18px Arial; font-weight:bold; margin-top:6px; margin-bottom:4px; color:#123456; text-align:left;}
.dafcontent h2 { font:14px Arial; font-weight:bold; margin-top:6px; margin-bottom:4px; color:#123456; text-align:left;}
.dafcontent { padding-left:10px; padding-top:20px; }

.enginetable {background-color:#F4F1F1; margin-left:10px; color:#123456}
.footer { font-size: 10px; }
#menu { background-color:#415485; border-bottom:1px solid black; padding:4px 0; width:100%; }
#menu a { padding:4px 10px; text-decoration:none; font-weight:500; color:#CCCCCC; }
#menu span { display:none; }
#menu a.hover { background:#CCCCCC; color: #415485; }
#img { vertical-align:bottom; }

#subnav { font-size:10px; margin-bottom:2em; }
#subnav a { color:#FB3B00; margin-right:1em; }
#subnav span { color:red; margin-right:1em; }

/* This is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu { position:absolute; overflow:hidden; left:-1000px; top:-1000px; }

/* This is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content { position:absolute; }

/* This table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items { position:relative; left:0px; top:-9px; z-index:2; }

.transMenu.top .items { border-top:none; }

/* each TR.item is one menu item */
.transMenu .item { color:#336aaa; font-size:10px; font-family:sans-serif; text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none; cursor:pointer; }

/* This DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background { position:absolute; left:0px; top:-9px; z-index:1; -moz-opacity:.9; filter:alpha(opacity=90); }

/* Same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight { position:absolute; z-index:3; top:3px; width:2px; -moz-opacity:.4; filter:alpha(opacity=40); }

/* Same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom { position:absolute; z-index:1; left:3px; height:2px; -moz-opacity:.4; filter:alpha(opacity=40); }

/* This is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover { background-color:#dddddd; color:black; 	}

/* This is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img { margin-left:10px; }
/* End Menu Styles */


/* Table Footer Options */
 table.footer{
	border-top:1px solid #CCCCCC;
	background-color: #ffffff;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 15px;
	color:#b2b1b1;
	text-align:center;
}

table.footer a{
	color: #b2b1b1;
}

table.moduletable {
	/* styling the module table */
	margin: 0px 0px 0px 0px;
	width: 100%;
	padding-bottom: 6px;
	}

table.moduletable td {
	/* well.. for formatting the table cells of the module table */
	font-family:  Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 110%;
}

/** Custom menu styling - side nav menu **/


table.moduletable_nav td {
	/* well.. for formatting the table cells of the module table */
	font-family:  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	height:10px;
	border-bottom:1px solid #CFCFCF;
}


a.mainlevel:link, a.mainlevel:visited {
	/* this styling is for the MAIN items in the menu */
	font-family: Verdana, Helvetica, sans-serif;
	font-weight:normal;
	color: #b2b1b1;
	text-decoration:none;
	text-align: left;
	padding-left:15px;
	background:  url(images/arrow.png) no-repeat;
	vertical-align: bottom;
}

#selected{ color:#DCE6F3; font-weight:bold; padding-left:20px; display:inline; }


a.mainlevel:active {
	/* same as above, but when hovering */
	font-family: Verdana, Helvetica, sans-serif;
	font-weight:normal;
	color: #666666;
	text-decoration:none;
	text-align: left;

	}

a.mainlevel:hover {
	/* same as above, but when hovering */
	font-family: Verdana, Helvetica, sans-serif;
	font-weight:normal;
	color: #CECF63;
	text-decoration:none;
	text-align: left;
	}

span.mainlevel {
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	align: left;
	margin-left: 10px;
	text-transform:uppercase;
}
span.mainlevel img {
	border:none;
}.mainheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #666666;
}