/* .. added */



html,body{
		font-family: tahoma, verdana, arial, helvetica; 
		font-size: 12px;
		padding: 0px;
		margin: 0px;
		background-color: #232c6d;
		padding: 0px;
		margin: 0px 10px 10px 10px;
		text-align: center;
		
		scrollbar-face-color : #59588A;
		scrollbar-arrow-color : #fff;
		scrollbar-track-color : #232C6D;
		scrollbar-base-color : #232C6D;
		scrollbar-shadow-color : #232C6D;
		scrollbar-darkshadow-color : #232C6D;
		scrollbar-highlight-color : #232C6D;
		scrollbar-3dlight-color : #fff;
		
		height: 100%;
		
		color: #fff;
		
}


body, font, p, div, span {
	font-family: tahoma, verdana, arial, helvetica !important;
	mso-fareast-font-family: tahoma, verdana, arial, helvetica !important;
}

#tsforce, #tsforce font, #tsforce span, #tsforce div, #tsforce p { color: #fff !important; background: !important; font-family: tahoma, verdana, arial, helvetica; font-size: 12px !important; }



a{color: #F76121; text-decoration:none; cursor:pointer;}
a:hover{color: #FFFFFF; text-decoration:underline; cursor:pointer;}

P{margin-top: 2px;}

img{ border: none; }


#container{
		
		
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0px;
		position: relative;
		text-align: left;
		position:relative;
		margin:0 auto;
		height:auto !important;
		height:100%;
		min-height:100%;
		min-width: 800px;
		width:expression(document.body.clientWidth < 850? "850px": "auto" );
		
		/*
		min-height:100%;
		height: 100%;
		*/
	}
	
	#hi{
		margin-top: 3px; 
		margin-bottom: 0px;
		margin-left:0px;
		margin-right:0px;
		width: auto;
		height: 100px;
		/*background: url('/images/sjc_hi_new_1.gif') no-repeat;*/
	}
	
	#print_hi{
		display:none;
	}
	
	#nav{
		/*
		margin-top: 8px; 
		margin-bottom: 10px; 
		width: 100%;
		height: 40px;
		display: block;
		overflow: hidden;
		background: #F26122;
		*/
		background: #F26122;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	#lhp{
		float: left;
		margin-top: 0px;
		margin-bottom: 3px;
		width: 215px;
		height: 431px;
		padding: 5px;
		
	}
	
	.tool_loginbox .ico {
		float: left;
		text-align:center;
		width : 32%;
		cursor : pointer;
	}
	
	.tool_loginbox {
		
	}
	
	.tool_search .ico {
		float: left;
		text-align:center;
		cursor : pointer;
		width : 30px;
		padding-left : 0px;
	}
	
	.tool_search .outer {
		float: right;
		padding-right : 7px;
		margin-top : 8px;
	}
	
	.tool_search .txt {
		padding-top : 10px;
		font-weight : bold;
		padding-left : 0px;
		text-align : right;
		xdisplay : none;
	}
	
	.crow {
		
	}
	
	#mid{
		margin: 0px 170px 10px 210px;
		/*
		margin-top: 10px;
		margin-bottom: 20px;
		margin-left: 5px;
		margin-right: 50px;
		/*width: auto;
		
		height: auto;
		/*
		border:1px solid #ffffff;
		background-color:#ff0000;
		*/
	}
	#SAF_BODY{
		margin: 0px 60px 0px 0px;
		border:2px solid #ffffff;
		border:1px solid #232C6D;
	}
	
	#login{
		float: right;
		width : 210px;
		height : 18px;
		/* background-color: #232C6D; */
		color : #FFFFFF;
	}
	
	#rhp{
		
		float: right;
		margin-top: 0px;
		margin-bottom: 3px; 
		width: 215px;
		height: auto;
		padding: 0px;
		text-align: center;
		
	}
	
	.rhp_not_logged_in {
		margin : 10px;
		padding : 5px;
		xborder : 2px solid #59588A;
	}
	
	#ft{
		clear: all;
		margin-top: 0px;
		margin-bottom: 30px;
		height: 25px;
		width: auto;
		left: 0px;
		padding: 4px;
		background-color: #f26122;
	}
	

