/*	
	ColorCombo230	
	
		01377F	- 	DARK BLUE
		7C7062	- 	DARK GRAY
		1A62A3	-	BLUE
		B4A28F	- 	GRAY
		F7F6F4	-	LIGHTER BLUE
		E0EAF4	- 	LIGHT BLUE
		
	ColorCombo181
		
		638291	-	DARK BLUE GRAY
		E8EFF3	-	LIGHT BLUE
		FFCC33	-	DARK YELLOW
		FCF1D1	-	LIGHT YELLOW
		5B7444	-	DARK GREEN
		A3C586	-	LIGHT GREEN

*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	background: #F7F6F4;
	margin:0;
	padding:0 0 5px 0;
}

/*	----------	#header	----------	*/

#header{
	padding:5px 10px;
}

#header, #header a{
	font-size:11px;
	color:#000;
	background:#BCC0BF;
	text-decoration:none;
}

#header a:hover{
	text-decoration:underline;
}

#header span{
	float:right;
}

#header span.signIn	{
	margin-top:-5px;
	padding:3px 5px 5px 5px;
}


#header span.signIn input{
	font-size:11px;
	border:1px solid #CCC;
}

#header span.signIn input.button{
	padding:0;
	background:#E0EAF4;	
}

#header .boxError{
	font-weight:bold;
	/*	color:#C00000;	*/
	color:#000;
	width:auto;
	border:0;
	background:#FFCCCC;
	margin:-5px 5px;
	padding:4px 5px 5px 5px;
}

/*	----------	#banner	----------	*/

#banner{
	background:#BCC0BF url(../images/bg3.gif) left top repeat-x;
}

#banner span{
	float:right;
}

/*	----------	#navigation	----------	*/

#navigation, #navigation a{
	font-size:10px;
	color:#FFF;
	text-decoration:none;	
	text-transform:uppercase;
}

#navigation ul{
	padding:20px 0 5px 20px;
	background:#BCC0BF;
}

#navigation ul li{
	display:inline;
	margin:2px;
	padding:5px 20px 5px 20px;
	border:1px solid #F7F6F4;
}

#navigation ul li.active{
	background:#F7F6F4;
}

#navigation ul li.active a{
	color:#01377F;
}

/*	----------	#content	----------	*/

#content{
	margin:20px 0;
}

/*	----------	#content .tableGrid1	----------	*/

#content .tableGrid1{
	font-size:12px;
	background-color:#FFE;
	border:1px solid #01377F;
	width:80%;
	margin:5px auto;
}

#content .tableGrid1 tr a{
	color:#333;
}

#content .tableGrid1 tr:hover{
	background:#FFC;
}

#content .tableGrid1 tr.division{
	background:#E0EAF4;
}

#content .tableGrid1 tr.statusActive, #content .tableGrid1 tr.statusActive a{
	color:#333;
}

#content .tableGrid1 tr.statusActive:hover{
	background:#FFC;
}

#content .tableGrid1 tr.statusInactive, #content .tableGrid1 tr.statusInactive a{
	color:#DD0621;
}

#content .tableGrid1 tr.statusInactive:hover{
	background:#FFE3FF;
}

#content .tableGrid1 tr.statusPending, #content .tableGrid1 tr.statusPending a{
	color:#FF6600;
}

#content .tableGrid1 tr.statusPending:hover{
	background:#FEFCD7;
}

#content .tableGrid1 tr.statusApproved, #content .tableGrid1 tr.statusApproved a{
	color:#060;
}

#content .tableGrid1 tr.statusApproved:hover{
	background:#EBEFE0;
}

#content .tableGrid1 tr.upCategoryLabel{
	background:#E0EAF4;
	font-weight:bold;
}

#content .tableGrid1 tr.upCategoryTotal1{
	background:#CCC;
	font-weight:bold;
}

#content .tableGrid1 tr.upCategoryTotal2{
	background:#FC3;
	font-weight:bold;
}

#content .tableGrid1 th{
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	background:#01377F;
	padding:5px;
}

#content .tableGrid1 th a{
	color:#FFF;
	text-decoration:none;
}

