#scroll_grey {
	background-color: #E7EADE;
	width: 95%;
	background: url(images/artistlist_bg.gif);
	height: 250px;
	overflow: auto;
	margin: 0.3em;
	padding: 0.5em;
	border: 4px solid #410000;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
}

#scroll_grey {
width: 95%;
height: 250px;
right: 0.8em;
background-color: #EEE;
border-width:0;
}

.aligntocenter {
margin: 0.5em auto;
border: 2px solid #A22;
width: 95%;
position: relative;
height: 500px;
}

.fixedsize {
width: 400px;
height: auto;
position: relative;
color: black;
padding: 1px;
}

#scroll_grey ul {
font-size: 10pt;
margin:0.1em 0.3em;
width: auto;
}

#scroll_grey li li {
font-size: 9pt;
margin: 0;
}

/* general page style ends here */

/* Scroll Bar Master Styling Starts Here */

.scrollgeneric
{
line-height: 1px;
font-size: 1px;
position: absolute;
}

.vscrollerbase, .vscrollerbar {
width: 15px;
top: 0px;
}

.vscrollerbar {
left: 0px;
}

.hscrollerbase, .hscrollerbar {
height: 15px;
left: 0px;

}


.hscrollerbar {
top: 0px;
}

.vscrollerbar, .hscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the padding will automatically be turned off by the script*/
padding: 15px;
z-index: 2;
}

.vscrollerbarbeg {
/*top image holder for vertical scroll bar*/
background: url(scroll/vscrolle.png) 0px -10px;
width: 15px;
height: auto;
top: 0px;
}

.vscrollerbarend {
/*bottom image holder for vertical scroll bar*/
background: url(scroll/vscrolle.png);
width: 15px;
height: 10px;
}

.hscrollerbarbeg {
background: url(scroll/hscrolle.png) -10px 0px;
height: 15px;
width: auto;
left: 0;
}

.hscrollerbarend {
background: url(scroll/hscrolle.png);
height: 15px;
width: 10px;
}

/* Following are OPTIONAL */

.vscrollerbase, .hscrollerbase {
background-color: #D1DDCB;
background-image: url(scroll/scrollba.png);

}

.hscrollerbasebeg {
left: 0px;
top: 0px;
height: 15px;
background: url(scroll/scrollbb.png) -22px 0px no-repeat;
}

.hscrollerbaseend {
top: 0px;
height: 15px;
width: 7px;
background: url(scroll/scrollbb.png) 0% 0% no-repeat;
}

.vscrollerbasebeg {
top: 0px;
width: 15px;
background: url(scroll/scrollbb.png) -7px -8px no-repeat;
}

.vscrollerbaseend {
height: 7px;
width: 15px;
background: url(scroll/scrollbb.png) -7px 0px no-repeat;
}

.scrollerjogbox {
width: 15px;
height: 15px;
bottom: 0px;
right: 0px;
background: white url(scroll/scrolljo.png) 50% 50%;
}


/* Scroll Bar Master Styling Ends Here */

/* Extra sample styles */
#scroll_grey .vscrollerbarbeg {
background: url(scroll/vscrollf.png) 0px -15px;
width: 18px;
height: auto;
}

#scroll_grey .vscrollerbarend {
background: url(scroll/vscrollf.png);
width: 18px;
height: 15px;
}

#scroll_grey .vscrollerbase {
width: 18px;
background: #787878 none;
}

#scroll_grey .vscrollerbar {
width: 19px;
height: 14px;
background: url(scroll/scrollbb.png) -0px 0px no-repeat;
}

#scroll_grey .vscrollerbasebeg {
width: 19px;
height: 14px;
background: url(scroll/scrollbb.png) -0px -14px no-repeat;
}

#scroll_grey .vscrollerbaseend {
width: 19px;
height: 14px;
background: url(scroll/scrollbb.png) 0px 0px no-repeat;
}



#scroll_grey1 {
	background-color: #E7EADE;
	width: 95%;
	background: url(images/artistlist_bg.gif);
	height: 250px;
	overflow: auto;
	margin: 0.3em;
	padding: 0.5em;
	border: 4px solid #410000;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
}

