/*Transparent items*/
.transparent {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
	border:0px solid #FFF;
	background:#FFF;
	z-index:-1;
	cursor:pointer;
}
.transparentFake {
	background:none;
	border:none;
}
.transparent2 {
	z-index:10;
}

/*Radio buttons*/
.radioAreaUnchecked, .radioAreaChecked {
	position:absolute;
	width:14px;
	height:14px;
	cursor:pointer;
}
.radioAreaUnchecked {
	background:url(images/radio.jpg) no-repeat left top;
}
.radioAreaChecked {
	background:url(images/radio.jpg) no-repeat left bottom;
}

/*Checkboxes*/
.checkboxAreaUnchecked, .checkboxAreaChecked {
	position:absolute;
	cursor:pointer;
	margin:0px;
	background-position: 0 1px;
}
.checkboxAreaUnchecked a{
	background:url(images/checkbox.jpg) no-repeat left top;
	width:14px;
	height:14px;
	cursor:pointer;
	margin:0px;
	background-position: 0 1px;
}
.checkboxAreaChecked a {
	background:url(images/checkbox.jpg) no-repeat left top;
	width:14px;
	height:14px;
	cursor:pointer;
	margin:0px;
	background-position: 0 -13px;
}

.checkboxAreaUnchecked, .checkboxAreaUnchecked a {
	background-position: 0 1px;
}
.checkboxAreaChecked, .checkboxAreaChecked a{
	background-position: 0 -13px;
}

.checkboxAreaUnchecked:hover, .checkboxAreaUnchecked a:hover {
	background-position: 0 -27px;
}
.checkboxAreaChecked:hover, .checkboxAreaChecked a:hover {
	background-position: 0 -41px;
}



/*Selects*/
.selectArea {

	width:250px;
	height:21px;
	background:url(images/select_bg.jpg) repeat-x left top;
	font:0.95em verdana, arial, sans-serif;
}
.smallselect {
	position: absolute;
	margin-left: 46px;
	width:50px;
	height:21px;
	background:url(images/select_bg.jpg) repeat-x left top;
	font:0.95em verdana, arial, sans-serif;
}
.smallselect[class] {
	position: absolute;
	margin-left: 48px;
	width:50px;
	height:21px;
	background:url(images/select_bg.jpg) repeat-x left top;
	font:0.95em verdana, arial, sans-serif;
}

.selectArea .left, .smallselect .left {
	width:8px;
	height:21px;
	float:left;
	background:url(images/select_left.jpg) no-repeat left top;
}
.selectArea .right, .smallselect .right {
	width:21px;
	height:21px;
	float:right;
	background:url(images/select_right.jpg) no-repeat left top;
}
.selectArea .right a, .smallselect .right a {
	display:block;
	width:21px;
	height:21px;
}
.selectArea .right i, .smallselect .right i  {
	display:none;
}
.selectArea .center {
	width:160px;
	margin-left:5px;
	margin-right:20px;
	color:#FFF;
	padding-top:2px;
}

.smallselect .center {
	position: absolute;
	width:20px;
	margin-left:0px;
	margin-right:20px;
	color:#FFF;
	padding-top:3px;
}

.smallselect[class] .center {
	width:20px;
	margin-left:5px;
	margin-right:20px;
	color:#FFF;
	padding-top:3px;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:220px;
	background:#FFF;
	border:1px solid #CCC;
    font:0.95em verdana, arial, sans-serif;
	padding:2px;
	z-index:20;
	background:#F6F4F8 url(../images/bg_form_input-text.gif) top left repeat-x;
}
.smallselectOptionsInvisible, .smallselectOptionsVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:20px;
	background:#FFF;
	border:1px solid #CCC;
    font:0.95em verdana, arial, sans-serif;
	padding:2px;
	z-index:20;
	background:#F6F4F8 url(../images/bg_form_input-text.gif) top left repeat-x;
}

.optionsDivInvisible, .smallselectOptionsInvisible {
	display:none;
}
.optionsDivVisible, .smallselectOptionsVisible {
	display:block;
}
.optionsDivVisible p, .smallselectOptionsVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a, .smallselectOptionsVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #FFF;
    font:0.95em verdana, arial, sans-serif;
	color:#333;

}
.optionsDivVisible a:hover, .smallselectOptionsVisible a:hover {
	color:#FFF;
	background:#666699;
	border-color:#F2F2F2;
    border:1px solid #CCC;
	font:0.95em verdana, arial, sans-serif;

}

/*Test div - testing if stylesheets are enabled*/
#stylesheetTest {
	position:absolute;
	left:-999px;
	width:10px;
	height:10px;
}