h4:hover {
	color: #F26122;
	text-decoration: none;
}
	

/*	LI NAVIGATION STYLES	*/
	
	
	
.li_nav_1{
	margin: 0px;
	list-style: none;
}

.li_nav_1 .li_1 {
	list-style: none;
	float: left;
	width: auto;
	margin: 0px;
	padding: 0px;
}

.li_nav_1 .li_1:hover {
	background: #f00;
}

.li_nav_2{
	margin: 0px;
	padding: 0px;
	/*background: #ffffff;*/
	display: none;
}

#nav_primary ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#nav_primary li:hover ul,
div#nav_primary li li:hover ul,
div#nav_primary li li li:hover ul,
div#nav_primary li li li li:hover ul
{display:block;}

div#nav_primary li:hover{
cursor:pointer;
z-index:100;
}


.li_nav_2 .li_2 {
	list-style: none;
	/*float: left;*/
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
}

.li_nav_2 .li_2 a {
	color: #f00;
}



	

/*	NAVIGATION STYLES	*/

	
	
	#nav_primary{
		background-color: #f26122;
		margin: 0px;
		height: 18px;
		width: 880;
		float: left;
		/*background-image: url('/images/sjc_nav_bg.gif');*/
		padding-top: 4px;
		padding-bottom: 3px;
	}
	
	#nav_primary A{
		font-size: 12px;
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		margin-left: 4px;
		margin-right: 4px;
		padding: 0px 15px 0px 15px;
		cursor: hand;
	}
	
	#nav_primary A:hover, #nav_secondary A:hover{
		text-decoration: underline;
	}
	
	
	#nav_secondary{
		/*display: none;*/
		margin: 0px;
		height: 20px;
		width: 100%;
		float: left;
		padding-top: 1px;
		padding-left: 10px;
		margin-top:0px;
		
		background: #fff;
	}
	
	#nav_secondary A{
		font-size: 12px;
		color: #232c6d;
		font-weight: bold;
		text-decoration: none;
		margin-left: 4px;
		margin-right: 4px;
		margin-top:0px;
		padding: 0px 5px 5px 5px;
		cursor: hand;
	}
	
	#subnav_{
		
	}
	
	#nav_cache{
		background-image: url('/images/sjc_nav_0_bg.gif');
		display: none;
	}
	
	.nav_hlight{
		display:none;
		height:4px;
		width: 30px; 
		position: relative; 
		background-position: center; 
		background-image: url('/images/sjc_nav_0_bg.gif'); 
		background-repeat: no-repeat; 
		text-align: center; 
		padding: 0px; 
		/* float:left; */
		margin-top: 0px;
		margin-bottom: -7px;
		/* display : none; IMPLEMENT FOR MACIE ONLY.. */
	}
	

/*  LOGIN BOX */
.loginText {
	float:right;
}
#login DIV {
	/*text-align:right;*/
	/*color : #FFFFFF;*/
	font-weight : bold;
	padding-top:2px;
	padding-right:3px;
}
#login A,#login A:HOVER,#login A:VISITED, {
	/*color : #F26122;*/
}

#logout {
	color : #FFFFFF;
	font-weight : bold;
	margin-top:0px;
	padding-left:3px;
}
#login A,#login A:HOVER,#login A:VISITED, {
	/*color : #FFFFFF;*/
}

div {
	text-align: left;
	color: #fff;
}

