/* Master Style Sheet */
.hasLayout {
	/*zoom: 1;*/
}
.hasLayout:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}

.fleft {float: left;}
.fright {float: right;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.none {display: none;}
.block {display: block;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.clear {clear: both;}

body { 
	margin: 0px auto; font-family: arial, verdana; font-size: 14px;
}


a {
	text-decoration: underline;
	font-weight: normal;
	color: #0000FF;
}

img {
	border-width: 0px;
}

/* Offsets */
.offset5 {margin: 5px;}
.offset10 {margin: 10px;}
.offset15 {margin: 15px;}
.offset20 {margin: 20px;}
.offset25 {margin: 25px;}
.offset30 {margin: 30px;}
.offset35 {margin: 35px;}
.offset40 {margin: 40px;}
.offset45 {margin: 45px;}
.offset50 {margin: 50px;}

.offsetLeft5 {margin-left: 5px;}
.offsetLeft10 {margin-left: 10px;}
.offsetLeft15 {margin-left: 15px;}
.offsetLeft20 {margin-left: 20px;}
.offsetLeft25 {margin-left: 25px;}
.offsetLeft30 {margin-left: 30px;}
.offsetLeft35 {margin-left: 35px;}
.offsetLeft40 {margin-left: 40px;}
.offsetLeft45 {margin-left: 45px;}
.offsetLeft50 {margin-left: 50px;}

.offsetTop5 {margin-top: 5px;}
.offsetTop10 {margin-top: 10px;}
.offsetTop15 {margin-top: 15px;}
.offsetTop20 {margin-top: 20px;}
.offsetTop25 {margin-top: 25px;}
.offsetTop30 {margin-top: 30px;}
.offsetTop35 {margin-top: 35px;}
.offsetTop40 {margin-top: 40px;}
.offsetTop45 {margin-top: 45px;}
.offsetTop50 {margin-top: 50px;}

.offsetBottom5 {margin-bottom: 5px;}
.offsetBottom10 {margin-bottom: 10px;}
.offsetBottom15 {margin-bottom: 15px;}
.offsetBottom20 {margin-bottom: 20px;}
.offsetBottom25 {margin-bottom: 25px;}
.offsetBottom30 {margin-bottom: 30px;}
.offsetBottom35 {margin-bottom: 35px;}
.offsetBottom40 {margin-bottom: 40px;}
.offsetBottom45 {margin-bottom: 45px;}
.offsetBottom50 {margin-bottom: 50px;}

.offsetRight5 {margin-right: 5px;}
.offsetRight10 {margin-right: 10px;}
.offsetRight15 {margin-right: 15px;}
.offsetRight20 {margin-right: 20px;}
.offsetRight25 {margin-right: 25px;}
.offsetRight30 {margin-right: 30px;}
.offsetRight35 {margin-right: 35px;}
.offsetRight40 {margin-right: 40px;}
.offsetRight45 {margin-right: 45px;}
.offsetRight50 {margin-right: 50px;}

/* Padding */
.padding5 {padding: 5px;}
.padding10 {padding: 10px;}
.padding15 {padding: 15px;}
.padding20 {padding: 20px;}
.padding25 {padding: 25px;}
.padding30 {padding: 30px;}
.padding35 {padding: 35px;}
.padding40 {padding: 40px;}
.padding45 {padding: 45px;}
.padding50 {padding: 50px;}

.paddingLeft5 {padding-left: 5px;}
.paddingLeft10 {padding-left: 10px;}
.paddingLeft15 {padding-left: 15px;}
.paddingLeft20 {padding-left: 20px;}
.paddingLeft25 {padding-left: 25px;}
.paddingLeft30 {padding-left: 30px;}
.paddingLeft35 {padding-left: 35px;}
.paddingLeft40 {padding-left: 40px;}
.paddingLeft45 {padding-left: 45px;}
.paddingLeft50 {padding-left: 50px;}

.paddingTop5 {padding-top: 5px;}
.paddingTop10 {padding-top: 10px;}
.paddingTop15 {padding-top: 15px;}
.paddingTop20 {padding-top: 20px;}
.paddingTop25 {padding-top: 25px;}
.paddingTop30 {padding-top: 30px;}
.paddingTop35 {padding-top: 35px;}
.paddingTop40 {padding-top: 40px;}
.paddingTop45 {padding-top: 45px;}
.paddingTop50 {padding-top: 50px;}

.paddingBottom5 {	padding-bottom: 5px;}
.paddingBottom10 {padding-bottom: 10px;}
.paddingBottom15 {padding-bottom: 15px;}
.paddingBottom20 {padding-bottom: 20px;}
.paddingBottom25 {padding-bottom: 25px;}
.paddingBottom30 {padding-bottom: 30px;}
.paddingBottom35 {padding-bottom: 35px;}
.paddingBottom40 {padding-bottom: 40px;}
.paddingBottom45 {padding-bottom: 45px;}
.paddingBottom50 {padding-bottom: 50px;}

.paddingRight5 {padding-right: 5px;}
.paddingRight10 {padding-right: 10px;}
.paddingRight15 {padding-right: 15px;}
.paddingRight20 {padding-right: 20px;}
.paddingRight25 {padding-right: 25px;}
.paddingRight30 {padding-right: 30px;}
.paddingRight35 {padding-right: 35px;}
.paddingRight40 {padding-right: 40px;}
.paddingRight45 {padding-right: 45px;}
.paddingRight50 {padding-right: 50px;}

.borderTRBL {
	border: 1px solid #000000;
}
.borderTRB {
	border: 1px solid #000000;
	border-width: 1px 1px 1px 0px;
}
.borderRBL {
	border: 1px solid #000000;
	border-width: 0px 1px 1px 1px;
}
.borderTBL {
	border: 1px solid #000000;
	border-width: 1px 0px 1px 1px;
}
.borderTRL {
	border: 1px solid #000000;
	border-width: 1px 1px 0px 1px;
}
.borderTopRight {
	border: 1px solid #000000;
	border-width: 1px 1px 0px 0px;
}
.borderTopBottom {
	border: 1px solid #000000;
	border-width: 1px 0px 1px 0px;
}
.borderTopLeft {
	border: 1px solid #000000;
	border-width: 1px 0px 0px 1px;
}
.borderRightLeft {
	border: 1px solid #000000;
	border-width: 0px 1px 0px 1px;
}
.borderBottomLeft {
	border: 1px solid #000000;
	border-width: 0px 0px 1px 1px;
}
.borderBottomRight {
	border: 1px solid #000000;
	border-width: 0px 1px 1px 0px;
}
.borderTop {
	border-top: 1px solid #000000;
}
.borderRight {
	border-right: 1px solid #000000;
}
.borderBottom {
	border-bottom: 1px solid #000000;
}
.borderLeft {
	border-left: 1px solid #000000;
}
#loader {
	background: transparent url("../images/common/loaderBar.gif") no-repeat center top;
	text-align: center;
	padding-top: 25px;
	font-weight: bold;
	height: 150px;
	width: 400px;
	position: absolute;
	top: 100px;
	z-index: 101;
}

#mask {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 1000px;
	width: 100%;
	z-index: 100;
	background-color: #FFFFFF;
	/*filter: alpha(opacity=75);
	opacity: 0.75;*/
	z-index: 100;
	
}

