/* Scroll Bar Master Styling Starts Here */
/* 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:13px;
  }

.vscrollerbar 
{

  background-image: url(images/scrollhandle2.png);
  width: 8px;
  /* following is the bit that allows us fixed height scrollbars */
  height: 34px !important;
  /* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/

  background-image: url(images/scrollhandle2.png);

  /* 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.*/
  cursor:pointer;
  }
* html div.vscrollerbar /* für den IE6 and 5 */
{
  border-right:4px solid white;
  width:2px;
  height:20px !important;
  }

* 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/scrollhandle2.png');

  background-image: none;

  }

/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */

.hscrollerbase 
{
  height: 0px;

  }

.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: 8px;
  z-index: 2;
  margin-left:2px; 
  }


/* Scroll Bar Master Styling Ends Here */

#customScroller 
{
  /* Typical fixed height and fixed width example */

  width: 490px;
  height: 165px;
  overflow: auto;
  left:277px;
  top:480px;

  /* IE overflow fix, position must be relative or absolute*/

  position: absolute;

  margin: 0em auto;

  }

#customScrollerImage
{
  /* Typical fixed height and fixed width example */

  width: 490px;
  height: 185px;
  overflow: auto;
  left:277px;
  top:480px;

  /* IE overflow fix, position must be relative or absolute*/

  position: absolute;

  margin: 0em auto;

  }