body {
	margin: 0;
	color: #505050;
	font: normal 11px/17px  Tahoma, Geneva, sans-serif;
	padding:0px; 			/* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; 	/* Hack for IE5/Win */
	background-color: #B7D5ED;
}
		
#container {
	width: 950px;
	margin:0px; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	background-color: #FFFFFF;
	padding-left: 2px;
	padding-right: 2px;
			
}

#content {
	margin-left: 146px;
	margin-right: 177px;
	border: 0;
	padding: 0;
}

#content2Column {
	margin-top: 0px;
	margin-bottom: 100px;
	width: 585px;
}

#content .centerbox, #content .centerbox-results  {
	width: 452px;
	\width: 454px;
	w\idth: 452px; 
	background-color: #F0F0F0;
	font-weight: bold;
	float: left;
	border-left: 1px solid #476A8D; 
	border-right: 1px solid #476A8D; 
	border-bottom: 1px solid #476A8D; 
	margin: 0 0 15px 0;
}


#right {
	
	left: 777px;
/*	float: right; */
	 margin-top: 28px; 
	margin-right: 25px;
}

.js-strong {
	color: #606060;
	font-weight: bold;
}
		
#topnav {
	background-color: #F0F0F0;
}
		
#js-menu {
	margin-top: 0px;
	margin-bottom: 19px;
	padding: 0;
	border: 0;
	height: 28px;
	width: 950px;
	float: left;
	list-style: none;
	display: inline;
	color: #fff;
	overflow: hidden;
	background-color: #476A8D;
}
		
#js-menu li  {
	margin: 0;
	padding: 0;
	border:0;
	list-style: none;
	display: inline;
	color: #fff;
}	
		
#js-menu li.right, #js-menu li.right a {
	float: right;
	text-align: center;
	padding: 0 15px 0 15px;
	border: 0;
	margin: 0;
	color: #fff;
	font-size: 11px;
	line-height: 28px;
	font-weight:bold;
}
		
#js-menu li.right a, #js-menu li a.help, #js-menu li a.logout {
	float: none;
	padding: 0;
	font-weight: bold;
}
		
#js-menu li.right a:hover, #js-menu li a.help:hover, #js-menu li a.logout:hover {
	float: none;
	padding: 0;
	font-weight: bold;
	text-decoration: underline;
}
		
		
#js-menu a {
	float: left;
	text-align: center;
	padding: 0 10px 0 10px;
	border: 0;
	margin: 0;
	color: #fff;
	text-decoration:none;
	font-size: 12px;
	line-height: 28px;
	font-weight: bold;
	border-right: 1px solid #fff;
}	

#js-menu a.selected {
	background-color: #505050;
	width: 110px;
}



#left {
	float: left;
	width: 130px;
	margin: 0;
	margin-right: 16px;
}

		
#footer {
	clear: both;
	background-color: #ffffff;
}

h1 {
	font-size: 20px;
	color:#6C9AC9;
	font-weight: normal;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
}

h1.already, h1.motd, h1 a.cur-emp {
	font-size: 12px;
	font-weight: normal;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
}

h1.welcome {
	font-size: 13px;
	color: #000000;
	font-weight: normal;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
}

#navlist, #progress {
	padding: 0;
	margin: 0;
	border: 0;
	border-bottom: 1px solid #8DBCEA;
	color: #476A8D;
	width: 130px;
}

#progress {
	width: 113px;
}

#navlist li, #progress li {
	list-style: none;
	border-top: 1px solid #8DBCEA;
	line-height: 21px;
	width: 130px;
	float: left; 
	clear: left;
}

#progress li { 
	width: 113px;
	padding: 0px 0px 3px 17px;
}

#progress li.active {background:url("/images/jsr/step_active.gif") no-repeat 0 .4em; 	}
#progress li.step1 {background:url("/images/jsr/step_1.gif") no-repeat 0 .4em; 	}
#progress li.step2 {background:url("/images/jsr/step_2.gif") no-repeat 0 .4em; 	}
#progress li.step3 {background:url("/images/jsr/step_3.gif") no-repeat 0 .4em; 	}
#progress li.step4 {background:url("/images/jsr/step_4.gif") no-repeat 0 .4em; 	}
#progress li.step5 {background:url("/images/jsr/step_5.gif") no-repeat 0 .4em; 	}
#progress li.step6 {background:url("/images/jsr/step_6.gif") no-repeat 0 .4em; 	}
#progress li.step7 {background:url("/images/jsr/step_7.gif") no-repeat 0 .4em; 	}
#progress li.step8 {background:url("/images/jsr/step_8.gif") no-repeat 0 .4em; 	}
#progress li.step9 {background:url("/images/jsr/step_9.gif") no-repeat 0 .4em; 	}

