/*xxxxxx
   
    replaced:
     #25a0da with #0c0d0d
    RadGrid_MetroTouch with div.RadGrid_MetroTouch
    radActionsSprite.png with WebResource.png

    modified:
    url's to reflect correct path


    http://www.telerik.com/blogs/how-to-override-styles-in-a-radcontrol-for-asp-net-ajax-embedded-skin
    http://docs.telerik.com/devtools/aspnet-ajax/general-information/controlling-visual-appearance/modifying-built-in-skins

    xxxxxxxx*/



div.RadSlider_MetroTouch {
  /* horizontal slider */
  /* end horizontal slider */
  /* vertical slider */
  /* end vertical slider */
  /* horizontal slider - TrackPosition=Top/Bottom */
  /* vertical slider - TrackPosition=Left/Right */
  /* horizontal slider - TrackPosition=Center */
  /* vertical slider - TrackPosition=Center */ }
  div.RadSlider_MetroTouch .rslTrack {
    border-color: #b9b9b9 #939393 #939393 #b9b9b9; }
  div.RadSlider_MetroTouch div.rslTop a.rslDraghandle {
    background-image: url('Slider/DragHandleDown.png'); }
  div.RadSlider_MetroTouch div.rslHorizontal .rslTrack {
    margin: 0 12px;
    left: 30px; }
  div.RadSlider_MetroTouch div.rslHorizontal .rslItemsWrapper {
    left: 30px;
    margin: 0 12px; }
  div.RadSlider_MetroTouch div.rslHorizontal a.rslHandle {
    width: 28px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #cdcdcd;
    border-radius: 45px;
    background-image: url('Common/MetroTouch/metrotouch-sprite.png');
    background-color: #f9f9f9; }
  div.RadSlider_MetroTouch div.rslHorizontal a.rslHandle:hover {
    background-color: #e8e8e8; }
  div.RadSlider_MetroTouch div.rslHorizontal a.rslHandle:active, div.RadSlider_MetroTouch div.rslHorizontal a.rslHandle:focus {
    background-color: #e8e8e8;
    background-color: #0c0d0d;
    border: 1px solid #0c0d0d; }
  div.RadSlider_MetroTouch div.rslHorizontal a.rslDecrease {
    margin: -3px 0 0;
    background-position: -11px -111px; }
  div.RadSlider_MetroTouch div.rslHorizontal a.rslDecrease:hover {
    background-position: -11px -111px; }
  div.RadSlider_MetroTouch div.rslHorizontal a.rslDecrease:active, div.RadSlider_MetroTouch div.rslHorizontal a.rslDecrease:focus {
    background-position: -111px -111px; }
  div.RadSlider_MetroTouch div.rslHorizontal a.rslIncrease {
    margin: -3px 0 0;
    background-position: -11px -161px;
    right: 0; }
  div.RadSlider_MetroTouch div.rslHorizontal a.rslIncrease:hover {
    background-position: -11px -161px; }
  div.RadSlider_MetroTouch div.rslHorizontal a.rslIncrease:active, div.RadSlider_MetroTouch div.rslHorizontal a.rslIncrease:focus {
    background-position: -111px -161px; }
  div.RadSlider_MetroTouch div.rslHorizontal a.rslDraghandle {
    width: 23px;
    height: 23px;
    border-radius: 45px;
    background-image: none;
    border: 2px solid #ffffff;
    background-color: #0c0d0d;
    top: -2px; }
  div.RadSlider_MetroTouch div.rslHorizontal a.rslDraghandle:hover {
    width: 22px;
    height: 22px;
    border: 3px solid #ffffff; }
  div.RadSlider_MetroTouch div.rslHorizontal a.rslDraghandle:active, div.RadSlider_MetroTouch div.rslHorizontal a.rslDraghandle:focus {
    width: 22px;
    height: 22px;
    border: 3px solid #0c0d0d;
    background-color: #ffffff; }
  div.RadSlider_MetroTouch div.rslHorizontal a.rslDraghandle span {
    width: 22px;
    height: 22px;
    border-radius: 45px;
    overflow: hidden; }
  div.RadSlider_MetroTouch div.rslHorizontal div.rslTrack {
    height: 9px;
    line-height: 9px;
    background-color: #cdcdcd;
    border: 0; }
  div.RadSlider_MetroTouch div.rslHorizontal div.rslSelectedregion {
    height: 9px;
    line-height: 9px;
    background-color: #0c0d0d; }
  div.RadSlider_MetroTouch div.rslHorizontal .rslItem {
    background-image: url('Slider/ItemHorizontalBgr.png'); }
  div.RadSlider_MetroTouch div.rslHorizontal.rslMiddle .rslHandle {
    margin-top: -15px; }
  div.RadSlider_MetroTouch div.rslHorizontal li.rslItem span {
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-size: 13px; }
  div.RadSlider_MetroTouch div.rslHorizontal.rslMiddle div.rslTrack {
    margin-top: -5px; }
  div.RadSlider_MetroTouch div.rslVertical .rslTrack {
    margin: 12px 0;
    top: 30px; }
  div.RadSlider_MetroTouch div.rslVertical .rslItemsWrapper {
    top: 30px;
    margin: 12px 0; }
  div.RadSlider_MetroTouch div.rslVertical a.rslHandle {
    width: 29px;
    height: 29px;
    line-height: 29px;
    border: 1px solid #cdcdcd;
    border-radius: 45px;
    background-image: url('Common/MetroTouch/metrotouch-sprite.png');
    background-color: #f9f9f9; }
  div.RadSlider_MetroTouch div.rslVertical a.rslHandle:hover {
    background-color: #e8e8e8; }
  div.RadSlider_MetroTouch div.rslVertical a.rslHandle:active, div.RadSlider_MetroTouch div.rslVertical a.rslHandle:focus {
    background-color: #e8e8e8;
    background-color: #0c0d0d;
    border: 1px solid #0c0d0d; }
  div.RadSlider_MetroTouch div.rslVertical a.rslDecrease {
    margin: 0;
    background-position: -11px -11px; }
  div.RadSlider_MetroTouch div.rslVertical a.rslDecrease:hover {
    background-position: -11px -11px; }
  div.RadSlider_MetroTouch div.rslVertical a.rslDecrease:active, div.RadSlider_MetroTouch div.rslVertical a.rslDecrease:focus {
    background-position: -111px -11px; }
  div.RadSlider_MetroTouch div.rslVertical a.rslIncrease {
    margin: 0;
    background-position: -11px -61px; }
  div.RadSlider_MetroTouch div.rslVertical a.rslIncrease:hover {
    background-position: -11px -61px; }
  div.RadSlider_MetroTouch div.rslVertical a.rslIncrease:active, div.RadSlider_MetroTouch div.rslVertical a.rslIncrease:focus {
    background-position: -111px -61px; }
  div.RadSlider_MetroTouch div.rslVertical div.rslTrack {
    width: 8px;
    background-color: #cdcdcd;
    border: 0;
    left: 11px; }
  div.RadSlider_MetroTouch div.rslVertical.rslRight div.rslTrack {
    left: auto;
    right: 12px; }
  div.RadSlider_MetroTouch div.rslVertical.rslCenter div.rslTrack {
    left: 50%;
    margin-left: -4.5px; }
  div.RadSlider_MetroTouch div.rslVertical.rslCenter a.rslHandle {
    left: 50%;
    margin-left: -15px; }
  div.RadSlider_MetroTouch div.rslVertical .rslSelectedregion {
    width: 8px;
    background-color: #0c0d0d; }
  div.RadSlider_MetroTouch div.rslVertical a.rslDraghandle {
    width: 23px;
    height: 23px;
    border-radius: 45px;
    background-image: none;
    border: 2px solid #ffffff;
    background-color: #0c0d0d;
    left: -1px !important;
    *left: -8px !important; }
  div.RadSlider_MetroTouch div.rslVertical a.rslDraghandle:hover {
    width: 22px;
    height: 22px;
    border: 3px solid #ffffff; }
  div.RadSlider_MetroTouch div.rslVertical a.rslDraghandle:active, div.RadSlider_MetroTouch div.rslVertical a.rslDraghandle:focus {
    width: 22px;
    height: 22px;
    border: 3px solid #0c0d0d;
    background-color: #ffffff; }
  div.RadSlider_MetroTouch div.rslVertical a.rslDraghandle span {
    width: 22px;
    height: 22px;
    border-radius: 45px;
    overflow: hidden; }
  div.RadSlider_MetroTouch div.rslVertical .rslItem {
    background-image: url('Slider/ItemVerticalBgr.png'); }
  div.RadSlider_MetroTouch div.rslVertical li.rslItem span {
    font-size: 13px;
    padding: 1px 3px; }
  div.RadSlider_MetroTouch .rslLeft a.rslDraghandle {
    background-image: url('Slider/DragVerticalHandleRight.png'); }
  div.RadSlider_MetroTouch .rslItem, div.RadSlider_MetroTouch .rslLargeTick span {
    color: #767676; }
  div.RadSlider_MetroTouch .rslItemsWrapper .rslItemSelected {
    color: #000000; }
  div.RadSlider_MetroTouch .rslTop .rslSmallTick, div.RadSlider_MetroTouch .rslBottom .rslSmallTick {
    background-image: url('Slider/SmallChangeHorizontal.png'); }
  div.RadSlider_MetroTouch .rslTop .rslLargeTick, div.RadSlider_MetroTouch .rslBottom .rslLargeTick {
    background-image: url('Slider/LargeChangeHorizontal.png'); }
  div.RadSlider_MetroTouch .rslLeft .rslSmallTick, div.RadSlider_MetroTouch .rslRight .rslSmallTick {
    background-image: url('Slider/SmallChangeVertical.png'); }
  div.RadSlider_MetroTouch .rslLeft .rslLargeTick, div.RadSlider_MetroTouch .rslRight .rslLargeTick {
    background-image: url('Slider/LargelChangeVertical.png'); }
  div.RadSlider_MetroTouch .rslMiddle .rslSmallTick {
    background-image: url('Slider/SmallChangeMiddleHorizontal.png'); }
  div.RadSlider_MetroTouch .rslLargeTick {
    background-image: url('Slider/LargeChangeMiddleHorizontal.png'); }
  div.RadSlider_MetroTouch .rslCenter .rslSmallTick {
    background-image: url('Slider/SmallChangeCenterVertical.png'); }
  div.RadSlider_MetroTouch .rslCenter .rslLargeTick {
    background-image: url('Slider/LargelChangeCenterVertical.png'); }