#content .tableGrid1 th a:hover{
	text-decoration:underline;
}

#content .tableGrid1 td{
	padding:5px;
	text-align:center;
}

#content .tableGrid1 td a{
	text-decoration:none;
}

#content .tableGrid1 td.description{
	text-align:left;
}

/*	----------	#content .tableGrid2	----------	*/

#content .tableGrid2{
	border:1px solid #01377F;
	width:60%;
	margin:5px auto;
}

#content .tableGrid2 tr:hover{
	background:#FFFFCC;
}

#content .tableGrid2 th{
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	background:#01377F;
	padding:5px;
}

#content .tableGrid2 th.control{
	width:5%;
}

#content .tableGrid2 td{
	padding:5px;
}

#content .tableGrid2 td.control{
	text-align:center;
}

/*	----------	#content .tableGrid3	----------	*/

#content .box1 .tableGrid3{
	border:1px solid #B3AD97;
	margin:5px auto;
}

#content .box1 .tableGrid3 tr:hover{
	background:#FFFFCC;
}

#content .box1 .tableGrid3 th{
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	background:#B3AD97;
	padding:5px;
}

#content .box1 .tableGrid3 td{
	text-align:center;
	padding:5px;
}

#content .box1 .tableGrid3 td.title{
	text-align:left;
}

/*	----------	#content .pagination	----------	*/

#content .pagination{
	font-size:11px;
	text-align:center;
}

#content .pagination select{
	font-size:9px;
	border:1px solid #333;
	margin:0 10px;
	padding:1px;
	vertical-align:top;
}

#content .pagination a{
	color:#000;
	text-decoration:none;
}

#content .pagination a:hover{
	text-decoration:underline;
}

/*	----------	#content .box1	----------	*/

#content .box1{
	font-size:12px;
	width:80%;
	margin:0 auto;
}

#content .box1 fieldset{
	border:1px solid #01377F;
	padding:20px 10px 10px 10px;
	margin:10px 0;
}

#content .box1 legend{
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 10px;
	padding:0 5px;
	border-left:6px solid #DD0621;
	border-right:2px solid #01377F;
}

#content .box1 table{
	width:100%;
}

#content .box1 th{
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	background-color:#B3AD97;
	padding:5px;
}

#content .box1 th a{
	color:#333;
}

#content .box1 td{
	padding:5px;
}

#content .box1 td.title, #content .box1 th.title{
	width:20%;
}

#content .box1 blockquote.comment{
	margin:5px 0;
	padding:5px 0;
	line-height:20px;
	border-bottom:1px dashed #1A62A3;
}

#content .box1 blockquote.comment div{
	margin:5px 0;
	padding:5px 0;
	line-height:20px;
}

#content .box1 blockquote.comment h3{
	font-weight:bold;
	color:#01377F;
	display:block;
}

#content .box1 blockquote.comment h3 span{
	font-weight:normal;
}

/*	----------	#content .box2	----------	*/

#content .box2{
	width:80%;
	margin:0 auto;
}

#content .box2 span{
	float:right;
}

/*	----------	#content .box3	----------	*/

#content .box3{
	width:80%;
	margin:0 auto;
}

#content .box3 div{
	margin:20px 0;
}

#content .box3 div.logo{
	text-align:center;
}

#content .box3 div.disclosure{
	font-size:13px;
	line-height:20px;
	background:#FFFFCC;
	border:1px solid #FC6;
	padding:8px;
}

#content .box3 div.disclosure p{
	padding-bottom:12px;
}

/*	----------	#content .box4	----------	*/

#content .box4{
	width:80%;
	margin:0 auto;
	line-height:20px;
	background:#FFFFCC;
	border:1px solid #FC6;
	padding:8px;
}

#content .box4 div{
	margin:0 0 10px 0;
}

#content .box4 div.warning{
	font-size:18px;
	padding:5px 0 0 60px !important;
	padding:2px 0 0 60px;
	height:50px;
	background:transparent url(../images/icoWarning48x48.gif) top left no-repeat;
	vertical-align:bottom;
}

