/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; width: 100%; margin: 14px 0px 4px 0px; height:14px; cursor: pointer}
.ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default;}
.ui-slider-range { position: absolute; z-index: 1; font-size: 1%; display: block; border: 0; background-color: yellow; }

.ui-slider-horizontal { height: .8em;  background: #DFDFDF; border: 1px solid black; }
.ui-slider-horizontal .ui-slider-handle { top: -12px; margin-left: -7px; background-image: url(../images/arrow_down.gif); width:8px; background-repeat: no-repeat;outline: 0; }
.ui-slider-horizontal .ui-slider-range { position: relative; top: 0; height: 100%;  background-color: #8F8F8F;}

.ui-slider-vertical { width: .8em; height: 100%;  background-color: brown;}
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em;  background-color: pink;}
.ui-slider-vertical .ui-slider-range { left: 0; height: auto; width: 100%;  background-color: gray;}

.ui-slider-value { border: 1px solid #8F8F8F; width: 72px; text-align: center; margin: 0px; background: none; }


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