/*
 **************************************************************************
 *                                                                        *
 * Layout stylesheet for CQ Building & Pest Inspections.                  *
 * Use this for all normal styling rules.                                 *
 *                                                                        *
 * Coded by Jylan Wynne - Almost Anything Web & Graphic Design            *
 *                                                                        *
 **************************************************************************
 */
/*
 begin Willem's edits
 */
 .actions .section{
 	width: 100%;
 	margin-bottom: 4%;
 }
 #ui-datepicker-div{
 	z-index: 999 !important;
 }
#dateRangeSubmit{
	float: right;
}
 .newLine{
 	clear: left !important;
 }
.history{
	float: right;
	color: green;
}

#JobInspectionsEditPageForm .schedule{
	margin-right: 0;
	clear: none;
}

#JobInspectionsEditPageForm #scheduleContainer{
	width:25%;
	float: right;
	clear: none;
}
#buttonsUl{
	clear: both;
}
.time select {
	width: 31%;
	padding-left: 0px;
}

.time select option {
	padding-left: 0px;
	text-align: left;
}

.time select {
	width: 31% !important;
	padding-left: 0px;
}

.time select option {
	padding-left: 0px;
}
/*
 * Global Reset
 */
div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	margin: 0;
	padding: 0;
	border: 0;
}

/*
 * Header & Navigation Elements
 */
body {
	font: normal normal 100 .75em/1.3em "Lucida Grande", "Lucida Sans",
		Verdana, Helvetica, Arial, sans-serif;
	background: #fff;
}

div#header {
	background: #333;
	padding: 0 2%;
	position: relative;
}

#footer {
	padding: 0.5em 0;
	clear:both;
	text-align:center;
}

#contentcontainer.iframe {
	position: relative;
}

#header:after,#contentcontainer.iframe:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#header h1 {
	margin: 13px 0 0;
	font-size: 1.3em;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: .1em;
	float: left;
}
div#header h1 a {
	color:#fff;
	border:none;
}

div#header h1 a {
	border: none;
	color: #fff;
}

ul.nav,ul.nav li,ul#section-nav,ul#section-nav li {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.nav li,ul#section-nav li {
	float: left;
}

ul.nav a,ul#section-nav a {
	display: block;
	padding: 20px .75em .4em;
	margin: 0 0 0 7px;
	color: #ddd;
	font-weight: bold;
	border: none;
}

ul.nav li.current a,ul.nav li.current a:hover {
	background: #fff;
	color: #000;
}

ul.nav li a:hover, ul.nav li a.active {
	color: #fff;
	background: #555;
}

ul#section-nav {
	margin: 0 0 1em;
	padding: 0;
	overflow: hidden;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

ul#section-nav a {
	top: 0;
	margin: 0;
	padding: 0 .75em;
	background: #ffdc57
		-webkit-gradient(linear, left top, left bottom, from(#ffdc57),
		to(#ffc943) );
	background: #ffdc57 -moz-linear-gradient(top left, #ffdc57, #ffc943);
	color: #333;
	line-height: 2em;
}

ul#section-nav li:first-child a {
	border-radius: 5px 0 0 5px;
}

ul#section-nav li:last-child a {
	border-radius: 0 5px 5px 0;
}

ul#section-nav li a:hover,ul#section-nav li.current a {
	color: #ffc943;
	background: #555
		-webkit-gradient(linear, left top, left bottom, from(#666), to(#333) );
	background: #555 -moz-linear-gradient(top left, #666, #333);
}

ul#section-nav li.current a {
	background: #333
		-webkit-gradient(linear, left top, left bottom, from(#444), to(#111) );
	background: #555 -moz-linear-gradient(top left, #444, #111);
}

div#contentcontainer h1 {
	color: #000;
	font-size: 2em;
	line-height: 1em;
	margin: 0;
	padding: 0 0 .7em;
	width: 100%;
	float: left;
}
	/*Special case for title of Job on job screen*/
	div#contentcontainer h1.TitleJobNumber {
		width:auto;
	}

/*
 * Links
 */
a {
	color: #7d3200;
	text-decoration: none;
	border-bottom: 1px solid #CFC1B8;
}

th a {
	color: #000;
	border-bottom: 1px dotted #000;
}

tr.recurringTr a {
	color: #000;
	border-bottom: 1px dotted #000;
}

tr.recurringTr a:hover,th a:hover {
	color: #7d3200;
	border-bottom: 1px solid #7d3200;
}

#fancybox-wrap a,.ui-datepicker-header a {
	border-bottom: none;
}

a:hover,a:active {
	color: #222;
	border-bottom: 1px dotted #222;
}

