/* gray container */
.contGrayLeft
{
	background: url( "contGrayLeft.jpg" ) 0px 0px;
	background-position: left;
	background-repeat: no-repeat;
	width: 10px;
}
.contGrayLeft div
{
	width: 10px;
	height: 28px;
}

.contGrayMiddle
{
	width: auto;
	background: url( "contGrayMiddle.jpg" ) 0px 0px;
	background-repeat: repeat-x;
	font-weight: bold;
	font-size:14px;
	vertical-align: middle;
	text-align: left;
	color: White;
}
.contGrayRight
{
	background: url( "contGrayRight.jpg" ) 0px 0px;
	background-position: right;
	background-repeat: no-repeat;
	width: 10px;
}
.contGrayRight div
{
	width: 10px;
	height: 28px;
}

.contGrayContent
{
	width: 100;
	border-width: 1px;
	border-style: solid;
	background-color: #F8F8F8;
	border-color: #CCCCCC;
	padding: 5px;
}


/* blue container */
.contBlueLeft
{
	background: url( "contBlueLeft.jpg" ) 0px 0px;
	background-position: left;
	background-repeat: no-repeat;
	width: 10px;
}
.contBlueLeft div
{
	width: 10px;
	height: 28px;
}

.contBlueMiddle
{
	width: auto;
	background: url( "contBlueMiddle.jpg" ) 0px 0px;
	background-repeat: repeat-x;
	font-weight: bold;
	font-size:14px;
	vertical-align: middle;
	text-align: left;
	color: White;
}
.contBlueRight
{
	background: url( "contBlueRight.jpg" ) 0px 0px;
	background-position: right;
	background-repeat: no-repeat;
	width: 10px;
}
.contBlueRight div
{
	width: 10px;
	height: 28px;
}

.contBlueContent
{
	width: 100;
	border-width: 1px;
	border-style: solid;
	background-color: #EDF5F8;
	border-color: #A4D9E9;
	padding: 5px;
}