#navlist li a, #navlist li a.cur-emp, #progress li a { color: #476A8D; text-decoration: none; }
#navlist li a:visited, #navlist li a.cur-emp:visited, #progress li a:visited{ color: #476A8D; text-decoration: none; }
#navlist li a:hover, #navlist li a.cur-emp:hover, #progress li a:hover {color: #6C9AC9; text-decoration: none;}

a, .dashbox a, a.helplink  { color: #476A8D; text-decoration: underline; }
a:visited, .dashbox a:visited, a:visited.helplink { color: #476A8D; text-decoration: underline; }
a:hover, .dashbox a:hover, a:hover.helplink {color: #6C9AC9; text-decoration: underline;}

a:hover.colhead {color: #476A8D; text-decoration: none;} /* Added to prevent disappearing column headers */

.dashbox, .wildcard {
	background-color: #F0F0F0;
	font-weight: normal;
	margin-top: 15px;
	margin-right: 60px;
	padding: 0;
	border: 0;
	float: right;
	width: 151px;
	\width: 153px;
	w\idth: 151px; 
	border: solid #6C9AC9; 
	border-width: 0 1px 1px 1px; 
}

.dashbox h3, .wildcard h3 {
	background-color: #6C9AC9;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	border: 0;
	padding: 4px;
	margin: 0;
	display: block;
}

.dashbox dl { 
	float: left; 
	margin:0; 
	padding:0 0 5px 0; 
} 

.dashbox dt { 
	float: left; 
	clear: left; 
	width: 10px; 
	margin: 0; 
	text-align: right;
	padding: 0 0.10em 0 0.35em; 
} 

.dashbox dd { 
	margin: 0 0 0 20px; /* left indent dt */ 
	padding: 0 0em; 
	_height: 1px; /* fix IE 3px jog */ 
} 

.wildcard {
	font-weight: normal;
	border-left: 1px solid #476A8D;
	border-right: 1px solid #476A8D;
	border-bottom: 1px solid #476A8D;
}

.wildcard h3 {
	background-color: #476A8D;
}

.wildcard p, .dashbox p {
	padding: 4px;
	margin: 0;
	clear: both;
}

.centerbox, #content2Column .centerbox-results  {
	width: 629px;
	\width: 631px;
	w\idth: 629px; 
	background-color: #F0F0F0;
	font-weight: bold;
	float: left;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	margin: 0 0 15px 0;
}

.centerbox .nscolhead { /* non-sortable column header */
	color: #fff;
	font-weight: bold;
}


.centerbox p {
	padding: 4px 4px 10px 8px;
	margin: 0;
	border: 0;
	font-weight: normal;
}

.centerbox h3, .centerbox-results h3 {
	background-color: #476A8D; 
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	border: 0;
	padding: 0 0 0 6px;
	margin: 0;
	height: 25px;
	line-height: 25px;
}

.centerbox .norm {
	font-weight: normal;
}

.centerbox h3 .small, .centerbox-results h3 .small-results {
	font-size: 11px;
	vertical-align: middle;
	color: #8DBCEA;
	float: right;
	padding: 0 6px 0 0;
}

.centerbox h3 .smallmid { /* added for Save to Job Cart link */
	font-size: 10px;
	padding: 0 6px 0 0;
}

.centerbox h3 .small a, .centerbox h3 .searchTitle a, .centerbox-results h3 .small-results a, .centerbox-results h3 .searchTitle-results a, smallmid a { color: #fff; text-decoration: underline; }
.centerbox h3 .small a:visited, .centerbox h3 .searchTitle a:visited, .centerbox-results h3 .small-results a:visited, .centerbox-results h3 .searchTitle-results a:visited, .smallmid a:visited { color: #fff; text-decoration: underline; }
.centerbox h3 .small a:hover, .centerbox h3 .searchTitle a:hover, .centerbox-results h3 .small-results a:hover, .centerbox-results h3 .searchTitle-results a:hover, .smallmid a:hover {color: #fff; text-decoration: none;}


/* Form Search Style */
form.form-search, form.form-search-results, .search-results {
margin: 0;
font-size: 11px;
}

form.form-search table, form.form-search-results table, .search-results table {
border: 0;
padding: 0;
font-size: 11px;
}

form.form-search table th {
border-right: 2px solid #F0F0F0; /* was E5F1F5 */
font-weight: normal;
font-size: 11px;
color: #505050;
padding: 2px 2px 2px 0;
text-align: right;
vertical-align: top;
width: 140px;
}


form.form-search table td {
padding: 3px 0 5px 8px; /* was 5 0 5 10 */
vertical-align: top;
font-weight: normal;
font-size: 11px;
}

form.form-search-results table #sortable th, #sortable th  {
background-color: #6C9AC9;
border: 0;
text-align: left;
padding: 5px;
color: #fff;
font-size: 11x;
}

form.form-search-results table .white td, form.form-search-results table .red td, form.form-search-results table .gray td, table.search-results  .white td,  table.search-results  .red td, table.search-results .gray td {
background-color: #fff;
border-right: 0px solid #999999;
text-align: left;
padding: 5px; //1px 0 1px 0;
font-size: 11px;
font-weight: normal;
}

form.form-search-results table .gray td, table.search-results  .gray td {
background-color: #F0F0F0;
}

form.form-search-results table .red td, table.search-results  .red {
background-color: #FFAEB9;
}

form.form-search table th span.help, form.form-search table td span.help  {
color: #999999;
display: block;
font-size: 9px;
font-weight: normal;
}


#advSearchBlock {
display: none;
}

/* Login Box */
#login {
padding: 4px;
font-weight: normal;
}

#login input {
width: 110px;
}

#login .defaultForm {
width: auto;
}

/** jsrLogin **/
table#jsrLogin {
border: 0;
padding: 0;
width: 98%;
}

