BODY
{
    BACKGROUND-ATTACHMENT: scroll;
    BACKGROUND-COLOR: #ffffff;
    BACKGROUND-POSITION: left top;
    COLOR: #000000;
    FONT-SIZE: 12px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    LINE-HEIGHT: normal;
    MARGIN: 0px;
    BORDER: 0px;
    margin-right:5px;
    margin-left:30px;
	margin-top:-15px;
	margin-bottom:0px;
    TEXT-ALIGN: left;
}
P, .P
{
	FONT-SIZE: 12px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    LINE-HEIGHT: normal;		
}
UL, .UL
{
	FONT-SIZE: 12px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    LINE-HEIGHT: normal;
}
TD, .TD
{
    COLOR: black;
    FONT-SIZE: 12px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: normal;
}
H1, .H1
{
	COLOR: #00947d;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
	LINE-HEIGHT: normal;
	margin-top: 0px;
	font-weight: bold;
}
H2, .H2
{
	COLOR: #00947d;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
    FONT-WEIGHT: bold;	
	LINE-HEIGHT: normal;
	margin-top: 0px;
	font-weight: normal;
}
H3, .H3
{
	COLOR: #7cbe33;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
	LINE-HEIGHT: normal;
	margin-top: 0px;
	font-weight: normal;
}
H4, .H4
{
	color: #00947d;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	padding-top: 0px;
	MARGIN-TOP: 0px;
}
H5, .H5
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
H6 	
{
	MARGIN-TOP: 0px;	
	FONT-WEIGHT: normal;	
	FONT-SIZE: 12px;	
	MARGIN-BOTTOM: 20px;	
	COLOR: #00947d;	
	PADDING-TOP: 0px;	
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	}
A
{
    COLOR: #37aa8c;
    text-decoration: none;
}
A:link, A:visited
{
    COLOR: #37aa8c;
    text-decoration: none;
}
A:active, A:hover
{
    COLOR: #7FBF44;
    text-decoration: none;
}
P
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #000000;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
.maintable
{
	width: 914px;
	padding: 50px 0px 0px 0px;
}
.TABLE_Frame, .TABLEFRAME
{
	border: none;
    background-color: Transparent;
}
.TABLE_H1, .TABLEHEADER, .TABLEHEADER TD
{
	background-color: #3A5297;
    COLOR: white;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}
