/*##########################################
Name: Default styling for Niceforms v.0.9
Author: Lucian Slatineanu
URL: http://www.badboy.ro/
##########################################*/

/*General styles not really related to the forms*/
body, form {
	margin:0;
	padding:0;
}


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

/*Checkboxes*/
.checkboxAreaUnchecked, .checkboxAreaChecked {
	z-index:5;
	position:absolute;
	width:14px;
	height:14px;
	cursor:pointer;
}
.checkboxAreaUnchecked {
	background:url(images/checkbox.gif) no-repeat left top;
}
.checkboxAreaChecked {
	background:url(images/checkbox.gif) no-repeat left bottom;
}

/*Text inputs*/
.textinput, .textinputHovered {
	width:236px;
	height:15px;
	background:url(images/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinputHovered {
	background-position:left bottom;
}

/*Text areas*/
.textarea, .textareaHovered {
	width:336px;
	height:125px;
	background:url(images/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textareaHovered {
	background-position:left bottom;
}

/*Selects*/
.selectArea {
	width:168px;
	height:19px;
	text-align: center;
	margin: 0 0 0 140px;
	padding: 0;
	background-color: #a6ce39
}
.selectArea .left {
	width:7px;
	height:19px;
	float:left;
	margin: 0;
	padding: 0;
	background:url(../images/transparent-menu/select-left.gif) no-repeat left top;
}
.selectArea .right {
	width:27px;
	height:19px;
	float:right;
	margin: 0;
	padding: 0;
	background:url(../images/transparent-menu/select-right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:27px;
	height:19px;
	margin: 0;
	padding: 0;
	background:url(../images/transparent-menu/select-right.gif) no-repeat left top;
}

.selectArea .right a:hover {
	background: transparent (../images/transparent-menu/select-right.gif) no-repeat left top;
}
.selectArea .right i {
	display:none;
	margin: 0;
	padding: 0;
}
.selectArea .center {
	width:133px;
	height: 19px;
	font-size: 12px;
	float: left;
	color:#FFF;
	margin: 0;
	padding: 0;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin:-1px 0 0 3px;
	width:168px;
	background:transparent;
	padding:0;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {
	display:none;
}
.optionsDivVisible {
	display:block;
	margin: 0;
	padding: 0;
}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a:link, .optionsDivVisible a:visited {
	font-weight: bold;
	text-align: center;
	line-height: 19px;
	color:#2f982f;
	text-decoration:none;
	display:block;
	width: 168px;
	height: 19px;
	padding: 0;
	margin: 0 0 2px 0;
	border:1px solid #2f982f;
	background-color: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/li-bg.png',sizingMethod='image')
}
.optionsDivVisible[class] a {
	background: transparent url(/images/li-bg.png);
}
.optionsDivVisible a:hover {
	font-weight: bold;
	text-align: center;
	line-height: 19px;
	display:block;
	width: 168px;
	height: 19px;
	padding: 0;
	margin: 0 0 2px 0;
	color:#FFF;
	border:1px solid #2f982f;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/li-hover-bg.png',sizingMethod='image')
}
.optionsDivVisible[class] a:hover {
	background: transparent url(/images/li-hover-bg.png);
}

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