/*start default styles*/
*{
	margin:0;
	padding:0;
}

body{
	font-size:.8em;
	margin:0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-color:#369;
}

a, a:link, a:visited, a:hover, a:active{
	font-size:1em;
	text-decoration:underline;
	font-weight:normal;
	color:#0000CC;
}
	a:hover{
		color:#800;
		text-decoration:none;
	}
	a.quicklink{
		display:none; /*hide any quicklinks by default, then we'll show them in core.js*/
	}
	a img{
		border:0;
	}

p {
	margin-bottom:.8em;
}
hr { 
	height:1px; 
	background-color:#000099; 
	color:#000099; height:1px;
}
th {
	text-align:left;
}
.hideme {
	display:none;
}
ul {
	margin:0;
	padding:0;
}
ul li {
	margin:0 0 0 20px;
	padding:0;
}
#content .left,
.windx .left {
	text-align:left;
	padding-left:.5em;
}
#content .center,
.windx .center {
	text-align:center;
}
#content .right,
.windx .right {
	text-align:right;
	padding-right:.5em;
}
#content .justify,
.windx .justify {
	text-align:justify;
}
#content .nowrap {
	white-space:nowrap;
}
#content .currency {
	text-align:right;
	padding-right:.5em;
	white-space:nowrap;
}
#content .top {
	vertical-align:top;
}
#content .bottom {
	vertical-align:bottom;
}
#content .importantNotice{
	color:#CC0000;
	margin:.5em;
}
dfn {
	/*cursor:help; Commented out per request from Bob Shenk, they didn't like the question mark*/
	cursor:hand;
	font-style:normal;
	border-bottom:1px dashed;
}
/*end default styles*/

/*start quick links*/
#content a.quicklink{
	text-decoration:none;
}
/*end quick links*/

/*start form styles*/
form{
	margin:0 0 .5em 0;
}
	form label{
		color:#666666;
		font-weight:bold;
	}
	form input{
		padding:2px;
	}
	form input,
	form select,
	form textarea{
		background-color:white; /*radio buttons & checkboxes inside detailboxes have their bgcolors changed in core.js*/
		color:black;
		border:1px solid #888; /*radio buttons & checkboxes have their borders turned off in core.js*/
		margin-bottom:3px;
	}
		form input[type=radio]{
			border:0;
			margin:0;
			vertical-align:text-bottom;
		}
		form input.error,
		form select.error,
		form textarea.error{
			border:2px solid red;
		}
	form option
	{
		padding-right: 5px;
	}
/*end form styles*/

/*start button styles*/
button,
a.button,a.button:link,a.button:visited,a.button:hover,a.button:active{
	height:22px;
	width:101px;
	border:0;
	cursor:pointer;
	color:#FFF;
	font:bold 12px Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	background:url(../images/layout/btn_general.gif) no-repeat top left;
}
	a.button,a.button:link,a.button:visited,a.button:hover,a.button:active{
		display:block;
		padding:3px 0 0 0;
		text-decoration:none;
	}
	button:hover,
	button.hover,
	a.button:hover{
		background:url(../images/layout/btn_general_over.gif) no-repeat top left;
	}
	button.disabled,
	a.disabled{
		cursor:auto;
		background:url(../images/layout/btn_general_disabled.gif) no-repeat top left;
		color:#ddd;
	}
/*end button styles*/


/* *****************************************
	Named Elements
***************************************** */
#container{
	background-color:#FFF;
	border:2px solid black;
	border-top:4px solid black;
	border-bottom:4px solid black;
	width:740px;
	margin:auto;
}

/*start header*/
div#header_home{
	position:relative;
	width:100%;
	height:187px;
	margin:0;
	padding:0;
	background:url(../images/layout/bg_hdr_home.gif) repeat top left;
}	
div#header{
	position:relative;
	width:100%;
	height:77px;
	margin:0;
	padding:0;
	background:url(../images/layout/bg_hdr_sub.gif) repeat top left;
}	
	div#header_home div#headerlogo_home{
		position:absolute;
		top:27px;
		left:16px;
		width:707px;
		height:155px;
		background:url(../images/logos/logo_home.jpg) no-repeat top left;
	}
	div#header div#headerlogo{
		position:absolute;
		top:3px;
		left:16px;
		width:395px;
		height:69px;
		background:url(../images/logos/logo_sub.jpg) no-repeat top left;
	}
		div#headerlogo h1,
		div#headerlogo_home h1{
			visibility:hidden;
		}

