/*##########################################
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 {
	display:-moz-inline-box;
	display:inline-block;
	height:15px; 
	background:url(../images/input.png) repeat-x 0 0; 
	padding:3px 0; 
	line-height:15px;
	margin:0px 7px;
}
.NFTextLeft, .NFTextRight {
	width:7px; 
	height:21px; 
	vertical-align:middle; 
	margin-top:-3px;
}

.NFTextLeft {
	float:left;
	margin-left:-7px;
}
.NFTextRight {
	float:right;
	margin-right:-7px;
}

.NFTextLeft {background:url(../images/input-left.png) no-repeat 0 0;}
.NFTextRight {background:url(../images/input-right.png) no-repeat 0 0;}
/*Radio*/

.NFInvisible {
	display:none;
	visibility:hidden;
}

.NFOriginal {
	margin:0px;
	padding:0px;
	visibility:hidden;
	/*display:none;*/
}

/*Checkbox*/

.NFRadio, .NFCheck {
	cursor:pointer; 
	display:-moz-inline-box;
	display:inline-block; 
	width:13px; 
	height:13px;
	position:relative;
	margin: 0px -14px 0px 4px;
	top:3px;
	border:1px solid transparent; 
	z-index:2;
}

.NFRadio {
	background:url(../images/radio.png) no-repeat 0 0; 
}

.NFCheck {
	height:12px;
	background:url(../images/checkbox.png) no-repeat 0 0; 
}

/*Buttons*/
.NFButton {
	width:auto; 
	height:26px !important; 
	color:#fff; 
	padding:0 2px; 
	background:url(../images/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(../images/button-left.png) no-repeat 0 0;}
.NFButtonRight {background:url(../images/button-right.png) no-repeat 0 0;}

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

.NFTextareaW {
	display:block;
	background:transparent url(../images/stripe.png) left top repeat;
	margin:0px 5px;
}
.NFTextareaW2 {
	display:block;
}

.NFTextareaContainer {
	display:-moz-inline-box;
	display:inline-block;
	padding:0px;
	margin:5px 0px;
}

.NFTextareaT, .NFTextareaB {
	height:5px;
	background-repeat:repeat-x;
	background-position:left top;
	margin:0px 5px;
}

.NFTextareaT {
	display:block;
	margin-top:-5px;
}
.NFTextareaB {
	display:block;
	margin-bottom:-5px;
}


.NFTextareaTL, .NFTextareaTR{margin-top: -5px;}

.NFTextareaL, .NFTextareaR {
	width:5px;
	height:100%;
	background-repeat:repeat-y;
	background-position:left top;
}

.NFTextareaL {
	float:left;
	margin-left:-5px;
	background-position:left bottom;
}

.NFTextareaR {
	float:right;
	margin-right:-5px;
	background-position:right bottom;
}

.NFTextareaT.hover, .NFTextareaB.hover {
	background-position:5px 0px;
}

.NFTextareaTL, .NFTextareaTR, .NFTextareaBL, .NFTextareaBR {
	width:5px;
	height:5px;
	background-repeat:no-repeat;
	background-position:left top;
}

.NFTextareaTL, .NFTextareaBL {
	float:left;
}

.NFTextareaTR, .NFTextareaBR{
	float:right;
}

.NFTextareaT.focus, .NFTextareaB.focus, .NFTextareaTL.focus, .NFTextareaTR.focus, .NFTextareaBL.focus, .NFTextareaBR.focus {
	background-position:left bottom;
}

.NFTextareaL.focus {
	background-position:right bottom;
}
.NFTextareaR.focus {
	background-position:left bottom;
}

.NFTextareaTL {background-image:url(../images/textarea-tl.png);}
.NFTextareaTR {background-image:url(../images/textarea-tr.png);}
.NFTextareaBL {background-image:url(../images/textarea-bl.png);}
.NFTextareaBR {background-image:url(../images/textarea-br.png);}
.NFTextareaL {background-image:url(../images/textarea-l.png);}
.NFTextareaR {background-image:url(../images/textarea-r.png);}
.NFTextareaT {background-image:url(../images/textarea-t.png);}
.NFTextareaB {background-image:url(../images/textarea-b.png);}

/*Files*/
.NFFileButton {
	padding-bottom:0; 
	vertical-align:bottom; 
	cursor:pointer; 
	background:url(../images/file.png) no-repeat 0 0; 
	width:60px; 
	height:21px;
	margin-right:-60px;
	margin-top:-3px;
	margin-top:-4px\9;
	*margin-top:-4px;
}

*+html .NFFileButton {
	margin-top:-4px;
}

.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(../images/select-left.png) no-repeat 0 0; vertical-align:middle;}
.NFSelectRight {height:21px; width:auto; background:url(../images/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(../images/textarea-tr.png) no-repeat 100% 0;}
.NFMultiSelectBottom {background:url(../images/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFMultiSelectTopLeft, .NFMultiSelectBottomLeft {width:5px; height:5px;}
.NFMultiSelectTopLeft {background:#f2f2e6 url(../images/textarea-tl.png) no-repeat 0 0;}
.NFMultiSelectBottomLeft {background:#f2f2e6 url(../images/textarea-bl.png) no-repeat 0 0;}
.NFMultiSelectLeft, .NFMultiSelectRight, .NFMultiSelectLeftH, .NFMultiSelectRightH {float:left; padding-bottom:5px;}
.NFMultiSelectLeft, .NFMultiSelectLeftH {width:5px;}
.NFMultiSelectLeft {background:url(../images/textarea-l-off.png) repeat-y 0 0;}
.NFMultiSelectLeftH {background:url(../images/textarea-l-over.png) repeat-y 0 0;}
.NFMultiSelectRight, .NFMultiSelectRightH {padding-right:5px; padding-bottom:0;}
.NFMultiSelectRight {background:url(../images/textarea-r-off.png) repeat-y 100% 0;}
.NFMultiSelectRightH {background:url(../images/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;}
/*Safari*/
select, input, textarea, button {outline:none; resize:none;}

/*************************************************************************************
	SELECT 
*************************************************************************************/

.NFSelectContainer {
	display:-moz-inline-box;
	display:inline-block;
	height:21px;
	width:auto;
}


.NFSelectW {
	margin:0px 5px;
	padding:0px 2px;
}

.NFSelectR, .NFSelectC, .NFSelectL {
	cursor:pointer;
	height:21px;
	line-height:21px;
}

.NFSelectL {
	float:left;
	margin-left:-3px;
	width:3px;
	background:transparent url(../images/select-l.png) left top scroll no-repeat;
}

.NFSelectC {
	text-align:center;
	white-space:nowrap;
	background:transparent url(../images/select-c.png) 0 0 scroll repeat-x;
	color:#FFFFFF;
	line-height:17px;
	margin:0px;
	padding:0px;
}

.NFSelectR {
	float:right;
	margin-right:-16px;
	width:16px;
	background:transparent url(../images/select-r.png) left top scroll no-repeat;
}

.NFSelectVM {
	max-height:200px !important;
	overflow:auto;
	background:#707175;
	position:absolute;
	color:#FFFFFF;
	z-index:99;
}

.NFSelectVM ul {
	margin:0px;
	padding:0px;
}

.NFSelectVM ul li {
	color:#FFFFFF;
	list-style-type:none;
	text-align:center;
}

.NFSelectVM ul li a {
	display:block;
	height:19px;
	line-height:19px;
	padding:0px 2px;
	cursor:pointer;
	color:#FFFFFF;
}

.NFSelectVM ul li.selected a {
	background-color:#464646;
}

.NFSelectVM ul li a:hover {
	background-color:#333;
}