﻿/* pallette 
purple: #40063a
dark purple: #2d0729
light puple: #dbced9
very light purple:#E6DAE4;
dark grey: #3F3F3F
mid grey: #676767
light grey: #E5E5E5
*/


/*----------------------------------------------------------
CSS Reset and Default Tags Definitions
----------------------------------------------------------*/
/* Taken from http://www.w3.org/TR/CSS2/sample.html
 clears CSS settings*/

html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin:0px 0px  50px 0px}
h1              { font-size:1.4em;}
h2              { font-size:1.0em; margin: .5em 0 }
h3              { font-size:0.9em; margin: .5em 0 }
h4              { font-size:0.8em; margin:0px; padding:0px;}
p,
blockquote, ul,
form,
ol, dl, dir,
menu            {margin:0 0 1em 0 }/*margin: 1.2em 0 0 0*/
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bold }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
/*button, textarea,
input, select   { display: inline-block } Removed by PDM as displaying a empty space for 
hidden input elements in FF */
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol              { list-style-type: decimal }
ol, ul, dir,
menu, dd, ol ul, ul ol,
ul ul, ol ol    { margin: 0 0 1em 0; }
ul,ol			{ padding:0 0 0 20px}
u, ins          { text-decoration: underline }
br:before       { content: "\A"; white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }


/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

dl dt{margin-top: 1em; font-weight:bold;}
ol.num { list-style-type: decimal; padding-left: 0;}

/* Print Tweaks */
@media print {
  .printer { display:none }
}

/*----------------------------------------------------------
BM CSS 
----------------------------------------------------------*/

h1,h2,h3{
color:#40063a;
margin:0.5em 0;
}

body{
font-family:Arial; 
color:#676767;
background-color:#40063a; 
}

#header{
background-color:#ffffff;
width:100%;
}

#header .content, #footer .content{
margin: 0 auto;
width:900px;
/*border:solid 1px Red;*/
}

#footer{
margin:5px 2px; 
font-size:0.8em;
text-align:center;  
color:#dbced9;
}

#footer p{padding: 5px 0 0px 0px;}

#menu_help{
margin: 0;
padding: 0 0 5px 0px;
list-style-type: none;
text-align: center;
display:inline;
}

#menu_help li{
display:inline;
padding:3px; 
}
 
#menu_help a:link, #menu_help a:visited{
color:#E6DAE4;
text-decoration:none;
font-weight:bold;
}

#menu_help a:hover, #menu_help a:active{
font-weight:bold;	
color:#ffffff;
text-decoration:underline;
} 
 
.logo_bar{
background-color:#ffffff;
height:60px;
}
 
.logo_bar .tel{
margin:15px 0 0 70px;
}

.logo_bar .actions{
border:solid 2px #E5E5E5;
padding:3px 2px 0px;
margin:10px 0;
}

#secondary_menu
{
width:100%; 
background:url(/img/common/bg_purple_bar.gif); 
padding:0; 
z-index:100; 
color:#fff;
height:35px;
left:0; 
}



#page_top
{
width:931px;
height:14px;
margin: 1px auto 0px auto;
background: url('/img/common/top_shadow.gif') no-repeat scroll center bottom; 	
}


#page_bottom
{
width:931px;
height:14px;
margin:0px auto 0px auto;
background:url('/img/common/bottom_shadow.gif') no-repeat scroll center top; 
}

#page{
width:900px;
max-width:900px;
margin:0px auto 0px auto;
overflow:hidden;
padding:0px 14px;
/*background-color:#ffffff;  */
background:#ffffff url('/img/common/middle_shadow.gif') repeat-y scroll center bottom; 
} 

#banner{
margin:-15px 0 0 -25px;
}

#home{
/*margin:0 -35px 0 -25px;*/
text-align:justify;
}

#page_main{
width:570px; /*666*/
padding:20px 0 20px 48px; 
}

#page_left{
width:230px; /*234*/
padding:0;
color:#ffffff;
/*min-height:460px*/
} 

