.clear{
	clear:both;
	height:0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	/*scrollbar-face-color: #7E7EB1;
	scrollbar-highlight-color: #7E7EB1;
	scrollbar-shadow-color: #333366;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-arrow-color:  #000000;
	scrollbar-track-color: #E3E3E3;
	scrollbar-darkshadow-color: #000066;*/
}
body.dialog {
	background-color: transparent;
	border: 0px;
}
body.mainpage {
	margin: 0px 0px 0px 2px; /* top, right, bottom, left */
}
h1 {
	font-size: 17px;
}
h2 {
	font-size: 15px;
}
h3 {
	font-size: 13px;
	margin: 5px 0;
}
h4 {
	font-size: 11px;
	font-weight: bold;
}
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

h3.infobox {
	border:none;
}

#nav{
	height:15px;
	margin:0 0 0 90px;
	padding:0;
	width:690px;
}

.button-right{
	float:right;
	padding-right:5px;
}

#nav .first{
  background: url('../im/subnavbarfirst.gif') no-repeat right center;
  width:12px;
  height:18px;
  display:inline;
  float:left;
  padding: 0;
  }	
	
#nav .left {
  background: url('../im/subnavbarleft.gif') no-repeat right center;
  width:9px;
  height:18px;
  display:inline;
  float:left;
  padding: 0;
  }
  
#nav .right{
  background: url('../im/subnavbarright.gif') no-repeat left center;
  width:9px;
  border:0;
  height:18px;
  margin-right:1px;
  display:inline;
  float:left;
  padding: 0;
  }
  
#nav .middle {
  background:rgb(183,183,211);
  text-align:center;
  border:0;
  height:18px;
  margin:0;
  display:inline;
  float:left;
  }
  
#nav .middle a{
  color:#FFFFFF;
  font-weight: bold;
  font-size:1.3em;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  line-height:18px;
}

/*------------------------- BUTTONS -----------------------*/
.button  {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(46, 109, 164);
	border-radius: 10px;
	box-sizing: border-box;
	color:white;
	cursor: pointer;
	display: inline-block;
	height: 30px;
	line-height: 15px;
	margin: 0px;
	color: #fff;
	overflow-x: visible;
	overflow-y: visible;
	padding: 6px 12px;
	text-align: center;
	text-transform: none;
	vertical-align: middle;
	white-space: nowrap;
}

.button.xsmall {
	height:12px;
	line-height:2px;
	padding: 3px 6px;
}
.button.small {
	height:18px;
	line-height:2px;
}
.button.large {
	height:50px;
	line-height:23px;
}
.button a:hover {
	color:#fff;
}

.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}
.btn-default:hover, .btn-default:active {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}

.btn-danger {
	color:#fff;
	background-color: #d9534f;
	border-color: #d43f3a;
}

.btn-danger:hover, .btn-danger:active {
	color:#fff;
	background-color: #c9302c;
	border-color: #ac2925;
}

.btn-warning {
	color:#fff;
	background-color: #ec971f;
	border-color: #d58512;
}

.btn-warning:hover, .btn-warning:active {
	color:#fff;
	background-color: #ec971f;
	border-color: #d58512;
}

.btn-success {
	color:#fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.btn-success:hover, .btn-success:active {
	color:#fff;
	background-color: #449d44;
	border-color: #398439;
}

.btn-info {
	color:#fff;
	background-color: #5bc0de;
	border-color: #46b8da;
}

.btn-info:hover, .btn-info:active {
	color:#fff;
	background-color: #31b0d5;
	border-color: #269abc;
}

.btn-primary {
	color:#fff;
	background-color: #337ab7;
	border-color: #2e6da4;
}

.btn-primary:hover, .btn-primary:active {
	color:#fff;
	background-color: #286090;
	border-color: #204d74;
}
/*--------------------------- BUTTONS -----------------------*/
#timesheet_submit ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	width:100%;
}
#timesheet_submit ul.left {
	width:80%;
	float:left;
}
#timesheet_submit ul.right {
	width:20%;
	float:right;
}
#timesheet_submit ul li {
	list-style:none;
	float:left;
	display:inline-block;
	padding: 0 5px;
}
#white, #white a {
  color:#fff;
}