#msgBox {
	position: absolute;
	background-color: #FFFFFF;
	top: 100px;
	border: 1px solid;
	border-color: #999999 #DDDDDD #DDDDDD #999999;
	border-width: 0px 3px 3px 0px;
	padding: 0px 2px 0px 0px;
	/*_padding: 0px 1px 1px 0px;*/
	z-index: 1000;
	
}
	#messageContainer {
		width: 100%;
		border: 1px solid #000000;
	}

		#msgBoxTitle {
			border-bottom: 1px solid #000000;
			padding: 5px 10px;
			background-color: #000066;
			font-weight: bold;
			font-size: 110%;
			color: #FFFFFF;
			/*opacity: 0.75;*/
		}
		
		#msgBoxContent {
			padding: 5px 10px;
		}
		
		#msgBoxFooter {
			padding: 5px 10px;
		}

#msgLoader {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 1000px;
	width: 100%;
	z-index: 100;
	background-color: #FFFFFF;
	/*filter: alpha(opacity=75);
	opacity: 0.75;*/
	z-index: 100;
}

.ecContainer {
	margin: 10px 0px;
}

	.ecLabel {
		display: block;
		margin-bottom: 10px;
		cursor: pointer;
	}
	
	.ecContent {
		display: none;
		margin-left: 10px;
	}