#page_left h2{
color:#FFFFFF;
font-size:1.4em;
font-weight:normal;
margin:10px 10px 5px;
}

h3{margin-bottom:0px;}

p,dl, li, table{
font-size:0.75em;
}

fieldset{
border-style:none; 
}

hr{
height:2px; 
border-width:0px;
background-color:#E5E5E5; 
padding:0px;
margin-bottom:5px;
}

form{
margin:0px;
padding:0px; 
}

input[type="text"], input[type="password"],input[type="checkbox"],select{
border: solid 1px #676767;  
color:#676767; 
font-size:0.9em; 
}

input[type="text"], input[type="password"],select{
width:200px;
}

input[type="checkbox"] {
border:none; 
 }
 
label{
font-weight:bold; 
}

a img{
border-style:none; 
}

a:link,a:visited{
color:#40063a;
text-decoration:none;
font-weight:normal;
}

a:hover{
text-decoration:underline;
}

.italic {font-style: italic;}

#menu_accessibility{ 
display:none;  
}

#related_jobs {
padding:5px 0px 0px 10px; 
}

#related_skill{
margin:0px;
}

#related_skill li:first-child{
padding:0 0 0 0;
margin:0 0 5px -20px;
list-style:none; 
font-weight:bold;  
font-size:0.9em;  
font-weight:bold; 
list-style:none !important; 
} 

#related_skill li:last-child,.no_page{
list-style:none !important;
list-style-type:none !important; 
list-style-image:none !important;
} 

#lnkMore{padding-left:90px;}

#lnkMore,#lnkBack{
	text-decoration:underline;
	font-weight:normal; 
	cursor:pointer;
	color:#ffffff;
	list-style:none
}

#search_box{
margin:0px;
padding:0 10px;
}

#search_box label{
font-size:0.7em; 
font-weight:normal;
}

#search_box label[htmlFor=DepartmentToViewName],#search_box label[for=DepartmentToViewName]{
display:none;
}

#search_box label[htmlFor=SkillSearchString],#search_box label[for=SkillSearchString]{
display:none;
}

#search_box #SkillSearchString, #search_box #DepartmentToViewName {
display:none;
}

#search_box input[type=text],#search_box select, #search_box .dropdown{
font-size:0.75em; 
}

#search_box input[type=text],#search_box select{
margin:0 0 5px 0px;
padding:5px;
}

#search_box .dropdown{
margin:0 0 5px;
}

#search_box input[type=text]{
width:195px;
}

#search_box select{
width:205px;
}

#search_button{
margin:0 0 0 5px;
}

#search_box_saved{
margin:5px 0px;
} 

#search_box_saved a:link, #search_box_saved a:visited{
color:#ffffff;	
text-decoration:underline!important; 
} 

#featured_recruiter_hotest_jobs{	
background-color:#FFFFFF;
color:#676767;
font-size:0.9em;
max-height:345px;
margin:5px 10px;
overflow:hidden;
text-align:center;
padding:0
}

#featured_recruiter_hotest_jobs ul{	
list-style:none;
/*margin:0 0 0 -40px;*/
margin:0;
padding:0;
}

#featured_recruiter_hotest_jobs li{	
padding: 15px 5px 5px;
background:#ffffff url('/img/common/separater.gif') no-repeat scroll center bottom; 
height:95px;
}

#featured_recruiter_hotest_jobs li:last-child{
padding: 10px 0px 5px 0px;
background:#ffffff; 
} 

#featured_recruiter_hotest_jobs a:link, #featured_recruiter_hotest_jobs a:visited{
font-weight:bold; 
} 

#sorter label,#sorter select{display:none;}/*Hidden as requires JS, shown in code if JS enabled*/

/* Drop downs */
.dropdown dd, .dropdown dt, .dropdown ul {
margin:0px; 
padding:0px;
z-index:100;
}

.dropdown{
margin:0px 0px 0px 0px;
}

.dropdown dd  
{
position:absolute;
/*position:relative;*/
color:#676767;
}

.dropdown .special{
font-weight:bold;
color:#2d0729;
font-size:1em !important;
margin:0 0px 0 2px;
}

