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

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

img {border:0;}


form.niceforms{
    line-height:normal;
}
/*Forms defaults - change as needed*/
.niceforms input, .niceforms textarea {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#404040;
    border:0px;
    line-height:normal;
}

label {
    color:#999;
    cursor:pointer;
    padding-left:2px;
    line-height:16px;
}
label.chosen {color:#333;}

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

/*Radio buttons*/
.radioArea, .radioAreaChecked {
    display:block;
    float:left;
    clear:left;
    width:15px;
    height:14px;
    font-size:0;
    cursor:pointer;
}
.radioArea {background:url(../img/forms/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(../img/forms/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(../img/forms/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(../img/forms/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {
    height:15px;
    background:url(../img/forms/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(../img/forms/txtarea_tr.gif) no-repeat top right; height: 12px;}
.txtarea .tr_xon {background:url(../img/forms/txtarea_tr.gif) no-repeat top right;}
.txtarea img.txt_corner {
    width:12px;
    height:12px;
    display:block;
    margin: 0px;
}
.txtarea .br, .txtarea .br_xon {background:url(../img/forms/txtarea_br.gif) no-repeat top right; height: 12px;}
.txtarea .br_xon {background:url(../img/forms/txtarea_br.gif) no-repeat top right;}
.txtarea .cntr {background:url(../img/forms/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(../img/forms/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
    width:5px;
    background:url(../img/forms/txtarea_l.gif) repeat-y left top;
    float:left;
}
.txtarea .cntr_l_xon {background:url(../img/forms/txtarea_l.gif) repeat-y left top;}
.txtarea textarea {
    border:0;
    background:none;
    padding:0;
    margin:5px;
}

/*Selects*/
.selectArea {

    height:25px;
    background:url(../img/forms/select_bg.gif) repeat-x left top;
    position: relative;
}
.selectArea .left {
    width:12px;
    height:25px;
    float:left;
    background:url(../img/forms/select_left.gif) no-repeat left top;
}
.selectArea .right {
    width:19px;
    height:25px;
    float:right;
    background:url(../img/forms/select_right.gif) no-repeat left top;
}
.selectArea .brick {
    height: 4px;
    top:16px;  
    left:0px;
    position:absolute;      
    border-width:0 1px 0 1px;
    border-style: solid;
    border-color: #d1d1d1; 
    background:#fff url(../img/forms/select_ul_bg.gif) right 0 no-repeat;
}
.selectArea .right a {
    display:block;
    width:21px;
    height:21px;
    position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
    width:160px;
    color:#333;      
    white-space:nowrap;
    border:0px;            
    background:transparent;
    padding: 0px 0 0 2px;
    overflow: hidden;
    z-index:10000;
    position: absolute;
    left: 12px;
    top: 4px;
    /*font: 12px Tahoma, Arial, Helvetica, sans-serif;  */
}

/*Selects drop-down*/

.fake_list_content 
{
    background: url(../img/forms/select_bg_bottom.gif) 0 bottom no-repeat;       
}

.fake_list_content .left { background: url(../img/forms/select_left_bottom.gif) 0 bottom no-repeat; width: 12px; height: 12px;}
.fake_list_content .right {background: url(../img/forms/select_right_bottom.gif) right bottom no-repeat; width: 12px; height: 12px;}
.fake_list_content
{
    z-index:11000;
    font-size:12px;
    margin:0px;
    position:absolute;    
    background:url(../img/forms/select_bg_bottom.gif) 0 bottom repeat-x;   
        
}

.fake_list_content div.ul 
{
    border-width:0 1px 0 1px;
    border-style: solid;
    border-color: #d1d1d1;                                                     
    background-color:#fff;  
    padding-top: 3px;   
    
}
.fake_list 
{
    overflow-y: scroll;
    list-style:none;
}
ul.fake_list li
{
    padding:0 2px 0 14px;
    height: 19px;
    line-height: 18px;
    :padding-left:0;
    overflow: hidden;
    margin:0px;
    clear:none;
    font: 12px Tahoma, Arial, Helvetica, sans-serif;
    color: #333;
}
.fake_list li.selected
{
    cursor: pointer;
    background-color: #69ade7;
    color: #fff;
}

/*Button*/
.niceforms .buttonSubmit, .niceforms .buttonSubmitHovered {
    width:auto;
    height:26px;
    color:#FFF;
    font-weight:bold;
    padding:2px;
    background:url(../img/forms/button_bg.gif) repeat-x left top;
    cursor:pointer;
    border:none;
}
.niceforms .buttonSubmitHovered {background-position:left bottom;}
.niceforms .buttonImg {vertical-align:bottom;}