html {
overflow: -moz-scrollbars-vertical;
}

* {margin: 0;}

td {font-size:11px;padding-bottom: 7px;padding-right:10px;}



@import url('https://fonts.googleapis.com/css2?family=La+Belle+Aurore&display=swap');

.sig {
font-family: 'La Belle Aurore', cursive;
font-style:italic;
}



pre {font-size: 1.2em;}
    


.pad2 {padding:2px 2px 2px 2px;}
.pad3 {padding:3px 3px 3px 3px;}
.pad5 {padding:5px 10px 5px 5px;}
.padSmall3 {padding:3px 3px 3px 3px; font-size:9px;}


.error {
color:#ff0000;
}

.success {
color:#37a437;
font-weight: bold;
}


.successDarker {
color:#2b812b;
font-weight: bold;
}

li {
list-style-position:outside;
} 

.successL {
color:#37a437;
}

.printBut {
border:1px solid white;
padding:1px 10px 2px 10px; 
text-transform:uppercase;
font-size:0.9em;
background:#034557;
}

.correctPad {
padding-top:4px;
padding-left:6px;
padding-right:6px;
} 

.correctPadSp {
padding:0px;
}

/*
table, td, th {
  border: 1px solid black;
}
*/

.pgbgL {background-color:#164865;} /* Dark bg colour */
.pgDetails {color:#c0d0d5;} /* Light tint colour */
.theme_bg {background-color:#164865; color:#fff;}
.theme_tint {background-color:#c0d0d5;}

table.tableBorders {
	border: 1px solid black;
}

td.tableBorders {
	border: 1px solid black;
}

.tableBorders {
border-style: solid; 
background-color:#fff; 
border-width: 1px; 
border-collapse: collapse;
border-color: 000000; !important
}

 

#print-survey-button {
float:left;
margin-top:-2px;
margin-left:10px;
}


body {
background-color:#164865;   /*062944 old blue bg */
color: #000;
font-family: tahoma, verdana, sans serif;
font-size: 0.7em;
text-align: center; /* fix to center div in ie6 */
}

.themeBG {background:#164865;}

.columnsContainer, footer, header { position: relative; margin:0px; }
.rightColumn, .leftColumn, footer, header {padding:0px; }
.leftColumn { margin-bottom: 0px; }

@media screen and (min-width: 47.5em ) {
.rightColumn { margin-left: 180px; border-right:1px solid white;}
.leftColumn { position: absolute; top: 0; left: 0; width: 180px;  }   
}




.leftColumn {
background-color: #164865; 
margin-top:121px; 
border-right: 1px solid white; 
height:1650px;
text-align: left;
color:#fff;

}

/* Header stuff here */

#header {
float: left;
height: 120px;
width: 100%;
background-color:#023442;
background-image: url("../images/theme2/appName.gif");
margin-top: 0px;
border-bottom: 1px solid white;
}

#logo {
float:left;
margin-top:10px;
margin-left:10px;
}

#hPanelR {
float: right;
border: 0px soild yellow;
width: 550px;
height: 120px;
color:#fff;
margin-top: 20px;
text-align: right;
margin-right: 10px;
}

*html #hPanelR {
height: 100px;
}

#loginDetails {
width: 550px;
/*height: 70px;*/
}



#secondPlatform {
width: 190px;
float: right;
}









#searchBox {
width: 319px;
float: right;
}

#sbLeft {
float: left;
margin-right: 5px;
}

#sbRight {
float: left;
}

#footer {
float:left;
width:100%;
padding-top:5px;
padding-left:10px;
color:#fff;
text-align:left;
background-color:#164865;
padding-bottom: 10px;
}

