/* Validated css  MAB 10/2/08 */
INPUT.DOCLDISCOUNT {width:30px;}
INPUT.DOCLUNITCOST {width:50px;text-align:right;}
body {color:black;background-color: #f5f5f5;background-image:url(/x/logo.cgi);background-repeat:no-repeat;background-position: top right;font-family:sans-serif;font-variant-numeric: lining-nums; font-feature-settings: "lnum";}

body.test {background-image:url(test.png);background-repeat:repeat;}
a {text-decoration: none;}
input.hide {border-style: none;width:1px;color: white;background-color:white;}
input:focus {outline:red 2px solid;background-color:#eef;}
input.DOCLQTY {width:5em; text-align:right;}
input.DOCLPRODUCT {width:8em;}
input.DOCLUNIT {width:5em; text-align:right;}
td.DOCDELIVERYMETHOD {width:5em;}
input.DOCLTITLE {width:40em;}
input.DOCLF, input.DOCLT {width:10em;}

table.doclines td.DOCLPRODUCT {max-width:10em; overflow:auto;}

span.small {font-size:smaller;}

table {border-collapse: collapse; font-size:1em;}
option,table,td,th,tr {padding:0 2px;border:0;empty-cells:show;border-style:none;vertical-align: top;}

option.DISABLED,select.DISABLED,textarea.DISABLED,input.DISABLED {border:1px gray solid;background:inherit;}
table,tr {border:0;padding:0;}
table.box {background-color: white;border: 1px solid gray;}
table.list {border: 1px solid gray;}
table.list td {border: 1px solid gray;white-space: nowrap;}
table.list tr.this {background-color: white;}
table.doclist {border: 1px solid gray;}
table.doclist td {border: 1px solid gray;}
table.doclist tr.this {background-color: white;}
td.neg {color:red;}
td.prompt {width:15em;white-space: nowrap;}
input.money,td.money {text-align: right;white-space: nowrap;}
td.date,td.qty,td.qtyerr,input.qty {text-align: right;white-space: nowrap;font-family:OCR-B;}
.nowrap {white-space: nowrap;}
td.name {white-space: nowrap;}

th {text-align: left;}
th.money,th.date,th.qty,td.moneystrike,td.qtyerr {text-align: right;white-space: nowrap;}
td.err,td.err {color: red;}
select.err option.ok {background-color:white;color:black;}
td.err select,td.err input,td.qtyerr input,input.err,select.err,option.err {color:white;background-color: red !important;}
td.strike,td.strike {text-decoration: line-through;}
table.document td.address {border: 1px solid gray; white-space: nowrap;width: 50%;}
table.account td.address,table.account td.info {border: 1px solid gray; white-space: nowrap;}
table.document td.body,table.account td.body {padding:0;border:0;}
table.document {width:100%;}
#doclinesdiv {width:100%; overflow:auto;}
table.document table.doclines td {border: 1px solid gray;white-space: nowrap;}
table.document table.doclines td.title {white-space: normal;}
table.document table.doclines tr.totals {background-color: white;}
table.document table.doclines tr.totals td {padding: 1px 2px;border-top: 1px solid gray;font-weight: bold;}
table.document table.doclines tr.totals th {padding: 1px 2px;border-bottom: 1px solid gray;}
tr.totals {padding: 1px 2px;border-top: 1px solid gray;font-weight: bold;}
tr.totals th {padding: 1px 2px;border-bottom: 1px solid gray;}
table.document table.doclines tr.note td {border-top: 1px dotted gray;font-size:smaller;}
table.document table.doclines tr.head td {border-top: 1px dotted gray;}
table.document table.doclines tr.head td.title {font-weight: bold;}
table.acclines tr.lineL0 td {background-color:white;}
table.acclines tr.line0 td {border-bottom: 1px solid gray;white-space: nowrap;}
table.acclines tr.due {background-color: #ff0;}
table.acclines tr.disputed {color: #888;}
table.acclines tr.overdue {background-color: #f88;}
table.acclines tr.overdue td.money {font-weight: bold;}
table.acclines tr.big td.money {font-weight: bold;}
table.doclines th,table.acclines th,table.document td.head {border-bottom: 1px dotted gray;white-space: nowrap;}
table.form {border: 1px solid gray;padding:0;font-size: smaller;}
table.document,table.account,table.acclist {border: none;}
table.banklist {width:100%}
table.banklist tr.debit {background-color: #FCC;}
table.banklist tr.banked {color: gray;}
table.banklist td.TaggedY {background-color: #F00;}
table.TASKS tr.VLATE {background-color:red;font-size:120%;}
table.TASKS tr.LATE {background-color:red;}
table.TASKS tr.OK {background-color:yellow;}
option.red {background-color: red;}
option.green {background-color: green;}
option.palegreen {background-color: palegreen;}
option.blue {background-color: blue;}
option.yellow {background-color: yellow;}
option.orange {background-color: orange;}
tr.M0 {background-color: #FFC;}
tr.M1 {background-color: #CFC;}
tr.M2 {background-color: #FCC;}
tr.outstanding {background-color: #FCC;}
fieldset.warn {background-color: white;color:red;}
table.caluser table.month {border:1px solid red;margin:2px;}
table.caluser td.month {text-align:center;}
table.caluser table.month td.HOL {font-size: 50%;}
table.caluser table.month td.AM {text-align:right;width:1em;padding:0;border:1px solid red;background-color:white;border-right:none;}
table.caluser table.month td.PM {text-align:left;width:1em;padding:0;border:1px solid red;background-color:white;border-left:none;}
table.caluser table.month td.H,form.caluser input.H {background-color:#ffc;}
table.caluser table.month td.Q,form.caluser input.Q {background-color:#fdd;}
table.caluser table.month td.Z,form.caluser input.Z {background-color:#ddf;}
table.caluser table.month td.N,form.caluser input.N {background-color:#cfc;}
table.caluser table.month td.F,form.caluser input.F {background-color:#ff8;}
table.caluser table.month td.S,form.caluser input.S {background-color:#f0f;}
table.caluser table.month td.T,form.caluser input.T {background-color:#088;}
table.caluser table.month td.L,form.caluser input.L {background-color:#08f;}
table.caluser table.month td.A,form.caluser input.A {background-color:#f00;}
table.caluser table.month td.C,form.caluser input.C {background-color:#f80;}
table.caluser table.month td.O,form.caluser input.O {background-color:#840;color:white;}
table.caluser table.month td.U,form.caluser input.U {background-color:#408;color:white;}
TAble.caluser table.month td.M,form.caluser input.M {background-color:#048;color:white;}
table.caluser table.month td.P,form.caluser input.P {background-color:#048;color:white;}
table.caluser table.month td.X,form.caluser input.X {background-color:olive;color:white;}
table.caluser table.month td.Y,form.caluser input.Y {background-color:plum;color:white;}
table.caluser table.month td.E,form.caluser input.E {background-color:#8fc;}
table.caluser table.month td.D,form.caluser input.D { background-color: #ddf; color:Red; font-weight: bold; }
table.caluser table.month td.BAD {font-weight:bold;text-decoration: blink;}
table.caluser table.month td.SELECTED {color:white;background-color:black;}
table.caluser table.month td.TODAYAM {border:2px solid black;border-right:none;}
table.caluser table.month td.TODAYPM {border:2px solid black;border-left:none;}
.obsolete {color:#808080;}
table.payslip {border:1px solid blue;}
table.payslip td:first-line {color:green;text-decoration:underline;}
table.payslip table {width:100%;}
table.payslip td.NETPAY {font-size:larger;}
table.payslip table td:first-line {color:inherit;text-decoration:inherit;}
tr.underline,td.underline {border-bottom: 1px solid gray;}
input.button,a.button {text-align:center;border:1px solid;text-decoration: none;background-color:#EDF;color:#639;padding:1px;}
img,input.image {border:none;padding:0;margin:0;vertical-align:middle;}

img.hoverimg {position:absolute;left:0;top:0;opacity:0;}
img.hoverimg:hover {opacity:1;}

.BasketImage {float:left;}
.BasketItemTitle {font-weight:bold;}
.BasketItemNote {font-style:italic;font-size:smaller;}
.BasketFootnote {font-style:italic;font-size:smaller;}
.BasketItemSerial {font-family:mono;}
.BasketItemSerial:before {content:"[";}
.BasketItemSerial:after {content:"]";}
.BasketItemChange {background:#cfc;}
.BasketExtra,tr.BasketItemExtra {background:#ffc;}
.BasketMsg {width:100%;display:block;border:1px solid red;text-decoration:none;background-color:#FCC;color:#000;padding:1px;font-weight:bold;}
.BasketList {clear:right;}
form.BasketCheckout {display:inline;}
form.BasketCheckout input {border:none;}
form.BasketClear {display:inline;border:none;}
form.BasketClear input {border:none;}
form.BasketClose {display:inline;border:none;}
form.BasketClose input {border:none;}
form.BasketNext {display:inline;border:none;}
form.BasketNext input {border:none;}
form.BasketConfirm {display:inline;border:none;}
form.BasketConfirm input {border:none;}
form.BasketInfo {display:inline;border:none;}
form.BasketInfo input {border:none;}
form.BasketAdd {display:inline;border:none;}
form.BasketAdd input {border:none;}
form.BasketSub {display:inline;border:none;}
form.BasketSub input {border:none;}
.red {background-color:red;}
form {display:inline;padding:0;border:none;margin:0;}
span.PriceTag-Title {display:block;font-weight:bold;}
span.PriceTag-Info {display:block;}
span.PriceTag-Note {display:block;font-size:smaller;font-style:italic;}
.DOCAN,.DOCAE {display:none;}

tr.PAYROLLPAY {background-color:green;}
tr.PAYROLLSP {background-color:green;}
tr.PAYROLLTAX {background-color:red;}
tr.PAYROLLNI {background-color:red;}
tr.PAYROLLSL {background-color:red;}
tr.PAYROLLPGL {background-color:red;}
tr.PAYROLLDEDUCTION {background-color:red;}
tr.PAYROLLEMPLOYERNI {background-color:yellow;}
tr.PAYROLLBIK {background-color:yellow;}
tr.PAYROLLRC {background-color:yellow;}
tr.PAYROLLEMPLOYER {background-color:yellow;}
td.typed {font-family:mono;font-weight:bold;}
td.black {background-color:black;color:white;text-align:center;vertical-align:middle;border:1px solid black;}
#productedit {margin:5px; padding:2px; width: 100%}
table.productlist {width:100%;margin:0px; padding:0px;}
table.productlist TR {height:25px;}
table.productlist TD.buybutton {width:5em;}
table.productlist TD.product {width:9em;}
table.productlist TD.money {width:5em;}
table.productlist TD.qty {width:2.5em;}
#stock {height:350px; overflow: hidden;width:40%; float:left; font-size:85%; margin-bottom:40px; overflow:auto}
#stock TH {text-align:center}
#outstandingorders {height:350px; overflow: auto;width:40%; float:left; font-size:85%}
#outstandingorders div {height:330px; overflow: auto;}
#deliveryplanner div.actioned {background: #33FF8D;}
#deliveryplanner div.outstanding {background: #E74C3C; color:white}
#pclpopup {position: absolute; width:50%; height: 300px;top:20%; left:20%; border-top:1px solid white; border-left:1px solid white; border-bottom: 3px solid black; border-right: 3px solid black;background: pink;}
#pclpopup span.close { float:right; width:20px; border: 1px solid black; margin:5px;padding:1px; text-align:center; background:lightgrey; border-top:1px solid white; border-left: 1px solid white; border-right:1px solid black; border-bottom: 1px solid black; font-weight: bold;}
#pclpopup span.close:hover { background:grey; border-top:1px solid black; border-left: 1px solid black; border-right:1px solid black; border-bottom: 1px solid black; font-weight: bold; cursor:pointer;}
#pclpopup select {width: 98%;}
#PCresult{text-align:center;}
h2.extratopmargin {margin-top: 4px; margin-bottom:2px;}
.RED {background-color:#ff0000;}
p.smallprint {font-size:smaller;margin-top:0;}

#option.CATB {color:red;}
#option.CATP {color:green;}
#lotlist {font-family: Sans-serif;font-size: 0.8em;border-collapse:separate; width: 100%;}
#lotlist tr {border:1px solid black;margin:1px; vertical-align:top;}
td.Sold {background:#adfea2 !important}
td.Unsold {background:#ff8f8f !important}


/* drop down menus */
	#cssdropdown, #cssdropdown ul {list-style: none; }
	#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }
	
	/* Head links */
	#cssdropdown li.nothead {float:left}
	#cssdropdown li.nhead { font-size: .8em;width: 4em; float: left; margin-left: -1px; border: none; text-align: center; position:relative;}
	#cssdropdown li.headlink { font-size: .8em;width: 4em; float: left; margin-left: -1px; border: none; text-align: center; position:relative;}
	#cssdropdown li.nhead a {display: block; padding: 2px; white-space: nowrap;}
	#cssdropdown li.headlink a {display: block; padding: 2px; }
	#cssdropdown li.headlink ul a { background: white;display: block; }
	#cssdropdown li.headlink a:hover { background:blue;color:white; }

	/* Child lists and links */
	#cssdropdown li.headlink ul {position:absolute; top: 1.45em; left: -1px; z-index: 9; display: none; width:15em; background: white; border: 1px black outset; text-align: left; }
	#cssdropdown li.headlink:hover ul { display: block;}
	#cssdropdown li.headlink ul li a { padding: 5px; padding-left: 1.5em;}
	#cssdropdown li.headlink ul li a:hover { background-color: blue; }
	
	/* Pretty styling */
	#cssdropdown a { color: black; } #cssdropdown ul li a:hover { text-decoration: none; }
	#cssdropdown li.headlink ul { padding-bottom: 10px; }

#bankedit { width: 50em; float:left;overflow:hidden;}
#bankallocations {border: 1px solid grey; padding:5px; margin-left:1em; width: auto; float:left; overflow:auto; border:1px solid gray;}
#bankcontrols {clear:both; width: 100%;margin-top:1em; margin-bottom:.5em;}

div.search {width:50%;text-align: center;}
fieldset.search {margin-top:50px;border:none;text-align: center;}
fieldset.search legend {display:none;}
fieldset.search span.help {display:none;}

body {background-image: none;}
div.search {width:50%;text-align: center;}
fieldset.search {padding-top:60px;border:none;text-align: center; background: url(logo.cgi) no-repeat 50% 1%;}
fieldset.search legend {display:none;}
fieldset.search span.help {display:none;}

fieldset.controls {display:none;}


ul.DocLink {list-style: none;display:inline;margin: 0px;padding-left:0px;}
ul.DocLink li {display:inline}
span.short { display:inline;}
span.long { display:none;}

.green {background:green}
.palegreen {background:palegreen}

.L0,table.oddeven tr:nth-child(even),table.oddeven .whileDrag {background:#ccc;}

.shaded {background-color: lightgrey};

div.buttons {
	text-align: right;
}

input.btn[type=submit],
input.btn[type=button],
input.btn[type=reset],
a.btn:not([class*="btn-"]) {
	font-weight: bold;
	color: #fff;
	font-size: 15px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 2px;
	padding-left: 10px;
	padding-right: 10px;
	border: 0px;
	border-radius: 5px;
	min-width: 25px;
	text-shadow: 0px 0px 2px #222;
	box-shadow: 0px 4px 3px -3px #111;
}

input.btn[type=submit]:hover,
input.btn[type=button]:hover,
input.btn[type=reset]:hover,
a.btn:hover:not([class*="btn-"]) {
	color: #eee;
	cursor: pointer;
	box-shadow: 0px 1px 3px #111;
}

input.btn[type=submit]:active,
input.btn[type=button]:active,
input.btn[type=reset]:active,
a.btn:active:not([class*="btn-"]) {
	box-shadow: 0px 0px 3px #111;
}

a.button, label.button {
        display: inline-block;
        white-space: nowrap;
        padding: 5px;
        margin: 1px;
        font-size: 15px;
        font-weight: bold;
        color: #10437a;
        border: 1px solid #ddd;
        border-radius: 3px;
        box-shadow: 0px 1px 1px #666;
        background-color: #eeeeee;
        background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
        background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
        background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
        background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
        background: linear-gradient(top, #eeeeee 0%,#cccccc 100%);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc')";
}

a.button:hover, label.button:hover {
        text-decoration: none;
        cursor: pointer;
        text-decoration: none;
        color: #0088d0;
        box-shadow: 0px 1px 2px #333;
}

a.btn:not([class*="btn-"]) {
	border: 0px;
	margin: 1px;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	text-decoration: none;
}

a.btn:hover {
	text-decoration: none;
}

a.btn img {
	display: none;
}

//a.btn span { display: inline-block; }

input.greenbtn[type=submit], input.greenbtn[type=button], input.greenbtn[type=reset], a.greenbtn {
	background-color: #037403;
        background: -moz-linear-gradient(top, #239423 0%, #037403 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#239423), color-stop(100%,#037403));
        background: -webkit-linear-gradient(top, #239423 0%,#037403 100%);
        background: -o-linear-gradient(top, #239423 0%,#037403 100%);
        background: -ms-linear-gradient(top, #239423 0%,#037403 100%);
        background: linear-gradient(top, #239423 0%,#037403 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#239423', endColorstr='#037403')";
}

input.bluebtn[type=submit], input.bluebtn[type=button], input.bluebtn[type=reset], a.bluebtn {
	background-color: #037474;
        background: -moz-linear-gradient(top, #239494 0%, #037474 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#239494), color-stop(100%,#037474));
        background: -webkit-linear-gradient(top, #239494 0%,#037474 100%);
        background: -o-linear-gradient(top, #239494 0%,#037474 100%);
        background: -ms-linear-gradient(top, #239494 0%,#037474 100%);
        background: linear-gradient(top, #239494 0%,#037474 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#239494', endColorstr='#037474')";
}

input.navybtn[type=submit], input.navybtn[type=button], input.navybtn[type=reset], a.navybtn {
	background-color: #21548b;
        background: -moz-linear-gradient(top, #21548b 0%, #003269 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#21548b), color-stop(100%,#003269));
        background: -webkit-linear-gradient(top, #21548b 0%,#003269 100%);
        background: -o-linear-gradient(top, #21548b 0%,#003269 100%);
        background: -ms-linear-gradient(top, #21548b 0%,#003269 100%);
        background: linear-gradient(top, #21548b 0%,#003269 100%);
}

input.yellowbtn[type=submit], input.yellowbtn[type=button], input.yellowbtn[type=reset], a.yellowbtn {
	background-color: #d77403;
        background: -moz-linear-gradient(top, #f79423 0%, #d77403 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f79423), color-stop(100%,#d77403));
        background: -webkit-linear-gradient(top, #f79423 0%,#d77403 100%);
        background: -o-linear-gradient(top, #f79423 0%,#d77403 100%);
        background: -ms-linear-gradient(top, #f79423 0%,#d77403 100%);
        background: linear-gradient(top, #f79423 0%,#d77403 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f79423', endColorstr='#d77403')";
}

input.redbtn[type=submit], input.redbtn[type=button], input.redbtn[type=reset], a.redbtn {
	color: #fff;
	background-color: #740303;
        background: -moz-linear-gradient(top, #942323 0%, #740303 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#942323), color-stop(100%,#740303));
        background: -webkit-linear-gradient(top, #942323 0%,#740303 100%);
        background: -o-linear-gradient(top, #942323 0%,#740303 100%);
        background: -ms-linear-gradient(top, #942323 0%,#740303 100%);
        background: linear-gradient(top, #942323 0%,#740303 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#942323', endColorstr='#740303')";
}

/*Diary css*/
div.diary {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	border: 0px;
	font-size: 70%;
	width: 1100px;
}

div.diary div.head div {
	border-top: 1px solid #00b;
	background-color: white;
	vertical-align: middle;
	height: 3em;
}

div.diary div.corner {
	display: inline-block;
	width: 10ex;
	line-height: 3em;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #00b;
	border-bottom: 1px solid #00b;
	color: #00b;
	padding-left: 2px;
}

div.diary div.first {
	border-left: 1px solid #00b;
}

div.diary div.day {
	display: inline-block;
	vertical-align: top;
	width: 128px;
	position: relative;
	border-bottom: 1px solid #00b;
	border-right: 1px solid #00b;
	background-color: #ccc;
}

div.diary div.day div {
	text-align: center;
}

div.diary div.user:hover div.day, tr.user:hover td {
	background-color: #ccc;
}

div.diary div.user:hover div.day, tr.user:hover td .SELECTED {
        color: white;
        background-color: black;
}

div.diary div.user:hover div.name {
	color: #00b;
	font-weight: bold;
}

div.diary div.today {
	font-weight: bold;
}

div.diary div.hol {
	background-color: #ee9;
}

div.diary div.name {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}

div.diary div.me {
	margin: 4px;
	margin-left: 0px;
}

div.diary div.me div.name {
	font-weight: bold;
}

div.diary div.me div.day, div.diary div.notme div.day {
	border-top: 1px solid #00b;
}

div.diary div.task {
	display: inline-block;
	position: absolute;
	border-left: 1px solid black;
	border-right: 1px solid black;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 2px;
}

div.diary div.am, div.diary div.pm, div.diary div.ampm {
	display: inline-block;
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 2px;
	width: 64px;
	color: gray;
}

div.diary div.time {
	display: inline-block;
	position: absolute;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	background-color: white;
	opacity: 0.5;
}

div.diary div.ampm {left: 0px; width: 126px;}
div.diary div.am {left: 0px;}
div.diary div.pm {right: 0px;}
div.diary span.l {text-align: left; padding-left: 5px;}
div.diary span.r {text-align: right; right: 5px; position: absolute;}
div.diary span.hol {display: block; text-align: center;}
div.diary div.TX {opacity: 0.5;}
div.diary div.TR {background-color: red;}
div.diary div.TG {background-color: green;}
div.diary div.TY {background-color: yellow;}
div.diary div.TO {background-color: orange;}
div.diary div.TB {background-color: #00b; color: white; border-right: 1px solid #fff;}
div.diary div.TM {background-color: magenta;}
div.diary div.TC {background-color: cyan;}
/* div.diary div.BusyStatus0 {opacity: 0.25;} */
/* div.diary div.BusyStatus1 {opacity: 0.5;} */
/* div.diary div.BusyStatus2 {opacity: 0.75;} */
/* div.diary div.BusyStatus3 {opacity: 1;} */
/* div.diary div.BusyStatus4 {opacity: 0.1;color:gray;} */
/* div.diary div.BusyStatus5 {opacity: 0.1;color:red;} */
div.diary div.AttendeeStatus0 {}
div.diary div.AttendeeStatus1 {font-weight:bold;}
div.diary div.AttendeeStatus2 {font-style:italic;}
div.diary div.AttendeeStatus3 {font-weight:bold;}
div.diary div.AttendeeStatus4 {text-decoration: line-through;}
div.diary div.AttendeeStatus5 {opacity:0.5;}

.leavecol .LL {background-color: #00b;color:#fff;}
.leavecol .LA {background-color: red;}
.leavecol .LT {background-color: cyan;}
.leavecol .LS {background-color: pink;}
.leavecol .LO {background-color: #cc8;}
.leavecol .LE {background-color: #cfc;}
.leavecol .LC {background-color: orange;}
.leavecol .LU {background-color: yellow;}
.leavecol .LM {background-color: magenta;}
.leavecol .LP {background-color: magenta;}
.leavecol .LH {background-color: #cc8;color:#bbb;}
.leavecol .LX {background-color: white;color:#eee;}
.leavecol .LN {background-color: white;color:#eee;}
.leavecol .LY {background-color: #ccc;}
.leavecol .LZ {background-color: #ccc;}
.leavecol .LW {background-color: #ccc;}

.leave {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
.leave td {
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
}
.leave th.day {
	text-align:right;
}
.leave .am,.leave .pm {
	border-bottom:1px solid black;
}
.leave .day {
	background-color: white;
	border-top:1px solid black;
	border-bottom:1px solid black;
	border-left:1px solid black;
}
.leave .totalleft,.leave .am {
	border-left:1px solid black;
}

.leave .NOTOK {
	font-weight:bold;
	font-style:italic;
}

.leave .LN {
	font-weight:normal;
}

.leave .bookable,.leave .approvable {
	cursor: pointer;
}
.leave .space {
	padding: 0px;
	font-size: 1pt;
	border-bottom: 1px solid black;
}
.leave .SELECTED {
	background-color: black;
	color:white;
}
.leave .totalleft,.leave .total {
	text-align:right;
}
.leave .name {
	text-align:left;
}
.leave .todayam {
	border-left: 5px solid black;
}
.leave .todaypm {
	border-right: 5px solid black;
}

textarea { font: 100%/120%  Arial, Helvetica, sans-serif;}

tr.rmapi, tr.rmapi a {
	background-color:blue;
	color:white;
}

tr.rmapisent {
	background-color:yellow;
}

tr.rmapicancelled {
	background-color:red;
}

tr.rmapidelivered, tr.rmapidelivered a {
	background-color:green;
	color:white;
}

pre,tt,tr.rmapi a,tr.rmapisent a,tr.rmapicancelled a,tr.rmapidelivered a {
	font-family: OCR-B;
	font-size:90%;
}

.jsstatus {
	display: inline-block;
	padding: 1em;
	border: 1px solid blue;
	border-radius: 1em;
	background: white;
}
div.creditwarning {
	padding: 1em;
	font-size: 1.6em;
	background: red;

}

table.json {
	border:1px solid blue
}

table.json tr td:nth-child(1) {
	font-family: OCR-B;
	font-size:90%;
}