/**********************************************************/
/****                  Common classes                  ****/
/**********************************************************/
*{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

body {
	margin: 8px 0px 0px 8px;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}


h1 {
	color: #5A595A;
	font-size: 16px;
	font-weight: bold;
}

h2 {
	color: #5A595A;
	font-size: 14px;
	font-weight: bold;
}

h3 {
	color: #5A595A;
	font-size: 12px;
	font-weight: bold;
}

h4 {
	color: #5A595A;
	font-size: 10px;
}

h5 {
	color: #5A595A;
	font-size: 10px;
}

h6 {
	color: #5A595A;
	font-size: 10px;
}

b  {
	font-weight: bold;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #5A595A;
}

a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #808080;
}

a:active {
	text-decoration: none;
	font-weight: bold;
	color: #9CCE00;
}

a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #9CCE00;
}

/**********************************************************/
/****                  Table list                      ****/
/**********************************************************/

table.list {
	background-color: #ffffff;
	empty-cells: show;
}

th.list {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #818F83;
}

td.list-item-light {
	font-size: 10px;
	text-decoration: none;
	color: #999999;
}

td.list-item-dark {
	font-size: 10px;
	text-decoration: none;
	color: #999999;
	background-color: #EFEFEF;
}

a.list-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

a:active.list-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

a:visited.list-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

a:hover.list-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff;
}

a.list {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #999999;
}

a:active.list {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #999999;
}

a:visited.list {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #999999;
}

a:hover.list {
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #999999;
}

.clear{
	clear:both;
}

/**********************************************************/
/****                   Button                         ****/
/**********************************************************/

.button {
	background-color: #fff;
	color: #4c4c4c;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #4c4c4c;
}

:hover.button {
	background-color: #4c4c4c;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #000;
}

.button2 {
	color: #999999;
	font-size: 9px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	border: 1px solid #5f6a4a;
	padding: 2px;
}

/**********************************************************/
/****                Application form                  ****/
/**********************************************************/

#application_form tr { }
#application_form .appmain td {
	vertical-align:top;
	padding:5px;
}

.asterix {
	color:#FF0000;
	font-weight:bold;
}

.obligatory {
	color:#fff;
}

table.login-header {
	background-color: #fff;
	border-bottom: 1px solid #fff;
	color:#000;
}

td.login-header-text {
	color: #4c4c4c;
	font-size:18px;
	font-weight:bold;
}

.rightimg {
	vertical-align:middle;
}


table.login-headline{
	border-color: #8E8E8E;
}

td.login-headline {
	background-color: #4c4c4c;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;color:#fff;
}

/*----------- Form Margins ----------*/ 

table.margins {
	margin: 2% 0% 0% 2%;
}

/*----------- Form Border -----------*/

table.appframe {
	border:1px solid #A9A9A9;
}

/*-------------- Header -------------*/

table.apphead {
	border-bottom: 1px solid #8E8E8E;
	background-color: #CECECE;
}

td.apphead {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	color: #FBFBFB;
}

/*--------------- Menu --------------*/

table.appmenu {}

