﻿/*********************Bookcase Top Control***************************/
#btMainContainer
{
	width: 100%;
	height: 20px;
}

#btLeft
{
	float: left;
	width: 50px;
	height: 20px;
	background: transparent url("../Images/Bookcase/BookcaseTopLeft.gif") no-repeat top right;
}

#btRight
{
	float: right;
	width: 50px;
	height: 20px;
	background: transparent url("../Images/Bookcase/BookcaseTopRight.gif") no-repeat top left;
}

#btCenter
{
	margin-left: 50px;
	margin-right: 50px;
	height: 20px;
	position:relative;
	background: transparent url("../Images/Bookcase/BookcaseTopCenter.gif") repeat-x top left;
}

/*********************Bookcase Section Separator Control***************************/
#bssMainContainer 
{
	width: 100%;
	height: 24px;
}

#bssLeft 
{
	float: left;
	width: 55px;
	height: 24px;
	background: transparent url("../Images/Bookcase/SectionSeparators/SectionSeparatorLeft.gif") no-repeat top right;
}

#bssRight 
{
	float: right;
	width: 55px;
	height: 24px;
	background: transparent url("../Images/Bookcase/SectionSeparators/SectionSeparatorRight.gif") no-repeat top left;
}

#bssCenter 
{
	position: relative;
	margin-left: 55px;
	margin-right: 55px;
	height: 24px;
	background: transparent url("../Images/Bookcase/SectionSeparators/SectionSeparatorCenter.gif") repeat-x top left;
	text-align: center;
}

/*********************Bookcase Separator Bottom Control***************************/

#bsBottom
{
	width: 100%;
	height: 12px;
}

#bsBottomLeft
{
	float: left;
	width: 55px;
	height: 12px;
	background: transparent url("../Images/Bookcase/SectionSeparators/SectionSeparatorLeft.gif") repeat-y top right;
}

#bsBottomRight 
{
	float: right;
	width: 55px;
	height: 12px;
	background: transparent url("../Images/Bookcase/SectionSeparators/SectionSeparatorRight.gif") repeat-y top left;
}

#bsBottomCenter 
{
	position: relative;
	margin-left: 55px;
	margin-right: 55px;
	height: 12px;
	background: transparent url("../Images/Bookcase/SectionSeparators/SectionSeparatorCenter.gif") repeat top left;
}

/*********************Bookcase Filler Control*************************/

#BookcaseFiller
{
	width: 100%;
	height: 40px;
}

#bfTop
{
	width: 100%;
	height: 3px;
}

	#bfTopLeft 
	{
		float: left;
		width: 58px;
		height: 3px;
		background: transparent url("../Images/Bookcase/Filler/Filler-TopLeft.gif") no-repeat top right;
	}

	#bfTopRight 
	{
		float: right;
		width: 58px;
		height: 3px;
		background: transparent url("../Images/Bookcase/Filler/Filler-TopRight.gif") no-repeat top left;
	}

	#bfTopCenter 
	{
		position: relative;
		margin-left: 58px;
		margin-right: 58px;
		height: 3px;
		background: transparent url("../Images/Bookcase/Filler/Filler-TopCenter.gif") repeat-x top left;
	}
	
#bfExpand
{
	width: 100%;
	height: 34px;
}
	
	#bfExpandLeft
	{
		float: left;
		width: 58px;
		height: 34px;
		background: transparent url("../Images/Bookcase/Filler/Filler-LeftEdge.gif") repeat-y top right;
	}

	#bfExpandRight
	{
		float: right;
		width: 58px;
		height: 34px;
		background: transparent url("../Images/Bookcase/Filler/Filler-RightEdge.gif") repeat-y top left;
	}

	#bfExpandCenter
	{
		position: relative;
		margin-left: 58px;
		margin-right: 58px;
		height: 34px;
		background: transparent url("../Images/WoodPlaque/Wood.gif") repeat top left;
	}
	
#bfBottom
{
	width: 100%;
	height: 3px;
}

	#bfBottomLeft 
	{
		float: left;
		width: 58px;
		height: 3px;
		background: transparent url("../Images/Bookcase/Filler/Filler-BottomLeft.gif") no-repeat top right;
	}

	#bfBottomRight 
	{
		float: right;
		width: 58px;
		height: 3px;
		background: transparent url("../Images/Bookcase/Filler/Filler-BottomRight.gif") no-repeat top left;
	}

	#bfBottomCenter 
	{
		position: relative;
		margin-left: 58px;
		margin-right: 58px;
		height: 3px;
		background: transparent url("../Images/Bookcase/Filler/Filler-BottomCenter.gif") repeat-x top left;
	}

/*********************Bookcase Base Control***************************/
#bbMainContainer
{
	width: 100%;
	height: 21px;
}

#bbLeft
{
	float: left;
	width: 55px;
	height: 21px;
	background: transparent url("../Images/Bookcase/BookcaseBaseLeft.gif") no-repeat bottom right;
}

#bbRight
{
	float: right;
	width: 55px;
	height: 21px;
	background: transparent url("../Images/Bookcase/BookcaseBaseRight.gif") no-repeat bottom left;
}

#bbCenter
{
	margin-left: 55px;
	margin-right: 55px;
	position:relative;
	height: 21px;
	background: transparent url("../Images/Bookcase/BookcaseBaseCenter.gif") repeat-x top left;
}



.bookcaseCleaner
{
	clear:both;
	height:0px;
	width:100%;
	background: transparent;
}

