/*
 * Vertical scrollbar (for the Band / DJ dropdown).
 */

.scrollbar-vertical			{ width: 17px; padding: 2px 0; background: white; position: absolute; right: 8px; bottom: 11px; }
.scrollbar-vertical .scrollbar-top
							{ width: 17px; height: 3px; position: absolute; top: 0px; left: 0px;
							  background: url(../images/scrollbar_bg_top.gif) no-repeat left top; }
.scrollbar-vertical .scrollbar-bottom
							{ width: 17px; height: 3px; position: absolute; bottom: 0px; left: 0px;
							  background: url(../images/scrollbar_bg_bottom.gif) no-repeat left bottom; }
							  
.scrollbar-vertical .knob	{ width: 14px; margin-left: 1px; background: black; position: relative; }
.scrollbar-vertical .knob-top
							{ width: 14px; height: 3px; position: absolute; top: 0px; left: 0px;
							  background: url(../images/scrollbar_knob_bg_top.gif) no-repeat top left; }
.scrollbar-vertical .knob-bottom
							{ width: 14px; height: 3px; position: absolute; bottom: 0px; left: 0px;
							  background: url(../images/scrollbar_knob_bg_bottom.gif) no-repeat bottom left; }
							  
/*
 * Horizontal scrollbar (for the photo blogs).
 */

.scrollbar-horizontal		{ height: 15px; margin-top: 8px; padding: 0 2px; background: #ccc; position: relative; }
/*.scrollbar-horizontal .scrollbar-top
							{ width: 4px; height: 17px; position: absolute; top: 0px; left: 0px;
							  background: url(../images/scrollbar_vertical_bg_top.gif); }*/
/*.scrollbar-horizontal .scrollbar-bottom
							{ width: 4px; height: 17px; position: absolute; top: 0px; right: 0px;
							  background: url(../images/scrollbar_vertical_bg_bottom.gif); }*/
							  
.scrollbar-horizontal .knob	{ height: 11px; top: 2px; background: white; position: relative; }
.scrollbar-horizontal .knob-top
							{ width: 2px; height: 11px; position: absolute; top: 0px; left: 0px;
							  background: url(../images/scrollbar_vertical_knob_bg_top.gif) no-repeat top left; }
.scrollbar-horizontal .knob-bottom
							{ width: 2px; height: 11px; position: absolute; top: 0px; right: 0px;
							  background: url(../images/scrollbar_vertical_knob_bg_bottom.gif) no-repeat top right; }


/* CSS specific to IE6 and below. Shift the knobs one pixel to the right, due to right / bottom positioning not working correctly for odd-sized elements. */
/*\*/ * html .scrollbar-vertical .knob-bottom
							{ bottom: -1px; } /**/

/*\*/ * html .scrollbar-vertical .scrollbar-bottom
							{ bottom: -1px; } /**/

/*\*/ * html .scrollbar-horizontal .knob-bottom
							{ right: -1px; } /**/