#scroll_grey1 {
width: 95%;
height: 250px;
right: 0.8em;
background-color: #EEE;
border-width:0;
}

#scroll_grey1 ul {
font-size: 10pt;
margin:0.1em 0.3em;
width: auto;
}

#scroll_grey1 li li {
font-size: 9pt;
margin: 0;
}
/* Extra sample styles */
#scroll_grey1 .vscrollerbarbeg {
background: url(scroll/vscrollf.png) 0px -15px;
width: 18px;
height: auto;
}

#scroll_grey1 .vscrollerbarend {
background: url(scroll/vscrollf.png);
width: 18px;
height: 15px;
}

#scroll_grey1 .vscrollerbase {
width: 18px;
background: #787878 none;
}

#scroll_grey1 .vscrollerbar {
width: 19px;
height: 14px;
background: url(scroll/scrollbb.png) -0px 0px no-repeat;
}

#scroll_grey1 .vscrollerbasebeg {
width: 19px;
height: 14px;
background: url(scroll/scrollbb.png) -0px -14px no-repeat;
}

#scroll_grey1 .vscrollerbaseend {
width: 19px;
height: 14px;
background: url(scroll/scrollbb.png) 0px 0px no-repeat;
}

#scroll_grey2 {
	background-color: #E7EADE;
	width: 95%;
	background: url(images/artistlist_bg.gif);
	height: 250px;
	overflow: auto;
	margin: 0.3em;
	padding: 0.5em;
	border: 4px solid #410000;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
}

#scroll_grey2 {
width: 95%;
height: 250px;
right: 0.8em;
background-color: #EEE;
border-width:0;
}

#scroll_grey2 ul {
font-size: 10pt;
margin:0.1em 0.3em;
width: auto;
}

#scroll_grey2 li li {
font-size: 9pt;
margin: 0;
}
/* Extra sample styles */
#scroll_grey2 .vscrollerbarbeg {
background: url(scroll/vscrollf.png) 0px -15px;
width: 18px;
height: auto;
}

#scroll_grey2 .vscrollerbarend {
background: url(scroll/vscrollf.png);
width: 18px;
height: 15px;
}

#scroll_grey2 .vscrollerbase {
width: 18px;
background: #787878 none;
}

#scroll_grey2 .vscrollerbar {
width: 19px;
height: 14px;
background: url(scroll/scrollbb.png) -0px 0px no-repeat;
}

#scroll_grey2 .vscrollerbasebeg {
width: 19px;
height: 14px;
background: url(scroll/scrollbb.png) -0px -14px no-repeat;
}

#scroll_grey2 .vscrollerbaseend {
width: 19px;
height: 14px;
background: url(scroll/scrollbb.png) 0px 0px no-repeat;
}

#scroll_grey3 {
	background-color: #E7EADE;
	width: 95%;
	background: url(images/artistlist_bg.gif);
	height: 250px;
	overflow: auto;
	margin: 0.3em;
	padding: 0.5em;
	border: 4px solid #410000;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
}

#scroll_grey3 {
width: 95%;
height: 250px;
right: 0.8em;
background-color: #EEE;
border-width:0;
}

#scroll_grey3 ul {
font-size: 10pt;
margin:0.1em 0.3em;
width: auto;
}

#scroll_grey3 li li {
font-size: 9pt;
margin: 0;
}
/* Extra sample styles */
#scroll_grey3 .vscrollerbarbeg {
background: url(scroll/vscrollf.png) 0px -15px;
width: 18px;
height: auto;
}

#scroll_grey3 .vscrollerbarend {
background: url(scroll/vscrollf.png);
width: 18px;
height: 15px;
}

#scroll_grey3 .vscrollerbase {
width: 18px;
background: #787878 none;
}

#scroll_grey3 .vscrollerbar {
width: 19px;
height: 14px;
background: url(scroll/scrollbb.png) -0px 0px no-repeat;
}

#scroll_grey3 .vscrollerbasebeg {
width: 19px;
height: 14px;
background: url(scroll/scrollbb.png) -0px -14px no-repeat;
}

#scroll_grey3 .vscrollerbaseend {
width: 19px;
height: 14px;
background: url(scroll/scrollbb.png) 0px 0px no-repeat;
}