/*	FRAGMENT STYLES	*/
		
		h1 {
			font-size: 24px;
			font-weight: normal;
			line-height: 10px;
			line-spacing: 0;
		}
		
		/*
		#h1{
			font-size: 24px;
			width: auto;
			padding: 0px;
			margin-top: 17px;
		}
		*/
		
		#h2{
			font-size: 13px;
			font-weight: bold;
			/*
			position: absolute;
			margin:2px;
			margin-top: 43px;
			*/
			margin-top:0px;
			padding-left: 4px;
			padding-top: 4px;
			width: auto;
			height: 26px;
			background-color: #151953;
			x-margin-right:163px;
			margin-right : 10px;
		}
		
		#content{
			/*
			border: 1px solid #FFFFFF;
			position: absolute;
			overflow: auto;
			*/
			
			/*border: 1px solid #FFFFFF;*/
			
			margin-top: 9px;
			margin-bottom: 3px;
			margin-left: 0px;
			margin-right: 0px;
			padding-top: 0px;
			
			/* padding-left: 4px; */
			width: 100%;
			/*
			height: 328;
			*/
			height: auto;
			
			line-height : 1.5 em;
			
		}
		
		#h3{
			font-size: 14px;
			font-weight: bold;
			position: relative;
			margin-top: 3px;
			margin-left: 3px;
			margin-right: 3px;
			width: 458;
			padding: 2px;
		}
		
		#para{
			font-size: 14px;
			/*position: absolute;*/
			margin-top: 6px;
			margin-bottom: 6px;
			/*margin-left: 3px;
			width: 456;
			height: 280;*/
			font-size: 12px;
			text-align: justify;
		}
		
		#FT {
			padding-left: 4px;
			padding-top: 2px;
			color: #FFFFFF;
		}
		
		#ft A {
			color: #232C6D;
			text-decoration: none;
			font-weight: bold;
		}
		
		#ft A:hover {
			color: #FFFFFF;
		}

	
		
/*	TEXT STYLES	*/
		
		.main_heading{
			color: #F26122;
			font-weight: bold;
		}
		
/*	FORM STYLES	*/

.fTable{border: 0px; width:100%; /*background-color: #303673;*/}
.f{font-size: 11px; color: #000000; background: #FFFFFF; border : 0px;}

.fHi{font-size: 11px; color: #FF0000; background: #FFFFFF; border: 0px;}
.fOptLow{font-size: 11px; color: #000000; background: #FFFFFF; border : 1px ridge #FFFFFF;}

.fIcell{background-image : url('/images/forms/sjc_input_3.gif'); background-position: top right;background-repeat:repeat-x; text-align:right; border: 0px;}

.lLo{ background-image : url('/images/forms/sjc_input_1.gif'); background-repeat:no-repeat;font-weight:bold; color :#FFFFFF; text-align:center; height:20px; border: 0px;}
.lHi{ background-image : url('/images/forms/sjc_input_1.gif'); background-repeat:no-repeat; font-weight:bold; color :#FFFFFF; text-align:center; height:20px; border: 0px;}
.fstar{background-image : url('/images/forms/sjc_input_1a.gif'); background-repeat:repeat-x; border: 0px;}
.fSep{background-image : url('/images/forms/sjc_input_2.gif'); background-repeat:no-repeat; width: 3px; border: 0px; color: #F36122;}
.fSepEnd{background-image : url('/images/forms/sjc_input_2_end.gif'); background-repeat:no-repeat; width: 3px; border: 0px; color: #F36122;}

.fCellSet{background-color:#353A76;background-image:;}

#content SELECT {  position:relative; top:-1px; left:-3px; height:10px; font-size:10px; }


.fHead{font-size:12px;/*background-color : #303673;*/ padding: 3px; border: 0px;}

.rp_submit{background-color : #FFFFFF; font-weight:bold; color :#000000; border : 1px solid #7273B0;  text-align:center; margin: 2px; cursor: hand;}


.fError{
	background-color:#7273B0;
	border: 1px solid #FF0000;
}


/*	DRILL PANEL & GELBOX STYLES	*/

#gelbox{
	width: 100%;
	margin-bottom: 4px;
}

#gelbox_mid{
	border-left: 2px solid #F26122;
	border-right: 2px solid #F26122;
	
}

#gelTbl TD {
	border:;
}

#acHead{
	color:#F26122;
	font-size:14px;
	font-weight: bold;
}

#acBlock{
	font-size:11px;
	background-color: 121753;
	padding: 4px;
	margin: 5px;
	cursor: pointer;
}

#acNum{
	float:right;
	padding-top:3px;
	padding-right:2px;
}

#acBlock_HI{
	font-size:11px;
	background-color: BB400B;
	border:2px solid #F26122;
	padding: 4px;
	margin: 5px;
	cursor: pointer;
}

#acBlock_HI #acHead{
	color:#FFFFFF;
	font-size:14px;
	font-weight: bold;
}


/* JOB BOARD STYLES */

#jobsTable {
	width: 100%;
	margin-right: 10px;
}

