/*##########################################
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:#90112d;
cursor:pointer;
padding-left:2px;
line-height:16px;
}

label.chosen
{
color:#F00;
}

/*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;
}

em.obligatoriu
{
width: 10px;
height: 10px;
background: url(../images/icon-obligatoriu.gif) no-repeat center;
display: inline-block;
text-indent: -9999px;
}