/*css page layout and html elements*/

body,td,th,select{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
}

input.small{
	width:75px;
}

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

a,a:link, a:visited, a:active {
	text-decoration:underline;
	color:#0000FF;
}

a:hover {
	color:#0000FF;
	text-decoration:none;
}

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

h1{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, 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:765px;
	height:100%; 
	padding:20px;
}

/*------------------headers----------------*/
#header{
	width:760px;
/*	height:106px; */
}
#login_header{
	width:760px;
/*	height:286px; */

}

#context_person{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, 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:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000;
}

#context_area{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bolder;
	color:#000;
	float:right;
	margin-right:18px;
	margin-top:5px;
	text-align:right;
	width:350px;
}

/*---------main layout body container--------*/
#body_container{
	width:760px;
	height:550px;
	background: #FFF;
}

#body_topline{

	margin: 0px auto 0px auto; 
	width:755px;
	height:2px;
	border-top-style:solid;
	border-top-width:2px;
	border-color:#ffffff;
	border-top: #ffffff 0px solid;

}

#body_navContainer{
	float:left;
	text-align:right;
	height:100%;
	margin-top:-10px;
	margin-left:3px;
	width:147px;
	background: #FFF;
}

/*sidebar navigation*/
#navigation{
	margin-top:10px;
	height:100%;
	float:left;
	position:relative;
	background-color: #dddddd;
}
#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:"Trebuchet MS", Verdana, Arial, 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:#ffffff;
    width:135px;
}

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

/*---------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: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:"Trebuchet MS", Verdana, Arial, Helvetica, 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:"Trebuchet MS", Verdana, Arial, Helvetica, 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:#dddddd;
	color:#000000;
	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:#555555;
}

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 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border: 2px solid #BCBDC0;
	overflow: visible;
}
input[type="text"] {
	font: 9pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #BCBDC0;
}
input[type="password"] {
	font: 9pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #BCBDC0;
}
input[type="file"] {
	font: 9pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #BCBDC0;
}
input[type="select"]{
	font: 9pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.listMenus {
	font: 9pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	height: 90px;
	width: 215px;
}
textarea {
	width: 480px;
	height: 150px;
	font: 9pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;;
	color: #333333;
	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;
}