/* 960 */
@import url(reset.css);
@import url(text.css);
@import url(960_24_col.css);

/* GLOBAL */
body {font:12px/1.33em Arial;color:#363636;background:#FFF;}
a:link,a:visited {outline: medium none;color:#000;
transition: color 0.5s, background-color 0.5s, border-color 0.5s;
-moz-transition: color 0.5s, background-color 0.5s, border-color 0.5s;
-webkit-transition: color 0.5s, background-color 0.5s, border-color 0.5s;
-o-transition: color 0.5s, background-color 0.5s, border-color 0.5s;
}
a:hover,a:active {color:#666;}
.left {float:left !important;}
.right {float:right !important;}
.clear {clear:both !important;}
.textright {text-align:right !important;}
.textleft {text-align:left !important;}
.textcenter {text-align:center !important;}
a.button,
.button {font-weight:bold;padding:7px 10px 5px;text-decoration:none;font-size:13px;background:url(images/button-shade.png) repeat-x left center #9FC732;color:#FFF;
border-radius:3px;-webkit-border-radius:3px;border-width:0;border-bottom:2px solid #86A72A;cursor:pointer;}
a.button:hover,.button:hover {background-color:#B7D565;border-color:#9FC732}

/* HEADER */
#header {position:relative;border-top:10px solid #3e3e3e;background:url(images/bg-header.jpg) no-repeat center top #7E2555;}
#header .container_24 {padding-bottom:35px;}
#header .nopad {padding-bottom:0;}
#logo {float:left;margin:20px 0 0;}
#logo a {display:block;width:364px;height:113px;background:url(images/logo.png) no-repeat;text-indent:-9999px;}
#header .shadow {position:absolute;bottom:0;left:0;width:100%;height:13px;background:url(images/bg-header-shadow.png) repeat-x 0 0;}
#header .userlinks {float:right;list-style-type:none;height:21px;margin-bottom:32px;}
#header .userlinks li {height:21px;width:143px;background:url(images/bg-userlinks.png) no-repeat;padding:0;margin:0 0 0 11px;float:left;text-align:center;}
#header .userlinks li a {color:#FFF;text-decoration:none;}
#header .userlinks li a:hover {text-decoration:underline;}
#header .contacts {clear:right;float:right;margin-bottom:30px;}
#header .contacts h2 {float:left;text-align:right;margin:0;color:#FFF;font-weight:bold;font-size:24px;}
#header .contacts h2 a {display:block;margin-top:5px;font-size:12px;font-weight:bold;color:#a6ce39;text-decoration:none;}
#header .contacts h2 a:hover {color:#FFF;}
#header .contacts .socials {float:left;list-style-type:none;margin:0 0 0 13px;}
#header .contacts .socials li {display:block;float:left;margin:0 0 0 7px;}
#header .contacts .socials li a {display:block;background:url(images/header-social-icons.png) no-repeat;height:33px;text-indent:-9999px;}
#header .contacts .socials li a.twitter {width:34px;background-position:0 0;}
#header .contacts .socials li a.twitter:hover {background-position:0 -33px;}
#header .contacts .socials li a.facebook {width:34px;background-position:-34px 0;}
#header .contacts .socials li a.facebook:hover {background-position:-34px -33px;}
#header .contacts .socials li a.linkedin {width:33px;background-position:-68px 0;}
#header .contacts .socials li a.linkedin:hover {background-position:-68px -33px;}
#nav {float:right;clear:right;list-style-type:none;margin:0;}
#nav li {float:left;background:url(images/nav-dot.png) no-repeat left center;margin:0;padding:0 12px 0 17px;}
#nav li.first {padding-left:0;background:none;}
#nav li.last {padding-right:0}
#nav li a {color:#FFF;text-decoration:none;font-size:14px;}
#nav li a:hover {text-decoration:underline}
#promos {height:321px;clear:both;background:url(images/shapes.png) no-repeat 63px 10px;}
#promos .lt {font-size:100px;color:#97b730;font-weight:bold;float:left;margin:60px 0 0 385px;}
#promos h1 {color:#FFF;margin:40px 0 35px;float:right;font-size:44px;font-weight:bold;line-height:1.2em;}
#promos .cta {clear:right;float:right;margin:0;list-style-type:none;}
#promos .cta li {margin:0 0 10px;}
#promos .cta li a {display:block;line-height:42px;height:42px;width:239px;background:url(images/cta-btn.png) no-repeat;text-align:center;text-decoration:none;font-size:16px;color:#3e3e3e;}
#promos .cta li a:hover {color:#a61c67;}

/* SEARCH BAR */
#searchbar {height:77px;background:url(images/bg-search.png) repeat-x 0 0;color:#FFF;}
#searchbar h2.title {font-size:36px;font-weight:bold;line-height:1em;margin:0;padding:17px 0 0;}
#searchbar .inputs {height:43px;list-style-type:none;margin:0;padding:15px 0 0;float:left;}
#searchbar .inputs li {height:43px;width:183px;background:url(images/bg-search-input.png) no-repeat;float:left;margin:0 20px 0 0;position:relative;}
#searchbar .txt {border:0 none;font-size:14px;color:#4b4b4b;background:none;position:absolute;top:12px;left:16px;width:150px;}
#searchbar .slb {border:0 none;font-size:14px;color:#4b4b4b;background:none;position:absolute;top:12px;left:16px;width:150px;}
#searchbar .btn {float:right;background:none;border:0 none;font:bold 36px Arial;color:#FFF;width:100px;margin:13px 0 0;cursor:pointer;line-height:1em;}
#searchbar .btn:hover {color:#a61c67}

/* MAIN CONTENT */
#main {padding-top:22px;padding-bottom:22px;}
h1.title {font-size:24px;margin-bottom:26px;color:#4b4b4b;line-height:1em;}
#content h4.excerpt {font-size:16px;color:#a61c67;font-weight:normal;line-height:20px;}
.format {font-size:13px;line-height:17px;}
.format p {margin-bottom:1.2em;}

#content .hero {display:block;margin-bottom:20px;}
#content .cta {color:#97b730;font-size:20px;line-height:24px;background:url(images/cta-top.png) no-repeat left top #f2f2f2;width:450px;margin-bottom:.9em;}
#content .cta .inner {background:url(images/cta-btm.png) no-repeat left bottom;padding:10px 15px;}

.pagination {margin-bottom:20px;}
.pagination .page_numbers {padding:4px 7px;margin:0 3px;background:#F0E7ED;text-decoration:none;border-radius:3px;-webkit-border-radius:3px;}
.pagination a.page_numbers:hover {color:#FFF;background:#A61C67;}
.pagination .current_page {color:#FFF;background:#A61C67;font-weight:bold;}

.vacancies .item {margin:0 0 20px;}
.vacancies .item h3 {font-size:18px;background:#A61C67;color:#FFF;padding:13px;margin:0;border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;}
.vacancies .item h3 a {text-decoration:none;color:#FFF;}
.vacancies .item h3 a:hover {color:#FFF/*A6CE39*/;}
.vacancies .item h3 a.right {margin-top:-6px;margin-left:10px;}
.vacancies .item h3 input {margin:0 5px 0 0;padding:0;}
.vacancies .item .intro {border:3px solid #A61C67;background:#FFF;padding:15px;font-size:13px;border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;}
.vacancies .item .excerpt {float:left;width:69%;}
.vacancies .item .meta {list-style-type:none;margin:0;float:right;width:27%;}
.vacancies .item .meta li {margin:0;padding:4px 0 4px 22px;}
.vacancies .item .meta li.region {background:url(images/icon-location.png) no-repeat 0 3px;}
.vacancies .item .meta li.salary {background:url(images/icon-pound.png) no-repeat 0 3px;}
.vacancies .item .meta li.date {background:url(images/icon-calendar.png) no-repeat 0 3px;}

.vacancy .details {font-size:13px;margin-bottom:20px;background:#F3FBDC;
border-radius:5px;-webkit-border-radius:5px;}
.vacancy .details ul {list-style-type:none;margin:0;padding:10px 15px;}
.vacancy .details ul li {padding:5px 0;margin:0;}
.vacancy .details ul li label {float:left;width:20%;font-weight:bold;}
.vacancy .details ul li .desc {float:right;width:78%;}
.vacancy .contactbox {font-size:13px;margin-bottom:20px;background:#F0E7ED;
border-radius:5px;-webkit-border-radius:5px;padding:20px 15px;}
.vacancy .contactbox h3 {margin:0 0 10px;font-size:1.3em;}
.vacancy .contactbox ul {margin:0;list-style-type:none;}
.vacancy .contactbox li {padding:4px 0 4px 24px;margin:0;}
.vacancy .contactbox li.comp {background:url(images/icon-company.png) no-repeat left center;font-weight:bold;}
.vacancy .contactbox li.tel {background:url(images/icon-phone.png) no-repeat left center;}
.vacancy .contactbox li.fax {background:url(images/icon-fax.png) no-repeat left center;}
.vacancy .contactbox li.manager {background:url(images/icon-manager.png) no-repeat left center;}
.vacancy .contactbox li.email {background:url(images/icon-email.png) no-repeat left center;}
.jobitem {border-top:1px solid #000;padding-top:30px;padding-bottom:10px;}
.jobitem.first {border-top:0 none;padding-top:0;}

.buttons-bar {padding:6px 0;margin-bottom:20px;}

.joblist {border-collapse:collapse;width:100%;}
.joblist thead {}
.joblist thead th {padding:10px 5px;background:#A61C67;color:#FFF;font-weight:bold;font-size:14px;}
.joblist tbody td {padding:10px 5px;border-bottom:1px solid #A61C67;vertical-align:top;}
.joblist tbody td a {text-decoration:none;}
.joblist tbody td .button {padding:5px 10px;font-size:12px;}
.joblist tbody td .removewishlist {background-color:#CE3789;border-color:#A61C67}
.joblist tbody td a.title {font-weight:bold;color:#A61C67;}
.joblist tbody td a.title:hover {text-decoration:underline;}

/* FORMS */
ul.form {list-style-type:none;margin:0;padding:0;padding:25px 15px 15px;background:#F0E7ED;border-radius:5px;-webkit-border-radius:5px;margin-bottom:20px;}
ul.form li {padding:0;margin:0 0 15px;}
ul.form label {color:#A61C67;cursor:pointer;}
ul.form label span {color:#900;}
ul.form .txt {border:1px solid #D0AAC4;background:#FFF;font:13px Arial;padding:5px;width:90%;}
ul.form .chk {margin:0 5px 0 0;vertical-align:middle;}
ul.form .radio {margin:0 5px 0 0;vertical-align:middle;}
ul.form .inputs label {color:#000;}
ul.form .button {border:0 none;font:bold 13px Arial;border-bottom:2px solid #a61c67;background-color:#ce3789;cursor:pointer;}
ul.form .button:hover {background-color:#e84ba0;}
ul.form .button[disabled="disabled"] {background-color:#AAA;border-color:#999;cursor:wait;}
ul.form .note {font-style:italic;}

.errormsg {color:#F00;padding:5px 0 0;}
.errorbox {list-style-type:none;background:#FFD2D3;border:1px solid #DF8F90;color:#000;padding:10px 20px;margin-bottom:20px;}
.warnbox {list-style-type:none;background:#FEFCCB;border:1px solid #E5DB55;color:#000;padding:10px 20px;margin-bottom:20px;}
.successbox {list-style-type:none;background:#D4FFCD;border:1px solid #9ADF8F;color:#000;padding:10px 20px;margin-bottom:20px;}
.infobox {list-style-type:none;background:#DBECFF;border:1px solid #9FC7F5;color:#000;padding:10px 20px;margin-bottom:20px;}
.errorbox li,
.warnbox li,
.successbox li,
.infobox li {margin:0;}

#usermenu {width:220px;background:#F3FBDC;list-style-type:none;margin:0 0 15px;padding:10px 0;
border-radius:5px;-webkit-border-radius:5px;}
#usermenu li {padding:0;margin:0;border-bottom:1px solid #FFF;}
#usermenu li.first {border-top:1px solid #FFF;}
#usermenu li a {font-size:1.4em;display:block;padding:15px;text-decoration:none;font-weight:bold;color:#363636}
#usermenu li.cur a,
#usermenu li a:hover {background:#A6CE39;color:#FFF;}

.acform fieldset {border:1px solid #A61C67;margin-bottom:20px;}
.acform fieldset legend {font-weight:bold;margin-left:20px;padding:0 10px;color:#A61C67;font-size:14px;}
.acform ul.form {background:none;padding:20px 20px 10px;margin:0}
.acform ul.form label {float:left;width:15%;text-align:right;padding-top:4px;color:#333;}
.acform ul.form .inputs {float:right;width:83%;}
.acform ul.form .txt {border-color:#666;}
#fileuploader {margin-bottom:5px;}
#processbar {display:none;height:30px;background:#A6CE39;border:1px solid #A6CE39;overflow:hidden;position:relative;}
#processbar .bar {height:30px;background:#A6CE39;width:0px;}
#processbar .percent {line-height:30px;text-align:center;font-weight:bold;font-size:13px;color:#FFF;position:absolute;top:0;left:0;width:100%;}
#removecv {margin-left:10px;}
#currentcv {padding-top:4px;}
#changepwform ul.form label {width:25%;}
#changepwform ul.form .inputs {width:73%;}

#applyform #first_name,
#applyform #last_name {width:44%;}
#applyform #fileuploader,
#applyform #processbar {width:92%;}
#applyform #uploadedfile {padding:5px 0;}
#applyform .cvoptions {padding:5px 0 0;}
#applyform .cvoptions label {margin-right:25px;}

#savesearchform {width:300px;}
#savesearchform ul {list-style-type:none;margin:0;padding:0;}
#savesearchform ul li {padding:0;margin:0 0 5px;}
#savesearchform ul li label {display:block;}
#savesearchform h3 {margin-bottom:.7em;}
#savesearchform p {margin-bottom:1em;}
#savesearchform .txt {border:1px solid #666;padding:5px;width:288px;}
#savesearchform .chk {vertical-align:middle;}
#savesearchform .button {font:bold 13px Arial;border:0 none;border-bottom:2px solid #86A72A;cursor:pointer}

.searchs {list-style-type:none;margin:0;padding:0;}
.searchs li {margin:0 0 20px;padding:0;border:1px solid #666;}
.searchs li h5 {padding:10px;margin:0;border-bottom:1px solid #666;color:#FFF;background:#666;}
.searchs li h5 label {font-size:.7em;cursor:pointer;}
.searchs li h5 label input {vertical-align:middle;}
.searchs li .detail {padding:10px;}
.searchs li .btns {float:right;text-align:right;margin-left:10px;}
.searchs li .button {font-size:11px;display:block;width:100%;}
.searchs li .delbtn {border-color:#a61c67;background-color:#ce3789;margin-top:5px;}
.searchs li .slb {border:1px solid #999;margin-bottom:5px;padding:1px;}

#members {border-top:1px solid #EEE;padding-top:15px;}
#members .member {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #EEE;}
#members .member .thumb {max-width:100%;}
#members .member h4 {margin:0;font-size:14px;}
#members .member .desc {margin:10px 0 0;}
#members .member .tel {margin:10px 0 0;background:url(images/icon-phone.png) no-repeat left 1px;padding-left:22px;}
#members .member .email {margin:10px 0 0;background:url(images/icon-email.png) no-repeat left 1px;padding-left:22px;}

#vacancyform,
#cvform {margin-bottom:30px;}
#vacancyform ul,
#cvform ul {list-style-type:none;margin:0;padding:0;}
#vacancyform ul li,
#cvform ul li {margin:0 0 10px;padding:0;}
#vacancyform ul li label,
#cvform ul li label {width:100px;padding-top:5px;text-align:right;font-weight:bold;color:#A61C67}
#vacancyform ul li .input {width:830px}
#cvform ul li .input {width:600px;}
#vacancyform ul li .txt,
#cvform ul li .txt {border:1px solid #999;padding:5px;vertical-align:middle;width:300px;font-family:Arial;font-size:1em;}
#vacancyform ul li textarea.txt {width:500px;}
#vacancyform ul li img,
#cvform ul li img {vertical-align:middle}
#vacancyform ul li .note,
#cvform ul li .note {margin-top:5px;}
#vacancyform ul li #job_secure_code,
#cvform ul li #cv_secure_code {width:100px}

/* SIDEBARS */
.sidebar .widget {margin-bottom:20px;}
#sidebar-left {width:220px;}
#sidebar-right {width:220px;float:right;}

.sidebar .widget .top {background:url(images/widget-top.png) no-repeat left top;}
.sidebar .widget .btm {background:url(images/widget-btm.png) no-repeat left bottom;padding:20px;}
.sidebar .widget h3.heading {font-size:24px;font-weight:normal;margin-bottom:25px;}

.sidebar .sectors {background:#f0e7ed;}
.sidebar .sectors h3.heading {color:#a61c67;}
.sidebar .sectors ul {margin:0;list-style-type:none;}
.sidebar .sectors li {margin:0 0 5px;background:url(images/bullet-arrow.png) no-repeat left 4px;padding-left:10px;}
.sidebar .sectors li a {text-decoration:none;color:#363636;}
.sidebar .sectors li a:hover {text-decoration:underline;}

.sidebar .latest_vacancy {background:#f3fbdc;}
.sidebar .latest_vacancy h3.heading {color:#a6ce39;}
.sidebar .latest_vacancy ul {margin:0;list-style-type:none;}
.sidebar .latest_vacancy li {margin:0 0 15px;}
.sidebar .latest_vacancy li.last {margin:0;}
.sidebar .latest_vacancy li a {text-transform:uppercase;text-decoration:none;font-weight:bold;color:#363636;}
.sidebar .latest_vacancy li a:hover {color:#a61c67}
.sidebar .latest_vacancy li .salary {color:#97b730}
#latest_vacancies {height:33em;overflow:hidden;}

.sidebar .vacancy_search {background:#f0e7ed;}
.sidebar .vacancy_search h3.heading {color:#a61c67;}
.sidebar .vacancy_search ul {list-style-type:none;}
.sidebar .vacancy_search li {margin:0 0 15px;}
.sidebar .vacancy_search label {cursor:pointer;display:block;margin-bottom:3px;color:#a61c67}
.sidebar .vacancy_search .ckboxs {max-height:155px;overflow-y:scroll;background:#FFF;border:1px solid #D0AAC4;padding:2px;}
.sidebar .vacancy_search .ckboxs li {margin-bottom:0;}
.sidebar .vacancy_search .ckboxs label {color:#111;font-size:13px;}
.sidebar .vacancy_search .ckboxs input {vertical-align:middle;}
.sidebar .vacancy_search .txt {background:#FFF;border:1px solid #D0AAC4;width:168px;padding:5px;font:13px Arial;color:#111;}
.sidebar .vacancy_search .slb {background:#FFF;border:1px solid #D0AAC4;width:180px;padding:2px;color:#111;font:13px Arial;}
.sidebar .vacancy_search .button {border:0 none;font:bold 13px Arial;border-bottom:2px solid #a61c67;background-color:#ce3789;cursor:pointer;}
.sidebar .vacancy_search .button:hover {background-color:#e84ba0;}

/* FOOTER */
#footer {background:#3e3e3e;color:#FFF;padding:25px 0 20px;}
#footer .grid_6 h3.heading {font-size:14px;line-height:1em;font-weight:normal;text-transform:uppercase;background:url(images/dot-14.png) no-repeat;padding:0 0 0 20px;margin:0 0 14px;}
#footer .grid_6 ul {list-style-type:none;padding:0;margin:0;}
#footer .grid_6 ul li {display:block;margin:0 0 0;}
#footer .wysiwyg p {font-size:12px;line-height:1.3em;margin-bottom:1em;}
#footer .wysiwyg a {color:#FFF;text-decoration:none;}
#footer .wysiwyg a:hover {text-decoration:underline;}
#footer .socials ul {padding-left:20px;}
#footer .socials ul li {display:inline;}
#footer .socials ul li a {display:block;float:left;margin-right:9px;height:38px;background:url(images/social-icons.png) no-repeat;text-indent:-9999px;}
#footer .socials ul li a.twitter {background-position:0 0;width:38px;}
#footer .socials ul li a.twitter:hover {background-position:0 -38px;}
#footer .socials ul li a.facebook {background-position:-38px 0;width:39px;}
#footer .socials ul li a.facebook:hover {background-position:-38px -38px;}
#footer .socials ul li a.linkedin {background-position:-77px 0;width:39px;}
#footer .socials ul li a.linkedin:hover {background-position:-77px -38px;}
#footer .socials ul li.last a {margin-right:0;}
#footer .latest_tweet a {color:#FFF;}
#footer .latest_tweet ul {width:85%;}
#footer .latest_tweet ul li {margin-bottom:10px;}
#footer .latest_tweet p {margin-bottom:10px;font-size:12px;}
#footer .latest_tweet .meta {font-size:9px;}
#footer .latest_tweet .meta a {text-decoration:none;}
#footer .latest_tweet .meta a:hover {color:#999;}
#footer .latest_news ul {width:85%;}
#footer .latest_news .time {margin-bottom:5px;}
#footer .latest_news p {margin-bottom:10px;}
#footer .latest_news a {color:#FFF;}

.kariba { width: 100%; margin: 10px auto; padding-top: 20px; text-align: center; }
.kariba p { font: 11px/15px Arial, Helvetica, sans-serif; color: #fff;}
.kariba a { color: #fff; }