.boldtxt {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #003366}
.normaltxt {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003366}
.cellborder {  border-color: #FFFFFF #999999 #999999 #FFFFFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; font-family: Webdings; font-size: 11px; font-weight: bold; color: #003366}
a:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; color: #059696}
a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #046A6A; text-decoration: none}
a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: underline; color: #046A6A}
.textfield {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003366; width: 300px}
.textfieldHalfSize { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003366; width: 130px}
.boldtxtWhite { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF}
.warningtxt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FF0000}
.miniDrop { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003366}
.clsCursor {  cursor: hand}
.boldtxtWhiteDropDown { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #000000 }
.li {
	color: #FFAB00;
	list-style : disc;
}
/* rebar styles ***************************************************************/
td.rebar { padding:0; padding-bottom:2; padding-top:2;
	font-family: "Verdana, Arial, Helvetica, sans-serif"; font-size: 10px; vertical-align: middle;
}

td.spacer {
	border-top: 1px solid buttonhighlight;
	padding: 0; margin: 0; height: 4;
}

.rebar span.toolbar {
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
	padding: 0; margin: 0; padding-bottom:1; padding-top:1;
}

.rebar span.spacer { width: 2px; }

.rebar span.start {
	margin:0;
	background-color: buttonface;
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
	width: 3px;
	height: 18px;
}

.rebar span.label { border:0; position:relative; top: -2; margin-left: 3; }

.rebar span.sep {
	margin:0;
	background-color: buttonface;
	border-top: 1px solid buttonshadow;
	border-left: 1px solid buttonshadow;
	border-bottom: 1px solid buttonhighlight;
	border-right: 1px solid buttonhighlight;
	width: 2px;
	height: 18px;
}

.rebar select {
	font-size: 11px;
	margin-top: 1; margin-bottom: 1;
	width : 100px;
}

.rebar .fontselect  {
	font-size: 11px;
	margin-top: 1; margin-bottom: 1;
	width : 200px;
}

.rebar option { border: 5px solid red; }

.rebar span.field {
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
	padding: 0; margin: 0; padding-bottom:1; padding-top:1;
}

.rebar .field span.label {
	margin-left: 0;
	padding-left: 8; width: 60;
}

.rebar .field span.start {
	position: relative; top: 1;

}


.rebar .field input.field {
	border-top: 1px solid buttonshadow;
	border-left: 1px solid buttonshadow;
	border-bottom: 1px solid buttonhighlight;
	border-right: 1px solid buttonhighlight;
	height: 20px; margin: 0px; 
	margin-bottom: -1px;
}

.rebar img {
	border: 1px solid buttonface; margin:0; padding:1;
	cursor: hand;
}

.rebar img.hover {
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
}

.rebar img.down {
	border-bottom: 1px solid buttonhighlight;
	border-right: 1px solid buttonhighlight;
	border-top: 1px solid buttonshadow;
	border-left: 1px solid buttonshadow;
}

.rebar img.disabled {
	border: 1px solid buttonface; margin:0; padding:0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	cursor: normal;
}

.rebar img.spacer {
	cursor: normal;
}

.toolbar
{
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
	padding: 0; margin: 0; padding-bottom:1; padding-top:1;
}
.toolbar img {
	border: 1px solid buttonface; margin:0; padding:1;
	cursor: hand;
}

.toolbar img.hover {
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
}

.toolbar img.down {
	border-bottom: 1px solid buttonhighlight;
	border-right: 1px solid buttonhighlight;
	border-top: 1px solid buttonshadow;
	border-left: 1px solid buttonshadow;
}

.toolbar img.spacer {
	cursor: normal;
}

.toolbar span.sep {
	margin:0;
	background-color: buttonface;
	border-top: 1px solid buttonshadow;
	border-left: 1px solid buttonshadow;
	border-bottom: 1px solid buttonhighlight;
	border-right: 1px solid buttonhighlight;
	width: 2px;
	height: 18px;
}.headerWhite { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF }
.boldtxtbig { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #003366 }
.ccp_paramvalue {
	color : #0000FF ;
	font-family : "Courier New";
	font-size : 13px;
}
.ccp_htmlcomment {
	color : #808080 ;
	font-family : "Courier New";
	font-size : 12px;
	font-style : italic;
}
.ccp_tag {
	color : #000080;
	font-family : "Courier New";
	font-size : 12px;
}
.ccp_img {
	color : #800080;
	font-family : "Courier New";
	font-size : 12px;
}
.ccp_A {
	color : #008000;
	font-family : "Courier New";
	font-size : 12px;
}
.ccp_form {
	color : #FF8000;
	font-family : "Courier New";
	font-size : 12px;
}
.ccp_table {
	color : #008080;
	font-family : "Courier New";
	font-size : 12px;
}
.ccp_entity {
	color : #000000;
	font-family : "Courier New";
	font-size : 12px;
	font-weight : bold;
}
.ccp_styletag {
	color : #800080;
	font-family : "Courier New";
	font-size : 12px;
}
.ccp_styleitem {
	color : #800080;
	font-family : "Courier New";
	font-size : 12px;
}
.CompanyDD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
	width: 250px;
	background-color : #E0E0E0;
}
.BorderImg {  border: #999999; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

/* main menu styles ***************************************************************/
.button {
	width: 156px;
	padding: 10px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;
	color: #B8B8B8;
	}

.button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	.button li {
		padding: 0 0 0 16px;
		background-color: #B8B8B8;
		margin:0;
		}
		
		.button li a {
        background: url("/images/Generic/nav_dot.gif")         no-repeat left;
		display: block;
		padding: 2px 0 2px 16px;
		background-color: #B8B8B8;
		color: #003366;
		text-decoration: none;
		width: 100%;
		}

	html>body .button li a {
		width: auto;
		}

	.button li a:hover {
		background: url("/images/Generic/nav_dot_over.gif")         no-repeat left;
		color: #003366;
		text-decoration: none;
		}

.subButton {
	width: 156px;
	padding: 6px 0 6px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;
	color: #B8B8B8;
	}

.subButton ul {
	    list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	.subButton li {
		margin:0;
		}
		
		.subButton li a {
        background: url("/images/Generic/sub_arrow.gif")         no-repeat left;
		display: block;
		padding: 1px 0 0 16px;
		color: #003366;
		text-decoration: none;
		width: 100%;
		}

	html>body .subButton li a {
		width: auto;
		}

	.subButton li a:hover {
		background: url("/images/Generic/sub_arrow_over.gif")         no-repeat left;
		color: #003366;
		text-decoration: none;
		}
		
		





.subButton1 ul {
	    list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	.subButton1 li {
		margin:0;
		}
		
		.subButton1 li a {
        background: url("/images/Generic/sub_arrow.gif")         no-repeat left;
		display: block;
		padding: 1px 0 0 16px;
		color: #003366;
		text-decoration: none;
		width: 100%;
		}

	html>body .subButton1 li a {
		width: auto;
		}

	.subButton1 li a:hover {
		background: url("/images/Generic/sub_arrow_over.gif")         no-repeat left;
		color: #003366;
		text-decoration: none;
		}






		
		
.boldtxtMid {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #003366
}
.jsHover_off {
	background-color: #FFFFFF;
}
.jsHover_on {
	background-color: #E0E0E0;
}
.cellPadder {
	padding: 5px;
}
.textfieldJobSearch {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003366; width: 200px
}
.background {
	position: static;
	z-index: 10;
}

/* box with header */
div.bwh { zoom: 1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #003366; text-align: left;  border: 1px solid buttonshadow;}
div.bwh h1 { background-color: #059696; border-bottom: 1px solid buttonshadow; font-size: 1.1em; font-weight: bold; color: #FFFFFF; margin: 0px; padding: 5px; }
div.bwh h2 { background-color: #E0E0E0; font-size: 1.1em; border-bottom: 1px solid buttonshadow; padding: 2px; font-weight: bold; color: #003366; margin: 0px; }
div.bwh ul { list-style: none;  margin: 0px; padding: 0px;}
div.bwh div.left { float: left; width: 48%; display: inline; margin:5px; margin-right: 0px;}
div.bwh div.right { float: right; width: 48%; display: inline; margin:5px; margin-left: 0px; }
div.bwh div.clear { clear: both }
div.bwh .brd { border-right: 1px dashed buttonshadow;} /* Border Right Dashed */

/* div.bwh h2.right { text-align: right; }*/

div.rollovers a { display: block; padding: 5px;}
div.rollovers a:hover { background-color: #E0E0E0; }
div.rollovers li { border-bottom: 1px dashed buttonshadow;}
div.mb, div.bwh h1.mb { margin-bottom: 10px;  } /* margin bottom */

div.pad { padding: 5px }
div.pad h2 { margin-top: -5px; margin-left: -5px; margin-right: -5px; margin-bottom: 5px;} /* overide padding affect for heading */
div.pad label { display: block; margin-bottom: 15px;}
div.pad div.footer {background-color: #E0E0E0; text-align: right; margin-left: -5px; margin-right: -5px; margin-top: 20px; margin-bottom: 10px; border-bottom: 1px solid buttonshadow; border-top: 1px solid buttonshadow; padding: 2px; }

/*
 * Features listing page
 */
div.features { zoom: 1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #003366; text-align: left;  border: 0px solid white; }
div.features .nav { background-color:#A9CAC2;	font-size: 1.2em; font-weight: bold; padding: 10px; margin: 3px;  }
div.features div {   margin: 3px;  padding: 0px; margin-bottom: 0px; font-size: 1.1em; background-color: #E0E0E0;  }
div.features div.left, div.features div.right { 
	background-color:#E0E0E0; 
	margin: 0px;
	padding: 0px;  
	display: inline; 
}
div.features div.left {  float: left; width: 120px; } /* margin-right: 0px; margin:3px;  margin-left: 0px;*/
div.features div.right { float: right; width: 321px; } /* margin-left: 0px; margin:3px; display:inline; */
div.features div.left div, div.features div.right div { 	padding: 8px;  }

/*div.features .clear { display:block; }*/

/*--------------------------------------------------------
the rest is the same no matter what the column ordering 
and plays no real part in the technique
---------------------------------------------------------*/
/*  throat, er cough, float, clearer
the container div and the clearing rules have no bearing on the 
technique - they're needed here on the footer's behalf
see http://www.positioniseverything.net/easyclearing.html for
an explanation of the voodoo applied to #container
Unfortunately neither of the other two easy clearing methods, 
namely applying either a float or overflow: auto (or hidden) to 
the containing wrapper works.
http://mezzoblue.com/archives/2005/03/03/clearance/
http://annevankesteren.nl/2005/03/clearing-floats
http://www.456bereastreet.com/lab/clearing_floats/
In both cases, the height of the containing wrapper is set to the 
height of block_1. Great if block_1 is the tallest column, not so good 
if it's not. (Though, of course, it should be noted that both 
methods work just fine in IE because of its infamous broken float
implementation)
*/

div.features div:after {
            content: '[DO NOT LEAVE IT IS NOT REAL]'; 
            display: block; 
            height: 0; 
            clear: both;
			visibility: hidden;          
}
div.features div {   display: inline-block;  }
/*\*/
* html div.features div   {   height: 1%;}
div.features div        {   display: block; }
/* */

	
/* div.pad label { padding-top: 5px;}*/
/* spacer - replaces old spacer.gif*/
div.sp { width: 20px; height: 10px; }


#jobs_statbox { width: 156px; overflow: hidden; background-color: #A9CAC2;
	background-image:url(/images/generic/obj_elmt_basecrnr.gif);/**/
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-bottom: 3px;
	margin-bottom: 1px;
}
#jobs_statbox ul { list-style-type:none; padding: 0 0 0 8px; margin:0px;   }
#jobs_statbox ul li { height:18px; 
	background-image: url(/images/generic/obj_elmt_arrowindi.gif); 
	background-repeat:no-repeat; 		
	background-position:center left;		
	vertical-align: top;
	width:100%;
}
#jobs_statbox ul li a {padding: 0 0 0 20px;}	
#jobs_statbox .withtop { padding-top: 8px;}
#jobs_statbox h2 {
	background-image: url(/images/Generic/h2_sitejobsearch.gif); 
	background-repeat:no-repeat; 					
	padding: 18px 0px 8px 8px;
	margin: 0px;
}
#jobs_statbox p { padding: 0 0 8px 8px; margin:0px; }
.error {
	font-weight: bold;
	color: #FF0000;
	display: block;
}
/*side box - these are the green boxes to the left hand side of the page underneith the left hand menu*/
body{
	font-size:76%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


.side_box{
	font-size:0.7em;
	background-color:#a9cac2;
	background-image:url(../../../images/Generic/front-side-panel-bottom.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding: 0 9px 9px 9px;
	margin:10px 0 0 0;
}

.side_box h2{
	background-image:url(../../../images/Generic/front-side-panel-top.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#059696;
	font-size:1em;
	color:#FFFFFF;
	height:15px;
	padding: 2px 0 0 10px;
	margin: 0 -9px 0 -9px;
}
.side_box p{
	margin: 6px 0 0 3px;
}