#maintable {
	width:100%;
	margin: 0 auto 0;
}

/* the maximum table width given the background image, "im/bg.gif" */
#maininnertable {
	width:784px;
}

.height33 {
	height:100px;
}

.height34 {
	height:100px;
}

#login-middle{
	background-image: url('../im/login_background.gif');
}

#consultant-auth{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}
	
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a {
	outline: none;
	text-decoration: none;
}
a:hover {
	color: #00FF00;
}
a img {
    border: 0px;
}
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000066;
}

.input-disabled {
	border:none;
	background-color:#F3F3F3 !important;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000066;
}
textarea.smallfont {
	font-size: 8pt;
}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000066;
}
hr {
	color: #666699;
}
.inputbox {
	padding: 1;
	background-color: #F3F3F3;
	border: 1px solid #666666;
	text-indent: 2px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.inputbox_numeric {
	text-align: right;
	padding: 1;
	background-color: #F3F3F3;
	border: 1px solid #666666;
	text-indent: 4px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.numeric {
	text-align: right;
}
.navtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
.navtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
}
.pagetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
}
.pagesubtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.pagetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}
.textcv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
th, .headrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	vertical-align: bottom;
	text-align: left;
}
.highlightedheadrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	background-color: #F0F0FF;
}
.colspan_headrow {
	border-bottom: 2px solid #CCCCFF;
}

.warnedValue {
	background-color:red;
}

/* old style row styling deprecated 17/08/10 */
/* around 140 results to refactor  */
.evenrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #F5F5F5;
}
.evenrow .headrow{
	background-color: #ECECEC;
}
.oddrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #EEEEEE;
}
.oddrow .headrow {
	background-color: #E6E6E6;
}

/* new style row styling */
.row {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.highlightedrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	background-color: #F9F9F9;
}
.highlightedrowbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	background-color: #F9F9F9;
}
.highlightedevenrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	background-color: #F9F9F9;
}
.highlightedoddrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	background-color: #EEEEEE;
}
.highlightedoddrowwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
}
.totalrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #EEEEFF;
}
.xpbg {
	background-color: #4C4C6A;
}
.navbg {
	background-color: #7E7EB1;
}


td.titlebar, .titlebar td, div.titlebar, h2 {
  background-color: #DBDBE9;
  color: #4c4c6a;
  clear: both;
  line-height: 1.5;
  font-family: Helvetica;
  padding: 4px;
  text-indent: 2px;
  font-size: 12px;
  border-radius: 3px;
  margin-bottom: 2px;
  font-weight: normal;
}

h3.titlebar {
	width:98%;
	padding:5px 0;
	text-indent:5px;
}
.subtitlebar, h3 {
	font-family: Helvetica;
	background-color: #F1F1F6;
	color: #4c4c6a;
	text-indent: 5px;
	line-height: 1.5;
	clear: both;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 2px;
	font-size: 11px;
	font-weight: normal;
}

.subtitlebar input {
	background-color: #F1F1F6;
	border: none;
	color: #4c4c6a;
	font-size: inherit;
	width: 90%;
}
.subtitlebar .action {
  float:right;
  padding-right: 10px;
  margin-top: 3px;
}
.action {
  cursor: pointer;
  text-align: center;
}
.action {
  margin-bottom: 6px;
  margin-left: 3px;
}

.splitterbar {
	background-color: #F0F0FF;
}
.statusinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666666;
	font-style: italic;
}
.fieldvalue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.na {
	color: #909090;
}
.warning {
	color: #CC0000;
}
.info, .extra_info {
	color: #003399;
}
.required, .mandatory, .attention, .overtime, .mand_field_non_filled_statuses, .mand_field_assignment_end_statuses, .mand_field_declined_statuses, .mand_field_all_statuses {
   color: #FF0000;
}

