﻿span.req{
    color: Red;
    font-weight: bold;
}
/*watermarked*/

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}
.watermarked2 {
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}
.watermarkedtextarea 
{
	height:86px;
	width:100%;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}

/* end watermarked*/

/*Modal Popup*/

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=90);
	opacity:0.9;
}
.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:310px;
}
.modalPopup450 {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:450px;
}
.modalPopup800{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:800px;
}

/* End Modal Popup */

/* Tabbed look */

.menuTabs{
    position:relative;
    top:1px;
    left:10px;
}
.tab{
    border:Solid 1px black;
    border-bottom:none;
    padding:0px 10px;
    background-color:#1003cb;
    
    font-size: 12px;
    color: #ffffff;
    font-family: Arial, Sans-Serif;
}
.selectedTab{
    border:Solid 1px black;
    border-bottom:Solid 1px #F89A2A;
    padding:0px 10px;
    background-color:#F89A2A;
    
    font-size: 12px;
    color: #ffffff;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
}
.tabBody{
    border:Solid 1px black;
}

.tabheaders{
    background-color: #F89A2A;
    border-bottom: solid 1px #ffffff;
    text-align: left;
    height: 25px;
    padding-left: 5px;
}

.tabheaderstext{
    font-size: 15px;
    color: #ffffff;
    text-align: left;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    text-decoration: none;

}

/* End Tabbed look */

/* Description Pop up */
.hide{
   Display : none;
}
.show{
    Display : block ;
}
#dhtmltooltip{
    position: absolute;
    left: -300px;
    width: 150px;
    border: 1px solid black;
    padding: 0px;
    background-color: #ffffe0;
    visibility: hidden;
    z-index: 100;
    color: #ffffe0;
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}
/* End Description Pop up  */

.inputtitles
{
	font-weight: bold;
	background-color: #99CCFF;
	text-align: left;
	margin-right: 2px;
	font-style: italic;
	padding-top: 1px;
	padding-bottom: 1px;
}
.jobsubheader
{
	background-color: #0050be;
	text-align: left;
	margin-left: 2px;
	font-style: italic;
	color: #FFFFFF;
}
.btn {
  /* this is for links on the job results page  */ 
  padding: 0 2px 1px 15px;
  background: #fff url(/images/others/finger.ico) left center no-repeat;
  color: #c00;
}

.button {
	font: bold 11px Arial;
	text-decoration: none;
	background-color: #EEEEEE;
	color: #333333;
	padding: 2px 6px 2px 6px; 
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #CCCCCC;
}

a.none {
 color:#333;
 text-decoration:none;
}

.none:hover {
	text-decoration:none;
	background:none;
}

.boxedlookhead{
	background-color:#0050be;
}

.boxedlook{
	border-color: #0050be ; 
	border-width: 1px; 
	border-style: solid;
	border-collapse: collapse;
}
.displaybox{
	border-color:#0050be; 
	border-width:thin; 
	border-style:solid; 
	background-color:#E1F3E9
}
.successbox
{
	border-color: #0050be;
	border-width: thin;
	border-style: solid;
	background-color: #66FF33;
}

.b1, .b2, .b3, .b4{
	font-size:1px; 
	overflow:hidden; 
	display:block;
}
.b1{
	height:1px; 
	background:#F89A2A; 
	margin:0 5px;
}
.b2{
	height:1px; 
	background:#F89A2A; 
	border-right:2px solid #F89A2A; 
	border-left:2px solid #888; 
	margin:0 3px;
}
.b3{
	height:1px; 
	background:#F89A2A; 
	border-right:1px solid #888; 
	border-left:1px solid #888; 
	margin:0 2px;
}
.b4{
	height:2px; 
	background:#F89A2A; 
	border-right:1px solid #888; 
	border-left:1px solid #888; 
	margin:0 1px;
}
.contentb{
	background: #F89A2A; 
	border-right:1px solid #888; 
	border-left:1px solid #888;
}
.contentb div
{
	margin-left: 5px;
	text-align: center;
	color: #FFFFFF;
	font-size: large;
}

.content_f{
	background: #F89A2A; 
	border-right:1px solid #888; 
	border-left:1px solid #888;
}
.content_f div
{
	margin-left: 5px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
}

