/* Use to manage layout of input area. */

.lf-input-area
{
	width: 100%;
	height: 100%;
}

.lf-input-area h1
{
	color: #CB7248;
	text-align: left;
	font-size: 12px;
	height: 16px;
	font-weight: bold;
	border-bottom: solid 1px #CB7248;
	margin-bottom: 10px;
}

.lf-input-area h2
{
	color: #CB7248;
	text-align: left;
	font-size: 12px;
	height: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}


.lf-input-area label, 
.lf-input-area input,
.lf-input-area textarea,
.lf-input-area select
{
	float: left;
	margin-bottom: 5px; /* Firefox */
}

.lf-input-area label,
.lf-input-area span
{
	color: #555555;
	text-align: left;
	padding-top: 4px;
	height: 12px;
}

.lf-input-area .field
{
	width: 100%;
	clear: left;
	
	/* '/' is CSS hack to prevent firefox, do not remove it */
	/margin-bottom: 5px; /* IE */
}

.lf-input-area .space
{
	width: 100%;
	height: 15px;
	clear: left;
}

.lf-input-area .divider
{
	width: 100%;
	height: 5px;
	clear: left;
	
	border-bottom: solid 1px #cccccc;
}

.lf-input-area .header
{
	color: #303B5E;
	font-weight: bold;
	height: 30px;
}

.lf-input-area .invalid-blank
{
	background-color: #FFF0F0;
}

.lf-input-area .invalid-format
{
	color: Red;
}