.requiredField:after{
   color: #FF0000;
   content:" *";
   background-position: right top;
}
.shade {
	background-color: #F0F0FF;
}
.timecell {
	text-align: left;
}

.overtime_numeric {
	text-align: right;
	color: #FF0000;
}
.totals {
	color: #333333;
}
.boxer {
	border: 1px solid #000000;
	background-color: #FCFCFF;
}
.unit_symbol {
	font-size: 14px;
	font-weight: bold;
	color: #333366;
}
.toptab {
	color: #4E4E6C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
.infobox {
	border: 1px solid #666666;
	background-color: #F6F6F6;
	margin:5px;
}
.heading {
	font-size: 13px;
	font-weight: bold;
	color: #333333;
}
.subheading {
	font-weight: bold;
	color: #333333;
}
div.frame {
	overflow: auto;
	margin: 0px;
}
.inactive {
	color: #999999;
}

.matchindicator {
	height: 10px;
	width: 52px;
	border: 1px solid #4c4c6a;
}
.matchindicator .segment {
	height: 10px;
	width: 1px;
	background-color: #7e7eb1;
	float: left;
}
.rowlabel { 
    font-weight: bold;
    vertical-align:top;
    padding-top:5px;
}
.hmsinput { 
    width: 50px; text-align: right;
}
.expensegroup {     
	border: 1px solid #AAAAAA;
	background-color: #FFFFFF;
}
.expensecolour {     
    background-color: #F0F0FF;
}
.highlight {
	background-color: PeachPuff;
}
.unauthorised { 
    background-color: #CCCCFF; 
}

table.tree .drilldown {
    font-size: 1.2em;
    font-weight: bold;
    color: #333333;
    text-align: center;
	width: 1%;
}
table.tree .spacer {
    font-size: 1.2em;
	font-weight: bold;
    color: #CCCCCC;
    text-align: center;
    width: 10px;
}
table.tree .control {
	text-align: right;
    width: 1%;
}

.firstColumnLabel tr td:first-child {
    font-weight:bold;
    text-align:right;
}

/**
 * The automcomplete box styling
 */
div.auto_complete {
    width: 350px;
    background: #fff;
}

div.auto_complete ul {
    border: 1px solid #CCCCFF;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}

div.auto_complete ul li {
    margin: 0;
    padding: 3px;
    text-align: left;
}

div.auto_complete ul li.selected {
    background-color: #CCCCFF;
}

div.auto_complete ul strong.highlight {
    color: #800;
    margin:0;
    padding:0;
}
.modifiedrow {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #ff9900;
}
.manualrow {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #ff3333;
}
.shiftinrow {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #00CC00;
}
.shiftoutrow {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #ff3333;
}

.file-types tr td {
	line-height: 20px;
}

div.file-link {
	padding: 5px;
	white-space: nowrap;
}

a.doc, a.docx, a.rtf {
	background-image: url('../im/file_types/ms_word.png');
	background-repeat:no-repeat;
	padding-left: 20px;	
	line-height: 20px;
	display:inline-block;
}

.hint {
	font-size: 10px;
	font-weight: normal;
	font-style: oblique;
}

a.attachment {
	color: black;
	font-weight: bold;
}
a.attachment:hover {
	color: black;
	text-decoration: underline;
}
a.attachment img.pclip {
	padding-right: 5px;
}

a.delete {
	color: red;
	padding: 1px 2px;
	text-decoration: underline;
}
a.delete:hover {
	background: red;
	color: white;
	text-decoration: none;
}


dl {
	width: 98%;
	margin: 0 auto;
	padding: 10px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	flex-wrap:wrap;
	justify-content: flex-start;
	box-sizing: content-box;
}

dt{
	width: 50%;
	clear: both;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}

dd{
	width: 49%;
	overflow: hidden;
	text-overflow: ellipsis;
}

dd, dt{
	padding: 5px;
	min-width:23%;
	flex:0 1 0;
	margin:0;
}

dd select, dd textarea, dd input[type="text"], dd input[type="number"], dd input[type="email"] {
	width: 95%;
}

dd textarea {
	resize:vertical;
}

dl.wide dt {
	width:30%;
}
dl.wide dd {
	width:69%;
	flex:none;
}

dl.wide dd textarea {
	resize:both;
}

.candidate-checks dl dt {
	width:70% !important;
}

#applications ul, .authorisation_comments ul {
	list-style-type: none;
	padding: 0;
	margin:0;
}

.application_header, .application_header:visited {
	display:block; 
	text-align:center; 
	text-decoration:none; 
	width:100%; 
	height:30px; 
	color:#000; 
	border: 1px solid #7E7EB1;
	background-color: #CCCCFF;
	line-height:30px; 
}

.employment, .qualification, .kenexa {
	border: 1px solid #7E7EB1;
	padding: 5px;
}

.employment_even {
	background-color: #F9F9F9;
}
.employment_odd {
	background-color: #EEEEEE;
}

.copyright a { color: #FFFFFF;}

#client-branding {
  display: inline;
  height: 44px;
  padding-left: 25px;
  width: 200px;
}

#client-branding-copyright {
  color: white;
  font-weight: 200;
  left: 300px;
  position: absolute;
  top: 3px;
}

