/*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;
}

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;
}

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

/*-------------page container-------------*/
#container{ 
	margin: 0 auto; 
	text-align:center; 
	width:750px;
	height:100%; 
	/*padding:20px;*/
	padding:0px;
	margin-top:0px;
	padding-top:0px;
	/*
	border:solid;
	border-width:1px;
	*/
}

/*------------------headers----------------*/
#header{
	width:760px;
	height:25px; 
	margin-top:0px;
	padding-top:0px;
	/*
	border-style:solid;
	border-width:1px;
	border-bottom:none;
	*/
	/*
	background:url(../images/main_header.gif); 
	background-repeat:no-repeat;
	background-position:top;
	background-position:center;
	*/
}
#login_header{
	width:760px;
	height:286px; 
	background:url(../images/login_header.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:bold;
	color:#000;
}

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

/*---------main layout body container--------*/
#body_container{
	width:760px;
	height:490px;
	/*
	border:solid;
	border-width:1px;
	border-top:none;
	*/
	/*padding-bottom:6px;*/
	/*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);
}

/*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:650px;
	height:310px;
	margin: auto;
	text-align:center;
	/*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:100%;
	margin-top:0px;
	margin-left:-2px;
	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-----------*/
.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;	
 }

.listitem {
	padding-left: 3px;
	line-height:20px;
	text-align: left;
}
/*---------time card notes span--------*/
.notes{
	text-align: right;
	padding:0px;
}

.hiddenrow {
	color:#FFFFFF;
	background-color:#FFFFFF;
	line-height:1px;
	padding-left:3px;
}

.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;
}

.tablink{
	color:#666666;
}

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

.tabinnertable{
	padding-top:10px;
}

.tabtable{
	width:100%;
	border-collapse:collapse;
}

/*- 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;
}
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;
}