@charset "utf-8";
/* CSS Document */
BODY { margin:0 auto; border:0; padding:0; background:#ccd7dd url(images/back_element.gif) no-repeat top; font:normal 10px Arial, Helvetica, sans-serif; color:#748287}
BODY#longpage { margin:0 auto; border:0; padding:0; background:#ccd7dd url(images/back_element_lrg.gif) no-repeat top; font:normal 10px Arial, Helvetica, sans-serif; color:#748287}
DIV {margin:0; border:0; padding:0;}
IMG { border:0;} 
P {font:normal 1.2em Arial, Helvetica, sans-serif; margin:0; padding:0.5em 0;}
H1 {font:Arial, Helvetica, sans-serif; margin:0; padding:0.5em 0; color:#FFF}
H1.head_clients { float:left; background-color:#96bf0d; font-weight:normal; font-size:21px; height:105px; width:215px; margin:0; padding:80px 0 0 15px;}
H1.head_link { float:left; background-color:#002c59; font-weight:normal; font-size:21px; height:105px; width:215px; margin:0; padding:80px 0 0 15px;}
H1.head_candidates { float:left; background-color:#5eadbe; font-weight:normal; font-size:21px; height:105px; width:215px; margin:0; padding:80px 0 0 15px;}
H1.head_tlc { float:left; background-color:#002c59; font-weight:normal; font-size:21px; height:105px; width:215px; margin:0; padding:80px 0 0 15px;}

H2 {font:normal 1.5em Arial, Helvetica, sans-serif; margin:0; padding:0.5em 0;}
H2.home {font:bold 1.4em Arial, Helvetica, sans-serif; margin:0; padding:0.5em 0;}
.green { color:#96bf0d!IMPORTANT}
.dblue { color:#002c59!IMPORTANT}
.blue { color:#5eadbe!IMPORTANT}
A {color:#748287; text-decoration:none}
A:hover { color:#ccc;}
A IMG { border:0;}
FORM { display:inline;}

/* main css */
#container { width: 900px; height:100%; margin:0 auto; border:0; padding:0;}
#top_content { position:relative; width: 900px; height:194px;}
#login { text-align:center; border-left:1px solid #e1e9ec; border-right:1px solid #e1e9ec; position:absolute; top:34px; left:802px; width:60px; height:11px; font-size:1.1em; line-height:1em;}
#login A { display:block; margin:0; padding:0;}
#logo {position:absolute; top:51px; left:40px; width:163px; height:89px;}
#logotlc {position:absolute; top:60px; left:806px; width:56px; height:57px;}
#logolink {position:absolute; top:40px; left:790px; width:83px; height:44px;}
#nav {position:absolute; top:170px; left:45px; width:840px; height:20px;}
#nav A { display:block; width:auto; margin:0; border-left:1px solid #e1e9ec; border-right:1px solid #e1e9ec; padding:0 10px 0 10px; float:left; font-size:1.2em}
#nav A.clients { color:#96bf0d;}
#nav A.clients:hover { color:#cc;}
#nav A.candidates { color:#5eadbe;}
#nav A.candidates:hover { color:#ccc;}

#nav_bot {float:right; width:606px; height:29px; background:url(images/home_bot_links_frame.gif) top left no-repeat; padding:11px;}
#candidates_wwfl {float:left; width:290px; height:29px; background:url(images/candidates_who_works_for_link.gif) top left no-repeat; margin-bottom:18px; margin-left:68px; padding:11px;}
.bio_link {width:290px; height:29px; padding:2px 0 1px 18px; margin-top:8px}
#nav_bot A, #candidates_wwfl A, .bio_link A { display:block; width:auto; margin:0 12px 0 0; float:left; font-size:1.2em}

#nav_bot A, A.vid { background:url(images/play.gif) top left no-repeat; padding-top:6px; padding-bottom:7px; padding-left:30px;}
#nav_bot A:hover, A.vid:hover { background:url(images/play_roll.gif) top left no-repeat;}


#main_content { min-height:546px; height: auto; padding:0 20px;}

/* col1 */
#col1 {width:253px; float:left;}

/* left bar corners code */
#lb { width:17px; height:371px; margin-right: 3px; float:left; }
#lb_ct { width:17px; height:11px; background: url(images/lb_ct.gif) no-repeat top left;}
#lb_tile { clear:both; width:17px; height:349px; background: url(images/lb_tile.gif) repeat-y;}
#lb_cb { clear:both; width:17px; height:11px; background: url(images/lb_cb.gif) no-repeat top left;}

#clb { width:17px; height:185px; margin-right: 3px; float:left; }
#clb_ct { width:17px; height:11px; background: url(images/clb_ct.gif) no-repeat top left;}
#clb_tile { clear:both; width:17px; height:163px; background: url(images/clb_tile.gif) repeat-y;}
#clb_cb { clear:both; width:17px; height:11px; background: url(images/clb_cb.gif) no-repeat top left;}

#llb { width:17px; height:185px; margin-right: 3px; float:left; }
#llb_ct { width:17px; height:11px; background: url(images/llb_ct.gif) no-repeat top left;}
#llb_tile { clear:both; width:17px; height:163px; background: url(images/llb_tile.gif) repeat-y;}
#llb_cb { clear:both; width:17px; height:11px; background: url(images/llb_cb.gif) no-repeat top left;}

#calb { width:17px; height:185px; margin-right: 3px; float:left; }
#calb_ct { width:17px; height:11px; background: url(images/calb_ct.gif) no-repeat top left;}
#calb_tile { clear:both; width:17px; height:163px; background: url(images/calb_tile.gif) repeat-y;}
#calb_cb { clear:both; width:17px; height:11px; background: url(images/calb_cb.gif) no-repeat top left;}


/* other col1 code */
#pageheading { float:left; margin-bottom:25px; height:185px;}
#subnav, #subnav_clients, #subnav_candidates, #subnav_intro, #subnav_tlc { clear:both; margin:0 0 0 20px;width:230px;}
.bgreen { border-top:6px solid #96bf0c; }
.bdblue { border-top:6px solid #002c59; }
.bblue { border-top:6px solid #5eadbe; }
.bgreenback { background-color:#96bf0c!IMPORTANT; }
.bdblueback { background-color:#002c59!IMPORTANT; }
.bblueback { background-color:#5eadbe!IMPORTANT; }
#subnav A, #subnav_clients A, #subnav_candidates A, #subnav_intro A, #homebro A { display:block; margin:0; padding:12px 12px 4px 12px; height:26px; width:206px; font-size:1.5em; color:#fff; background-color:#9dafb9; border-top:2px solid #fff;}
#subnav_clients A:hover {background-color:#96bf0c;}
#subnav_candidates A:hover {background-color:#5eadbe;}
#subnav_intro A:hover {background-color:#002c59;}
#subnav_bot { width:230px; height:12px; background: url(images/subnav_bot_tlc.gif) no-repeat top left;}
#subnav_bot_clients { width:230px; height:12px; background: url(images/subnav_bot_clients.gif) no-repeat top left;}
#subnav_bot_candidates { width:230px; height:12px; background: url(images/subnav_bot_candidates.gif) no-repeat top left;}
#subnav_tlc A { display:block; margin:0; padding:12px 12px 4px 12px; height:26px; width:206px; font-size:1.5em; color:#fff; background-color:#002c59; border-top:2px solid #fff;}
#subnav_tlc A.tlc_cand {background-color:#5eadbe;}
#subnav_tlc A.mentor_forum {padding:12px 12px 0 12px;}
#subnav_bot_tlc { width:230px; height:12px; background: url(images/subnav_bot_tlc.gif) no-repeat top left;}
A.indent {padding:8px 12px 16px 20px!IMPORTANT; width:198px!IMPORTANT; background-color:#b6c4cb!IMPORTANT;}
#subnav_intro A.indent:hover {background-color:#002c59!IMPORTANT;}
#subnav_clients A.indent:hover {background-color:#96bf0c!IMPORTANT;}
#subnav_candidates A.indent:hover {background-color:#5eadbe!IMPORTANT;}

A.singlelinelink {height:10px!IMPORTANT;}

#homebro { float:left; margin-left:20px; margin-bottom:12px;}
#homebro DIV { height:10px;}
#brodltop {width:230px; height:10px; background: url(images/bd_top.gif) no-repeat top left; margin-top:10px;}
#brodl {width:206px; background-color:#9dafb9;}
#brodl A {width:190px; border-top:0; padding-top:7px; padding-bottom:0; padding-left:28px; background:#9dafb9 url(images/pdf_icon.gif) left center no-repeat;}
#brodl A:hover {background-color:#9dafb9;}
#brodl_home {width:173px; height:30px!IMPORTANT; background-color:#9dafb9;}
#brodl_home A {width:133px; border-top:0; padding-top:7px; padding-bottom:0; padding-left:28px; background:#9dafb9 url(images/pdf_icon.gif) left center no-repeat;}
#brodl_home A:hover {background-color:#9dafb9;}
#brodlbot {width:230px; height:10px; background: url(images/bd_bot.gif) no-repeat bottom left; margin-bottom:34px;}

/* left links */
#llinks { float:left; width:230px; height:371px; margin-right:3px;}

/* col2 */
#col2 { width:607px; float:left;}

/* dynamic area */
#dynamic_area { float:left; width:607px; height:371px; position:relative;}
#linkarea, #clientsarea, #candidatesarea { position:absolute; top:0; left:0; width:607px; height:371px; z-index:2; } 
#linkarea {visibility: show; overflow: hidden; background: url(images/back_img_link2.jpg) no-repeat top left;}
#clientsarea {visibility: hidden; overflow: hidden; background: url(images/back_img_clients.jpg) no-repeat top left;}
#candidatesarea {visibility: hidden; overflow: hidden; background: url(images/back_img_candidates.jpg) no-repeat top left;}
.dyncontpositext {width:275px; margin:20px 20px 20px 28px; color:#fff; }
.dyncontpositext P {font-size:1.8em; line-height:1.2em;}
.dyncontpositextlink {width:225px;}
.dyncontpositextlink P {font-size:1.8em; line-height:1.2em;}

#clientsareapageleft { width:607px; visibility: show; overflow: hidden;}
#clientsareapageleft P A {color:#002c59; font-weight:bold;}
#clientsareapageleft P A:hover {color:#9dafb9c;}

#currentposition { float:left; border-top: solid 33px #fff; width:9px;}
.cp_pos { width:9px; height:42px; border-bottom:2px solid #fff;}
.cp_pos_smll { width:9px; height:34px; border-bottom:2px solid #fff;}
.cp_pos_big { width:9px; height:50px; border-bottom:2px solid #fff;}
.show { background-image:url(images/page_arrow_dblue.gif);}
.show_smll { background-image:url(images/page_arrow_dblue_smll.gif);}
.show_clients {background-image:url(images/page_arrow_green.gif);}
.show_clients_smll {background-image:url(images/page_arrow_green_smll.gif);}
.show_clients_lrg {background-image:url(images/page_arrow_green_lrg.gif);}
.show_candidates {background-image:url(images/page_arrow_lblue.gif);}
.show_candidates_smll {background-image:url(images/page_arrow_lblue_smll.gif);}
.show_candidates_lrg {background-image:url(images/page_arrow_lblue_lrg.gif);}

#textarea, #textarea_tlc { float:left; width:463px; padding:25px 96px 0 39px;}
#textarea_tlc P { border-bottom:1px solid #dae1e3;}
#textarea_map { float:left; width:543px; padding:25px 3px 0 18px;}
#textarea_map H2 { padding-left:20px;}

/* bb (bottom bit) */
#bb { clear:both; width:860px; height:151px; border-top:12px solid #fff;}
#bb_side { float:left; width:17px; height:151px; background: url(images/bb_side.gif) no-repeat top left;}
#bb_mid { float:left; width:630px; height:151px; background: url(images/bb_mid_tile.gif) repeat-x top left;}
#bb_mid P, #bb_mid H2, #bb_mid A { color:#FFF}
#bb_mid A { text-decoration:underline;}
#newsarea { width:192px; height:119px; margin-top:12px; padding:2px 10px 0 12px; float:left; background: url(images/newsarea_home.gif) top left no-repeat; }
#newsarea P { padding-top:0;}
#mapblock { float:left; margin-left:10px; margin-top:9px; }
#vacanciesarea { float:left; width:145px; margin-left:9px; margin-top:12px; float:left;}
#oilprice { background: url(images/vacancies_home_oilprice.gif) top left no-repeat; width:130px; height:49px; padding:8px 10px 0 10px; margin-top:15px;}
#oilprice P {margin:0; padding:0; text-align:left;}
#oilprice TABLE {width:136px; height:12px; line-height:12px; margin:0; border:0; /*margin-top:-2px; margin-left:-4px;*/ border-collapse:collapse;border-spacing:0; padding:0;}
#oilprice TABLE TD, #oilprice TABLE TBODY, #oilprice TABLE TBODY TR, #oilprice TABLE TD FONT {margin:0; border-collapse:collapse; border-spacing:0; border:0; padding:0; color:#fff; font-size:11px;}
#bb_end { float:left; width:213px; height: 151px;}

/* footer */
#footer_content {margin:6px 0 0 20px; border-top:1px solid #edefef; padding:6px 0 0 0; clear:both;}
#footer_content A {display:block; width:auto; margin:0; border-left:1px solid #e1e9ec; border-right:1px solid #e1e9ec; padding:0 6px; float:left; }
#footer_content DIV { float:left}
#copyright { margin-right:16px;}
#footerlinks { width:200px;}
#queens { float:right!IMPORTANT;}

/* TLC extras */
#linklogofooter { clear:both; float:left; padding:0 0 8px 20px;}
#linklogofooter2 { float:right; padding:0 0 8px 338px;}
#main_content_tlc { min-height:610px; height: auto; padding:0 20px;}

#tlclogintop {width:173px; height:10px; background: url(images/tlc_login_top.gif) no-repeat top left; margin-top:10px;}
#tlclogin {width:162px; background-color:#5eadbe; color:#fff; padding-left:11px; font-size:1.1em;}
#tlclogin P A { font-size:11px!IMPORTANT; background-color:#5eadbe!IMPORTANT; margin:0!IMPORTANT; border:0!IMPORTANT; padding:0!IMPORTANT; width:auto!IMPORTANT;}
#tlclogin INPUT, #tlclogin P { margin:0; border:0; padding:0;}
#tlcloginbot {width:173px; height:10px; background: url(images/tlc_login_bot.gif) no-repeat bottom left;}

/* additional */
.quote { font: bold 17px/20px Arial, Helvetica, sans-serif; color:#002c59; padding: 15px 60px; width: 350px; font-style:italic;}
.profile {width:506px; height:140px; margin-bottom:18px;}
.profile_clients {width:506px; height:154px; margin-bottom:18px; border-bottom:2px solid #96bf0c;}
.profile_leftcol {float:left;width:200px; height:136px; border-bottom:2px solid #5eadbe;}
.profile_leftcol_clients {float:left;width:200px; height:154px;}
.profile_rightcol {float:left; width:306px;height:136px; border-bottom:2px solid #5eadbe;}
.profile_rightcol_clients {float:left; width:306px; height:154px;}
.profile_rightcol_top {width:286px; height:75px; color:#fff; background-color:#9dafb9; padding:2px 0 0 20px;}
.profile_rightcol_top_clients {width:296px; height:45px; color:#fff; background-color:#9dafb9; padding:2px 0 0 10px;}
.profile_rightcol_bot {width:306px; height:53px; color:#5eadbe; border-top:1px solid #fff; background-color:#fff; padding:0 0px 5px 0;}
.profile_rightcol_bot P { font-style:italic;}
#clients_bro { background:url(images/brochure_clients.jpg) top left no-repeat; padding:85px 0 97px 185px; margin-bottom:10px;}
#candidates_bro {background:url(images/brochure_candidates.jpg) top left no-repeat; padding:85px 0 97px 185px;}

/* bullhorn css */
#EXT {/*margin:16px 23px 43px 23px;*/margin:16px 14px 43px 14px; font:12px Arial, Helvetica, sans-serif!IMPORTANT;}
#EXT STRONG { font-weight:bold; margin-right:5px; color:#5eadbe;}
#EXT TABLE { border-collapse:collapse; margin-bottom:18px;}
#EXT TD { border-collapse:collapse; border-bottom:1px solid #e1e9ec; padding:0 28px 0 0;}
#EXT A.link_btn {/*display:block;*/ background:url(images/a_link.gif) top left no-repeat; /*min-height:30px;*/ margin-top:6px; padding:8px 0 8px 30px; font-size:12px}
#EXT A.link_btn:hover { background:url(images/a_link_h.gif) top left no-repeat;}
#EXT A.jobdetail_btn, #EXT A.apply_btn {display:block; background:url(images/a_link.gif) top left no-repeat; width:46px; min-height:30px; margin-top:6px; padding-bottom:4px; padding-left:30px; font-size:12px}
#EXT DIV#vac_home A.jobdetail_btn { width:70px; float:left;}
#EXT A.jobdetail_btn:hover, #EXT A.apply_btn:hover { background:url(images/a_link_h.gif) top left no-repeat; padding-left:30px;}
#EXT A.emailrecruiter_btn { display:block; min-height:30px; background:url(images/email.gif) top left no-repeat; margin-top:6px; padding-bottom:4px; padding-left:30px; font-size:12px}
#EXT A.emailrecruiter_btn:hover { background:url(images/email_roll.gif) top left no-repeat; padding-left:30px;}
#EXT A.apply_btnlarge {display:block; background:url(images/a_link_lrg.gif) top left no-repeat; width:46px; min-height:46px; margin-top:6px; padding:8px 0 4px 46px; font-size:12px; font-weight:bold;}
#EXT A.apply_btnlarge:hover { background:url(images/a_link_lrg_h.gif) top left no-repeat;}
#EXT SELECT#vac_men, #EXT SELECT#vac_men OPTION, SELECT OPTION { font-size:12px; color:#748287!IMPORTANT; background-color:#d3e0e3!IMPORTANT;}
INPUT { background-image:url(images/forms/input_back.gif)!IMPORTANT;}
#EXT FORM INPUT { margin:10px 0 0 10px;}
#EXT #tabs { margin-bottom:10px;}
#EXT #tabs-2, #CV P, #CV P.normal, #CV P.normal SPAN, #EXT LABEL {font:12px Arial, Helvetica, sans-serif!IMPORTANT;}
#EXT #apply LABEL {width:120px; padding-top:8px;}
#EXT #upload LABEL {width:90px;}
#EXT #apply SELECT { float:left; margin:10px 0 0 10px;}
#EXT #apply SMALL { clear:both;}
#skill_list ,#languages_list, #desiredlocations_list{padding-left:25px;}
#apply TD { font:normal 12px Arial, Helvetica, sans-serif;}
#EXT A.add_btn { background:url(images/a_blank.gif) no-repeat; color:#555; padding:3px 10px 4px 7px; /* display:block;float:left;*/ font-size:14px; font-weight:bold; width:22px; height:22px; line-height:22px;}
#EXT A.delete_btn { background:url(images/a_blank.gif) no-repeat; color:#555; padding:3px 10px 4px 7px; /* display:block; float:left;*/  font-size:14px; font-weight:bold; width:22px; height:22px;line-height:22px;}
.jScrollPaneContainer { height:550px;}
.addremovepd, .addremove { float:left; margin:0;}
.addremove { margin-top:10px; height:22px;}
/*.upload_btn { background:url(images/forms/but_upload.gif) top left no-repeat; width:59px; height:22px;}
.submit_btn  { background:url(images/forms/but_register.gif) top left no-repeat; width:70px; height:22px; }
.login_btn {  background:url(images/forms/but_submit.gif) top left no-repeat;}*/
.login_bar { height:28px!IMPORTANT; line-height:28px; margin-top:10px;}
.clear { clear:both;}

#EXT form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

#EXT form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

#EXT form input, #EXT form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

#EXT form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

#EXT textarea { overflow: auto; }

#EXT form small {
	//display: block;
	margin: 0 0 5px 10px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 77%;
}

#EXT form .required{font-weight:bold;} /* uses class instead of div, more efficient */

#EXT form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
/*#EXT.button ,#EXT#fileToUpload{
  color:#002c59;
  font: bold Arial, Helvetica, sans-serif;
  background:url(images/forms/but_browse.gif) no-repeat;

}*/


.warn{color:#ff2222}