body{
    height:100% /* force the BODY element to match the height of the HTML element */
}

.maintenance-message {
    margin: auto;
    width: 50%;
    text-align: center;
    font-size: 20px;
    border: 5px solid red;
    padding: 15px;
    background-color: white;
    color: red;
}
#draggable {
    font-size: x-large;
    border: thin solid black;
    width: 5em;
    text-align: center
}

#loginForm {
    width: 55%;
}

#loginForm .validation-error {
    display: block;
    margin-left: 15px;
}

#loginForm .validation-summary-errors ul {
    margin: 0;
    padding: 0;
}

#loginForm .validation-summary-errors li {
    display: inline;
    list-style: none;
    margin: 0;
}

#loginForm input[type="checkbox"],
#loginForm input[type="submit"],
#loginForm input[type="button"],
#loginForm button {
    width: auto;
}

#nav ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
#nav ul li {
  font: bold 12px/18px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 15px 20px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#nav ul li:hover {
  background: #318CE7;
  color: #fff;
}
#nav ul li ul {
  padding: 0;
  position: absolute;
  top: 48px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
#nav ul li ul li {
  background: #318CE7;
  display: block;
  color: #fff;
  text-shadow: 0 -1px 0 #000;
}
#nav ul li ul li:hover { 
	background: #007fff; 
}

#nav ul li ul li:hover a { 
	color: #fff;
}

#nav ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

div.header 
{ 
	background-color: #318ce7; 
	border-bottom: 2px solid #111; 
	color: White; 
	height: 62px;
}

div#content 
{ 
	min-height: 1010px;
	border-left: 3px solid #318ce7;
	margin-left: 242px; 
	position:absolute;
	padding: 1em; 
    z-index:-1;
	width: 85%;
	/* Remove this line if it's not going to be a background! */
}

div#left-aside
{
	float: left; 
	width: 238px; 
	padding: .3em; 
	min-height: 660px;
}

div.float-left
{
	float: left;
}

div.float-right
{
	float: right;
}

.nav-menu ul
{
    margin: 0;
    padding-left: 5px;
}

.welcome-title
{
	font: black;
	padding-left: 15px;
}

.navigation li
{
	display: inline;
	border-right: 2px solid white;
	padding-left: 15px;
	padding-right: 15px;
}

.navigation ul a
{
	display: block;
}

.navigation li a:link
{
	color: white;
	text-decoration: none;
}

.navigation li a:visited
{
	color: white;
}

.menu-navigation
{
	background-color: white;
}

.menu-navigation ul a
{
	display: block;
	text-decoration: none;
	color: white;
}

.menu-navigation li
{
	color: #318ce7;
	list-style-type: none;
	height: 20px;
}

.menu-navigation li a:hover
{
	color: #318ce7;
	font-size: 1.2em;
}

.hover-colour-change:hover {
    color: #ff007f;
    cursor: pointer;
}

.change-status:hover
{
	color: #ff007f;
}
.menu-navigation a
{
	color: #007fff;
	font-size: 0.78em;
}

.menu-navigation li .stand-out
{
	color: red;
}

.stand-out2 a {
    color: red;
    font-size: 1.1em;
    font-weight: bold;
}

.menu-navigation, .stand-out, .job-details-table .stand-out {
    color: red;
}

.details-navigation li
{
	display: inline;
	list-style-type: none;
}

.logo, .search
{
	height:50px;
	line-height: 50px;
}

#logo
{
	vertical-align: middle;
}

#search
{
	vertical-align: middle;
}

.search
{
	padding-right: 10px;
}

div.pager 
{ 
	text-align: left; 
	padding: 1em 0 0.5em 0.5em; 
	margin-top: 1em; 
	width: 100%;
}

div.pager a
{ 
	font-size: 1.1em; 
	color: #666; 
	text-decoration: none;
	padding: 0 .4em 0 .4em; 
}

div.pager a:hover 
{ 
	background-color: Silver; 
}

div.pager a.selected, div.pager input.selected
{ 
	background-color: #353535; 
	color: White; 
}

.details-navigation li
{
	padding-right: 10px;
}

.details-navigation li a:hover
{
	color: orange;
}

#sub-tabs
{
	height: auto;
}

#sub-tabs-est-photo
{
	height: auto;
}

#repairs-tabs 
{
	height: auto;
	margin-top: 10px;
	border: 1px solid #a1caf1;
}

.table-row-font
{
	color: #669;
}

.table-scope-padding-top
{
	padding-top: 15px;
}

.style-b, table-scope, table-scope2  
{
	background: #fff none repeat scroll 0 0;
    border-collapse: collapse;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 13px;
    margin: 0px;
    text-align: left;
}

.style-b th, .table-scope th, .table-scope2 th, .table-scope3 th {
    border-bottom: 2px solid #6678b1;
    color: #039;
    font-size: 8px;
    padding: 2px 2px;
}

.style-b td, .table-scope td, .table-scope2 td {
    border-bottom: 1px solid #ccc;
	color: black;
    padding: 3px;
	font-size: 0.80em;
}

.table-scope .no-td-border td
{
    border-bottom: none;
}

.table-scope {
    width: 100%;
}

.scroll-table {
    display: block;
    overflow-y: auto;
    white-space: nowrap;
    height: 300px;
}

.table-scope td .small-font
{
	font-size: 10px;
}

.table-scope .small-font
{
	font-size: 10px;
}


.medium-font
{
	font-size: 12px;
}

.table-scope3
{
	width: 100%;
}

.table-scope2
{
	width: 600px;
}

.table-scope thead, .table-scope2 thead, .table-scope3 thead
{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
	text-align: left;
}

.col-select
{
	width: 2%;
}

.col-work-item
{
	width: 50%;
}

.col-area, .col-trade, .col-qty, .col-rate, .col-labour, .col-material, .col-cost {
    width: 5%;
}

.col-unit
{
	width: 2%;
}
.col-details, col-image
{
	width: 5%;
}

#table-reminder th, #table-reminder td
{
	font-size : 88%;
	font-family : Verdana,Helvetica,Arial,sans-serif;
	color : black;
}

.word-btn
{
	float: left;
	width: 75px;
	color: #cc5500;
}

.scope-btns
{
	width: 100%;
	height: 40px;
}

.job-cost-container
{
	padding-top: 15px;
	float: right;
	height: 35px;
	font: 10px;
}

.txtBoxReadOnlyPlain
{
	border-style: none;
}

.txtBoxReadOnly
{
	border-style: none;
	background: #e8edff;
	margin-right: 2px;
	width: 90%;
	word-wrap: break-word;
}

.txtBoxNew
{
	border-style: none;
	background: #e8edff;
	margin-right: 2px;
	width: 100%;
	word-wrap: break-word;
	height: 200px;
}

.txtBoxReadOnly-RA
{
	text-align: right;
}

.txtBoxReadOnly-LA
{
	text-align: left;
}

