@charset "utf-8";
/* CSS Document */

*
{
	margin: 0px;
	padding: 0px;
}

body
{
    background: #333333 url(../../../../images/system/background.jpg) repeat-x;
	margin-top:30px;
	color: #81848E;
	font: 0.70em Arial, Helvetica, sans-serif;
}

h2, h4
{
	font: bold 1.25em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: white;	
	margin: 0px 0px 16px 0px;
}


#under_banner_blue h2 
{
	margin-bottom: 0px;
}

.clr_tiny
{
	clear: both;	
	height: 0px;
	line-height: 0px;
	overflow: hidden;
}

img
{
	border: 0px;
	margin-top: 0px;
}

a
{
	color: #ffffff;
	text-decoration: none;
}

a:hover, a:focus
{
	color: #8EA623;
}

#shell
{
	width: 930px;
	margin: 0 auto;
	background-color: #010101;
}

h3 { font-size: 0.9em; color:white; }

#top_white
{
	background: url(../../../../images/system/top_white.jpg);
	width: 930px;
	height: 47px;
}

#top_gradient_blue
{
	background: url(../../../../images/system/top_gradient_blue.jpg);
	height: 43px;
	width: 930px;
	padding-top: -0px;
}

.homepage #banner,.our_offering #banner, .our_practice_areas #banner, .thought_leadership #banner,.about_us #banner,.contact_us #banner
{
	width: 930px;
	height: 150px;
}

.homepage #banner
{
	width: 930px;
	height: 294px;
}



/* positions for menu pointer, the white triangle thingy */

.homepage #menu_pointer
{
	margin-left: 16px;
}



.our_offering #menu_pointer
{
	margin-left: 97px;
}


.our_practice_areas #menu_pointer
{
	margin-left: 205px;
}

.candidate_portal #menu_pointer
{
	margin-left: 777px;
}


.employer_portal #menu_pointer
{
	margin-left: 856px;
}


.thought_leadership #menu_pointer
{
	margin-left: 333px;
}


.about_us #menu_pointer
{
	margin-left: 434px;
}


.contact_us #menu_pointer
{
	margin-left: 515px;
}





/************************************************************/


#under_banner_blue
{
	background: url(../../../../images/system/under_banner_blue.jpg);
	width: 930px;
	height: 29px;
	padding: 13px 0 0 0px;
}


#under_banner_blue img
{
	margin-left: 14px; 
}




#footer
{
	background: transparent url(../../../../images/system/footer.jpg);
	width: 930px;
	height: 45px;
	clear: both;
	text-transform: uppercase;
	font-size: 0.78em;
	color: #6C6F77;
	position: relative;
	margin: 0 auto;
}

#footer a
{	
	color: #6C6F77;
}

#footer a:hover,#footer a:focus
{
	color: #8EA623;
}

#footer_copyrights
{
	float: left;
	margin: 18px 0 0 22px;
}

#footer_menu
{
	float: right;
	margin: 18px 22px 0;
}




#right
{
	float: right;
	width: 159px;
	display:inline;
}

.homepage #right
{
	width: 262px;
}




.homepage #left
{
	float: left;	
	width: 262px;
	padding: 0px;
}

.homepage #left_menu_wrapper
{
	padding: 22px 0 0 22px;

}

#left
{
	float: left;	
	width: 162px;
	padding-bottom: 30px;
}

#left ul
{
	padding: 10px 0pt 0pt 0px;
	width: 100%;
}
#left ul ul
{
	padding: 10px 0pt 1px 12px;
}

#left ul li.left_menu_selected ul
{
	margin-top: 5px;
	width: auto;
}

* html #left ul ul
{
	width: 94px;
}

.homepage #left ul
{
	padding: 0px;
	width: auto;
}

.homepage #middle
{
	padding: 22px 262px 0px 262px;
		
}

#middle
{
	padding: 10px 159px 0pt 164px;
}


.homepage #middle_buttons
{
	width: 405px;
	height: 47px;
	vertical-align: middle;
	position: absolute;
	left: 262px;
	top: -47px;
}


.middle_buttons_left
{
	background: url(../../../../images/system/middle_buttons.jpg) repeat-x 0 2px;
	height: 31px;
	width: 202px;
	text-align: center;
	vertical-align: middle;
	float: left;
	padding-top: 16px;
}

.middle_buttons_right
{
	background: url(../../../../images/system/middle_buttons.jpg) repeat-x 0 2px;
	height: 31px;
	width: 202px;
	text-align: center;
	vertical-align: middle;
	float: right;
	padding-top: 16px;
}


#middle_wrapper
{
	background: transparent url(../../../../images/system/middle_background.jpg) repeat-x top;
}

.homepage #middle_wrapper
{
	background: transparent url(../../../../images/system/middle_background.jpg) repeat-x 0 426px;
}



