/* shopping cart */

/* not sure if cart style is used */
.cart 
{    
    background-color: #ffc;
    display:block;
	margin:0px 0px 20px 0;
	padding:5px 10px;
	color: #993333;
	font-weight: bold;
	text-align: center;
	border: solid 1px #933;
    }
.cart a
{
    color: #993333;
	font-weight: bold;
}
.cart a:hover
{
    text-decoration:none;
}
    
.cartHeader
{
    background-color: #ffc;
    display: block;
    margin: 0px 0px 20px 0;
    padding: 5px 10px 15px 10px;
    text-align: center;
    border-bottom: 1px solid #000080;
    font-style: italic;
}

.cartHeaderRed 
{
    color: #FF0000;
}

.cartHeader p 
{
    text-align: center;
    padding-bottom: 0;
    margin-bottom: 0;
}

.importantText 
{
    color: #CC3300;
    font-weight: bold;
}
/* help and error panels */
.helpPanel 
{
	border: solid 1px #006400;
	margin: 20px 0 40px 0;
	padding: 5px 5px 5px 5px;
	width: 600px;
	color: #006400;
}
.errorPanel 
{
	border: solid 1px red;
	margin: 20px 0 40px 0;
	padding: 5px 5px 5px 5px;
	width: 600px;
	color: Red;
}
.helpPanelExclMark
{
	float: left;
	width: 50px;
	text-align: left;
	text-align: -moz-left;
}
.helpPanelRest
{
	width: 450px;
}

.helpPanelTitle 
{
	text-align: justify;
	font-weight: bold;
	padding-bottom: 20px;
}

.helpPanelMessage
{
	text-align:left;
	margin: 0 0px 0 50px;
	display:block;
}

/* repeat alignment to cope with Firefox (if put in same style, only last setting applies */
.helpPanelIcon 
{
	text-align: right;
}
.helpPanelIcon 
{
	text-align: -moz-right;
}

.radioButtons 
{
    padding: 10px;
    margin: 10px 0 0px 10px;
}
.radioButtons td 
{
    padding: 5px 0;
}
.radioButtons input 
{
    margin-right: 10px;
}
.ulSpaced 
{
    padding-top: 8px;
    padding-bottom: 0px;
}
.hugeText
{
    text-align: center;
    color: #FF0000;
    font-weight: bold;
    display: block;
    font-size: 20px;
    border: solid 2px #f00;
    padding: 20px;
    width: 500px;
    margin-top: 20px;
}
   
.hugeText p 
{
    text-align: center;
}
    
.ImportantMessage
{
	display: block;
	margin: 20px;
	text-align: center;
	background-color: #EFE;
	color: darkgreen;
	padding: 5px;
	border: #000 1px solid;
	width: 50%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;

}
.ImportantMessageFat
{
	display: block;
	margin: 20px;
	text-align: left;
	background-color: #EFE;
	color: darkgreen;
	padding: 5px;
	border: #000 1px solid;
	width: 570px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;

}

.UnimportantMessage
{
	display: block;
	text-align: center;
	/* background-color: #EFE; */
	padding: 5px;
	font-style: italic;
}
.UnimportantMessageLeft
{
	display: block;
	text-align: left;
	/* background-color: #EFE; */
	padding: 5px;
	font-style: italic;
}
.divForm
{
	border: solid 1px #000;
	background-color: #fff; 
	margin-bottom: 20px;
	padding: 0 10px 10px 10px;
}
.divBox
{
	border: solid 1px #000;
	background-color: #E7E7FF; 
	margin-bottom: 20px;
	padding: 10px;
	text-align:left;
}
.tdName  
{
	font-style:italic;
	text-align:right;
	padding: 5px 0 5px 10px;
	vertical-align: top;
}
.tdValue
{
	vertical-align: top;
	font-style:italic;
	color: Maroon;
	text-align:left;
	padding: 5px;
	/* background-color: #E7E7FF; */
}
.tdHelp  
{
	font-style:italic;
	text-align:left;
	color: Navy;
	padding: 0px 3px 5px 2px;
	vertical-align: top;
}
.tdMiddle 
{
	width: 10px;
}
.divForm td a
{
	font-style: normal;
}
.formFixed550
{
	width: 550px;
	border: #000 1px solid;
	background-color: #ffc;
	margin-bottom: 30px;
}
.formFixed550 p 
{
    margin: 10px 10px 10px 10px;
}
.tableBanner
{
    background-color: #990000;
    width: 100%;
    margin: 0;
    color: #ffc;
    padding: 5px 0px 5px 0px;
   /* border: solid 1px #000; */
}
.tableBanner p 
{
    padding-left: 10px;
    font-weight: bold;
}
.helpButton 
{
    margin-top: 3px;
}

