/* W3C recommended template */

ADDRESS,
BLOCKQUOTE,
BODY, DD, DIV,
DL, DT,
FIELDSET, FORM,
FRAME, FRAMESET,
H1, H2, H3, H4,
H5, H6, IFRAME,
NOFRAMES,
OBJECT, OL, P,
UL, APPLET,
CENTER, DIR,
HR, MENU, PRE   { display: block }
LI              { display: list-item }
HEAD            { display: none }
TABLE           { display: table }
TR              { display: table-row }
THEAD           { display: table-header-group }
TBODY           { display: table-row-group }
TFOOT           { display: table-footer-group }
COL             { display: table-column }
COLGROUP        { display: table-column-group }
TD, TH          { display: table-cell }
CAPTION         { display: table-caption }
TH              { font-weight: bolder; text-align: center }
CAPTION         { text-align: center }
BODY            { font-family: verdana, arial, sans-serif; font-size: x-small; padding: 8px; height:100%; line-height: 1.00 }
H1              { font-size: 2em; margin: .67em 0 }
H2              { font-size: 1.5em; margin: .83em 0 }
H3              { font-size: 1.17em; margin: 1em 0 }
H4, P,
BLOCKQUOTE, UL,
FIELDSET, FORM,
OL, DL, DIR,
MENU            { font-size: 1em; margin: 1.33em 0 }
H5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6              { font-size: .67em; margin: 2.33em 0 }
H1, H2, H3, H4,
H5, H6, B,
STRONG          { font-weight: bolder }
BLOCKQUOTE      { margin-left: 40px; margin-right: 40px }
I, CITE, EM,
VAR, ADDRESS    { font-style: italic }
PRE, TT, CODE,
KBD, SAMP       { font-family: monospace }
PRE             { white-space: pre }
BIG             { font-size: 1.17em }
SMALL, SUB, SUP { font-size: .83em }
SUB             { vertical-align: sub }
SUP             { vertical-align: super }
S, STRIKE, DEL  { text-decoration: line-through }
HR              { border: 1px inset }
OL, UL, DIR,
MENU, DD        { margin-left: 40px }
OL              { list-style-type: decimal }
OL UL, UL OL,
UL UL, OL OL    { margin-top: 0; margin-bottom: 0 }
U, INS          { text-decoration: underline }
CENTER          { text-align: center }
BR:before       { content: "\A" }

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

ABBR, ACRONYM   { font-variant: small-caps; letter-spacing: 0.1em }
A[href]         { text-decoration: underline }
:focus          { outline: thin dotted invert }


/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

/* Elements that are block-level in HTML4 */
ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET,
FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME,
NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER,
DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT,
COL, COLGROUP, TD, TH, CAPTION
                { unicode-bidi: embed }
/* End bidi settings */


@media print {
  @page         { margin: 10% }
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE,
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}

@media speech {
  H1, H2, H3,
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}

/* end of template */

#header {margin: 0 auto; width: 100%; height: 140px; background-color:#ffffff;}

#top_menu {margin: 0 auto; width: 100%; height: 30px; color: #ffff88; background-color: #330066; float: none;}

#left_menu {margin: 0 auto; width: 15%; height: 330px; background-color: #ffcc33; float: left; overflow: scroll;}

#admin_left {margin: 0 auto; width: 15%; height: 470px; background-color: #ffcc33; float: left; overflow: scroll;}

#content {margin: 0 auto; width: 65%; height: 330px; background-color: #eeeeee; border-left: 5px solid #ffffff; border-right: 5px solid #ffffff; float: left; overflow: scroll;}

#admin {margin: 0 auto; width: 70%; height: 470px; background-color: #eeeeee; border-left: 5px solid #ffffff; border-right: 5px solid #ffffff; float: left; overflow: scroll;}

#result {margin: 0 auto; width: 100%; height: 480px; background-color: #eeeeee; border-left: 5px solid #ffffff; border-right: 5px solid #ffffff; float: left; overflow: scroll;}

#right_menu {margin: 0 auto; width: 18.9%; height: 330px ; background-color: #ffff88; float: right;}

#admin_right {margin: 0 auto; width: 13.9%; height: 470px ; background-color: #ffff88; float: right;}

