/* CSS Document */

span.field1Wrapper{
	background-image:url(../images/illoom/field1.gif);
	display:block;
	width:212px;
	height:24px;
}

input.field1,
select.field1{
	border:0;
	background-color:transparent !important;
	color:#CCCCCC;
	padding:4px;
	padding-left:10px;
	padding-right:10px;
	font-size:14px;
	width:180px;
}

select.field1{
	width: 220px;
}


span.field2Wrapper{
	background-image:url(../images/illoom/field2.jpg);
	display:block;
	width:349px;
	height:186px;
}

textarea.field2{
	border:0;
	background-color:transparent !important;
	color:#CCCCCC;
	font-size:14px;
	width:337px;
	height:166px;
	margin-left:10px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.floatingField {
	float:left;
	padding-top:8px;
	padding-right:10px;
}

span.field3Wrapper{
	background-image:url(../images/illoom/field1.gif);
	background-repeat:no-repeat;
	display:block;
	height:24px;
}
input.field3{
	border:0;
	background-color:transparent !important;
	color:#CCCCCC;
	padding:4px;
	padding-left:10px;
	padding-right:10px;
	font-size:14px;
	width:300px;
}

.error{
	color:#aa0000;
}


/* custom checkboxes and radio buttons */

.checkbox, .radio {
	width: 24px;
	height: 20px;
	background: url(../images/illoom/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(radio.gif) no-repeat;
}
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.gif) no-repeat;
	overflow: hidden;
}