#bt_right{ position:absolute; float: left; top: 2px; left: 600px;}

img.popup-calendar {
  width: 26px;
  height: 21px;
  vertical-align: bottom;
}

div[id^="agency_fees_period_"] {
    width: 100%; 
    padding-top: 5px; 
    margin-top: 5px;
    padding-bottom: 5px; 
    margin-bottom: 5px;
}


.timesheet_breakdown_day_box {

	background-color: #F8F8FF;
	padding: 6px;
	border: 1px solid #CCCCFF;
}

.add_remove_options {

	cursor: pointer;
	font-size: 10px;
	font-weight: bold;	
	color: #000066;
}

.txtlink {
	color: #003399;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}
	
.txtlink:hover{
	color: #003399;
	text-decoration: underline;
	font-weight: bold;
	cursor: hand;
}

ul.form_list {
    list-style: none;
}

.form_list li { 
	margin-bottom: 5px; 
	padding-bottom: 5px;
}

.form_list li label { 
	font-weight: bold; 
}

div.allocation-confirmation {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 784px;
	height: 130px;
	background: white url('../im/mbg.gif') no-repeat -2px top;
	border-left: 1px solid #999;
	margin-left: 1px;
}

div.allocation-confirmation div.title {
	color: white;
	font-weight: bold;
	padding: 15px 25px;
}

div.allocation-confirmation div.content {
	padding: 10px 15px;
	width: 95%;
}

.rate-card-compliance-deviates {
	background-color: #FFDDDD;
}

.rate-card-compliance-complies {
	background-color: #CCFFCC;
}

#custom_advert {
	background-color:#CCFFCC;
	position:fixed;
	bottom:0;
	width: 745px;
	height:100px;
	padding:10px;
	margin:10px;
	text-align:center;
	color:#000;
	border:1px solid #000;
	font-family: Trebuchet MS;
}

#custom_advert h3 {
	font-size:20px;
	padding:10px 0 5px 0;
	margin:0;
}

#custom_advert h4 {
	font-size:20px;
	padding:5px;
	margin:0;
}

#custom_advert p {
	font-size:14px;
	padding:5px;
	margin:0;
}

#custom_advert p#hide{
	font-size:10px;
	}
#custom_advert a {
	color:#000;
}

#custom_advert a:hover {
	text-decoration:underline;
}

#custom_advert #close_box {
	position:absolute;
	display:block;
	top:0;
	right:0;
	padding:2px;
}

.pagination .back-button {
  float: left;
}

.pagination .forward-button {
  float: right;
}

.pagination {
  background: #f0f0f0;
  border: 1px solid #dfdfdf;
  font-weight: bold;
  padding: 0.5em;
  height: 1.5em;
  margin: 1em 0;
  clear: both;
}

#duplicate-cvs {
	padding: 0px;
}

#duplicate-cvs table {
	width: 100%;
}


