.outerBox
{
	background-color: #EEF3F6;
	border:           solid thin #DBE2E8;
	color:            #000000;
}

.header
{
	background-color: #DBE2E8;
	color:            #000000;
	font-size:        12pt;
	padding:          5px;
}

.innerBox
{
	background-color: #EEF3F6;
	color:            #000000;
	font-size:        10pt;
}

.formLine
{
	padding: 3px;
}

.caption
{
	color: #000000;
	float: left;
	width: 130px;
}

.inputField
{
	border-style: inset;
    border-width: thin;
   	color:        #000000;
}

.requiredField
{
	color:     #FF0000;
    font-size: 10pt;
}

.outerTable
{
    background-color: #DBE2E8;
    border:           solid thin #DBE2E8;
	color:            #000000;
    font-size:        12pt;
    padding:          5px;
    width:            100%;
}

.innerTable
{                     
    background-color: #EEF3F6;
	color:            #000000;
    font-size:        10pt;
    padding:          3px;
    width:            100%;
    
}

.gridHeader
{
    background-color: #DBE2E8;
	color:            #000000;
    font-size:        11pt;
    width:            100%;
}

/* This is needed to override the base label definition, which sets the display to block and */
/* sets a different font-size */
label
{
	display:   inline;
	font-size: 10pt;
}

table.outerTable td
{
    font-weight: normal;
    text-align:  left;
    vertical-align: baseline;
    /*padding:3px;*/
}

table.innerTable td
{
	    font-weight: normal;
    text-align:  left;
    vertical-align: baseline;
}

/*table.outerTable tr td table tr td
{
	padding: 5px;
}*/

/*table.innerTable tr td
{
	padding: 3px;
}*/