/* 
	spritemapper.output_image = ../images/spritemapper/form.png
	spritemapper.output_css = form_sprite.css 
*/
.outtaHere {
	position:absolute;
	left:-3000px;
}
/*Radio buttons*/
/*
.radioArea, .radioAreaChecked {
	float:left;
	width:13px !important;
	height:13px;
	margin:7px 10px 7px 0;
	background: url(../images/bg-checkbox.png) no-repeat;
	overflow: hidden;
}
.radioAreaChecked {background-position: 0 -13px;}
.disable .radioArea{background-position: 0 -26px;}
*/
/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	float:left;
	width:13px !important;
	height:13px;
	overflow: hidden;
	margin:7px 5px 7px 0;
	background: url(../images/bg-checkbox.png) no-repeat;
}
.checkboxAreaChecked {background-position: 0 -13px;}
.error .checkboxArea {background-position: 0 -39px;}
.triple-block .error .checkboxArea {background-position: 0 0;}
.triple-block .error .checkboxAreaChecked {background-position: 0 -13px;}
/* Selects */
.selectArea{
	position: relative;
	height: 30px;
	padding:0 1px;
	color:#000;
	font-size:12px;
	line-height:30px;
}
.selectArea .left {
	position: absolute;
	top: 0;
	left: 0;
	width:7px;
	height:100%;
	background: url(../images/bg-select.png) no-repeat;
	display: block;
}
.error .selectArea .left{background: url(../images/bg-select-red.png) no-repeat;}
.selectArea .selectButton {
	position: absolute;
	top: 0;
	right: 0;
	width:100%;
	height:30px;
	background: url(../images/bg-select.png) no-repeat 100% -30px;
}
.selectArea .selectButton:hover{background-position:100% -90px;}
.error .selectArea .selectButton:hover{background: url(../images/bg-select-red.png) no-repeat 100% -90px;}
.error .selectArea .selectButton{background: url(../images/bg-select-red.png) no-repeat 100% -30px;}
.selectArea .center{
	height: 30px;
	line-height:30px;
	display:block;
	padding:0 30px 0 7px;
	color:#333 !important;
	background: url(../images/bg-select.png) repeat-x 0 -60px;
}
.error .selectArea .center{background: url(../images/bg-select-red.png) repeat-x 0 -60px;}
.selectArea .center img {
	float:left;
}
/*Selects drop-down*/
.optionsDivInvisible,
.optionsDivVisible {
	position: absolute;
	max-height:140px;
	overflow:auto;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-bottom:0;
	display: block;
	z-index: 1000;
	font-size: 12px;
	line-height:14px;
}
* html .optionsDivVisible{
	height:140px;
	overflow-x:hidden;
}
.drop-dif {
	background:#9cc;
}
.optionsDivInvisible {display: none;}
.optionsDivVisible ul {
	margin:0;
	padding:0;
	overflow:hidden;
	list-style: none;
}
.optionsDivVisible ul li {
	float:left;
	width:100%;
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
}
.optionsDivVisible a {
	color: #000;
	overflow:hidden;
	text-decoration: none;
	display: block;
	height:1%;
	padding:6px 6px;
}
.optionsDivVisible a img {
	border:none;
	float:left;
}
.optionsDivVisible a:hover {
	background-color: #2F384E;
	color: #FFF;
	text-decoration:none;
}