/*##########################################
Script: Niceforms 2.0
Theme: StandardBlue
Author: Lucian Slatineanu
URL: http://www.emblematiq.com/
##########################################*/

/*Text inputs*/

.NFText {
	border: none;
	vertical-align: middle;
	font: 12px/15px Arial, Helvetica, sans-serif;
	background: none;
}

.NFTextCenter {
	height: 15px;
	background: url(/img/niceforms/input.png) repeat-x 0 0;
	padding: 3px 0;
	margin: 0;
	float: left;
	line-height: 15px;
}

.NFTextLeft, .NFTextRight {
	width: 7px;
	height: 21px;
	vertical-align: middle;
	float: left;
}

.NFTextLeft {
	background: url(/img/niceforms/input-left.png) no-repeat 0 0;
}

.NFTextRight {
	background: url(/img/niceforms/input-right.png) no-repeat 0 0;
}

/*Radio*/

.NFRadio {
	cursor: pointer;
	position: absolute;
	display: block;
	width: 16px;
	height: 15px;
	border: 1px solid transparent;
	background: url(/img/niceforms/radio.png) no-repeat 0 -1px;
	z-index: 2;
}

/*Checkbox*/

.NFCheck {
	cursor: pointer;
	position: absolute;
	width: 12px;
	height: 12px;
	border: 1px solid transparent;
	background: url(/img/niceforms/checkbox.png) no-repeat 0 0;
	z-index: 2;
}

/*Textareas*/

.NFTextarea {
	border: none;
	background: none;
	font: 12px/12px Arial, Helvetica, sans-serif;
	margin: 0;
}

.NFTextareaTop, .NFTextareaBottom {
	height: 5px;
	clear: both;
	float: none;
	padding-right: 10px;
}

.NFTextareaTop {
	background: url(/img/niceforms/textarea-tr.png) no-repeat 100% 0;
}

.NFTextareaBottom {
	background: url(/img/niceforms/textarea-br.png) no-repeat 100% 0;
	margin-bottom: 5px;
}

.NFTextareaTopLeft, .NFTextareaBottomLeft {
	width: 5px;
	height: 5px;
}

.NFTextareaTopLeft {
	background: #f2f2e6 url(/img/niceforms/textarea-tl.png) no-repeat 0 0;
}

.NFTextareaBottomLeft {
	background: #f2f2e6 url(/img/niceforms/textarea-bl.png) no-repeat 0 0;
}

.NFTextareaLeft, .NFTextareaRight, .NFTextareaLeftH, .NFTextareaRightH {
	float: left;
	padding-bottom: 5px;
}

.NFTextareaLeft, .NFTextareaLeftH {
	width: 5px;
}

.NFTextareaLeft {
	background: url(/img/niceforms/textarea-l-off.png) repeat-y 0 0;
}

.NFTextareaLeftH {
	background: url(/img/niceforms/textarea-l-over.png) repeat-y 0 0;
}

.NFTextareaRight, .NFTextareaRightH {
	padding-right: 5px;
	padding-bottom: 0;
}

.NFTextareaRight {
	background: url(/img/niceforms/textarea-r-off.png) repeat-y 100% 0;
}

.NFTextareaRightH {
	background: url(/img/niceforms/textarea-r-over.png) repeat-y 100% 100%;
}

/*Files*/

.NFFileButton {
	padding-bottom: 0;
	vertical-align: bottom;
	cursor: pointer;
	background: url(/img/niceforms/file.png) no-repeat 0 0;
	width: 60px;
	height: 21px;
}

.NFFile {
	position: relative;
	margin-bottom: 5px;
}

.NFFile input.NFhidden {
	position: relative;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 2;
	cursor: pointer;
	text-align: left;
}

.NFFileNew {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

/*Selects*/

.NFSelect {
	height: 21px;
	position: absolute;
	border: 1px solid transparent;
}

.NFSelectLeft {
	float: left;
	width: 3px;
	height: 21px;
	background: url(/img/niceforms/select-left.png) no-repeat 0 0;
	vertical-align: middle;
}

.NFSelectRight {
	height: 21px;
	width: auto;
	background: url(/img/niceforms/select-right.png) no-repeat 100% 0;
	cursor: pointer;
	font: 12px/21px Arial, Helvetica, sans-serif;
	color: #fff;
	padding-left: 3px;
	margin-left: 3px;
}

.NFSelectTarget {
	position: absolute;
	background: none;
	margin-left: -13px;
	margin-top: 18px;
	z-index: 3;
	left: 0;
	top: 0;
	padding-bottom: 13px;
}

.NFSelectOptions {
	position: relative;
	background: #707175;
	margin-left: 16px;
	margin-top: 0;
	list-style: none;
	padding: 4px 0;
	color: #fff;
	font: 11px/13px Arial, Helvetica, sans-serif;
	z-index: 4;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	left: 0;
	top: 0;
}

.NFSelectOptions li {
	padding-bottom: 1px;
}

.NFSelectOptions a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 2px 3px;
	background: none;
}

.NFSelectOptions a.NFOptionActive {
	background: #464646;
}

.NFSelectOptions a:hover {
	background: #333;
}

/*Multiple Selects*/

.NFMultiSelect {
	border: 0;
	background: none;
	margin: 0;
}

.NFMultiSelectTop, .NFMultiSelectBottom {
	height: 5px;
	clear: both;
	float: none;
	padding-right: 10px;
}

.NFMultiSelectTop {
	background: url(/img/niceforms/textarea-tr.png) no-repeat 100% 0;
}

.NFMultiSelectBottom {
	background: url(/img/niceforms/textarea-br.png) no-repeat 100% 0;
	margin-bottom: 5px;
}

.NFMultiSelectTopLeft, .NFMultiSelectBottomLeft {
	width: 5px;
	height: 5px;
}

.NFMultiSelectTopLeft {
	background: #f2f2e6 url(/img/niceforms/textarea-tl.png) no-repeat 0 0;
}

.NFMultiSelectBottomLeft {
	background: #f2f2e6 url(/img/niceforms/textarea-bl.png) no-repeat 0 0;
}

.NFMultiSelectLeft, .NFMultiSelectRight, .NFMultiSelectLeftH, .NFMultiSelectRightH {
	float: left;
	padding-bottom: 5px;
}

.NFMultiSelectLeft, .NFMultiSelectLeftH {
	width: 5px;
}

.NFMultiSelectLeft {
	background: url(/img/niceforms/textarea-l-off.png) repeat-y 0 0;
}

.NFMultiSelectLeftH {
	background: url(/img/niceforms/textarea-l-over.png) repeat-y 0 0;
}

.NFMultiSelectRight, .NFMultiSelectRightH {
	padding-right: 5px;
	padding-bottom: 0;
}

.NFMultiSelectRight {
	background: url(/img/niceforms/textarea-r-off.png) repeat-y 100% 0;
}

.NFMultiSelectRightH {
	background: url(/img/niceforms/textarea-r-over.png) repeat-y 100% 0;
}

/*Focused*/

.NFfocused {
	border: 1px dotted #666;
}

/*Hovered*/

.NFh {
	background-position: 0 -17px;
}

.NFhr {
	background-position: 100% 100%;
}

/*Hidden*/

.NFhidden {
	opacity: 0;
	z-index: -1;
	position: relative;
}

/*Safari*/

select, input, textarea, button {
	outline: none;
	resize: none;
}