.expanded {
	display: block;
}

.collapsed {
	display: none;
}


#toolTip {
	position: absolute;
	z-index: 1000;
	background-color: #FFFDD9;
	padding: 5px;
	border: 1px solid;
	border-color: #999999 #666666 #666666 #999999;
	left: 0px;
	top: 0px;
	font-size: 12px;
	display: none;
}
	.toolTip {
		
	}
img.validXHTML, img.validCSS {border-width: 0px; height: 31px; width: 88px;}
	
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
a {
	cursor: pointer;
}

a.buttonSave{
background: transparent url('../images/common/square-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.buttonSave, a:visited.buttonSave, a:active.buttonSave {
	color: #494949; /*button text color*/
}

a.buttonSave span{
background: transparent url('../images/common/square-green-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.buttonSave:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.buttonSave:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}


/*------*/

a.buttonProceed{
background: transparent url('../images/common/square-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.buttonProceed, a:visited.buttonProceed, a:active.buttonProceed{
color: #494949; /*button text color*/
}

a.buttonProceed span{
background: transparent url('../images/common/square-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.buttonProceed:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.buttonProceed:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}


/*------------*/

a.buttonCancel{
background: transparent url('../images/common/square-red-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.buttonCancel, a:visited.buttonCancel, a:active.buttonCancel{
color: #494949; /*button text color*/
}

a.buttonCancel span{
background: transparent url('../images/common/square-red-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.buttonCancel:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.buttonCancel:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}


/*------------------------*/

a.buttonReset{
background: transparent url('../images/common/square-orange-left.gif') no-repeat top left;
display: none;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.buttonReset, a:visited.buttonReset, a:active.buttonReset{
color: #494949; /*button text color*/
}

a.buttonReset span{
background: transparent url('../images/common/square-orange-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.buttonReset:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.buttonReset:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}



/*------------------------*/

a.buttonOkay {
background: transparent url('../images/common/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.buttonOkay, a:visited.buttonOkay, a:active.buttonOkay{
color: #494949; /*button text color*/
}

a.buttonOkay span{
background: transparent url('../images/common/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.buttonOkay:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.buttonOkay:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonContainer{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}



/* Inset 3D Raised */
.raised {background: transparent; width:100%;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#000;}
.raised p {padding-bottom:0.5em;}

.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#fff; border-left:1px solid #000; border-right:1px solid #000;}
.raised .b3 {background:#fff; border-left:1px solid #000; border-right:1px solid #000;}
.raised .b4 {background:#fff; border-left:1px solid #000; border-right:1px solid #000;}
.raised .b4b {background:#fff; border-left:1px solid #000; border-right:1px solid #000;}
.raised .b3b {background:#fff; border-left:1px solid #000; border-right:1px solid #000;}
.raised .b2b {background:#fff; border-left:1px solid #000; border-right:1px solid #000;}


.raised .b1 {margin:0 5px; background:#000;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#000;}
.raised .boxContent {display:block;  background:#fff; border-left:1px solid #000; border-right:1px solid #000;}
.raised .tabContent{display:block;  background:#fff; border-left:1px solid #000; border-right:1px solid #000;}
.raised .newContent{display:block;  background:#fff; border-left:1px solid #000; border-right:1px solid #000;}

/* Inset 3D Raised */
.black {background: transparent; width:100%;}
.black h1, .raised p {margin:0 10px;}
.black h1 {font-size:2em; color:#000;}
.black p {padding-bottom:0.5em;}

.black .b1, .black .b2, .black .b3, .black .b4, .black .b1b, .black .b2b, .black .b3b, .black .b4b {display:block; overflow:hidden; font-size:1px;}
.black .b1, .black .b2, .black .b3, .black .b1b, .black .b2b, .black .b3b {height:1px;}
.black .b2 {background:#fff; border-left:1px solid #000; border-right:1px solid #000;}
.black .b3 {background:#fff; border-left:1px solid #000; border-right:1px solid #000;}
.black .b4 {background:#fff; border-left:1px solid #000; border-right:1px solid #000;}
.black .b4b {background:#fff; border-left:1px solid #000; border-right:1px solid #000;}
.black .b3b {background:#fff; border-left:1px solid #000; border-right:1px solid #000;}
.black .b2b {background:#fff; border-left:1px solid #000; border-right:1px solid #000;}

.black .b1 {margin:0 5px; background:#000;}
.black .b2, .black .b2b {margin:0 3px; border-width:0 2px;}
.black .b3, .black .b3b {margin:0 2px;}
.black .b4, .black .b4b {height:2px; margin:0 1px;}
.black .b1b {margin:0 5px; background:#000;}
.black .boxContent {display:block;  background:#fff; border-left:1px solid #000; border-right:1px solid #000;}
.black .tabContent{display:block;  background:#fff; border-left:1px solid #000; border-right:1px solid #000;}
.black .newContent{display:block;  background:#fff; border-left:1px solid #000; border-right:1px solid #000;}
 
 /* Inset 3D Raised */
.navy {background: transparent; width:100%;}
.navy h1, .raised p {margin:0 10px;}
.navy h1 {font-size:2em; color:#000;}
.navy p {padding-bottom:0.5em;}

.navy .b1, .navy .b2, .navy .b3, .navy .b4, .navy .b1b, .navy .b2b, .navy .b3b, .navy .b4b {display:block; overflow:hidden; font-size:1px;}
.navy .b1, .navy .b2, .navy .b3, .navy .b1b, .navy .b2b, .navy .b3b {height:1px;}
.navy .b2 {background:#fff; border-left:1px solid #006; border-right:1px solid #006;}
.navy .b3 {background:#fff; border-left:1px solid #006; border-right:1px solid #006;}
.navy .b4 {background:#fff; border-left:1px solid #006; border-right:1px solid #006;}
.navy .b4b {background:#fff; border-left:1px solid #006; border-right:1px solid #006;}
.navy .b3b {background:#fff; border-left:1px solid #006; border-right:1px solid #006;}
.navy .b2b {background:#fff; border-left:1px solid #006; border-right:1px solid #006;}


.navy .b1 {margin:0 5px; background:#006;}
.navy .b2, .navy .b2b {margin:0 3px; border-width:0 2px;}
.navy .b3, .navy .b3b {margin:0 2px;}
.navy .b4, .navy .b4b {height:2px; margin:0 1px;}
.navy .b1b {margin:0 5px; background:#006;}
.navy .boxContent {display:block;  background:#fff; border-left:1px solid #006; border-right:1px solid #006;}
.navy .tabContent{display:block;  background:#fff; border-left:1px solid #006; border-right:1px solid #006;}
.navy .newContent{display:block;  background:#fff; border-left:1px solid #006; border-right:1px solid #006;}
 
 
  /* Inset 3D Raised */
.navy {background: transparent; width:100%;}
.navy h1, .raised p {margin:0 10px;}
.navy h1 {font-size:2em; color:#000;}
.navy p {padding-bottom:0.5em;}

.navy .b1, .navy .b2, .navy .b3, .navy .b4, .navy .b1b, .navy .b2b, .navy .b3b, .navy .b4b {display:block; overflow:hidden; font-size:1px;}
.navy .b1, .navy .b2, .navy .b3, .navy .b1b, .navy .b2b, .navy .b3b {height:1px;}
.navy .b2 {background:#fff; border-left:1px solid #006; border-right:1px solid #006;}
.navy .b3 {background:#fff; border-left:1px solid #006; border-right:1px solid #006;}
.navy .b4 {background:#fff; border-left:1px solid #006; border-right:1px solid #006;}
.navy .b4b {background:#fff; border-left:1px solid #006; border-right:1px solid #006;}
.navy .b3b {background:#fff; border-left:1px solid #006; border-right:1px solid #006;}
.navy .b2b {background:#fff; border-left:1px solid #006; border-right:1px solid #006;}


.navy .b1 {margin:0 5px; background:#006;}
.navy .b2, .navy .b2b {margin:0 3px; border-width:0 2px;}
.navy .b3, .navy .b3b {margin:0 2px;}
.navy .b4, .navy .b4b {height:2px; margin:0 1px;}
.navy .b1b {margin:0 5px; background:#006;}
.navy .boxContent {display:block;  background:#fff; border-left:1px solid #006; border-right:1px solid #006;}
.navy .tabContent{display:block;  background:#fff; border-left:1px solid #006; border-right:1px solid #006;}



  /* Inset 3D Raised */
.blue {background: transparent; width:100%;}
.blue h1, .raised p {margin:0 10px;}
.blue h1 {font-size:2em; color:#000;}
.blue p {padding-bottom:0.5em;}

.blue .b1, .blue .b2, .blue .b3, .blue .b4, .blue .b1b, .blue .b2b, .blue .b3b, .blue .b4b {display:block; overflow:hidden; font-size:1px;}
.blue .b1, .blue .b2, .blue .b3, .blue .b1b, .blue .b2b, .blue .b3b {height:1px;}
.blue .b2 {background:#fff; border-left:1px solid #00F; border-right:1px solid #00F;}
.blue .b3 {background:#fff; border-left:1px solid #00F; border-right:1px solid #00F;}
.blue .b4 {background:#fff; border-left:1px solid #00F; border-right:1px solid #00F;}
.blue .b4b {background:#fff; border-left:1px solid #00F; border-right:1px solid #00F;}
.blue .b3b {background:#fff; border-left:1px solid #00F; border-right:1px solid #00F;}
.blue .b2b {background:#fff; border-left:1px solid #00F; border-right:1px solid #00F;}


.blue .b1 {margin:0 5px; background:#00F;}
.blue .b2, .blue .b2b {margin:0 3px; border-width:0 2px;}
.blue .b3, .blue .b3b {margin:0 2px;}
.blue .b4, .blue .b4b {height:2px; margin:0 1px;}
.blue .b1b {margin:0 5px; background:#00F;}
.blue .boxContent {display:block;  background:#fff; border-left:1px solid #00F; border-right:1px solid #00F;}
.blue .tabContent{display:block;  background:#fff; border-left:1px solid #00F; border-right:1px solid #00F;}
.blue .newContent{display:block;  background:#fff; border-left:1px solid #00F; border-right:1px solid #00F;}



  /* Inset 3D Raised */
.green {background: transparent; width:100%;}
.green h1, .raised p {margin:0 10px;}
.green h1 {font-size:2em; color:#000;}
.green p {padding-bottom:0.5em;}

.green .b1, .green .b2, .green .b3, .green .b4, .green .b1b, .green .b2b, .green .b3b, .green .b4b {display:block; overflow:hidden; font-size:1px;}
.green .b1, .green .b2, .green .b3, .green .b1b, .green .b2b, .green .b3b {height:1px;}
.green .b2 {background:#fff; border-left:1px solid #0F0; border-right:1px solid #0F0;}
.green .b3 {background:#fff; border-left:1px solid #0F0; border-right:1px solid #0F0;}
.green .b4 {background:#fff; border-left:1px solid #0F0; border-right:1px solid #0F0;}
.green .b4b {background:#fff; border-left:1px solid #0F0; border-right:1px solid #0F0;}
.green .b3b {background:#fff; border-left:1px solid #0F0; border-right:1px solid #0F0;}
.green .b2b {background:#fff; border-left:1px solid #0F0; border-right:1px solid #0F0;}


.green .b1 {margin:0 5px; background:#0F0;}
.green .b2, .green .b2b {margin:0 3px; border-width:0 2px;}
.green .b3, .green .b3b {margin:0 2px;}
.green .b4, .green .b4b {height:2px; margin:0 1px;}
.green .b1b {margin:0 5px; background:#0F0;}
.green .boxContent {display:block;  background:#fff; border-left:1px solid #0F0; border-right:1px solid #0F0;}
.green .tabContent{display:block;  background:#fff; border-left:1px solid #0F0; border-right:1px solid #0F0;}
.green .newContent{display:block;  background:#fff; border-left:1px solid #0F0; border-right:1px solid #0F0;}


 /* Inset 3D Raised */
.forest {background: transparent; width:100%;}
.forest h1, .raised p {margin:0 10px;}
.forest h1 {font-size:2em; color:#000;}
.forest p {padding-bottom:0.5em;}

.forest .b1, .forest .b2, .forest .b3, .forest .b4, .forest .b1b, .forest .b2b, .forest .b3b, .forest .b4b {display:block; overflow:hidden; font-size:1px;}
.forest .b1, .forest .b2, .forest .b3, .forest .b1b, .forest .b2b, .forest .b3b {height:1px;}
.forest .b2 {background:#fff; border-left:1px solid #060; border-right:1px solid #060;}
.forest .b3 {background:#fff; border-left:1px solid #060; border-right:1px solid #060;}
.forest .b4 {background:#fff; border-left:1px solid #060; border-right:1px solid #060;}
.forest .b4b {background:#fff; border-left:1px solid #060; border-right:1px solid #060;}
.forest .b3b {background:#fff; border-left:1px solid #060; border-right:1px solid #060;}
.forest .b2b {background:#fff; border-left:1px solid #060; border-right:1px solid #060;}


.forest .b1 {margin:0 5px; background:#060;}
.forest .b2, .forest .b2b {margin:0 3px; border-width:0 2px;}
.forest .b3, .forest .b3b {margin:0 2px;}
.forest .b4, .forest .b4b {height:2px; margin:0 1px;}
.forest .b1b {margin:0 5px; background:#060;}
.forest .boxContent {display:block;  background:#fff; border-left:1px solid #060; border-right:1px solid #060;}
.forest .tabContent{display:block;  background:#fff; border-left:1px solid #060; border-right:1px solid #060;}
.forest .newContent{display:block;  background:#fff; border-left:1px solid #060; border-right:1px solid #060;}


 /* Inset 3D Raised */
.red {background: transparent; width:100%;}
.red h1, .raised p {margin:0 10px;}
.red h1 {font-size:2em; color:#000;}
.red p {padding-bottom:0.5em;}

.red .b1, .red .b2, .red .b3, .red .b4, .red .b1b, .red .b2b, .red .b3b, .red .b4b {display:block; overflow:hidden; font-size:1px;}
.red .b1, .red .b2, .red .b3, .red .b1b, .red .b2b, .red .b3b {height:1px;}
.red .b2 {background:#fff; border-left:1px solid #F00; border-right:1px solid #F00;}
.red .b3 {background:#fff; border-left:1px solid #F00; border-right:1px solid #F00;}
.red .b4 {background:#fff; border-left:1px solid #F00; border-right:1px solid #F00;}
.red .b4b {background:#fff; border-left:1px solid #F00; border-right:1px solid #F00;}
.red .b3b {background:#fff; border-left:1px solid #F00; border-right:1px solid #F00;}
.red .b2b {background:#fff; border-left:1px solid #F00; border-right:1px solid #F00;}


.red .b1 {margin:0 5px; background:#F00;}
.red .b2, .red .b2b {margin:0 3px; border-width:0 2px;}
.red .b3, .red .b3b {margin:0 2px;}
.red .b4, .red .b4b {height:2px; margin:0 1px;}
.red .b1b {margin:0 5px; background:#F00;}
.red .boxContent {display:block;  background:#fff; border-left:1px solid #F00; border-right:1px solid #F00;}
.red .tabContent{display:block;  background:#fff; border-left:1px solid #F00; border-right:1px solid #F00;}
.red .newContent{display:block;  background:#fff; border-left:1px solid #F00; border-right:1px solid #F00;}

/* Inset 3D Raised */
.maroon {background: transparent; width:100%;}
.maroon h1, .raised p {margin:0 10px;}
.maroon h1 {font-size:2em; color:#000;}
.maroon p {padding-bottom:0.5em;}

.maroon .b1, .maroon .b2, .maroon .b3, .maroon .b4, .maroon .b1b, .maroon .b2b, .maroon .b3b, .maroon .b4b {display:block; overflow:hidden; font-size:1px;}
.maroon .b1, .maroon .b2, .maroon .b3, .maroon .b1b, .maroon .b2b, .maroon .b3b {height:1px;}
.maroon .b2 {background:#fff; border-left:1px solid #600; border-right:1px solid #600;}
.maroon .b3 {background:#fff; border-left:1px solid #600; border-right:1px solid #600;}
.maroon .b4 {background:#fff; border-left:1px solid #600; border-right:1px solid #600;}
.maroon .b4b {background:#fff; border-left:1px solid #600; border-right:1px solid #600;}
.maroon .b3b {background:#fff; border-left:1px solid #600; border-right:1px solid #600;}
.maroon .b2b {background:#fff; border-left:1px solid #600; border-right:1px solid #600;}


.maroon .b1 {margin:0 5px; background:#600;}
.maroon .b2, .maroon .b2b {margin:0 3px; border-width:0 2px;}
.maroon .b3, .maroon .b3b {margin:0 2px;}
.maroon .b4, .maroon .b4b {height:2px; margin:0 1px;}
.maroon .b1b {margin:0 5px; background:#600;}
.maroon .boxContent {display:block;  background:#fff; border-left:1px solid #600; border-right:1px solid #600;}
.maroon .tabContent{display:block;  background:#fff; border-left:1px solid #600; border-right:1px solid #600;}
.maroon .newContent{display:block;  background:#fff; border-left:1px solid #600; border-right:1px solid #600;}


  /* Inset 3D Raised */
.white {background: transparent; width:100%;}
.white h1, .raised p {margin:0 10px;}
.white h1 {font-size:2em; color:#000;}
.white p {padding-bottom:0.5em;}

.white .b1, .white .b2, .white .b3, .white .b4, .white .b1b, .white .b2b, .white .b3b, .white .b4b {display:block; overflow:hidden; font-size:1px;}
.white .b1, .white .b2, .white .b3, .white .b1b, .white .b2b, .white .b3b {height:1px;}
.white .b2 {background:#fff; border-left:1px solid #FFF; border-right:1px solid #FFF;}
.white .b3 {background:#fff; border-left:1px solid #FFF; border-right:1px solid #FFF;}
.white .b4 {background:#fff; border-left:1px solid #FFF; border-right:1px solid #FFF;}
.white .b4b {background:#fff; border-left:1px solid #FFF; border-right:1px solid #FFF;}
.white .b3b {background:#fff; border-left:1px solid #FFF; border-right:1px solid #FFF;}
.white .b2b {background:#fff; border-left:1px solid #FFF; border-right:1px solid #FFF;}


.white .b1 {margin:0 5px; background:#FFF;}
.white .b2, .white .b2b {margin:0 3px; border-width:0 2px;}
.white .b3, .white .b3b {margin:0 2px;}
.white .b4, .white .b4b {height:2px; margin:0 1px;}
.white .b1b {margin:0 5px; background:#FFF;}
.white .boxContent {display:block;  background:#fff; border-left:1px solid #FFF; border-right:1px solid #FFF;}
.white .tabContent{display:block;  background:#fff; border-left:1px solid #FFF; border-right:1px solid #FFF;}
.white .newContent{display:block;  background:#fff; border-left:1px solid #FFF; border-right:1px solid #FFF;}



 /* Inset 3D Raised */
.grey {background: transparent; width:100%;}
.grey h1, .raised p {margin:0 10px;}
.grey h1 {font-size:2em; color:#000;}
.grey p {padding-bottom:0.5em;}

.grey .b1, .grey .b2, .grey .b3, .grey .b4, .grey .b1b, .grey .b2b, .grey .b3b, .grey .b4b {display:block; overflow:hidden; font-size:1px;}
.grey .b1, .grey .b2, .grey .b3, .grey .b1b, .grey .b2b, .grey .b3b {height:1px;}
.grey .b2 {background:#FFF; border-left:1px solid #666; border-right:1px solid #666;}
.grey .b3 {background:#FFF; border-left:1px solid #666; border-right:1px solid #666;}
.grey .b4 {background:#FFF; border-left:1px solid #666; border-right:1px solid #666;}
.grey .b4b {background:#FFF; border-left:1px solid #666; border-right:1px solid #666;}
.grey .b3b {background:#FFF; border-left:1px solid #666; border-right:1px solid #666;}
.grey .b2b {background:#FFF; border-left:1px solid #666; border-right:1px solid #666;}


.grey .b1 {margin:0 5px; background:#666;}
.grey .b2, .grey .b2b {margin:0 3px; border-width:0 2px;}
.grey .b3, .grey .b3b {margin:0 2px;}
.grey .b4, .grey .b4b {height:2px; margin:0 1px;}
.grey .b1b {margin:0 5px; background:#666;}
.grey .boxContent {display:block;  background:#FFF; border-left:1px solid #666; border-right:1px solid #666;}
.grey .tabContent{display:block;  background:#FFF; border-left:1px solid #666; border-right:1px solid #666;}
.grey .newContent{display:block;  background:#FFF; border-left:1px solid #666; border-right:1px solid #666;}


 /* Inset 3D Raised */
.darkgrey {background: transparent; width:100%;}
.darkgrey h1, .raised p {margin:0 10px;}
.darkgrey h1 {font-size:2em; color:#000;}
.darkgrey p {padding-bottom:0.5em;}

.darkgrey .b1, .darkgrey .b2, .darkgrey .b3, .darkgrey .b4, .darkgrey .b1b, .darkgrey .b2b, .darkgrey .b3b, .darkgrey .b4b {display:block; overflow:hidden; font-size:1px;}
.darkgrey .b1, .darkgrey .b2, .darkgrey .b3, .darkgrey .b1b, .darkgrey .b2b, .darkgrey .b3b {height:1px;}
.darkgrey .b2 {background:#FFF; border-left:1px solid #333; border-right:1px solid #333;}
.darkgrey .b3 {background:#FFF; border-left:1px solid #333; border-right:1px solid #333;}
.darkgrey .b4 {background:#FFF; border-left:1px solid #333; border-right:1px solid #333;}
.darkgrey .b4b {background:#FFF; border-left:1px solid #333; border-right:1px solid #333;}
.darkgrey .b3b {background:#FFF; border-left:1px solid #333; border-right:1px solid #333;}
.darkgrey .b2b {background:#FFF; border-left:1px solid #333; border-right:1px solid #333;}


.darkgrey .b1 {margin:0 5px; background:#333;}
.darkgrey .b2, .darkgrey .b2b {margin:0 3px; border-width:0 2px;}
.darkgrey .b3, .darkgrey .b3b {margin:0 2px;}
.darkgrey .b4, .darkgrey .b4b {height:2px; margin:0 1px;}
.darkgrey .b1b {margin:0 5px; background:#333;}
.darkgrey .boxContent {display:block;  background:#FFF; border-left:1px solid #333; border-right:1px solid #333;}
.darkgrey .tabContent{display:block;  background:#FFF; border-left:1px solid #333; border-right:1px solid #333;}
.darkgrey .newContent{display:block;  background:#FFF; border-left:1px solid #333; border-right:1px solid #333;}
