/* Euro-Projects Recruitment Stylesheet. Copyright 2005 Euro-Projects Recruitment Ltd. Compiled by Kyodo (www.kyodo.co.uk, enquiries@kyodo.co.uk)*/
body {margin: 5px; border: 5px; font-family: Ariel, Verdana, Helvetica, sans-serif; font-size: x-small; text-align: center;}
h4 {margin-bottom: 2px;}
#top_bar { width: 770px; height: 17px; background:  url(images/top_bar_tile.gif); color: #fff; text-align: right; padding: 4px 5px 0 0; border: 1px solid #000; border-bottom: 2px solid #fff; margin: 0 auto;
voice-family: "\"}\"";
voice-family:inherit;
width: 765px}
html>body #top_bar {
  width:765px;
}
.header_bg { background:  url(images/title_back_tile.gif); height: 20px;}
.div_header { position: absolute; top: 2px; left: 2px; background:  url(images/title_tile.gif); height: 14px; width: 100%; padding: 0;}
.hot_header_bg {background:  url(images/bgtile_hotjobs.gif); height: 41px; padding: 3px 5px 0 5px; border-top: 2px solid #02264a;}
#print_header { display: none;}
#header { position: relative; width: 770px; height: 150px; background:  url(images/topbanner.jpg); border: 1px solid #000; border-width: 1px 1px 0 1px; text-align: left; margin: 0 auto;}
#header img {border: 0;}
#top_nav { position: absolute; left: 138px; top: 93px; width: 320px; height: 20px;  padding-top: 4px; color: #fff;}
#top_nav a { color: #fff; font-size: 13px; text-decoration: none; font-weight: bold; padding: 3px 7px; border: 1px solid #fff;}
#nav { position: absolute; top: 128px; left: 15px; height: 50px; padding: 2px;}
#nav ul {margin-left: 0;  padding-left: 0; display: inline;}
#nav li { margin: 0; display: inline; list-style: none;}
#nav a { background:  url(images/nav_tile.gif) top left repeat-x; text-align: center; border: 1px solid #000; margin-right: 2px; padding: 1px 5px; font-size: 10px; color: #fff; text-decoration: none;
}

