/* CheckBox */
div.checkbox_checked,
div.checkbox_unchecked
{
    position: relative;
    height: 16px;
    width: 160px;
    cursor: default;
    z-index: 10;
}
div.checkbox_checked div.checkbox_img,
div.checkbox_unchecked div.checkbox_img
{
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url('../images/system/checkbox.gif');
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 16px;
    width: 16px;
}
div.checkbox_checked div.checkbox_text,
div.checkbox_unchecked div.checkbox_text
{
    padding-left: 18px;
}
div.checkbox_unchecked div.checkbox_img
{
    background-position: left top;
}
div.checkbox_unchecked:hover div.checkbox_img
{
    background-position: center top;
}
div.checkbox_unchecked:active div.checkbox_img
{
    background-position: right top;
}
div.checkbox_checked:hover div.checkbox_img
{
    background-position: center bottom;
}
div.checkbox_checked:active div.checkbox_img
{
    background-position: right bottom;
}
/* RadioButton */
div.radiobutton_checked,
div.radiobutton_unchecked
{
    position: relative;
    height: 16px;
    width: 16px;
    cursor: default;
    z-index: 10;
}
div.radiobutton_checked div.radiobutton_img,
div.radiobutton_unchecked div.radiobutton_img
{
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url('../images/system/radiobutton.gif');
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 17px;
    width: 17px;
}
div.radiobutton_checked div.radiobutton_text,
div.radiobutton_unchecked div.radiobutton_text
{
    padding-left: 18px;
    padding-top: 1px;
}
div.radiobutton_unchecked div.radiobutton_img
{
    background-position: left top;
}
div.radiobutton_unchecked:hover div.radiobutton_img
{
    background-position: center top;
}
div.radiobutton_unchecked:active div.radiobutton_img
{
    background-position: right top;
}
div.radiobutton_checked:hover div.radiobutton_img
{
    background-position: center bottom;
}
div.radiobutton_checked:active div.radiobutton_img
{
    background-position: right bottom;
}
/* TextBox */
div.textbox,
div.textbox_date
{
    background-image: url('../images/system/textbox_bg.gif');
    background-repeat: repeat-x;
    background-position: bottom;
    height: 26px;
    position: relative;
    float: left;
    margin-right: 25px;
}
div.textbox_date
{
    width: 105px;
}
div.textbox:hover,
div.textbox:hover div.textbox_right,
div.textbox:hover div.textbox_left,
div.textbox_date:hover,
div.textbox_date:hover div.textbox_right,
div.textbox_date:hover div.textbox_left
{
    background-position: top;
}
div.textbox div.textbox_right,
div.textbox div.textbox_left,
div.textbox_date div.textbox_right,
div.textbox_date div.textbox_left
{
    position: absolute;
    background-image: url('../images/system/textbox_right.gif');
    background-repeat: no-repeat;
    background-position: bottom;
    height: 26px;
    width: 3px;
    top: 0px;
    right: 0px;
}
div.textbox div.textbox_left,
div.textbox_date div.textbox_left
{
    background-image: url('../images/system/textbox_left.gif');
    left: 0px;
}
div.textbox_date div.textbox_calendar
{
    background-image: url('../images/system/textbox_date.gif');
    right: 3px;
    top: 3px;
    position: absolute;
    height: 20px;
    width: 20px;
    cursor: pointer;
    border-left: 1px #CCC solid;
}
div.textbox div.textbox_error
{
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 10;
    border-left: 1px #8c8c8c solid;
    background-image: url('../images/system/textbox_error.gif');
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}
div.textbox div.textbox_info
{
    background-image: url('../images/system/textbox_information.gif');
    background-repeat: no-repeat;
    position: absolute;
    top: 3px;
    right: -25px;
    height: 20px;
    width: 20px;
    z-index: 10;
}
input.textbox,
input.textbox_date
{
    border: 0px;
    background-image: url('../images/system/textbox_text_bg.gif');
    background-repeat: repeat-x;
    background-position: bottom;
    height: 16px;
    margin-top: 3px;
    margin-left: 3px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 3px;
    vertical-align: middle;
    font-family: Tahoma;
    font-size: 12px;
    width: 190px;
    z-index: 3;
}
input.textbox_date
{
    width: 74px;
    font-weight: bold;
    color: #333;
}
input.textbox:focus,
input.textbox_date:focus
{
    background-position: top;
}
/* DropDownList */
div.dropdownlist
{
    background-image: url('../images/system/textbox_bg.gif');
    background-repeat: repeat-x;
    background-position: bottom;
    height: 26px;
    position: relative;
    float: left;
}
div.dropdownlist:hover,
div.dropdownlist:hover div.dropdownlist_right,
div.dropdownlist:hover div.dropdownlist_left
{
    background-position: top;
}
div.dropdownlist div.dropdownlist_right,
div.dropdownlist div.dropdownlist_left
{
    position: absolute;
    background-image: url('../images/system/textbox_right.gif');
    background-repeat: no-repeat;
    background-position: bottom;
    height: 26px;
    width: 3px;
    top: 0px;
    right: 0px;
}
div.dropdownlist div.dropdownlist_left
{
    background-image: url('../images/system/textbox_left.gif');
    left: 0px;
}
div.dropdownlist div.dropdownlist_error
{
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 10;
    border-left: 1px #8c8c8c solid;
    background-image: url('../images/system/textbox_error.gif');
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}
div.dropdownlist div.dropdownlist_info
{
    background-image: url('../images/system/textbox_information.gif');
    background-repeat: no-repeat;
    position: absolute;
    top: 3px;
    right: -25px;
    height: 20px;
    width: 20px;
    z-index: 10;
}
select.dropdownlist
{
    border: 0px;
    background-image: url('../images/system/textbox_text_bg.gif');
    background-repeat: repeat-x;
    background-position: bottom;
    height: 20px;
    margin-top: 3px;
    margin-left: 3px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: middle;
    font-family: Tahoma;
    font-size: 12px;
    width: 194px;
    z-index: 3;
}
input.textbox:focus 
{
    background-position: top;
}
/* Button Submit */
div.win_line
{
    height: 10px;
}
/* Validator */
div.validator
{
    padding-left: 30px;
    padding-top: 20px;
    font-weight: bold;
    color: #FF0000;
    text-transform: uppercase;
}
/* Text */
span.text
{
    position: relative;
    z-index: 10;
    color: #000;
    text-align: left;
}
span.shadow
{
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 1;
    color: #FFF;
}
/* Slider */
div.slider_bg
{
    height: 28px;
    position: relative;
    padding-left: 7px; 
    padding-right: 7px;
}
div.slider_bg_img
{
    background-image: url('../images/system/slider_bg.gif');
    background-repeat: repeat-x;
    height: 28px;
    width: 100%;
}
div.slider_bg_left
{
    background-image: url('../images/system/slider_bg_left.gif');
    background-repeat: repeat-x;
    height: 28px;
    width: 2px;
    position: absolute;
    top: 0px;
    left: 5px;
}
div.slider_bg_right
{
    background-image: url('../images/system/slider_bg_right.gif');
    background-repeat: repeat-x;
    height: 28px;
    width: 2px;
    position: absolute;
    top: 0px;
    right: 5px;
}
div.slider_thumb
{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 21px;
    width: 17px;
    background-image: url('../images/system/slider_thumb.gif');
    background-repeat: no-repeat;
}
div.slider_value
{
    padding-left: 5px;
}