/*
	 * Actions Sidebar
	 */
div.actions ul {
	background: #eee;
	background: #eee
		-webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd) );
}

div.actions li {
	list-style: none;
}

div.actions a {
	color: #333;
	display: block;
	padding: .5em .75em;
	border-top: 1px solid rgba(255, 255, 255, 0.4);
	border-bottom: none;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

div.actions a:hover {
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	background: rgba(0, 0, 0, 0.04);
}

/*
 * Tables (including pagination)
 */
table {
	background: #eee;
	border-collapse: collapse;
	margin-bottom: 1em;
	width: 100% !important;
}

       table.week-overview-table {
              table-layout:fixed;
              margin-bottom:0;
       }
       table.week-overview-table td {
              vertical-align:top;
              padding:0;
       }

table tr.recurringTr td.actions {
	background: rgba(0, 0, 0, 0.15) url(../../img/recurringArrow.png) 95% 50% no-repeat;
	padding-right: 25px;
}

table tr.tentative, .week-overview-table ul.calendar_appts li.tentative {
       background:#dcd1aa url(../../img/tentativeBg.png) repeat-x;
       background-size: cover;
}
.week-overview-table li .note {
       font-weight:bold;
       color:red;
       font-size:110%;
}
table.fixed {
	table-layout: fixed;
}

/*
	 * DataTables
	 */
div.dataTables_length,div.dataTables_filter,div.dataTables_info,div.dataTables_paginate
	{
	float: left;
	left: 2em;
	position: relative;
	z-index: 10;
	background: #f3f3f3
		-webkit-gradient(linear, left top, left bottom, from(#f6f6f6),
		to(#eee) );
	color: #888;
	font-weight: bold;
	padding: 6px 10px;
	height: 25px;
	border: 1px solid #ddd;
}

div.dataTables_length {
	width: 150px;
	padding: 7px 10px 6px;
	border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	padding-right: 0;
	border-bottom: 1px solid #fff;
	border-width: 1px 0 1px 1px;
}

div.dataTables_filter {
	width: 230px;
	padding: 8px 10px 5px;
	border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	text-align: right;
	padding-left: 0;
	border-bottom: 1px solid #fff;
	border-width: 1px 1px 1px 0;
}

#unscheduled div.dataTables_filter, #scheduled div.dataTables_filter  {
       /* these two tables have no pagination, so this fixes the ugly left bit of the box. */
       	border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
       border-width: 1px;        
}

div.dataTables_info {
	height: auto;
	width: 380px;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-top: 1px solid #fff;
}

div.dataTables_paginate {
	float: right;
	left: 0;
	margin-right: 2em;
	height: 16px;
	border-top: none;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
}

div.dataTables_paginate span {
	cursor: pointer;
	text-decoration: underline;
	margin: 0 .3em;
	display: inline-block;
}

div.dataTables_paginate span:hover span {
	color: #888;
}

div.dataTables_paginate span:hover,div.dataTables_paginate span span:hover
	{
	color: #333;
}

div.dataTables_paginate span span:hover {
	color: #fff;
	background: #333;
}

div.dataTables_paginate span span {
	background: #fff;
	text-decoration: none;
	padding: .2em .3em;
	margin-top: -.2em;
	border-radius: 2px;
	-moz-border-radius: 2px;
}

div.dataTables_wrapper {
	margin-bottom: 2em;
	clear: both;
	overflow: hidden;
}

div.dataTables_filter input {
	width: 160px;
	border: 1px solid #888;
}
div.dataTables_length select {
	width: 50px;
	border: 1px solid #888;
}

div.dataTables_wrapper table {
	clear: both;
	margin-bottom: 0;
}

div.dataTables_wrapper thead th {
	cursor: pointer;
	background: #ddd url(../js/datatables/images/sort_both.png) center right
		no-repeat;
}

div.dataTables_wrapper thead th.sorting_asc {
	background-image: url(../js/datatables/images/sort_asc.png);
	background-color: #d0d0d0;
	color: #333;
}

div.dataTables_wrapper thead th.sorting_desc {
	background-image: url(../js/datatables/images/sort_desc.png);
	background-color: #d0d0d0;
	color: #333;
}

table tr td.sorting_1 {
       background: #ddd;
	color: #333;
}

table tr.even td.sorting_1 {
       background: #ddd;
}

table tr.tentative.even td, table tr.even td.sorting_1 {
       background:none;
}

h2,h3,legend,table caption {
	color: #000;
	font-size: 1.2em;
	line-height: 1em;
	font-weight: bold;
	margin: 0;
	padding: .5em 0 .5em .6em;
	clear: both;
	text-shadow: 1px 1px 0 #eee;
	text-align: left;
	background-color: #ddd;
	background: #ddd
		-webkit-gradient(linear, left top, left bottom, from(#e3e3e3),
		to(#d3d3d3) );
}

div.actions h3 {
	background: #333;
	background: #333
		-webkit-gradient(linear, left top, left bottom, from(#555), to(#222) );
	color: #fff;
	text-shadow: 1px 1px 0 #000;
        line-height:1.2em;
}

h2 em {
	background: #999;
	background: #999
		-webkit-gradient(linear, left top, left bottom, from(#aaa), to(#888) );
	color: #fff;
	text-shadow: none;
	font-style: normal;
	margin: -.5em .6em 0 -.6em;
	padding: .5em .6em;
	display: block;
	float: left;
}

table th {
	border: 1px solid #eee;
	border-left: 1px solid #ddd;
        border-top:1px solid #ddd;
	background: #ddd;
	color: #000;
	text-transform: uppercase;
	text-align: left;
	padding: .4em .7em;
	font-size: .9em;
	font-weight: bold;
}

table thead th:first-child,table tfoot th:first-child {
	border-left: none;
}

table thead th:last-child,table tfoot th:last-child {
	border-right: none;
}

thead th {
	border-bottom-width: 2px;
}

tfoot th {
	border-top-width: 2px;
}

th.entered {
	width: 7% !important;
}

th.address {
	width: 20% !important;
}

strong.suburb {
	font-weight: 900;
}

strong {
	font-weight: bold;
}

strong.suburb:after {
	content: " - ";
	font-size: 1.2em;
}

th.type,th.jobid {
	width: 7% !important;
}

th.buildinginspectiondate {
	width: 14% !important;
}

th.tentativedate {
	width: 12% !important;
}

th.allocatejob,th.editjob {
	width: 10% !important;
}

table th.nofactualinfo {
	background: #eee;
}

table td {
	border: 1px solid #f8f8f8;
	padding: .5em .7em;
	color: #444;
}

table tr:hover td, table tr.even:hover td {
	background-color: rgba(0, 0, 0, 0.02);
}

table tr td:hover, table tr td.sorting_1, table tr.even td:hover {
	background-color: rgba(0, 0, 0, 0.04);
}

table td.containsicon {
	padding: 0;
}

table.separated td {
	border-bottom: 1px solid #dae8e7;
}

table td.linkcell {
	text-align: center;
}

table tr.even td {
	background: #f5f5f5;
}

.pagination {
	margin: .5em 0 2em 2em;
}

.pagination p {
	border-bottom: 1px solid #ddd;
	padding: 0 0 .25em;
	margin: 0 0 .3em;
	color: #333;
}

.pagination .paging {
	font-weight: 400;
}

.paging .current {
	font-weight: bold;
	background: #fff;
}

/*
 * Forms
 */
div#header form {
	float: left;
	margin: 9px 25px 0 25px;
	position: relative;
}

div#header form label {
	position: absolute;
	left: 4px;
	top: 4px;
	text-transform: uppercase;
	font-size: .9em;
	color: #666;
	cursor: text;
}

div#header input#searchinput {
	padding: 2px;
	border: 1px solid #000;
	background: #fff;
	width: auto;
}

div#header input#searchsubmit {
	color: #333;
	padding: 3px 6px 2px;
	font-size: .9em;
	margin-left: .5em;
	background: #ccc;
	cursor: pointer;
	float: none;
}

div#header input#searchsubmit:hover {
	background: #fff;
	color: #000;
}

form ul,form li,div.confirmation ul,div.confirmation li {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}

ul.thirds>li>ul,ul.quarters>li>ul,ul.fifths>li>ul,ul.sevenths>li>ul,ul.vertical>li>ul
	{
	padding: 0;
}

form ul,div.confirmation ul,ul.container>li>ul {
	margin: 0 0 1.5em;
	background: #f5f5f5;
	border: 1px solid #f5f5f5;
	padding: .25em .75em;
	clear: left;
}

#contentcontainer form ul ul ul.vertical,#contentcontainer ul.vertical ul
	{
	border: none;
}

ul.schedulejob {
	opacity: .5;
	-webkit-transition: all 250ms linear;
}

ul.schedulejob:hover,ul.schedulejobactive {
	opacity: 1;
}

ul#jobScheduling {
	width: 73%;
	float: left;
	margin-right: 2%;
}

ul#paymentSummary {
	width: 25%;
	float: right;
	clear: right;
}

div.confirmation ul li {
	padding: 2em;
}

div#contentcontainer form ul.container {
	padding: 0;
	border: none;
	background: none;
}

form>ul:hover,form ul.container ul:hover,form>div>ul:hover {
	border: 1px solid #d3d3d3;
}

.iframe form>ul:hover,.iframe form ul.container ul:hover,.iframe form>div>ul:hover
	{
	border-color: #d3d3d3 transparent;
}

body.modal-source form ul {
	border: none;
}

body.modal-source form ul {
	background: transparent;
	padding: 0;
}

form li,ul.container>li>ul li {
	padding: .5em 0;
	/*position: relative;*/
	clear: both;
	overflow: hidden;
}

form ul ul.container>li {
	padding: .5em 0;
}

form li ul.child {
	clear: left;
	margin: 0;
	padding: .3em 0 0 12px;
}

form li ul.child li {
	padding: .2em 0;
}

form ul.single li {
	border: none;
	padding: .5em 0;
}

form ul.important {
	background: #ffdc57
		-webkit-gradient(linear, left top, left bottom, from(#ffdc57),
		to(#ffc943) );
	border: 1px solid #ffc943;
}

form li.importantbuttons {
	float: none;
	overflow: hidden;
	margin: 0;
}

form li.nopadding {
	padding-left: 0;
}

form>ul>li,form>div>ul>li,form>ul.container>li>div>ul>li,ul.thirds>li>ul>li,ul.quarters>li>ul>li,ul.fifths>li>ul>li,#contentcontainer ul.vertical ul li
	{
	float: left;
	clear: none;
	background: none;
	margin-right: 2%;
}

#contentcontainer ul.vertical li {
	float: none;
	margin-right: 0;
}

/* Mainly for Page 3 of job process */
form ul.container>li,#contentcontainer ul.vertical li.checkbox li {
	padding: 0;
}

form ul>li>ul li {
	padding: 0 0 1em;
}

form ul#paymentSummary>li {
	margin-right: 0;
	width: 100%;
}

form li.firstonrow {
	clear: left;
}

form li.halfwidth,form li.thirdwidth,form li.twothirdwidth {
	width: 50%;
	float: left;
	clear: none;
	background: none;
}

form li.twothirdwidth {
	width: 66.666%;
}

form li.thirdwidth {
	width: 33.33%;
}

form li.fullwidth {
	width: 100%;
}

form li.halfwidth {
	width: 50%;
}

form ul.fifths>li {
	width: 18%;
}

form ul.fifths>li.two {
	width: 38%;
}

form ul.fifths>li.three {
	width: 58%;
}

form ul.fifths>li.four {
	width: 78%;
}

form ul.fifths>li.five {
	width: 100%;
	margin-right: 0;
}

form ul.quarters>li {
	width: 23%;
}
form ul.thirds>li {
	width: 31%;
}

form ul.quarters>li.two,form ul.quarters.container>li.two {
	width: 48%;
}

form ul.quarters.container>li.two:last-child {
	width: 50%;
	margin-right: 0;
}

form ul.quarters>li.three {
	width: 73%;
}

form ul.quarters>li.four {
	width: 100%;
	margin-right: 0;
}

form ul.quarters.container>li {
	width: 23%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

form ul.quarters.container>li+li+li+li {
	margin: 0;
	width: 25%;
}

form#JobClientAddPageForm ul.sevenths>li, form#JobClientEditPageForm ul.sevenths>li {
	width: 13.2%;
        margin-right:1%;
}

form ul.thirds>li {
	width: 31.333%;
}

form ul.thirds>li.two {
	width: 64.6666%;
}

form ul.thirds>li.three {
	width: 100%;
	margin-right: 0;
}

form ul.thirds.container>li {
	width: 32%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Makes sure first child, first on row, and third on row li's don't have margins (only row middle should) */
#contentcontainer form ul.thirds.container li:first-child,#contentcontainer form ul.thirds.container li.thirdonrow+li,#contentcontainer form ul.thirds.container>li.thirdonrow
	{
	margin-right: 0;
	margin-left: 0;
	margin-top: 0;
}

/* lastonrow styles - mainly just for the Client/Property modals */
ul.thirds>li.lastonrow {
	margin-right: 0;
	width: 33.333%;
}

ul.quarters>li.lastonrow {
	margin-right: 0;
	width: 25%;
}

ul.fifths>li.lastonrow {
	margin-right: 0;
	width: 20%;
}

form#JobClientAddPageForm ul.sevenths>li.lastonrow {
	margin-right: 0;
	width: 14.3%;
}

form ul.quarters>li.three.lastonrow {
	width: 75%;
}

form ul.fifths>li.four {
	margin-right: 0;
	width: 80%;
}

/* Prevents middle li on 2nd row and beyond from catching on first row's middle li bottom margin */
#contentcontainer form ul.thirds.container li.thirdonrow+li {
	clear: left;
}

/* Increasing item spacing to match other page/site elements. Adding bottom margin for readability if there's more than 1 row */
form ul.thirds.container li.middleofrow {
	margin: 0 2.74% 1.5em;
}

/* More readability styles, and slightly reducing row item width in Enquiry Step 3 page so item spacing is equal (needs to be done as parent ul only spans 73% of page) */
form ul.thirds.container>li {
	border-bottom: 2px solid #333;
	padding-bottom: 1em;
	margin-bottom: 1.5em;
	width: 31.5%;
}

/* Purely to line up radio button groups with normal input elements */
form li div.inputgroup {
	margin-left: 2px;
}

/* Hiding client details save buttons on jobs process */
#clientDiv ul.single,#propertyDiv ul.single, #noteDiv ul.single {
	display: none;
}