.jb_head{
	width : 100%;
}
.jb_head td { font-weight : bold; padding: 2px;}

.jb_head .vacblock{
	width:250px;
}
.jb_head {
	padding : 2px;
	font-weight : bold;
	margin : 0px;
	border-bottom : 2px solid #222B6D;
	
}
#jb_head_vac{
	width : 50%;
	background-color: #59588A;
	color : #FFFFFF;
	padding-left : 8px;
}
#jb_head_sal{
	width : auto;
	background-color: #121753;
	color : #F36021;
	text-align : center;
}
#jb_head_app{
	width : 72px;
	background-color: #F36021;
	color : #FFFFFF;
	text-align : center;
	/*margin-right: 10px;*/
}

.jb_scroll{
	
	width : 100%;
	padding : 0;
	/* xxx
	width : 473px;
	height : 300px;
	overflow-y:auto;
	position : relative;
	left : -5px;
	scrollbar-face-color : #F36021;
	scrollbar-arrow-color : #FFFFFF;
	scrollbar-track-color : #222B6D;
	scrollbar-base-color : #BB400B;
	scrollbar-shadow-color : #BB400B;
	scrollbar-darkshadow-color : #BB400B;
	scrollbar-highlight-color : #F79B73;
	scrollbar-3dlight-color : #F79B73;*/
	
}
.jb_body{
	width : 100%;
	/* border : 1px dashed #FF0000; */
	cursor : pointer;
	font-size : 11px;
}
.jb_body TD{
	border: 2px solid #222B6D;
	padding : 2px;
}
#jb_body_vac{
	width : 50%;
	background-color: #353A76;
	color : #FFFFFF;
	padding-left : 8px;
	font-size : 11px;
}
#jb_body_sal{
	width : auto;
	background-color: #1E2564;
	color : #F36021;
	text-align : center;
	font-size : 12px;
	padding : 3px;
}
#jb_body_app{
	width : 72px;
	background-color: #191F5B;
	color : #F36021;
	text-align : left;
	padding-left :4px;
	font-size : 11px;
}
.jbt{
	padding-top:3px;
	text-overflow:ellipsis; overflow:hidden;
	width:250px;
	font-size:12px;
}

.jba {
	color:#F36021;font-size:12px; padding:3px;
}

.jbh {
	color:#a8a9ac;font-size:12px; padding-bottom:3px;
}

.jb_hiLite TD{
	background-color:#FFFFFF;
}


#sTitleR{
	float:right;
	font-size: 11px;
	padding-top:2px;
	padding-right:5px;
}
.sTitle_JobArea{
	color : #F26122;
}







	
/* JOB TOOLBOX */

#job_toolbox{
	padding :2px;
	margin : 5px;
	border : 2px solid #59588A;
	width : 170px;
	background-color : #191F5B;
}

#job_toolbox .h {
	background-color: #353A76;
	color : #FFFFFF;
	text-align : center;
}

#job_toolbox td {
	font-size : 11px;
}











/* AJAX FORMS */

.ajxDrops{
	background-color: #FFFFFF;
	border : 1px solid #21245A;
	color : #FFFFFF;
	font-size : 12px;
	font-weight : bold;
}

.ajxDrops OPTION{
	background-color: #FFFFFF;
	font-weight : bold;
	font-size : 12px;
	color : #21245A;
}

.ajx_block{
	margin-top:3px;
	padding : 2px;
	padding-left : 5px;
	cursor : pointer;
	display :block;
	height : 32px;
	width : 100%;
	overflow : hidden;
	text-overflow : ellipsis;
	
}

.ajx_head{
	height:14px;
	width:200px;
	overflow:hidden;
	text-overflow:ellipsis;
	font-weight:bold;
}

.ajx_body{
	height:14px;
	width:200px;
	overflow:hidden;
	text-overflow:ellipsis;
}

.ajx_star{
	float:right; 
	font-family: 
	wingdings; 
	font-size: 16px;
	position : relative;
	top: -2px;
}

