.dynamic-slider-control
{
    CURSOR: default;
    POSITION: relative;
    BACKGROUND-COLOR: transparent;
    moz-user-focus: normal;
    moz-user-select: none
}
.horizontal
{
    WIDTH: 100%;
    HEIGHT: 33px
}
.vertical
{
    WIDTH: 29px;
    HEIGHT: 100%
}
.dynamic-slider-control INPUT
{
    DISPLAY: none
}
.dynamic-slider-control .handle
{
    FONT-SIZE: 1px;
    OVERFLOW: hidden;
    CURSOR: default;
    POSITION: absolute;
    moz-user-select: none
}
.horizontal .handle
{
    BACKGROUND-IMAGE: url(handle.horizontal.gif);
    WIDTH: 23px; 
    HEIGHT: 33px
}
.horizontal .handle DIV
{
}
.horizontal .hover
{
}
.vertical .handle
{
    BACKGROUND-IMAGE: url(handle.vertical.png);
    WIDTH: 15px;
    HEIGHT: 31px
}
.vertical .hover
{
}
.dynamic-slider-control .line
{
    BORDER-RIGHT: #505C6B 1px solid;
    BORDER-TOP: #505C6B 1px solid;
    FONT-SIZE: 0.01mm;
    BACKGROUND: #9AAFC9;
    BEHAVIOR: url("boxsizing.htc");
    OVERFLOW: hidden;
    BORDER-LEFT: #505C6B 1px solid;
    BORDER-BOTTOM: #505C6B 1px solid;
    POSITION: absolute;
    box-sizing: content-box;
    moz-box-sizing: content-box
}
.vertical .line
{
    WIDTH: 5px
}
.horizontal .line
{
    HEIGHT: 5px
}
.dynamic-slider-control .line DIV
{
    BORDER-RIGHT: #474747 1px solid;
    BORDER-TOP: #C8D2DE 2px solid;
    BORDER-LEFT: #C8D2DE 1px solid;
    WIDTH: 3px;
    BORDER-BOTTOM: #474747 1px solid;
    HEIGHT: 2px
}