#scroll_grey4 {
	background-color: #E7EADE;
	width: 95%;
	height: 275px;
	background: url(images/artistlist_bg.gif);
	overflow: auto;
	border: 4px solid #410000;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	border-width:0;
}



#scroll_grey4 ul {
font-size: 10pt;
margin:0.1em 0.3em;
width: auto;
}

#scroll_grey4 li li {
font-size: 9pt;
margin: 0;
}
/* Extra sample styles */
#scroll_grey4 .vscrollerbarbeg {
background: url(scroll/vscrollf.png) 0px -15px;
width: 18px;
height: auto;
}

#scroll_grey4 .vscrollerbarend {
background: url(scroll/vscrollf.png);
width: 18px;
height: 15px;
}

#scroll_grey4 .vscrollerbase {
width: 18px;
background: #787878 none;
}

#scroll_grey4 .vscrollerbar {
width: 19px;
height: 14px;
background: url(scroll/scrollbb.png) -0px 0px no-repeat;
}

#scroll_grey4 .vscrollerbasebeg {
width: 19px;
height: 14px;
background: url(scroll/scrollbb.png) -0px -14px no-repeat;
}

#scroll_grey4 .vscrollerbaseend {
width: 19px;
height: 14px;
background: url(scroll/scrollbb.png) 0px 0px no-repeat;
}


#thumbnail_strip {
width: 260px;
height: 330px;
overflow: auto;
margin: 0.3em;
padding: 0.5em;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
}

#thumbnail_strip {
width: 97%;
height: 100px;
border-width: 0px;
}

#thumbnail_strip .hscrollerbarbeg {
background: url(scroll/hscrollf.png) -9px 0px;
height: 9px;
}

#thumbnail_strip .hscrollerbarend {
/*bottom image holder for vertical scroll bar*/
background: url(scroll/hscrollf.png);
height: 9px;
width: 9px;
}

#thumbnail_strip .hscrollerbase {
height: 9px;
background: white none;
}

#thumbnail_strip .hscrollerbasebeg, #thumbnail_strip .hscrollerbaseend {
border: 3px solid #63615A;
height: 5px;
background-image: none;
background-color: #EEE;
top: 2px;
}

#thumbnail_strip .hscrollerbaseend{
border-width: 0;
background-color: #63615A;
height: 5px;
width: 12px;
}

#thumbnail_strip .hscrollerbasebeg{
border-width: 0px 0px 0px 5px;
}

#thumbnail_strip .hscrollerbar {
background-color: #8F9793;
padding: 3px;
}

<!--[if IE 6]>
/* following is only needed if you are using alpha png images, if not, IE6 can use the same CSS for images.
The images for IE6 has to be seperated as filter:alphaimage loader does not support image positioning.
You can use the same seperated images for more advanced browsers, but to minimize http calls, merging them
is a good practice so advanced browsers will benefit from this.
IE7 will hopefully come with proper png support, so it is not included in this conditional comment.
*/

.vscrollerbarbeg {
/*top image holder for vertical scroll bar*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/web/images/vscrollertop.png');
background-image: none;
}

.vscrollerbarend {
/*bottom image holder for vertical scroll bar*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/web/images/vscrollerbot.png');
background-image: none;
}

.hscrollerbarbeg {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/web/images/hscrollersin.png');
background-image: none;
}

.hscrollerbarend {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/web/images/hscrollerdex.png');
background-image: none;
}

.vscrollerbasebeg {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/web/images/vscrollbasetop.png');
background-image: none;
}

.vscrollerbaseend {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/web/images/vscrollbasebot.png');
background-image: none;
}

.hscrollerbasebeg {
/*top image holder for vertical scroll bar*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/web/images/hscrollbasesin.png');
background-image: none;
}

.hscrollerbaseend {
/*top image holder for vertical scroll bar*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/web/images/hscrollbasedex.png');
background-image: none;
}

/* scroll_grey and thumbnail_strip boxes does not need filters, no multibit alpha pngs there. */
#scroll_grey, #scroll_grey div, #thumbnail_strip, #thumbnail_strip div {
filter: none !important;
}

<![endif]-->