/*css page layout and html elements*/

body,td,th,select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666666; 
}

input.small{
	width:75px;
}

body{
	background-color: #FFFFFF;
	margin:0px;
}

a{
	color: #FF3333; 
	text-decoration:none;
}

/*-- text links and indicators ---*/
.linkIndicate{
	color:#FF3333;
	text-decoration:none;
}
#textlink:hover{
	cursor:pointer;
	color:#FF3333;
	text-decoration:underline;
}

a:hover{
	color:#BCBDC0; 
}

a.button{
	color:#000000;
	text-decoration:none;
}
a.button:hover{
	color:#bba2c0;
}

h1{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:20px;
	margin-bottom:5px;
	font-weight:bold;
	color:#000000;
}

.nowrap{
	white-space:nowrap;
}

.floatleft{
	float:left;
}

/* --------------clear divs---------------*/
.clear{
	clear:both;
}

/*-------------page container-------------*/
#container{ 
	margin: 0 auto; 
	text-align:center; 
	width:765px;
	height:100%; 
	padding:20px;
}

/*------------------headers----------------*/
#header{
	width:760px;
	height:106px; 
	background:url(../images/IMheader.jpg); 
	background-repeat:no-repeat;
	background-position:top;
	background-position:center;
}
#login_header{
	width:758px;
	height:283px; 
	background:url(../images/IMloginheader.jpg); 
	background-repeat:no-repeat;
	background-position:top;
	background-position:center;
}

#context_person{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	float:left;
	margin-left:18px;
	margin-top:11px;
	text-align:left;
	width:350px;
}

.context_date{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#fff;
}

#context_area{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	font-weight:bolder;
	color:#000;
	float:right;
	margin-right:18px;
	margin-top:53px;
	text-align:right;
	width:350px;
}

/*---------main layout body container--------*/
#body_container{
	width:760px;
	height:490px;
	background:url(../images/dropshadow.gif);
}

#body_topline{
	margin: 0px auto 0px auto; 
	width:755px;
	height:2px;
	border-top-style:solid;
	border-top-width:2px;
	border-color:#b79ebf;
}

#body_navContainer{
	float:left;
	text-align:right;
	height:100%;
	margin-top:-2px;
	margin-left:3px;
	width:147px;
	background:url(../images/body_nav_background.jpg);
}

#pup {
  position:absolute;
  z-index:200; /* always on top*/
  padding: 3px;
  margin-left: 10px;
  margin-top: 5px;
  width: 250px;
  border: 1px solid black;
  background-color:#E4E4E4;
  color: black;
  font-size: 0.95em;
}

.popup{
	color: #666666;	
}

.popup:hover{
	color: #666666;
}

/*sidebar navigation*/
#navigation{
	margin-top:10px;
	height:100%;
	float:left;
	position:relative;
}
#logout{
	margin:0px;
	padding:0px;
	position:absolute;
	bottom:0px;
	margin-bottom:25px;
}

ul.rollmenu {
	list-style-type:none;
	margin:0px;
	margin-top:0px;
	width:100px;

   /*border around the menu 
    border-color: #fcd294; 
    border-style: solid;
    border-width: 1px 1px 1px 1px;
	*/
}

.rollmenuitems{
	margin-left:0px;
	padding-left:12px;
	line-height:25px;
	font-family:Verdana, Helvetica, sans-serif;
	/*font-weight:bold;*/
	font-size:12px;
	text-align:left;
}
	
html>body ul.rollmenu {
	width:150px;
	margin:0px;
    padding:0px;
	
}
ul.rollmenu li {
	text-align:left;
}
ul.rollmenu ul {
	list-style-type: none;
}
ul.rollmenu a {
	/*font-weight: bold;*/
    text-decoration: none;
    color:black;
    background-color:transparent;
    width:100%;
    display:block;
}
ul.rollmenu a:hover {
	/*color: #03f;*/
    background-color:#efe1f4;
	width:135px;
}

#body_contentarea{
	margin-top:5px;
	text-align:left;
	float:right;
	margin-right:5px;
	overflow:auto;
	width:570px;
	height:450px;
}

/*---------main login body container--------*/
#login_container{
	width:760px;
	height:310px;
	background:url(../images/dropshadow.gif);
}

#login_credentials{
	width:300px;
	height:200px;
	float:left;
	margin-left:38px;
	margin-top:15px;
	text-align:left;
}
#login_quicksearch{
	width:295px;
	height:200px;
	float:right;
	margin-right:5px;
	margin-top:15px;
	text-align:left;
}

#keywords{
	width:255px;
	height:55px;
	margin-left:0px;
	/*margin-top:-18px;*/
}
#quicksearch_button{
	width:258px;
	text-align:right;
	margin-top:5px;
}
#qSearch { 
	float:right; 
}
#loginTbl{
	float:right;
	margin-right:36px;
} 


/*----------------footer----------------*/
/*
#status{
	margin-left:-2px;
	height:4px;
	background-color:transparent;
}
#status img{
	padding:0px;
	margin:3px;
	vertical-align:top;
}
*/