li
{
	background: transparent url(../../../../images/system/green_arrow.gif) no-repeat 18px 5px;
	padding: 2pt 20px 0pt 32px;
	list-style-type: none;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
	font-size: 0.78em;
	line-height: 1.62em;
	margin-bottom: 7px;
}

li li
{
	background: none;
	padding: 0;
	color: #999;
	font-size: 1em;
	list-style-type:square;
}

li.left_menu_selected li
{
	margin-left: 22px;
	padding: 0 5px 0 0;
}

* html li.left_menu_selected li
{
	margin-bottom: 0px;
}

li.left_menu_selected a
{
	padding-left: 0px;
	margin-left: 22px;
}

li.left_menu_selected li a
{
	padding-left: 0px;
	margin-left: 0px;
}
	
li li a
{
	background: none;
	padding: 0;
	color: #fff;
	font-size: 1em;
}

a.green_arrow_link
{
	background: transparent url(../../../../images/system/green_arrow.gif) no-repeat 0 1px;
	padding-left: 11px;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
	font-size: 0.75em;
	line-height: 2.42em;
}


a.pdf_link
{
	background: transparent url(../../../../images/system/pdf.gif) no-repeat 0 1px;
	padding-left: 11px;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
	font-size: 0.75em;
	line-height: 2.42em;
}

.user_details a.pdf_link
{
	background: transparent url(../../../../images/system/pdf.gif) no-repeat 0 1px;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
	font-size: 0.75em;
	line-height: 2.42em;
	padding: 1px 0pt 3px 22px;
	margin-top: 5px;
	display: block;
}


a.green_arrow_link:hover,a.pdf_link:hover
{
	color: #8EA623;
}

#middle_buttons a.green_arrow_link
{
	margin-top: 15px;
	color:#FFFFFF;
	font-size:0.9em;
}

#right a.green_arrow_link
{
	display: block;
	margin: 00px 0 2px 0px;
	background-position: 0px 6px;
}

#right a.pdf_link
{
	display: block;
	padding: 6px 0px 6px 22px;;
	background-position: 0px 6px;
	width:104px;
	margin-left: 0px;
}

#right img
{
	float: left;
	margin: 0 10px 5px 0px;
}


.right_heading
{
	height: 37px;
	background: url(../../../../images/system/right_heading_background.jpg) no-repeat;
	text-transform: uppercase;
	vertical-align: middle;
	color: #ffffff;
}

.right_heading h3
{
	font-size: 0.75em;
}




.homepage .right_heading
{
	height: 37px;
	background: url(../../../../images/system/home_right_heading_background.jpg) no-repeat;
	
	text-transform: uppercase;
	vertical-align: middle;
	color: #ffffff;
}


.homepage #middle_border h2
{
	margin-left: 2px;
	width: 300px;
}

h4
{
	color: #ffffff;
	font-size: 1em;
	font-weight: normal;
}

/* aaa
#right p
{
	margin-bottom: 10px;
}

#middle p
{
	margin-bottom: 1em;
}*/

#top_gradient_blue li
{
	list-style: none; 
	float: left;
	margin-top: 6px;	
	margin-right: 19px;
	background: none;
	padding: 0px;
}

#top_gradient_blue ul
{
	list-style: none; 
	padding: 2px 0;	
	background: none;
}

#select_for_jobs
{
	font-size: 0.78em;
	color: #2B3C7D;
	text-transform: uppercase;
	float: right;
	margin: 12px;
	font-weight: bold;
}

#select_for_jobs select
{
	font-size: 1em;
	color: #2B3C7D;
	text-transform: uppercase;
	margin: 2px 10px 0 12px;
}

form
{
	color: #fff;
	font-size: 1em;
}

form p
{
	margin: 0.9em 0 0;
}

input
{
	font-size: 1em;
	width: 80%;
}

.homepage #middle_border
{
	/*border-right: 1px #333333 solid;
	border-left: 1px #333333 solid;*/
	padding: 0px 22px 41px;
	zoom: 1;
}



.box
{
	width: 202px;
	float: left;
}

/* for f... IE6 bug adding 3 pixels if float is next to it we need to adjust width of boxes */


* html .box
{
	width: 199px;
}


.box_inside
{
	padding: 22px;
}

.boxes
{
	border-top: 1px solid #333333;
	margin: 0pt 0px 0pt 0px;
	padding-bottom: 10px;
	background: transparent url(../../../../images/system/boxes_background.gif);
	
	width: auto;
	
}


#middle_wrapper2
{
	background:url(../../../../images/system/three_lines.gif) repeat-y 32px top;
}

#middle_wrapper2_centered
{
	background:url(../../../../images/system/three_lines_centered.gif) repeat-y 32px top;
}

#middle_wrapper2_two_lines
{
	background:url(../../../../images/system/two_lines.gif) repeat-y 32px top;
}