.txtBox_SM
{
	border: 1px solid red;
	background: #e8edff;
	margin-right: 2px;
	width: 75px;
	color: #669;
	text-align: left;
	word-wrap: break-word;
	font-size: 11px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.txtBox_SM_Total
{
	border: 1px solid #669;
	background: #e8edff;
	margin-right: 2px;
	width: 75px;
	color: #669;
	text-align: left;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.float-left
{
	float: left;
}

.sum-fields
{
	width: 80px;
}

.small-font
{
	font-size: 10px;
}

.small-font p
{
	color: #222222;
}

.total-font, .annual-leave 
{
    font-size: 10px;
    font-weight: bold;
}

.annual-leave
{
    color:darkgreen;
}

.table-container, .reattend-table-container {
        height: 510px;
        overflow-y: auto;
        border: 1px solid #a1caf1;
    }

.table-container-small
{
	height: 240px;
	border: 1px solid #a1caf1;
}

.table-container-small2 {
    height: 280px;
    border: 1px solid #a1caf1;
}

.button-container
{
	height: 35px;
}

.border
{
	border: 1px solid #a1caf1;
	height: 150px;
}

.border-totals
{
	border: 1px solid #a1caf1;
	height: 75px;
}

.history-table-container
{
	height: 620px;
	overflow-y: auto;
	border: 1px solid #a1caf1;
	border-radius: 4px;
}

#reminder-table-container
{
	height: 720px;
	overflow-y: auto;
	border: 1px solid #a1caf1;
}

.txtBoxAlign
{
	text-align: left;
	width: 80px;
}

.txtBoxWorkItem
{
	width: 100%;
}

.btn-scope-container
{
	float: left;
	width: 100%;
	height: 40px;
}

.wi-variation-column, td.wi-variation-column Input
{
	font-weight:bold;
}

.preinvoice-color
{
	color: #03c03c;
}

.table-scope .area-text
{
	color: #dd390d;
}

.area-link-col a
{
	text-decoration: solid;
}

.area-link-col a:hover
{
	color: red;
}

.info-client
{
	border: solid 1px black;
	border-radius: 5px;
	width: 100%;
	height: 120px;
}

.info-client h2
{
	width: 100%;
	background-color: gray;
	margin: 0px;
	padding: 0px;
	font-size: 1em;
}

.spacer
{
	width: 100%;
	float: left;
}

.sub-details
{
	width: 49%;
	float:left;
}

.line-container
{
	float: left;
	width: 100%;
	padding: 5px;
	height: 18px;
}

.label-line
{
	float: left;
	width: 25%;
	line-height: 25px;
}

.label-text
{
	float: right;
	padding-right: 5px;
}

.display-line
{
	float: left;
	width: 74%;
}

.desktop-ass-color {
    background-color: steelblue;
}

.virtual-color {
    background-color: #CD853F;
}
.rectification-color, .rectification-color td {
    color: #746cc0;
}

.bau_colour {
    background-color: #bfff00;
}

.make-safe-color
{
	color: #fe6f5e;
}

.make-safe-color td
{
	color: #fe6f5e;
}

.on-hold-color, .on-hold-color td, .on-hold-color td > a
{
	color: #a40000;
}

.draft-to-be-checked-color
{
	color: #ace1af;
}
.draft-to-be-checked-color-cell
{
	background-color: #ace1af;
}

#dialog-message, #quick-history, .hide-div
{
	display: none;
}

.legend-label
{
	float: left;
	width: 80px;
}

.table-alternate
{
	width: 100%;
}

.table-alternate tr:nth-child(even) td
{
	background-color: #e8edff 
}

.table-alternate tr:nth-child(odd) td
{
	background-color: #669 
}

.table-alternate, .table-alternate-scope
{
	border-spacing: 5px;
	float: left;
}

.table-alternate thead, .table-alternate-scope thead
{
	background-color: #318ce7;
}

table.table-alternate td a {
    color: #DD390D;
}

#appointment-list
{
	height: auto;
}

#table-assessor
{
	float: left;
}

#newjoblist-space
{
	float: left;
}

.status-bar
{
	border: 2px solid #848482 ;
	border-radius: 6px;
	width: 100%;
}

.status-bar p
{
	font-weight: bold;
	padding-left: 10px;
}

.filter
{
	float: right;
}

.status-header
{
	padding-left: 10px;
	background-color: #318ce7;
	border-bottom: 2px solid orange;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	color: white;
	font-family: Josefin Sans;
}
.status-header2 {
    padding-left: 10px;
    background-color: #318ce7;
    border-bottom: 2px solid orange;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    color: white;
    font-family: Josefin Sans;
}
.side-menu-header
{
	padding-left: 10px;
	background-color: #318ce7;
	border-bottom: 2px solid orange;
	color: white;
}

.job-details-banner
{
	color: #318ce7;
	font-size: 16px;
}

.job-details-banner2
{
	padding-left: 10px;
	padding-right: 10px;
	color: #318ce7;
	font-size: 11px;
	float: left;
	width: 100%;
}

.status-banner
{
	width: 30%;
	color: green;
}

.job-details-table, .report-details-table
{
	border-spacing: 0;
	width: 100%;
}

.job-details-table > tbody > tr > th
{
	width: 20%;
	font-weight: normal;
}

.report-details-table > tbody > tr > th
{
	width: 8%;
	font-weight: normal;
}

.report-details-table > tbody > tr > td
{
	width: 8%;
}

.job-details-table th, .job-details-table td, .report-details-table th, .report-details-table td
{
	text-align: left;
	border-bottom: 1px solid #d7d2cb;
    color: #2d373e;
    font-size: 15px;
	padding: 15px 10px;
}

.job-details-table2
{
	border-spacing: 0;
	width: 100%;
}

.job-details-table2 > tbody > tr > th
{
	width: 20%;
	font-weight: normal;
}

.job-details-table2 th, .job-details-table2 td
{
	text-align: left;
	border-bottom: 1px solid #d7d2cb;
    color: #2d373e;
    font-size: 15px;
	padding: 7px 10px;
}

.job-details-table3 > tbody > tr 
{
	width: 80%;
	font-weight: normal;
}

.job-details2 {
}
.job-details2 th, .job-details2 td
{
	text-align: left;
	border-bottom: 1px solid #d7d2cb;
    color: #2d373e;
    font-size: 15px;
	padding: 0px 10px;
}

.jd-actions
{
	float: right;
}

.btn-disabled
{
    border: 1px solid #d7d2cb;
    border-radius: 5px;
    box-shadow: 0 1px 0 white;
    box-sizing: content-box;
    color: black;
    cursor: no-drop;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    line-height: 36px;
    margin: 0;
    min-height: 36px;
    padding: 0 6px;/*WAS 12px*/
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 white;
    vertical-align: top;
	background-color: #f0f8ff;
}

.btn-details, #btn-Go, .ui-widget-content a.btn-details
{
    border: 1px solid #d7d2cb;
    border-radius: 5px;
    box-shadow: 0 1px 0 white;
    box-sizing: content-box;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    line-height: 36px;
    margin: 0;
    min-height: 36px;
    padding: 0 6px;/*WAS 12px*/
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 white;
    vertical-align: top;
	background-color: #318ce7;
}

.btn-action-job-details
{
	padding-top: 10px;
	padding-bottom: 5px;
	float: right;
}

.btn-action-job-details2
{
	padding-top: 20px;
	padding-bottom: 5px;
	float: right;
}

.btn-action-job-details3
{
	padding-top: 0px;
	padding-bottom: 5px;
	float: right;
}

.margin-top
{
	margin-top: -115px;
}

.job-details, report-details
{
	padding-bottom: 20px;
}

.history-note-details, .note-area
{
	width: 99%;
}

.full-width
{
	width: 100%;
}

.note-area {
    resize: none;
    background: none repeat scroll 0 0 #f3f2f0;
    border: 1px solid #585b5e;
    border-radius: 3px;
    color: #2d373e;
    font-size: 14px;
    padding: 10px 0px 10px 10px;
}

.note-area2
{
	min-height: 200px;
	width: 100%;
	background: none repeat scroll 0 0 #f3f2f0;
	border: 1px solid #585b5e;
	border-radius: 3px;
	color: #2d373e;
	font-size: 14px;
	padding: 10px 0 10px 10px;
}

.note-area3 {
    resize: none;
    width: 95%;
    background: none repeat scroll 0 0 #f3f2f0;
    border: 1px solid #585b5e;
    border-radius: 3px;
    color: #2d373e;
    font-size: 14px;
    padding: 10px 0px 10px 10px;
}
.btn-area
{
	padding-bottom: 10px;
}

.float-right
{
	float: right;
}

.float-right-pad-right
{
	float: right;
	padding-right: 50px;
}

.table-container, .reattend-table-container
{
	width: 100%;
	float: left;
	border: 1px solid #a1caf1;
}

.delete-icon {
    height: 16px;
    width: 16px;
    cursor: pointer;
    vertical-align: middle;
}

.create-document-folder-icon:hover, .callout-status_id:hover {
    cursor: pointer;
}

.mouse-icon:hover, .pay-upload-icon, .create-ml-myob-link:hover, .create-ml-suppliers-myob-link:hover,
.request-ml-suppliers-myob:hover, .load-event-item:hover, .load-event-item-2nd:hover,
.load-event-item-maint:hover, .load-event-item-cash:hover {
    cursor: pointer;
}
.icon-s
{
	height: 16px;
	width: 16px;
}
#check-gst-status:hover {
    cursor: pointer;
}
#scope-ajax, #reattend-ajax, #or-scope-ajax, #cash-scope-ajax, #private-scope-ajax {

}

