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

/*General styles - NOT really related to the forms*/

.option-form-container { padding:0.5em; }
/*Forms defaults - change as needed*/
input, textarea { font-family:Arial, Helvetica, sans-serif; color:#000; }
label { color:#FFF; cursor:pointer; padding-left:2px; line-height:16px; }
label.chosen { color:#59cbfe; }
/*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(../images/form-images/radio.gif) no-repeat left top; }
.radioAreaChecked { background:url(../images/form-images/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(../images/form-images/checkbox.gif) no-repeat left top; }
.checkboxAreaChecked { background:url(../images/form-images/checkbox.gif) no-repeat left bottom; }
.focused { border:1px dotted #ddd; }
/*Text inputs*/
.textinput, .textinputHovered { font-size: 12px; height:15px; background:url(../images/form-images/input_bg.gif) repeat-x left top; border:none; padding:4px 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(../images/form-images/txtarea_tr.gif) no-repeat top right; }
.txtarea .tr_xon { background:url(../images/form-images/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(../images/form-images/txtarea_br.gif) no-repeat top right; }
.txtarea .br_xon { background:url(../images/form-images/txtarea_br_xon.gif) no-repeat top right; }
.txtarea .cntr { background:url(../images/form-images/txtarea_cntr.gif) repeat-y right top; }
.txtarea .cntr_xon { background:url(../images/form-images/txtarea_cntr_xon.gif) repeat-y right top; }
.txtarea .cntr_l, .txtarea .cntr_l_xon { width:5px; background:url(../images/form-images/txtarea_l.gif) repeat-y left top; float:left; }
.txtarea .cntr_l_xon { background:url(../images/form-images/txtarea_l_xon.gif) repeat-y left top; }
.txtarea textarea { border:0; background:none; padding:0; margin:5px; }
/*Selects*/
.selectArea { font-size: 12px !important; line-height: 20px !important; *line-height: 20px !important;
width:200px; height:23px; background:url(../images/form-images/select_bg.gif) repeat-x left top; outline: none; }
.selectArea .left { width:8px; height:23px; float:left; background:url(../images/form-images/select_left.gif) no-repeat left top; }
.selectArea .right { width:21px; height:23px; float:right; background:url(../images/form-images/select_right.gif) no-repeat left top; }
.selectArea .right a { display:block; width:200px; height:23px !important; min-height: inherit !important; margin-left:-179px; position:absolute; outline: none; background: none !important; }
.selectArea .right i { display:none; }
.selectArea .center { width:160px; color:#000; padding-top:2px !important; overflow:hidden; white-space:nowrap; }
/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible { font-size:12px !important; position: absolute; margin-top: -19px; *margin-top: -19px;
*top: 0;
margin-left: 4px; *margin-left: 4px;
width:168px; max-height: 200px; *height: 100px;
background:#FFF; padding:2px; overflow: auto; border: solid 1px #bfbfbf; border-top: none; z-index: 1000 !important; }
.optionsDivInvisible { display:none; }
.optionsDivVisible { display:inline-block; }
.optionsDivVisible p { margin:0; padding:0; }
.optionsDivVisible a { color:#000; text-decoration:none; display:block; padding:1px 4px; border:1px solid #FFF; outline: none; text-align: left; background: none; }
.optionsDivVisible a:hover { color:#000; background:#76b9df; border-color:#004c92; outline: none; }
/*Button*/
.buttonSubmit, .buttonSubmitHovered { width:auto; height:26px; color:#FFF; font-weight:bold; padding:2px; background:url(../images/form-images/button_bg.gif) repeat-x left top; cursor:pointer; border:none; }
.buttonSubmitHovered { background-position:left bottom; }
.buttonImg { vertical-align:bottom; }