/* CSS for transactional form pages
====================================================*/

body
{
   color: #546B73;
   font-size: 12px;
}

input, select, textarea
{
   font-size: 12px;
}

/* This is used for the FormSectionPanel control
====================================================*/
table.formSectionPanel
{
   empty-cells: show;
   background-color: #FDFCEA;
}

td.formSectionPanelContent
{
   border-left: 1px solid #6D8293;
   border-right: 1px solid #6D8293;
   width: 99%;
   padding-left: 10px;
}

td.formSectionPanelCorner
{
   background-color: White;
}

td.formSectionPanelTop
{
   border-top: 1px solid #6D8293;
}

td.formSectionPanelBottom
{
   border-bottom: 1px solid #6D8293;
}

/* Miscellaneous classes
====================================================*/
.formSectionLabel
{
   text-align: right;
   padding-right: 2px;
}

.formSectionField
{
   text-align: left;
}

div.formHintText
{
   font-size: 10px;
   margin: 10px 4px 4px 10px;
}

.formHintText
{
   /* Use for field names or text inside form sections that isn't a field label */
   font-size: 10px;
}

.formErrorMessage
{
	font-weight: bold;
	color: Red;
}

div.formErrorMessage
{
	font-weight: bold;
	color: Red;
   margin: 10px 0px 4px 0px;
}

div.formErrorPanel
{
    margin-top: 5px;
    margin-bottom: 5px;
	padding: 5px;
    background-color: #F0DEDC;
    border: solid 1px Maroon;
    font-size: 12px;
	font-weight: bold;
	color: Maroon;
	vertical-align: top;
}