form fieldset {
	margin: 1em 0 0;
}

label,span.groupheading {
	cursor: pointer;
	display: block;
	color: #555;
	font-weight: bold;
	margin: 0 0 .2em;
}

label span.clear {
	color: #f00;
	font-weight: 100;
}

li#prices label {
	margin: 0 0 .7em;
}

label.summary {
	border-top: 1px dashed #ccc;
	margin: 1em 0 0 !important;
	padding: .65em 0 0;
	font-size: 1.25em;
}

ul li ul.child label {
	font-size: .9em;
	color: #777;
}

ul.single li label {
	display: inline-block;
	margin-right: 3px;
}

ul.important li label {
	font-weight: bold;
}

li.active label,li.active span.groupheading {
	color: #000;
}

form label.autosize {
	width: auto;
}

li.radio label,li.checkbox label {
	padding: 0;
	margin: .2em 1em .2em 0;
}

.container li.checkbox {
       margin-top:1.5em;
}

li.radio label {
	font-weight: 100;
}

li.radio.floated label {
	float: left;
}

li.radio label:first-of-type,li.checkbox label:first-of-type {
	margin-top: 0;
}

li.radio.floated label:first-of-type,li.checkbox.floated label:first-of-type
	{
	margin-top: .2em;
}

legend {
	font-size: 1.2em;
}