#check-folder-ok:hover {
    cursor: pointer;
}

#tabs { 
    padding: 0px; 
} 

#tabs .ui-tabs-nav { 
    background: transparent; 
    border-width: 0px 0px 1px 0px; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 
#tabs .ui-tabs-panel { 
    margin: 0em 0.2em 0.2em 0.2em; 
}
#tabs .ui-tabs-nav .ui-state-active {
    background-color: #3c8243;
}

#tabs .ui-state-active a, #tabs .ui-state-active a:link, #tabs .ui-state-active a:visited
{
	background-color: #007fff;
	color: white;
}

#tabs .ui-state-default, #tabs .ui-widget-content .ui-state-default, #tabs .ui-widget-header .ui-state-default {
    border: 1px solid #a1caf1;
    font-weight: bold;
}

#tabs .ui-tabs-nav li
{
	font-size: 65%;
}

.btn-button-font
{
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}

.var-table
{
	width: 100%;
}

.search-box
{
	overflow: hidden;
	width: 300px;
	vertical-align: middle;
	white-space: nowrap;
	width: 300px;
	height: 50px;
	background: #318ce7;
	border: none;
	font-size: 15pt;
	color: #f0ffff;
	padding-left: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.search-box2
{
	overflow: hidden;
	width: 200px;
	vertical-align: middle;
	white-space: nowrap;
	height: 50px;
	background: #318ce7;
	border: none;
	font-size: 15pt;
	color: #f0ffff;
	padding-left: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.edit-labels
{
	background: none repeat scroll 0 0 #f3f2f0;
	border: 1px solid #585b5e;
	border-radius: 3px;
	color: #2d373e;
	font-size: 14px;
	padding: 10px 0 10px 10px;
	width: 400px;
}
.edit-drop {
    background: none repeat scroll 0 0 #f3f2f0;
    border: 1px solid #585b5e;
    border-radius: 3px;
    color: #2d373e;
    font-size: 14px;
    padding: 10px 0 10px 10px;
    width: 100px;
}
.edit-labels-query
{
	background: none repeat scroll 0 0 #f3f2f0;
	border: 1px solid #585b5e;
	border-radius: 3px;
	color: #2d373e;
	font-size: 14px;
	padding: 10px 0 10px 10px;
	width: 100%;
}

#Notes
{
	resize: none;
}

.glance-icon-check
{
	float:left; 
	margin:0 7px 5px 0;
}

.glance-font
{
	font-size: 0.80em;
}

.page-container {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 8px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    color: #666;
    overflow: hidden;
    padding: 10px;
}

body {
    background-color: #fff;
    border-top: solid 10px #000;
	color: white;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

header, footer, hgroup,
nav, section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.photo-num
{
	text-align: center;
	width: 100%;
}

.border-bottom
{
	border-bottom: 3px solid black;
}

.full-width
{
	width: 100%;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
	margin: 0;
    padding-bottom: 0;
}

h1 {
	font-weight: normal;
	font-size: 28px;
	color: #318ce7;
	font-style: normal;
	padding-left: 5px;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

h5 a:link, h5 a:visited, h5 a:active {
    padding: 0;
    text-decoration: none;
}

#body {
    background-color: white;
    clear: both;
    padding-bottom: 35px;
}

.main-content {
    padding-left: 10px;
    padding-top: 5px;
}

.featured + .main-content {
}

header .content-wrapper {
    padding-top: 20px; 
}

footer {
    clear: both;
    background-color: #b2beb5;
    font-size: .8em;
    height: 100px;
}

.site-title {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;
}

.site-title a, .site-title a:hover, .site-title a:active {
    background: none;
    color: #c8c8c8;
    outline: none;
    text-decoration: none;
}

#login {
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
}

#login a {
    background-color: #d3dce0;
    margin-left: 10px;
    margin-right: 3px;
    padding: 2px 3px;
    text-decoration: none;
}

#login a.username {
    background: none;
    margin: 0;
    padding: 0;
    text-decoration: underline;
}

#login ul {
    margin: 0;
}

#login li {
    display: inline;
    list-style: none;
}

ul#menu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
    height: 20px;
}

ul#menu li {
    display: inline;
    list-style: none;
    padding-left: 15px;
}

ul#menu li a {
    background: none;
    color: #318ce7;
    text-decoration: none;
    font-size: .85em;
}

ul#menu li a:hover {
    color: #ff007f;
    text-decoration: none;
}


.featured {
    background-color: #fff;
}

.featured .content-wrapper {
    background-color: #7ac0da;
    background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
    background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
    background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
    background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
    color: #3e5667;
    padding: 20px 40px 30px 40px;
}

.featured hgroup.title h1, .featured hgroup.title h2 {
    color: #fff;
}

.featured p {
    font-size: 1.1em;
}

hgroup.title {
    margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2 {
    display: inline;
}

hgroup.title h2 {
    font-weight: normal;
    margin-left: 3px;
}

section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

ol.round {
    list-style-type: none;
    padding-left: 0;
}

ol.round li {
    margin: 25px 0;
    padding-left: 45px;
}

ol.round li.zero {
    background: url("../Images/orderedList0.png") no-repeat;
}

ol.round li.one {
    background: url("../Images/orderedList1.png") no-repeat;
}

ol.round li.two {
    background: url("../Images/orderedList2.png") no-repeat;
}

ol.round li.three {
    background: url("../Images/orderedList3.png") no-repeat;
}

ol.round li.four {
    background: url("../Images/orderedList4.png") no-repeat;
}

ol.round li.five {
    background: url("../Images/orderedList5.png") no-repeat;
}

ol.round li.six {
    background: url("../Images/orderedList6.png") no-repeat;
}

ol.round li.seven {
    background: url("../Images/orderedList7.png") no-repeat;
}

ol.round li.eight {
    background: url("../Images/orderedList8.png") no-repeat;
}

ol.round li.nine {
    background: url("../Images/orderedList9.png") no-repeat;
}

article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

aside ul {
    list-style: none;
    padding: 0;
}

aside ul li {
    background: url("../Images/bullet.png") no-repeat 0 50%;
    padding: 2px 0 2px 20px;
}

.label-line-chk
{
	float: left;
	width: 20px;
	vertical-align: middle;
	display: table-cell;
}

.pad-left-slight
{
	padding-left: 10px;
}

#login-content {
  position: fixed;
  top: 25%;
  left: 45%;
}

#login-content2 {
    position: fixed;
    left: 35%;
}

#loginForm .validation-error {
    display: block;
    margin-left: 15px;
}

#loginForm .validation-summary-errors ul {
    margin: 0;
    padding: 0;
}

#loginForm .validation-summary-errors li {
    display: inline;
    list-style: none;
    margin: 0;
}

#loginForm input {
    width: 200px;
}

#loginForm input[type="checkbox"],
#loginForm input[type="submit"],
#loginForm input[type="button"],
#loginForm button {
    width: auto;
}

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

#socialLoginForm h2 {
    margin-bottom:  5px;
}

#logoutForm {
    display: inline;
}

.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

fieldset legend {
    display: none;
}

fieldset ol {
    padding: 0;
    list-style: none;
}

fieldset ol li {
    padding-bottom: 5px;
}

inputt, textareaa {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
}

textarea {
    font-family: inherit;
    width: 400px;
	resize:none;
}

input:focus, textarea:focus {
    border: 1px solid #7ac0da;
}

input[type="checkbox"] {
    background: transparent;
    border: inherit;
    width: auto;
}
input[type="button"],
button {
    background-color: #318ce7;
    border: 1px solid #D7D2CB;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    padding: 7px;
    margin-right: 8px;
    width: auto;
	border-radius: 7px;
	color: #FFFFFF;
	display: inline-block;
}

td input[type="submit"],
td input[type="button"],
td button {
    font-size: 1em;
    padding: 4px;
    margin-right: 4px;
}

.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
	background-color: #faf0be;
}