.c1, .c2, .c3, .c4{font-size:1px; overflow:hidden; display:block;}.c1 {height:1px; background:#F89A2A; margin:0 5px;}.c2 {height:1px; background:#fff; border-right:2px solid #F89A2A; border-left:2px solid #F89A2A; margin:0 3px;}.c3 {height:1px; background:#fff; border-right:1px solid #F89A2A; border-left:1px solid #F89A2A; margin:0 2px;}.c4 {height:2px; background:#fff; border-right:1px solid #F89A2A; border-left:1px solid #F89A2A; margin:0 1px;}.contentc {background: #fff; border-right:1px solid #F89A2A; border-left:1px solid #F89A2A;}.contentc div {margin-left: 5px;}
.d1, .d2, .d3, .d4{font-size:1px; overflow:hidden; display:block;}.d1 {height:1px; background:#1503fe; margin:0 5px;}.d2 {height:1px; background:#fff; border-right:2px solid #1503fe; border-left:2px solid #1503fe; margin:0 3px;}.d3 {height:1px; background:#fff; border-right:1px solid #1503fe; border-left:1px solid #1503fe; margin:0 2px;}.d4 {height:2px; background:#fff; border-right:1px solid #1503fe; border-left:1px solid #1503fe; margin:0 1px;}.contentd {background: #fff; border-right:1px solid #1503fe; border-left:1px solid #1503fe;}.contentd div {margin-left: 5px;}

/* Begin Sabra */

/* CSS Document */
body{
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#049ba8 url(/images/homepage/bg.jpg) repeat-x;
	min-width:600px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font-family: Verdana, Geneva, sans-serif;				
	font-size:12px;
	color:#333;
}

a {
	color:#333;
}

a:hover {
	color:#fff;
	background:#1003cb;
	text-decoration:none;
}

a.none{}

h1{
	font-size:2em;
	margin:.2em 0 0 0;
	padding:0;
	color:#333;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
	
h2{
	font-size:2em;
	margin:.8em 0 .2em 0;
	padding:0;
	color:#333;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
	
h3{
	font-size:1.4em;
	padding:0;
	margin:0;
	color:#333;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
	
h4{
	font-size:1.4em;
	margin:0;
	padding:0;
	color:#333;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:left;
}
	
h5{
	font-size:1.2em;
	margin:0;
	padding:0;
	color:#333;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
	
p {
	margin:.4em 0 .8em 0;
	padding:0;
}

#container {
	width: 95%;
	margin:auto;
}

/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
	background: #00428a url(/images/homepage/header.gif) no-repeat;
	border-bottom:6px solid #F89A2A;
}
#top_nav {
	background: transparent url(/images/homepage/call_us.gif) no-repeat;
	background-position: top right;
	text-align:right;
	padding:2em;
	color:#84928C;
	height: 78px;
	font-size: 80%;
	margin-left: 250px;
}

#top_nav2 {
	color:#84928C;
	height: 130px;
	font-size: 80%;
}

#top_nav a {
	color:#fff;
	text-decoration: none;
}

#top_nav a:hover{
	color: #fff;
	background:none;
	text-decoration:underline;
}
#logo{ 
	padding:0;
	float:left;
	width: 200px;
}

#navigation  {
	margin-left: 580px;
}

/* 'widths' sub menu */
#ctl00_show_hide {
	position:relative;
	width:100px;
	float:right;
}
#show_hide {
	position:relative;
	width:100px;
	float:right;
}
#job_search {
	clear:both;
	background: #84bce5 url(/images/homepage/job_search_final.gif) no-repeat;
	background-position: center;
	padding: 50px 0px 30px 10px;
	height:100px;
	text-align:center;
}
#ctl00_job_search {
	clear:both;
	background: #84bce5 url(/images/homepage/job_search_final.gif) no-repeat;
	background-position: center;
	padding: 50px 0px 30px 10px;
	height:100px;
	text-align:center;
}
#ctl00_job_search_2 {
	clear:both;
	background: #fff url(/images/homepage/search_jobs_narrow.gif) no-repeat;
	background-position: center;
	padding: 30px 0 0 0;
	height:100px;
	text-align:center;
}
#job_search_3 {
	clear:both;
	background: #fff url(/images/homepage/search_jobs_wide.gif) no-repeat;
	background-position: center;
	padding: 1px 0 0 0;
	height:200px;
	text-align:left;
}

#ctl00_job_search a:link{
	color:#fff;
}

#ctl00_job_search_2 a:link{
	color:#fff;
}

#candidate_search {
	clear:both;
	background: #84bce5 url(/images/homepage/candidate_search_final.gif) no-repeat;
	background-position: center;
	padding: 50px 0px 30px 10px;
	height:100px;
	text-align:center;
}

#hometable {
	border-collapse: collapse;
} 

#message {
	text-align:center;
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
	text-align:center;
	background-color: #f3f0db;
}
#footer p {
	padding:10px;
	margin:0;
}

#form2 {
	text-align: right;
	background-color:#000;
	padding-right:15px;
	color: #fff;
	margin: 0;
}

