/******************************************************
    Title:   Wizzard
    Author:  Wizzard
******************************************************/

/* ************* CUSTOM SELECT STYLES ****************/

.ctm_sel {
    float: left;
    font-size: 12px;
    position: relative;
    margin-right: 5px;

    border:1px solid #5c5956;


}


    .ctm_sel div.ctm_content {
        vertical-align: center;
        display: inline;
        padding-left: 10px;
        padding-top: 2px;
        float: left;
		background:url('../../images/site_images/backgrounds/custom_select_bgr.png') left top no-repeat;
		height:17px;
    }

        .ctm_sel div span {
            display: inline-block;
            cursor: pointer;
            height: 18px;
            position:relative;
            right: 5px;


        }

    .ctm_sel a {
        position: absolute;
		top:0;
		right:0;
        height: 19px;
        width: 20px;
        outline: 0 none;

        background:url('../../images/site_images/backgrounds/custom_select_button.png') left top no-repeat;
    }

      /*  .ctm_sel a:hover{
            background: url(../../images/site_images/CustomSelect/oringe.gif) left -16px no-repeat;
        }

        .ctm_sel a:active{
            background: url(../../images/site_images/CustomSelect/oringe.gif) left -32px no-repeat;
        }*/

    .ctm_sel_ul_wrap {
        position: absolute;
        display: none;
        top: 18px;
        left: 0;
        border: 1px solid #5c5956;
        border-top: 0px none;
        padding: 0 0px 1px 0;
    }

    .ctm_sel ul {
        list-style-type: none;
        margin: 0;
        padding: 0;

        background-color: #ffffff;
    }

        .ctm_sel ul li {
            position: relative;
            padding:0 0px 1px 5px;
            cursor: pointer;
        }

            .ctm_sel ul li.hover {
                background-color: #ac9698;
            }

            .ctm_sel ul li.disabled {
                color: #999999;
            }


        .ctm_sel_ul_wrap div.ctm_scroller {
            position: absolute;
            top: 5px;
            right: 0px;
            width: 10px;

            background-color: #dddddd;
        }

            .ctm_sel_ul_wrap div.ctm_scroller .ctm_scroller_top_arrow {
                position: absolute;
                top: 0px;
                right: 0px;
                width: 10px;

                background-color: #333333;
            }

            .ctm_sel_ul_wrap div.ctm_scroller .ctm_scroller_bottom_arrow {
                position: absolute;
                bottom: 0px;
                right: 0px;
                width: 10px;

                background-color: #333333;
            }

            .ctm_sel_ul_wrap div.ctm_scroller .ctm_scroller_slider {
                position: absolute;
                right: 0px;
                width: 10px;
                background-color: #777777;
            }

/* ************* CUSTOM checkbox STYLES ****************/

.ctm_checkbox {
    width: 15px;
    height: 15px;
    float: left;
}

    .ctm_checkbox a {
        display: inline-block;
        width: 15px;
        height: 15px;
        outline: 0 none;

        background: url(../../images/site_images/CustomCheckbox/default.gif) left top no-repeat;
    }

        .ctm_checkbox a:hover {
            background-position: left bottom;
        }

        .ctm_checkbox a.checked {

            background-position: right top;
        }

            .ctm_checkbox a.checked:hover {
                background-position: right bottom;
            }