input[type=text],input[type=password],select,input[type=date],textarea,input.single {
       color: #666;
       padding: .2em;
       margin: 0;
       border: 1px solid #ccc;
       background: #fff;
       width: 100%;
       box-sizing:border-box;
       -webkit-box-sizing: border-box;
       -moz-box-sizing:border-box;
}

#contentcontainer li label input {
	width: auto;
}

li#prices label input {
	width: 50px;
	margin-right: .5em;
}

/* Mostly for .floated li's I guess - stops selects without a corresponding label from butting up against an input */
li.select.text input,li.select.text select {
	margin-bottom: .5em;
}

li label.summary input {
	font-weight: bold;
	border: 1px solid #999;
	vertical-align: baseline;
	margin-right: 0;
	margin-left: .5em;
}

ul.important select {
	font-weight: bold;
	border: 1px solid #fff;
}

li input.active,li textarea.active,li select.active,input.active,textarea.active,select.active
	{
	border: 1px solid #000;
	outline: 0;
	color: #333;
}

li textarea {
	height: 60px;
}

li.halfwidth input,li.halfwidth textarea,li.halfwidth select,li.thirdwidth input,li.thirdwidth select,li.thirdwidth textarea
	{
	width: 95%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

form li.lastonrow input,form li.lastonrow select,form li.lastonrow textarea
	{
	width: 100%;
}

li.floated select {
	width: 30%;
	margin-right: 2.4%;
}

li.creditcardexpiry select {
	width: 45%;
}

li.agreementsendcontainer select {
	width: 70%;
}

li.floated select.lastonrow {
	margin-right: 0;
	width: 31.8%;
	float: right;
}

li#creditcardexpiry select.lastonrow {
	float: none;
}