a:link {color:#000; text-decoration:underline;}
a:visited {color:#000; text-decoration:underline;}
a:hover {color:#3b7569; text-decoration:underline;}

a:link.mainNav {color:#fff; text-decoration:none;font-weight: bold;}
a:visited.mainNav {color:#fff; text-decoration:none;font-weight: bold;}
a:hover.mainNav {color:#c0d0d5; text-decoration:none;font-weight: bold;}

a:link.dropDownNav {color:#fff; text-decoration:none;}
a:visited.dropDownNav {color:#fff; text-decoration:none;}
a:hover.dropDownNav {color:#c0d0d5; text-decoration:none;}

a:link.whiteLight {color:#fff; text-decoration:none;font-weight: normal;}
a:visited.whiteLight {color:#fff; text-decoration:none;font-weight: normal;}
a:hover.whiteLight {color:#fff; text-decoration:underline;font-weight: normal;}

a:link.diaryFilter {color:#fff; text-decoration:none;font-weight: normal;}
a:visited.diaryFilter {color:#fff; text-decoration:none;font-weight: normal;}
a:hover.diaryFilter {color:#fff; text-decoration:underline;font-weight: normal;}

a:link.diaryFilterOff {color:#808080; text-decoration:none;font-weight: normal;}
a:visited.diaryFilterOff {color:#808080; text-decoration:none;font-weight: normal;}
a:hover.diaryFilterOff {color:#808080; text-decoration:underline;font-weight: normal;}


a:link.mainNavSelected {color:#c0d0d5; text-decoration:none;font-weight: bold;}
a:visited.mainNavSelected {color:#c0d0d5; text-decoration:none;font-weight: bold;}
a:hover.mainNavSelected {color:#fff; text-decoration:none;font-weight: bold;}

a:link.fauxButton {color:#fff; text-decoration:none;font-weight: bold;}
a:visited.fauxButton {color:#fff; text-decoration:none;font-weight: bold;}
a:hover.fauxButton {color:#fff; text-decoration:none;font-weight: bold;}

a:link.arrears {color:#fff; text-decoration:underline;}
a:visited.arrears {color:#fff; text-decoration:underline;}
a:hover.arrears {color:#ffe6d1; text-decoration:underline;}

a:link.resultsB {color:#fff; text-decoration:none;font-weight: bold;}
a:visited.resultsB {color:#fff; text-decoration:none;font-weight: bold;}
a:hover.resultsB {color:#fff; text-decoration:none;font-weight: bold;}

a:link.statusNav {color:#fff; text-decoration:none;font-weight: bold;}
a:visited.statusNav {color:#fff; text-decoration:none;font-weight: bold;}
a:hover.statusNav {color:#fff; text-decoration:underline;font-weight: bold;}

a:link.blackNormal {color:#000; text-decoration:none;}
a:visited.blackNormal {color:#000; text-decoration:none;}
a:hover.blackNormal {color:#000; text-decoration:underline;}

a:link.bold {color:#000; text-decoration:underline;font-weight: bold;}
a:visited.bold {color:#000; text-decoration:underline;font-weight: bold;}
a:hover.bold {color:#3b7569; text-decoration:underline;font-weight: bold;}

a:link.redLink {color:#ff0000; text-decoration:none;}
a:visited.redLink {color:#ff0000; text-decoration:none;}
a:hover.redLink {color:#ff0000; text-decoration:underline;}

a:link.redLinkUn {color:#ff0000; text-decoration:underline;}
a:visited.redLinkUn {color:#ff0000; text-decoration:underline;}
a:hover.redLinkUn {color:#ff0000; text-decoration:underline;}

a:link.greenLink {color:#2e892e; text-decoration:underline;}
a:visited.greenLink {color:#2e892e; text-decoration:underline;}
a:hover.greenLink {color:#37a437; text-decoration:underline;}

a:link.greenLinkChain {color:#2e892e; text-decoration:underline;}
a:visited.greenLinkChain {color:#8f8f8f; text-decoration:underline;}
a:hover.greenLinkChain {color:#37a437; text-decoration:underline;}


a:link.breadcrumbs {color:#fff;text-decoration:underline;font-weight: bold;}
a:visited.breadcrumbs {color:#fff;text-decoration:underline;font-weight: bold;}
a:hover.breadcrumbs {color:#fff;text-decoration:none;font-weight: bold;}

a:link.breadcrumbsNEW {color:#fff;text-decoration:none;font-weight: bold;}
a:visited.breadcrumbsNEW {color:#fff;text-decoration:none;font-weight: bold;}
a:hover.breadcrumbsNEW {color:#fff;text-decoration:underline;font-weight: bold;}

a:link.admin {font-weight: normal; color:#37a437;}
a:visited.admin {font-weight: normal; color:#37a437;}
a:hover.admin {font-weight: normal; color:#37a437; text-decoration: none;}

a:link.redLinkU {font-weight: bold; color:#ff0000; text-decoration: underline;}
a:visited.redLinkU {font-weight: bold; color:#ff0000; text-decoration: underline;}
a:hover.redLinkU {font-weight: bold; color:#ff0000; text-decoration: underline;}

a:link.redLinkuU {font-weight: normal; color:#ff0000; text-decoration: underline;}
a:visited.redLinkuU {font-weight: normal; color:#ff0000; text-decoration: underline;}
a:hover.redLinkuU {font-weight: normal; color:#ff0000; text-decoration: underline;}

a:link.green {font-weight: normal; color:#37a437;}
a:visited.green {font-weight: normal; color:#37a437;}
a:hover.green {font-weight: normal; color:#37a437; text-decoration: none;}

a:link.rptgreen {font-weight: normal; color:#adadad; text-decoration: none;}
a:visited.rptgreen {font-weight: normal; color:#adadad; text-decoration: none;}
a:hover.rptgreen {font-weight: normal; color:#adadad; text-decoration: underline;}

a:link.greyLink {font-weight: normal; color:#666666; text-decoration: underline;}
a:visited.greyLink {font-weight: normal; color:#666666; text-decoration: underline;}
a:hover.greyLink {font-weight: normal; color:#000; text-decoration: underline;}



#addNewBox {
float:left;
width:180px;
}

#addNewBoxBL {
float:left;
width:180px;
}



#AddNew {
float:left;
height: 50px;
margin-left:10px;
padding-top:11px;
}

#AddNewArrow {
float:right;
margin-top:13px;
margin-right: 10px;
}

*html #AddNew {
height: 61px;
}

#chooseTheme {
clear: both;
float:left;
margin-top:20px;
margin-left:10px;
}

#leftColLine {
float:left;
background:#fff;
height:1px;
width:180px;
}

#statusItem {
clear: both;
float:left;
border-bottom: 1px solid white;
width: 180px;
height: 24px;
background-color:#034557;
}

#statusItemMessage {
clear: both;
float:left;
width: 180px;
height: 24px;
background-color:#034557;
border-top: 1px solid black;
}


.statusLink {
float:left;
margin-top: 4px;
margin-left:10px;
} 

.statusArrow {
float:right;
margin-top: 6px;
margin-right:10px;
}

.statusCount {
float:right;
margin-top: 4px;
margin-right:10px;
}

#navBar {
float: left;
height: 36px;
width: 100%;
background-image: url("../images/theme2/navBack.gif");
border-bottom: 1px solid white;
}

.navLeft {
float:left;
margin-left:10px;
margin-right:10px;
margin-top:11px;
}

.navDiv {
float:left;
width:1px;
background-color:#fff;
height: 36px;
}

.navDivRight {
float:right;
width:1px;
background-color:#fff;
height: 36px;
}

.navRight {
float:right;
margin-right:10px;
margin-top:11px;
margin-left:10px;
}

/* ***************************** OPTIONS BLOCK ************************************** */

#optionsOpen {
clear: both;
float:left;
height: 85px;
width: 100%;
border-bottom: 1px solid white;
background:#164865;
color:#fff;
padding-left:10px;
padding-right: 10px;
padding-top:5px;
}

*html #optionsOpen {
width: 719px;
height: 90px;
}

#optionsHead {
float:left;
width:100%;
margin-bottom: 5px;
}

#nowShowing {
float:left;
}

#advOptArrow {
float:right;
padding-right: 19px;
margin-top:2px;
}

#advOptions {
float:right;
padding-right: 10px;
}

.optionsBlock {
float:left;
margin-right: 0px;
}

#advOpPanel-1 {
clear:both;
float:left;
margin-top:10px;
width:150px;
}

#advOpPanel-2 {
float:left;
margin-top:10px;
}

#advOpPanel-3 {
float:left;
margin-top:10px;
margin-left:20px;
border: 0px solid white;
}

.adOpLabel {
clear:left;
float:left;
margin-top:2px;
margin-right:0px;
}

.adOpField {
float:left;
margin-bottom:5px;
}

#advOpPanel-6 {
float:left;
border: 0px solid white;
}

#advOpPanel-4 {
float:left;
margin-top:10px;
margin-left:10px;
border: 0px solid white;
}

#advOpPanel-5 {
clear: both;
float:left;
margin-top:8px;
width:140px;
margin-left:0px;
}

.adOpField10 {
float:left;
margin-left: 10px;
margin-top:-7px;
}


#optionsClosedBook {
clear: both;
float:left;
height: 23px;
width: 100%;
border-bottom: 1px solid white;
background-color:#023442;
color:#fff;
padding-left:10px;
padding-right: 10px;
padding-top:5px;
}

*html #optionsClosedBook {
width: 719px;
height: 28px;
}

/* ***************************** End OPTIONS BLOCK ************************************** */



/* ***************************** JOB SUMMARY ************************************** */

.cd-panelStack {
clear: left;
float:left; 
background:#d7edd7;
padding: 10px;
margin-bottom: 10px;
/*width: 74%;  was 96 */
border: 1px solid black;
}

.cd-Avail {
float:left; 
background:#d7edd7;
padding: 10px;
margin-left: 10px;
margin-bottom: 10px;
width: 14%;
border: 1px solid black;
}


#cd-panel {
float:left; 
background:#d7edd7;
padding: 10px;
margin-right: 10px;
margin-bottom: 10px;
}

.cd-panel {
float:left; 
margin-right: 30px;
}

.cd-panelStnPad {
clear: both;
float:left; 
margin-bottom: 10px;
}




.an-notes {
margin-top: 10px;
font-weight: bold;
text-transform: none;
}

.an-label {
margin-right: 10px;
margin-top: 4px;
font-weight: normal;
}

.an-value {
font-weight: bold;
}

#statusLabel {
float:left;
margin-right:20px;
}

#breadcrumbs {
clear: both;
float:left;
height: 32px;
width: 100%;
border-bottom: 1px solid white;
background-color:#37a437;
color:#fff;
padding-left:10px;
padding-right: 10px;

}

#breadcrumbsAddNew {
clear: both;
float:left;
height: 24px;
width: 100%;
border-bottom: 1px solid white;
background-color:#37a437;
color:#fff;
padding-left:10px;
padding-right: 10px;
padding-top:8px;
}



.an-field {
width: 150px;
background-color: #ffffff;
}




/* ***************************** End JOB SUMMARY ************************************** */



/* *****************************  DOCUMENTS / TEMPLATES ************************************** */

#docsHeader {
clear: both;
float:left;
height: 24px;
width: 100%;
border-bottom: 1px solid white;
background:#c0d0d5;
color:#000;
padding-left:10px;
padding-right: 10px;
padding-top:8px;
}

#templateContent {
float: left;
width: 100%;
padding:10px;
background:#fff;
min-height:1500px;
}

#docContent {
float: left;
width: 90%;
padding:0px;
background:#fff;
min-height:1500px;
}

#doclLetterPrevWrap {
float: left;
width: 620px;
border: 0px solid black;
padding:10px;
margin-bottom:10px;
}

#prevStatement {
float: left;
width: 620px;
text-align:left;
margin-bottom:10px;
}

.doclLetterPrev {
clear:both;
float: left;
width: 600px;
background:#fff;
margin-bottom:0px;
}

.doclLetterEmail {
clear:both;
float: left;
width: 800px;
background:#fff;
margin-bottom:0px;
}

#emailConfirmCrateHire {
float: left;
margin-bottom:10px;
}

#emailConfirmCrateHireBox {
clear:left;
float: left;
padding:10px;
box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.5);
border: 1px solid #000;
width:870px;
}

h1 {font-size: 14pt;}
h2 {font-size: 11pt;}
h3 {font-size: 8pt; font-weight: normal;}
h5 {font-size: 6pt; font-weight: normal;}

.letterPrev {
clear:both;
float: left;
width: 710px;
border: 0px solid red;
padding:10px;
background:#d8d8d8;
margin-bottom:10px;
}

#dbFields {
float: left;
width: 240px;
text-align:left;
margin-left:-10px;
}


.formAdvice {
float: left;
width: 240px;
border: 0px solid black;
background:#d8d8d8;
padding: 10px;
margin-left: 10px;
}

.dbFields {
float: left;
width: 240px;
text-align:left;
margin-left:-10px;
}


#formatOptions {
clear:both;
float: left;
margin-top:20px;
width: 240px;
text-align:left;
margin-left:-10px;
}

#template_build {
float: left;
border: 1px solid black;
margin-left: 20px;
padding:10px;
}

#templateForm {
clear:both;
float: left;
margin-top:10px;
}

#templateFormDB {
float: left;
margin-top:10px;
margin-left:10px;
}

.templateBox {
clear:both;
float:left;
margin-top:10px;
margin-bottom:10px;
border: 2px solid black;
padding:10px;
width:100%;
}

.templateBoxC {
clear:both;
float:left;
margin-top:10px;
margin-bottom:10px;
border: 2px solid black;
padding:10px;
text-align:center;
width:96%;
}

.box {
clear: left;
float:left;
border: 2px solid black;
padding:10px;
background:#d8d8d8;
margin-bottom:10px;
width:96%;
}

.dbSeparator {
float:left;
margin-top: 20px;
margin-bottom: 20px;
}

/* ***************************** End DOCUMENTS / TEMPLATES ************************************** */

















#pag {
float:left;
margin-left:-5px;
width:100%;
height: 28px;
margin-top: 5px;
}


#statusLabel {
float:left;
margin-right:10px;
}

#statusDrop {
float:left;
margin-top:-2px;
}

#textContent {
float:left;
min-height:1500px;
padding:10px;
background:#fff;
width:100%;
}

#textContentAddNew {
float:left;
min-height:1500px;
padding:10px;
background:#fff;
width:100%;
}






/* ****************************** ADMIN  ********************************************** */

#sysMain {
clear: both;
float:left;
height: 24px;
width: 100%;
border-bottom: 1px solid white;
background:#d8d8d8;
color:#000;
padding-left:10px;
padding-right: 10px;
padding-top:8px;
}

#textContentAdmin {
float:left;
min-height:1500px;
padding:10px;
background:#fff;
width:100%;
}

.adminCol {
float:left;
width: 18em;
margin-top: 20px;
line-height:18px;
}

.adminFloatLeft {
float: left;
margin-right:20px;
}

.admin-panelWrap {
float:left;
background:#d8d8d8;
width:60%;
padding:10px;
}



#backToAdmin {
clear: both;
float: left;
margin-top:20px;
}

.userPanel {
clear: both;
float:left;
border: 1px solid black;
padding: 10px;
margin-bottom: 10px;
width: 400px;
background:#d8d8d8;
}

.branchPanel {
clear: both;
float:left;
background:#fff;
border: 1px solid black;
padding: 10px;
margin-bottom: 10px;
width: 450px;
}


.userPanelL {
float:left;
margin-right: 20px;
width: 110px;
}

.userPanelR {
float:left;
}

.userItem {
clear: both;
float:left;
}

.userLabel {
float: left;
width: 70px;
font-weight: bold;
}

.branchLabel {
float: left;
width: 100px;
font-weight: bold;
}

.userData {
float: left;
}

.userDetAdL {
padding:3px 5px 3px 5px;
width:12%;
color:#585858;
}

.userDetAdF {
padding:3px 5px 3px 5px;
width:21%;

}



.toolsBoxAdd {
background: transparent;
border: 1px solid black;
background-color:#fff;
height: 20px;
outline: none;
font-family: tahoma, verdana;
font-size: 11px;
}



.summaryBox {
float:left;
padding:10px;
border: 0px solid black;
background:#d8d8d8;
}





















.summaryHeader {
float:left;
font-weight: bold;
margin-bottom:10px;
}

.summaryContent {
clear:left;
float:left;
}

.formBox {
float:left;
padding:10px;
margin-left:10px;
margin-top:-2px;
border: 0px solid black;
}



.chStWrap {
clear: both;
float:left;
margin-bottom:1px;
}

.chSt {
float:left;
width: 160px;
height: 18px;
margin-bottom: 3px;
padding-top: 4px;
padding-left: 5px;
border: 1px solid black;
}

.chSt2 {
float:left;
margin-left: 10px;
margin-top: 5px;
}

.imageUploader {
border: 0px solid black;
/*background-color:#fff;*/
}



#roomTypes {
float:left;
margin-left: 30px;
}

.roomType {
float:left;
width:100%;
border: 1px solid green;
}






/* ****************************** End ADMIN  ********************************************** */


/* ****************************** REPORTS  ********************************************** */

.reportsLeftNav {
margin-left:10px;
}

.rptLeftLabel {
float:left;
margin-left:5px;
margin-bottom:5px;
margin-top:4px;
width:160px;
}

#rptOptionsOpen {
float:left;
border-bottom: 1px solid black;
background:#164865;
color:#fff;
padding-left:10px;
width: 100%;
padding-top:5px;
}

.optionsBlockReports {
float:left;
width:100%;
height:30px;
}

#rptDateFrom {
float:left;
margin-right:10px;
margin-top:2px;
}



.surveyL {
clear:both;
float:left;
margin-bottom:10px;
}

.surveyR {
float:left;
margin-top:0px;
width:80%;
}

#textContentReports {
float:left;
min-height:1500px;
padding:10px;
background:#fff;
width:100%;
}



#schHeader {
float:left;
width:100%;
color:#fff;
font-weight: bold;
padding-left:10px;
padding-top:6px;
height:24px;
background:#164865;
}

.rptJobRef {float:left; width:5%;}
.rptCN {float:left; width:19%;}
.rptCNshort {float:left; width:18%; }
.rptBr {float:left; width:10%;}
.rptMK {float:left; width:13%; }
.rptDate {float:left; width:10%;}
.rptSpace {float:left; width:2%;}
.rptSurveyor {float:left; width:12%;}
.rptQu {float:left; width:8%; text-align: right;}
.rptDis {float:left; width:5%; text-align: right;}
.rptPack {float:left; width:6%; text-align: right; }
.rptWTE {float:left; width:6%; text-align: right;}
.rptLiab {float:left; width:6%; text-align: right; }
.rpt11 {float:left; width:11%; text-align: right; }
.rpt10 {float:left; width:10%; text-align: right; }
.rpt18 {float:left; width:18%; text-align: right;}

.rptType {float:left; width:8%;}
.rptVAT {float:left; width:3%;}
.rptPayDate {float:left; width:3%;}
.rptDesc  {float:left; width:3%;}

.rptBd {float:left; width:8%; text-align: right;}
.rptId {float:left; width:28%; margin-left:10px;}




.rptTotal {float:left; width:10%;}
.rptTotalSummary {float:left; width:10%; margin-left:22px;}

#rptsResultsLine {
float:left;
width:100%;
height:22px;
padding-left:10px;
padding-top:5px;
border-top:1px solid black;
background:#fff;
}





/* ****************************** End REPORTS  ********************************************** */





/* ****************************** STORAGE  ********************************************** */

#st-leftColLine {
float:left;
background:#fff;
height:1px;
width:180px;
}

#st-statusItem {
clear: both;
float:left;
/*border-top: 1px solid white;*/
width: 180px;
height: 24px;
background-color:#034557;
}


#diary-rotaItem {
clear: both;
float:left;
/*border-top: 1px solid white;*/
width: 180px;
height: 24px;
background-image: url("../images/staff-rota-button.gif");
border-bottom: 1px solid #000;
}



#ms-statusItem {
clear: both;
float:left;
border-top: 1px solid white;
width: 180px;
height: 24px;
background-color:#034557;
}

#storageKey {
float:left;
padding:10px;
font-size: 0.9em;
}

.keyItem {
clear:left;
float:left;
font-weight: bold;
margin-right: 3px;
}

.keyExp {
float:left;
}

#storageFilterLine {
float:left;
width:100%;
color:#fff;
background:#164865;
font-weight: bold;
padding-left:10px;
padding-top:6px;
height:26px;
border-bottom: 1px solid black;
}

.storageTools {
float:left;
width: 200px;
}

#schNavTools  {
float:left; 
width:432px;
}

#nowShowingBook {
float:left;
margin-right: 20px;
}

#storageHeaderNew {
float:left;
width:100%;
color:#fff;
font-weight: bold;
padding-left:10px;
padding-top:6px;
height:24px;
background:#164865;
}

#schJobRef {float:left; width:5%;}
#schCustomer {float:left; width:19%;}
#schCompany {float:left; width:14%;}
#schLoc {float:left; width:5%;}
#schContainers {float:left; width:4%; text-align:center;}
#schContainerListLong {float:left; width:30%; text-align:left;}
#schStart {float:left; width:9%; text-align:center;}
#schEnd {float:left; width:9%; text-align:center;}
#schWeeklyCh {float:left; width:5%; text-align:right;}
#schTotalPW {float:left; width:7%; text-align:right;}
#schTotalPCM {float:left; width:7%; text-align:right;}
#schInsCharge {float:left; width:5%; text-align:right;}
#schInsPCM {float:left; width:8%; text-align:right;}
#schGrand {float:left; width:8%; text-align:right;}
#schCostPD {float:left; width:9%; text-align:right;}
#schPadR {text-align:right; padding-right:20px;}
#schOptions {float:left; width:18%; text-align:left;}

/* STORAGE PAYMENTS HEADERS */
#st_date {float:left; margin-left: 200px; width:200px; text-align:left; background:#ff0000;}

.schJobRef {float:left; width:5%;}
.schCustomer {float:left; width:19%;}
.schCompany {float:left; width:14%;}
.schContainerListLong {float:left; width:30%; text-align:left;}
.schOptions {float:left; width:18%;}

.scOverviewLine {
float:left;
width:100%;
height:22px;
padding-left:10px;
padding-top:5px;
border-top:1px solid black;
}



#scResultsLine {
float:left;
width:100%;
height:22px;
padding-left:10px;
padding-top:5px;
border-top:1px solid black;
background:#ccc;
}

#scResultsExp {
float:left;
width:100%;
padding:10px;
background-color:#ceff84;
}

#scResultsExpL {
float:left;
}

#scResultsExpR {
float:left;
margin-left: 20px;
}

.tdCentre {
text-align: center;
padding-left: 7px;
padding-top:5px;
}

.tdCentreSm {
text-align: center;
padding-left: 3px;
padding-top:5px;
padding-right:3px;
}


.tdCentreSmCredit {
text-align: center;
padding-left: 3px;
padding-top:5px;
padding-right:3px;

-webkit-box-shadow:inset 0px 0px 0px 2px green;
-moz-box-shadow:inset 0px 0px 0px 2px green;
box-shadow:inset 0px 0px 0px 2px green;
}

.tdCentreSmGrey {
text-align: center;
padding-left: 3px;
padding-top:5px;
padding-right:3px;
background:#deffad;
}

.tdCentreSmNo {
text-align: center;
padding-left: 3px;
padding-top:5px;
padding-right:3px;
background:#e5e5e5;
}

.tdCentreSmGreyCredit {
text-align: center;
padding-left: 3px;
padding-top:5px;
padding-right:3px;
background:#deffad;
-webkit-box-shadow:inset 0px 0px 0px 2px green;
-moz-box-shadow:inset 0px 0px 0px 2px green;
box-shadow:inset 0px 0px 0px 2px green;
}

.tdCentreSmLate {
text-align: center;
padding-left: 3px;
padding-top:5px;
padding-right:3px;
background:#deffad;
-webkit-box-shadow:inset 0px 0px 0px 2px #ff8000;
-moz-box-shadow:inset 0px 0px 0px 2px #ff8000;
box-shadow:inset 0px 0px 0px 2px #ff8000;
}

.tdCentreSmGreyCreditLate {
text-align: center;
padding-left: 3px;
padding-top:5px;
padding-right:3px;
background:#ffcc33;
-webkit-box-shadow:inset 0px 0px 0px 2px green;
-moz-box-shadow:inset 0px 0px 0px 2px green;
box-shadow:inset 0px 0px 0px 2px green;
}

.tdCentreSmCrd {
text-align: center;
padding-left: 3px;
padding-top:5px;
padding-right:3px;
background:#deffad;
-webkit-box-shadow:inset 0px 0px 0px 2px #ff0000;
-moz-box-shadow:inset 0px 0px 0px 2px #ff0000;
box-shadow:inset 0px 0px 0px 2px #ff0000;
}

.tdCentreSmArrears {
text-align: center;
padding-left: 3px;
padding-top:5px;
padding-right:3px;
background:#ff0000;
}

.tdCentreSmRed {
text-align: center;
padding-left: 3px;
padding-top:5px;
padding-right:3px;
background:#ff0000;
}

#alphabet {
float:left;
padding:10px;
}

.alphabetRow {
clear:left;
float:left;
}

.alphabetLetter {
float:left;
padding-right:12px;
width:12px;
}

#storage-key {
clear:both;
margin-top:10px;
float:left;
}

.storage-key-image {
clear:both;
float:left;
margin-bottom:2px;
border: 1px solid #ccc;
}
	
.storage-key-text {
float:left;
margin-left:10px;
width:108px;
margin-bottom:2px;
font-size: 0.9em;
font-weight: bold;
}

#schContainerList {float:left; width:13%;}
#schMonthList {float:left; width:63%;}


#scOverviewLine {
float:left;
width:100%;
height:34px;
padding-left:10px;
padding-top:5px;
border-top:1px solid black;
}

#scOverviewLineDyn {
float:left;
width:100%;
height:auto;
padding-left:10px;
padding-top:5px;
border-top:1px solid black;
padding-bottom:15px;
}


#scOverviewLineDeep {
float:left;
width:100%;
height:75px;
padding-left:10px;
padding-top:0px;
border-top:1px solid black;
}

.st-fin-panel {
float:left;
margin-top:10px;
margin-right:15px;
}



#keyPad {
margin-left:10px;
}


#schNavToolsFin  {
float:left; 
width:37%;
}