div#topnav{
	position:absolute;
	top:0;
	right:30px;
}
	div#topnav ul{
		padding:0;
		margin:0;
	}
		div#topnav ul li{
			display:inline;
			padding:0;
			margin:0;
		}
			div#topnav ul li a{
				float:left;
				display:block;
				text-decoration:none;
				font-size:14px;
				color:#FFF;
				padding:2px 7px;
				background-color:#000;
			}
				div#topnav ul li a:hover{
					background-color:#808080;
				}
				div#topnav ul li a.leftEnd{
					background-color:none;
					background:url(../images/layout/tab_black_blc.gif) no-repeat bottom left;
				}
					div#topnav ul li a.leftEnd:hover{
						background:url(../images/layout/tab_gray_blc.gif) no-repeat bottom left;
					}
				div#topnav ul li a.rightEnd{
					background-color:none;
					background:url(../images/layout/tab_white_brc.gif) no-repeat bottom right;
					font-weight:bold;
					color:#900;
				}
					div#topnav ul li a.rightEnd:hover{
						background:url(../images/layout/tab_gray_brc.gif) no-repeat bottom right;
					}

div#userTitle{
	position:absolute;
	top:22px;
	right:30px;
	font-size:11px;
	color:#FFF;
}

div#pageTitle{
	position:absolute;
	top:43px;
	right:30px;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}
/* end nav */

/*start wrapper and content*/
div#wrapper{
	position:relative;
	width:740px;
	height:auto;
	min-height:378px; /*see core.js & index.cfm for IE min-height adjustment*/
	background-color:#FFF;
}
	div#wrapper div#content{
		padding:40px 5px 0 5px;
	}
		div#wrapper div#content h3{
			color:#900;
			font-size:18px;
			font-weight:bold;
			padding-left:10px;
			margin:0 0 10px 0;
			border-bottom:1px solid #900;
		}
			div#wrapper div#content h4{
				color:#900;
				font-size:14px;
				margin:0 0 5px 0;
			}
/*end wrapper and content*/


/*start nav*/
div#nav{
	position:absolute;
	top:0;
	left:0;
	width:740px;
	border-bottom:8px solid #CCC;
}
	div#nav ul{
		padding:4px 0 5px 0;
		margin:0;
	}
		div#nav ul li{
			display:inline;
			position:relative;
			padding:0;
			margin:0;
		}
			div#nav ul li a{
				padding:5px 3px;
				margin:0;
				text-decoration:none;
				font:bold 12px arial, helvetica, sans-serif;
				color:#666;
			}
				div#nav ul li:hover a,
				div#nav ul li.hover a{
					background-color:#369;
					color:#FFF;
				}
				div#nav ul li:hover ul,
				div#nav ul li.hover ul{
					display:block;
				}
					div#nav ul ul li:hover a,
					div#nav ul ul li.hover a{
						background-color:#900;
					}
		div#nav ul ul{
			position:absolute;
			top:21px;
			left:0;
			margin:0;
			padding:0;
			width:200px;
			z-index:500;
			border:1px solid #808080;
			border-top:0;
			background-color:#369;
			display:none;
		}
			div#nav ul ul li a{
				color:#FFF;
				display:block;
				padding:3px;
				margin:0;
			}
div#nav li#navPrincipleReportsHeader {
	display:block;
	margin-top:10px;
	padding-left:.4em;
	color:#FFF;
	border-top:1px solid #FFF;
}
/*end nav*/

/*start footer*/
div#footer{
	height:30px;
	margin:0;
	padding:30px 10px 0 10px;
	font-size:11px;
	background:url(../images/layout/brdr_bottom.gif) repeat-x top left;
}	
	div#footer div#copyright{
		float:left;
	}
	div#footer div#footerLinks{
		float:right;
	}
