/*
//Copyright 2017 Made Headway Limited
//
// Background Colour: #25A
// Dark Colour:       #112766
// Light Colour:      #cfd7ec
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400&subset=latin-ext');

/* Reset css */
/* Global styling: */
form, table, td, tr, button, br, img, h1, h2, h3
{   margin: 0;   padding: 0;}
img
{   border: 0;}
html
{   overflow-y:scroll;}
body
{ 
  /*font-family:'Montserrat',Helvetica,Arial,sans-serif;*/
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-size:14px;
  margin:0;
  padding:0;
  background-color:#25A;
}
span
{   min-height:1px;}
input[type="text"], input[type="password"]
{  -moz-box-sizing:    border-box;  -webkit-box-sizing: border-box;   box-sizing:        border-box;}
label input[type="radio"]
{ position:relative; top:2px;}
input.text, textarea, select
{   font-size:1em;   padding:1px 1px 1px 1px;   border-top:1px solid #777;   border-left:1px solid #ccc;   border-right:1px solid #ccc;   border-bottom:1px solid #ddd;   background-color:#fff;   resize:none;}
table
{   border-collapse:collapse;}
td
{   vertical-align:top; font-size: 1em;}

hr
{   border:0;   width:95%;   height:1px;   color:#cfd7ec;   background-color:#cfd7ec;}


textarea
{ 
  height:90px;
  font-family:'Montserrat',Helvetica,Arial,sans-serif;
  font-size:1em;
  line-height:1.4em;  
}

button, label.buttonLikeLabel
{   
  white-space:nowrap;   
  cursor:pointer;   
  font-size:1.2em;   
  font-weight:600;
  color:rgb(26, 32, 44); /*#112766;*/
  border: 0px hidden; /*1px solid #112766; */
  background-color:rgb(237, 242, 247);
  border-radius:4px;  
  
  padding:2px 14px 2px 14px; 
  margin: 1px;
}
button:hover
{   
  background-color:#112766;
  color:#FFF;
  transition:background .2s, color .2s;   
}
button[disabled], button[disabled]:hover
{
   color:#AAA;
   border-color:#AAA;
   background-color:#FFF;
}
select, input[type=text], textarea, input[type=password]
{   font-weight:normal;  border:1px solid #ccc; font-size: 1em;}
select
{   position:relative;   top:-2px;}

/* Unselectable elements */
.noSel
{   cursor:default;   -webkit-touch-callout: none;   -webkit-user-select: none;   -khtml-user-select: none;   -moz-user-select: none;   -ms-user-select: none;   -o-user-select: none;   user-select: none;}

.sel
{   cursor:text;   -webkit-touch-callout: text;   -webkit-user-select: text;   -khtml-user-select: text;   -moz-user-select: text;   -ms-user-select: text;   -o-user-select: text;   user-select: text;}

a, a:link { color:#10A;}
a:link:hover { color:#33F;}


/* MHOS Styling */
.tabset 
{ 
  position:relative; 
  cursor:pointer;
  margin-left:8px;
  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; 
}
.tabset .tab 
{ 
  position:relative;
  top:3px;

  border-left: 3px solid #888; 
  border-top: 3px solid #888; 
  border-right: 3px solid #888; 
  
  border-top-left-radius:8px;
  border-top-right-radius:8px;

  display:inline-block; 
  background-color:#888; 
  color:#FFF;
  font-weight: 500; 
  padding:2px 6px; 
  margin:0px 2px; 
  text-decoration: none;

  cursor:pointer; 
}
.tabset .tab.selected 
{ 
  color:#000; 
  background-color:#FFF; 
  border-bottom:3px solid #FFF; 
  font-weight:bold; 
}
.tabContents 
{ 
  border:3px solid #888;
  border-radius:8px;
  margin-bottom:6px; 
  overflow-y:auto; 
}
.tabContents .tabContent 
{ 
  background-color:#FFF; 
  color:#000; 
  display:none;   /*open tab overrides*/
  padding:8px 8px 8px 8px; 
}
.tabContents .tabContent.selected 
{ 
  display:block; 
  max-height: 60vh;
}
.tabContent {
  min-height:300px;
}

.mini .tabContent {
  min-height:inherit; 
}

.topSurround {
  min-height:calc(100vh - 2em - 24px);
  padding-bottom:16px;
}

.headerContent
{ 
  margin:0px; 
  border-bottom:3px solid #112766; 
  background-color:#FFF;
  padding:0px;
}

body.Start .bodyContent {
  max-width:500px;
  margin-top:80px;
}

.bodyContent
{ 
  margin:16px auto 0px; 
  width:95%;
  max-width:1640px;
}
.footerContent
{ 
  padding:0px 0px 4px 0px; 
  border-top:4px solid #112766; 
  background-color:#FFFFFF; 
}

.header
{     
  min-height:98px; 
  position: relative; 
  width:95%;
  max-width:1640px;
  margin: 0 auto; 
}

.headerLogo  {width: 256px; padding: 8px 0 4px 0;}

.prebody {
  background-color:#FFF;
  border-bottom:2px solid #112766;
  height:2px;
  overflow:hidden;
}

.userNote
{ color:#112766; float: right; padding: 8px 10px 4px; line-height: 25px;}
.logoutBtn
{ float:right; margin-top:-4px;margin-left: 6px;}

#logoutProgressInner
{
  border-right:1px solid #AAA;
  background-color:#8AF;
  margin:0;
  padding:0;
  height:16px;
}
#logoutProgressOuter {
  border:2px solid #666;
  height:16px;
  width:96%;
  margin:10px auto;
  background-color:#FFF;
  padding:0;
  overflow:hidden;
}


.footer
{ text-align:center; color:#111; }

.footerCredit {color: #666;  line-height: 2em;}

.clearer
{ clear:both;}


/* Start screen */
.userChoice
{ display:inline-block; width:140px; height:65px; vertical-align:middle; line-height:65px; text-align:center; border:1px solid #AAA; margin:24px 16px; cursor:pointer;

  background-color:#DDD;}
.userChoice:hover
{ background-color:#888; color:#FFD;}

.sectionTitle
{ 
  font-size:1.4em; 
  font-weight:500; 
  border-top:3px solid #EFEFEF;
  border-left:3px solid #EFEFEF;
  border-right:3px solid #EFEFEF;
  border-bottom:2px solid #EFEFEF;
  
  background-color:#112766; 
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  color:#FFF; 
  padding:6px 20px 6px; 
}

.sectionContent
{ 
  padding:8px 18px; 
  border-left:3px solid #EFEFEF; 
  border-bottom:3px solid #EFEFEF; 
  border-right:3px solid #EFEFEF; 
  border-top:3px solid #112766;
  
  background-color:#FFF;
  
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
}

.validIdentities
{ text-align:center;}

.loginBox
{ width:80%; margin:16px auto; text-align:center;}
.loginTableField
{ text-align:right;}

.centreTable
{ margin:8px auto;}
.centreTable td
{ padding:8px 10px; /*border:1px solid #DDD;*/
}

.optionList a
{ color:#000 !important; background-color:#DDD; display:block; border:1px solid #888; font-style:normal; margin: 24px auto; width:80%; height:65px; line-height:65px; vertical-align:center; text-align:center; text-decoration:none;}
.optionList a:hover
{ background-color:#888; color:#FFD !important;}

.ral
{ text-align:right;}

.cal
{ text-align:center;}

.searchResults
{ margin-top:24px;}

div.error
{ background-color:#FDD; border:2px solid #112766; margin:8px 8px; padding:4px 0px; text-align:center; border-radius:8px;}
div.message
{ background-color:#cfd7ec; border:2px solid #112766; margin:8px 8px; padding:4px 0px; text-align:center; border-radius:8px; }

.staticContentAnnotation { width:98%; background-color:#cfd7ec; border-top:2px solid #112766; border-bottom:1px solid #112766; margin:8px 0px; padding:4px 1%; text-align:right;}

.centreTable tr.head td
{ background-color:#DDD !important; color:#000 !important; font-weight:400; text-align:center; border:1px solid #FFF; border-bottom:1px solid #666; cursor:normal !important;}
.centreTable tr.even td
{ background-color:#EEE;}

.searchResults .centreTable tr:hover td
{ cursor:pointer; background-color:#888; color:#FFF;}

tr.underlined td
{ border-bottom:2px solid #666;}

#autocompleteOutput
{ margin:8px 16px; padding:8px;}


/* Status styling */
.topSection
{ padding:0px 1% 24px 1%;}

.regionRow
{ clear:both;}

.region
{ 
  background: #fff none repeat scroll 0 0; 
  border: 3px solid #888; 
  border-radius:12px;
  margin:0px 1% 0px 1%; 
  overflow: hidden; 
  vertical-align: top; 
  white-space: normal; 
  width: 94vw;
}

.region .region
{ background-color:#DCC;}

.region .title
{ color:#222; font-size:1.4em; font-weight:500; padding:6px 16px 2px; margin-bottom:2px; }


.sensibleTable tr.hd td
{ font-weight:400; border-bottom:1px solid #444; background-color:#EEF;}

.sensibleTable tr.hd2 td
{ font-weight:400; border-bottom:1px solid #444; background-color:#EEF;}

.sensibleTable
{ width:100%; margin-bottom:12px;}
.sensibleTable td
{ padding:4px;}

.sensibleTable tr.even td
{ background-color:#DDE;}

.dataColumnLeft
{ border-left:1px solid #999; padding-left:8px; text-align:right;}
.dataColumnRight
{ border-right:1px solid #999; padding-right:8px;}

.toursContainer
{ min-height:200px; max-height:360px; margin:12px; overflow-y:scroll; overflow-x:hidden; padding-right:20px;}

.alertsContainer, .patchContainer
{ height:200px; margin:12px; overflow-y:scroll; overflow-x:hidden; padding-right:20px;}

.clickShield.dragManager { background-color:rgba(0,0,0,0) !important;}

.clickShield
{ background-color:rgba(16,0,1,0.5); position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 20; pointer-events: all;}

.buggyBrowser .clickShield
{ background-color:rgba(0,0,0,0.25);}

.clickShield.dragManager {
}
.dragWrap { display:block; position:absolute; overflow:visible; width:1px; height:1px;}
.dragWrap * { cursor:grab;}

.dialogContainer
{ position:absolute; top:50%; left:50%; overflow:visible;}
.dialog
{ 
  position:absolute; 
  box-shadow: 0px 0px 14px #000;
}
.dialog .content
{ 
  max-height:400px; 
  overflow-y:auto; 
  overflow-x:hidden; 
  padding-right:20px; 
  padding:4px 14px;
  margin:2px 0px;
  background-color:#EFEFEF;  
  border-top:2px solid #AAA;
  border-bottom:2px solid #AAA;
}
.dialog .controls
{ padding:4px 16px 12px;}

/* Menus */

#dynamic-menu, #dynamic-menu div.topmenu
{ display:inline;}

#menuLegend td { padding:4px; vertical-align:middle;}

.menuControl { width:32px; padding:0px 0px 2px; position:relative; top:2px;}

.linkList { position: absolute; bottom: -3px; right:4px;}

.linkList a, .linkList .topmenu > div.menuItem
{ 
  border-left: 3px solid #112766; 
  border-top: 3px solid #112766; 
  border-right: 3px solid #112766; 
  border-bottom: 3px solid #112766;  

  border-top-left-radius:5px;
  border-top-right-radius:5px;

  display:inline-block; 
  background-color:#112766; 
  color:#FFF;
  font-weight: 400; 
  padding:2px 6px; 
  margin:0px 2px; 
  text-decoration: none;
}
.linkList a.current, .linkList div.menuItem.current
{
  border-bottom: 3px solid #FFF;
  background-color:#FFF !important;
  color: #112766;
}
.linkList a:hover, .linkList .menuItem:hover
{
  transition:background .2s, color .2s; 
  background-color:#EFEFEF;
  color: #112766;
}

/* Week selector */
#weekChoice
{
}

#weekChoice .week
{ border:1px solid #CCC; background-color:#EEE; padding:4px; margin:1px; cursor:pointer; text-align:middle;}

#weekChoice .week.selected
{ border:1px solid #000; background-color:#AAA;}

#weekControl
{ text-align:center;}


#dayChoice .day
{ float:left; width:40px; height:20px;

  border:1px solid #CCC; background-color:#EEE; padding:4px; cursor:pointer; text-align:middle;}

#dayChoice .day.selected
{ border:1px solid #000; background-color:#AAA;}

#dayChoice .day.other
{ background-color:#99C;}

#dayChoice .day.colhead
{ text-align:center; background-color:#FDA; border:1px solid #FFF; border-bottom:2px solid #222;}
#dayChoice .day.colhead.wkend
{ background-color:#FFA;}



#dayChoice
{ width:354px; margin:2px auto;}

.dlgContent {  margin:2px 16px 8px;}

.objectDataTable { width:95%; margin:0px auto;}
.objectDataTable select, .objectDataTable input[type="text"], .objectDataTable input[type="password"], .objectDataTable textarea, .objectDataTable .combo 
{ width:100%;}
.objectDataTable .combo {
  margin-top: -4px;
  border:1px solid #AAA;
  margin-right:8px;
}
.objectDataTable button.emailable, .objectDataTable button.dialable, .objectDataTable button.textable, .objectDataTable button.webable
{ 
  position:relative;
  top:-6px;
  height:30px; width:32px; padding:0;
}

.objectDataTable button.dialable {
  background:#FFF url('/images/phone.png') no-repeat 50% 50%;
}
.objectDataTable button.textable {
  background:#FFF url('/images/txt.png') no-repeat 50% 50%;
}
.objectDataTable button.webable {
  background:#FFF url('/images/web.png') no-repeat 50% 50%;
}
.objectDataTable button.emailable {
  background:#FFF url('/images/email.png') no-repeat 50% 50%;
}

.objectDataTable button.emailable:hover, .objectDataTable button.textable:hover,
.objectDataTable button.webable:hover, .objectDataTable button.dialable:hover
{
  background-color:#112766;
}

.objectDataTable .flr {
  text-align:right;
  width:35px;
  float:right;
}
.objectDataTable .fll {
  margin-right:38px;
}

.objectDataTable .flr2 {
  text-align:right;
  width:70px;
  float:right;
}
.objectDataTable .fll2 {
  margin-right:73px;
}

.objectDataTable textarea { height:118px; }
.objectDataTable input[type="file"] { width:190px;}
.objectDataTable input[type="text"].sliderValue { width:64px; text-align:center; background-color:#EEE; margin-right:32px;}
.objectDataTable .ui-slider
{ display:inline-block; width:360px;}

.crossTable
{
  height:120px;
  overflow-y:scroll;
  overflow-x:auto;
  border: 2px solid #AAA;
  border-top-left-radius:6px;
  border-bottom-left-radius:6px;
  padding:4px;
}
.crossTable .children {
  margin-left:10px;
  padding-left:21px;
  position:relative;
}
.crossTable .children:after {
  position:absolute;
  content:'';
  border-left:1px solid #444;
  left:0px;
  width:1px;
  top:0px;
  bottom:10px;
}
.crossTable .line {
  position:relative;
  white-space:nowrap;
}
.crossTable .children .line:before {
  position:absolute;
  content:'';
  border-top:1px solid #444;
  left:-21px;
  width:18px;
  top:11px;
  height:1px;
}
.crossTable .lineContent {
  display:inline-block;
  vertical-align:top;
  white-space:normal;
}
.crossTable .lineContent:hover {
  background-color:#EEE;
}

.crossTable.CandidateLanguage {
  height:106px;
  margin-bottom:4px;
}

.crossTable.CandidateSource, .crossTable.JobSource {
  height:auto;
  overflow-y:inherit;
  overflow-x:inherit;
  border:1px solid #EFEFEF;
}

.objectDataTable div.field {
  clear:both;
}
div.field.required .label, 
div.field.required .labelFull {
  color:#C00;
}
.objectDataTable div.label { 
  float:left;
  padding:2px;
  width:140px;
  display:inline-block;
  vertical-align:top;
}
.objectDataTable div.value { 
  margin-left:142px;
  vertical-align:top;
  padding:2px;
}

.objectDataTable textarea {
  border:2px solid #AAA;
  padding:4px;
  border-top-left-radius:6px;
  border-bottom-left-radius:6px;
}

.objectDataTable div.labelValue { padding-left:32px; }

.objectListingContainer
{
  overflow-x:auto;
}
.objectListingTable.head {
  display:inline-block;
  margin:12px 0px -4px 0px;
  border:1px none;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  overflow:hidden;
}

.objectListingTable.head td {
  overflow:hidden;
}

.objectListingTable.data{ 
  display:inline-block; 
  margin:0px 0px 12px 0px; 
  border:1px solid #888; 
  max-height:400px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
}

.objectListingTable.data {overflow-y: auto; overflow-x:hidden; }

.objectListingTable.data table { width:100%;}
.objectListingTable td {
  height:26px;
  vertical-align:middle;
  padding:0px 4px; 
  border-right:1px solid #fff; 
  background-color:#e1e1e1; 
  cursor:pointer;
}
.objectListingTable.data td {
  height:26px;
  /*min-width:64px;*/
  white-space:nowrap;
}
.objectListingTable.head td {
  padding:4px 4px;
}
.objectListingTable tr td:last-child { border-right:0px none;}
.objectListingTable tr.selected td{ color:#FFF; background-color:#888 !important;}
.objectListingTable tr.selected a { color:#FFF !important;}
.objectListingTable tr.selected a:hover { color:#000 !important;}

.objectListingTable tr:nth-child(2n+1) td { background-color:#EEE;}

.objectListingTable tr.hd { border-top:1px solid #444; border-left:1px solid #444; border-right:1px solid #444; }
.objectListingTable tr.hd td { background-color:#112766; color:#FFF; cursor:normal;}
.objectListingTable tr.hd td.sortHeader { background-color:#afb7cc; color:#444;}

.objectListingTable tr td div.sizeSanitizer {
  height:16px;
  max-width:30vw;
  overflow:hidden;
}

.objectListingTable .preRow, .objectListingTable .postRow
{
  position:relative;
}
.objectListingTable .rowsLoadingPanel
{
  position:absolute;
  background-color:#FFF;
  font-style:italic;
  left:35%;
  width:30%;
  border:2px solid #112766;
  border-radius:5px;
  padding:8px 16px;
  text-align:center;
}

.tooltip {
  position:absolute;
  height:auto;
  border:2px solid #112766;
  background-color:#FFA;
  padding:4px;
  white-space:normal;
  overflow-y:auto;
  max-height:200px;
  z-index:40;
}
.tooltip br {
  margin-bottom:8px;
}

.objectControls button { margin-left:16px;}

.pseudoArrayListing { overflow-y:scroll; height:128px; border:1px solid #000; background-color:#FFF; margin:4px;}

.configSettings .parameterLine { background-color:#EEE; padding:4px 12px;}
.configSettings .parameterLine:nth-child(2n) { background-color:#FFF;}
.configSettings .parameterLine div { display:inline-block; vertical-align:top;}
.configSettings .parameterLine .parameterKey { width:200px;}
.configSettings .parameterLine .parameterValue { width:70%; min-width:320px;}
.configSettings .parameterLine .parameterValue input[type="text"],
.configSettings .parameterLine .parameterValue textarea { width:100%;}

/* Item display */
.inside { margin:4px 60px;}

.objectListingTable.ActivityDocument, .objectListingTable.ActivityComment
{ height:200px;}

#historyList { max-height:160px; border:1px solid #000; background-color:#FFF; overflow-y:scroll; padding:4px;}

.visibleOnHoverOnly
{ color:rgba(255,255,255,0.1) !important;}
.visibleOnHoverOnly:hover
{ color:#00F !important;}

.filterPanel .field
{
  text-align:left;
  display: inline-block;
  margin: 2px 3px;
  border: 1px solid #cdcdcd;
  background-color:#efefef;
  padding: 4px 6px;
  vertical-align: middle;
}
.filterPanel .tabContent {
  text-align:center;
}
.filterPanel .multiselect {
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:20px;
  max-height:200px;
  background-color:#FFF;
}
.filterPanel .multiselect div {
  white-space:nowrap;
}

.reportElement {
  display:inline-block;
  vertical-align:top;
  width:400px;
  margin:4px;
  padding:4px 8px;
  border:1px solid #112766;
  background-color:#FFF;
}
.reportElement h2 {
  text-align:center;
  margin-bottom:8px;
}
.loading 
{
  font-weight:normal;
  font-style:italic;
  font-size:1.2em;
  text-align:center;
  display:block;
}

.reportPlot {
  height:392px;
}
.reportData {
  height:240px;
  margin-top:16px;
  overflow-y:auto;
  border:1px solid #EFEFEF;
}
.reportData .objectListingTable
{
  width:100%;
}

@media print { .topSection {   display:none; }
  .headerContent {   display:none; }
  .footer {   display:none; }
  .region {   border:0px hidden;   border-radius:0px; }
  body {   font-size:12px;   margin:0px;   background-color:#FFF; }
  .sensibleTable {   border:1px solid #888; }
  @page {   size:auto;   margin:10mm; }
}

.para { padding: 6px 16px 16px;}

.dashboardElements
{
  text-align:center;
  border:3px solid #112766;
  margin:4px;
  padding:4px;
  background-color:#afb7cc;
}
.dashboardElements >* {
  text-align:left;
}
.dashboardElements .objectListingTable tr:hover td
{
  background-color:#AAA !important;
  transition:background .2s;   
}

.dashboardElements .key {
  width:16px;
  height:16px;
  margin:1px auto;
  border:1px solid #000;
  border-radius:4px;
}

.noData {
  padding:16px;
  margin:8px;
  border:1px solid #ddd;
  text-align:center;
  background-color:#EFEFEF;
}
.noData .primary {
  font-size:1.2em;
}
.noData .secondary {
  font-style:italic;
}

.progressBarOuter {
  position:relative;
  float:right;
  width:300px;
  height:18px;
  vertical-align:middle;
  border:2px solid #112766;
  border-radius:5px;
  background-color:#EFEFEF;
  overflow:hidden;
}
.progressBarInner {
  position:absolute;
  width:0%;
  height:100%;
  left:0px;
  top:0px;
  background-color:#112766;
  overflow:hidden;
}
.progressBarText {
  text-align:center;
  position:absolute;
  top:0px;
  left:0px;
  width:296px;
}
.progressBarText.overlay {
  color:#EFEFEF;
}
.progressBarText.underlay {
  color:#112766;
}


.messagingEngine {
  position:fixed !important;
  z-index:1000;
  background-color:#EFEFEF;
  bottom:0px;
  left:0px;
  padding:7px 8px;
  border-right:2px solid #112766;
  cursor:pointer;
}
.messagingEngine.open
{
  background-color:#FF0;
}

.messagerDialog {
  position:fixed;
  z-index:1000;
  bottom:40px;
  left:0px;
  border:2px solid #112766;
  min-width:400px;
  padding:8px 16px 8px 8px;
  background-color:#EFEFEF;
}

.messagerDialog .userList {
  border:2px solid #112766;
  margin:4px;
  overflow-y:scroll;
  max-height:30vh;
  background-color:#FFF;
}

.messagerDialog .userList .user {
  padding:4px;
  cursor:pointer;
}
.messagerDialog .userList .user:hover {
  background-color:#b8b8cc;
}
.messagerDialog .userList .user.selected {
  background-color:#112766 !important;
  color:#FFF;
}

.previousMessages {
  height:25vh;
  width:98%;
  margin:2px auto;
  border:2px solid #112766;
  overflow-y:scroll;
}
.previousMessages .objectListingTable {
  width:100%;
}
.previousMessages .objectListingTable td {
  vertical-align:top;
  padding: 10px 4px 4px;
}
.previousMessages .objectListingTable td {
  width:13%;
}

.previousMessages .objectListingTable tr:hover td 
{
  background-color:#b8b8cc;
}

.newMessage textarea {
  display:block;
  width:98%;
  margin:4px auto;
}

.newMessages {
  position:relative;  
  padding-right:32px;
}
.newMessages:after {
  content:attr(_numMessages);
  border-radius:18px;
  height:22px;
  padding:0px 6px;
  background-color:#112766;
  color:#FFF;
  font-weight:bold;
  text-align:center;
  line-height:22px;
  vertical-align:middle;
  position:absolute;
  right:4px;
  bottom:13%;
  
  -webkit-transition: background-color 400ms linear;
  -ms-transition: background-color 400ms linear;
  transition: background-color 400ms linear;
}
.newMessages.flash:after {
  background-color:#FF0000;
  -webkit-transition: background-color 400ms linear;
  -ms-transition: background-color 400ms linear;
  transition: background-color 400ms linear;
}

/* Type dialogs, common */
.candidateContents,
.jobContents,
.clientContents
{ 
  margin-bottom:6px; 
  overflow-y:auto; 
}
.candidateContents .tabContent,
.jobContents .tabContent,
.clientContents .tabContent
{
  position:relative;
  background-color:#FFF; 
  color:#000; 
  margin-top:10px;
  padding:8px 1% 8px 1%; 
  border:3px solid #888;
  border-radius:8px;
  min-height:0px;
  min-width:250px;
}

.candidateContents .tabContent:after,
.jobContents .tabContent:after,
.clientContents .tabContent:after
{
  content:attr(_tabName);
  position:absolute;
  top:-10px;
  left:20px;
  background-color:#FFF;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  padding: 0px 8px;
  display:inline-block;
}

.candidateContents .tabContent,
.jobContents .tabContent,
.clientContents .tabContent
{
  display:inline-block;
  vertical-align:top;
  margin-right:1%;
}

/* Candidate dialog */
.candidateContents .tabContent[_tab="personalData"]
{
  float:left;
  width:29%;
}
.candidateContents .tabContent[_tab="workConditions"]
{
  width:36%;
}
.candidateContents .tabContent[_tab="availability"]
{
  width:22%;
}
.candidateContents .tabContent[_tab="expertise"]
{
  width:62%;
}
.candidateContents .tabContent[_tab="expertise"] .field,
.jobContents .tabContent[_tab="expertise"] .field
{
  display:inline-block;
  vertical-align:top;
  width:31%;
  margin:0px 1%;
  min-width:170px;
}

.candidateContents .tabContent[_tab="workConditions"] {
  white-space:nowrap;
}
.candidateContents .tabContent[_tab="workConditions"] .half
{
  white-space:normal;
  display:inline-block;
  vertical-align:top;
  width:49%;
  margin-right:1%;
  min-width:170px;
}

.tabContent .field {
  margin-bottom:1px;
}

.candidateContents .tabContent[_tab="pointsOfNote"] {
  width:15%;
  min-width:150px;
}

.candidateContents .tabContent[_tab="notes"] {
  width:25%;
  min-width:150px;
}

.candidateContents .tabContent[_tab="lookingIn"] {
  width:15%;
  min-width:150px;
}


.objectToolbar {
  text-align:center;
}

.objectOverlays {
  position:relative;  
  overflow:visible;
  height:2px;
  margin-bottom:4px;
}
.overlayContent {
  background-color:#DCDCDC;
  position:relative;
  top:0px;
  left:0px;
  width:100%;
  margin-left:-8px;
  z-index:2;
  
  border-bottom-left-radius:12px;
  border-bottom-right-radius:12px;
  border:3px solid #112766;
}

.workExperienceDropdown {
  margin:4px 16px 12px;
}
.docsDropdown {
  margin:4px 16px 12px;
}

/* Job dialog */
.jobContents .tabContent[_tab="basicDetails"] {
  width:95%;
}
.jobContents .objectDataTable textarea { height:96px; }

.jobContents .tabContent[_tab="basicDetails"] .field,
.jobContents .tabContent[_tab="allocation"] .field
{
  display:inline-block;
  margin-right:12px;
  width:23%;
}

.jobContents .tabContent[_tab="basicDetails"] .field .label,
.jobContents .tabContent[_tab="allocation"] .field .label
{
  float:none;
}
.jobContents .tabContent[_tab="basicDetails"] .field .value,
.jobContents .tabContent[_tab="allocation"] .field .value
{
  margin-left:0px;
  margin-bottom:4px;
}

.jobContents .tabContent[_tab="description"] {
  width:65%;
}
.jobContents .tabContent[_tab="assignmentOptions"] {
  width:23%;
}
.jobContents .tabContent[_tab="expertise"] {
  width:95%;
}
.jobContents .tabContent[_tab="allocation"] {
  width:95%;
}

/* Client contents */

.clientContents .tabContent[_tab="companyInformation"],
.clientContents .tabContent[_tab="companyContactInformation"]
{
  width:26%;
}
.clientContents .tabContent[_tab="clientContacts"] {
  width:65%;
}
.clientContents .tabContent[_tab="clientContacts"] .objectListingTable.data {
  height:132px;
}
.clientContents .tabContent[_tab="notes"] {
  width:65%;
}
.clientContents .tabContent[_tab="notes"] textarea
{
  height:214px;
}

.objectListingTable.Activity tr.incomplete td {
  color:#A00;
}
.objectListingTable.Candidate tr.inactive td {
  color:#777;
}

/* Audit dialog */
.auditDialog table {
  width:100%;
}
.auditDialog .changeListing
{
  display:inline-block;
  width:calc( 50% - 8px );
  padding:4px 2px 4px 4px;
  border-right:2px solid #999;
  overflow-y:scroll;
  height:60vh;
}

.auditDialog .fieldChangeListing
{
  display:inline-block;
  width:calc( 50% - 8px );
  padding:4px;
  overflow-y:scroll;
  height:60vh;
}

.ui-autocomplete-input.invalid {
  color:#600;
  background-color:#FDD;
}

#jobSelectContainer .combo {
  display:block;
  margin:8px 16px 8px 30px;
  width:75%;
}

.ordinalAnchor {
  position: relative;
  top: -4px;
  font-weight:bold;
  margin-left:4px;
  text-decoration: none;
}

.vert {
  display:inline-block;
  margin-left:12px;
  height:26px;
  border-right:2px solid #112766;
  margin-right:12px;
  vertical-align:middle;
}

/* **** */
/* Object pager */
.objectPager {
  float:left;  
}
.objectPager span {
  margin-left:12px;
  margin-right:12px;
}

tr.deletedMessage td {
  background-color:#CCC !important;
  color:#FFF;
  text-decoration:line-through;
}
tr.deletedMessage:hover td
{
  background-color:#CCC !important;
}

.field textarea
{
  resize:vertical;
}

@media only screen and (max-width: 1280px) {
  .reportPlot{
    height:352px;
  }
  .reportElement {
    width:360px;
    margin:4px;
    padding:4px 4px;
    border:1px solid #112766;
    background-color:#FFF;
  }
  .inside { width: 100%; margin:0px; }
}

@media only screen and (max-width: 899px) {
  .inside { width: 100%; margin:0px; }
  .para { padding: 6px 0px;}
  .headerLogo {padding-top: 6px;}
}

@media only screen and (max-width: 960px) {
  .bodyContent {width: 93%;}
  .header {min-height: 50px;
  .userNote {margin:8px 40px 0 0;}
  
  .objectPager {
    float:none;
  }
  
  .headerLogo {
    margin:0px auto;
  }
  
  .linkList {
    position:inherit;
    margin-top:4px;
    margin-right:4px;
    bottom:inherit;
    top:inherit;
  }
  .linkList a, .linkList .topmenu > div.menuItem {
    display:block;    
    border: 3px solid #112766 !important; 
    border-radius: 4px;
    margin:4px;
  }

  .clientContents .tabContent {
    display:block;
    width:auto !important;
  }

  .clientContents .tabContent[_tab="companyInformation"] .field,
  .clientContents .tabContent[_tab="companyContactInformation"] .field,
  .clientContents .tabContent[_tab="notes"] .field,
  .clientContents .tabContent[_tab="clientContacts"] .field
  {
    display:block;
    width:auto;
  }

  .jobContents .tabContent[_tab="basicDetails"] .field,
  .jobContents .tabContent[_tab="allocation"] .field {
    display:block;
    width:auto;
  }
  
  .candidateContents .tabContent[_tab="workConditions"] {
    white-space:normal;
  }
  .candidateContents .tabContent[_tab="workConditions"] .half {
    display:block;
    width:auto;
  }
  
  .candidateContents .tabContent, 
  .jobContents .tabContent 
  {
    display:block;
    float:none !important;
    width:auto !important;
  }
  .candidateContents .tabContent[_tab="expertise"] .field,
  .jobContents .tabContent[_tab="expertise"] .field 
  {
    display:block;
    float:none !important;
    width:auto !important;
  }
  
  .userNote span {display: none;}
  .sectionContent, .loginBox { }
  .centreTable {margin: 0;}
}