/* Scroll Bar Master Style Starts Here-------------22-10-08----*/
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;


 
}

.vscrollerbase {
width:14px;
background:url(../images/ScrollBar_routing.gif);
 margin-right:3px;

}
/**************
               commented the ie-browser specification style(gif.image)// on--31-10-2008
**************/
.vscrollerbar {
background:url(../images/ScrollBarBtn.png) no-repeat;
/*-background:url(../images/ScrollBarBtn.gif) no-repeat;*/

width: 14px;
/* following is the bit that allows us fixed height scrollbars */
height: 23px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/


/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}
/**************
               included style for the  jerking and hour-glass issue in ie-browsers// on--31-10-2008
**************/
* html .vscrollerbar {

           /* IE6 alpha png trick */
          /* IE7 is not affected by this trick, as it perfectly handles the normal png */

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../images/ScrollBarBtn.png');
background-image: none;
}
/*************Ends here*********************/

/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them 
.hscrollerbase {height: 22px;}
.hscrollerbar {height: 22px; background-color: #84ADD6;}*/

.vscrollerbar {/* , .hscrollerbar*/
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 10px	;
z-index: 2;
}

/* properties for scroller jog box, just in case 
/*.scrollerjogbox {
width: 22px;
height: 22px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #698AAA;
}*/


/* Scroll Bar Master Style Ends Here */

/*---The scrollbar (The bar between the up and down arrow )----------------22-10-08----*/
   #scrolldiv_scrollbar{
      width:15px;
      height:280px;   /* Total height - 40 pixels */
      border:1px solid #ccc;
      position:relative;
      
   }

 
    #scrolldiv_scrollUp{
      margin-bottom:2px;
      margin-top: 5px;
   }
   #scrolldiv_scrollDown{
      margin-top:2px;
   }
   #scrolldiv_scrollDown span,#scrolldiv_scrollUp span{
      font-family: Symbol;
   }
/*---The scrollbar (The bar between the up and down arrow ) Style ends here----------------22-10-08----*/