.storageToolsFin {
float:left;
width: 38%;
}

#nowShowingBookFin {
float:left;
margin-right: 20px;
}


/* ****************************** End STORAGE  ********************************************** */



/* ****************************** DIARY  ********************************************** */


#resultsHeader {
float:left;
margin-left:1px;
width:100%;
height: 24px;
}

#rhDiaryRef {float: left; width:5%;padding-left:10px;font-weight: bold;color:#fff;padding-top:4px;}
#rhDiaryDate {float: left; width:12%;padding-left:10px;font-weight: bold;color:#fff;padding-top:4px;}
#rhDiaryTime {float: left; width:10%;padding-left:10px;font-weight: bold;color:#fff;padding-top:4px;}
#rhDiaryType {float: left; width:14%;padding-left:10px;font-weight: bold;color:#fff;padding-top:4px;}
#rhDiaryCust {float: left; width:14%;padding-left:10px;font-weight: bold;color:#fff;padding-top:4px;}
#rhDiaryDep {float: left; width:22%;padding-left:10px;font-weight: bold;color:#fff;padding-top:4px;}
#rhDiaryDest {float: left; width:22%;padding-left:10px;font-weight: bold;color:#fff;padding-top:4px;}
#rhDiaryNotes {float: left; width:36%;padding-left:10px;font-weight: bold;color:#fff;padding-top:4px;}

