/*##########################################
Name: Custom styling for Niceforms v.1.0
Author: Yannick Lepetit
##########################################*/

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

img {border:0;}
#container {padding:20px;}

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

/*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/default/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(images/default/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/default/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(images/default/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {
    height:15px;
    background:url(images/default/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/default/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(images/default/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/default/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(images/default/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(images/default/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(images/default/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
    width:5px;
    background:url(images/default/txtarea_l.gif) repeat-y left top;
    float:left;
}
.txtarea .cntr_l_xon {background:url(images/default/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
    border:0;
    background:none;
    padding:0;
    margin:5px;
    overflow:hidden;
}

/*Selects*/
.selectArea {
    width:260px;
    height:25px;
    background:url(../niceforms/select-bg.gif) repeat-x left top;
}
.selectArea .left {
    width:5px;
    height:25px;
    float:left;
    background:url(../images/niceforms/select-left.gif) no-repeat left top;
}
.selectArea .right {
    width:28px;
    height:25px;
    float:right;
    background:url(../images/niceforms/select-right.gif) no-repeat left top;
}
.selectArea .right a {
    display:block;
    width:200px;
    height:21px;
    margin-left:-179px;
    position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
    width:225px;
    padding-top:5px;
    padding-left:3px;
    overflow:hidden;
    white-space:nowrap;
}

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

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
    width:34px;
    height:30px;
    background:url(../images/niceforms/input-ok.gif) no-repeat left top;
    text-indent:-5000px;
    cursor:pointer;
    border:none;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}