/* rounded corners */

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} 
.sidebox {
	margin: 0 auto; 
	width: 18em;
	background: url(/images/homepage/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(/images/homepage/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(/images/homepage/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color:#ffffff; 
	font-weight: bold;
	font-style: italic;
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(/images/homepage/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

.sidebox2 
{
	overflow:hidden;
	background-color: #84bce5;
	position:relative;
	margin: 0 auto;
	width: 23em; 
	background: url(/images/homepage/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead2 {
	background: url(/images/homepage/sbhead-r_or.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead2 h2 {
	background: url(/images/homepage/sbhead-l_or.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold;
	font-style: italic;
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; 
}

.boxbody2 {
	background: url(/images/homepage/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}
.boxbodychat
{
	background: url(/images/homepage/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 5px 30px;
}

/* rounded corners orange*/

/* Show only to IE PC \*/
* html .oboxhead h2 {height: 1%;} /* For IE 5 PC */

.oboxhead {
	background: url(/images/homepage/sbhead-r_or.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.oboxhead h2 {
	background: url(/images/homepage/sbhead-l_or.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold;
	font-style: italic;
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}


/****MENU CSS******/
#pad {height:140px;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#menu li {float:left; margin-right:1px;}
#menu li a {display:block; float:left; height:30px; line-height:30px; background:#1003cb; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 20px 0 20px;}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#999; background-color:#FCD51D;} 
/*#menu li a:hover {color:#fff; background-color:#1503fe;}*/
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#fff; background:#1503fe;}/*bright dark blue*/
#menu li:hover > a.sub {color:#fff; background-color:#1503fe;} /*bright dark blue*/

#menu li.current a {color:#fff; background:#F89A2A;}/*dropdown darker blue*/
/*#menu li.current a:hover {color:#fff; background-color:#F89A2A;}*/

#menu li a.sub {background: #1003cb url(/images/homepage/down-arrow.gif) no-repeat right center;}/*dark blue*/
#menu li.current a.sub {color:#fff; background:#F89A2A url(/images/homepage/down-arrow.gif) no-repeat right center;}/*orange*/

#menu :hover ul {left:0; top:30px; width:150px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul{left:150px; top:-1px; background:#222; white-space:nowrap; width:150px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-top:1px solid #000;}
#menu :hover ul li a {width:150px; padding:0; text-indent:10px; background:#519dfb; color:#fff; height:30px; line-height:30px;}/*dropdown darker blue*/
#menu :hover ul li a.fly {background:#1003cb url(/images/homepage/right-arrow.gif) no-repeat right center;}/*dark blue*/

#menu :hover ul :hover {background-color:#84bafd; color:#fff;}/*dropdown lighter blue*/
#menu :hover ul :hover a.fly {background-color:#FCD51D; color:#999;} /*bright yellow*/

#menu :hover ul li.currentsub a {background:#84bafd; color:#fff;}/*dropdown lighter blue*/
#menu :hover ul li.currentsub a.fly {background:#1503fe url(/images/homepage/right-arrow.gif) no-repeat right center; color:#fff;}/*bright dark blue*/

#menu :hover ul :hover ul li a {width:150px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;}/*dark gray*/
#menu :hover ul :hover ul :hover {background-color:#d70; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#FCD51D; color:#000;}/*bright yellow*/

/***********end menu *********/
/***********classes *********/
.center {
	text-align: center;
}

.smalltxt {
	font-size:80%;
}

.floatleft {
	float: left;
	padding: 15px 15px 15px 0;
}

.banner {
	text-align: center;
	padding-top: 10px;
}

.beige {
	background-color: #cac398;
}

.justify
{
	font-size:1.4em;
	margin:0;
	padding:0;
	color:#333;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:left;
}

.orange
{
	/*color: #E9982A;*/
	color: #CC6600;
	font-weight: bold;
}

.white {
	color:#fff;
}

.left {
	text-align:left;
}

.tab2 {
	background-color: #84bce5;
	position:relative;
	height:20px;
	padding-top:5px;
	padding-left:10px;
	margin-top:5px;
}

.dropdown_headers {
	background-color: #1503fe; font-weight: bolder; font-size: 12px; color: white; font-family: Verdana, Geneva, sans-serif;
}
.dropdown_headers_state
{
	background-color: #E07E07;
	font-weight: bolder;
	font-size: 12px;
	color: white;
	font-family: Verdana, Geneva, sans-serif;
}
.dropdown_content {
	background-color: #FFFFFF; font-weight: bold; font-size: 12px; color: #1003cb; font-family: Verdana, Geneva, sans-serif;
}

.leftpaneltext {
	padding: 0px 20px 0px 20px; font-size: 12px; color: #fff; font-family: Verdana, Geneva, sans-serif; border-bottom: #5c92dd 1px dotted;
}

.leftpaneltext h2 {
	color: #fff; font-size:1.4em;
}

/***********START TWO COLUMN LAYOUT*********/
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
/* 2 Column (left menu) settings */
.leftmenu {
	background-color:#fff;		/* right column background colour */
}
.leftmenu .colleft {
	right:82%;			/* right column width */
	background:#0050be;	/* left column background colour */
}
.leftmenu .col1 {
	width:78%;			/* right column content width */
	left:102%;			/* 100% plus left column left padding */
}
.leftmenu .col2 {
	width:18%;			/* left column content width (column width minus left and right padding) */
	left:4%;			/* (right column left and right padding) plus (left column left padding) */
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
}
#footer p {
	padding:10px;
	margin:0;
}
/* End Sabra */


