/*all*/
.outtaHere {
position:absolute;
left:-3000px;
}
span.left, span.center, .selectArea a, .checkboxArea, .checkboxAreaChecked, .radioArea, .radioAreaChecked {
display:inline-block;
zoom:1;
vertical-align:top;
}
span.center {
	padding-left:0px;
}


/*select*/
.select-center > ul {
	padding:0;
	margin:0;
	list-style:none;
}
.selectArea {
margin:0 29px 0 0px;
position:relative;
border-top:1px solid #5f6063;
border-left:1px solid #5f6063;
border-bottom:1px solid #5f6063;
height:24px;
color: #7e7b7b;
background: url(../images/bg/forms-bg.png);

border-radius: 3px;
-o-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
}
a.selectButton{
position:absolute;
top:-1px;
}
span.left {
width:10px;
left:-10px;
}
span.center {
line-height:23px;
}
a.selectButton {
width:30px;
height:27px;
right:-28px;
background:url(../images/bg/select.png) no-repeat right;
}



/*option*/
.optionsDivVisible {
margin-left:0px;
z-index:9;
}
.select-center {
padding:5px 5px;
background:#fff;
margin-left:5px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.select-center a {
padding-left:5px;
line-height:18px;
color:#666;
text-decoration:none;
display:block;
}
.select-center ul li a{
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
.select-center a:hover, .select-center ul li.selected a {
background: #666;
color:#f6f6f6;
}
.radioArea, .radioAreaChecked, .checkboxArea, .checkboxAreaChecked {
width:18px;
height:18px;
cursor: pointer;
}

/*checkbox*/
.checkboxArea {
background:url(../images/bg/checkbox.png) no-repeat 0;
}
.checkboxAreaChecked {
background:url(../images/bg/checkboxChecked.png) no-repeat 0;
}

/*radio*/
.radioArea {
background:url(../images/bg/radio.png) no-repeat 0;
}
.radioAreaChecked {
background:url(../images/bg/radioChecked.png) no-repeat 0;
}