#main { position: relative; width: 770px; height: 390px; padding-top: 15px; border: 1px solid #000; border-width: 0 1px 0 1px; text-align: left; margin: 0 auto; background: none;
voice-family: "\"}\"";
voice-family:inherit;
height: 340px;}
html>body #main{
height: 340px;
}
#map_main { position: relative; width: 770px; height: 440px; padding-top: 15px; border: 1px solid #000; border-width: 0 1px 0 1px; text-align: left; margin: 0 auto;
voice-family: "\"}\"";
voice-family:inherit;
height: 390px;}
html>body #map_main{
height: 390px;
}
#hot_jobs { position: absolute; top: 23px; left: 4px; width: 156px; height: 274px; border: 1px solid #02264a; border-width: 0 2px 8px 2px; background: #fff;}
#hot_jobs ul { margin-left: 1em; padding-left: 1em; padding-bottom: 1em; border-bottom: 2px solid #005fb1; width: 125px;}
#hot_jobs li { list-style: none; margin: 0; padding: 0; }
#hot_content {}
#job_search { border: 1px solid #02264a; border-width: 0 2px 8px 2px; border-top: 2px solid #0062b8; position: absolute; top: 23px; left: 531px; width: 230px; height: 137px; background: #fff;}
.job {width: 226px;}
.news {width: 226px;}
#news {border: 1px solid #02264a; border-width: 0 2px 8px 2px; border-top: 2px solid #0062b8; position: absolute; top: 184px; left: 531px; width: 230px; height: 147px; background: #fff;}
#page_content {overflow: auto; width: 330px; height: 150px; position: absolute; top: 40px; left: 180px; text-align: justify;   }
#news_header {background:  url(images/title_back_tile.gif); width: 376px; height: 22px;}
#greenbg { width: 770px; height: 327px; border: 10px solid #e1eedd; border-width: 10px 0 10px 0; background: #f3f4ee; margin: 0;
voice-family: "\"}\"";
voice-family:inherit;
height: 307px;}
html>body #greenbg {
height: 307px;}
#mapgbg { width: 770px; height: 377px; border: 10px solid #e1eedd; border-width: 10px 0 10px 0; background: #f3f4ee; margin: 0;
voice-family: "\"}\"";
voice-family:inherit;
height: 357px;}
html>body #mapgbg {
height: 357px;}
#footer { width: 770px; height: 57px; color: #000; text-align: right; font-size: x-small; border: 1px solid #000; border-width: 0 1px 1px 1px; margin: 0 auto;}
#footer p { margin-top: 0;}
#footer img {border: 0;}
.float_right {float: right; margin-left: 8px; margin-right: 5px;
}
#content { position: absolute; top: 30px; left:55px; width: 658px; height: 285px; overflow: auto; padding: 0; border: 1px solid #ccc; border-width: 1px 1px 1px 1px; background: #fff url(images/backs_default.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center; }
#content a:link {color: #034cb3; text-decoration: none; font-weight: bold;}
#content a:hover {color: #666; text-decoration: none; font-weight: bold;}
#content a:visited {color: #25680b; text-decoration: none; font-weight: bold;}
#content p {margin: 1em;}
#content h1 { margin-left: 1em;}
#content form { padding: 0 1em;}
.page_img { float: right; margin-top: -51px;}
.head_img {margin: 8px; }
.map_head_img {margin: 0; }
.top_p { font-size: 1.1em; border: 1px solid #0060ad; border-width: 1px 0; padding: 8px 2px; width: 430px;}
.top_p_sans { font-size: 1.1em; padding: 8px 2px; width: 430px;}
.no_img { width: 600px;}
.blue_divider { border-top: 1px dashed #0060ad; width: 569px; height: 10px; position: relative; left: 20px;}
#back_link a:link { color: #034cb3; background: url(images/link_back_up.gif) center left no-repeat; padding-left: 10px;}
#back_link a:hover { color: #034cb3; background: url(images/link_back_up.gif) center left no-repeat; padding-left: 10px;}
#back_link a:visited { color: #034cb3; background: url(images/link_back_up.gif) center left no-repeat; padding-left: 10px;}
.about_table { width: 540px; margin: 0 auto; margin-bottom: 1em;}
.about_table td {width: 270px;}
.capital_table { width: 75%; margin: 0 auto; margin-bottom: 1em;}
h1 {margin-top: 0; font-size: small;}
#map_content { position: absolute; top: 30px; left:25px; width: 688px; height: 320px; overflow: auto; padding: 1em; border: 1px solid #ccc; background: #fff;}
#map_text { width: 285px;}
#maps { width: 370px; height: 320px; border: 1px solid #000; position: absolute; top: 10px; margin-left: 310px;}
#zoom_buts { display: block; width: 365px; position: absolute; top: 5px; left: 5px;}
#zoom_buts img { border-width: 0;}
.right { position: absolute; top: 0; right: 5px;}
#map_print { display: none;}
#loginform { position: relative; width: 455px; margin: 20px auto;}
#loginform div { display: inline;}
#loginform input {}
#form_left { position: relative; top: 10px; left: 0; width: 285px;}
#form_left input { position: absolute; right: 0;}
#form_right { position: absolute; top: 92px; left: 310px; width: 285px;}
#form_right input { position: absolute; right: 0;}
#send_form_left { position: relative; top: 10px; left: 0; width: 400px;}
#send_form_left input { position: absolute; right: 0;}
#send_form_right { position: relative; top: 13px; left: 10px; width: 466px;}
#send_form_right input { position: absolute; right: 0;}
#send_form_buttons { padding-left: 10px;}
#form_reg_right { position: absolute; top: 126px; left: 300px; width: 310px;}
#form_reg_right input { position: absolute; right: 0;}
#reg_buttons { position: absolute; left: 260px; top: 293px;}
#reg_message { position: absolute; top: 20px; left: 250px; font-size: medium; font-weight: bold; color: #f00;}
#cv_textbox {position: absolute; top: 200px; width: 585px;}
#vac_search { width: 500px; position: relative; margin: 0 auto;}
#vac_search select { width: 312px; position: absolute; right: 0;}
#vac_search input { position: absolute; right: 0;}
#keywords {width: 308px; position: absolute; right: 0;}
#callback {width: 350px; position: relative;}
#callback input { position: absolute; right: 0; width: 182px;}
#callback textarea { position: absolute; right: 0;}
#call_buttons { position: absolute; top: 150px; right: 0;}
#call_buttons input{ width: 90px; position: relative;}
#callback_buttons { position: absolute; top: 285px; left: 530px;}
#callback_buttons input{ width: 90px; position: relative;}
#contact_table { margin-left: 11px;}
#contact_table td { padding: 3px; }
#contact_left { width: 222px; position: relative; margin-left: 15px;}
#contact_left input { position: absolute; right: 0;}
#contact_right { position: absolute; left: 270px; top: 147px; width: 338px;}
#contact_right textarea { position: absolute; right: 0;}
#contact_buttons { position: absolute; left: 25px; top: 258px;}
#case_studies li {margin-bottom: 4px;}
.print_link { border: 0;}
.marg_right {margin-right: 50px;}
.img_caption { width: 260px; border: solid 1px #666; text-align: center; }
.cap_right { float: right; margin: 5px; }
.cap_left { float: left; margin: 5px;}