﻿.blueRoundThickBorder_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.
 */

.blueRoundThickBorder_top-left
{
	background: url(../../Images/Panels/blue-round-thick/blue-round-thick_sprite.png) 0 -255px no-repeat; 
	height: 45px;
	width: 45px;
	font-size: 2px;
	float: left;
}

.blueRoundThickBorder_top-right
{
	background: url(../../Images/Panels/blue-round-thick/blue-round-thick_sprite.png) 0 -330px no-repeat; 
	height: 45px;
	width: 45px;
	float: right;
	
	font-size: 2px;
}

.blueRoundThickBorder_bottom-left
{
	background: url(../../Images/Panels/blue-round-thick/blue-round-thick_sprite.png) 0 -30px no-repeat; 
	height: 45px;
	width: 45px;
	float: left;
}

.blueRoundThickBorder_bottom-right
{
	background: url(../../Images/Panels/blue-round-thick/blue-round-thick_sprite.png) 0 -105px no-repeat; 
	height: 45px;
	width: 45px;
	float: right;
}

.blueRoundThickBorder_top
{
	background: url(../../Images/Panels/blue-round-thick/blue-round-thick_sprite.png) 0 -405px repeat-x; 
	height: 45px;
	width: 45px;
	float: left;
}

.blueRoundThickBorder_bottom
{
	background: url(../../Images/Panels/blue-round-thick/blue-round-thick_sprite.png) 0 -180px repeat-x; 
	height: 45px;
	width: 45px;
	float: left;
}

.blueRoundThickBorder_left
{
	background: url(../../Images/Panels/blue-round-thick/blue-round-thick_left.png) 0 0 repeat-y; 
	width: 45px;
	height: 45px;
	float: left;
}

.blueRoundThickBorder_right
{
	background: url(../../Images/Panels/blue-round-thick/blue-round-thick_right.png) 0 0 repeat-y; 
	width: 45px;
	height: 45px;
	float: right;
}