td.selected-tab {
	background-color: #4c4c4c;
	color: #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}

td.selected-tab-left {
	background-color: #4c4c4c;
	color: #fff;
	border-left: 0px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}

td.selected-tab-right {
	background-color: #4c4c4c;
	color: #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}

.appmenu td.unselected-tab {
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	background-color: #A9A9A9;
}

.appmenu td a.unselected-tab-text {
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	display:block;
	padding:5px 5px 5px 5px;
}

.appmenu td a:hover.unselected-tab-text {
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	background-color: #A9A9A9;
}

/*--------------- Form --------------*/

table.appmain {
	background:#fff;
	color:#000;
}

a.textlink {
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	color: #6E6E6E;
}

a:visited.textlink {
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	color: #6E6E6E;
}

a:active.textlink {
	font-weight: bold;
	text-decoration: underline;
	font-size: 11px;
	color: #6E6E6E;
}

a:hover.textlink {
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	color: #9E9E9E;
}

h2.category, h3.category, h4.category {
	color: #000;
}

.login-footer-text {
	color: #fff;
}

table.multi {
	border-collapse: collapse;
	border: 1px solid #4c4c4c;
}

th.multi {
	background-color: #4c4c4c;
	color: #FFF;
	font-weight: bold;
}

td.multi-list-item-light {
	background-color: #FAFAFA;
	color: #000;
	font-size: 11px;
	text-decoration: none;
}

td.multi-list-item-dark {
	background-color: #efefef;
	color: #000;
	font-size: 11px;
	text-decoration: none;
}

/*-------------- Footer -------------*/

table.appfoot {
	background-color: #A9A9A9;
	border-top: 1px solid #fff;
	color:#fff;
}

table.appfoot td {
	color:#fff;
}

.addbutton {
	background-color: #4c4c4c;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #000;
}

:hover.addbutton {
	background-color: #fff;
	color: #4c4c4c;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #4c4c4c;
}

.navbutton {
	background-color: #4c4c4c;
	color: #fff;
	font-size:12px;
	padding:2px;
	font-weight: bold;
	border: 1px solid #fff;
}

:hover.navbutton {
	background-color: #fff;
	color: #4c4c4c;
	font-size:12px;
	padding:2px;
	font-weight: bold;
	border: 1px solid #4c4c4c;
}

/*-------------- DHTML Tooltip -------------*/
#dhtmltooltip{
	position: absolute;
	border: 1px solid #496595;
	padding: 5px;
	background-color: #FFFFFF;
	visibility: hidden;
	z-index: 100;
}

.td-left {
	text-align:left;
}

.td-right {
	text-align:right;
}

.td-top {
	vertical-align:top;
}

.td-middle {
	vertical-align:middle;
}

table.common1 {
	padding:0px;
	border-spacing:0px;
	border-collapse:collapse;
}

table.common3 {
	padding:0px;
	border-spacing:0px;
	border:0px;
}

/*Cookie - Law*/
#cookieCompliance-info {width: 100%;}
#cookieCompliance-info * {font-family:Trebuchet MS, Arial,Helvetica,sans-serif;font-size:12px;line-height:1.2em;}
#cookieCompliance-info th {color:#A50050;font-weight: bold;text-align:left;}
#cookieCompliance-info h1 {color:#A50050;font-size:1.6em;margin: 0;padding: 0;}
#cookieCompliance-info h2 {color:#A50050; font-size:1.4em; margin:10px 0 0; padding: 0;}
#cookieCompliance-info table {border-collapse: collapse;border-left:1px solid #CCCCCC;border-top: 1px solid #CCCCCC;width:100%;}
#cookieCompliance-info th, #cookieCompliance-info td {border-bottom:1px solid #CCCCCC;border-right: 1px solid #CCCCCC;padding:8px;}
#cookieCompliance-info p, #cookieCompliance-info td {color:#000000;}

/* thickbox - ie6 hack */
* html #ecoverlay {position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
* html #cookie-content  {z-index: 101; position:absolute; }

/* Display info for AddThis Cookie */
a#atci {display: block; font-size: 10px; font-weight: normal; margin-top: 8px; }


/* 
    JIRA EC-513 CV upload 

    Dilan's trick to avoid form-within-a-form irregularity
    
    Bill Parker
    19th August 2015    
*/

#boom_tick_cv {
/*
// $('#boom_tick_cv').css('margin-left','-1000000px');
            // $('#boom_tick_cv').css('position','absolute');
*/    
    
    display: none;
}

#clone_tk_cv_parsing {
    cursor: pointer;
}

/* Jira EC-510 - Save Application
   ========================================================================== */

/**
 * Developer: Dilan Vaghela;
 * Date: 13 August 2015;
**/

/*********** Login ***********/
.atbs-login-username-head, .atbs-login-password-head {
    font-weight: bold;
}

.atbs-login-enter-captcha-code {
    font-weight: bold;
    margin-bottom: 25px;
    margin-top: 25px;
}

.why-captha-required {
    font-size: 12px;
}

.atbs-login-main-head {
     margin-bottom: 10px;
}
/*********** Recover ***********/

.atbs-recover-user-msg-head {
    margin-top: 10px;

}

.atbs-recover-email-msg-head, .atbs-recover-username-head {
    font-weight: bold;
}

.atbs-recover-button-navigation {
    margin-top: 10px;
}


/*********** Register ***********/

.atbs-register-pre-new-user { /* main div */
    margin-top:10px;
}
.atbs-register-pre-newuser-head,
.atbs-accepted_privacy_statement-input,
.atbs-register-newuser-head {

    margin-bottom:10px;
}

.atbs-register-username-head,
.atbs-register-password-first-head,
.atbs-register-repeat-password,
.atbs-register-captcha-text {
    font-weight: bold;
}

.atbs-register-password-first-head,
.atbs-register-captcha-text
 {
    margin-top: 10px;
    display: block;
}


/*********** Generic Headers ***********/

.atbs-register-pre-newuser-head, 
.atbs-recover-user-msg-head,
.atbs-register-privacy-policy-head,
.atbs-login-main-head,
.atbs-register-newuser-head
 {
    font-size: 11px;
    line-height: 22px;
    background: #4c4c4c none repeat scroll 0 0;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #fff;
    font-weight: bold;

}

.atbs-login-failed,
.atbs-error-details {
    font-weight: normal;
}

.atbs-save-app-cancel-css {
    margin-top: 50px;
    display: block;
}

.atbs-error-msg {
    margin: 15px 0;
}

.mandatory_red {
    color: #FF0000;
}

.errors {
	padding: .5rem 0;
	color: red;
}

.line_error {
	border: 1px solid red;
	padding: 5px;
	margin-top: 5px;
}

/*-------------- EC-612 - WCAG -------------*/

.dob-fieldset legend, .dob-fieldset .label_date_of_birth,
.gender-fieldset legend
{
   display: none ;
}

.gender-fieldset, .dob-fieldset 
{
    border: none ;
    margin-left: -6px;
}

ul#missing-fields-list li 
{
    list-style: outside none none ;
}

.login-headline .vacancy-application-open-new-window {
    float: right;
    display: none;
}

/* Video Questions */

.ba-videorecorder-settings-backbar {
    opacity: 1 !important;
}

.ba-recorder-overlay {
	border: 1px solid #f5f5f5;
}

.video-remove-warning {
	color: red;
	display: block;
	font-size: 0.8em;
}

/* /Video Questions */