.dropdown dt a {
background:#FFFFFF url(/img/buttons/select-down-arrow.gif) no-repeat scroll right center;
border:1px solid #676767;
color:#676767 !important;
display:block;
font-weight:normal;
padding:5px 25px 5px 5px;
width:175px;}

.dropdown dt a:hover{text-decoration:none;}

.dropdown dt a span {cursor:pointer; display:block; padding:5px;}

.dropdown dt .disabled{background:#2d0729}

.dropdown dd ul { background:#ffffff none repeat scroll 0 0; display:none;
					list-style:none; padding:0px;position:absolute; 
					left:0px; top:0px; width:auto; min-width:205px; border:solid 1px #676767;}
    
.dropdown span.value { display:none;}

.dropdown dd ul li a { padding:2px 2px 2px 10px; display:block;color:#676767 !important;
                       font-weight:normal;font-size:1.2em !important;text-decoration:none;
                       background:#FFFFFF url(/img/icons/bullet-white-bg.gif) no-repeat scroll left center;
                       }
                       
.target_TopLevelDepartmentToViewName dd ul li a, .target_DepartmentToViewName dd ul li a,.target_SkillSearchString dd ul li a  {
background:#FFFFFF url(/img/icons/bullet-white-bg.gif) no-repeat scroll left center;
}                          
                       
.dropdown dd ul li a:hover { background-color:#E6DAE4; }

/* Other Definitions */

.dark_text{
color:#2d0729;
}

.dark_background{
background-color:#2d0729;
}

.very_light_purple_background{
background-color:#E6DAE4;    
}

.light_purple_background{
background-color:#dbced9;    
}

.search_results_msg ul{
padding:5px 15px 0 30px!important;
}

.search_results_msg p, .search_results_msg ul{
color:#2d0729;	
background-color: #dbced9;
font-weight:bold;
margin:0px;
padding:5px 15px;
}

.float_right{float:right;}
.float_left{float:left;}
.clear_both{clear:both;}
br.clear_both{clear:both;font-size:1px}
.justified{text-align:justify; }
.show{display: block; }
.hide{display:none;}
.disabled {background-color:#dbced9;/*opacity: 0.7*/ }
.spanblock{	display: inline-block;}
.bold{font-weight:bold!important;}
.small_text{font-size:0.7em;}

/* Validation */

#Validation_Summary{margin: 10px 0px}

#validation_summary,.mandatory{color:Red;}
.field-validation-error{color: #ff0000;display:inline-block;margin-left:170px;/*width:200px;*/}

.input-validation-error{
border: 1px solid #ff0000 !important;
background-color: #ffeeee;
}

.validation-summary-errors{
font-size:.8em;
font-weight: bold;
color: #ff0000;
}

.validation-summary-errors li{
font-size:1em!important;
}
/* Vacancy Results */

#rss_button{
margin:15px 0px 10px 0px;
padding:0px;
}
   
h1[class=info_box_light]{
font-size:1.0em; 
margin:  0px 0px -1px 0px;
}

.vacancy_result_options{
vertical-align:top; 
margin:0;
margin-bottom:10px;
margin-top:-1px;
overflow:hidden
}

.vacancy_result_options p{margin: 0 5px}

.vacancy_result_options select{
margin:0px 15px 0px 0px; width:140px; vertical-align:middle
}

.vacancy_result_options #SearchOrder{
margin:0px 15px 0px 0px; width:90px; vertical-align:middle
}

.vacancy_result_options label{height: 100em}

.vacancy_result_options .view-all{margin:0 0 -9px;display:none }

#vacancy_result_set ul{
list-style-type:none;  
padding:0px;
margin:0px;
}

#vacancy_result_set ul li{
list-style-type:none;  
padding:0px;
margin:10px 0px 10px 0px;
}
 
.vacancy_result{
padding-bottom:30px;
border:solid 1px #B5B5B5;
float:left;
width:100%;
/*min-height:30px;*/	
margin-bottom:5px;
}

.vacancy_result_details{
padding: 0 10px 0 15px; 
margin-bottom:-15px;
float:left;
}

.vacancy_result a{
font-size:1.2em;
font-weight:bolder
}

.vacancy_result p{
font-size:1.1em;
font-weight:bold;
}

.vacancy_result .space_right{
font-size:.75em;
font-weight:bold;
text-align:right;
margin: 0 5px 0 0;
}

.vacancy_result .space_right a, #key_info .space_right{
margin: 0 10px 0 0;
}

