/* 
    Document   : dscroll
    Created on : 2009-02-27, 12:05:23
    Author     : dorious
    Description:
        Epuls template for dScroll
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.dScroll {
    position: absolute;
    top: 0;
    right: 3px;
    height: 100%;
    width: 15px;
}

* html .dScroll {
     height: expression(this.scrolledObject.offsetHeight);
     
}

.dScroll a {
    position: absolute;
    width: 15px;
    height: 15px;
    display: block;
    cursor: default;
}

.dScroll .up {
    top: 3px;
    background: url(http://img2.epuls.pl/lay/scroll_arr_up.gif) no-repeat center center;
}

.dScroll .up:hover,
.dScroll .down:hover,
.dScroll .bar:hover {
    background-color: #ddd;
}

.dScroll .down {
    background: url(http://img2.epuls.pl/lay/scroll_arr_down.gif) no-repeat center center;
    bottom: 0;
    left: 0;
    width: 13px;
}

* html .dScroll .down {
    top: 100%;
    margin-top: -13px;
}


.dScroll .bar {
    top: 18px;
    width: 13px;
    height: 13px;
    border: 1px dotted #000;
    background: url(http://img2.epuls.pl/lay/scroll_bar_bg.gif) no-repeat center center;
}