.tdNote 
{
    text-align: left;
	font-style: italic;
	font-size: small;
}

/* public input form */
.tdNameCompulsory
{
    text-align:right;
	padding: 5px 0 5px 10px;
	vertical-align: top;
	width: 300px;
}
.tdValueCompulsory
{
	vertical-align: top;
	color: Maroon;
	text-align:left;
	padding: 5px;
	/* background-color: #E7E7FF; */
}
.tdValueCompulsory input 
{
    /* can not get background colour to work 
        background-color: #FFCCFF; */
    border: 2px solid #0066CC;
}
.tdValueCompulsory textarea 
{
    /* can not get background colour to work 
        background-color: #FFCCFF; */
    border: 2px solid #0066CC;
}
.tdNameOptional
{
	text-align:right;
	padding: 5px 0 5px 10px;
	vertical-align: top;
	width: 300px;
}
.tdValueOptional
{
	vertical-align: top;
	font-style:italic;
	color: Maroon;
	text-align:left;
	padding: 5px;
	/* background-color: #E7E7FF; */
}
.tdValueOptional input 
{
    /* can not get background colour to work 
        background-color: #FFCCFF; */
    border: 1px solid #C0C0C0;
}
.tdValueOptional textarea 
{
    /* can not get background colour to work 
        background-color: #FFCCFF; */
    border: 1px solid #C0C0C0;
}
.tdNameDisplay
{
	text-align:right;
	padding: 5px 0 5px 10px;
	vertical-align: top;
	width: 100px;
}
.tdValueDisplay
{
	vertical-align: top;
	color: #000;
	text-align:left;
	padding: 5px;
	font-weight: bold;
	background-color: #EFF;
}

/* thinner versions of above */

/* public input form */
.tdNameCompulsoryThin
{
    text-align:right;
	padding: 5px 0 5px 10px;
	vertical-align: top;
	width: 150px;
}
.tdValueCompulsoryThin
{
	vertical-align: top;
	color: Maroon;
	text-align:left;
	padding: 5px;
	/* background-color: #E7E7FF; */
}
.tdValueCompulsoryThin input 
{
    /* can not get background colour to work 
        background-color: #FFCCFF; */
    border: 2px solid #0066CC;
}
.tdValueCompulsoryThin textarea 
{
    /* can not get background colour to work 
        background-color: #FFCCFF; */
    border: 2px solid #0066CC;
}
.tdNameOptionalThin
{
	text-align:right;
	padding: 5px 0 5px 10px;
	vertical-align: top;
	width: 150px;
}
.tdValueOptionalThin
{
	vertical-align: top;
	font-style:italic;
	color: Maroon;
	text-align:left;
	padding: 5px;
	/* background-color: #E7E7FF; */
}
.tdValueOptionalThin input 
{
    /* can not get background colour to work 
        background-color: #FFCCFF; */
    border: 1px solid #C0C0C0;
}
.tdValueOptionalThin textarea 
{
    /* can not get background colour to work 
        background-color: #FFCCFF; */
    border: 1px solid #C0C0C0;
}