td > .labour-cost-error {
    color: white;
    background-color: red;
}

.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="select"].input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-errors2 {
    color: #e80c4d;
    font-size: 0.75em;
}

.validation-summary-valid {
    display: none;
}

@media only screen and (max-width: 850px) {

    header .float-left,
    header .float-right {
        float: none;
    }


    header .site-title {
        margin: 10px;
        text-align: center;
    }

    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

    #login ul {
        margin: 5px 0;
        padding: 0;
    }

    #login li {
        display: inline;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #login a {
        background: none;
        color: #999;
        font-weight: 600;
        margin: 2px;
        padding: 0;
    }

    #login a:hover {
        color: #333;
    }

    nav {
        margin-bottom: 5px;
    }

    ul#menu {
        margin: 0;
        padding: 0;
        text-align: center;
    }

    ul#menu li {
        margin: 0;
        padding: 0;
    }

    .main-content,
    .featured + .main-content {
        background-position: 10px 0;
    }

    .content-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }

    .featured .content-wrapper {
        padding: 10px;
    }

    article, aside {
        float: none;
        width: 100%;
    }

    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

    ol.round li {
        padding-left: 10px;
        margin: 25px 0;
    }

    ol.round li.zero,
    ol.round li.one,
    ol.round li.two,
    ol.round li.three,
    ol.round li.four,
    ol.round li.five,
    ol.round li.six,
    ol.round li.seven,
    ol.round li.eight,
    ol.round li.nine {
        background: none;
    }

    section.feature {
        float: none;
        padding: 10px;
        width: auto;
    }

    section.feature img {
        color: #999;
        content: attr(alt);
        font-size: 1.5em;
        font-weight: 600;
    }

    input {
        width: 90%;
    }

    #loginForm {
        border-right: none;
        float: none;
        width: auto;
    }

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    #socialLoginForm {
        margin-left: 0;
        float: none;
        width: auto;
    }

    footer .float-left,
    footer .float-right {
        float: none;
    }

    footer {
        text-align: center;
        height: auto;
        padding: 10px 0;
    }

    footer p {
        margin: 0;
    }
}

.divFloatLeft
{
	float: left;
	width: 1024px;
}

.divFloatRight
{
	float: right;
}

a.site-logo  {     
     background: url('/Images/logo.gif') no-repeat;
     display: block;       
     width: 400px;    
     height: 100px;       
     text-indent: -9999px;  
}

.container
{
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

.summarycontainer
{
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	height: 30px;
	vertical-align:central;
}

.h1_header
{
	color: cadetblue;
	font-family: Calibri;
}

.summary
{
	font-weight: bold;
}

.buttondiv
{
	margin-left: 20px;
}

.quote-scopeallocaton
{
	float: left;
	width: 100%;
}
.controls
{
	float: left;
	width: 100%;
}
.div-controls
{
	float: left;
}
.btn {
    border: 1px solid #D7D2CB;
    border-radius: 7px;
    box-shadow: 0 1px 0 #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    line-height: 36px;
    margin: 0;
    min-height: 36px;
    padding: 0 12px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
	background-color: #318ce7;
}
.btn-small {
    border: 1px solid #D7D2CB;
    border-radius: 7px;
    box-shadow: 0 1px 0 #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 7px;
    font-weight: normal;
    line-height: 18px;
    margin: 0;
    min-height: 12px;
    padding: 0 12px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
	background-color: #318ce7;
}
.btn-small2 {
    border: 1px solid #222222;
    border-radius: 7px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 18px;
    margin: 0;
    min-height: 11px;
    padding: 4px;
    margin-right: 3px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    background-color: #318ce7;
}
.btn-refresh, btn-callout
{
	float: right;
}

.btn-size
{
	width: 200px;
}

#table-selection th{
	text-align: center;
}
#table-quote{
	width: 100%;
}
.table-listbox, table-listbox th
{
	width: 100%;
    color: #039;
    font-size: 10px;
    padding: 2px 2px;
}
.table-listbox td
{
	font-size: 14px;
}
#table-selection th.trade-break-up
{
	width: 20%;
}
#table-quote th.quote1
{
	width: 30%;
}
#table-quote th.quote2
{
	width: 30%;
}
#table-quote th.button
{
	width: 10%;
}
.scopeallocation  th.select
{
	width: 5%;
}
.scopeallocation th.work-item
{
	width: 95%;
}

#table-selection{
	float: left;
	width: 100%;
}

#quote1{
	width: 100%;
}
#quote2{
	width: 100%;
}

#pay-schedule th.payment-type
{
	width: 20%;
}
#pay-schedule th.myob-supplier
{
	width: 30%;
}
#pay-schedule th.labour
{
	width: 20%;
}

#chkTBR{
	width: 100%;
}
.select-trade-dropdown{
	display: none;
}
.dropdown li{
	list-style: none;
}

nav{
	display: block;
}
nav ul{
	float: left;
    margin: 0;
    padding: 0;
}
nav ul {
    list-style: none outside none;
}
.nav ul li {
    float: left;
    margin: 0;
    padding: 0;
}
.nav ul li a {
    background-color: #303030;
    background-image: -moz-linear-gradient(center bottom , #303030 0%, #5F5F5F 100%);
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    line-height: 20px;
    padding: 10px 18px;
    text-align: center;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}
.nav ul li a:hover {
    background: none repeat scroll 0 0 #303030;
}

.nav ul li:first-child a {
    border: 0 none;
    border-bottom-left-radius: 6px;
}
.nav ul li:last-child a {
    border-top-right-radius: 6px;
}
a {
    color: #ff007f;
    text-decoration: none;
}

.notification-alert-count {
    background: none repeat scroll 0 0 #DC241F;
    border: 1px solid #DC241F;
    border-radius: 20px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0 6px;
    position: absolute;
    right: 5px;
    top: -9px;
}

.notification-alert-count2 {
    background: none repeat scroll 0 0 #03c03c;
    border: 1px solid #03c03c;
    border-radius: 20px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0 6px;
    position: absolute;
    right: 30px;
    top: -9px;
}

.notification-alert-count3 {
    background: none repeat scroll 0 0 #03c03c;
    border: 1px solid #03c03c;
    border-radius: 20px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0 6px;
    position: absolute;
    right: 5px;
    top: -9px;
}
.action
{
	float: right;
}
#pay-type-table
{
	width: 100%;
}
#pay-type-table .tradetype
{
	width: 60%;
}

#pay-type-table .portal-trade
{
	width: 39%;
}

.main-pic
{
	width: 100%;
	height: 800px;
	overflow-y:scroll;
}

.thumbnail-table
{
	float: left;
	width: 100px;
}

.work-order-table
{
    width: 100%;
}

.work-order-table tr:nth-child(even) {
    background:#e6e6fa;
}
.work-order-table tr:nth-child(odd) {
    background:#ccccff;
}

.work-order-table .tradetype
{
	width: 40%;
}

.work-order-table .labour
{
	width: 10%;
}

.work-order-table .material
{
	width: 10%;
}

.work-order-table .PSlabour
{
	width: 10%;
}

.work-order-table .PSmaterial
{
	width: 10%;
}
.work-order-table .button
{
	width: 15%;
}
.subheader-h2
{
	border-bottom: 1px solid #ffbf00;
	border-bottom-width: 2px;
	line-height: 24px;
	margin: 2px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color:  #318ce7;
	border-radius: 7px;
}

.job-area-div
{
	padding-top: 10px;
}

.subheader-h2 h2
{
	display: inline;
	font-size: 20px;
	line-height: 18px;
	margin: 0 0 10px;
	padding: 0;
	text-decoration: none;
	word-wrap: break-word;
}
.header-h2 h2
{
	color: #318ce7;
	display: inline;
	font-size: 18px;
	line-height: 18px;
	margin: 0 0 10px;
	padding: 0;
	text-decoration: none;
	word-wrap: break-word;
}

.box
{
	border: 1px solid #666666;
	border-radius: 7px 7px 7px 7px;
	padding-bottom: 40px;
	margin-top: 25px;
	height: auto;
	background-color: #e8edff ;
}

.box2
{
	border: 1px solid #666666;
	border-radius: 7px 7px 7px 7px;
	padding-bottom: 5px;
	margin-top: 5px;
	height: auto;
	background-color: #e8edff ;
}

.details-table
{
	width: 95%;
	margin: auto;
}

.box.payment-width
{
	width: 960px;
	height: 80px;
}

.no-records
{
	font-weight: bold;
}

.h2-red
{
	color: red;
	font-weight: bold;
}

.h2-green
{
	color: green;
	font-weight: bold;
}

.tradetype
{
	width: 60%;
}

#PaymentTypeSelectedID, #TradeSelectedID
{
	height: 28px;
	padding-top: 6px;
}

#PaymentTypeSelectedID
{
	width: 135px;
}

#SelectedMYOBCustomerID, #SelectedMYOBAccountID, #SelectedJobMYOBCustomerID, #SelectedReferralSourceID, #SalesInvoice_PurchaseOrder
{
	width: 340px;
}

#LabourAmount
{
	width: 60px;
}

#MaterialAmount
{
	width: 60px;
}

.btn-cell
{
	width: 100%;
	float: right;
}

#btn-add-payment
{
	float: right;
	width: 120px;
}

.red-row
{
	color: red;
}

.labour-material
{
	color: red;
}

.navigationMenu
{
	float: left;
	width: 100%;
}

ul.sub-main-menu {
    height: 100%;
    margin-bottom: 0;
    margin-left: 0;
}
ul.sub-main-menu li {
    border-right: 1px solid #B7C3CE;
    float: left;
    left: -10px;
    list-style-type: none;
    padding: 0 10px;
    position: relative;
    top: 0;
}
ul.sub-main-menu li a
{
	border-radius: 3px;
}
ul.sub-main-menu li a:hover
{
	text-decoration: underline;
	color: #318CE7;
}

#lstTrade, #lbxSelectedEmployees
{
	width: 100%;
	height: 150px;
}

#lstPendingTrade, #SelectedTradesGuidArray, #SelectedEmployeeGuidArray, #ActiveWOContainerViewModel_lstPendingTrade, #lbxWOSelectedEmployees
{
	width: 100%;
	height: 75px;
}

#WO-btn-right2
{
	float: right;
}

.lst-box-pad
{
	padding: 10px;
}

#btn-notify-trade {
	float: right;
}