#rhCallBackRef {float: left; width:5%;padding-left:10px;font-weight: bold;color:#fff;padding-top:4px;}
#rhCallBackTime {float: left; width:9%;padding-left:10px;font-weight: bold;color:#fff;padding-top:4px;}
#rhCallBackCust {float: left; width:14%;padding-left:10px;font-weight: bold;color:#fff;padding-top:4px;}
#rhCallBackNotes {float: left; width:36%;padding-left:10px;font-weight: bold;color:#fff;padding-top:4px;}

.rCallBackRef {float: left; width:5%;padding-left:10px;font-weight: bold;color:#000;padding-top:4px;padding-bottom:4px;}
.rCallBackTime {float: left; width:9%;padding-left:10px;font-weight: normal;color:#000;padding-top:4px;padding-bottom:4px;}
.rCallBackCust {float: left; width:14%;padding-left:10px;font-weight: bold;color:#000;padding-top:4px;padding-bottom:4px;}
.rCallBackNotes {float: left; width:36%;padding-left:10px;font-weight: normal;color:#000;padding-top:4px;padding-bottom:4px;}

.rDiaryRef {float: left; width:5%;padding-left:10px;font-weight: bold;padding-top:4px;padding-bottom:4px;}
.rDiaryDate {float: left; width:12%;padding-left:10px;padding-top:4px;padding-bottom:4px;}
.rDiaryTime {float: left; width:10%;padding-left:10px;padding-top:4px;padding-bottom:4px;}
.rDiaryType {float: left; width:14%;padding-left:10px;padding-top:4px;padding-bottom:4px;}
.rDiaryCust {float: left; width:14%;padding-left:10px;font-weight: bold;padding-top:4px;padding-bottom:4px;}
.rDiaryDep {float: left; width:22%;padding-left:10px;padding-top:4px;padding-bottom:4px;}
.rDiaryDest {float: left; width:22%;padding-left:10px;padding-top:4px;padding-bottom:4px;}
.rDiaryNotes {float: left; width:36%;padding-left:10px;padding-top:4px;padding-bottom:4px;}
.rDiaryAdd {float: left; width:72%;padding-left:10px;padding-top:4px;padding-bottom:4px;}
.rDiaryContact {float: left; width:14%;padding-left:10px;font-weight: normal;padding-top:4px;padding-bottom:4px;}

.rDiaryEmailStaff {float: left; width:16%;padding-left:10px;padding-top:4px;padding-bottom:4px;}

.resultItemDiary {
float:left;
width:100%;
background:#fff;
height:auto;
}

#resultsHeaderDiary {
float:left;
margin-left:1px;
width:100%;
height: 24px;
background:#67858e;
padding-top:6px;
color:#fff;
padding-left:10px;
}

#resultsHeaderCallBacks {
float:left;
margin-left:1px;
width:100%;
height: 24px;
background:#67858e;
padding-top:6px;
color:#fff;
padding-left:10px;
}

.resultItemDiary {
float:left;
width:100%;
background:#fff;
}

.callBackPad {
height:5px;
width:95%;
background:#ff0000;
}


#calendar {
float:left;
margin-left:9px;
margin-top:10px;
}

.tableBordersCal {
border-style: solid; 
background-color:#fff; 
border-width: 1px; 
border-color: 000000; 
border-collapse: collapse;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:162px;
}


.tdCal {
padding:2px 0px 2px 0px;
margin:0px 0px 0px 0px;
}

.tdPad {
padding:2px 4px 2px 4px;
}

div.diary_details {
display: none;
}
    
a:hover.diary_link + div.diary_details {
display: block;
/*border: 1px solid black;
width:160px;*/
margin-top: 5px;
padding:2px;
background-color:rgba(0, 0, 0, 0.2);
-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}


/* ****************************** End DIARY  ********************************************** */






/* ****************************** RESULTS  ********************************************** */
/* ****************************** RESULTS header line ********************************************** */

#resultsHeaderType {float:left;padding-left:10px;font-weight: bold;color:#c0d0d5;padding-top:4px;height: 20px; border-bottom:1px solid black;background:#034557; text-transform:uppercase; width:100%;}
#rhJobRef {float:left;width:6%;padding-left:10px;font-weight: bold;color:#fff;padding-top:4px;height: 20px;}
#rhJobDate {float:left;width:12%;padding-left:10px;font-weight: bold;color:#fff;padding-top:4px;height: 20px;}
#rhJobTime {float:left;width:6%;padding-left:10px;font-weight: bold;color:#fff;padding-top:4px;height: 20px;}
#rhJobQDate {float:left;width:12%;padding-left:10px;font-weight: bold;color:#fff;padding-top:4px;height: 20px;}
#rhJobCust {float:left;width:14%;padding-left:10px;font-weight: bold;color:#fff;padding-top:4px;height: 20px;}
#rhJobDep {float:left;width:16%;padding-left:10px;font-weight: bold;color:#fff;padding-top:4px;height: 20px;}
#rhJobDest {float:left;width:16%;padding-left:10px;font-weight: bold;color:#fff;padding-top:4px;height: 20px;}
#rhJobBranch {float:left;width:10%;padding-left:10px;font-weight: bold;color:#fff;padding-top:4px;height: 20px;}
#rhJobQuote {float:left;width:7%;padding-left:10px;font-weight: bold;color:#fff;padding-top:4px;height: 20px;}
#rhEdit {float:left;width:6%;font-weight: bold;color:#fff;padding-top:4px;height: 20px;}
#rhLocation {float:left;width:10%;font-weight: bold;color:#fff;padding-top:4px;height: 20px;} 
#rhJobContainers {float:left;width:13.5%;font-weight: bold;color:#fff;padding-top:4px;height: 20px;}
#diary_options {float:right;margin-right:20px;}

/* ****************************** actual RESULTS ********************************************** */

#rJobRef {float:left;width:6%;padding-left:10px;font-weight: bold;padding-top:4px;padding-bottom:10px;}
#rJobDate {float:left;width:12%;padding-left:10px;padding-top:4px;padding-bottom:10px;}
#rJobTime {float:left;width:6%;padding-left:10px;font-weight: bold;padding-top:4px;height: 20px;}
#rJobQDate {float:left;width:12%;padding-left:10px;padding-top:4px;padding-bottom:10px;}
#rJobCust {float:left;width:14%;padding-left:10px;font-weight: bold;padding-top:4px;padding-bottom:10px;}
#rJobDep {float:left;width:16%;padding-left:10px;padding-top:4px;padding-bottom:10px;}
#rJobDest {float:left;width:16%;padding-left:10px;padding-top:4px;padding-bottom:10px;}
#rJobBranch {float:left;width:10%;padding-left:10px;padding-top:4px;padding-bottom:10px;}
#rJobQuote {float:left;width:7%;font-weight: bold;padding-top:4px;padding-bottom:10px;padding-right: 10px;text-align: right;}
#rEdit {float:left;width:6%;font-weight: bold;color:#fff;padding-top:4px;height: 20px;}
#rLocation {float:left;width:10%;padding-top:4px;padding-bottom:10px;}
#rJobContainers {float:left;width:13.5%;padding-top:4px;padding-bottom:10px;}
#rJobNotes {float:left;width:27%;padding-top:4px;padding-bottom:10px; padding-left:10px;} 

/* ****************************** RESULTS header line ********************************************** */
#rhJobRef {width:6%;}
#rhJobDate {width:12%;}
#rhJobQDate {width:12%;}
#rhJobCust {width:14%;}
#rhJobDep {width:16%;}
#rhJobDest {width:16%;}
#rhJobBranch {width:10%;}
#rhJobQuote {width:7%;}

/* ****************************** actual RESULTS ********************************************** */
#rJobRef {width:6%;}
#rJobDate {width:12%;}
#rJobQDate {width:12%;}
#rJobCust {width:14%;}
#rJobDep {width:16%;}
#rJobDest {width:16%;}
#rJobBranch {width:10%;}
#rJobQuote {width:7%;}

.padAlignR {
padding-right: 10px;
text-align: right;
}

.results {
float:left;
background:#fff;
width:100%;
margin-left:1px;
}

.resultItem {
float:left;
width:100%;
background:#fff;
}

#resultsExp {
float:left;
width:100%;
padding:10px;
margin-bottom: 10px;
}

