/***** Styles for SElogin.aspx Begin *****/
#header 
{
	width:797px; 
}
#header .logo
{
	height: 66px;
	width: 797px;
	background-image: url(../images/logo_wh_bg.gif);
	background-repeat: no-repeat;
	background-color: #EDEDEE;
	border-top: 1px #CCCCCC solid;		
}
#header h1 
{
	font-size: 2em;
	font-weight: bold;
	text-align: right;	
	color:Red;
	padding-right: 10px;
	padding-top: 5px;
}
#LoginBox  
{
	position: absolute;
	left:260px;
	height:120px;
	width:300px; 
	top:150px;
}
#LoginBox input.LoginButton  
{
	position:relative ;
	top:25px;
 	font-size: 13px;
    font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
	height : 25px;
	background : #eeedf0;
	width : 150px
}
#LoginBox input.textBox  
{
  	font-size: 12px;
  	width: 150px;
 }
#LoginBox table  
{
	position: absolute;
	top:-1px;
	left:-1px;	
	z-index:2;
	border:2px #D62939 solid;
	padding: 7px 2px 2px 2px;
	height:120px;
	width:300px;
}
#LoginBox table td
{	
	font-size: 1.2em;
	font-weight: normal;
	padding-left: 10px;
}
#LoginBox table.BorderGrey 
{
	position: absolute;
	top:-0px;
	left:-0px;	
	z-index:0;
	border-top: 1px #CCCCCC solid;
	border-bottom: 3px #CCCCCC solid;
	border-right: 3px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;	
	padding: 2px 2px 2px 2px;
	height:122px;
	width:302px;
}
/***** Styles for SElogin.aspx End *****/


/* CSS Document */
/*
Used for WHSO Styled pages such as SELogin and WHSO Admin
*/
body{
	background:#f0f0f0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#333333;
}

#100percent{
	width:100%;
}

a {color:#516777; text-decoration:underline;}
a:hover {color:#516777; text-decoration:none;}

#page{
	position:relative;
	text-align:left;
	background:#fff;
	width:780px;
}

#logo {
	margin:25px 0 15px 25px;
}
	
#leftColumn{
	float:left;
	width:206px;
	text-align:left;
}

#rightColumn{
	background-image:url(../images/header.gif);
	background-repeat:no-repeat;
	float:left;
	width:534px;
}

#rightColumnPopUp{
	background-image:url(../images/header.gif);
	background-repeat:no-repeat;
	float:left;
	width:334px;
}
#header {
	width:525px;
	height:60px;
	text-align:right;
	margin:40px 0 0 0;
	font-size:120%;
	letter-spacing:3px;
	text-transform:uppercase;
}

#headerPopUp {
	width:354px;
	height:60px;
	text-align:center;
	margin:40px 0 0 0;
	font-size:120%;
	letter-spacing:3px;
	text-transform:uppercase;
}
#header p
{
	text-transform: none;
	letter-spacing: normal;
	text-align: left;
	vertical-align: top;
	padding: 3px 0 0 4px;
}
#adminMain 
{
	clear: both;
	padding: 4px 4px 4px 4px;
	vertical-align: top;
	text-align: left;
}
#rightColumn #header #titleWhite {
	color:#fff;
}

#rightColumnPopUp #headerPopUp #titleWhite {
	color:#fff;
}

h1 {
	font-size:120%;
}
h2{
	font-size:100%;
	font-weight:normal;
}

*html #rightColumn #homeImage{
	height:272px;
}
	
#rightColumn #login {
	position:absolute;
	top:132px;
	left:40px;
	width:263px;
	height:133px;
	background-image:url(../images/loginBg.jpg);
	background-repeat:no-repeat;
	padding:15px 0 0 15px;
	font-size:120%;
}
#rightColumn #login #loginItem1 {
	margin-bottom:5px;
}
#rightColumn #login #loginItem2 {
	margin-top:5px;
}
a.loginLink {
	font-size:70%;
}
#loginItemLeftCol {
	margin-top:10px;
	float:left;
	width:150px;
}
#loginItemRightCol {
	margin-top:10px;
	width:50px;
	float:left;
}
#rightColumn #login #loginLabel {
	font-size:80%;
	display:block;
	float:left;
	width:80px;
	margin-top:5px;
	font-size:70%;
}
a.loginButton {
	display:block;
	background:#fff;
	border:1px solid #999;
	width:50px;
	font-size:70%;
	color:#1b2831;
	text-align:center;
	line-height:1.8em;
	text-decoration:none;
}
a.loginButton:hover {
	color:#3b8163;
}

.redButton{
	font-size:80%;
	padding: 2px 10px 0px 10px;
	background:#B43232;
	color:white;
	border: none;
	text-decoration:none;
	cursor: hand;
}
.redButton:hover
{
	background-color: #C84646;
}

/********************************* SEARCH  START *****************************/

#SearchOptions table 
{
	background-color:#C84646;
	padding:0 0 0 0;
	width:100%;
}

#SearchOptions td 
{
	color:White;	
	font-size:small;
}


#SearchHRTop hr 
{
	color:#C84646;
	
}

#SearchHRBottom hr 
{
	color:#C84646;
	
}

#SearchPageLinks 
{
	text-align:center;
}
#SearchPageLinks .pageLinks {float:left;width:100%; margin:1em 0em;padding:0em}
#SearchPageLinks .pageLinks li {float:left; list-style:none; text-align:center;width:auto; font-size:x-small;}
#SearchPageLinks .pageLinks a, .pageLinks span {text-decoration:none;background-color:#999999;color:#FFFFFF;font-weight:bold;font-size: 0.9em;padding:0.35em 0.2em;border-right:0.2em solid #FFFFFF; display:block;width:1.5em}
#SearchPageLinks .pageLinks a.longNum, .pageLinks span.longNum {width:auto}
#SearchPageLinks .pageLinks a:hover {color:#FFFFFF;background-color:#666666}
#SearchPageLinks .pageLinks li.selected a {background-color:#C84646}
#SearchPageLinks .pageLinks .text {text-decoration:underline;color:#333333;background-color:#FFFFFF; width:auto}
#SearchPageLinks .pageLinks a.text:hover {color:#3366CC;background-color:#FFFFFF}
#SearchPageLinks .pageLinks li span.text {text-decoration:none}

#SearchPageLinks .pageLinks .additional {margin:0em}
#SearchPageLinks .pageLinks .additional .more {text-align:right}


/********************************* SEARCH END ********************************/