.vacancy_result .space_right img{
margin:5px 20px 0 0;
}

.vacancy_result p{
padding:5px 0 0 0
}

p.no_top_border,h2.no_top_border{
padding-top:0px;
border-top:0px;
margin-top:-9px
}

.vacancy_result_nav{
float:right;
margin:0;
padding:5px 0 0;
width:90px;
text-align:right;
}

.vacancy_result_nav p{
display:inline;
}

.signiture_name{font-size:1.0em; font-weight:bold;margin:0px;}
.signiture_jobtitle{font-size:0.8em; font-weight:bold;margin:0px;}
.signiture_company{font-size:0.8em; font-weight:bold;margin:0px;padding-bottom:40px;}

.warning_bar{
background-color:#ba2f2f;
padding:0px;
margin:0px;
top:-5px;
left:0px;
width:100%;
text-align:center;
font-size:0.9em;
font-weight:bold;  
padding:4px; 
color:#ffffff; 
}

/* info boxes */
.warning_box{
 border:solid 1px #e76f6f;
 color:#ba2f2f;
 background-color:#ffdbdb; 
 padding:10px;
 margin-bottom:25px; 
 }
 
.warning_box a{
 color:#ba2f2f;
 text-decoration:underline;
}

.info_box_light{
background-color:#dbced9;    
padding:10px;
/*border:solid 2px #E5E5E5*/
}

.info_box_dark{
background-color:#40063a; 
color:#ffffff;
padding:10px;
}

.info_box_dark{
background-color:#2d0729; 
color:#ffffff;
padding:10px;
}

.info_box_dark a:link, .info_box_dark a:visited, .info_box_dark a:hover, .info_box_dark h3{
color:#ffffff;
}

.info_box_dark ul {
list-style-image:url(/img/icons/white-arrow.gif)!important;
}

.info_box_fade,
.vacancy_result{
clear:both;
background:#ffffff url('/img/common/bg_purple_fade.gif') repeat-x;   
padding:10px 0px; 
}

.info_box_fade p{
padding:0 10px ; 
}

.sector_heading{
background:#dbced9;
height:30px;
padding:5px 0 5px 15px;
margin:0 0 5px 0;
clear:both;
}

.sector_heading h1{margin:0;padding:0;}

.sector_heading img{padding-right:5px;padding-top:8px;}

.form li{margin:5px 0px;list-style-image:url(/img/icons/bullet-purple-bg.gif);}

.two_col_list ul, .two_col_menu ul{
float:left;
margin:0;
width:40%;
}

.two_col_list ul{
list-style-type:square;
padding:0 0 10px 40px;
}

.two_col_menu ul{
list-style-image:url(/img/icons/bullet-white-bg.gif);
padding:0 0 10px 30px;
}

.two_col_menu li{
margin:5px 0 5px 0;
}

.two_col_list li{
margin:0 0 0px 0;
}

.links h3{margin:0px 0 0px 22px;}

.links h3 a {font-weight:bold;}

.links ul {
list-style-image:url(/img/icons/bullet-white-bg.gif);
margin:0;
padding:10px 0 15px 40px;
}

.links li{
margin:5px 0px;
}

.impact{
background:#ffffff url('/img/common/purple-fade-light.jpg') repeat-x;   
}

.impact ul{
list-style-image:url(/img/icons/bullet-no-bg.gif);
width:255px;
}

.impact li{
padding:0px 0px 5px 0;
}

.impact ul li a {
color:#40063A;
font-size:1.2em;
font-weight:bold;
}