/* start badges */
.badge {
  background-color: #BFBFBF;
  border-radius: 3px;
  color: white;
  font-size: 9.75px;
  font-weight: bold;
  padding: 5px;
  text-transform: uppercase;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.badge a {
  color: white;
  cursor: pointer;
}

.badge.important {
  background-color: #C43C35;
}

.badge.success {
  background-color: #46A546;
}

.badge.caution {
  background-color: #F89406;
}

.badge.notice {
  background-color: #2E6AB1;
}
/* end badges */

.section {
  background: #efefef;
  border: 1px solid #ccc;
  margin: 5px 0px;
  padding: 10px;
}

.section h1 {
  font-size: 12px;
  margin: 0;
}

.section .badge {
  float: right;
}

.section .content {
  margin-bottom: 0;
}

.section .content dt, .section .content dd {
  display: inline-block;
  float: none;
  width: 40%;
}

.section .content dd {
  font-weight: bold;
  width: 50%;
}

td.showDetail, tr.showDetail, div.showDetail {
	background-position: 99%;
	background-repeat: no-repeat;
	cursor: pointer;
}
div.showDetail {
  margin-bottom: 5px;
}

tr.expanded, span.expanded, tr.isExpanded, div.isExpanded {
	background-image: url('../im/collapse.gif');
	background-repeat: no-repeat;
}

tr.collapsed, span.collapsed, tr.isCollapsed, div.isCollapsed {
	background-image: url('../im/expand.gif');
	background-repeat: no-repeat;
}

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

.match a {
	color: #FF0000;
}

.match a:hover {
	color: #00FF00;
}

.sow-badge {
  background: SteelBlue;
  color: White;
  float: right;
  font-weight: normal;
  margin: 1px;
  padding: 1px 2px;
  text-transform: uppercase;
}

tfoot td {
  font-weight: bold;
}

.pill {
  border-radius: 3px;
  border-width: 0;
  color: white;
  display: block;
  font-size: 11px;
  padding: 3px;
  text-align: center;
}
a.pill:hover, input[type="submit"].pill:hover {
  color: white;
  cursor: pointer;
}
.pill.allocate, .pill.new {
  background: #6cc644;
}
a .pill.allocate:hover, input[type="submit"].pill.allocate:hover, a .pill.new:hover {
  background: #4c8b30;
}
.pill.deallocate {
  background: #bd2c00;
}
a .pill.deallocate:hover, input[type="submit"].pill.deallocate:hover {
  background: #972300;
}
.pill.edit {
  background: #2d90c3
}
a .pill.edit:hover, input[type="submit"].pill.edit:hover {
  background: #1f6588
}

.pill.code {
  background-color: #F1F1F6;
  color: #4c4c6a;
  border: 1px solid #CCC;
  display: inline;
  font-size: .9em;
  font-weight: bold;
  margin-right: 10px;
  text-transform: uppercase;
}

#offer-rates-summary th,
#offer-rates-summary td { 
  background-color: #E6E6E6;
  border: 1px solid #ccc;
  text-align: center;
  vertical-align: top;
}
#offer-rates-summary td { 
  background-color: #F5F5F5;
}

#offer-rates-summary .percentage {
  padding: 0 5px 0 5px;
}

abbr {
  border-bottom: 1px solid #aaa;
}
*:hover>abbr[title] {
  border-bottom: 1px dotted #666; cursor: help;
}

.tooltip {
  border-bottom: 1px solid #aaa;
}

.attachments {
	border: 1px solid #AAAAAA;
}

.breakdown {
	border: 1px solid #666666;
	background-color: #F3F3F3;
	margin:5px;
}

.vat {
	font-variant: small-caps;
}

.additional_info {
	width: 160px;
}

.styling {
	border: 1px solid #AAAAAA;
	margin-left: 0px;
	padding: 1px;
}

.outerStyling {
	border: 1px solid #AAAAAA;
	background-color: #FFFFFF;
	margin-left: 0px;
	padding: 1px;
}

