﻿/*** CAREERS ***/
#careers { aposition:relative; }
#careers .maincontent {min-height:350px;}
#careers h2 {font-size:20px; font-weight:600; text-align:center; line-height:1.2em; color:#2d2d2d;}
#careers .sections {background:url(../img/careers/sections.png) no-repeat; height:307px; width:862px; margin-top:36px; padding:25px 10px 0;}
#careers .sections .col {float:left; width:270px; height:auto; float:left; position:relative;}
#careers .sections .col .title {color:#FFFFFF; font-weight:600; font-size:18px; text-align:center; padding:14px 0; display:block;}
#careers .sections .col a {color:#222222;}
#careers .sections .col a:hover {color:#22bdb6;}
#careers .sections .col .title:hover {
	color:#22BDB6;
	background:#505050
}
#careers .sections .col .title > img {
	margin-left:10px;
	color: #22BDB6;
}
#careers .sections .col .content { padding:30px; width:210px;}
#careers .sections .col.middle {width:301px;}
#careers .sections .col.middle .content {width:241px;}
#careers .sections .col .countryselector {font-size:0.9em; display:block; margin:10px 0 0; width:180px; background-color:#f8f8f8; border:1px solid #cccccc; padding:5px;}


#careers .overlay > .container .holder::-webkit-scrollbar {width:8px;}
#careers .overlay > .container .holder::-webkit-scrollbar-track {background-color:#f2f2f2;}
#careers .overlay > .container .holder::-webkit-scrollbar-thumb {background-color:#22bdb6;}
#careers .overlay .closeBtn {position:absolute; top:0; right:0; margin:  35px; cursor:pointer; width:21px; height:21px; background:url(../img/common/btn_close.jpg); -webkit-transition:all 0.15s ease-in-out; -moz-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;}

#careers .overlay {abackground-color: rgba(255, 255, 255, 0.3); position:absolute; width:100%; z-index:999;}
#careers .overlay > .container {width:880px; height:570px; padding:50px; background:#FFFFFF; position:relative; top:100px; margin:0 auto; box-shadow:0 0 10px rgba(0,0,0,0.25);}
#careers .overlay > .container .holder {height:540px; padding-right:30px; overflow:auto;}

#careers .overlay > .container h1 {font-size:20px; margin:0 0 15px;}
#careers .overlay a.bt_top {font-size:0.8em; font-weight:700; color:#22bdb6; text-transform:uppercase; display:block;}
#careers .overlay a.bt_top:hover {color:#666666;}

#careers .overlay > .life ul.quotes {margin:20px 0 0 20px;}
#careers .overlay > .life ul.quotes li {list-style:square outside; margin:0 0 20px 20px; font-weight:600; }
#careers .overlay > .life ul.quotes li a {color:#666666;}
#careers .overlay > .life ul.quotes li:hover {opacity:0.8;}
#careers .overlay > .life ul.testimonials {margin:20px 0 0;}
#careers .overlay > .life ul.testimonials li {margin:10px 0; padding:10px 0; border-bottom:1px solid #dddddd;}
#careers .overlay > .life .highlight {color:#22bdb6; margin-bottom:0; font-size:inherit;}
#careers .overlay > .life .name {width:220px; height:auto; float:left; position:relative; margin-right:20px;}
#careers .overlay > .life .content {width:520px; height:auto; float:left; position:relative;}

#careers .overlay > .whatweoffer .title h1 {color:#22bdb6; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #dddddd;}
#careers .overlay > .whatweoffer ul.content > li {float:left; width:260px; margin-right:20px;}

#careers .overlay > .opportunities ul.countries {float:left; width:150px; margin-right:20px;}
#careers .overlay > .opportunities ul.countries li {margin:5px 0; display:block; border-bottom:1px solid #eee;}
#careers .overlay > .opportunities ul.countries a {font-size:14px; color:#666666; line-height:1.5em;}
#careers .overlay > .opportunities ul.countries li.active a, #careers .overlay > .opportunities ul.countries a:hover  {color:#22bdb6;}

#careers .overlay > .opportunities a {color:#22bdb6;}
#careers .overlay > .opportunities a:hover {color:#666666;}
#careers .overlay > .opportunities ul.content {float:left; width:650px; padding-left:20px; background:url(../img/careers/bg_sideshadow.png) repeat-y left;}
#careers .overlay > .opportunities ul.content > li {border-bottom:1px solid #dddddd;}
#careers .overlay > .opportunities ul.content > li ul li {list-style:disc; margin:0; margin-left:25px;}
#careers .overlay > .opportunities ul.content td {padding:10px;}
#careers .overlay > .opportunities ul.content tr.header td {font-size:0.8em; color:#ffffff; text-transform:uppercase; background-color:#22bdb6;}
#careers .overlay > .opportunities td.position {font-weight:700; color:#22bdb6;}
#careers .overlay > .opportunities td.position, #careers .overlay > .opportunities td.location {width:35%;}
