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

/*General styles - NOT really related to the forms*/
* {
	margin:0;
	padding:0;
}

/*Forms defaults - change as needed*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	cursor:pointer;
}

.tfButton, .tfSelect,
.tfRadio, .tfCheckbox,
.tfRadioChecked, .tfCheckboxChecked,
.tfTextInput, .tfTxtarea{
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: middle;
}

*html .tfButton, *html .tfSelect,
*html .tfRadio, *html .tfCheckbox,
*html .tfRadioChecked, *html .tfCheckboxChecked,
*html .tfTextInput, *html .tfTxtarea{
	zoom: 1;
	display: inline;
}
*+html .tfButton, *+html .tfSelect,
*+html .tfRadio, *+html .tfCheckbox,
*+html .tfRadioChecked, *+html .tfCheckboxChecked,
*+html .tfTextInput, *+html .tfTxtarea{
	zoom: 1;
	display: inline;
}


/*Tfparent items*/
.tfHidden {
	position:absolute;
	left:-3000px;
}

/*Radio buttons*/
.tfRadio,
.tfRadioChecked{
	width:15px;
	height:14px;
}

/*Checkboxes*/
.tfCheckbox,
.tfCheckboxChecked{
	width:13px;
	height:13px;
}

.tfRadio, .tfCheckbox,
.tfRadioChecked, .tfCheckboxChecked{
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
	background-position:left top;
	vertical-align: middle;
}
.tfRadioChecked, .tfCheckboxChecked {background-position:left bottom;}



.focused {border:1px dotted #ddd;}

/*Text inputs*/
.tfTextInput input {
	height:15px;
	background:none repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
.tfTextInput .focus {background-position:left bottom;}
.tfTextInput img {
	padding-bottom:0;
	vertical-align:middle;
	width: 8px;
	height: 23px;
}

/* *html .textinput, *html .textinputHovered {
    filter:progid:DXImageTfform.Microsoft.AlphaImageLoader
    (src='/images/general/niceforms/green/input_bg.png', sizingMethod='scale');
    background: none;
} */

/*Text areas*/
.tfTxtarea .tr, .tfTxtarea .tr_xon {background: none no-repeat top right; height: 5px;}
.tfTxtarea .tr_xon {background: none no-repeat top right;}
.tfTxtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
	float:left;
}
.tfTxtarea .br, .tfTxtarea .br_xon {background: none no-repeat right 0; height: 5px;}
.tfTxtarea .br_xon {background: none no-repeat right 0;}
.tfTxtarea .cntr {background: none repeat-y right top;}
.tfTxtarea .cntr_xon {background: none repeat-y right top;}
.tfTxtarea .cntr_l, .tfTxtarea .cntr_l_xon {
	width:5px;
	background: none repeat-y left top;
	float:left;
}
.tfTxtarea .cntr_l_xon {background: none repeat-y left top;}
.tfTxtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}
*html .tfTxtarea .br, *html .tfTxtarea .br_xon,
*html .tfTxtarea .tr, *html .tfTxtarea .tr_xon{zoom: 1; height: 6px;}
*+html .tfTxtarea .br, *+html .tfTxtarea .br_xon,
*+html .tfTxtarea .tr, *+html .tfTxtarea .tr_xon{zoom: 1;}

/*Selects*/
select {
	font-size: 11px;
}
.tfSelect {
	width:200px;
	height:21px;
	background: none repeat-x left top;
	line-height: 120%;
}
.tfSelectOptions {
	position: absolute;
	display: none;
	top: 21px;
	left: 3px;
	max-height:200px;
	overflow:auto;
	background:#6F7074 none repeat scroll 0 0;
	padding: 2px;
}
.tfSelectOptions li {
	list-style: none;
}
.tfSelectOptions a {
	border:1px solid #6F7074;
	color:#F2F2F2 !important;
	display:block;
	overflow:hidden;
	padding:1px 4px;
	text-decoration:none;
	white-space:nowrap;
}
.tfSelectOptions a:hover {
	border-color: #F2F2F2;
}
.tfSelectOptions a.selected {
	background-color: #073268;
}
.tfSelect .left {
	width:8px;
	height:21px;
	float:left;
	background: none no-repeat left top;
}
.tfSelect .right {
	width:21px;
	height:21px;
	float:right;
	background: none no-repeat left top;
}
.tfSelect .center {
	width:160px;
	color: #fff;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
	float: left;
	cursor: default;
	text-align: left;
	font-size:11px;
	font-weight: normal;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
	font-family: Verdana, Arial, 'Sans serif';
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {
	display:block;
	max-height: 200px;
	overflow: auto;
}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
	white-space:nowrap;
	overflow: hidden;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/
.tfButton input{
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	background:none repeat-x left top;
	cursor:pointer;
	border:none;
}
.tfButton .hover {background-position:left bottom;}
.tfButton img {
	vertical-align:bottom !important;
	width: 6px !important;
	height: 26px !important;
}