#middle_wrapper2_homepage_lines
{
	background: url(../../../../images/system/homepage_lines.gif) repeat-y left top;
}

.mainTextWrapper {
	padding: 0px 16px 20px 20px;
}


* html .mainTextWrapper {
	width: 546px;
}

* html .two_boxes .mainTextWrapper
{
	width: auto;
}
* html .two_boxes .mainTextWrapper img { display:block}

#menu
{
	position: relative;
	left: 12px;
}

.invisible
{
	display: none;
	height: 0px;
}

.print_only
{
	display: none;
}

* html #menu ul
{
	margin-left: 12px;
}
	
a.menu_home
{
	display: block;
	background: url(../../../../images/system/menu.jpg);
	width: 46px;
	height: 14px;
}

a.menu_home:hover
{
	display: block;
	background: url(../../../../images/system/menu_ro.jpg);
	width: 46px;
	height: 14px;
}

a.menu_our_offering
{
	display: block;
	background: url(../../../../images/system/menu.jpg) -59px;
	width: 77px;
	height: 14px;
}

a.menu_our_offering:hover
{
	display: block;
	background: url(../../../../images/system/menu_ro.jpg) -59px;
	width: 77px;
	height: 14px;
}

a.menu_practice_areas
{
	display: block;
	background: url(../../../../images/system/menu.jpg) -154px;
	width: 106px;
	height: 14px;
}

a.menu_practice_areas:hover
{
	display: block;
	background: url(../../../../images/system/menu_ro.jpg) -154px;
	width: 106px;
	height: 14px;
}

a.menu_thought_leadership
{
	display: block;
	background: url(../../../../images/system/menu.jpg) -276px;
	width: 108px;
	height: 14px;
}

a.menu_thought_leadership:hover
{
	display: block;
	background: url(../../../../images/system/menu_ro.jpg) -276px;
	width: 108px;
	height: 14px;
}

a.menu_about_us
{
	display: block;
	background: url(../../../../images/system/menu.jpg) -401px;
	width: 55px;
	height: 14px;
}

a.menu_about_us:hover
{
	display: block;
	background: url(../../../../images/system/menu_ro.jpg) -401px;
	width: 55px;
	height: 14px;
}

a.menu_contact_us
{
	display: block;
	background: url(../../../../images/system/menu.jpg) -472px;
	width: 67px;
	height: 14px;
}

a.menu_contact_us:hover
{
	display: block;
	background: url(../../../../images/system/menu_ro.jpg) -472px;
	width: 67px;
	height: 14px;
}

ul.menu_portal
{
	float: right;
}




a.menu_candidate_portal
{
	display: block;
	background: url(../../../../images/system/menu_portal.jpg);
	width: 80px;
	height: 14px;
}

a.menu_candidate_portal:hover
{
	display: block;
	background: url(../../../../images/system/menu_portal_ro.jpg);
	width: 80px;
	height: 14px;
}

a.menu_employer_portal
{
	display: block;
	background: url(../../../../images/system/menu_portal.jpg) 80px;
	width: 80px;
	height: 14px;
}

a.menu_employer_portal:hover
{
	display: block;
	background: url(../../../../images/system/menu_portal_ro.jpg) 80px;
	width: 80px;
	height: 14px;
}





.path
{
	text-transform: uppercase;
	font-size: 0.75em;
	padding: 13px 22px 12px;
	border-bottom: 1px solid #333333;
	margin-bottom: 22px;
	zoom: 1;
}

.two_boxes
{
	border-top: 1px solid #333333;
	height: 100%;
	padding: 22px 0;
}
/*
#box_left
{
	float: left;
}


#box_right
{
	float: right;
	padding-right: 30px;
}
*/
#box_left_wide
{
	float: left;
	width: 53%;
}



#box_even_left
{
	width: 46%;
	float: left;
	
}
#box_even_right
{
	width: 42%;
	float: right;
	padding: 0 20px;
}

#box_right_narrow
{
	float: right;
	padding-right: 20px;
	width: 36%;
}



.right_side_background
{
	background: #000000 url(../../../../images/system/right_side_background.jpg) repeat-x;	
	padding: 15px;
}

.homepage .right_side_background
{
	border-left: 1px solid #333;
}



/* aaa
.homepage #left img
{
	margin-top: 30px;
}
*/

.left_menu_selected
{
	background: url(../../../../images/system/left_menu_background.jpg) no-repeat;
	padding: 3px 0 0pt 10px;
}


#left li.left_menu_selected a
{
	display: block;
}

#top_gradient_blue #menu_portal a
{
	float: right;
	display: inline;
	padding: 0px;
	margin:4px 0px;
}


#fema
{
	position: absolute;
	top: -102px;
	left: 0px;
	padding-top: 11px;
	border-right: 1px solid #333333;
}


