/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */
@import "calendar.css";

.cform{
	display: block;
	position: relative;
	width: 80%;
	margin: 1em auto;
	padding: 0;
	clear: both;
	border: none;}

.cform fieldset{
	border: none;
	margin: 0;
	padding: 0;}
	
.cform legend{
	display: none;}
	
.cform ol.cf-ol{
	display: block;
	position: relative;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;}
	
.cform ol.cf-ol li{
	display: block;
	position: relative;
	width: 96%;
	margin: 4px 0;
	padding: 2%;
	clear: left;}
	
.cform ol.cf-ol li label{
	display: block;
	position: relative;
	width: 30%;
	margin: 0 2% 0 0;
	padding: .25em;
	float: left;
	clear: left;
	color: #F5F5DC;
	text-align: right;
	background: #2E5348;
	border: solid 1px #333;}
.cform ol.cf-ol li label span{}

.cform ol.cf-ol li input,
.cform ol.cf-ol li textarea,
.cform ol.cf-ol li select{
	display: block;
	position: relative;
	width: 40%;
	margin: 0;
	padding: 3px;
	float: left;
	clear: right;
	font: 1.15em Trebuchet MS, Trebuchet, Century Gothic, Helvetica, Verdana, Arial, sans-serif; 
	color: #7F7857;
	border:1px solid #BFB99B; }
	
.cform ol.cf-ol li input:focus,
.cform ol.cf-ol li textarea:focus,
.cform ol.cf-ol li select:focus{
	color: #5F7F75;
	font-weight: bold;
	border: solid 1px #EFDC86;}
	
.cform ol.cf-ol li span.reqtxt, .cform ol.cf-ol li span.emailreqtxt{
	display: block;
	position: relative;
	width: 38%;
	margin-left: 34%;
	padding: 0;
	text-align: left;
	clear: both;
	font-size: .7em;
	color: #6F7F7A;}