#resultsExpBg {
float:left;
width:98%;
}

.resultsOptions {
clear: both;
float:left;
margin-left:10px;
width:98.5%;
margin-bottom: 5px;
}

.check {
float:left;
margin-right:5px;
margin-top:0px;
}

.edit{
float:left;
font-weight: bold;
text-transform: uppercase;
color:#fff;
width: 46px;
height: 16px;
text-align:center;
padding-top: 2px;
}

.summaryButton {
float:left;
font-weight: bold;
text-transform: uppercase;
color:#fff;
height: 20px;
text-align:center;
margin-right:5px;
padding-top:3px;
padding-left: 6px;
padding-right: 6px;
margin-top:10px;
}



 	


/*
.resultsB {
	margin-top: - 22px;
	background-color: initial;
	background-image: linear-gradient(-180deg, #caded4, #2a7d53);
	border-radius: 6px;
	box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-family: tahoma;
	font-weight: bold;
	font-size:1.2em;
	height: 20px;
	line-height: 20px;
	outline: 0;
	overflow: hidden;
	padding: 0 6px;
	pointer-events: auto;
	position: relative;
	text-align: center;
	touch-action: manipulation;
	user-select: none;
	-webkit-user-select: none;
	vertical-align: top;
	white-space: nowrap;
	
	z-index: 9;
	border: 0;
	transition: box-shadow .2s;
	border: 1px solid #000;
	}

.submitButton:hover {box-shadow: rgba(119, 210, 12, 0.5) 0 3px 8px;}
*/







.showMore {
float:right;
margin-right:10px;
font-weight: bold;
text-transform: uppercase;
color:#fff;
width: 130px;
height: 16px;
text-align:center;
padding-top: 2px;
background:#164865;
}