#content .box4 div.warning div{
	line-height:12px;
	vertical-align:bottom;
}

#content .box4 h3{
	font-size:12px;
	font-weight:bold;
	margin:10px 0;
}

#content .box4 ul{
	margin:0 0 0 20px;
}

#content .box4 li{
	list-style:square;
	vertical-align:bottom;
}

/*	----------	#copyright	----------	*/

#copyright, #copyright a{
	font-size:10px;
	color:#777;
	text-align:center;
	text-decoration:none;
	margin:5px 0;
}

#copyright a:hover{
	color:#630;
}

/*	----------	.boxError	----------	*/

.boxError{
	font-weight:bold;
	font-size:12px;
	color:#C00000;
	border:1px solid #C00000;
	padding:5px;
	background:#FFCCCC;
	width:80%; 
	margin:5px auto;
}

.boxError li{
	list-style:disc;
	margin-left:20px;
}

/*	----------	.boxSuccess	----------	*/

.boxSuccess{
	font-weight:bold;
	font-size:12px;
	/*	color:#036;	*/
	color:#000;
    border:1px solid #036;
	padding:5px;
	background:#F1F0FF;
	width:80%; 
	margin:5px auto;
}

.boxSuccess li{
	list-style:disc;
	margin-left:20px;
}

/*	----------	.boxWarning	----------	*/

.boxWarning{
	font-weight:bold;
	font-size:12px;
	color:#F90;
	border:1px solid #F90;
	padding:5px;
	background:#FFC;
	width:80%; 
	margin:5px auto;
}

.boxWarning li{
	list-style:disc;
	margin-left:20px;
}

/*	----------	.boxHelp	----------	*/

.boxHelp{
	font-size:12px;
	color:#333;
	border:1px solid #F90;
	padding:5px;
	background:#FFE;
	width:80%; 
	margin:5px auto;
}

.boxHelp li{
	list-style:disc;
	margin-left:20px;
}

/*	----------	.help	----------	*/

.help{
	font-size:10px;
	color:#999;
	font-style:italic;
	padding:1px 0 1px 20px;
	line-height:20px;
	background: transparent url("../images/icoInfo16x16.gif") center left no-repeat;	
}

.help:hover{
	color:#7C7062;
}

/*	----------	Forms Components	----------	*/

input, select, textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#EEE;
	border:1px solid #B4A28F;
	padding:1px;
	vertical-align:middle;
}

textarea{
	width:90%;
	overflow:auto;
	vertical-align:middle;
}

input:hover, select:hover, textarea:hover{
	background:#FFFFCC;
	border:1px solid #FC6;
}

.noBorder{
	border:0;
	background:none;
}

/*	---------- Tool Tip Contents ---------- */

.tooltip{
    position:relative;
    color:#000;
    text-decoration:none;
}

.tooltip:hover{
	z-index:25; 
	background:transparent;
}

.tooltip span{
	display: none;
}

.tooltip:hover span{ 
	font-size:11px;
	color:#01377F;
	text-decoration:none;
	text-align:center;
	padding:5px;
    border:1px solid #7C7062;
	background:#FFF;
	width:100px;
    display:block;
    position:absolute;
    top:0; 
	left:0; 
}

/*	---------- Info Contents ---------- */

.info{
	font-size:11px;
	font-style:italic;
	color:#999;
	padding:0 0 0 20px;
	margin: 5px 0 10px 0;
	background:transparent url(../images/icoInfoFade16x16.gif) left center no-repeat;
}

.info:hover{
	color:#F90;
}

/*	---------- .btnNext ---------- */

.btnNext, .btnNext:hover{
	width:16px;
	height:16px;
	border:0;
	background: transparent url("../images/icoNext16x16.gif") 0 center no-repeat;	
}

/*	---------- .btnNext ---------- */

.btnPrevious, .btnPrevious:hover{
	width:16px;
	height:16px;
	border:0;
	background: transparent url("../images/icoPrevious16x16.gif") 0 center no-repeat;	
}

/*	---------- .required ---------- */

.required{
	color:#900;
}