/*
* CSS to specify slider 
* overrides jQuery UI CSS Framework 1.8.10
*
* Copyright Feb 2011, Inna Lobel
*/

div.slider {width: 920px; margin-top:10px} /* slider width */
#slider-label {text-align:right; font-size:11px;}
#slider-instructions {color:#C0C0C0; font-size:11px;}
#slider-range {clear:both;}
.container-slider-label {float:left; width:720px;}
.container-slider-instructions {float:left; width:200px;}

.ui-slider { position: relative; text-align: left;}
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: .7em; height: .7em; cursor: default; } /* handle size*/
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: 0em; } /* height of slider*/
.ui-slider-horizontal .ui-slider-handle { top: -.4em; margin-left: -.6em; } /* slider position */
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 9px/*{cornerRadius}*/; -webkit-border-top-left-radius: 9px/*{cornerRadius}*/; border-top-left-radius: 9px/*{cornerRadius}*/; }
.ui-corner-tr { -moz-border-radius-topright: 9px/*{cornerRadius}*/; -webkit-border-top-right-radius: 9px/*{cornerRadius}*/; border-top-right-radius: 9px/*{cornerRadius}*/; }
.ui-corner-bl { -moz-border-radius-bottomleft: 9px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 9px/*{cornerRadius}*/; border-bottom-left-radius: 9px/*{cornerRadius}*/; }
.ui-corner-br { -moz-border-radius-bottomright: 9px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 9px/*{cornerRadius}*/; border-bottom-right-radius: 9px/*{cornerRadius}*/; }
.ui-corner-top { -moz-border-radius-topleft: 9px/*{cornerRadius}*/; -webkit-border-top-left-radius: 9px/*{cornerRadius}*/; border-top-left-radius: 9px/*{cornerRadius}*/; -moz-border-radius-topright: 9px/*{cornerRadius}*/; -webkit-border-top-right-radius: 9px/*{cornerRadius}*/; border-top-right-radius: 9px/*{cornerRadius}*/; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 9px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 9px/*{cornerRadius}*/; border-bottom-left-radius: 9px/*{cornerRadius}*/; -moz-border-radius-bottomright: 9px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 9px/*{cornerRadius}*/; border-bottom-right-radius: 9px/*{cornerRadius}*/; }
.ui-corner-right {  -moz-border-radius-topright: 9px/*{cornerRadius}*/; -webkit-border-top-right-radius: 9px/*{cornerRadius}*/; border-top-right-radius: 9px/*{cornerRadius}*/; -moz-border-radius-bottomright: 9px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 9px/*{cornerRadius}*/; border-bottom-right-radius: 9px/*{cornerRadius}*/; }
.ui-corner-left { -moz-border-radius-topleft: 9px/*{cornerRadius}*/; -webkit-border-top-left-radius: 9px/*{cornerRadius}*/; border-top-left-radius: 9px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 9px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 9px/*{cornerRadius}*/; border-bottom-left-radius: 9px/*{cornerRadius}*/; }
.ui-corner-all { -moz-border-radius: 9px/*{cornerRadius}*/; -webkit-border-radius: 9px/*{cornerRadius}*/; border-radius: 9px/*{cornerRadius}*/; }
