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

/*Forms defaults - change as needed*/
#niceform input, textarea {
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        color:#404040;
}
#niceform label {
        color:#999;
        cursor:pointer;
        padding-left:2px;
        line-height:16px;
}
#niceform label.chosen {color:#333;}

/*Transparent items*/
#niceform .outtaHere {
        position:absolute;
        left:-3000px;
}

/*Radio buttons*/
#niceform .radioArea, .radioAreaChecked {
        display:block;
        float:left;
        clear:left;
        width:15px;
        height:14px;
        font-size:0;
        cursor:pointer;
}
#niceform .radioArea {background:url(../images/radio.gif) no-repeat left top;}
#niceform .radioAreaChecked {background:url(../images/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
#niceform .checkboxArea, .checkboxAreaChecked {
        display:block;
        float:left;
        clear:left;
        width:13px;
        height:13px;
        font-size:0;
        padding:0;
        margin:0;
        cursor:pointer;
}
#niceform .checkboxArea {background:url(../images/checkbox.gif) no-repeat left top;}
#niceform .checkboxAreaChecked {background:url(../images/checkbox.gif) no-repeat left bottom;}
#niceform .focused {border:1px dotted #ddd;}

/*Text inputs*/
#niceform .textinput, .textinputHovered {
        height:15px;
        background:url(../images/input_bg.gif) repeat-x left top;
        border:none;
        padding:4px 0;
        vertical-align:middle;
}
#niceform .textinputHovered {background-position:left bottom;}
#niceform .inputCorner {
        padding-bottom:0;
        vertical-align:middle;
}

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

/*Selects*/
#niceform .selectArea {
        width:200px;
        height:21px;
        background:url(../images/select_bg.gif) repeat-x left top;
}
#niceform .selectArea .left {
        width:8px;
        height:21px;
        float:left;
        background:url(../images/select_left.gif) no-repeat left top;
}
#niceform .selectArea .right {
        width:21px;
        height:21px;
        float:right;
        background:url(../images/select_right.gif) no-repeat left top;
}
#niceform .selectArea .right a {
        display:block;
        width:200px;
        height:21px;
        margin-left:-179px;
        position:absolute;
}
#niceform .selectArea .right i {display:none;}
#niceform .selectArea .center {
        width:160px;
        color:#FFF;
        padding-top:3px;
        overflow:hidden;
        white-space:nowrap;
}

/*Selects drop-down*/
#niceform .optionsDivInvisible, .optionsDivVisible {
        position:absolute;
        margin-top:-1px;
        margin-left:3px;
        width:172px;
        background:#6f7074;
        padding:2px;
        font-size:11px;
        z-index:20;
}
#niceform .optionsDivInvisible {display:none;}
#niceform .optionsDivVisible {display:block;}
#niceform .optionsDivVisible p {
        margin:0;
        padding:0;
}
#niceform .optionsDivVisible a {
        color:#F2F2F2;
        text-decoration:none;
        display:block;
        padding:1px 4px;
        border:1px solid #6f7074;
}
#niceform .optionsDivVisible a:hover {
        color:#FFF;
        background:#5F6062;
        border-color:#cfd0d6;
}

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