.TABLE_H2
{
    background-color: #3A5297;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.TABLE_H3
{
    background-color: Red;
    color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
}
.DATAGRID
{
    border: none;
    background-color: Transparent;
    width: 100%;
}
.DATAGRIDHEADER, .DATAGRIDHEADER TD, .DATAGRIDHEADER TD A
{
    background-color: #3A5297;
    COLOR: white;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}
.HEADER, .HEADER:link, .HEADER:visited, .HEADER A, .HEADER A:link, .HEADER A:visited
{
    background-color: #3A5297;
    COLOR: white;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}
.HEADER:active, .HEADER:hover, .HEADER A:active, .HEADER A:hover
{
    COLOR: black;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none;
}
.COLTITLE
{
    text-align:right;
    vertical-align: top;
    padding-right: 5px;    
}
.COLVALUE
{
    text-align:left;
    vertical-align: top;
}
.COLCENTER
{
    text-align:center;
    vertical-align: top;
    padding-right: 5px;
}

.COPYRIGHT, .COPYRIGHT:link, .COPYRIGHT:visited, .COPYRIGHT A:link, .COPYRIGHT A:visited, .COPYRIGHT P, .COPYRIGHT P A:link, .COPYRIGHT P A:visited
{
    font-size: 9px; 
    color: gray; 
    text-align: left; 
    padding: 0px 0px 15px 0px;
    background-color: Transparent;
}
.COPYRIGHT:active, .COPYRIGHT:hover, .COPYRIGHT A:active, .COPYRIGHT A:hover, .COPYRIGHT P A:active, .COPYRIGHT P A:hover
{
	font-size: 9px; 
    color: #555555; 
    text-align: left; 
    padding: 0px 0px 15px 0px;
    background-color: Transparent;
}
.FOOTER
{
    COLOR: #00947d;
    background-color: transparent;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
    padding: 0px 0px 1px 0px;

}
.FOOTER:link, .FOOTER:visited, .FOOTER A:link, .FOOTER A:visited
{
    COLOR: #00947d;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: left;
    background-color: transparent;
}
.FOOTER:active, .FOOTER:hover, .FOOTER A:active, .FOOTER A:hover
{
	COLOR: #00947d;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: left;

    background-color: transparent;
}
.ODD  { BACKGROUND-COLOR: #EDEDFF; }
.EVEN { BACKGROUND-COLOR: #FFFFED; }
.SHOW { display: block; }
.HIDE { display: none; }
.B	  { FONT-WEIGHT: bold; }
.INFO, .MESSAGE-INFO
{
	COLOR: green;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
}
.ERROR, .MESSAGE-ERROR
{
	COLOR: red;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
}


/* Navigation Elements */
.nav1
{
	width: 300px;
	height: 30px;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	color: #37aa8c;
	font-family: Verdana, Arial;
	font-size: 8pt;
}
.nav1 ul
{
	float: left;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}
.nav1 li
{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.nav1 li a
{
	float: left;
	color: #37aa8c;
	background-color: #ffffff;
	padding: 5px 7px 5px 7px;
}
.nav1 li a:hover, .NAV1ON
{
	color: #ffffff;
	background-color: #37aa8c;
	padding: 5px 7px 5px 7px;	
}
.nav1 li a:active
{
	background-color: #37aa8c;
}
.nav2
{
	width: 275px;
	height: 30px;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	color: #7cbe33;
	font-family: Verdana, Arial;
	font-size: 8pt;
}
.nav2 ul
{
	float: right;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}
.nav2 li
{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.nav2 li a
{
	float: left;
	color: #7cbe33;
	background-color: #ffffff;
	padding: 5px 7px 5px 7px;
}
.nav2 li a:hover, .NAV2ON
{
	color: #ffffff;
	background-color: #7cbe33;
	padding: 5px 7px 5px 7px;	
}
.nav2 li a:active
{
	background-color: #7cbe33;
}

.nav3
{
	width: 250px;
	height: 25px;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	font-family: Verdana, Arial;
	font-size: 8pt;
}
.nav3 ul
{
	float: left;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}
.nav3 li
{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.nav3 li a
{
	float: left;
	color: #ffffff;
	padding: 5px 5px 5px 5px;
}
.nav3 li a:hover
{
	color: #7cbe33;
	background-color: #ffffff;	
	padding: 5px 5px 5px 5px;
}
.nav3 li a:active, .nav3 li a:selected
{
	color: #7cbe33;
	background-color: #FFFFFF;
}
.nav3on
{
	color: #7cbe33;
	background-color: #ffffff;	
}
.nav4
{
	width: 500px;
	height: 40px;
	vertical-align: middle;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #000000;
	font-family: Verdana, Arial;
	font-size: 9pt;
	position: relative;	
}
.nav4 ul
{
	float: left;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.nav4 li
{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.nav4 li a
{
	float: left;
	color: #000000;
	background-color: #ffffff;
	padding: 5px 7px 5px 7px;
}
.nav4 li a:hover, .SUBNAVON
{
	color: #ffffff;
	background-color: #7cbe33;	
	padding: 5px 7px 5px 7px;
}
.nav4 li a:active
{
	background-color: #7cbe33;
}
.SUBNAV
{
	width: 500px;
	height: 40px;
	vertical-align: middle;
	float: left;
	padding: 0px 0px 0px 271px;
	margin: -20px 0px 0px 0px;
	color: #000000;
	font-family: Verdana, Arial;
	font-size: 9pt;
	position: relative;	
}
.SUBNAV ul
{
	float: right;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.SUBNAV li
{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.SUBNAV li a
{
	float: left;
	color: #000000;
	background-color: #ffffff;
	padding: 5px 7px 5px 7px;
}
.SUBNAV li a:hover, .SUBNAVON
{
	color: #ffffff;
	background-color: #7cbe33;	
	padding: 5px 7px 5px 7px;
}
.SUBNAV li a:active
{
	background-color: #7cbe33;
}

/*style for Drop down (You are) located 2nd navigation bar*/
.ddmx 
{
	/*
       BORDER-RIGHT: #ffffff 0px solid;
       BORDER-TOP: #ffffff 0px solid;
       BORDER-LEFT: #ffffff 0px solid;
       BORDER-BOTTOM: #ffffff 0px solid
*/
      }
      .ddmx A.item1 
      {
      	
       padding: 5px 7px;
	DISPLAY: block;
       	FONT-WEIGHT: normal! important;
       	FONT-SIZE: 9pt;
       	LEFT: 0px;
       	/*BACKGROUND-IMAGE: /App_System/Lib/Image/Content/nav3_back.gif;*/
       	/*COLOR: #000000! important;*/
       	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif! important;
       	WHITE-SPACE: nowrap;
       	POSITION: relative;
       	TOP: 0px! important;
       	TEXT-ALIGN: left! important;
       	TEXT-DECORATION: none! important;

	color: #ffffff;
	background-color: #8BC63E;
}
      .ddmx A.item1:hover 
      {
       padding: 5px 7px;
	DISPLAY: block;
       	FONT-WEIGHT: normal! important;
       	FONT-SIZE: 9pt;
       	LEFT: 0px;
       	BACKGROUND-IMAGE: none;
       	/*COLOR: #000000! important;*/
       	color: #7cbe33;
		background-color: #ffffff;
       	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif! important;
       	WHITE-SPACE: nowrap;
       	POSITION: relative;
       	TOP: 0px! important;
       	TEXT-ALIGN: left! important;
       	TEXT-DECORATION: none! important
}
      .ddmx A.item1-active 
      {
       padding: 5px 7px;
	DISPLAY: block;
       	FONT-WEIGHT: normal! important;
       	FONT-SIZE: 9pt;
       	LEFT: 0px;
       	BACKGROUND-IMAGE: none;
       	/*COLOR: #000000! important;*/
       	COLOR: #7cbe33! important;
       	background-color: #ffffff;
       	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif! important;
       	WHITE-SPACE: nowrap;
       	POSITION: relative;
       	TOP: 0px! important;
       	TEXT-ALIGN: left! important;
       	TEXT-DECORATION: none! important;
}
      .ddmx A.item1-active:hover 
      {
       padding: 5px 7px;
	DISPLAY: block;
       	FONT-WEIGHT: normal! important;
       	FONT-SIZE: 9pt;
       	LEFT: 0px;
       	BACKGROUND-IMAGE: none;
       	/*COLOR: #000000! important;*/
       	color: #7cbe33;
		background-color: #ffffff;
       	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif! important;
       	WHITE-SPACE: nowrap;
       	POSITION: relative;
       	TOP: 0px! important;
       	TEXT-ALIGN: left! important;
       	TEXT-DECORATION: none! important;
}
      .ddmx TD.item11 
      {
       padding: 0px;
       /*
		BORDER-TOP: #7cbe33 0px solid;
       	BORDER-LEFT: #7cbe33 0px solid;
       	BORDER-BOTTOM: #7cbe33 0px solid;
       	WHITE-SPACE: nowrap! important;
*/
       	/*BACKGROUND-COLOR: #ffffff! important;*/
       	BORDER-RIGHT-WIDTH: 0px! important;
       	
       	color: #ffffff;
		background-color: #8BC63E;
}
      .ddmx TD.item11-last 
      {
       border: 0px solid #8BC63E;
	padding: 0px;
	WHITE-SPACE: nowrap;
       	/*BACKGROUND-COLOR: #ffffff! important*/
       	color: #8BC63E;
		background-color: #ffffff;
}
      .ddmx TD.item11-acton 
      {
       padding: 0px;
	BORDER-TOP: #7cbe33 0px solid;
       	BORDER-LEFT: #7cbe33 0px solid;
       	BORDER-BOTTOM: #7cbe33 0px solid;
       	WHITE-SPACE: nowrap;
}
      .ddmx TD.item11-acton-last 
      {
       BORDER-RIGHT: #7cbe33 0px solid;
       BORDER-TOP: #7cbe33 0px solid;
       BORDER-LEFT: #7cbe33 0px solid;
       BORDER-BOTTOM: #7cbe33 0px solid;
      }
      .ddmx .item11-acton-last A.item1 
      {
       BACKGROUND-IMAGE: none;
       COLOR: #ffffff! important;
       BACKGROUND-COLOR: #7cbe33! important;
      }
      .ddmx .item11-acton A.item1 
      {
       BACKGROUND-IMAGE: none;
       COLOR: #ffffff! important;
       BACKGROUND-COLOR: #7cbe33! important;
      }
      .ddmx .item11-acton-last A:hover 
      {
       BACKGROUND-IMAGE: none;
       COLOR: #ffffff! important;
       BACKGROUND-COLOR: #7cbe33! important;
      }
      .ddmx .item11-acton A:hover 
      {
       BACKGROUND-IMAGE: none;
       COLOR: #ffffff! important;
       BACKGROUND-COLOR: #7cbe33! important;
      }
      .ddmx .item11 A:hover 
      {
       BACKGROUND-IMAGE: none;
       /*COLOR: #ffffff! important;
       BACKGROUND-COLOR: #7cbe33! important; */
       color: #7cbe33;
		background-color: #ffffff;
      }
      .ddmx .item11-last A:hover 
      {
       BACKGROUND-IMAGE: none;
       COLOR: #ffffff! important;
       BACKGROUND-COLOR: #7cbe33! important;
      }
      .ddmx A.item1-active 
      {
       BACKGROUND-IMAGE: none;
       COLOR: #ffffff! important;
       BACKGROUND-COLOR: #8BC63E! important;
      }
      .ddmx A.item1-active:hover 
      {
       BACKGROUND-IMAGE: none;
       COLOR: #ffffff! important;
       BACKGROUND-COLOR: #8BC63E! important;
      }
      .ddmx A.item2 
      {
       padding: 5px 7px;
	DISPLAY: block;
       	FONT-WEIGHT: normal! important;
       	FONT-SIZE: 9pt;
       	Z-INDEX: 500;
       	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif! important;
       	WHITE-SPACE: nowrap;
       	POSITION: relative;
       	TEXT-ALIGN: left! important;
       	TEXT-DECORATION: none! important;
       	opacity: 1;
}
      .ddmx A.item2:hover 
      {
       padding: 5px 7px;
	DISPLAY: block;
       	FONT-WEIGHT: normal! important;
       	FONT-SIZE: 9pt;
       	Z-INDEX: 500;
       	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif! important;
       	WHITE-SPACE: nowrap;
       	POSITION: relative;
       	TEXT-ALIGN: left! important;
       	TEXT-DECORATION: none! important;
       	color: #7cbe33;
		background-color: #ffffff;
       	opacity: 1;       	
}
      .ddmx A.item2-active 
      {
       padding: 5px 7px;
	DISPLAY: block;
       	FONT-WEIGHT: normal! important;
       	FONT-SIZE: 12px! important;
       	Z-INDEX: 500;
       	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif! important;
       	WHITE-SPACE: nowrap;
       	POSITION: relative;
       	TEXT-ALIGN: left! important;
       	TEXT-DECORATION: none! important;
       	color: #7cbe33;
		background-color: #ffffff;
       	opacity: 1;       	
}
      .ddmx A.item2-active:hover 
      {
       padding: 5px 7px;
	DISPLAY: block;
       	FONT-WEIGHT: normal! important;
       	FONT-SIZE: 12px! important;
       	Z-INDEX: 500;
       	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif! important;
       	WHITE-SPACE: nowrap;
       	POSITION: relative;
       	TEXT-ALIGN: left! important;
       	TEXT-DECORATION: none! important;
       	color: #7cbe33;
		background-color: #ffffff;
       	opacity: 1;       
}
      .ddmx A.item2 
      {
       BORDER-RIGHT: #8BC63E 0px solid;
       BORDER-TOP: #8BC63E 0px solid;
       BACKGROUND-IMAGE: none;
       BORDER-LEFT: #8BC63E 0px solid;       
       COLOR: #ffffff! important;
       BACKGROUND-COLOR: #8BC63E! important;
      }
      .ddmx A.item2-last 
      {
       Z-INDEX: 500;
       BACKGROUND-IMAGE: none;
       COLOR: #ffffff! important;
       BORDER-BOTTOM: #8BC63E 0px solid;
       BACKGROUND-COLOR: #8BC63E! important;
      }
      .ddmx A.item2:hover 
      {
       BORDER-RIGHT: #7cbe33 0px solid;
       BORDER-TOP: #7cbe33 0px solid;
       BACKGROUND-IMAGE: none;
       BORDER-LEFT: #7cbe33 0px solid;
       /*COLOR: #000000! important;
       BACKGROUND-COLOR: #7cbe33! important*/
       color: #7cbe33;
		background-color: #ffffff;
      }
      .ddmx A.item2-active 
      {
       BORDER-RIGHT: #7cbe33 0px solid;
       BORDER-TOP: #7cbe33 0px solid;
       BACKGROUND-IMAGE: none;
       BORDER-LEFT: #7cbe33 0px solid;
       /*COLOR: #000000! important;
       BACKGROUND-COLOR: #7cbe33! important*/
       color: #7cbe33;
	background-color: #ffffff;
      }
      .ddmx A.item2-active:hover 
      {
       BORDER-RIGHT: #7cbe33 0px solid;
       BORDER-TOP: #7cbe33 0px solid;
       BACKGROUND-IMAGE: none;
       BORDER-LEFT: #7cbe33 0px solid;
       /*
       COLOR: #000000! important;
       BACKGROUND-COLOR: #7cbe33! important*/
       color: #7cbe33;
		background-color: #ffffff;
      }
      .ddmx .section 
      {
       BORDER-RIGHT: #8BC63E 0px solid;
       BORDER-TOP: #8BC63E 0px solid;
       DISPLAY: block;
       Z-INDEX: -1;
       VISIBILITY: hidden;
       BORDER-LEFT: #8BC63E 0px solid;
       BORDER-BOTTOM: #8BC63E 0px solid;
       POSITION: absolute;
      }
      .ddmxframe 
      {
       BORDER-RIGHT: #8BC63E 0px solid;
       BORDER-TOP: #8BC63E 0px solid;
       BORDER-LEFT: #8BC63E 0px solid;
       BORDER-BOTTOM: #8BC63E 0px solid;
      }

/*End Drop down style*/
/*Form Styles*/

.frmLabel
{
	color:#37aa8c;
}
.frmFieldText1
{
	color: #0b7466;
	background-color: #cceae5;
	border: 1px solid #37aa8c;	
}
.frmFieldText2
{
	color: #436f11;
	background-color: #e5f2d6;
	border: 1px solid #7cbe33;	
}
.frmFieldPriceAdminAmount
{
    width: 50px;
    color: #436f11;
	background-color: #e5f2d6;
	border: 1px solid #7cbe33;	
}
.frmFieldName
{
	color: #000000;
}
.frmDivider
{
	color: #7cbe33;
}
.stdBtnTopNext
{
	background-color: #0fa390;
	background-image: url(https://www.healthyplanet.org/App_System/Lib/Image/Content/frmButton1.gif);
	background-position: right center;
	background-repeat: no-repeat;	
	border: none;
	clear: both;
	float: right;
	text-align: left;
	font-family: verdana, Arial;
	font-weight: bold;
	padding: 0px 0px 6px 5px;
	width: 141px;
	height: 30px;
	color: #ffffff;
	cursor: pointer;
}
.stdBtnTop
{
	background-color: #37aa8c;
	float: right;
	width: 100px;
	height: 23px;
	color: #ffffff;
	cursor: pointer;
}
.stdBtnBtmNext
{
	background-color: #8cc73f;
	background-image: url(https://www.healthyplanet.org/App_System/Lib/Image/Content/frmButton3.gif);	
	background-position: right center;
	background-repeat: no-repeat;
	clear: both;
	float: right;
	border: none;
	text-align: left;
	font-family: verdana, Arial;
	font-weight: bold;
	padding: 0px 0px 6px 5px;
	width: 141px;
	height: 30px;
	color: #ffffff;
	cursor: pointer;
}
.qa_textboxes 
{	
        BORDER-RIGHT: #8bc63e 2px solid;
	BORDER-TOP: #8bc63e 2px solid;	
	BORDER-LEFT: #8bc63e 2px solid;	
	WIDTH: 225px;	
	BORDER-BOTTOM: #8bc63e 2px solid;
}

.stdBtnBtmNext_left 	
{
	CLEAR: both;	
	PADDING-RIGHT: 0px;	
	BACKGROUND-POSITION: right center;	
	PADDING-LEFT: 5px;	
	FONT-WEIGHT: bold;	
	FLOAT: left;	
	BACKGROUND-IMAGE: url(https://www.healthyplanet.org/App_System/Lib/Image/Content/frmButton3.gif);	
	PADDING-BOTTOM: 6px;	
	WIDTH: 141px;	
	CURSOR: pointer;	
	COLOR: #ffffff;	
	BORDER-TOP-STYLE: none;	
	PADDING-TOP: 0px;	
	BACKGROUND-REPEAT: no-repeat;	
	FONT-FAMILY: verdana, Arial;	
	BORDER-RIGHT-STYLE: none;	
	BORDER-LEFT-STYLE: none;	
	HEIGHT: 30px;	
	BACKGROUND-COLOR: #8cc73f;	
	TEXT-ALIGN: left;	
	BORDER-BOTTOM-STYLE: none;
}

.stdBtnBtm
{
	background-color: #8cc73f;
	float: right;
	width: 100px;
	height: 23px;
	color: #ffffff;
	cursor: pointer;
}


/*content pages*/
.subtitle
{
	background-color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	color: #37aa8c;
	height: 20px;	
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 12px 5px 5px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	float: left;
}
.subtitle2
{
	font-size: 13px;
	font-weight: bold;
	color: #37aa8c;
	height: 20px;
	width: auto;	
	margin: 0px 0px 0px 0px;
	padding: 0px 7px 5px 5px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	float: right;
}
.blurb
{
	clear: both;
	color: White;
	width: 282px;
	height: 110px;
	padding: 20px 20px 0px 0px;
}
.blurb p
{
	color :White;
	font-size: 13px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	padding-left: 10px;
}
.blurb a
{
	color: #37aa8c;
	font-size: 12px;
	font-weight: normal;
	background-color: #ffffff;	
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	padding: 2px 5px 2px 5px;
}
.blurb a:hover
{
	text-decoration: none;
	color: #cfcfcf;	
}
.blurb2
{
	clear: both;
	color: #000000;
	width: 260px;
	height: 110px;
	padding: 20px 20px 0px 5px;
}
.blurb2 p
{
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}
.blurb2 a
{
	color: #000000;
	font-size: 12px;
	font-weight: bold;	
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}
.blurb2 a:hover
{
	text-decoration: none;
	color: #37aa8c;	
}
.contentbox1
{
	background-color: #ffffff; 
	width: 275px; 
	height: auto; 
	text-align: left; 
	font-size: 11px; 
	padding: 5px 5px 5px 5px;
}
.contentbox2
{
	background-color: #ffffff; 
	width: 545px; 
	height: auto; 
	text-align: left; 
	font-size: 11px; 
	padding: 5px 5px 5px 5px;
}
.contentdiv
{
	 BACKGROUND-REPEAT: no-repeat; 
	 border: solid 1px white;
	 padding: 0px 0px 0px 0px;
	 margin: 0px 0px 0px 0px;
	 width: 798px;
}
#landing_csrwrapper
{
	background-image: url(/App_System/Lib/Image/Content/bg_csr.jpg);
	background-repeat:no-repeat;
	min-height:533px;
	_height:auto !important;
	height:auto !important;
	height:533px;
	
}
#landing_csrwrapper1
{
	background-image: url(/App_System/Lib/Image/Content/xmas_csr.jpg);
	background-repeat:no-repeat;
	min-height:533px;
	_height:auto !important;
	height:auto !important;
	height:533px;
	
}
#landing_csrwrapper2
{
background-image: url(/App_System/Lib/Image/Content/xmas_e-card.jpg);
background-repeat:no-repeat;
min-height:533px;
_height:auto !important;
height:auto !important;
height:533px;
}
#landing_psrwrapper
{
	background-image: url(/App_System/Lib/Image/Content/bg_psr.jpg);
	background-repeat:no-repeat;
	min-height:543px;
	_height:auto !important;
	height:auto !important;
	height:543px;
	
}
#landing_psrwrapper1
{
	background-image: url(/App_System/Lib/Image/Content/bg_psr.jpg);
	background-repeat:no-repeat;
	min-height:543px;
	_height:auto !important;
	height:auto !important;
	height:543px;
	
}
#landing_eduwrapper
{
	background-image: url(/App_System/Lib/Image/Content/bg_edu.jpg);
	background-repeat:no-repeat;
	min-height:543px;
	_height:auto !important;
	height:auto !important;
	height:543px;
	z-index: 10;	
}
#landing_cardswrapper 
{
	background-image: url(/App_System/Lib/Image/Content/xmas_e-card.jpg);
	background-repeat:no-repeat;
	min-height:543px;
	_height:auto !important;
	height:auto !important;
	height:543px;
}
#landing_valentineswrapper 
{
	background-image: url(/App_System/Lib/Image/Content/bg_valentines.jpg);
	background-repeat:no-repeat;
	min-height:543px;
	_height:auto !important;
	height:auto !important;
	height:543px;
}
#landing_sfwrapper 
{
	background-image: url(/App_System/Lib/Image/Content/bg_stephenfry.jpg);
	background-repeat:no-repeat;
	min-height:543px;
	_height:auto !important;
	height:auto !important;
	height:543px;
}
#landing_mdwrapper 
{
	background-image: url(/App_System/Lib/Image/Content/bg_mothersday.jpg);
	background-repeat:no-repeat;
	min-height:543px;
	_height:auto !important;
	height:auto !important;
	height:543px;
}
#landing_contentbox1
{
	background-color: #ffffff;
	width: 410px;
	padding: 5px;
	visibility: visible;
	position: absolute;
	left: 145px;
	top: 496px;
}
#landing_contentbox2 
{
	background-color: #ffffff;
	width: 410px;
	padding: 5px;
	min-height:480px;
	_height:auto !important;
	height:auto !important;
	height:480px;
	visibility: hidden;
		position: absolute;
	left: 145px;
	top: 234px;
}
#landing_contentbox3 
{
	background-color: #ffffff;
	width: 410px;
	padding: 5px;
	min-height:480px;
	_height:auto !important;
	height:auto !important;
	height:480px;
	visibility: hidden;
		position: absolute;
	left: 145px;
	top: 234px;
}
#landing_contentbox4 
{
	background-color: #ffffff;
	width: 410px;
	padding: 5px;
	min-height:480px;
	_height:auto !important;
	height:auto !important;
	height:480px;
	visibility: hidden;
		position: absolute;
	left: 145px;
	top: 234px;
}
#landing_callout1
{
	background-color: #FFFFFF;
	height: 100px;
	width: 157px;
	position: absolute;
	left: 590px;
	top: 496px;
	z-index: 70;
}
#landing_callout2
{
	background-color: #FFFFFF;
	height: 100px;
	width: 157px;
	position: absolute;
	left: 764px;
	top: 496px;
	z-index: 70;
}
#landing_callout3
{
	text-align: center;
	padding-top: 12px;
	background-color: #FFFFFF;
	height: 88px;
	width: 157px;
	position: absolute;
	left: 764px;
	top: 496px;
	z-index: 70;
	overflow: hidden;
}
#landing_video
{
	height: 242px;
	width: 330px;
	position: absolute;
	left: 590px;
	top: 234px;
	z-index: 80;
	background-color: #FFFFFF;
}
.callout
{
	width: 150px;
	height: 100px;
	background-color: #ffffff;
	z-index: 900;
	margin: 0px 335px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	font-weight: bold;
	color: #37aa8c;
	float: right;
}
.callout p
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.callout a
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.callout2
{
	width: 150px;
	height: 100px;
	background-color: #ffffff;
	z-index: 900;
	margin: 0px 70px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	font-weight: bold;
	color: #37aa8c;
	float: right;
}
.callout2 p
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.callout2 a
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/*Step Menu*/
#mainStep li
{
	height:28px;
	list-style:none;
	float:left;
	background-color:#d3e8ba;
	background-image: url(https://www.healthyplanet.org/App_System/Lib/Image/steps/nav.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#mainStep li.current
{
	background-color:#0ea28f;
	background-image: url(https://www.healthyplanet.org/App_System/Lib/Image/steps/navCurrent.gif);
}
#mainStep li.endcurrent
{
	background-color:#0ea28f;
	background-image: url(https://www.healthyplanet.org/App_System/Lib/Image/steps/navEndCurrent.gif);
}
#mainStep li.lastDone
{
	background-color:#8cc73f;
	background-image: url(https://www.healthyplanet.org/App_System/Lib/Image/steps/navLastDone.gif);
}
#mainStep li.done
{
	background-color:#8cc73f;
	background-image: url(https://www.healthyplanet.org/App_System/Lib/Image/steps/navDone.gif);
}
#mainStep li.next
{
	background-color:#d3e8ba;
	background-image: url(https://www.healthyplanet.org/App_System/Lib/Image/steps/navNext.gif);
}
#mainStep li.end
{
	background-color:#d3e8ba;
	background-image: url(https://www.healthyplanet.org/App_System/Lib/Image/steps/navEnd.gif);
}
#mainStep li.endnext
{
	background-color:#d3e8ba;
	background-image: url(https://www.healthyplanet.org/App_System/Lib/Image/steps/navEndNext.gif);
	width: 133px;
}
#mainStep li a, #mainStep li a:link, #mainStep li a:visited, #mainStep li a:hover, #mainStep li a:active 
{
    color:#fff;
}
#mainStep li.lastDone a, #mainStep li.lastDone a:link, #mainStep li.lastDone a:visited, #mainStep li.lastDone a:hover, #mainStep li.lastDone a:active, #mainStep li.current a, #mainStep li.current a:link, #mainStep li.current a:visited, #mainStep li.current a:hover, #mainStep li.current a:active, #mainStep li.done a, #mainStep li.done a:link, #mainStep li.done a:visited, #mainStep li.done a:hover, #mainStep li.done a:active 
{
    color:#ffff99;
    text-decoration: none;
}
#mainStep li.done a:hover, #mainStep li.lastDone a:hover  
{
    color:#FFFF99;
    cursor:hand;
    text-decoration: none;
}
#mainStep li a em
{
    color: #ffffff;
    display:block;
    margin:0px 0px 0px 7px;
    font-style:normal;
    font-weight:bold;
    width:133px;
}    
#mainStep li a span
{
    display:block;
    margin-left:10px;
    font-weight:normal;
    width:133px;
}
#mainStep li.mainNavNoBg
{
    background-image:none;
}
#mainStep li a
{
    height:28px;
    display:block;
}

/* #mainStepsixStep */
#mainStep { white-space:pre; }
#mainStep.sixStep li{width:133px;}
#mainStep.sixStep li a{width:133px;}

/* Dashboard Items */
.DASHBOARD_TITLE
{
    background-color: #00947d; 
    color: #ffffff; 
    font-weight: bold; 
    padding: 2px 2px 2px 2px;
}
.DASHBOARD_BODY
{
    background-color: #e9f4dd; 
    padding: 5px;
}
.DASHBOARD_BODY_ALT
{
    background-color: #ddf1ec; 
    padding: 5px;
}
.DASHBOARD_BODY_ITEM
{
    padding: 5px 5px 5px 5px; 
    text-align: left;
    background-color: #cee6b1;
}
.DASHBOARD_TITLE2
{
    background-color: #37aa8c; 
    color: #ffffff; 
    font-weight: normal; 
    padding: 5px 2px 5px 2px;
}
.DASHBOARD_BODY2
{
    background-color: #eaeed6; 
    padding: 5px;
}
.DASHBOARD_BODY_ITEM2
{
    padding: 2px 2px 2px 2px; 
    text-align: left;
    background-color: #cee6b1;
}



/* Payment Card */
.paymentinfo
{
	height: auto;
	width: 230px;
	color: #000000;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 14px;
	background-color: #fff9ec;
	border :solid 1px #433c22;
}
.paymentinfo h1
{
	font-weight: normal;
	color: #ffc900;
	background-color: #433c22;
	text-align: left;
	font-size: 10pt;
	padding: 2px 5px 5px 8px;	
	margin: 0px 0px 8px 0px;
}
.paymentinfo h2
{
	font-weight: bold;
	font-size: 8pt;
	color: #000000;
	text-align: left;	
	padding: 0px 0px 2px 10px;
	margin: 0px 0px 0px 0px;
}
.paymentinfo h3
{
	font-weight: normal;
	color: #000000;
	font-size: 9pt;
	text-align: right;	
	padding: 0px 10px 15px 0px;
	margin: 0px 0px 0px 0px;
}
.paymentinfo p
{
	font-size: 9pt;	
	padding: 0px 0px 5px 10px;
}
.paymentinfoa1 
{
	font-weight: bold;
	width: 65px;
	color: #efe5ce;
	font-size: 7pt;
	background-color: #433c22;	
	text-align: center;
	padding: 3px 5px 3px 5px;
	margin: 5px 0px 5px 10px;
}
.paymentinfoa1 a
{
	color: #ffc900;
}
.paymentinfoa2
{
	font-weight: bold;
	width: 65px;
	color: #efe5ce;
	font-size: 7pt;
	background-color: #433c22;	
	text-align: center;
	padding: 3px 5px 3px 5px;
	margin: 5px 10px 5px 0px;
}
.paymentinfoa2 a
{
	color: #ffc900;
}
/* Rounded Corners CSS */
.spiffy{display:block; width: 232px;}
.spiffy *
{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#433c22;
  }
.spiffy1
{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #870000;
  border-right:1px solid #870000;
  background:#9f0000;
  }
.spiffy2
{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #6f0000;
  border-right:1px solid #6f0000;
  background:#a30000;
  }
.spiffy3
{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #a30000;
  border-right:1px solid #a30000;
  }
.spiffy4
{
  border-left:1px solid #870000;
  border-right:1px solid #870000;
  }
.spiffy5
{
  border-left:1px solid #9f0000;
  border-right:1px solid #9f0000;
  }
.spiffyfg
{
  background:#433c22;
  }
.sub_lightgrn 
{
	color: #7cbe33;
}

#homewrapper 
{
	position:absolute;
	left:147px;
	top:182px;
	width:797px;
	height:445px;
	z-index:1;
	overflow: hidden;
}
#powerlink1 
{
	position:absolute;
	left:271px;
	top:347px;
	width:156px;
	height:98px;
	z-index:5;
}
#powerlink2 
{
	position:absolute;
	left:445px;
	top:347px;
	width:156px;
	height:98px;
	z-index:5;
}
#powerlink3 
{
	position:absolute;
	left:618px;
	top:347px;
	width:156px;
	height:98px;
	z-index:5;
}
#powerlinkrollover1 
{
	position:absolute;
	left:271px;
	top:163px;
	width:156px;
	height:184px;
	z-index:10;
	visibility: hidden;
}
#powerlinkrollover2 
{
	position:absolute;
	left:445px;
	top:163px;
	width:156px;
	height:184px;
	z-index:10;
	visibility: hidden;
}
#powerlinkrollover3 
{
	position:absolute;
	left:618px;
	top:163px;
	width:156px;
	height:184px;
	z-index:10;
	visibility: hidden;
}
#mainhomewrapper 
{
	height: 445px;
	width: 797px;
}