.container {background: #9CC2CF;}
.navigation {background: #9CC2CF;}
.footer {background: #68828A;}


.header {font-size:3em;height:100%;min-height:100%;}

.footer {height:3em;clear:both;}
.footer .fContent {text-align:center;}


.currentStatus ul {list-style:none;margin-top:0;margin-bottom:.5em;}
.currentStatus h2 {margin:0;text-align:center;text-decoration:underline;}

.content .address {text-align:center;font-size:1.5em;}
.content .address h2 {margin:0;}
.content .address {margin-top:3em;}

.navigation ul {list-style:none;margin:.5em .5em .5em 0;padding:0;}
.navigation ul li ul {display:none;list-style:disc;margin:0 1em;padding-left:1em;}
.navigation ul.cur {display:block;}
.navigation li.cur {background:lightgrey;}
.navigation li a.cur {font-weight:bold;}
.navigation ul li li.cur {background:#bbb;}

.success, .notice, .error {width: 75%;text-align:center;margin:0 auto;}
.success p, .notice p, .error p {margin-bottom:0;}
.notice h3 {margin-bottom:.5em;}
.notice h2 {margin:0;}

.formTable {width: 75%;margin:0 auto;margin-bottom:1em;background: #bbb;border-collapse:collapse;}
.formTable th {text-align:center;font-weight:bold;font-size:1.2em;}
.formTable th, .formTable td {border:1px solid #888;}
.formTable .lineNum {width: 3em;text-align:right;font-weight:bold;}
.formTable .serial input, .formTable .expiry input, .formTable .serial, .formTable .expiry {width: 4em;}
.formTable .qty, .formTable .qty input {width:3em;text-align:center;}
.formTable td select {width: 100%;}
.formTable .submit {text-align:center;}

ul.clientList, ul.indexMenu {list-style:none;margin:0;padding:0;}
ul.clientList li, ul.indexMenu li {width: 31%;height:100px;border:1px solid #68828A;background:#9CC2CF;padding:0;margin:.25em;font-size:2em;text-align:center;float:left;}
ul.indexMenu li a {display:block;line-height:100px;}
ul.indexMenu li a:hover {border:1px solid #8AADB8;}
ul.clientList li a {font-size: 1.25em;}
fieldset p {margin: 0;}

#clientForm input, #clientForm select {width: 75%;margin:0;}
#clientForm input, #clientForm select, .shippingBox .span-2 {margin-bottom:auto 0;}
.orderFormTable input[type=submit], #orderForm input[type=submit], #clientForm input[type=submit] {width:25%;margin:1em auto;display:block;}
.orderFormTable td.price input {width: 4em;}
.clientBox {text-align:center;}
.clientBox label {text-decoration:underline;}
.shippingBox, .billingBox, .clientBox, .contactBox {background: #9CC2CF;}
.shippingBox .span-2, .billingBox .span-2, .contactBox .span-2 {background: #68828A;text-align:right;clear:left;}
.contactBox .span-2 {clear:none;}



table.reportTable, table.orderFormTable {width: 100%;margin:0 auto;margin-bottom:1em;border-collapse:collapse;background:transparent;}
table.reportTable th, table.orderFormTable th {background:#9cc2cf;}

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

table.reportTable, table.orderFormTable,
table.reportTable tr td.product, table.orderFormTable tr td.product {padding:0;}
.lineGap {}
td.ordered, td.backorder, td.shipped, td.serial, td.qty,
th.ordered, th.backorder, th.shipped, th.serial, th.qty {width: 4em;text-align:center;}
td.expiry, th.expiry {width:6em;text-align:center;}
input {border:1px ridge grey!important;}
.reportHeader {margin:2em 0;border-bottom:2px solid black;}
.reportHeader h1 {font-size:1.5em;}
.reportHeader div.last {text-align:right;font-size:1.2em;font-weight:bold;}

.orderSubmitControls, .orderControls, .productControls {width:90%;margin:1em auto;}
.orderControls .button {width:48%;margin:1%;}
.productControls .button {width:31%;margin:1%;}
.orderSubmitControls .button {width: 31%;margin:1%;}
.button {height:100px;background:#9CC2CF;padding:0;font-size:1.5em;text-align:center;float:left;}
.button a {display:block;line-height:100px;border:1px solid #68828A;}
.button a:hover {border:1px solid #8AADB8;}

#miscConfig fieldset {float:left;width:28em;text-align:center;margin:0 auto;border:1px solid #555;margin:.5em;}
#miscConfig textarea {width: 20em;height:6em;}
#miscConfig input {width: 25em;}
#miscConfig input[type=submit] {width:25%;margin:1em auto;display:block;clear:both;}

#backorders tr.fillOrder {background:#ff8;}

.backorderBlock h1 {font-size:1.25em;}
.backorderBlock {padding:1em;margin:1em;border:1px solid #555;}
.backorderBlock tr.canBeFilled {background:#ff8;}

.productTable {width: 100%;margin:0 auto;margin-bottom:1em;border-collapse:collapse;}
.productTable th, .productTable td {border:1px solid #555;text-align:center;}
.productTable th {background:#9CC2CF;}

.productTable th.ordered, .productTable th.backorder, 
.productTable th.shipped, .productTable th.serial, 
.productTable th.qty {width: 4em;}
.productTable th.expiry {width:6em;}

.formTable tr td table {margin:0;padding:0;border:0;border-collapse:collapse;width:100%;}
.formTable tr td table tr td {border:0;}
.formTable tr td table tr td.product {width:75%;}
.formTable tr td table tr td input {width:5em;}
.formTable tr td table tr td.poNumber {text-align:right;}

.productListing {width:90%;margin:.25em auto;margin-bottom:2em;}

table.productTable {width:100%;margin:0;padding:0;border-collapse:collapse;}
table.productTable td, .productAttributes th {border:1px solid black;text-align:center;}
table.productTable td.product {font-size:1.5em;width:50%;text-align:left;}
table.productTable th.doses,
table.productTable th.qty,
table.productTable th.cost,
table.productTable th.sell {width:10%;background:#9CC2CF;}

table.productSerials {width: 60%;margin:1em auto;border-collapse:collapse;}
table.productSerials td {text-align:center;}
table.productSerials th.serial,
table.productSerials th.qty,
table.productSerials th.expiry {width:33%;background:#9CC2CF;}

table.productTable.editMode input {width: 100%;}
table.productTable.editMode td.product {font-size:1.5em;width:20%;text-align:left;}
table.productTable.editMode th.doses,
table.productTable.editMode th.qty,
table.productTable.editMode th.cost,
table.productTable.editMode th.sell {width:10%;background:#9CC2CF;}

div.orderClosed {background:#DAA4A4;font-size:1.25em;font-weight:bold;text-align:center;line-height:2.5em;width:90%;margin:1em auto;border:1px solid #4D89A1;}

.login {text-align:center;font-size:2em;line-height:1.25em;}
.login h2 {font-size:1.25em}
.login input {width: 100%;}
.login input[type=submit] {width:25%;}
.login .span-6 {line-height:1em;}
#report .curDate {float:right;}
#report h1 {text-align:center;clear:both;margin:0;}
#report h2 {text-align:center;font-size:1.25em;font-weight:bold;margin:.75em 0;}
table.report caption {background:transparent;font-size:2em;margin:0;}
table.report {margin:2em auto;width: 75%;border-collapse:collapse;}
table.report th,
table.report td {text-align:center;border:1px solid black;}
table.report td.amount {text-align:right;}
table.report.singletable {margin-bottom:0;}
#report .total {margin:.5em auto 1em auto;width:75%;text-align:right;font-size:1.2em;font-weight:bold;}
#report .total.left {text-align:left;}

html table.orderDetails td {width:25%;}