/* this tricks below are needed for IE6 as it's implementation of "clear" property is buggy and line in the middle of the box will not be joined to the bottom if content on the right side is longer than content in main part */

/* ie6 
* html #middle_bar_dummy_sales
{
	background:transparent url(../../../../images/system/two_even_boxes_bckg.gif) repeat-y 10px;
	height:1000px;
	left: -315px;
	position:absolute;
	width:709px;
}

* html #middle_bar_dummy
{
	background:transparent url(../../../../images/system/two_uneven_boxes.gif)   top;
	height:1000px;
	left: 434px;
	position:absolute;
	width:709px;
	
}

/* ie7 *:first-child+html #middled_bar_dummy
{
	background:transparent url(../../../../images/system/two_uneven_boxes.gif)   top;
	height:1000px;
	left: 437px;
	position:absolute;
	width:709px;
	
}*/



/************************************************************************************************/


#box_right_narrow select
{
	width: 100%;
	font-size: 0.9em;
}

/* for two boxes at the bottom with line NOT in the middle 

.middle_line_fix
{
	height: 50%;
	padding: 22px 0;
	background: transparent url(../../../../images/system/background_lines.gif) 500px;
	width: 500px;
	position: absolute;
}


/* for two boxes at the bottom with line in the middle (sales page) 

.middle_line_fix_sales
{
	height: 50%;
	padding: 22px 0;
	background: transparent url(../../../../images/system/background_lines.gif) 463px;
	width: 500px;
	position: absolute;
}
*/



/* practice areas */

#top_background
{
	background: #000 url(../../../../images/system/top_background.jpg) repeat-x;
	padding-bottom: 20px;
	zoom: 1;
}

#middle_wrapper3
{
	padding: 0px 160px 0pt 163px;
}

p
{
	margin-bottom: 1em;
}

.boxes_wrapper, .jobs_listing_wrapper
{
	height: auto;
	overflow: hidden; 
	position: relative;
}

* html .boxes_wrapper
{
	position: relative;
	height: 1%;
	left: -1px;
}

.form_buttons input
{
	margin: 0 0 10px;
	width: 200px;
	padding: 0 3px;
}
.form_buttons
{
	margin: 20px 0;}


.checkboxes input
{
	width: auto;
}

.checkboxes
{
	margin: 15px 0;
}


.privacy_policy
{
	background: transparent url(../../../../images/system/green_arrow.gif) no-repeat 0 5px;
	padding: 3pt 20px 0pt 11px;
	list-style-type: none;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
	line-height: 1.62em;
	margin-bottom: 7px;
	font-size: 0.75em;
}

.retrieve_password input
{
	width: 50%;
}


.retrieve_password input.postcode
{
	width: 100px;
}



.job_listing_checkbox
{
	margin: 0px 3px 0 0;
	width: 20px;
	float: left;
}

.job_listing_title 
{
	margin: 0 135px 0 23px;
}

* html .job_listing_title
{
	padding-top: 4px;
}

.job_listing_details
{
	margin: 10px 22px;
	color: #81848E;
}

/* because checkboxes are rendered slightly different in IE6/7 we need to hack margin */

* html .job_listing_title, *:first-child+html .job_listing_title { padding-top: 3px;  }
*:first-child .job_listing_details ul { margin-left: 16px;}
* html .job_listing_details ul { margin-left: 16px;}
* html .job_listing_details { margin-left: 25px;}

.job_listing_details ul
{

	margin: 3px 14px;
}

.job_details ul
{
	margin: 0 0 20px 14px;
}

.job_listing_details li, .job_details li
{
	background: none;
	list-style-type: square;
	padding: 0px;
	text-transform: capitalize;
	color: #81848E;
	font-size: 1em;
	font-weight: normal;
	margin: 3px 0;
}

.job_listing
{
	margin-bottom: 30px;
}

.job_listing .date
{
	float: right;
	width: 120px;
	text-align: right;
}

* html .job_listing .date
{
	padding-top: 4px;
}

.pages
{
	float: right;
	margin-bottom: 15px;
}

.pages a, .pages .current_page
{
	margin-left: 3px;
}

.similar_positions a
{
	display: block;
	padding-top: 3px;
}

* html .inactive
{
 	margin-bottom: 10px;
}

#menu_portal
{
	margin-right: 20px;
}

.mainTextWrapper li
{
                color: #81848E;
                text-transform: none;
}
 
.mainTextWrapper ol li
{
                list-style-type: decimal; 
                background: none;
                padding: 0px;
                margin-left: 35px;
 
}
 
.right_side_background ol li
{
                margin-left: 0px;
}

.right_side_background ul li
{
                padding-left: 15px;
                background: transparent url(../images/green_arrow.gif) no-repeat 0px 5px;
                padding-right: 0px;
}