span.checkbox {
	display: block;
	position:relative;
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(../images/checkbox.png) no-repeat;
	float:left;
	clear:left;
	z-index:9;
}

span.radio {
	display: block;
	position:relative;
	width:19px;
	height:25px;
	padding:0 5px 0 0;
	background:url(../images/radio.png) no-repeat;
	float:left;
	clear:left;
	z-index:9;
}
span.customClear {
	background-position:0 0;
}
span.customPushed {
	background-position:0 -25px;
}
span.customCheck {
	background-position:0 -50px;
}
span.customCheckPushed {
	background-position:0 -75px;
}

span.select {
	display:block;
	position: relative;
	/*width: 158px;  With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 22px;
	padding:0;
	color: #000;
	font-size:10px;
	/*background: url(../images/select.gif) no-repeat;*/
	overflow: hidden;
	background:url(../images/selectBg1.png) left 0 no-repeat;
	z-index:3;
}
span.select span.in {
	display:block;
	height:22px;
	padding:0;
	margin:0 0 0 10px;
	background:url(../images/selectBg2.png) right 0 no-repeat;
}
span.select span.in span.in2 {
	display:block;
	height:22px;
	padding:0;
	margin:0 0 0 -10px;
}
span.select span.in span.text {
	display:block;
	padding:4px 0 0 0;
}

select { position: relative; opacity: 0; filter: alpha(opacity=0); top:-22px; z-index: 5; }
select.nostyle { position: relative; opacity:1; filter: alpha(opacity=1); }
input.checkbox { position:absolute; opacity: 0; filter: alpha(opacity=0); left:-9000px; z-index: 5; }
input.radio { position:absolute; opacity: 0; filter: alpha(opacity=0); left:-9000px; z-index: 5; }
input.nostyle { position:relative; opacity:1; filter: alpha(opacity=1); }