#btn-send-quote
{
	width: 25px;
    height: 25px;
}

.do-charge
{
	width: 100%;
	display: none;
}

.currency
{
	width: 55px;
}

.label-center
{
	line-height: 35px;
	vertical-align: middle;
}

.line
{
	padding-right: 10px;
}

.quote1
{
	width:40%;
}
.left-selector
{
	width:5%;
}
.right-selector
{
	width:5%;
}

.quote2
{
	width:40%
}

#btn-left
{
	float: right;
}

#btn-right
{
	float: left;
}

#btn-send-quote
{
	float: right;
}

.submit-btn
{
	float: right;
	width: 85px;
}

#pay-schedule
{
	width: 860px;
}

.to
{
	padding-left: 40px;
}

.text-area-box
{
	padding-left: 80px;
}

.text-area
{
	resize: none;
	width: 660px;
	height: 120px;
}

.trade-checked li
{
	display: inline; 
}

.search-label
{
	float: right;
	width: 100px;
	font-size: small;
	line-height: 40px;
}

.search-text
{
	float: right;
	width: 160px;
}

.btn-search
{
	float: right;
	width: 50px;
	display: none;
}

.full-width
{
	width: 100%;
}

.job-details {
    width: 100%;
}

.label-line
{
	float: left;
	width: 200px;
	vertical-align: middle;
	display: table-cell;
}

.longer-label-line {
    float: left;
	width: 300px;
	vertical-align: middle;
	display: table-cell;
}

.data-line
{
	float: left;
	width: 210px;
}

.notice
{
	color: white;    
}

.notice-service
{
	color: #318ce7;
}

.highlight
{
	color: red;
}

.highlight-back
{
	background-color: #e6e6fa;
}

#btn-create-progress-payment
{
	width: 50px;
}

#CreateProgressPaymentsViewModel_NumberToCreate
{
	width: 20px;
}

#errmsg
{
	color: red;
}

.dropdown-cell
{
	vertical-align: middle;
	font-size: 18px;
	background-color:  #faf0be;
	border-color:  #318ce7;
}

.dropdown-cell-2
{
	font-size: 15px;
	background-color:  #faf0be;
	border-color:  #318ce7;
}

.drop-height
{
	vertical-align: middle;
	font-size: 18px;
	border-color:  #318ce7;
	height: 40px;
}

.text-money
{
	font-size: 15px;
	background-color:  #faf0be;
	border-color:  #318ce7;
	width: 80px;
}

.description
{
	width: 625px;
}

.mandatory
{
	background-color:  #faf0be;
	border-color:  #318ce7;
}

.invoice-comment
{
	display: none;
}

.details-box
{
	background-color: white;
}

#payment-schedule-table
{
	width: 100%;
}

.prog-pay-border
{
	padding-right: 10px;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	border-radius: 7px 7px 7px 7px;
	height: 80px;
}

.p-offset
{
	padding-left: 10px;
}

.label-r-align
{
	float: right;
	padding-right: 10px;
	vertical-align: middle;
	display: table-cell;
	line-height: 40px;
}

.label-l-align
{
	float: left;
	padding-right: 10px;
	vertical-align: middle;
	display: table-cell;
	line-height: 40px;
}

.green-textsub-heading
{
	color: green;
	font-size: small;
}

.red-textsub-heading
{
	color: red;
	font-weight: bold;
}

.pay-sch-row
{
	background-color: #f2f3f4;
}

.onhold-text
{
	color:  #ff3800;
}

.wo-padding
{
	margin-left: 10px;
	width: 98%;
}

#RemainingAmount, #RemainingTotal, #GSTAmount, #SubTotalAmount {
    color: #ff2052;
    width: 80px;
    background-color: #f2f3f4;
}

#trade-documents-table
{
	width: 100%;
}

.btn-trade
{
	width: 100px;
}

.slider
{
	width: 200px;
	height: 100px;
	overflow: hidden;
}

.slider img
{
	width: 200px;
	height: 100px;
	display: none;
}

.good-status
{
	color: green;
}

.error-status
{
	color: red;
}

.cancel-icon
{
	background: url('/Images/molumen_red_round_error_warning_icon.png') no-repeat;
	display: block;
    width: 24px;
    height: 24px;
}

.dakwalservicedropdown {
    width:160px;
}

.sub-heading
{
	clear: both;
	color: #318ce7;
	display: block;
	font-size: 15px;
	margin-bottom: 2px;
	padding-left: 10px;
	position: relative;
	text-decoration: none;
	border-bottom: 1px solid #d7d2cb;
	font-weight: normal;
	z-index: -1;
}

.sub-heading2
{
	color: #318ce7;
	display: block;
	font-size: 15px;
	margin-bottom: 2px;
	padding-left: 10px;
	position: relative;
	text-decoration: none;
	font-weight: normal;
}

.sub-heading
{
	color: #318ce7;
	display: block;
	font-size: 1.5em;
	position: relative;
	text-decoration: none;
	font-weight: normal;
	margin: auto;
}

.sub-heading3
{
	color: #318ce7;
	display: block;
	font-size: 1.5em;
	position: relative;
	text-decoration: none;
	font-weight: normal;
	margin: auto;
	text-align: center;
}

.wage-details-table
{
	border-spacing: 0;
	width: 100%;
}

.wage-details-table > tbody > tr > th
{
	width: 22%;
	font-weight: normal;
}

.wage-details-table th, .wage-details-table td
{
	text-align: left;
	border-bottom: 1px solid #d7d2cb;
    color: #2d373e;
    font-size: 15px;
	padding: 15px 10px;
}

.jd-actions
{
	float: right;
}

.edit-labels
{
	background: none repeat scroll 0 0 #f3f2f0;
	border: 1px solid #585b5e;
	border-radius: 3px;
	color: #2d373e;
	font-size: 14px;
	padding: 10px 0 10px 10px;
	width: 400px;
}

