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



/*Forms defaults - change as needed*/
input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; color:#404040;}
label {color:#4a2ca0;font-weight:bold; cursor:pointer; padding-left:2px;line-height:13px;}
label.chosen {color:#333;}

/*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(/css/images/default/radio.gif) no-repeat left top;}
.radioAreaChecked {background: url(/css/images/default/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(/css/images/default/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background: url(/css/images/default/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {height:11px;  font-size:11px; line-height:11px; background: url(/css/images/default/input_bg.gif) repeat-x left top; border:none; padding:5px 0; vertical-align:middle;}
.textinputHovered {background-position:left bottom;}
.inputCorner {padding-bottom:0; vertical-align:middle;}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background: url(/css/images/default/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background: url(/css/images/default/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {width:5px; height:5px; display:block;}
.txtarea .br, .txtarea .br_xon {background: url(/css/images/default/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background: url(/css/images/default/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background: url(/css/images/default/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background: url(/css/images/default/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {width:5px; background: url(/css/images/default/txtarea_l.gif) repeat-y left top; float:left;}
.txtarea .cntr_l_xon {background: url(/css/images/default/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {border:0; background:none; padding:0; margin:5px; overflow:hidden;}


/*Selects*/
.selectArea {width:200px; height:21px; background: url(/css/images/default/select_bg_wide.gif) no-repeat left top;}
.selectArea .left {width:8px; height:21px; float:left; background: url(/css/images/default/select_left.gif) no-repeat left top;}
.selectArea .right {width:18px; height:21px; float:right; background: url(/css/images/default/select_right_p.gif) no-repeat left top;}
.selectArea .right a {display:block; width:200px; height:21px; margin-left:-179px; position:absolute;}
.selectArea .right i {display:none;}
.selectArea .center {width:160px;font-size:11px; color:#444; padding-top:2px; overflow:hidden; white-space:nowrap;}


/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {position:absolute; margin-top:-1px; margin-left:3px; width:172px; background:#e3dff8; padding:2px; line-height:12px; font-size:11px; z-index:20;}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {margin:0; padding:0;}
.optionsDivVisible a {color:#444; text-decoration:none; display:block; padding:3px 4px;}
.optionsDivVisible a:hover {color:#FFF; background:#4a2ca0;}


/*Selects Orange*/
.selectArea .right2 {width:18px; height:21px; float:right; background: url(/css/images/default/select_right_o.gif) no-repeat left top;}


/*Button*/
.buttonSubmit, .buttonSubmitHovered {width:auto; height:26px; color:#FFF; font-weight:bold; padding:2px; background: url(/css/images/default/button_bg.gif) repeat-x left top; cursor:pointer; border:none;}

.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}