/* 
    Document   : Pane.Scroller
    Created on : 19-Feb-2010, 11:05:50
    Author     : witoldgraca
    Description:
        Purpose of the stylesheet follows.
*/

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

.panelScroller {
    width: 140px;
    height: 300px;
    position: relative;
    overflow: hidden;
}

.panelScroller .inner {
    width: 120px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.panelScroller .inner .iinner {
	margin: 0px 2px;
}

.panelScroller .inner .iinner a{
	font-size: 10px; 
	font-weight: normal;
}


.panelScroller .slidePanel {
    position: absolute;
    top: 5px;
    right: 5px;
    margin-top: 13px;
    height: 264px;
    width: 13px;
    background: white;
}

.panelScroller .slider {
    background: white;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 0px;
    left:0px;
    z-index: 10;
    background: url(../../resources/images/slide.button.png);
}

.panelScroller .slideButtonUp, .panelScroller .slideButtonDown {
    background: white;
    width: 13px;
    height: 13px;
    position: absolute;
    z-index: 11;
}

.panelScroller .slideButtonUp {
    top: -12px;
    left: 0px;
    background: url(../../resources/images/slide.up.png);
}

.panelScroller .slideButtonDown {
    background: url(../../resources/images/slide.down.png);
    top: 264px;
    left: 0px;
}
.gradient {
    /*background: url(../../resources/images/bg.jpg) repeat-x;*/
    background: white;
}