/*##########################################
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;
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;
margin-left: 4px;
*margin-left: 4px;
_margin-left: -12px;
width:170px;
max-height: 200px;
*height: 200px;
background:#fff;
padding:2px;
overflow: auto;
}

.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:#bdc8b9;
border-color:#697366;
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;
}