.edit-label-names
{
	clear: both;
	color: #2d373e;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 5px;
}

.txt-desc
{
	width: 880px;
}

.txt-qty
{
	width: 40px;
}

.txt-unit
{
	width: 60px;
}

.txt-amt
{
	width: 60px;
}

#WO-btn-right
{
	float: right;
}

#TimesheetTradename {
    padding: 8px 0px 0px 0px;
    width: 240px;
    line-height: 45px;
}

.date-notime {
    width:100px;
}

.details {
	padding-bottom: 20px;
}

.details-table, .details-table2, .details-table-fl, .details-table-fl2 {
    border-spacing: 0;
    width: 100%;
}

.details-table > tbody > tr > th, .details-table2 > tbody > tr > th, .details-table-fl > tbody > tr > th, .details-table-fl2 > tbody > tr > th {
    width: 15%;
    font-weight: normal;
}

.details-table th, .details-table td
{
	text-align: left;
	border-bottom: 1px solid #d7d2cb;
    color: #2d373e;
    font-size: 15px;
	padding: 15px 10px;
}

.details-table2 th, .details-table2 td {
    text-align: left;
    color: #2d373e;
    font-size: 15px;
    padding: 15px 10px;
}

.details-table2 tr:last-child  {
    border-bottom: none;
}

.details-table-fl, .details-table-fl2 {
    width: 95%;
    margin: auto;
}
.details-table-fl th, .details-table-fl td {
    text-align: left;
    border-bottom: 1px solid #d7d2cb;
    color: #2d373e;
    font-size: 12px;
    padding: 7px 7px;
}

.details-table-fl2 th, .details-table-fl2 td {
    text-align: left;
    color: #2d373e;
    font-size: 12px;
    padding: 7px 7px;
}

.details-table-fl2 tr:last-child {
    border-bottom: none;
}

.trade-search {
    border-collapse: collapse;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 200%;
}

#trade-reference-table
{
	width: 100%;
}

.trade-tab-content {
    width:1750px;
}

.txt-bold
{
	font-weight: bold;
}

.clr-green td
{
	color: green;
}

.clr-red td {
    background-color: #FF5050;
}

.clr-tea-rose
{
	background-color: #f4c2c2;
}
#WONotes
{
	width: 98%;
}

.blue-clr
{
	color: #318ce7;
	padding-right: 10px;
	width: 120px;
	float: left;
	font-size: 110%;
}

.counter {
    background: none repeat scroll 0 0 #DC241F;
    border: 1px solid #DC241F;
    border-radius: 20px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0 6px;
}

.ui-widget-content a.tabsBodyLink {
    color:red;
}

.ui-widget-content a.mylink {
	color: white;
    text-decoration: none;
}

.blacktext {
    color:black;
}

#ApptTime, #JobAppointmentType, #Assessor, #TradeBreakUpId, #AreaTypeID
{
	width: 100%;
}

.col-timestamp
{
	font: 8px;
}

.div-auto
{
	height: auto;
}

.ui-box
{
	border: 1px solid #d7d2cb; 
	border-radius: 7px 7px 7px 7px;
}

.ui-box.ui-error
{
	background-color: #faf0be;
	padding-left: 5px;
	padding-top: 5px;
}

.table-scope thead th#tradetype {
    width:25%;
}

.edit-labels-setup
{
	background: none repeat scroll 0 0 #f3f2f0;
	border: 1px solid #585b5e;
	border-radius: 3px;
	color: #2d373e;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
    width:97%;
}

.edit-labels-setup-fl {
    background: none repeat scroll 0 0 #f3f2f0;
    border: 1px solid #585b5e;
    border-radius: 3px;
    text-align:justify;
    color: #2d373e;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    width: 97%;
}