.timesheetTimes {
    border: 1px solid #AAAAAA;
    background-color: #F0F0FF;
    display: block;
    margin-left: 0px;
    padding: 1px;
}

.timesheet_days {
	border: 1px solid #AAAAAA;
	background-color: #F0F0FF;
	margin: auto;
	padding: 5px;
	text-align: center;
	width: 90%;
}

.hrs {width:30px;text-align:right;}
.mins {width:30px;text-align:right;}

.vettingDiv {
	margin: 2px;
	margin-bottom: 10px;
	padding: 8px;
	border: 5px solid #DBDBE9;
	overflow: hidden;
}

.vettingDiv select {
	width: 100%;
}

.vettingDiv textarea {
	width: 99%;
}

.job-associations td {
  margin: 2px 0;
}

.vacancies .candidate {
  margin-left: 5px;
  color: #999;
}

.vacancies .candidate.selected {
  color: #000;
  font-weight: bold;
  border: 1px solid #DDD;
  background-color: #EEE;
  padding: 2px;
}

#contract-value {
  border-spacing: 0;
  width: 300px;
}
#contract-value th, #contract-value td {
  
  border: 1px solid #ddd;
  text-align: center;
  width: 50px;
}
#contract-value th {
  background: #f5f5f5;
  border-bottom: none;
}

.search-result-subsource {
  max-width: 100px;
  width: 100px;
}
.discipline-unit-details {
  width: 768px;
}
.italic {
  font-style: italic;
}

#orgTreeBody {
  border-collapse: collapse;
}

#orgTreeBody tbody {
  border: 15px solid white;
}

#submit_button {
	float:right;
	margin-bottom:10px;
}

#offer-email-notifications ul {
	list-style:none;
	padding:5px 0 5px 10px;
	margin:0;
	text-indent:0;
}

.sortcol {
	cursor:pointer;
}
th.sortcol:hover {
	color:#00FF00;
}

table.report-params {
	margin-bottom: 20px;
}

table.report-params label {
	font-weight: bold;
}

table.report-params td:first-child > label {
	display: inline-block;
	width: 98%;
	text-align: right;
}

.dp-highlight .ui-state-default {
	border-color: #484 !important;
}

.noborder {
	border:none !important;
}

.scrollableTable {
  width: 750px;
  table-layout: fixed;
  border-collapse: collapse;
}
.scrollableTable th,
.scrollableTable td {
  padding: 5px;
  text-align: left;
}
.scrollableTable td:nth-child(1),
.scrollableTable th:nth-child(1) {
	min-width: 50px;
}
.scrollableTable td:nth-child(2),
.scrollableTable th:nth-child(2) {
  min-width: 100px;
}
.scrollableTable td:nth-child(3),
.scrollableTable th:nth-child(3) {
  width: 110px;
}
.scrollableTable td:nth-child(4),
.scrollableTable th:nth-child(4) {
  width: 110px;
}
.scrollableTable td:nth-child(5),
.scrollableTable th:nth-child(5) {
  min-width: 220px;
  width:300px;
}
.scrollableTable thead tr {
  display: block;
  position: relative;
}
.scrollableTable tbody {
  display: block;
  overflow: auto;
  width: 100%;
  height: 700px;
}
.scrollableTable tbody tr:nth-child(even) {
  background-color: #dddddd;
}

#archived_files li {
	list-style:none;
	padding-left:10px;
}

td.day-of-week {
	text-align: right;
}

table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }

table.small_cell_spacing td {
	padding: 5px 20px;
}

table.bold_headers_centered th {
	font-weight: bold;
	text-align: center;
}

table.cell_centered td {
	text-align: center;
}
div.delete {
	border: 1px solid #fbc2c4;
	background: #fbe3e4;
	padding: 8px;
	margin:5px;
}

.central_spaced {
	text-align: center;
	margin: 10px;
}

.centered_content {
  text-align: center;
}

.hyperlink {
	cursor: pointer;
}

.small-padding {
	padding: 10px;
}

.medium-padding {
	padding: 15px;
}

