.blueRoundThinBorder_content
{
	background-color: White;
	float: left;
}

/* This css border uses a single image and slices it by position. Also known as spriting 
   (Using a Sprite in CSS)
   The reasoning behind this is it optimizes the image download greatly by downloading
   only one image instead of many.
 */

.blueRoundThinBorder_top-left
{
	background: url(../../Images/Panels/blue-round-thin/blue-round-thin_sprite.png) 0 -174px no-repeat; 
	height: 18px;
	width: 18px;
	font-size: 2px;
	float: left;
}

.blueRoundThinBorder_top-right
{
	background: url(../../Images/Panels/blue-round-thin/blue-round-thin_sprite.png) 0 -222px no-repeat; 
	height: 18px;
	width: 18px;
	float: right;
	
	font-size: 2px;
}

.blueRoundThinBorder_bottom-left
{
	background: url(../../Images/Panels/blue-round-thin/blue-round-thin_sprite.png) 0 -30px no-repeat; 
	height: 18px;
	width: 18px;
	float: left;
}

.blueRoundThinBorder_bottom-right
{
	background: url(../../Images/Panels/blue-round-thin/blue-round-thin_sprite.png) 0 -78px no-repeat; 
	height: 18px;
	width: 18px;
	float: right;
}

.blueRoundThinBorder_top
{
	background: url(../../Images/Panels/blue-round-thin/blue-round-thin_sprite.png) 0 -270px repeat-x; 
	background-repeat:repeat-x; 
	height: 18px;
	width: 18px;
	float: left;
}

.blueRoundThinBorder_bottom
{
	background: url(../../Images/Panels/blue-round-thin/blue-round-thin_sprite.png) 0 -126px repeat-x; 
	background-repeat:repeat-x; 
	height: 18px;
	width: 18px;
	float: left;
}

.blueRoundThinBorder_left
{
	background-image: url(../../Images/Panels/blue-round-thin/blue-round-thin_left.png);
	background-repeat:repeat-y; 
	width: 18px;
	float: left;
}

.blueRoundThinBorder_right
{
	background-image: url(../../Images/Panels/blue-round-thin/blue-round-thin_right.png);
	background-repeat:repeat-y; 
	width: 18px;
	float: right;
}