.bookmark {
float:right;
margin-right:10px;
font-weight: bold;
text-transform: uppercase;
color:#fff;
width: 100px;
height: 16px;
text-align:center;
padding-top: 2px;
}

.offline-survey {
float:right;
margin-right:10px;
font-weight: bold;
text-transform: uppercase;
color:#fff;
width: 150px;
height: 16px;
text-align:center;
padding-top: 2px;
}




.rem_bookmark {
width: 170px;
float:right;
margin-right:10px;
font-weight: bold;
text-transform: uppercase;
color:#fff;
height: 16px;
text-align:center;
padding-top: 2px;
}

.docs {
float:right;
/*padding-right:10px;*/
font-weight: bold;
text-transform: uppercase;
color:#fff;
width: 46px;
height: 16px;
text-align:center;
padding-top: 2px;
}

.bookmarked {
float: right;
margin-top: 3px;
margin-right: 10px;
font-weight: bold;
}

.listAllJobsNotesArea {
float: left;
margin-top: 3px;
margin-left: 10px;
}


.divider {
float:left;
width:100%;
background-image: url("../images/divider.gif");
height: 1px;
}
/* ****************************** End RESULTS  ********************************************** */










/* ****************************** REMAINING STYLES  ********************************************** */

/* @media print {
    h4 {page-break-before: always;}
} */



#optionsHead {
float:left;
width:100%;
margin-bottom: 5px;
}

#optionsClosed {
clear: both;
float:left;
height: 21px;
width: 100%;
border-bottom: 1px solid black;
background-color:#164865;
color:#fff;
padding-left:10px;
padding-right: 10px;
padding-top:5px;
}

*html #optionsClosed {
width: 719px;
height: 26px;
}

.adOpField5 {
float:left;
margin-left: 5px;
}

#tickedItems {
clear:left;
float:left;
margin-left:30px;
border: 0px solid white;
}

#advOpPanel-7 {
float:left;
margin-top:10px;
margin-bottom:10px;
}

#bookOpPanel-7 {
float:left;
}

#advOpPanel-8 {
clear:left;
float:left;
margin-top:-4px;
margin-bottom:10px;
}

#bookOpPanel-8 {
clear:left;
float:left;
}



#tools {
float:left;
padding: 10px;
}

.toolsLabel {
float:left;
font-weight: bold;
margin-bottom: 3px;
margin-top:5px;
}

.resultsExpPanel {
float:left;
padding:0px;
width:18%;
}

.resultsExpPanel-2 {
float:left;
padding:0px;
width:65%;
margin-left: -4px;
}



.pad10R {
padding-right: 10px;
}

.checkReplace {
margin-bottom: 10px;
}

#statusDrop {
float:left;
}

#sundryText {
clear:both;
float:left;
margin-bottom:10px;
margin-top:10px;
margin-right:10px;
}

#sundryField {
float:left;
margin-bottom:10px;
margin-top:10px;
}

.editOption {
float:left;
background:#ccc;
padding:5px 10px 5px 10px;
margin-left:10px;
}

.noPadding {
padding-top:7px;
}

.an-form {
float:left;
margin-left: 0px;
margin-right: 20px;
}

.cd-panelWhite {
float:left; 
background:#d7edd7;
padding: 10px;
margin-right: 10px;
margin-bottom: 10px;
}

.cd-panelStackX {
clear: both;
float:left; 
padding: 0px;
margin-bottom: 0px;
width: 96%;
}



.cd-jobNotes {
float:left; 
margin-bottom: 10px;
margin-right: 30px;
max-width: 300px;
}

.noPad {
padding-bottom: 0px;
}

.zeroPad {
padding:0px;
}

.propPanel {
float:left;
margin-right: 40px;
}

.normal {
font-weight: normal;
}

#imagesBreak {
margin-top:20px;
clear:both;
}







.removalItem {
float:left;
width: 170px;
height: 190px;
border:1px solid black;
margin-right: 20px;
margin-bottom: 20px;
}

.removalItemDetails {
float:left;
margin-top: 170px;
border-top:1px solid black;
}

.remSel {
font-family: tahoma, verdana, sans serif;
font-size: 11px;
width: 40px;
border: 0px solid black;
height: 19px;
}

.remSelDet {
font-family: tahoma, verdana, sans serif;
font-size: 11px;
width: 70px;
border: 0px solid black;
height: 19px;
}

.itemName {
width: 125px;
float:left;
margin-top: 170px;
background-color:#fff;
border-top:1px solid black;
height: 17px;
padding-top: 2px;
padding-left: 5px;
}

.itemNameHigh {
width: 125px;
float:left;
margin-top: 170px;
background-color:#e5ff7f;
border-top:1px solid black;
height: 17px;
padding-top: 2px;
padding-left: 5px;
}

.itemHolderDet {
float:left;
width:290px;
margin-bottom:4px;
}

.itemComboDet {
float:left;
width:70px;
margin-left:3px;
border:1px solid black;
}

.itemComboDetBl {
float:left;
width:70px;
margin-left:3px;
border:0px solid black;
}












.itemButton {
background-color:#034557;
border: 1px solid black;
font-weight: bold;
font-size:11px;
text-transform: uppercase;
color:#fff;
height: 20px;
padding-top:0px;
width: 46px;
}

#itemSubmit {
clear: both;
float:left;
}

.an-fieldRed {
width: 150px;
background-color: #ffffff;
color:#ff0000;
font-weight:bold;
}

.toolsBoxAdminRed {
background: transparent;
border: 1px solid black;
background-color:#fff;
height: 18px;
outline: none;
font-family: tahoma, verdana;
font-size: 11px;
margin-bottom: 5px;
margin-top:4px;
color:#ff0000;
font-weight:bold;
}


.formLabel { 
float:left;
margin-top:4px;
margin-bottom:4px;
width:120px;
}

.formField { 
float:left;
margin-left: 10px;
margin-bottom:4px;
}

#prodList {
float: left;
background:#fff;
width: 900px;
}

#templateInner {
float: left;
width: 96%;
}

#templateLogo {
float: left;
margin-right: 20px;
}

#templateContact {
float: left;
}

#formBody {
clear: both;
float: left;
}

#customerFixed {
clear: both;
float: left;
margin-bottom: 10px;
margin-top: 10px;
}

#formAdvice {
float: left;
width: 240px;
border: 0px solid black;
background:#d8d8d8;
padding: 10px;
margin-left: 10px;
}

.formHeader {
margin-top:10px;
float: left;
font-weight: bold;
width:400px;
clear:both;
}

#schHeaderDeep {
float:left;
width:100%;
color:#fff;
font-weight: bold;
padding-left:10px;
padding-top:6px;
height:33px;
}

td.padLeft {
padding-left:4px;
padding-top:3px;
}

.invError {
float:left;
color:#ff0000;
width:100%;
}

.invSend {
float:left;
}

.invSendLabel {
float:left;
margin-top:2px;
}

.invSendCheck {
float:left;
margin-left:5px;
}

#sendInvoices {
float:left;
width:100%;
background:#fff;
padding:10px;
}


/* ****************************** end REMAINING STYLES ********************************************** */




/* ****************************** CALENDAR VIEW STYLES ********************************************** */

#textContentcalView {
float:left;
width:100%;
background:#fff;
}

#calView_header { 
float:left;
width:100%;
background-color:#164865; 
}

#diaryCal_header {
clear:left;
float:left;
width:100%;
}

