.important {color: red; font-weight: bold; }

#mainBody form
{
	width: 530px;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #666;
	margin: 10px auto;
}

#mainBody label
{
	display: block;
	float: left;
	width: 185px;
	margin-top: 3px;
	font-size: 12px;
	padding-right: 10px;
}
#mainBody input, select
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	width: 300px;
}
#mainBody select
{
	width: 304px;
	padding: 1px 0;
}
#mainBody input[type="radio"], #mainBody input[type="checkbox"]
{
	width: 15px;
	margin: 2px 5px 0 0;
}

#mainBody form > div, #mainBody form > p, #mainBody form > h2
{
	padding: 10px;
}

#mainBody div.submit
{
	width: 510px;
	text-align: right;
}

#mainBody div.submit input
{
	width: 100px;
}

#mainBody form h2
{
	font-size: 14px;
	margin-top: 25px;
	margin-bottom: 10px;
	color: #283f6e;
}

#mainBody .selectedElement
{
	background-color: #f0f0f0;
}
#mainBody .required
{
	font-weight: bold;
}

#mainBody .invalidEntry
{
	border: 2px solid red;
	background-color: #ffdddd;
	color: red;
}

#mainBody textarea
{
	clear:both;
	width: 294px;
	height: 65px;
	padding: 3px;
	width: 500px;
	
}

#mainBody div.resizable-textarea
{
	clear: left;
	padding-top: 10px;
}
div.grippie
{
	background:#EEEEEE url(/image/ui/grippie.png) no-repeat scroll center 2px;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0pt 1px 1px;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
}

.resizable-textarea textarea
{
	display:block;
	margin-bottom:0;
}
