/*##########################################
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/nice_form/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/nice_form/input-left.png') no-repeat 0 0;
}

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

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

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

/*
 * Buttons
 */
.NFButton {
	width: auto;
	height: 26px;
	color: #fff;
	padding: 0 2px;
	background: url('../img/nice_form/button.png') repeat-x 0 0;
	cursor: pointer;
	border: none;
	font: 10px/26px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	vertical-align: middle;
}

.NFButtonLeft, .NFButtonRight {
	width: 6px;
	height: 26px;
	vertical-align: middle;
}

.NFButtonLeft {
	background: url('../img/nice_form/button-left.png') no-repeat 0 0;
}

.NFButtonRight {
	background: url('../img/nice_form/button-right.png') no-repeat 0 0;
}

/*
 * 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/nice_form/textarea-tr.png') no-repeat 100% 0;
}

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

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

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

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

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

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

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

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

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

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

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

/*
 * Files
 */
.NFFileButton {
	padding-bottom: 0;
	vertical-align: bottom;
	cursor: pointer;
	background: url('../img/nice_form/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/nice_form/select-left.png') no-repeat 0 0;
	vertical-align: middle;
}

.NFSelectRight {
	height: 21px;
	width: auto;
	background: url('../img/nice_form/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/nice_form/textarea-tr.png') no-repeat 100% 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

/*
 * Hovered
 */
.NFh {
	background-position: 0 100%;
}

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

/*
 * Hidden
 */
.NFhidden {
	opacity: 0;
	z-index: -1;
	position: relative;
	display: none;
}

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