.tableBordersCalView {
border-style: solid; 
background-color:#164865; 
border-width: 1px; 
border-color: 000000; 
border-collapse: collapse;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.day-headerF {
text-align:center;
background-color:#0a1e46; 
font-weight:bold;
color:#fff;
padding-top:5px;
}

.day-header {
text-align:center;
background-color:#0a1e46; 
font-weight:bold;
color:#fff;
padding-top:5px;
}


/* ****************************** end CALENDAR VIEW STYLES ********************************************** */



/* ****************************** FORMS ********************************************** */

input[type=submit] {font-size: 10px;margin-top:0px;}

input {
font-family: tahoma;
font-size: 11px;
border: 1px solid #000;
padding-left: 3px;
height: 20px;
padding-top:-1px
}

.iPadInput {
background:#fff;
}

textarea {
font-family: tahoma, sans serif;
font-size: 11px;
border: 1px solid black;
}

.adminSelect {
font-family: tahoma, sans serif;
font-size: 11px;
border: 1px solid black;
}

.imageButton {
background-color:#034557;
font-weight: bold;
font-size:11px;
text-transform: uppercase;
color:#fff;
height: 20px;
padding-top:0px;
width: 80px;
margin-left: 3px;
}

.adminDrop {
border: 1px solid black;
background-color:#fff;
height: 18px;
width: 160px;
outline: none;
font-family: tahoma;
font-size: 11px;
margin-top: 10px;
}

.stButton {
background-color:#034557;
font-weight: bold;
font-size:11px;
text-transform: uppercase;
color:#fff;
height: 20px;
padding-top:0px;
width: 100px;
}

.rptFindButton {
float:left;
margin-left:10px;
}

.rptClearButton {
float:left;
margin-left:10px;
background:#ff0000;
} 

.FindButtonDiv {
background-color:#034557;
border: 1px solid white;
font-weight: bold;
font-size:10px;
text-transform: uppercase;
color:#fff;
height: 16px;
padding-top:2px;
text-align:center;
}

.toolsBoxAdmin {
background: transparent;
border: 1px solid black;
background-color:#fff;
height: 18px;
outline: none;
font-family: tahoma, verdana;
font-size: 11px;
margin-bottom: 5px;
margin-top:4px;
}

.FindButtonW {
background-color:#034557;
border: 1px solid black;
font-weight: bold;
font-size:11px;
text-transform: uppercase;
color:#fff;
height: 20px;
padding-top:0px;
width: 130px;
}

.submit {
font-weight: bold;
text-transform: uppercase;
color:#fff;
}

.adminSubmit {
background-color: #023442; 
color:#fff;
text-transform: uppercase;
font-size:11px;
font-weight: bold;
height:22px;
padding-left:8px;

}

#crate_buttons {
clear:left;
float:left; 
margin-bottom: 10px;
}


.an-submit {
clear:left;
float:left; 
margin-top: 10px;
font-weight: bold;
text-transform: uppercase;
color:#fff;
background:#37a437;
}

.survey-submit {
clear:left;
float:left; 
margin-top: 10px;
height:26px;
width:140px;
font-weight: bold;
text-transform: uppercase;
color:#fff;
background:#164865;
}


.backToJob {
float:left; 
margin-top: 10px;
height:26px;
width:140px;
font-weight: bold;
text-transform: uppercase;
color:#fff;
background:#164865;
}


/* ***************************** Find box at top ************************************** */

input.Liv {
background-color:#fff;
font-family: tahoma;
font-size: 11px;
border: 0px solid #000;
padding-left: 3px;
height: 20px;
padding-top:-1px
}

*html input.Liv {
padding-top:3px
}

.FindButton {
background-color:#034557;
border: 1px solid white;
font-weight: bold;
font-size:11px;
text-transform: uppercase;
color:#fff;
height: 20px;
padding-top:0px;
width: 46px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.altPlatformButton {
background-color:#ff0000;
border: 1px solid white;
font-weight: bold;
font-size:11px;
text-transform: uppercase;
color:#fff;
height: 20px;
padding-top:0px;
padding-left:8px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
















/* ***************************** Drop-down combo ************************************** */
.toolsBox {
background: transparent;
border: 1px solid white;
background-color:#fff;
height: 19px;
width: 160px;
outline: none;
-webkit-appearance: none;
font-family: tahoma;
font-size: 11px;
margin-bottom: 5px;
}



/* ***************************** Drop-down combo DATES in options ************************************** */
.toolsBoxDates {
background: transparent;
border: 1px solid white;
background-color:#fff;
height: 19px;
outline: none;
-webkit-appearance: none;
font-family: tahoma;
font-size: 11px;
margin-bottom: 5px;
}

.rightColumn {
background-color: white; 
text-align: left;
margin-right:-1px; /* I added this in to deal with the white line at the right edge */
}


/* ****************************** end FORMS ********************************************** */


.itemHolder {
float:left;
width:220px;
margin-bottom:4px;
}

.itemCombo {
float:left;
width:40px;
border:1px solid black;
}

.textItemLabel {
float:left;
background:#fff;
margin-left:4px;
padding:3px;
}

.textItemLabelHigh {
float:left;
background:#e5ff7f;
margin-left:4px;
padding:3px;
}

.roomHeader {
float:left;
width:100%;
margin-bottom:5px;
font-weight:bold;
}





.adminPanelFloatLeft {
float:left;
margin-right:10px;
}


.adminMenuPanel {
clear:left;
float:left;
border: 0px solid black;
background:#e8e8e8;
-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50);
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50);
border: 1px solid #000;
margin-right:0px;
width:200px;
margin-bottom:10px;
}

.sundryExplTxt {-moz-border-radius:5px;
-webkit-border-radius:5px;border-radius:5px;border:1px solid #942911;display:inline-block;
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.50);
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.50);
}



.adminMenuPanelHead {
float:left;
background-image: url(../images/admin-back.gif);
height:32px;
border-bottom:1px solid black;
width:100%;
}

.adminMenuPanelHeadText {
float:left;
padding:8px;
}

.adminListOptions {
clear:left;
float:left;
padding:8px;
line-height:20px;
}

.hotmailText {
clear:left;
float:left;
padding:8px;
}

.templateListOptions {
float:left;
padding:8px;
line-height:20px;
}

.greyText {
color:#686868;
line-height:16px;
}

.templateExplain {
float:left;
font-size:1em;
line-height: 15px;
font-style: italic;
}

.dbiframe {
margin-left:0px;
text-align:left;
}

#surveyNotes {
clear:left;
float:left;
margin-bottom:5px;
font-weight:bold;
}

#surveyNotesText {
clear:left;
float:left;
margin-bottom:10px;
width:91%;
}


.accept-quote {
background-color:#37a437;
font-weight: bold;

text-transform: uppercase;
color:#fff;
height: 30px;
padding-top:0px;
width:160px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:2px solid #000;
display:inline-block;
}


#sendLink {
clear:left;
float:left;
margin-bottom:10px;
background:#164865;
padding:4px;
border:1px solid black;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #000;
display:inline-block;
}

#sendLinkDocs {
margin-right:5px;
float:left;
margin-bottom:10px;
background:#164865;
padding:4px;
border:1px solid black;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #000;
display:inline-block;
} 


#sendLinkLeft {
float:left;
margin-bottom:10px;
background:#164865;
padding:4px 6px 4px 6px;
border:1px solid black;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #000;
display:inline-block;
margin-right:5px;
}


/* ------------------------- STORAGE STATEMENT STYLES ----------------------------------------------------- */


.storageStatementMain {
width:100%; 
border:1px solid black; 
float:left; 
padding:0%;
margin-bottom:10px;
}

.storageStatementPanelL {
width:52%;float:left;
padding-right:2%;
padding-left:2%;
margin-bottom:5px;
margin-top:5px;
}

.storageStatementPanelR {
width:40%;float:left;
padding-right:2%;
padding-left:2%;
margin-bottom:5px;
margin-top:5px;
}

.storageStatementPanelHeader {
text-align:center;
font-weight:bold;
margin-bottom:5px;
}

.ss_invPeriod {
float:left;
width:20%;
}

.ss_amtDue{
float:left;text-align:right;width:20%;
}

.ss_addChg{
float:left;text-align:right;width:20%;
}

.ss_total{
float:left;text-align:right;width:20%;font-weight:bold;
}

.ss_invPeriodR {
float:left;
width:30%;
}

.ss_invPeriodRPT {
float:left;
width:36%;
}


.ss_totalR {
float:left;
text-align:right;
width:34%;
font-weight:bold;
}


/* ------------------------- Ends STORAGE STATEMENT STYLES ----------------------------------------------------- */



/* ------------------------- NCS STATEMENT STYLES ----------------------------------------------------- */
.ncsStatementPanelL {
width:48%;float:left;
padding-right:1%;
padding-left:1%;
margin-bottom:5px;
margin-top:5px;
background:yellow;
}

.ncsStatementPanelR {
width:48%;float:left;
padding-right:1%;
padding-left:1%;
margin-bottom:5px;
margin-top:5px;
background:cyan;
}


.ncs_left_month {
float:left;
background:#ccc;
width:20%;
}

.ncs_left_amt {
float:left;
background:#fff;
width:22%;
text-align: right;
}

.ncs_left_chg {
float:left;
background:#ccc;
width:22%;
text-align: right;
}

.ncs_left_total {
float:left;
background:#ff0000;
width:22%;
text-align: right;
}