/*end footer*/

/*start datagrid*/
table.datagrid {
	width:100%;
	padding:0;
	margin:0;
	cursor:pointer;
	border-collapse:collapse;
	border:1px solid navy;
}
	table.datagrid tr {
		padding:0;
		margin:0;
	}
		table.datagrid tr th,
		table.datagrid tr td {
			padding:1px;
			margin:0;
		}
		table.datagrid tr th {
			vertical-align:bottom;
		}
	table.datagrid thead tr {
		background-color:#cdcdcd;
		cursor:default;
	}
	table.datagrid tbody tr.datagridrow0 {
		background-color:#fff;
	}
	table.datagrid tbody tr.datagridrow1 {
		background-color:#E0E0E0;
	}
	table.datagrid tbody tr.datagridrowsubheading{
		background-color:#cdcdcd;
	}
	table.datagrid tbody tr.selected {
		background-color:#FFE69B;
	}
	table.datagrid tbody tr.datagridrow0:hover,
	table.datagrid tbody tr.datagridrow1:hover,
	table.datagrid tbody tr.hover {
		background-color:#fc3;
	}
	table.datagrid tfoot tr {
		background-color:#cdcdcd;
		cursor:default;
	}
	table.datagrid a,
	table.datagrid a:link,
	table.datagrid a:visited,
	table.datagrid a:hover,
	table.datagrid a:active {
		font-size:1em;
	}
div.datagridpager {
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
}
	div.datagridpager a,
	div.datagridpager a:link,
	div.datagridpager a:visited,
	div.datagridpager a:hover,
	div.datagridpager a:active {
		font-size:1em;
	}
	div.datagridpager form {
		display:inline;
		margin: 0 2em;
		padding:0;
	}
table.monofont {
	padding:0;
	margin:0;
	border:0;
	font-family:"Courier New", Courier, monospace;
	background-color:#fff;
}
/*end datagrid*/

/* begin detailbox */
div.detailBox{
	float:left;
	width:100%;
	padding:0;
	margin:5px 0 5px 0;
	border:0;
	background:url(../images/layout/bg_graybox_l.gif) repeat-y top left;
	background-color:#E8E8E8;
}
	div.detailBox div.detailBox_content{
		padding:1px 15px 1px 15px;
		margin:0;
		background:url(../images/layout/bg_graybox_r.gif) repeat-y top right;
	}
		div#wrapper div#content div.detailBox div.detailBox_content h3{
			position:relative;
			top:-10px;
			margin:0;
		}
	div.detailBox div.detailBox_top{
		position:relative;
		height:10px;
		background:url(../images/layout/bg_graybox_t.gif) repeat-x top left;
		background-color:#E8E8E8;
	}
		div.detailBox div.detailBox_top div.detailBox_topLeft{
			position:absolute;
			top:0;
			left:0;
			height:10px;
			width:10px;
			background:url(../images/layout/bg_graybox_tl.gif) no-repeat top left;
		}
		div.detailBox div.detailBox_top div.detailBox_topRight{
			position:absolute;
			top:0;
			right:0;
			height:10px;
			width:10px;
			background:url(../images/layout/bg_graybox_tr.gif) no-repeat top right;
		}
	div.detailBox div.detailBox_bottom{
		position:relative;
		height:10px;
		background:url(../images/layout/bg_graybox_b.gif) repeat-x bottom left;
		background-color:#E8E8E8;
	}
		div.detailBox div.detailBox_bottom div.detailBox_bottomLeft{
			position:absolute;
			bottom:0;
			left:0;
			height:10px;
			width:10px;
			background:url(../images/layout/bg_graybox_bl.gif) no-repeat bottom left;
		}
		div.detailBox div.detailBox_bottom div.detailBox_bottomRight{
			position:absolute;
			bottom:0;
			right:0;
			height:10px;
			width:10px;
			background:url(../images/layout/bg_graybox_br.gif) no-repeat bottom right;
		}

	div.detailBox div.detailBox_content table{
		width: 100%;
	}
/* end detailbox */