/* ===========================================================================
   CSS STYLES for forms presentation                                     FORMS
   ===========================================================================

   http://juicystudio.com/services/colourcontrast.php
		#FFDFF7; -- light pink (good as a background for black text)
		
		#CDA2CD; -- lilac (ok as a background for black text)
		#F79221; -- orange (brightness ok, colour too dark W3C; ok HP)
		#67BC45; -- green (too dark for use with black; too light for use with white)
			#8CD171
		#3C51A4; -- blue (brightness ok, colour too dark W3C; ok HP)
		#FFE373; -- yellowy background (not used)
*/

   
       
       .legend  {position:absolute;background-color: #63BE42; border: 1px solid #777;  font-weight: bold;
        padding: 0.2em; margin-left: 1em; margin-top: -1em; font-size: 17px;}
        .cctable {margin-top: 2em; border: 1px solid #000;}
       
   
	form		{ 	margin: 0 auto; 	padding: 0.5em; padding-top: 0.2em;  
				font-family: arial, "lucida console", sans-serif; color: #000; 
			}
	fieldset 	{  border: 1px solid #000;  background-color: #FFDFF7; padding: 0; margin-left: 1em;	} /* --- ICDF Lilac is darker at: #CDA2CD; */
	fieldset ol	{  list-style: none; }
	fieldset li	{  padding-bottom: 0.2em; /* float: left; */ clear: left;  width: 100%; 
				font-size: 13px;
			} 
	fieldset p	{ margin-left: 2em; margin-right: 2em;}
	table p	{ margin-left: 2em; margin-right: 2em;}
	form.viewCart {text-align: center; padding: 0; background-color: #C69A63;}
	
	legend 	{	border: 1px solid #777;  padding: 0.2em;  margin-left: 1em; margin-top: 1em;
				font-weight: bold;  background-color: #63BE42;  color: #000; /*#F79221*/
			}
			
	label	{	float: left; width: 18em;  margin-right: 0.4em; margin-top: 0.3em;
				text-align: right;  font-size: 12px; font-weight: bold; 
			}
			
	table, table tr td {background-color: #FFDFF7; /* #CDA2CD; /* #FFDFF7; /*#C69A63;*/}

       table.y, table.y tr td {background-color: #FFE37B; vertical-align:top;/*#C69A63;*/}
       table.y {margin-left: 2em; margin-right: 2em;}
       td.r {text-align: right;}

       table h3 {margin: 0;}
	form.pay {margin-left: 1em; margin-right: 1em;}

       li.chq {font-size: 1em;margin-left: 1em;}
	select	{ color:#000; background:#fff  }
	input, select{ width: 150px; margin-top: 0.3em;} 
	textarea 	{width: 300px;}
	
	input.long { width: 300px; }
	input.button 	{margin-bottom: 2em;}
	input.total {  text-align: right; font-weight: bold; width: 65px; background-color: #EFCFE7;}
	input.radio, input.checkbox { width: 25px;}
	
	span.error {color: #f00; font-weight: bold; }
	span.good  {color: #080; font-weight: bold; font-size: 12px;}
	span.warn  {color: #f00;}
    
        .red {color: #f00; font-weight: bold;  }