.ncs_right_date {
float:left;
background:#ccc;
width:30%;
}

.ncs_right_pt {
float:left;
background:#00ff00;
width:48%;
}

.ncs_right_rec {
float:left;
background:#ff0000;
width:22%;
text-align: right;
}











/* ------------------------- Ends NCS STATEMENT STYLES ----------------------------------------------------- */








.searchContainers {
float:left;
margin-right:10px;
margin-top:2px;
}

/* ------------------------- TIMESHEET STYLES ----------------------------------------------------- */

.ts-jobID {float:left; width:6%;}
.ts-jobDate {float:left; width:10%;}
.ts-cname {float:left; width:23%;}
.ts-jobprice {float:left; width:9%;text-align:right;}
.ts-vat {float:left; width:8%;text-align:right;}
.ts-pack {float:left; width:7%;text-align:right;}
.ts-mileage {float:left; width:7%;text-align:right;}
.ts-staff {float:left; width:8%;text-align:right;}
.ts-profit {float:left; width:10%;text-align:right;}
.ts-profitp {float:left; width:10%;text-align:right;}
.ts-empty {float:left; width:0%;}
.ts-two {float:left; width:12%;}
.ts-private-notes {float:left; width:19%;}
.ts-Time {float:left; width:10%;text-align:right;}
.ts-jobType {float:left; width:10%;}
.ts-staffList {float:left; width:84%;}
.ts-staffEdit {float:left; width:16%;}

.tsResultsLine {
float:left;
width:100%;
padding-left:10px;
height:22px;
padding-top:5px;
border-top:1px solid black;
background:#fff;
}

.tsResultsLineNU {
float:left;
width:100%;
padding-left:10px;
height:22px;
padding-top:5px;
background:#fff;
}

.tsHeader {
float:left;
width:100%;
font-weight: bold;
padding-left:10px;
height:24px;
padding-top:6px;
color:#fff;
height:24px;
background:#164865;
}

.pldetails {
float:left;
width:100%;
padding:10px;
background:#e5e5e5;
border-top:1px solid black;
}

.timesheetHead {
background:#a6c2c7;
}

.timesheetSub {
background-color: #dbe7e9;
}

.roomHeaderEJ {
clear:left;
float:left;
margin-bottom:5px;
width: 175px;
font-weight:bold;
clear:left;
}

.itemHolderEJ {
float:left;
width:127px;
margin-bottom:4px;
}

.itemComboEJ {
float:left;
width:40px;
border:1px solid black;
}

.textItemLabelEJ {
float:left;
margin-left:4px;
padding:3px;
}

.FindButtonPL {
background-color:#034557;
border: 1px solid white;
font-weight: bold;
font-size:10px;
text-transform: uppercase;
color:#fff;
height: 20px;
padding:1px 6px 1px 6px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

a:link.FindButtonPL {color:#fff; text-decoration:none;}
a:visited.FindButtonPL {color:#fff; text-decoration:none;}
a:hover.FindButtonPL {color:#c0d0d5; text-decoration:none;}

/* ------------------- NEW DIARY STYLE -------------------------------------- */
.new-diary-item {
	width:97%;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.50);
	-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.50);
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.50);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #000;
	display:inline-block;
	cursor:pointer;
	font-family:tahoma;
	font-size:11px;
	padding:5px;
	text-decoration:none;
	text-align:center;
	margin-top:3px;
	margin-bottom:-3px;
}

.new-diary-list-item {
	width:98%;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.50);
	-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.50);
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.50);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #000;
	display:inline-block;
	
	font-family:tahoma;
	font-size:11px;
	padding:5px;
	text-decoration:none;
	text-align:center;
	margin-top:4px;
	margin-bottom:4px;
	margin-left:10px;
}

.resultItemDiary-new {
clear:left;
float:left;
border:0px solid #000;
}

.rDiary-email {
float: left; 
width:140px;
padding-left:5px;
padding-top:4px;
padding-bottom:4px; 
border:0px solid #000;
}

.rDiaryAdd-new {
float: left; 
margin-left:10px;
padding-top:4px;
padding-bottom:4px; 
}

.imageUploader {
text-transform:uppercase;
height:32px;
}



/* ------------------------- VEHICLE RESOURCES --------------------------------------------- */

.vr-resultsLine {
float:left;
width:100%;
padding-left:10px;
padding-top:5px;
border-top:1px solid black;
background:#fff;
}

.vr-jobID {
float:left;
width:5%;

}

.vr-jobType {
float:left;
width:6%;

}

.vr-jobDate {
float:left;
width:9%;

}

.vr-cname {
float:left;
width:17%;

}

.vr-cuft {
float:left;
width:4%;

}

.vr-address {
float:left;
width:19%;
}

.vr-Time {
float:left;
width:6%;

}

.vr-one {
float:left;
width:1%;

}



.messagehead {
clear: both;
float:left;
height: auto;
width: 100%;
border-bottom: 1px solid black;
background:#164865;
color:#fff;
padding-left:10px;
padding-right: 10px;
padding-top:8px;
padding-bottom:8px;
}

.messageRow {
clear: both;
float:left;
width: 100%;
height:auto;
border-bottom: 1px solid black;
background:#fff;
color:#000;
padding-left:10px;
padding-right: 10px;
padding-top:4px;
padding-bottom:4px;
}

.messagePreview {
clear: both;
float:left;
width: 100%;
height:auto;
border-bottom: 1px solid black;
background:#deffad;
color:#000;
padding-left:100px;
padding-right: 10px;
padding-top:10px;
padding-bottom:10px;
}

.themeHoverCol {color:#c0d0d5;}


#messageDate {float:left; width:8%;}
#messageTime {float:left; width:5%;}
#messageJobID {float:left; width:5%;}
#messageSender {float:left; width:15%;}
#messageSubject {float:left; width:35%;}
#messageMessage {float:left; width:30%;}


.quickFormElement {
float:left;
margin-right:7px;
}








/* ********************************************* Dropdown stuff *********************************************************** */

#dropDown {
float:right;
width:50%;
background:#000;
background:rgba(0,0,0,0.5); /*background:rgba(14,28,79,0.4); */
}

.topNavItem {
float:left;
width:20%;
text-align:center;
}

/**{margin:0; padding:0;}
  Dropdown Button */
.dropbtn {

    border: none;
    cursor: pointer;
	
	/*
	font-family: 'PT Sans Narrow', sans-serif;
	letter-spacing:0.1em;
	font-size:1.0em;
	font-weight:bold;
	color:#fff;
	*/
	margin-top:-1px;
	background: none;
	font-size:1.0em;
	margin-bottom:11px;
	margin-left:6px;
	margin-right:6px;
	
}



/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    /*display: inline-block;*/
	font-size:1.0em;
	
	
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
	text-align:left;
    background-color: #000;  /* background colour of dropdowns */
    background:rgba(0,0,0,0.3); /*background:rgba(14,28,79,0.4); */
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	margin-left:-3px;
}

/* Links inside the dropdown */
.dropdown-content a {
    /*color: black; */
    padding: 5px 10px 5px 10px;
    text-decoration: none;
	color:#fff;
    display: block;
	white-space: nowrap;
  	overflow: hidden;
	
	background-color: #000;  /* background colour of dropdowns */
	background:rgba(0,0,0,0.7); /*background:rgba(14,28,79,0.4); */
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
/*background-color: #f1f1f1; */
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    /*background-color: #3e8e41;*/
}


/* ******************************************************************************************************** */

.job_edits {
float:left;
margin-right:10px;
padding:10px;
}

.pad310 {
padding:3px 15px 3px 5px;
}


.notehead {float:left; width:100%; background:#fff; border-bottom: 1px solid black;}
.noteDate {float:left; width:7%; padding:4px 10px 4px 10px;}
.noteTime {float:left; width:5%;  padding:4px 10px 4px 10px;}
.noteJobID {float:left; width:4%; padding:4px 10px 4px 10px;}
.noteSender {float:left; width:8%; padding:4px 10px 4px 10px;}
.noteSubject {float:left; width:43%;  padding:4px 10px 4px 10px;}
.noteAction {float:left; width:10%;  padding:4px 10px 4px 10px;}
.noteCust {float:left; width:14%;  padding:4px 10px 4px 10px;}
.noteRow {}

#hideMe {
    -moz-animation: cssAnimation 0s ease-in 3s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 3s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 3s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 3s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}