.scrollgeneric
{
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; 
left: 0;
cursor: default;
}

.vscrollerbase
{
width: 15px;
background: url(../images/flexcroll.png) 0px 0px repeat-y;
cursor: default;
}

.vscrollerbar
{
width: 15px;
background: url(../images/flexcroll.png) -15px 0px repeat-y;
cursor: default;
}

.hscrollerbase
{
height: 15px;
background: url(../images/flexcroll.png) 0px -15px repeat-x;
cursor: default;
}


.hscrollerbar
{
height: 15px;
background: url(../images/flexcroll.png) 0px -30px repeat-x;
cursor: default;
}

.vscrollerbar, .hscrollerbar
{

padding: 10px;
z-index: 2;
cursor: default;
}


.vscrollerbarbeg
{

background: url(../images/flexcroll.png) -45px -30px no-repeat;

width: 15px;
height: 15px !important;
cursor: default;
}


.vscrollerbarend
{

background: url(../images/flexcroll.png) -45px 0px no-repeat;

width: 15px;

height: 15px;

cursor: default;
}


.hscrollerbarbeg
{
background: url(../images/flexcroll.png) -60px -15px no-repeat;
height: 15px;
width: 15px !important;

cursor: default;
}


.hscrollerbarend
{
background: url(../images/flexcroll.png) -30px -15px no-repeat;

height: 15px;

width: 15px;

cursor: default;
}

.scrollerjogbox
{
width: 15px;
height: 15px;
top: auto;
left: auto;

bottom: 0px;
right: 0px;

background: url(../images/flexcroll.png) 0px 0px;

cursor: default;
}


.vscrollerbasebeg
{
background: url(../images/flexcroll.png) -30px -30px no-repeat;
width: 15px;
height: 15px !important;
cursor: default;
}


.vscrollerbaseend
{
background: url(../images/flexcroll.png) -60px -30px no-repeat;
height: 15px;
width: 15px;

cursor: default;
}

.hscrollerbasebeg
{
background: url(../images/flexcroll.png) -60px 0px no-repeat;
height: 15px;
width: 15px !important;

cursor: default;
}

.hscrollerbaseend
{
height: 15px;

width: 15px;

background: url(../images/flexcroll.png) -30px 0px no-repeat;

cursor: default;
}


.scrollerjogbox:hover
{

background: url(../images/flexcroll.png) -45px -15px;

cursor: default;
}