::-webkit-scrollbar {
		  width: 10px;
		height: 10px;
	} /* this targets the default scrollbar (compulsory) */
	

::-moz-scrollbar {
		  width: 10px;
		height: 10px;
	} /* this targets the default scrollbar (compulsory) */
	
::-webkit-scrollbar-track {
		  background-color: #d6dade;
	} /* the new scrollbar will have a flat appearance with the set background color */

::-moz-scrollbar-track {
		  background-color: #d6dade;
	} /* the new scrollbar will have a flat appearance with the set background color */

::-webkit-scrollbar-thumb {
	background-color: rgba(138, 138, 138, 0.6);
	border-radius: 8px; 
	} /* this will style the thumb, ignoring the track */

::-moz-scrollbar-thumb {
	background-color: rgba(138, 138, 138, 0.6);
	border-radius: 8px; 
	} /* this will style the thumb, ignoring the track */

::-webkit-scrollbar-button {
		  background-color: #d6dade;
	} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */

::-moz-scrollbar-button {
		  background-color: #d6dade;
	} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */


::-webkit-scrollbar-corner {
		  background-color: black;
	} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */	

::-moz-scrollbar-corner {
		  background-color: black;
	} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */	



::-webkit-scrollbar-button:vertical {
    background-color: red;
}

::-moz-scrollbar-button:vertical {
    background-color: red;
}
 
/* Turn on single button up on top, and down on bottom */
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: block;
	  background-color: #d6dade;
}

::-moz-scrollbar-button:start:decrement,
::-moz-scrollbar-button:end:increment {
    display: block;
	  background-color: #d6dade;
}
 
/* Turn off the down area up on top, and up area on bottom */
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
	  background-color: #d6dade;
}

::-moz-scrollbar-button:vertical:start:increment,
::-moz-scrollbar-button:vertical:end:decrement {
    display: none;
	  background-color: #d6dade;
}
 
/* Place The scroll down button at the bottom */
::-webkit-scrollbar-button:vertical:increment {
	background: url(scrollbar/sb-bottom.png) no-repeat;
	background-position: bottom;
	  background-color: #d6dade;
}

/* Place The scroll down button at the bottom */
::-moz-scrollbar-button:vertical:increment {
	background: url(scrollbar/sb-bottom.png) no-repeat;
	background-position: bottom;
	  background-color: #d6dade;
}
 
/* Place The scroll up button at the up */
::-webkit-scrollbar-button:vertical:decrement {
	background: url(scrollbar/sb-top.png) no-repeat;
	background-position: middle;
	  background-color: #d6dade;
}

/* Place The scroll up button at the up */
::-moz-scrollbar-button:vertical:decrement {
	background: url(scrollbar/sb-top.png) no-repeat;
	background-position: middle;
	  background-color: #d6dade;
}