.edit-labels-setup-small {
    background: none repeat scroll 0 0 #f3f2f0;
    border: 1px solid #585b5e;
    border-radius: 3px;
    color: #2d373e;
    font-size: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 97%;
}
.edit-labels-setup-small2 {
    background: none repeat scroll 0 0 #f3f2f0;
    border: 1px solid #585b5e;
    border-radius: 3px;
    color: #2d373e;
    font-size: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 10%;
}
.edit-labels-setup-login
{
	background: none repeat scroll 0 0 white;
	border-bottom: 1px solid #318ce7;
	border-top: none;
	border-left: none;
	border-right: none;
	color: #2d373e;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.edit-labels-setup-RO
{
	background: none repeat scroll 0 0 #f75394;
	border: 1px solid #585b5e;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
    width:98%;
}
.edit-labels-setup-NRO
{
	background: none repeat scroll 0 0 #ace1af;
	border: 1px solid #585b5e;
	border-radius: 3px;
	color: #2d373e;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
    width:98%;
}

.edit-labels-setup2
{
	background: none repeat scroll 0 0 #f3f2f0;
	border: 1px solid #585b5e;
	border-radius: 3px;
	color: #2d373e;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
    width:98%;
}

.edit-labels-setup2a {
    background: none repeat scroll 0 0 #f3f2f0;
    border: 1px solid #585b5e;
    border-radius: 3px;
    color: #2d373e;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    width: 48%;
}

.edit-labels-setup2b
{
	background: none repeat scroll 0 0 #f3f2f0;
	border: 1px solid #585b5e;
	border-radius: 3px;
	color: #2d373e;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
    width:14%;
}

.edit-labels-setup2c {
    background: none repeat scroll 0 0 #faf0be;
    border: 1px solid #585b5e;
    border-radius: 3px;
    color: crimson;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 98%;
}
.edit-labels-setup2d {
    background: none repeat scroll 0 0 #f3f2f0;
    border: 1px solid #585b5e;
    border-radius: 3px;
    color: #2d373e;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    width: 62%;
}

.edit-labels-setup3
{
	background: none repeat scroll 0 0 #f3f2f0;
	border: 1px solid #a1caf1;
	color: #2d373e;
	font-size: 0.85em;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	word-wrap: break-word;
}

.edit-labels-setup3a
{
	color: #2d373e;
	font-size: 0.85em;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	word-wrap: break-word;
	outline: none;
	border: none;
}

.edit-labels-setup3b {
    color: #2d373e;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    word-wrap: break-word;
    outline: none;
    border: none;
}

.edit-labels-setup4
{
	background: none repeat scroll 0 0 #f3f2f0;
	border: 1px solid #585b5e;
	border-radius: 3px;
	color: #2d373e;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 120px;
}

.edit-labels-setup4a
{
	border: 1px solid #585b5e;
	border-radius: 3px;
	color: #2d373e;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 120px;
}

.edit-labels-setup5
{
	background: none repeat scroll 0 0 #f3f2f0;
	border: 1px solid red;
	color: #2d373e;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
}

.edit-labels-setup6
{
	background: none repeat scroll 0 0 #f3f2f0;
	border: 1px solid #585b5e;
	border-radius: 3px;
	color: #2d373e;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
    width: 450px;
}

.edit-labels-setup7
{
	background: none repeat scroll 0 0 #f3f2f0;
	border: 1px solid #585b5e;
	border-radius: 3px;
	color: #2d373e;
	font-size: 14px;
	padding-top: 1px;
	padding-bottom: 1px;
    width:98%;
}

.edit-labels-setup8
{
	background: none repeat scroll 0 0 #f3f2f0;
	border: 1px solid #a1caf1;
	color: #2d373e;
	font-size: 0.85em;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	word-wrap: break-word;
}

.edit-labels-setup9
{
	background: none repeat scroll 0 0 #f3f2f0;
	border: 1px solid #585b5e;
	border-radius: 3px;
	color: #2d373e;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
    width:87%;
}

.edit-labels-setup10
{
	background: none repeat scroll 0 0 #f3f2f0;
	border: 1px solid #585b5e;
	border-radius: 3px;
	color: #2d373e;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
    width:47%;
}

.edit-labels-setup11
{
	background: none repeat scroll 0 0 #f3f2f0;
	border: 1px solid #585b5e;
	border-radius: 3px;
	color: #2d373e;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
    width:30%;
}

.edit-labels-setup12
{
	background: none repeat scroll 0 0 #f3f2f0;
	border: 1px solid #585b5e;
	border-radius: 3px;
	color: #2d373e;
	padding-top: 10px;
	padding-bottom: 10px;
    width:100%;
}

.admin-list li 
{
	list-style-type: none;
}

fieldset.group  { 
  margin: 0; 
  padding: 0; 
  margin-bottom: 1.25em; 
  padding: .125em; 
} 

fieldset.group legend { 
  margin: 0; 
  padding: 0; 
  font-weight: bold; 
  margin-left: 20px; 
  font-size: 100%; 
  color: black; 
} 

ul.area-list  { 
  margin: 0; 
  padding: 0; 
  margin-left: 20px; 
  list-style: none; 
} 

ul.area-list li input { 
  margin-right: .25em; 
} 

ul.area-list li { 
  border: 1px transparent solid; 
  display:inline-block;
  width:12em;
} 

ul.area-list li label { 
  margin-left: 0px; 
  color: black;
} 

ul.area-list li:hover, 
ul.area-list	 li.focus  { 
  background-color: lightyellow; 
  border: 1px gray solid; 
  width: 12em; 
}

ul.status-list  { 
  margin: 0; 
  padding: 0; 
  margin-left: 20px; 
  list-style: none; 
} 

ul.status-list li input { 
  margin-right: .25em; 
} 

ul.status-list li { 
  border: 1px transparent solid; 
  display:inline-block;
  width:24em;
} 

ul.status-list li label { 
  margin-left: 0px; 
  color: black;
} 

ul.status-list li:hover, 
ul.status-list	 li.focus  { 
  background-color: lightyellow; 
  border: 1px gray solid; 
  width: 24em; 
}

ul.conclusion-list  { 
  margin: 0; 
  padding: 0; 
  margin-left: 20px; 
  list-style: none; 
} 

ul.conclusion-list li input { 
  margin-right: .25em; 
} 

ul.conclusion-list li { 
  border: 1px transparent solid; 
  display:inline-block;
  width:50em;
} 

ul.conclusion-list li label { 
  margin-left: 0px; 
  color: black;
} 

ul.conclusion-list li:hover, 
ul.conclusion-list	 li.focus  { 
  background-color: lightyellow; 
  border: 1px gray solid; 
  width: 50em; 
}

.cell-font-small, .cell-font-small td
{
	font-size: 10px;
}

.small-line-space
{
    line-height: 110%;
}

.LockOff {
    display: none;
    visibility: hidden;
}

.LockOn {
    display: block;
    visibility: visible;
    position: absolute;
    z-index: 999;
    top: 0px;
    left: 0px;
    width: 105%;
    height: 105%;
    background-color: #ccc;
    text-align: center;
    padding-top: 20%;
    filter: alpha(opacity=75);
    opacity: 0.75;
}

.extra-pad-top
{
	padding-top: 20px;
}

.overlimitcolor
{
	background-color: steelblue;
}

.noteven-hrs-color
{
	background-color: yellow;
}

.work-item-complete-color
{
	background-color: #a4c639;
}

.qbeisAcceptcolor, .qbeisAcceptcolor td {
    background-color: #FFB7C5;
    color: white;
}
.qbeNewJobcolor td {
    color: green;
}
.rectocolor, .rectocolor td {
    background-color: #ccccff;
}

.rectonewtradecolor, .rectonewtradecolor td
{
	font-weight: bold;
	color: green;
}

.floating-box {
    display: inline-block;
    width:27em;
    height:10em;
    margin:1em;
    padding:1em;
    border: none;
}

.active-search-criteria {
    background-color:white;
}

.inactive-search-criteria {
    background-color: #EBEBE4;
}

.hide-inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.visibility-hidden {
    visibility:hidden;
}

.green-outline {
    outline-color:green;
    outline-style:solid;
    outline-width:0.1em;    
}
input[type='file'].green-outline {
    background-color:green;
    color:white;
}

inline, div.inline, p.inline  {
    display:inline-block;
    margin-right: 1em;
}

.btn-glance-hwapplication, .btn-glance-hwcertificate, .btn-glance-hwcompletion {
    margin-bottom: 1em;    
}

tr.HomeWarrantyJobCancelled > td, .HomeWarrantyJobCancelled {
    background-color:#ff9696;    
}

tr td.HomeWarrantyValueWarning, .HomeWarrantyValueWarning {
    background-color: #ffff99;
}

tr td.HomeWarrantyValueOkay, .HomeWarrantyValueOkay {
    background-color: #74d18e;

}

.bold {
    font-weight:bold;
}

.textbox-no-outline
{
	outline:none;
}

 tr.myobsuppliers-inactive > td, .myobsuppliers-inactive {
    color:#ff9696;    
}

tr.supplier-row:hover {
    background-color: yellow;
}
.myobsuppliersearchfocus {
    background-color:#a1caf1;
    color:white;
}

.tile-container
{
	float: left;
	padding-right:	10px;
}
.tile {
    background: none repeat scroll 0 0 #EFEDEA;
    border: 0 none;
    font-size: 12px;
    min-height: 210px;
    width: 180px;
	float: left;
	border-radius: 10px;
}
.tile-chart {
    background: none repeat scroll 0 0 #EFEDEA;
    border: 0 none;
    font-size: 12px;
    min-height: 220px;
    width: 320px;
	float: left;
	border-radius: 10px;
}
.tile-chart .qty-info {
    border-left: 1px solid #D7D2CB;
    border-right: 1px solid #D7D2CB;
    border-top: 1px solid #D7D2CB;
    min-height: 110px;
    padding: 12px 12px 0;
    position: relative;
	height: 260px;
}
.tile-chart .qty-info {
    border: 1px solid #D7D2CB;
	border-radius: 10px;
}
.tile .qty-info {
    border-left: 1px solid #D7D2CB;
    border-right: 1px solid #D7D2CB;
    border-top: 1px solid #D7D2CB;
    min-height: 110px;
    padding: 12px 12px 0;
    position: relative;
	height: 260px;
}
.tile .qty-info {
    border: 1px solid #D7D2CB;
	border-radius: 10px;
}
.info-tile
{
	min-height: 200px;
}
.info-tile a:hover
{
	color: #333;
}

.tile .total {
    background-color: #318ce7;
    border-width: 1px;
    color: #FFFFFF;
    min-height: 50px;
    padding-left: 0;
    padding-top: 0;
	border-radius: 10px;
}
.tile .total dl {
    padding: 11px 12px 12px;
}
.tile .total dd, .tile .total dt {
    display: inline;
    margin: 0;
}
.tile .qty-info h2 {
	color: #318ce7;
    display: inline;
    font-size: 1em;
    font-weight: normal;
    line-height: 18px;
    margin: 0 0 10px;
    padding: 0;
    text-decoration: none;
    word-wrap: break-word;
	text-align: center;
}
.tile-chart .qty-info h2 {
	color: #318ce7;
    display: inline;
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    margin: 0 0 10px;
    padding: 0;
    text-decoration: none;
    word-wrap: break-word;
	text-align: center;
}

.tile2 {
    background: none repeat scroll 0 0 #EFEDEA;
    border: 0 none;
    font-size: 1em;
    min-height: 210px;
    width: 370px;
    float: left;
    border-radius: 10px;
    overflow-y: scroll;
}
.tile2 .qty-info {
    border-left: 1px solid #D7D2CB;
    border-right: 1px solid #D7D2CB;
    border-top: 1px solid #D7D2CB;
    min-height: 110px;
    padding: 12px 12px 0;
    position: relative;
	height: 260px;
}
.tile2 .qty-info {
    border: 1px solid #D7D2CB;
	border-radius: 10px;
}
.tile2 .total {
    background-color: #318ce7;
    border-width: 1px;
    color: #FFFFFF;
    min-height: 50px;
    padding-left: 0;
    padding-top: 0;
	border-radius: 10px;
}
.tile2 .total dl {
    padding: 11px 12px 12px;
}
.tile2 .total dd, .tile .total dt {
    display: inline;
    margin: 0;
}
.tile2 .qty-info h2 {
    color: #318ce7;
    display: inline;
    font-size: 1em;
    font-weight: normal;
    line-height: 18px;
    margin: 0 0 10px;
    padding: 0;
    text-decoration: none;
    word-wrap: break-word;
    text-align: center;
}

.line
{
	padding-top: 5px;
	border-bottom: 1px solid #D7D2CB;
	font-size: xx-large;
	width: 100%;
	text-align: center;
}
.wait-cursor {
    cursor:wait;
}
.inline-block  {
    display:inline-block;
    border: 1px solid red;
    vertical-align:bottom;
}

.outline-banner
{
	border-radius: 3px;
	border-style: solid;
	border-color: #318ce7;
}

.cost-incurred:hover
{
	color: #ff007f;
}
.missing-form:hover {
    color: #ff007f;
}

.status-change:hover
{
	color: #ff007f;
}

.uc-note:hover
{
	color: #ff007f;
}

.trade-workorder:hover
{
	color: #ff007f;
}

#show-trade-breakup-cost, #send-attempt-contact-sms, #send-attempt-contact, #make-initial-call {
    color: #ff007f;
}

    #show-trade-breakup-cost:hover, #send-attempt-contact-sms:hover, #send-attempt-contact:hover, #make-initial-call:hover, #outstanding-equipment-hire:hover {
        cursor: pointer;
    }

