.tif-slider {position:relative;overflow:hidden} .tif-slider .ui-widget-content { border: 1px solid #dddddd; background: #E6E6E6; color: #333333; } .tif-slider .ui-widget-header { border: 1px solid #e78f08; background: #BD1050; color: #ffffff; font-weight: bold; } .tif-slider .ui-slider { position: relative; text-align: left; float:left; width:300px; } .tif-slider .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; } .tif-slider .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .tif-slider .ui-slider-horizontal { height: 20px;border:none } .tif-slider .ui-slider-horizontal .ui-slider-handle { top: 0px; margin-left: -11px; width: 20px; height: 22px; background:url(WebResource.axd?d=UAmRn8Hu_aLizeB36BPMfGgNy2U2AtzCYf1ZCRfVyw8vUCdDetmvapOGHwmHKBu5b7W0AWvPY8AxAS6rlXJCGSuIcRng_bBC-doUNdQ6csTHOdY9IDrddmInI8kojnm-gNJ4X2ELhiLWRpK8pGIFAx3WArc1&t=637638523860000000);border:none } .tif-slider .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .tif-slider .ui-slider-horizontal .ui-slider-range-min { left: 0; } .tif-slider .ui-slider-horizontal .ui-slider-range-max { right: 0; } .tif-slider .increase, .tif-slider .decrease {display:block;cursor: pointer;float: left;height: 20px;width: 20px;} .tif-slider .decrease {background: url(WebResource.axd?d=yB1pKzZigMsrVKGspEDBtLAiffcLCodEooFhuZ49PtDIF_TWTcM1adYzCF4mLjdHm-sa5ptYpUByhHwsBDi9Dv8utxJVlHz-eMbDG9Fb-Q9fKb_Q6Btj9EBKkFGypZwjmowvqdcJOfcZwuQYAknUZVenP0A1&t=637638523860000000) no-repeat #BD1050} .tif-slider .increase {background: url(WebResource.axd?d=sFJzGMwZTbjwUHFsRwRRn0kgXTFSZXkn1pNkOfySDDsUMzayxoF5gmphjezB2xMy5x5qmEPvHP7DX7g1gOer8GpRNcuq4rGvlOxGxOHrWcpd1T2RbG1NNT0Ut9HhwNAgnvRKFoTm--pAciJ0KGpiVL8eTSE1&t=637638523860000000) no-repeat #E6E6E6} .tif-slider .inc-sep, .tif-slider .dec-sep {display:block;cursor:default;float:left;height:20px;width:11px;} .tif-slider .dec-sep {width:11px;background-color:#BD1050;} .tif-slider .inc-sep {width:9px;background-color:#E6E6E6;} .tif-slider .scale {margin:21px 0 0 29px;height:3px;position:relative;line-height:1px;font-size:1px;} .tif-slider .scale .tick { position:absolute;height:100%;width:1px;background-color:#222222;line-height:1px;font-size:1px; } .tif-slider .scale .tick2 { position:absolute;height:100%;width:1px;background-color:#CCCCCC;line-height:1px;font-size:1px; } .tif-slider .scale-legend {position:relative;height:12px;overflow:hidden} .tif-slider .scale-legend div {position:absolute;color:#000000;font-size:10px;font-family:Arial, Helvetica, Sans-Serif;text-align:center}