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

/*Forms defaults - change as needed*/

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}

/*Radio buttons*/
.radioArea, .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
}
.radioArea {background:url(i/form/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(i/form/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
}
.checkboxArea {background:url(i/form/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(i/form/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {
	height:34px;
	background:url(i/form/input_bg.gif) repeat-x left top;
	border:none;
	padding:9px 0 0;
	vertical-align:middle;
	color:#cccccc !important;
}
.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
	height:43px;
	width:20px;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url(i/form/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(i/form/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width:17px;
	height:17px;
	display:block;
	vertical-align:top;
}
.txtarea .br,
.txtarea .tr {
	height:17px;
	overflow:hidden;
}
.txtarea .br, .txtarea .br_xon {background:url(i/form/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(i/form/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(i/form/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(i/form/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:17px;
	background:url(i/form/txtarea_l.gif) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(i/form/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0 2px;
	margin:0 !important;
	color:#cccccc !important;
}
.txtarea .t-hover textarea {
	color:#333333 !important;
}

/*Selects*/
.selectArea {
	width:200px;
	height:43px;
	background:url(i/form/select_bg.gif) repeat-x left top;
	position:relative;
	zoom:1;
}
.selectArea .left {
	width:20px;
	height:43px;
	float:left;
	background:url(i/form/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:44px;
	height:43px;
	float:right;
	background:url(i/form/select_right.gif) no-repeat left top;
}
.date-mon .selectArea .left,
.date-year .selectArea .left {
	background:url(i/form/select_left.date.gif) no-repeat left top;
}
.date-mon .selectArea .right,
.date-day .selectArea .right {
	background:url(i/form/select_right.date.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:200px;
	height:43px;
	margin-left:-179px;
	position:absolute;
	z-index:100;
	background:url(i/backgrounds/tr.gif);
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:160px;
	color:#404040;
	overflow:hidden;
	white-space:nowrap;
	position:absolute;
	top:9px;
	left:20px;
	z-index:10;
	line-height:1.2em;
	color:#cccccc;
	}


.search .selectArea {
	background-image:url(i/form/select_bg-l.gif);
}
.search .selectArea .left {
	background-image:url(i/form/select_left-l.gif);
}
.search .selectArea .right {
	background-image:url(i/form/select_right-l.gif);
}
.search .date-mon .selectArea .left,
.search .date-year .selectArea .left {
	background-image:url(i/form/select_left.date-l.gif);
}
.search .date-mon .selectArea .right,
.search .date-day .selectArea .right {
	background-image:url(i/form/select_right.date-l.gif);
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	font-size:12px;
	z-index:2000;
	color:#404040;
	top:43px;
	left:11px;
	background:#ffffff;
	padding-top:4px
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#404040;
	text-decoration:none;
	display:block;
	padding:5px 10px;
	font-size:18px;
	font-weight:normal;
}
.optionsDivVisible a:hover {
	background:#f2f2f2;
}
.optionsDivVisible .optgroupHolder {
	color:#9966CC;
	display:block;
	padding:5px 0;
	font-size:18px;
}

.selectArea  .bg-tl{
	width:21px;
	height:12px;
	background:url(i/form/select.tl.png) no-repeat;
	position:absolute;
	top:-12px;
	left:-21px;
	}
.date-mon .selectArea  .bg-tl, .date-year .selectArea  .bg-tl{
	background:none;
	}
.selectArea  .bg-tr{
	width:23px;
	height:12px;
	background:url(i/form/select.tr.png) no-repeat;
	position:absolute;
	top:-12px;
	right:-23px;
	}
.selectArea  .bg-ml{
	width:21px;
	background:url(i/form/select.ml.png) repeat-y;
	position:absolute;
	top:0;
	bottom:0;
	left:-21px;
	}
.selectArea  .bg-mr{
	width:23px;
	background:url(i/form/select.mr.png) repeat-y;
	position:absolute;
	top:0;
	bottom:0;
	right:-23px;
	}
.selectArea  .bg-bl{
	width:21px;
	height:21px;
	background:url(i/form/select.bl.png) no-repeat;
	position:absolute;
	bottom:-21px;
	left:-21px;
	}
.selectArea  .bg-br{
	width:23px;
	height:21px;
	background:url(i/form/select.br.png) no-repeat;
	position:absolute;
	bottom:-21px;
	right:-23px;
	}
.selectArea  .bg-bc{
	height:21px;
	background:url(i/form/select.bc.png) repeat-x;
	position:absolute;
	bottom:-21px;
	left:0;
	}

/*Button*/
.buttonSubmit, .buttonSubmitHovered ,
.buttonSubmit-cancel{
	width:auto;
	height:32px;
	color:#FFF !important;
	font-weight:normal;
	padding:0 0 2px 0;
	background:url(i/form/button_bg.gif) repeat-x left 0;
	cursor:pointer;
	border:none;
}
.buttonSubmit-cancel{
	background:url(i/form/button_bg-cancel.gif) repeat-x left 0;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {
	vertical-align:top;
	height:32px;
	width:15px;}