#slideBars
	{
		height: 500px;
		border: 1px solid #A89F96;
		padding: 1px;
	}
	
	.slideBarsLeft
	{
		border: 1px solid #A89F96;
		border-right-width: 0px;
		background-color: #ECEAE6;
		width: 1px;
	}
	
	.slideBarsRight
	{
		background-color: #A89F96;
		width: 1px;
	}

	.barVerticalEndBorder
	{
		border: 1px solid #A89F96;
		border-width: 1px 0px;
		background-color: #ECEAE6;
		padding: 1px 1px 1px 0px;
		height: 100%;
	}

	.bar
	{
		border: 1px solid #D7D4CC;
		border-width: 0px 1px;
		background-image: url(barBackground.gif);
		width: 22px;
		vertical-align: top;
		height: 100%;
	}

	.barHover
	{
		cursor: pointer;
		cursor: hand;
		border: 1px solid #919191;
		border-width: 0px 1px;
		width: 22px;
		vertical-align: top;
		height: 100%;
		opacity: .85;
		filter: alpha(opacity=85);
		-moz-opacity: .85;
		-khtml-opacity: .85;
	}

	.verticalEnd
	{
		display: block;
	}

	.barIcon
	{
		display: block;
		margin-top: 3px;
		margin-bottom: 6px;
		margin-left: 3px;
	}

	.barText
	{
		display: block;
		margin-left: 4px;
	}

	.header
	{
		border: 1px solid #A89F96;
		border-width: 1px 1px 1px 0px;
		background-color: #ECEAE6;
		height: 23px;
		padding-left: 10px;
		font-size: 10px;
		font-family: verdana;
		font-weight: bold;
		color: #79716A;
		letter-spacing: 0.05em;
	}

	.headerIcon
	{
		vertical-align: -30%;
		margin-right: 7px;
	}

	.contentCell
	{
		border-left: 1px solid #A89F96;
		height: 457px;
		_height: 461px;
		vertical-align: top;
	}

	.contentDiv
	{
		height: 100%;
		overflow: auto;
		padding: 10px;
		color: #93887F;
	}