.large-padding {
	padding: 25px;
}

table.password-reset td, table.password-reset tr {
	padding: 10px;
}

.on-call-width {
	width: 68px;
}

.nowrap {
	white-space: nowrap;
}

.extension-details {
	padding:0;
}

.display-none {
	display: none;
}

.package-details-rates dl {
	padding-top:0px;
}

.orp-down-downs input {
	width: 165px !important;
	padding:5px;
	height:16px;
	border-radius:4px;
	border: 1px solid #AAA;
}

.offer_rates {
	margin-top:10px;
	/* This overrides #content table */
	width: unset !important;*
	margin-left: -185px;/*ie7*/
}

.offer_rates td {
	height:18px;
	text-align:right;
	width:99%;
	padding: 5px 10px;
}

.offer_rates .offer_rate_paid_per td, .offer_rates .pay td, .offer_rates .oncosts td, .offer_rates .agency td, .offer_rates .client td {
	height: 30px !important;
}

.offer_rates .base td {
	height:40px !important;
}

.offer_rates.readOnly td {
	height:24px !important;
}

.offer_rates td input, .offer_rates td select, .offer_rates th select, .offer_rates th input  {
	padding: 0;
	margin:0;
}

.offer_rates_wrapper {
	position:relative;
}

.offer_rates_wrapper_inner {
  overflow-x:scroll;
  overflow-y:visible;
  margin-left:185px;
  max-width: 580px;
}

.offer_rates th div {
	width:75%;
	float:left;
	height:100%;
}

.offer_rates .add_rate {
	margin-top:5px;
}

.offer_rates tbody td:nth-of-type(even),
.offer_rates thead th:nth-of-type(even) {
	background-color:#EEE;
}

.offer_rates th {
	border: 1px #DDD solid;
	padding:5px 10px;
	position:relative;
	height: 35px;
	text-align:right;
	font-weight:normal;
}

.offer_rates .readOnly th {
	height:24px;
}

.offer_rates th:first-child {
	border: none;
	background-color:transparent;
}

.offer_rates th:first-child , .offer_rates td:first-child {
	left:10px;
	width:170px;
	padding: 5px 2px;
	position:absolute;*
	position:relative;
}

.offer_rates th:nth-child(2) , .offer_rates td:nth-child(2) {
	max-width:100px;
}
.offer_rates th select,
.offer_rates td select,
.offer_rates td input  {
	max-width:100px;
}

.orp-table-header {
	width: 100%;
	background-color: #D6DBDF;
	border-bottom:1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom:5px;
}

.orp-table-header .period_from.readOnly {
	border:none;
	background-color: #D6DBDF;
	color:#000000;
	font-size:8.5pt;
}

.orp-table-header .orp-name-group,
.orp-table-header .orp-date-range {
	float:left;
	display:inline-block;
	width: 49%;
	padding: 5px 0 0 5px;
}

.offer_rates tr.collapse.in {
  display:table-row;
}

.offer_rates td span.toggle {
	float:left;
	width:15px;
}

.delete_rate {
	position:absolute;
	top: -8px;
	right: -8px;
	z-index: 1;
}

.invoiced_cost_warning {
	padding: 5px 0;
	font-weight: bold;
}

.capped_rate {
	color:orange;
}

.side_by_side dt , .side_by_side dd {
	min-width:47%;
}

div.side_by_side {
	float:left;
	width:49%;
}

dl.side_by_side {
	float:left;
	width:49%;
	padding-left:10px;
}

.awr_pay_comparator td {
	padding-left:5px !important;
}

.newButton {
	-moz-box-shadow:inset 0px 0px 0px 2px #9fb4f2;
	-webkit-box-shadow:inset 0px 0px 0px 2px #9fb4f2;
	box-shadow:inset 0px 0px 0px 2px #9fb4f2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
	background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);
	background-color:#7892c2;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:10px;
	padding:6px 9px;
	text-decoration:none;
}
.newButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
	background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7892c2',GradientType=0);
	background-color:#476e9e;
	color:#ffffff;
}
.newButton:active {
	position:relative;
	top:1px;
}

