/* 
    Document   : style
    Created on : 06-Nov-2008, 11:41:10
    Author     : Mike
    Description:
        Style sheet used to define look and feel of MeatApplication pages
*/

body, html { background: white ; color: black ;
    font-family: Calibri; margin:0px ; border:0px; padding:0px}
.pagetable { border-width: 1px ; border-style: solid ; border-color: black; width: 20px ; text-align: center }
.pagename { border-width: 1px ; border-style: none }
#image {text-align:center}
#notice {text-align:centre ; width:50%}
input.field { text-align: center;
    font-family: cursive;
}
input.button {width : 60px}
h2 {font-family: Cambria ;}
/* Debug line to help lay out tables 
td {border-width: 1px ; border-style:dashed; border-color:red}
/**/
/* On-screen menu bars etc. */
.menu { text-align: center; width: 100px; height: 60px ;border-width: 1px ; border-style: groove ; border-color: black ;
    background: rgb(220,220,220)}


/* Standard page heading */
#pageheading {padding:0 20px ; margin: 0 20px}
#logotext { width:50% ; vertical-align: top ; font-family:calibri ; padding: 0 0 0 20px }
#logographic { width :120px ; vertical-align: top ; text-align:center}
h1.brand { font-family: Cambria ; font-size: 32px ; font-weight: normal; padding:0 ; margin:0}
h2.brand { font-family: Calibri ; font-style: italic ; font-size: 24px ; font-weight: normal; padding:0 ; margin:0}


.stocktable { border-width: 2px ; border-style: solid ; border-color: black }
.reservetable { border-width:   0 ; border-style: none ; }
/* Layout & formatting for invoice page */
#invoicedetails {margin-left:auto ; margin-right:auto; width:100% ; text-align:center }
#invoiceheading {padding:0 20px ; margin: 0 20px ; border: none; width:100%}
#invoicenobox {padding:0  ; margin: 0 ; border: none; width:90%; vertical-align:top}
#address { font-family: calibri ; margin:0 20px}
#reservedetails {margin-left:100px ; margin-right:auto; width:100% }
.invoiceno {text-align:right}
.invoicetitle { text-align:center ; font-family:calibri ; font-size:x-large}
.invtable {border-width: 0px; border-style:none;  background:white }
.subtitles {background: white ; border-width:medium 0 thin ; border-style:solid ; border-color:black}
.totals {background: white ; border-width:thin 0px 0px 0px ; border-style:solid ; border-color:black}
.topaligned {vertical-align:top}
.foldaddress {vertical-align:top; font-family:calibri ; font-size:0.6em}
.date {text-align: left; width: 135px }
.money { text-align: right; width: 90px  }
.weight { text-align: right; width: 135px }
.item { text-align: left; width:472px}
.count { text-align: center; width: 50px;  }
.customername {text-align:left ; width: 400px}
.reservetitles {background: white ; border-width:medium 0 thin ; border-style:solid ; border-color:black}
.reservetotals {background: white ; border-width:thin 0px 0px 0px ; border-style:solid ; border-color:black}
/* Style for selecting items to move*/
#selectiondetails {margin-left:auto ; margin-right:auto; width:100% ; text-align:center }
.seltable {border-width: 0px; border-style:none;  background:white }
.selectbox {border-width:0px}
.selectiontext {margin-left: 5%}