#footer {margin: 0 auto; width: 100%; height: 70px; color: #ffff88; background-color: #330066; clear: both; float: none;}

#linebreak {margin: 0 auto; width: 100%; height: 5px; background-color:#ffffff; clear: both; float: none;}

#linebreak2 {margin: 0 auto; width: 100%; height: 5px; background-color:#ffffff; clear: both; float: none;}

a.top_menu:link {color: #ffff88;}

a.top_menu:visited {color: #ffcc33;}

a.left_menu:link {color: #0000ff;}

a.left_menu:visited {color: #000000;}

table.one {
table-layout: fixed;
}
table.two {
table-layout: auto;
}
table.order {
table-layout: fixed;
border-collapse: collapse;
background-color: #ffff88;
}
td.order {
	background-color:#ffff88;
	font-weight: bold; 
	}
td.ordervalue {
	background-color:#eeeeee;
	font-weight: normal; 
	}
table.purchaseorder {
table-layout: fixed;
font-size: small;
border-style:solid;
border-width: thin;
border-color: black;
background-color: #ffffff;
}
table.purchaseordersub {
table-layout: fixed;
font-size: small;
border-top-style:none;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-width: thin;
border-color: black;
background-color: #ffffff;
}
table.header {
table-layout: fixed;
font-size: small;
background-color: #ffffff;
}
table.supplierorder {
table-layout: fixed;
font-size: x-small;
border-style:solid;
border-width: thin;
border-color: black;
background-color: #ffffff;
}
td.supplierline {
border-top-style:dashed;
border-bottom-style:dashed;
border-left-style:none;
border-right-style:none;
border-width: thin;
border-color: black;	
}
td.supplierbox {
border-style:solid;
border-width: thin;
border-color: black;	
}	
table.showgasfires {
table-layout: auto;
border-collapse: collapse;
}
table.letter {
table-layout: auto;
border-collapse: collapse;
background-color: #ffffff;
font-size: small;
}
td.showgfmaker {
	background-color:#ffee88;
	font-variant: small-caps;
	font-weight: bold;
	}
td.showgfmodel {
	background-color:#ffee88;
	font-weight: bold; 
	}
td.showgf {background-color:#ffee88;}
td.showgfstats {background-color:#ffff99;}
td.showgfadd {background-color:#ffff55;}
td.showgfbold {
	background-color:#ffff99;
	font-weight: bold; 
	}
td.quote {background-color:#77ffaa;}
td.boiler {background-color:#f08080;}
td.water {background-color:#66ffff;}
td.gas {background-color:#ffcc00;}
td.condensate {background-color:#eeeeee;}
td.control {background-color:#ccff00;}
td.pump {background-color:#cc9900;}
td.other {background-color:#9999ff;}
td.radiator {background-color:#ffff33;}
td.cylinder {background-color:#66ccff;}
td.powerflush {background-color:#cc99ff;}
td.treatment {background-color:#99ccff;}
td.kickspace {background-color:#ff9900;}
td.underfloor {background-color:#cc9933;}
td.solar {background-color:#ffff00;}
td.black {background-color:#000000;}

td.price {
	background-color:#eeeeee;
	font-weight: bold;
	font-size: 150%;
	color: #ff3333;
}

td.all {padding: 0em 0em;}

.logoutbutton{
	width: 60px;
	height: 24px;
	color: black;
	background-color: HoneyDew;
}
.recalcbutton{
	width: 80px;
	height: 24px;
	color: black;
	background-color: HoneyDew;
}
.pobutton{
	width: 130px;
	height: 24px;
	color: black;
	background-color: HoneyDew;
}
.pricebutton{
	width: 550px;
	height: 28px;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 130%;
	color: red;
	background-color: HoneyDew;
}


P.pagebreakhere {page-break-before: always}




INPUT {
	font-family: verdana, arial, sans-serif; font-size: x-small; padding: 1px;
}
SELECT {
	font-family: verdana, arial, sans-serif; font-size: x-small; padding: 1px; line-height: 1.00;
}
TEXTAREA {
	font-family: verdana, arial, sans-serif; font-size: x-small; padding: 1px; line-height: 1.00;
}