/* josie's test follows */

.applybutton {
color: #ffffff;
background-color: #476A8D;
font-weight: bold;
}

table.fillform th {
border-right: 2px solid #F0F0F0; /* was E5F1F5 */
font-weight: normal;
font-size: 11px;
padding: 2px 2px 2px 0;
text-align: right;
vertical-align: top;
}


table.fillform td {
padding: 3px 0 5px 8px; /* was 5 0 5 10 */
vertical-align: top;
font-weight: normal;
font-size: 11px;
}

table.fillform span.help  {
color: #999999;
display: block;
font-size: 9px;
font-weight: normal;
}

/* josie's test ends */


table#jsrLogin td.left, table#jsrLogin td.right {
padding: 0;
vertical-align: top;
font-weight: normal;
background-color: #6C9AC9;
border: 1px solid #093561;
width: 45%;
color: #fff;
}

table#jsrLogin td.right {
background-color: #F0F0F0; 
border: 1px solid #476A8D;
color: #505050;
}

table#jsrLogin h3 {
background-color: #093561;
color: #fff;
padding: 4px;
margin: 0px;
}

table#jsrLogin td.left h3, table#jsrLogin td.right h3 {
background-color: #093561;
color: #fff;
padding: 4px;
margin: 0px;
}

table#jsrLogin td.right h3 {
background-color: #476A8D;
}

table#jsrLogin hr {
color: #093561;
background-color: #093561;
height: 1px;
border: 0;
width: 94%;
text-align: center;
}

table#jsrLogin td p {
padding: 4px;
margin: 0;

}

input {
	font-face: Tahoma;
	font-size: 11px;
}

select {
	font-face: Tahoma;
	font-size: 11px;
}


/* Main Navigation */
#navigationMain a{
	color:#fff;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:10px 0 0 0;
	text-decoration:none;
}
#navigationMain a:hover{
	color:#70c9fa;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
/* Left Navigation */
#navigationLeft{
	padding-top:5px;
}
#navigationLeft a{
	color:#fff;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
#navigationLeft a:hover{
	color:#1a70b1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}