.info_boxes{margin:5px 0px;}

.info_box{
margin:0 0 12px 0;
border:2px solid #D3C3D0;	
padding:0px 25px 5px 8px;	
}

.info_box_heading
{
margin-bottom:10px;
margin-top:5px;
padding:0px 8px 10px 8px;
height:1.4em;
}

.info_box_heading span{
margin-top:4px;
color:#2d0729;
font-size:1em;
font-weight:bold;
}
  
.info_box fieldset label{	
width:200px ;
margin-top:5px;
margin-left: 20px;
display: inline-block;
line-height:1.2em;		
}

.info_box fieldset img{
float:right;
margin-right:-20px;
}

/* canform template */

form.canform fieldset{
margin-bottom: 10px;
border:none !important;
border:0px !important;
}

form.canform legend {
padding: 0 2px;
font-weight: bold;
_margin: 0 -7px; /* IE Win */
}

form.canform label {
display: inline-block;
line-height: 1.2;
vertical-align: super;
}

form.canform fieldset p {
list-style: none;
padding: 5px;
margin: 0;
text-align:  left !important;
}

form.canform fieldset dt label {
white-space:nowrap ;
}

form fieldset fieldset{
border: none;
margin: 3px 0 0;
}

form.canform fieldset fieldset legend{
padding: 0 0 5px;
font-weight: normal;
}

form.canform fieldset fieldset label {
display: block;
width: auto;
}

form.canform label 
{ width: 170px; } /* Width of labels */

form.canform fieldset fieldset label
{ margin-left: 103px; } /* Width plus 3 (html space) */

form.canform label.error, form.canform label.error {
margin-left: 153px;
width: 220px;
color:Red;
float: left;
}

form.canform  p {clear: both;}

form.canform label.error { display: none;}	

form.canform input.submit{
margin-top:5px;
margin-left: 103px;
}
 
.jobdate{
width:10%;
vertical-align:top;
}

.options{
width:10%;
text-align:right;
vertical-align:top;
}

.with100{width:100%}

table.inset-area tbody tr td input {border: none;}
 
.skillpage	{
text-decoration:underline;
color:#2d0729;
font-size:.8em;		
cursor:pointer;
}

/* for h1 images */
.h1_image{
height: 28px;
width: 275px;
margin: 0px;
overflow: hidden;
text-indent: -9999em;
}

.experts_recruiting_experts{
background: #ffffff url('/img/common/h1-experts-recruiting-experts.jpg') no-repeat -5px 0; 	
}

.spacer{
margin:8px
}

#icons
{
	padding:0;
	margin:0;
	color:#fff;
	font-family: arial, helvetica, sans-serif;
	white-space:nowrap;
	list-style-type:none;
	margin-top:10px;
	margin-right:10px
}

#icons li {
	display: inline;
	list-style-type: none;
}

#icons li a{
	background-image:url('/img/icons/icons-sprite.png');
	display:block;
	float:left;
	margin-left:10px
}

#icons li a.stumble_upon_swap{
	width: 14px; height: 14px;
	background-position: 0px 0px;
}

#icons li a.stumble_upon_swap:hover{
	background-position:-14px 0px
}

#icons li a.delicious_swap{
	width: 14px; height: 14px;
	background-position: -28px 0px;
}

#icons li a.delicious_swap:hover{
	background-position:-42px 0px
}

#icons li a.rss_swap{
	width: 14px; height: 14px;
	background-position: -56px 0px;
}

#icons li a.rss_swap:hover{
	background-position:-70px 0px
}

#icons li a.linked_in_swap{
	width: 14px; height: 14px;
	background-position: -84px 0px;
}

#icons li a.linked_in_swap:hover{
	background-position:-98px 0px
}

#icons li a.twitter_swap{
	width: 12px; height: 14px;
	background-position: -112px 0px;
}

#icons li a.twitter_swap:hover{
	background-position:-124px 0px
}

.verticalalignmiddle{
	
	
	vertical-align:middle;
}

	
.linkedin{
vertical-align:top;
padding-left:10px;
}