.ajResults {
	width : 200px;
	/* border: 1px dashed #FF0000; */
	padding : 3px;
}
.ajResults TABLE {
	width : 190px;
	/* border: 1px dashed #FF00FF; */
}
#qs_results TD {
	color : #1E2564;
	/* font-weight : bold; */
	border-bottom : 2px solid #FFFFFF;
	cursor : pointer;
}
#qsr_name {
	height : 18px;
	font-size : 10px;
}
#qsr_name {
	padding-left:2px;
	font-size : 11px;
}
#qsr_sal {
	padding-right:2px;
	font-size : 11px;
}
.qs_rShift_disabled, .qs_rShift_disabled:hover {
	color : #F79B73;
}
.qs_rShift_enabled, .qs_rShift_enabled:hover {
	color : #FFFFFF;
}


h4:hover {
	color: #F26122;
	text-decoration: none;
}


.new_tools {
	clear: both;
}

.new_tools_tb {
	/*background: #59588A;*/
	
}
	
.new_tools_tb td {
	cursor: hand;
}

.new_tools_tb a {
	font-weight: bold;
	color: #fff;
}







.new_login {
	height : 100px;
	padding : 3px;
	padding-left:10px;
	font-size: 10px;
	border: 1px solid #121753;
	background: #303673;
	float: none;
}

.new_login .label {
	text-align: right;
}

.new_login input {
	border : 1px solid #121753;
	font-size: 10px;
	color : 121753;
	width : 120px;
}

.new_login .sub {
	width : 60px;
	font-weight : bold;
	float : right;
}

.new_login .pwd {
	font-size : 10px;
	float: left;
	padding-top:3px;
}

.new_login table {
	margin-top:3px;
	/*margin : 10px;*/
	/* border : 1px solid #ff0000; */
}

.new_login .head {
	font-size : 12px;
}

.new_login form {
	margin:0;
}

.new_login a {
	color : #F26122;
}


.error { color: #F76121; text-decoration: underline; }









#menu{
width:100%;
float:left;
background: #F26122;
}

#menu a, #menu h2{
font:bold 11px/16px arial,helvetica,sans-serif;
display:block;
/*border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;*/
white-space:nowrap;
margin:0;
padding:1px 0 1px 3px;
}

#menu h2{
color:#fff;
/*background:#000 url(/css/images/expand3.gif) no-repeat 100% 100%;
text-transform:uppercase*/
background: #F26122;
}

#menu a{
background: #F26122;
text-decoration:none;
padding: 5px;
}

#menu a,{
color:#fff;
}

#menu a:hover{
color:#fff;
background: #F26122;
text-decoration: underline;
}

#menu a:active{
/*color:#060;
background:#ccc;*/
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:7em;
text-align: center;
}

#menu li{
	position:relative;
	float: left;
}

#menu ul ul{

position:absolute;
z-index:500;
top:auto;
display:none;
text-align: left;
margin-left: -42px;
width: 170px;

background: #fff url('/images/sjc_snav_end_bg.gif') left bottom no-repeat !important;
padding-bottom: 20px;


}



#menu ul ul a {
	background: #fff;
	color: #232C6D;
	width: 100%;
	/*border: 1px solid #fff;*/
}

#menu ul ul a:hover {
	/*border-top: 1px solid #232C6D;
	border-bottom: 1px solid #232C6D;*/
}

#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
/*background:#000 url(/css/images/expand3.gif) no-repeat -999px -9999px;*/
}

div#menu li:hover{
cursor:pointer;
z-index:100;
background: #fff;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;background: #fff;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
/*color:#000;
background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;*/
}

#menu a.x:hover{
color:#a00;
background:#ddd;
}

#menu a.x:active{
color:#060;
background:#ccc;
}

/* End CSS Popout Menu */

#menu{float:none;} /* This is required for IE to avoid positioning bug when placing content first in source. */
/* IE Menu CSS */
/* csshover.htc file version: V1.21.041022 - Available for download from: http://www.xs4all.nl/~peterned/csshover.html */
body{behavior:url(/images/css/csshover.htc);
font-size:100%; /* to enable text resizing in IE */
}
#menu ul li{float:left;width:100%;}
#menu h2, #menu a{height:1%;font:bold 1em arial,helvetica,sans-serif;}