.scroll::-webkit-scrollbar {width: 10px; height: 10px;}
.scroll::-webkit-scrollbar-button {width: 10px; height: 10px;}
.scroll::-webkit-scrollbar-thumb {background-image: linear-gradient(to bottom, orange, purple, orange); border: 1px solid #000000; border-radius: 50px;} 
.scroll::-webkit-scrollbar-thumb:hover {background-image: linear-gradient(to bottom, purple, orange, purple)} 
.scroll::-webkit-scrollbar-thumb:active {background-image: linear-gradient(to bottom, red, white, red)} 
.scroll::-webkit-scrollbar-track {background: #494949; border: 1px solid black; border-radius: 50px;} 
.scroll::-webkit-scrollbar-track:hover {background: #494949;} 
.scroll::-webkit-scrollbar-track:active {background: #000;} 
.scroll::-webkit-scrollbar-corner {background: transparent;}

.scroll::-webkit-scrollbar-button:vertical:increment {
    background-image: url(d-arrow.png);}
.scroll::-webkit-scrollbar-button:vertical:decrement {
    background-image: url(u-arrow.png);}

div.scrollmenu {max-height: 470px; max-width: 120px; 
  overflow: auto;
  white-space: nowrap;
  border: 1px solid transparent;
  padding: 2px;
  border-image: url(tiles-bg.jpg) 1% stretch;
 border-bottom: none}

div.scrollmenu a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 0 3px 5px 0;}