table td input {
	border: 1px solid #a8c4ce;
	background: #fff;
	color: #666;
	padding: .3em;
	margin: 0;
	width: auto;
	max-width: 90%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

input[type=file].single {
	background: #eee;
	padding: .5em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.backButton {
	float: left !important;
}

input[type=submit],button,.button,li.importantbuttons input[type=submit].notimportant,input#cancel,input.backButton,a.backButton
	{
	color: #333;
	background: #ddd;
	background: #ddd
		-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ccc) );
	font-weight: bold;
	cursor: pointer;
	padding: .4em .7em .35em;
	margin: 0 1em 0 0;
	font-size: .9em;
	border: none;
	float: left;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}
button.disabled,.disabled {
	color: #ddd;
	background: none;
}
.buttonGroup {
	margin: 0 1em 0 0;
	white-space-collapse: discard;
}
.buttonGroup input[type=submit],
.buttonGroup button,
.buttonGroup .button,
.buttonGroup li.importantbuttons input[type=submit].notimportant,
.buttonGroup input#cancel,
.buttonGroup input.backButton,
.buttonGroup a.backButton {
	margin: 0 -4px 0 0;
	padding: .4em 0.35em .35em;
	-moz-border-radius: 0;
	border-radius: 0;
}
.buttonGroup .button:last-child {
	margin: 0 -4px 0 0;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.buttonGroup .button:first-child {
	margin: 0 -4px 0 0;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
td.actions {
    text-align:right;
}
td.actions .button {
    float:none;
    padding:0.25em 1em;
    line-height:200%;
}

input#cancel {
	font-size: 1em;
}

input[type=submit]:last-child,button:last-child,.button:last-child {
	margin-right: 0;
}

li.importantbuttons input[type=submit],li.importantbuttons button,li.importantbuttons .button
	{
	color: #ffc943;
	background: #444;
	background: #444
		-webkit-gradient(linear, left top, left bottom, from(#666), to(#333) );
	margin: 0 .3em 0 0;
	font-size: 1em;
}

p.message a.button {
	float: right;
	background: #fff;
	color: #333;
	margin: -.35em -.5em 0 0;
	font-size: .8em;
}

div.confirmation .button {
	float: none;
	margin: 2em 0 0;
	display: inline-block;
}

input[type=submit] {
	float: right;
	margin: 0;
}

input[type=submit]:hover,.button:hover,button:hover {
	color: #fff;
	background: #888;
	background: #888
		-webkit-gradient(linear, left top, left bottom, from(#888), to(#666) );
}

li.importantbuttons input[type=submit]:hover,li.importantbuttons .button:hover,li.importantbuttons button:hover
	{
	color: #fff;
	background: #222;
	background: #222
		-webkit-gradient(linear, left top, left bottom, from(#444), to(#000) );
}

a.button {
	border: none;
}

li.importantbuttons button:first-child,li.importantbuttons .button:first-child
	{
	float: left;
}

li.importantbuttons button:last-child,li.importantbuttons .button:last-child
	{
	float: right;
}

li.floated.select .button {
	float: right;
	width: 23%;
	padding: .35em 0;
}

a /*.button*/ .delete {
	background: transparent;
	color: #f00;
	margin: 0 0 0 5px;
}

td a.delete {
	float: right;
}

a /*.button*/ .delete:hover {
	background: #f00;
	color: #fff;
}

li.checkbox input,li.radio input {
	margin: 0 4px 0 0;
}

/*
 * Week Overview
 */

table.week-overview-table ul, table.week-overview-table li {
       margin:0;
       padding:0;
       list-style:none;
}

table.week-overview-table ul.calendar_appts li {
       padding:2px 3px 1px;
       margin:0 1em 5px;
       background:#fff;
       border-radius:3px;
       -webkit-border-radius:3px;
       -moz-border-radius:3px;
       font-size:.8em;
}

table.week-overview-table ul.calendar_appts li:last-child {
       margin:0 1em 0;
}

table.week-overview-table ul.calendar_notes {

	margin-bottom:1em;

}

table.week-overview-table ul.calendar_notes li {
		width:auto;
		margin:0;
		padding:1em 3px;
       background:#fff;
       font-weight:bold;
       text-align:center;
}

#week-overview-next {
       float:right;
       margin:0;
}

#week-overview {
       padding:1em;
}

#week-overview-wrapper {
       margin: 0 0 1.5em;
       clear:both;
       border:1px solid #ccc;
}
.week-overview-table a {
    color:#000;
}

/*
 * General Information
 */
p {
	margin-bottom: 1em;
}

div.flashMessage {
	padding: 1em;
	margin: 0 0 1em;
	font-size: 1.1em;
	border: 1px solid #ccc;
	background: #eee;
	color: #333;
}

div /*.flashMessage*/ .good {
	background: #98d30a;
	background: #98d30a
		-webkit-gradient(linear, left top, left bottom, from(#9ddb0b),
		to(#90c90a) );
	border: 1px solid #90c90a;
}

div /*.flashMessage*/ .attention, table.week-overview-table ul.calendar_notes li  {
	background: #df98f1;
	background: #df98f1
		-webkit-gradient(linear, left top, left bottom, from(#df98f1),
		to(#e062ff) );
	border: 1px solid #e062ff;
}
/*
div .bad {
	background: #f00;
	background: #f00
		-webkit-gradient(linear, left top, left bottom, from(#ff0a0a),
		to(#f50000) );
	border: 1px solid #f50000;
	color: #fff;
}
*/
div /*.flashMessage*/ .bad {

	color: #9D261D;
	background: none repeat scroll 0 0 #FAE5E3;
	border: 1px solid #9D261D;
	padding: 1em;
	position:relative;
}

.flashMessage ul {
	padding: 0 0 0 1.5em;
}

.flashMessage li {
	margin-bottom: .3em;
}

.error-message {
	color: #f00;
	font-size: .9em;
	font-weight: bold;
	margin: .3em 0 0;
}

.error-message:before {
	content: "\2192  ";
}

.contactdetails span {
	display: block;
}

div.confirmation {
	text-align: center;
}

div.confirmation h3 {
	font-size: 2em;
	margin: 1em 0 0;
	color: #333;
	font-weight: 100;
}

div.confirmation h3.success {
	color: #78a708;
}

div.confirmation h4 {
	font-size: 1.6em;
	margin: 1em 0 2em;
	color: #78a708;
	font-weight: 100;
}

div.confirmation h4 em,div.confirmation h3 em,div.confirmation h3.success
	{
	font-style: normal;
	font-weight: 900;
}

.uuid,.displayNone,.invisible,.hidden {
	display: none;
}

.scheduleStatuses {
	width: auto;
}

form li.scheduleStatuses input,form li.scheduleStatuses label {
	width: auto;
	float: none;
	display: inline;
}

form li.scheduleStatuses input {
       margin:0 4px 0 0;
}

form li.scheduleStatuses label {
       padding:0 .75em 0 0;
}

#calendar-controls {
       list-style:none;
       padding:0;
       margin:0 0 1em;
       float:left;
       width:100%;
}

#calendar-controls li {
        text-align:center;
}

#calendar-controls li select {
        width:250px;
}

div#contentcontainer.modalForm {
	margin: 0;
	width: 100% !important;
}

.modalForm .section.full {
       /* margin:  2%; */
       margin-bottom:  0;
       width: 100%;
}

.modalForm .modalButttonsUl {
	margin-bottom: 0px;
}

.modalForm ul li {
	margin: 0;
}

/*
.error-message{
	color: red;
}
.message{
	color: blue;
}



#clientSelectLi, #clientDetailsLi, #propertySelectLi, #propertyDetailsLi{
	display: block;
	float : left;
	clear: none;
}
#realEstateAgentsDiv, #solicitorsDiv{
	margin-right: 30px;
	margin-bottom: 20px;
}

.unit.size1of2.first{
	padding-right: 1% !important;
}
.unit.size1of2.second{
	padding-left: 1% !important;
}
#jobDetailsDiv{
	float: left;
}
ul.horizontal li{
	clear: none;
	float: left;
	margin-right: 2%;
}
ul.vertical{
	float: left;
}
ul.vertical li{
	clear: both;
}
#clientDetailsLi label{
	text-align: left;
}
#clientSelectLi{
	#margin-top: 19px;
}
#jobTypeDiv > ul.parent > li{
	float: left;
	clear: none;
}
.price{
	padding-left: 8em;
}
.price span{
	float: left;
	width: 8em;
	margin-left: -8em;
}
.price .dollarSign{
	float: left;
	width: 1em;
	margin-left: -1em;
}
.price input{
	top: -0.3em;
	position: relative;
	display: inline-block;
	width: 6.3em !important;
	text-align: right;
}
.total input{
	font-weight: bold;
	font-size: 1.2em;
	width: 5.5em !important;

}
.total span{
	font-weight: bold;
	font-size: 1.2em;
	margin-left: -6.667em;
	width: 6.667em;
}
.priceUl{
	padding-left: 0;
}
#InspectionDateNa{
	float: right;
}
#inspectionDateLabel, #InspectionDateNa input{
	margin-right: 1px;
}
.containerBorder{
	border: 1px solid #DDDDDD;
}
.fieldset {
	padding : 1%;
	padding-top : 0%;
}
.fieldset:first-child {
	padding-top : 1%;
}
.leftAlignedCheckBoxLi input{
	float: left;
	width: 10px !important;
}
.leftAlignedCheckBoxLi label{
	text-align: left;
}
.rightAlignedCheckBoxLi input{
	float: right;
	width: 10px !important;
}
.rightAlignedCheckBoxLi label{
	text-align: right;
}
.leftInspection{
		padding-left: 0 !important;
		clear: left;
	}
.rightInspection{
		padding-right: 0 !important;
}
.recurringTr{
	background: yellow;
}

.flash_failure ul{
	list-style: disc inside none !important;
	padding-left: 1em;
}
.flash_failure h2{
 	color: red;
 	background: none;
}
*/

table td.actions {
              white-space:nowrap;
      }
.jobs table td.actions {
width:351px;
      }
      
dl dt {
	font-weight:bold;
}
dl dd {
	margin-left:0;
	overflow-wrap: break-word;
}
form#JobJobsheetForm {
	position:relative;
}
a#JobSheet-PrintLink {
	position:absolute;
	top:1px;
	right:0;
	margin:0;
}

/**
 * Inspector calendar colours 
 * 
 * These are fot the inspectors in the planning calendar on the schedule/Job screens
 **/
 

.inspector-col,
.inspector-Col {
	
	border-left:5px solid green;

}

.inspector-casey,
.inspector-Casey {
	
	border-left:5px solid blue;

}

.inspector-Lucas, 
.inspector-lucas {
	
	border-left:5px solid red;

}

.inspector-Drew,
.inspector-drew {
	
	border-left:5px solid black;

}

.inspector-Brandon,
.inspector-brandon {
	
	border-left:5px solid #ffdc57;

}

.inspector-Johanna,
.inspector-johanna {
	
	border-left:5px solid #ffc943;
	
}

.inspector-Kane,
.inspector-kane {
	
	border-left:5px solid purple;
}
.inspector-Dan,
.inspector-dan {
        
        border-left:5px solid cornflowerblue;
}
/**
 * Inspector calendar Holiday styles 
 **/
 
thead th.is_holiday {
	background: #aaa;
}
 
tbody td.is_holiday {
	background: #bbb;
}

div.bookinginfo {
	text-align:center;
	padding:0.35em;
}

div#header form#JobSearchForm {
	position: absolute;
	top:0;
	margin:6px;
	left:103px;
	width:230px;
}
div#header form#JobSearchForm input {
	float:left;
	width:30px;
}
div#header form#JobSearchForm input.JobSearchField {
	width:170px;
}

#JobSearchForm input[type="submit"] {
 border-radius:0;
 border-bottom:1px solid #CCCCCC;
}

