FORM {margin: 0px 0px 0px 0px;}
DIV {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
TD {Font-Family: Verdana; Color: #FFFFFF; Font-Weight: Bold;}
.taskbarItem {background-image: url('/images/Task-Bar-Item-Background.gif'); background-position: top left; background-repeat: no-repeat; height: 29px width: 159px;}
.size4 {Font-Family: Verdana; Font-Size: 16pt;}
.size3 {Font-Family: Verdana; Font-Size: 14pt;}
.size2 {Font-Family: Verdana; Font-Size: 12pt;}
.size1 {Font-Family: Verdana; Font-Size: 9pt;}
.blue2 {Font-Family: Verdana; Color: #00309C; Font-Size: 12pt;}
.blue1 {Font-Family: Verdana; Color: #00309C; Font-Size: 10pt;}
A {
	Color: #CCCCCC; 
	text-decoration: none;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}
A:Hover {
	Color: #FFFF00; 
	text-decoration: none;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}
div.preview { margin: 0 8px 8px 0; }
div.caption { font-size: 10px; color: gray; text-align: center; line-height: 8px; }
img.preview { position: absolute; float:left; }
a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}
.orange-bar .jScrollPaneTrack {
	background: #f60;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(../images/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}
.holder {
	float: left;
	margin: 10px;

}
.scroll-pane {
	width: 140px;
	height: 200px;
	overflow: auto;
	background: #ccc;
	float: left;
}
#pane4 {
	height: 100px;
}