/* The Main Content Area Container Divs support
   the use of a background image that will expand horizontally
    
 */
.maincontentareaoutercontainer
{
	display: inline-block;
	width: 996px;
	background-image: url(/Images/blueleftredright3.gif);
	background-repeat: repeat-y;
}

.maincontentareainnercontainer
{
	float: left;
	width: 796px;
	background-color: Transparent;
}

.contentareaoutercontainer
{
	display: inline-block;
	width: 996px;
	background-image: url(/Images/whitegraylinesblankright.gif);
	background-repeat: repeat-y;
	padding-bottom: 10px;
}

.contentareainnercontainer
{
	float: left;
	width: 796px;
}


.mainfeatureareaimagecontainer
{
	display: inline-block;
	width: 996px;
}

.mainfeaturearea
{
	padding-top: 3px;
	padding-bottom: 3px;
	width: 667px;
	height: 150px;
}

.mainfeatureareaimage
{
	float: left;
	width: 326px;
	height: 150px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.mainfeaturearea .mainfeatureareabackground
{
	background-repeat: no-repeat;
	width: 670px;
	height: 100%;
}

.mainfeaturearea .title
{
	display: block;
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 30px;
	font-size: large;
	font-weight: bold;
	color: #002D62;
}

.mainfeaturearea .highlight
{
	font-size: x-large;
	color: #009999;
}

.mainfeaturearea .subtext
{
	display: block;
	color: #5A6E8F;
	padding-left: 30px;
	padding-top: 10px;
	padding-right: 30px;
	font-size: medium;
}


/* Main Content Area 1 */
.maincontentarea1
{
	float: left;
	width: 326px;
}

.maincontentarea1 .maincontentarea1background
{
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}


.maincontentarea1 .imgfloatingleft
{
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	float: left;
}

.maincontentarea1 .title
{
	display: block;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 5px;
}

.maincontentarea1 .titleleft
{
	font-size: large;
	font-weight: bold;
	color: #C8C8C8;
}

.maincontentarea1 .titleright
{
	font-size: large;
	font-weight: bold;
	color: #FFFFFF;
}

.maincontentarea1 .heading
{
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	color: #FFFFFF;
	font-size: small;
	font-weight: bold;
}

.maincontentarea1 .heading A
{
	color: #FFFFFF;
	font-weight: bold;
}

.maincontentarea1 .summary
{
	display: block;
	color: #FFFFFF;
	font-size: smaller;
	margin-right: 2px;
	padding-right: 5px;
}

.maincontentarea1 .summary A
{
	color: #FFFFFF;
}


/* Main Content Area 2 */
.maincontentarea2
{
	padding-bottom: 10px;
	float: right;
	width: 470px;
}

.maincontentarea2 .imgfloatingleft
{
	padding-left: 30px;
	padding-right: 5px;
	padding-top: 10px;
	float: left;
}

.maincontentarea2 .title
{
	display: block;
	padding-top: 5px;
	padding-left: 30px;
	padding-right: 5px;
}

.maincontentarea2 .titleleft
{
	font-size: large;
	font-weight: bold;
	color: #7f7f80;
}

.maincontentarea2 .titleright
{
	font-size: large;
	font-weight: bold;
	color: #FFFFFF;
}

.maincontentarea2 .heading
{
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: small;
}

.maincontentarea2 .heading A
{
	color: #FFFFFF;
	font-weight: bold;
}

.maincontentarea2 .summary
{
	display: block;
	color: #FFFFFF;
	font-size: smaller;
	padding-right: 5px;
}

.maincontentarea2 .summary A
{
	color: #FFFFFF;
}


/*  */
.featureareainnercontainer
{
	display: inline-block;
	margin-left: 0px;
	margin-right: 0px;
	float: left;
	width: 795px;
	background-color: #ffffff;
}

.featureareaoutercontainer
{
	display: inline-block;
	width: 996px;
	background-image: url(../../Images/whiteblueright2.gif);
	background-repeat: repeat-y;
}


/* Feature Area 1 */
.featurearea1
{
	float: right;
	width: 200px;
}

.featurearea1 .title
{
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 10px;
}

.featurearea1 .title
{
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 10px;
}

.featurearea1 .titleleft
{
	font-size: large;
	font-weight: bold;
	color: #EED8F4;
}

.featurearea1 .titleright
{
	font-size: large;
	font-weight: bold;
	color: #FFFFFF;
}

.featurearea1 .heading
{
	display: block;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 5px;
	color: #FFFFFF;
	font-size: small;
	font-weight: bold;
}

.featurearea1 .heading A
{
	color: #FFFFFF;
	font-weight: bold;
}

.featurearea1 .summary
{
	display: block;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 5px;
	font-size: smaller;
}

.featurearea1 .summary A
{
	color: #FFFFFF;
}


/* Content Area 1 */
.contentarea1
{
	padding-top: 12px;
	display: block;
	float: left;
	width: 326px;
}

.contentarea1 .imgfloatingleft
{
	display: block;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 12px;
	padding-bottom: 5px;
	float: left;
}

.contentarea1 .heading
{
	color: #000000;
	font-weight: bold;
	font-size: small;
	padding-top: 10px;
	padding-right: 5px;
}

.contentarea1 .heading A
{
	color: #000000;
	text-decoration: none;
}

.contentarea1 .summary
{
	display: block;
	color: #000000;
	font-size: smaller;
	padding-right: 5px;
}

.contentarea1 .summary A
{
	color: #000000;
}



/* Content Area 2 */
.contentarea2
{
	padding-top: 12px;
	display: block;
	float: right;
	width: 470px;
}

.contentarea2 .imgfloatingleft
{
	display: block;
	padding-left: 30px;
	padding-right: 5px;
	padding-top: 12px;
	padding-bottom: 5px;
	float: left;
}

.contentarea2 .heading
{
	color: #000000;
	font-weight: bold;
	font-size: small;
	padding-top: 10px;
	padding-right: 5px;
}

.contentarea2 .heading A
{
	color: #000000;
	text-decoration: none;
}

.contentarea2 .summary
{
	display: block;
	color: #000000;
	font-size: smaller;
	padding-right: 5px;
}

.contentarea2 .summary A
{
	color: #000000;
}


/* Feature Area 2 */
.featurearea2
{
	padding-top: 25px;
	background-color: #ffffff;
	float: right;
	width: 200px;
}

.featurearea2 A
{
	color: Black;
}


/* Feature Area 4 */
.featurearea4
{
	float: left;
	width: 795px;
}

.featurearea4 .title
{
	display: block;
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 5px;
	font-size: x-large;
	color: #868686;
	border-top: solid 1px #868686;
}


.featurearea4 .highlight
{
	font-size: x-large;
	color: #009999;
}

.featurearea4 .subtext
{
	display: block;
	color: #868686;
	padding-left: 30px;
	padding-right: 5px;
	padding-top: 10px;
	font-size: small;
}

/* Feature Area 3 */
.featurearea3
{
	float: right;
	width: 200px;
	padding-bottom: 5px;
}

.featurearea3 .title
{
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 10px;
}

.featurearea3 .titleleft
{
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
}

.featurearea3 .titleright
{
	font-size: medium;
	font-weight: bold;
	color: #A9B5C9;
}

.featurearea3 .heading
{
	display: block;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 5px;
	font-weight: bold;
	font-size: small;
}

.featurearea3 .heading A
{
	color: #FFFFFF;
	font-weight: bold;
}

.featurearea3 .summary
{
	display: block;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 5px;
	font-size: smaller;
}

.featurearea3 .summary A
{
	color: #FFFFFF;
}

.imageleftspan
{
	float: left;
}

.clientsidefooter
{
	display: none;
	visibility: hidden;
}

.total,
.totalGrand
{
	padding-top:2px;
	font-weight: bold;
	width: 100%;	
}

.totalGrand
{
	padding-bottom:2px;
	background-color:#E8EEF6; 	
}

.totalValue
{
	padding-top:2px;
	padding-left: 10px;
	padding-right: 2px;
	width: 150px;
}

.button
{
	color: #000000;
	font-family: Verdana, Arial;
	font-size: 7.55pt;
	background-color: #ebeef6;
}

.daterange
{
	/*border-top: solid 1px #919b9c;*/	
}

.msxray
{
	/*border-top: solid 1px #919b9c;*/
}