/*

    Styling for the slider with field. See include/Slider.js for the control, xslt/HtmlControls.xslt for the generated HTML.
    
*/

.eConSlider {
}

.eConSlider input {
	display: none;
}

.eConSliderField {
    float: left;
}

.eConSliderSlider.ui-slider {
    display: inline-block;
    margin: 5px 0px;
    
    height: 1em;
    max-width: 100%;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.eConSliderSlider.ui-slider .ui-slider-handle {
    z-index: 1; /* Otherwise in front of combobox etc */
}