#jobNav {
	width:100%;
	height:2em;
	list-style:none;
}

#jobNav .nav-center {
	text-align:center;
}
#jobNav .nav-left {
	float:left;
	width:100px;
}
#jobNav .nav-right {
	float:right;
	text-align:right;
	width:100px;
}

.image-caption {
	margin:1em;
	text-align:center;
}
form li.lastonrow textarea.image-edit-caption {
	box-sizing:border-box;
	display: block;
	margin:1em auto;
	width:93%;
	padding:5px;
	text-align:center;
	color: #000;
	resize: vertical;
	font:100 1em/1.3em "Lucida Grande","Lucida Sans",Verdana,Helvetica,Arial,sans-serif
}
.image-actions {
	padding:0 1em;
}


/*Change added on 30/11/18 by Beau Smyth*/
/*This was needed so that the search bar doesn't disappear behind the nav menu on landscape view on iPad*/
@media(max-width: 1000px){
	.nav.sf-menu{
		float: unset !important;
		padding-top: 3em !important;
	}
}

/*.inspection-has-children ul:first-of-type{
	display: none;
}*/

.inspection-has-children::after{
	content: "";
	width: 15px;
	height: 15px;
	display: inline-block;
	right: .5em;
	position: relative;
	background: url('../img/drop-down-list-arrow.png') center center no-repeat;
	background-size: contain;
}
.inspection-has-children:hover{
	cursor: pointer;
	background: rgba(128, 128, 128, 0.26);
}
.inspection-has-children > ul > li{
	position: static;
}

.checkbox.inspection-has-children{
	display: flex;
}

.checkbox:hover{
	cursor: pointer;

}

.checkbox.inspection-has-children ul:first-of-type{
	display: none;
}

.checkbox.listDisplay.inspection-has-children ul:first-of-type{
	box-shadow: 0px 0px 3px 0px;
	display: block;
    position: absolute;
    margin-top: 1.5em;
    border: thin solid rgba(128, 128, 128, 0.26);
}
li.checkbox label.inspectionCheckboxLabel {
	padding-left:1.5em;
}

.inspectionCheckboxLabel .inspectionCheckbox {
	margin-left:-1.2em;
}
.inspectionItemDepth0 {
	min-height: 2.5em;
}
.inspectionNewline {
	clear:both;
}