.btn-send-sms:hover {
    cursor: pointer;
}
#btnCancelJob, #btnReOpenJob
{
	padding-left: 10px;
}

    #btnCancelJob:hover, #btnReOpenJob:hover{
        color: #318ce7;
        cursor: pointer;
    }

.action-reminder-icon, .action-role-reminder-icon, .viewfile, .close-job {
    cursor: pointer;
}

.loading
{
  background: url('/Content/FineUploader/loading.gif') no-repeat;
  line-height: 18px;
  text-indent: 18px;
  cursor: not-allowed;
}

.over-11 {
    background-color: #bcd4e6;
}

.imgThumb
{
	max-width:100%;
	max-height:100%;
}

.imgThumb-general {
    width: 100%;
    height: 100%;
}

.image-select-color{
    background-color: red;
}

.pad-right1 {
    padding-right:20px;
}

td h4.contractorfilter {
    color: #318ce7;
}

td.stand-out input[type=text] {
    color:#dd390d;
}

div.jGrowl-notification
{
	color: white;
    font: bold;
	background: #5d8aa8;
	opacity: 0.85;
    border-color: red;  
}

div.jGrowl-closer
{
	color: white;
	background: #5d8aa8;

}

#jGrowl {
    padding-top: 10px;
}

.work-order-read-only tr:hover {
  background-color: #b2beb5;
}

.ui-widget-content a.invoice-tradename-heading:hover {
    color:#ff007f;
    cursor:pointer;
}

.pending-timesheet:hover
{
	color:#ff007f;
}

/*MOBILE*/
.ui-table
{
 font-size: 8px;
}

.container1 {
    margin: auto;
	height: 440px;
    padding: 10px;
}
.one {
    width: 49%;
    float: left;
}
.two {
    margin-left: 50%;
}

.icon-pointer:hover {
    cursor: pointer;
}
.chk-green > span:before {
    content: '✓';
    display: block;
    width: 1em;
    color: rgb(153,204,102);
    font-size: 0.875em;
    line-height: 1em;
    text-align: center;
    text-shadow: 0 0 0.0714em rgb(115,153,77);
    font-weight: bold;
}

/*FLEET LINC STYLING*/
#vehicle-service-schedule-tabs .ui-tabs-nav {
    background: transparent;
    border-width: 0px 0px 1px 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

#vehicle-service-schedule-tabs .ui-tabs-panel {
    margin: 0em 0.2em 0.2em 0.2em;
}

#vehicle-service-schedule-tabs .ui-tabs-nav .ui-state-active {
    background-color: #3c8243;
}

#vehicle-service-schedule-tabs .ui-state-active a, #vehicle-service-schedule-tabs .ui-state-active a:link, #vehicle-service-schedule-tabs .ui-state-active a:visited {
    background-color: #007fff;
    color: white;
}

#vehicle-service-schedule-tabs .ui-state-default, #vehicle-service-schedule-tabs .ui-widget-content .ui-state-default, #vehicle-service-schedule-tabs .ui-widget-header .ui-state-default {
    border: 1px solid #a1caf1;
    font-weight: bold;
}

#vehicle-service-schedule-tabs .ui-tabs-nav li {
    font-size: 65%;
}

div#FL_left-aside {
    float: left;
    width: 238px;
    padding: .3em;
    min-height: 660px;
}
div.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 880px;
}
div.gallery img {
    width: 100%;
    height: auto;
}
#back {
    position: relative;
    display: block;
    float: left;
    top: 12px;
    padding: 0;
    min-width: 122px;
    background: 0;
    font-size: 18px;
    font-weight: bold;
    background: url('../Images/less_than_sign_blue_24.png') no-repeat;
}

#back a {
    display: block;
    padding-left: 15px;
    background: url('../Images/less_than_sign_blue_24.png') no-repeat left center;
    color: #2d373e;
    font-weight: normal;
}

#back > a {
    margin-right: 35px;
    font-size: 18px;
    font-weight: bold;
    color: #757575;
    text-decoration: none;
    padding-left: 25px;
}

.validation-errors-fl ul
{
    font-size: smaller;
    list-style: none;
}
.validation-message-fl 
{
    font-size: smaller;
}
.input-validation-error {
    background-color: #FAF0BE;
}

.ui-state-default2 {
    border: 1px solid #d3d3d3;
    background: #318ce7;
    font-weight: normal;
    color: white;
}
/********************/

/*****Fleet Calendar*****/
.calendar-table {
    border: 1px solid #999;
    font-family: Georgia, Times, serif;
    width: 100%;
    height: 900px;
}

.calendar-table th {
    text-align: center;
    padding: 3px;
    background-color: #318ce7;
    border: 1px solid #999;
    font-size: 70%;
    text-transform: uppercase;
    height: 0.1em;
    color: white;
}

.calendar-table td {
    border: 1px solid #999;
    height: 5em;
    width: 5em;
    padding: 5px;
    vertical-align: top;
    color: black;
}
.calendar-table .bookings {
    font-size: 11px;
    display: block;
    line-height: 1.2em;
    margin-bottom: 5px;
    width: 25em;
}

.calendar-table ul {
    padding: 0;
    list-style: none;
    overflow-y: auto;
}

.booking-time-slot .black-anchor {
    color: black;
}

.calendar-table .bookings li.booking-time-slot {
    border-left-color: #318CE7;
}

.calendar-table .bookings li {
    border-left: 3px solid #99999E;
    display: block;
    max-height: 3.2em;
    overflow: hidden;
    margin-bottom: 4px;
    padding: 3px 0 3px 6px;
    font-size: 1.1em;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.appointment{
    text-align: left;
    font-size: 85%;
}

.day-with-appointment {
    background-color: #EFDFBB;
}

.day-with-no-appointment {
    background-color: #f5f5fa;
}

.calendar-table .today-colour-font {
    background-color: #FF0800;
    color: white;
    padding-bottom: 4px;
    padding-left: 20px;
    padding-right: 2px;
    font-size: 20px;
    border: 1px solid red;
    border-radius: 20px;
}
.center {
    margin: auto;
    width: 100%;
    padding: 10px;
}

.after-cell-click {
    background-color: #B9D9EB;
}

.table-title-caption a {
    color: white;
}

.table-title-caption a:hover {
    color: #ff007f;
}

.div-overflow-y {
    overflow-y: auto;
    height: 10em;
    width: 100%
}

.div-overflow-y2 {
    height: 25em;
}

.table-title-caption {
    background-color: #318ce7;
}

.table-title-caption h2 {
    padding-bottom: 10px;
    padding-top: 10px;
    color: white;
}

.menu-navigation2 {
    padding-top: 3px;
}

.menu-navigation2 a:hover {
    color: #318ce7;
}
/************************/

#site-report {
    background-color: aliceblue;
    color: black;
}

.isNoWO
{
    background-color: red;
    color: white;
}

.qbe-dress
{
    border: 3px solid red;
}

.color-white
{
    color: white;
}

.column-width
{
    width: 200px;
}