/* -------------
 * Inputs
 * ------------- */
.jNiceInputWrapper{
    border: 1px solid #cccccc;
    background: #ffffff;
    height: 15px;

    overflow: hidden;
}
.jNiceInputInner{
    padding: 1px 3px 0;
   _padding: 0 3px;
}
.jNiceInputInner input{
    background: transparent;
    position: absolute;
    line-height: 15px !important;
    height: 15px !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;

    color: #999999;
}

/* -------------
 * Selects
 * ------------- */
.jNiceSelectWrapper{
    border: 1px solid #cccccc;
    background: #ffffff;
    position: relative;
    width: 180px;
    height: 15px;
}
.jNiceSelectWrapper div{
    background: url(../../images/input_button.png) left repeat-y;
    height: 15px;
}
.jNiceSelectWrapper div span{
    position: absolute;
    line-height: 15px;
    padding: 0px 3px;
    overflow: hidden;
    font-size: 11px;
    height: 15px;
    width: 150px;

    color: #999999;
}
.jNiceSelectWrapper div a{
    background: url(../../images/selectbox.png);
    position: absolute;
    display: block;
    height: 15px;
    width: 15px;
    right: 0;
}
.jNiceSelectWrapper ul, .jNiceSelectWrapper ul li{
    width: 180px;
    padding: 0;
    margin: 0;
}
.jNiceSelectWrapper ul{
    border: 1px solid #cccccc;
    background-color: #ffffff;
    position: absolute;
    list-style: none;
    display: none;
    top: 15px;
    left: -1px;
    height: 150px;
    overflow: auto;
    overflow-y: auto;
    z-index: 2000;
}
.jNiceSelectWrapper ul a{
    text-decoration: none;
    padding: 1px 3px;
    display: block;
    font-size: 11px;
    color: #999999;
}
.jNiceSelectWrapper ul a:hover, .jNiceSelectWrapper ul a.selected{
    background: #eeeeee;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jNiceHidden{
    display: none;
}