.bold {
	font-weight: bold;
}

.fullWidth {
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

.halfWidth {
    width:50%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

tr.small-text td {
	font-size: 10px;
}

tr.smallest-text td {
	font-size: 8px;
}

.smallest-padding, .smallest-padding th, .smallest-padding td {
	padding: 5px;
}

table.bordered th, table.bordered td {
	border: 1px solid black;
}

.vacancy_type, .vacancy_total {
	width:30px !important;
}

#job_client_locations input.readonly {
	border: none;
	background-color:transparent;
	padding-left: 5px;
	color:#000;
}

.collection-buttons {
	border:none !important;
	width:30px !important;
}

.iti-flag {
	background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/13.0.0/img/flags.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/13.0.0/img/flags@2x.png");}
}

.no-margin {
	margin: 0px;
}

.small-padding-left {
	padding-left: 10px;
}

.medium-padding-left {
	padding-left: 15px;
}

.active_allocations.rowodd {
	background-color: #B0C4DE;
}

.active_allocations.roweven {
	background-color: #B8D0E7;
}

.black {
	color: #000;
}

.alert_warning {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
	padding: 10px 5px;
	border: 1px solid transparent;
}

.alert.inactive {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding:5px;
}

.alert.active {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    padding:5px;
}

.no-list {
	list-style:none;
}

a.disabled {
	pointer-events: none;
	cursor: default;
}

@media print {
  .no-print, .no-print * {
    display: none !important;
  }
  body {
    -webkit-print-color-adjust: exact;
  }
  .container {
    background: none;
    background-image: none;
    margin: 0px;
  }
}

/* styling used for monthly timesheet pages */
.fade-in {
	display: none;
}

.weekend {
	background-color: #ffdab9 !important;
}

.public-holiday {
	color: #d9534f !important;
}

.statutory-holiday {
	color: #0f7ee6 !important;
}

.read-only, .read-only input, .disabled input {
	background-color: #eeeeee !important;
}

.working-day {
	background-color: #ffffff !important;
}

.credit {
	background-color: #fbe3e4 !important;
}

.debit {
	background-color: #e6efc2 !important;
}

.remove-button {
	background-color: red;
	color: #ffffff;
	border-radius: 6px;
}

.add-button {
	background-color: green;
	color: #ffffff;
	border-radius: 6px;
}

table.dataTable.compact thead th, table.dataTable.compact thead td, table.dataTable.compact tbody th, table.dataTable.compact tbody td {
	border: none !important;
	padding: 7px 0px !important;
}

table.dataTable.no-footer {
	border: none !important;
}

.short-height {
	height: 1px;
	line-height: 1px;
}

.grid-container {
	align-items: center;
	display: grid;
	padding: 5px;
}

.four-cols {
	grid-template-columns: repeat(4, 1fr);
}

.three-cols-middle-large {
	grid-template-columns: 1fr 3fr 1fr;
}

.three-cols {
	grid-template-columns: 1fr 1fr 1fr;
}

.two-cols {
	grid-template-columns: 1fr 1fr;
}

.checkbox-col-right {
	grid-template-columns: 1fr 10fr;
}

.grid-item {
	padding: 10px;
	justify-self: center;
	text-align: center;
}

.grid-item-left {
	padding: 10px;
	justify-self: left;
}

.grid-item-right {
	padding: 10px;
	justify-self: right;
}

.mandatory-field::after {
	content: " *";
	color: #cc0000;
}

.conditionally_mandatory::after {
	content: " (*)";
	color: red;
}

.hover {
	cursor: pointer;
}
/* styling used for new monthly pages (above) */

.emoji {
	font-size: 30px;
}

.grid {
	display: grid;
	grid-template-columns: 250px 250px 250px;
}

input.no-arrows::-webkit-outer-spin-button,
input.no-arrows::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number].no-arrows {
	-moz-appearance: textfield;
}

a[target="_blank"]::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  margin: 0 3px 0 5px;
}

/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }