/*like email links setting */
a.LinkGrey2Blue  	   { color: #666666; text-decoration: underline; font-size:9 pt; font-family: "Arial"}
a:visited.LinkGrey2Blue  { color: #666666; text-decoration: underline; font-size:9 pt; font-family: "Arial"}
a:hover.LinkGrey2Blue   { color: #0000ff; text-decoration: none; font-size:9 pt; font-family: "Arial"}
a:hover.LinkGrey2Blue   { visited: color: #0000ff; text-decoration: none; font-size:9 pt; font-family: "Arial"}

a.LinkGrey2BlueSm  	   { color: #666666; text-decoration: underline; font-size:8 pt; font-family: "Arial"}
a:visited.LinkGrey2BlueSm  { color: #666666; text-decoration: underline; font-size:8 pt; font-family: "Arial"}
a:hover.LinkGrey2BlueSm   { color: #0000ff; text-decoration: none; font-size:8 pt; font-family: "Arial"}
a:hover.LinkGrey2BlueSm   { visited: color: #0000ff; text-decoration: none; font-size:8 pt; font-family: "Arial"}

/* for emails, they look grey and hover to red */
a.LinkEmail  	    { color: #666666; text-decoration: underline; font-size:9 pt; font-family: "Arial"}
a:visited.LinkEmail { color: #666666; text-decoration: underline; font-size:9 pt; font-family: "Arial"}
a:hover.LinkEmail   { color: #ff0000; text-decoration: none; font-size:9 pt; font-family: "Arial"}
a:hover.LinkEmail   { visited: color: #ff0000; text-decoration: none; font-size:9 pt; font-family: "Arial"}


/*Cells */
#BoxHead	    { color: #FFFFFF; text-decoration: none; font-size:8pt ;font-family: "Arial"}
#ContentBox	    { color: #000000; text-decoration: none; font-size:12px ;font-family: "Arial"}
#ContentBoxSm   { color: #000000; text-decoration: none; font-size:11px ;font-family: "Arial"}
#ContentBoxPrt  { color: #000000; text-decoration: none; font-size:10px ;font-family: "Arial"}
#RedContentHeader { color: #BF0000; text-decoration: none; font-size:14px ;font-family: "Arial"; font-weight:bold}
#BluePageHeader { color: #003399; text-decoration: none; font-size:16.5px ;font-family: "Arial";font-weight:bold }
#BluePageHeader2{ color: #003399; text-decoration: none; font-size:14.5px ;font-family: "Arial";font-weight:bold }
#verticaltext   { writing-mode: tb-rl; filter: flipv fliph; }

#FilterHead0	{ color: #000000; text-decoration: none; font-size:11pt ;font-family: "Arial"; font-weight:bold}
#FilterHead1	{ color: #000000; text-decoration: none; font-size:9pt ;font-family: "Arial"; font-weight:bold}


/*** STRUCTURE ***/

body 
{
	margin: 				0px;
	padding:				0px;
	font-family: 			Arial, Helvetica, sans-serif;
	font-size:				12px;
	background-color:		#e8e8e8;
	color:					#000000;
	text-align:				center
}


#container-main
{
	margin-right:			auto;
	margin-left:			auto;
	margin-top:				0px;
	margin-bottom:			0px;
	padding:				0px;
	width:					770px;
	text-align:				left;
	background-color:		#fff;
	clear:					both;
	font-size:				12px;
	background-color:		#fff;
}
		

#container-nav
{
	float:					left;
	text-align:				left;
	width:					150px;
	background-color:		#648AD9;
	padding:				10px 0px 0px 0px;
	margin:					0px 0px 0px 0px;
	
}
#container-content
{
	display:				inline;
	float:					left;
	text-align:				left;
	padding:				10px 5px 0px 15px;
	margin:					0px 0px 0px 0px;
	width:					600px;	
	background-color:		#fff;	
}

/** full content **/
#container-full 
{
	display:				inline;
	float:					left;
	text-align:				left;
	padding:				0px 10px 0px 0px;
	margin:					0px 0px 0px 0px;
	width:					580px;	
	background-color:		#fff;
}

/** or sectioned left and right **/

#container-left 
{
	display:				inline;
	float:					left;
	text-align:				left;
	padding:				0px 10px 0px 0px;
	margin:					0px 0px 0px 0px;
	width:					400px;	
	background-color:		#fff;
	color:#000;
}
#container-right 
{
	display:				inline;
	float:					left;
	text-align:				left;
	padding:				0px 0px 0px 0px;
	margin:					0px 0px 0px 0px;
	width:					170px;	
	background-color:		#fff;	
}

/** special content **/
#container-banner 
{
	float:					left;
	text-align:				left;
	padding:				0px 0px 0px 0px;
	margin:					0px;
	width:					620px;	
	background-color:		#999999;
}

/*** SALARY/RESULTS COMPONENTS ***/

#container-wide
{
	float:					left;
	text-align:				left;
	padding:				0px 5px 0px 5px;
	margin:					0px;
	width:					760px;	
	clear:					both;
	background-color:		#fff;		

}
#container-scroller
{
	height: 400px;
	overflow: auto;
	float:					left;
	text-align:				left;
	padding:				0px 0px 0px 0px;
	margin:					0px;
	width:					760px;	
	clear:					both;
	border-top:				1px solid #fff;	
	background-color:		#fff;		
	scrollbar-3dlight-color:#fff;
	scrollbar-face-color:#7798dd;
	scrollbar-darkshadow-color:#7798dd;
	scrollbar-highlight-color:#e6e6e6;	
}
#container-wideL
{
	float:					left;
	text-align:				left;
	padding:				10px 0px 0px 0px;
	margin:					0px;
	width:					540px;	
}
#container-wideR
{
	float:					left;
	text-align:				left;
	padding:				0px 0px 0px 0px;
	margin:					0px;
	width:					210px;	
}

#container-footer
{
	float:					left;
	text-align:				left;
	padding:				0px 5px 0px 5px;
	margin:					0px;
	width:					760px;	
	clear:					both;
	border-top:				1px solid #fff;	
	background-color:		#fff;	
}


/*** TEXT STYLES ***/
h1 {
	color:					#000; 
	font-size:				18px;
	font-weight:			bold;
	font-style:				normal;
}
	
h2 {
	color:					#000; 
	font-size:				15px;
	font-weight:			bold;
	font-style:				normal;
}
	
h3 {
	color:					#000; 
	margin:					0px;
	padding:				0px;
	font-size:				13px;
	font-weight:			bold;
	font-style:				normal;
}
	
h4 {
	color:					#000; 
	font-size:				12px;
	font-weight:			bold;
	font-style:				normal;
	}
	
h5 {
	color:					#fff; 
	background: 			#006600;
	margin:					0px;
	padding:				2px 2px 2px 5px;
	font-size:				11px;
	font-weight:			bold;
	font-style:				normal;
	}
	
	
/*** SideNav ***/

#navcontainer 
{ 
width: 146; 
font-size:12px; font-weight:bold 
}

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 146px;
background-color: #648AD9;
border-bottom: 1px solid #003399;
}

#navcontainer a:link, #navlist a:visited
{
color: #fff;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #fff;
color: #003399;
}

#navcontainer_curr a
{
background-color: #003399;
}

table.content
{
	border-width: 1px;
	font-size:12px;
	border-spacing: 0;
	padding: 2px;
}

table.stats {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: white;
	border-collapse: separate;
	background-color: #fffff0;
}
table.stats th {
	border-width: 1px;
	padding: 1px;
	border-style: none;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
	font-family:Tahoma; font-size:12px	
}
table.stats td {
	border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0; padding:1px; background-color: #FFFFCC;
	-moz-border-radius: ; 
	font-family:Tahoma; font-size:12px
}

input        { font-size: 12px }
select       { font-size: 12px }