body { text-align: center; font: 10pt/12pt arial, sans-serif; text-align: left; color: #000; }
textarea, input, button, select { font: 9pt arial, sans-serif;}

h1, h2, h3, h4, h5, h6 { font-size: 100%; margin:0; }

ol, ul { list-style: none; }

p { font-size: 10pt; }

.hidden { display: none; }
.floatRight { float: right; }
.floatLeft { float: left; }
.imgfloatLeft { float: left; margin: 0 10px 10px 0; }
.imgfloatRight { float: right; margin: 0 0 10px 10px; }
.exception {} /* to be used for things like end of lists, etc. */
.nofloat { float:none; }

.noListStyle { list-style: none; padding: 0; margin: 0; }
.noListStyle li { padding: 0; margin: 0; }

.noBorder { border: none !important; }
.small {font-size:9pt; position:relative; top:-8px; color:#736F6E;}


/* columns
-------------------------------------------*/
.column { float: left; }

.left { width: 400px; float: left; border-right: 1px dashed #c2c2c2; padding:0px 30px; }
.right { float: left; width: 350px; padding-left: 10px; }
.inner-form {
	padding:30px;
} 

h3 {font-size: 16pt; margin:0; margin-bottom: 15px; clear: both; }

h2 { margin:0; padding:0; }
h2.form-title {
	margin:0;
	padding:0;
	margin-bottom:20px;
	font-size:24px;
	color: #b4cf43;
}

input, option, select, label span { color: #666666; }

.noFloat { float: none !important; display: inline !important; }

ul { margin-bottom: 35px; padding-left:20px; }
ul li {  clear: both; padding:3px 0px;   }
ul li input, ul li select { float: right; }

input, select, textarea { 
	margin-bottom: 5px;
	padding: 2px;
	font-size: 10pt;
	color: #666666;
}

ul li label { margin-bottom: 10px; display: block; float: left; font-size: 10pt; }

.submit { width: 100px; height: 30px; float: right; font-size: 10pt; color: #000; }

.error {border:2px solid red; margin:5px 0px; padding:5px; text-align:center;}


li.moreroom { margin-top:20px;}
li.moreroomdn { margin-bottom:30px;}
.top { position:relative; top:5px;}