body {
	/* not part of the true css */
	/*background-color: #336699;	*/
}

.formcontainer {
	width: 640px; 
	background-color: #fcfff5; 
	color: #000;
	margin: 0 auto;
	
	border: 0 solid #cccccc;
	
	background: #ffffff none repeat scroll 0 0;
	text-align: left;
}

.dnfto {  /*spm prevention */
	display:none;
}

form.webform {
	margin: 20px 20px 0;
	padding: 0 0 20px;
}

.webform {
	font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
}

.webform .info {
	border-bottom: 1px dotted #cccccc;
}

.info[class] {
	display: block;
}

.info {
	border-bottom: 1px dotted #cccccc;
	clear: both;
	display: incline-block;
	margin: 0 0 1em;
}

.webform .info h2 {
	color: #000000;
	font-family: inherit;
	font-size: 160%;	
}

.info h2 {
	clear: left;
	font-weight: normal;
	margin: 0 0 0.2em;
}


.class .info div {
	color: #444444;
	font-family: inherit;
	font-size: 95%;
}

.info div {
	line-height: 135%;
	margin: 0 0 1em;
}

form ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}


/*
.webform li {
	width: 62%;
}
*/

/*
form li div span.full input, form li div span.full select, form li div span.left input, form li div span.right input, form li div span.left select, form li div span.right select {
width:100%;
}*/

form li div span.full {
	width: 100%;	
}

form li div.block {
	width: 100%;	
}

form li div span.left {
	float: left;	
	margin:0;
/*width:47%;	*/
}
form li div span.right {
	float: right;	
	margin:0;
/*width:47%;*/
}


form li {
	clear: both;
	display: block;
	margin: 0;
	padding: 4px 5px 2px 9px;
}

.webform label.desc {
	color: #333333;
	font-family: inherit;
	font-size: 95%;
}

/*
.webform li div, .webform li span, .webform li div label, .webform li span label {
	color: #333333;
	font-family: inherit;	
}
*/

label.desc { 
	border: medium none;
	color: #222222;
	display: block;
	font-size: 95%;
	font-weight: bold;
	line-height: 150%;
	padding: 0 0 1px;
}

label.hint { 
	border: medium none;
	color: #222222;
	display: block;
	font-size: 9px;
	
	line-height: 150%;
	padding: 0 0 10px;
}

label.error { 
	border: medium none;
	color: red;
	display: block;
	font-size: 9px;
	
	line-height: 150%;
	padding: 0 0 10px;
}

form span.req {
	color: red !important;
	display: inline;
	float: none;
	font-weight: bold;
	margin: 0;
	padding: 0;	
}

form li span {
	float: left;
}



form li > div, form li > span {
	color: #444444;
	margin: 0 4px 0 0;
	padding: 0 0 8px;
}

.webform input.text, .webform textarea.textarea, .webform select.select {
	color: #333333;
	font-family: inherit;
	font-size: 100%;		
}

.webform input.text, .webform textarea.textarea {
	
}

.webform input.text, .webform textarea.textarea {
	background: #ffffff url(/images/fieldbg.gif) repeat-x scroll center top;
}

input.small, select.small {
	width: 25%;
}

input.text, input.file {
	padding: 2px 0;	
}

input.text, textarea.textarea .firefox select.select {
	border-color: #7c7c7c #c3c3c3 #dddddd;
	border-style: solid;
	border-width: 1px;	
}

input.text, input.file, textarea.textarea, select.select {
	color: #333333;
	font-size: 100%;
	margin: 0;
}

/* needs js to activate */
.webform .focused {
	background-color: #D1DBBD;
}

.webform li.newline {
	clear: both;
}

.error {
	color: red;
}