#footer{
	height:45px;
	width:758px;
	margin-top:-6px;
	margin-left:0px;
	background:url(../images/footer.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-position:center;
}

#copywrite{
	float:right;
	width:360px;
	margin-top:13px;
	color:#FFF;
	font-weight:bolder;
	font-size:9px;
	font-family:Tahoma, Geneva, sans-serif;
}

#button_right{
	vertical-align:middle;
}
#button_left{
	vertical-align:middle;
}

#menu_container{
	width:530px;
	float:right;
	margin-top:-25px;
	margin-right:25px;
	padding:0px;
}
#tblMenu{
	float:right; 
}

.contextMenu{
	width:30px;
	padding:0px;
	margin:0 auto;
}
.contextMenuItem{
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	padding-bottom:4px;
	background:url(../images/repeatbutton.gif);
	background-position:top;
	background-position:left;
}


/*--------errors, results format overide-------*/
.result{
	color:#FF3333;
}

/*this should be used for headers in the div content*/
.listheader {
	background-color:#bba2c0;
	color:#FFFFFF;
	font-size:9pt;
	font-weight:bold;
	text-align: left;
	line-height:20px;
	padding-left:3px;	
 }
 
.listheadersmall {
	/*checks*/
	background-color:#bba2c0;
	color:#FFFFFF;
	font-size:9pt;
	font-weight:bold;
	text-align: left;
	padding-left:3px;	
}

.listitem {
	padding-left: 3px;
	line-height:20px;
	text-align: left;
}

.alignright{
	text-align:right;
}

.aligncenter{
	text-align:center;
}
/*---------time card notes span--------*/
.notes{
	text-align: right;
	padding:0px;
}

.hiddenrow {
	/*color:#FFFFFF;*/
	/*background-color:#FFFFFF;*/
	/*color:#FFFFFF;*/
	/*margin-top:-2px;*/
	font-size:0px;
	line-height:-2px;
	padding-left:3px;
	height:0px;
}

.contentarea {
	border: 1px solid #BCBDC0;
}

.contentareaScroll { 
	overflow: auto; 
	height: 350px;
} 
/*-----------collasible tabs-----------*/
.tabIndent{
	padding-left:7px;
}

.tabHeader{
	padding-left:9px;
	background-color:#dfe0e2;
	border: 1px solid #BCBDC0;
	height:26px;
	line-height:23px;
	color:#000000;
}

.tab{
	visibility:hidden;
	display:none;
	margin-bottom:20px;
	padding-bottom:20px;
	border:1px solid #BCBDC0;
	margin-top:-4px;
}

.expandedtab{
	margin-bottom:20px;
	padding-bottom:20px;
	border:1px solid #BCBDC0;
	margin-top:-4px;
}

.tablink{
	color:#666666;
}

a:hover.tablink{
	text-decoration:underline;
}

.tabinnertable{
	padding-top:10px;
}

.tabtable{
	
	border-collapse:collapse;
	width:100%;
	padding:0px;
	margin:0px;
}

.urlLinkColor {
	color : #4747FF;
}

table.disabilityTable td{
	font: 11pt Arial, Calibri, sans-serif;
	font-color:#000000;
}

table.disabilityTable2 td{
	font: 11pt Arial, Calibri, sans-serif;
	padding:0px;
	margin:0px;
	width:100%;
    font-color:#000000;
}

table tr td.disabilityfootnotes{
	font: 10pt Arial, Calibri, sans-serif;
	font-color:#000000;
}

table tr td.disabilitytitle{
	 font: 11pt Arial, Calibri, sans-serif;
	 font-weight: bold;
	 font-color:#000000;
}

/*- horizontal rule in job description -*/
.hrrule{
	color:#bba2c0;
}

/*-----------form element items----------*/
form {
	margin:0px;	
	padding:0px;
}
#loginform{
	margin-top:10px;
}

input[type="button"] {
	font: 8pt Arial, Helvetica, sans-serif;
	border: 2px solid #BCBDC0;
	overflow: visible;
}
input[type="text"] {
	font: 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #BCBDC0;
}
/* --- text in input box ---*/
.inputDisplay{
	color:#999;
	font:Tahoma, Geneva, sans-serif;	
}
input[type="password"] {
	font: 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #BCBDC0;
}
input[type="file"] {
	font: 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #BCBDC0;
}
input[type="select"]{
	font: 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.listMenus {
	font: 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 90px;
	width: 215px;
}
textarea {
	width: 480px;
	height: 150px;
	font: 9pt Arial, Helvetica, sans-serif;
	color: #666666;
	border: 1px solid #BCBDC0;
	margin-right: 3px;
	margin-left: 3px;
	overflow: visible;
}

/*-----------apply job questions----------*/
.answeredQuestion {
	color: white;
	background-color: #ff3333;
	border: 1px solid #ff3333;
	text-align: center;
	width: 20px;
	height: 20px;
}

.unansweredQuestion {
	color: black;
	border: 1px solid #BCBDC0;
	text-align: center;
	width: 20px;
	height: 20px;
}

.currentQuestion {
	color: black;
	font-weight: bold;
	border: 1px solid #ff3333;
	text-align: center;
	width: 20px;
	height: 20px;
}