html {border:0;}

body {
	margin:0 auto;
	padding:0;
	background-color:#9ac2de;
	background-image:url('../images/background.jpg');
    background-repeat: repeat-x;
}

img {
	border-style:none;
}

div.LeftAlign
{
	float: left;
}

div.RightAlign
{
	float: right;
}

div.Clear
{
	clear: both;
}

.UpdateProgress
{
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
	
	background-color: #013b60;
	background-color: silver;
	border: 1px solid Black;	
	color: Black;
	text-align: center;
	cursor: wait;
}

/* 225px + 720px wide */
#LogoContainer
{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 900;
}

#LogoContainer img.logo {
	display:inline;
	text-align:left;
	margin-top: 10px;
	margin-left: 15px;
	margin-bottom: 0px;
}

#TopNavContainer
{
	position: absolute;
	top:0px;
	left: 225px;
	width: 720px;
	z-index: 100;
}

#LeftNavContainer
{
	position: absolute;
	top: 57px;
	left: 0px;
	padding-top: 20px;
	z-index: 200;
	width: 225px;
}

#BodyContainer
{
	position: absolute;
	top: 46px;
	left: 225px;
	width: 720px;
	z-index: 100;
}

#BodyMain
{
	display: block;
	background-image:url('../images/bg_bodyContainer_head.gif');
	background-repeat: no-repeat;
	background-color: #013b60;
	/*padding: 11px 18px 0px 18px;*/
	padding: 11px 15px 0px 15px;	
	/* Minheight Hack - this is not supported in IE5 */
	min-height: 510px;
	height: auto !important;
	height: 510px;
}

#BodyFoot
{
	display: block;
	background-image:url('../images/bg_bodyContainer_foot.gif');
	background-repeat: no-repeat;
	padding: 26px 5px 10px 5px;
}

.BodyInnerSidebarHead
{
	display: block;
	background-image:url('../images/bg_bodyInnerSidebar_head.gif');
	background-repeat: no-repeat;
	background-position:bottom;
	padding: 16px 0px 0px 0px;
	width: 209px;
	margin-left: 10px;
}

.BodyInnerSidebarBody
{
	background-color: #7c9680;
	width: 207px;
	margin-left: 11px;
}

.BodyInnerSidebarFoot
{
	display: block;
	background-image:url('../images/bg_bodyInnerSidebar_foot.gif');
	background-repeat: no-repeat;
	padding: 16px 0px 0px 0px;
	width: 209px;
	margin-left: 10px;
}

#BodyMain #BodyLeftColumnContainer,
#BodyMain .BodyLeftColumnContainer
{
	display:block;
	float: left;
	width: 460px;
}

#BodyMain #BodyRightColumnContainer,
#BodyMain .BodyRightColumnContainer
{
	display:block;
	float:right;
	width: 225px;
}
	
	
.DebugContainer
{
	border: 1px solid black;
	background: silver;
	font-size: 11px;
	font-family: Arial;
	padding: 10px;
}	

/* HEADER STYLES */

#login {
	float:right;
	text-align:right;
	width: 100%;
	margin-right:5px;
	margin-top: 17px;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: #54809c;
	vertical-align:middle;
	white-space:nowrap;
}

#login input.login_button {
	vertical-align:top;
	margin-right: 18px;
}

#login input.login_email 
{
	margin-right: 5px;
}

#login a:active, #login a:link, #login a:visited {
	color: #013b60;
}


/* LEFT NAVIGATION */

.NavigationGroup
{
	background-image: url('../images/bg_navGroup.gif');
	background-repeat: no-repeat;
	margin-left: 15px;
	padding: 5px;
	margin-bottom: 1px;
	text-align:left;
	font-family:Century Gothic, Arial;
	color: #013b60;	
}
/*
.NavigationGroupMerge
{
	background-image: url('../images/bg_navGroup.gif');
	background-repeat: no-repeat;
	margin-left: 15px;
	padding: 5px;
}
*/
.NavigationGroupTitle
{
	font-weight: bold;
	font-size: 16px;
	padding-left: 5px;
	padding-bottom: 5px;
}

.NavigationGroupTitle a:active,
.NavigationGroupTitle a:visited,
.NavigationGroupTitle a:link
{
	color: #013b60;	
	display: block;
	text-decoration: none;
	font-weight: bold;
	vertical-align:middle;
}

.NavigationGroupElementGroup
{

}

.NavigationElement_OFF
{
	width:210px;
	height:49px;
	margin-left:2px;	
	padding-left: 18px;
	padding-top: 4px;
}

.NavigationElement_ON
{
	background-image:url('../images/level_indicator.gif');
    background-repeat: no-repeat;
	width:210px;
	height:49px;
	margin-left:2px;
	padding-left: 18px;
	padding-top: 4px;
}

.NavigationElementIcon_OFF
{
	float:left;
	margin-right: 10px;
}

.NavigationElementIcon_ON
{
	float:left;
	margin-right: 10px;
}

.NavigationElementText_OFF
{
	display: block;
	font-size: 18px;
}

.NavigationElementText_ON
{
	display: block;
	font-size: 18px;
	color: #ffffff;
}

.NavigationElementSubText_OFF
{
	display: block;
	font-size:11px;
}

.NavigationElementSubText_ON
{
	display: block;
	font-size:11px;
	color:#9ac2de;
}


/* LEVEL NAVIGATION ?? */


.NavigationGroupElementGroup .level_img_off {
	float:left;
	padding:0px;
	margin:0px;
}

.NavigationGroupElementGroup .level_img_on {
	float:left;
	padding:0px;
	margin:0px;
}
 
.NavigationGroupElementGroup #currentlevel {
	background-image:url('../images/level_indicator.gif');
    background-repeat: no-repeat;
	width:208px;
	height:49px;
	margin-top:0px;
	margin-bottom:5px;
	margin-left:2px;
	color: #ffffff;
}

.NavigationGroupElementGroup #currentlevel span.levelon {
	margin-left:7px;
	font-weight: bold;
	font-size: 18px;
	vertical-align:middle;
}

.NavigationGroupElementGroup span.leveloff {
	margin-left:5px;
	font-weight: bold;
	font-size: 18px;
	vertical-align:middle;
	text-align:left;
}
.NavigationGroupElementGroup #currentlevel span.levelon 
{	color:#FFFFFF;}

.NavigationGroupElementGroup #currentlevel span.processon {
	font-size:11px;
	font-weight:bold;
	color:#9ac2de;
	margin-left:7px;
	vertical-align: top;
}

.NavigationGroupElementGroup .leveloneoff {
	margin-left:23px;	
	margin-bottom:5px;
}

.NavigationGroupElementGroup .leveloneon {
	margin-left:23px;
	margin-top:0px;
    padding-top:3px;
}
.NavigationGroupElementGroup .leveltwooff{
	margin-left:23px;
	margin-bottom:5px;
}
.NavigationGroupElementGroup .leveltwoon {
	margin-left:20px;
    margin-top:0px;
	padding-top:3px;
}

.NavigationGroupElementGroup .levelthreeoff {
	margin-left:23px;
	margin-bottom:5px;
}
.NavigationGroupElementGroup .levelthreeon {
	margin-left:23px;
	margin-top:0px;
    padding-top:3px;
}

.NavigationGroupElementGroup a:active,
.NavigationGroupElementGroup a:visited,
.NavigationGroupElementGroup a:link {
	text-decoration:none;
	color:#013b60;
	font-weight: bold;
	font-size: 18px;
}

.NavigationGroupElementGroup span.process {
	font-size:11px;
	font-weight:bold;
	color:#013b60;
	margin-left:5px;
	vertical-align: top;
}

.NavigationGroupElementGroup span.process a:active,
.NavigationGroupElementGroup span.process a:visited,
.NavigationGroupElementGroup span.process a:link {
	text-decoration:none;
	color:#013b60;
	font-weight: bold;
	font-size: 11px;
	margin-left: 0px;
}

.NavigationGroupElementGroup span.processon a:active,
.NavigationGroupElementGroup span.processon a:visited,
.NavigationGroupElementGroup span.processon a:link {
	text-decoration:none;
	color:white;
	font-weight: bold;
	font-size: 11px;
	margin-left: 0px;
}

#nav_buttons {
	margin-left:30px;
	margin-top:20px;
	font-family:Century Gothic, Arial;
	margin-bottom: 104px;
}

#nav_buttons_checklist {
	margin-left:20px;
	margin-top:20px;
	font-family:Century Gothic, Arial;
	margin-bottom: 64px;
}


#nav_buttons img {
	margin-bottom: 10px;
}

#nav_buttons_checklist img {
	margin-bottom: 10px;
}



/* **************************************************************** */
/* REALTIME SAVINGS BOX */
/* **************************************************************** */

#realtime_savings {
	background-image:url('../images/savings_box_nopoint.gif');
    background-repeat: no-repeat;
	height:310px;
	margin-left:32px;
	margin-top:20px;
}

.realtime_savings_pointer 
{
	/*
	position: absolute;
	top: 360px;
	left: 203px;
	z-index: 999;
	*/
	
	position:relative;
	top: -260px;
	left: 203px;
	z-index: 999;
}

html>body #realtime_savings {
	/*margin-top:27px;*/
}

#realtime_savings_body
{
	padding: 10px 15px 10px 15px;
}



#realtime_savings #realtime_savings_body a:link,
#realtime_savings #realtime_savings_body a:active,
#realtime_savings #realtime_savings_body a:visited
{
	display: block;
	color: #015a84;
	font-family: Arial;
	font-weight: bold;
	font-size:13px;
	line-height: 28px;
	text-align: center;
	width: 144px;
	/* Why is the width only needed for IE? */
	/* There has to be another style that screws this up */
}

#didyouknow_savings a:link,
#didyouknow_savings a:active, 
#didyouknow_savings a:visited
{
	color: #015a84;
	font-family: Arial;
	font-weight: bold;
	font-size:13px;
	margin-left: 55px;
	line-height: 42px;
}

#realtime_savings p {
	font-family:Century Gothic, Arial;
	font-size:16px;
	font-weight: bold;
	color: #114a11;
	margin-bottom:0px;
	padding-left: 17px;
}

#didyouknow_savings p {
	font-family:Century Gothic, Arial;
	font-size:18px;
	font-weight: bold;
	color: #114a11;
	margin-bottom:0px;
	padding-top: 0px;
	padding-left: 20px;
}

#savings {
	margin-left: 20px;
	margin-top:10px;
	font-family:Century Gothic, Arial;
	font-size:16px;
	font-weight: bold;
	color: white;
}

#savings ul {
	padding-left:13px;
	margin-left: 0px;
	padding-top:0px;
	margin-top:10px;
	font-size:13px;
}

#tip {
	font-family:Century Gothic, Arial;
	font-size:13px;
	font-weight: bold;
	width:150px;
	color: white;
	margin-left: 13px;
	margin-top: 5px;
}



#realtime_savings #water 
{
	background-image:url('../images/icon_water.gif');
    background-repeat: no-repeat;
	height:55px;

}

#realtime_savings #waste 
{
	background-image:url('../images/icon_waste.gif');
    background-repeat: no-repeat;
	height:55px;

}

#realtime_savings #greenhouse 
{
	background-image:url('../images/icon_greenhouse.gif');
    background-repeat: no-repeat;
	height:55px;
	width:150px;
}

#realtime_savings #dollars {
	background-image:url('../images/icon_dollars.gif');
    background-repeat: no-repeat;
	height:55px;

}

#realtime_savings #dollars span.label, 
#realtime_savings #water span.label, 
#realtime_savings #waste span.label, 
#realtime_savings #greenhouse span.label {
	font-family:Century Gothic, Arial;
	font-size:12px;
	font-weight:bold;
	color:#2b602b;
	margin-left: 55px;
	
}

#realtime_savings #greenhouse span.labeldouble {
	font-family:Century Gothic, Arial;
	font-size:12px;
	font-weight:bold;
	color:#2b602b;
	padding:0px;
	margin:0px;
	margin-left: 55px;
	line-height:13px;
	height:13px;
	width:60px;
}

#realtime_savings #dollars span.dollars,
#realtime_savings #water span.dollars,
#realtime_savings #waste span.dollars,
#realtime_savings #greenhouse span.dollars {
	font-family:Century Gothic, Arial;
	font-size:14px;
	font-weight:bold;
	color:#013b60;
	margin-left: 55px;
}


/* ********************************************************************************** */
/* ACTIVITY STUFF */
/* ********************************************************************************** */

#activity_icon {
	display:inline;
	float:left;
	width:85px;
	padding-top:18px;
}

#activity {
	display:inline;
	float:right;
	width:590px;
	padding-top:18px;
	text-align:left;
	/* Minheight Hack - this is not supported in IE5 */
	min-height: 300px;
	height: auto !important;
	height: 300px;	
}

	#activity p 
	{
		font-family:Century Gothic, Arial;		
		padding:0px;
		margin: 0px;
		color: #ffffff;
	}

	#activity p.title {
		font-family:Century Gothic, Arial;
		font-size:24px;
		font-weight:bold;
		width: 470px;
	}

	#activity p.description {
		font-family:Century Gothic, Arial;
		font-size:14px;
		font-weight:bold;
		color: #a8c5af;
		line-height: 18px;
		margin-bottom:15px;
		padding-right: 30px;
	}
	
	#activity p.question 
	{
		font-family: Arial;
		font-size:19px;
		font-weight: bold;
		line-height: 25px;
		vertical-align: top;		
	}
	
	#activity #activityResponse
	{
		padding-bottom:10px;
		margin-top:15px;
		font-size:80%;	
	}

	#activity #activityResponse label {
		font-family: Arial;
		font-size:14px;
		font-weight: bold;
		color: #ffffff;
		margin-left:2px;
		margin-right: 15px;
		line-height: 14px;
		/*vertical-align: top;*/
		padding-top: 0px;
	}

	#activity #activityResponse p#activityResponseLabelNotApplicable	
	{
		font-family:Arial;
		font-size:12px;
		font-weight:normal;
		text-align:right;
		padding-right: 60px;
	}
	
	#activity .activityBaselineContainer
	{
		font-family:Century Gothic, Arial;
		font-size:13px;
		font-weight:bold;
		color: #a8c5af;
		vertical-align:middle;
		padding-top: 10px;
	}

#activityButtons 
{
	display: block;
	text-align:right;
	padding-top: 10px;
	padding-bottom: 20px;
}

#tips 
{
	background-image:url('../images/tips_box2.gif');
    background-repeat: no-repeat;
	width: 690px;
	height: 125px;
	background-position: 0px 0px 0px 0px;
	font-family: Century Gothic, Arial;
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
}

#extratips  {
	display:inline;
	float: left;
	width: 220px;
	margin:0px;
	padding:0px;
	vertical-align:top;
}

#didyouknow {
	display:inline;
	float:right;
	width: 445px;
	margin-right: 10px;
	margin-top:9px;
	line-height: 15px;
	overflow:hidden;
}


#tips ul {
	 margin:0px; 
	 padding:30px 0px 0px 27px;
	 font-size:13px;
}

#tips ul a:active, #tips ul a:link, #tips ul a:visited {
	text-decoration: none;
	color: #ffffff;
}

#tips img.tip_photo {
	display:inline;
	margin-left:5px;
}


/* ACTIVITY INDEX BAR */

.ActivityIndexBar
{
	padding-top: 16px;
	padding-bottom: 2px;
	font-family:Century Gothic, Arial;
	font-size:14px;
	font-weight:bold;	
	color: white;
	text-align: right;
}

.ActivityIndexBar .Title
{
	color: #a8c5af;
}

.ActivityIndexBar a,
.ActivityIndexBar a:visited,
.ActivityIndexBar a:active
{	
	color: White;
	text-decoration: none;
	padding: 0px 3px 0px 3px;
	border: 2px solid #013b60;
}

.ActivityIndexBar a.ActivityIndexCurrent,
.ActivityIndexBar a.ActivityIndexCurrent:visited,
.ActivityIndexBar a.ActivityIndexCurrent:active
{
	background-color: #9ac2de;
	color: #013b60;
	border: 2px solid #9ac2de;
}

.ActivityIndexBar a:hover
{
	background-color: #03a403;
	border: 2px solid white;
	color: White;
}


#checklist 
{
	/*
	position:absolute;
	top:243px;
	width:450px;
	height:290px;
	overflow:auto;
	*/
	background-color: #ffffff;
	text-align:left;
}

#checklist table {
	border: 0px solid black;
	font-family: Century Gothic, Arial;
	font-size: 15px;
	font-weight: normal;
	color: #013b60;
	
}

#checklist table td {
	border-right: 1px solid #013b60;
	border-bottom: 1px solid #013b60;
	border-left: 0px;
	border-top: 0px;

}

#checklist table td.number {
	border-right: 1px solid #013b60;
	border-bottom: 1px solid #013b60;
	border-left: 0px;
	border-top: 0px;
	font-weight:bold;
	vertical-align: top;
}


/* *********************************************************** */
/* RESULTS REPORT */
/* *********************************************************** */

#results 
{
}


/*Report Explanation Popup*/
#report_popup_link
{
	position: absolute;
	left:260px;
	top: 30px;
	width:200px;
	text-align:right;	
}

#report_popup_link a
{
	font-size:13px;
	color:#FFF;
	font-weight:normal;	
}

.report_popup 
{
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color: #013b60;
	color:#114a11;
	padding:3px 10px 10px 10px;
	width:380px;
	visibility:hidden;
	z-index:10;
	float:left;
}


.HiddenText
{
	visibility: hidden;
}




#results p {
	font-family:Century Gothic, Arial;
	font-size:18px;
	font-weight:bold;
	color: #ffffff;
	padding:0px;
	/*margin-left: 10px;*/
	margin-top: 2px;
}


#savings_summary {
	margin: 7px 0px 0px 28px;
	font-family:Century Gothic, Arial;
	font-size:18px;
	font-weight:bold;
	color: #8aa68e;
	vertical-align:middle;
}

#savings_summary img {
	margin-right:10px;
	margin-bottom: 1px;
	vertical-align: middle;
}

#compare 
{
	/*
	position:absolute;
	top: 280px;
	left:10px;
	*/
	/*
	position: relative;
	left: 55px;
	width:470px;
	*/
	/*
	text-align:center;
	display:inline;
	vertical-align:middle;
	*/
	
	color: white;
	font-family:Century Gothic, Arial;
	font-size:14px;
	font-weight:bold;
}

#compare .FormRow
{
	/*
	width: 440px;
	position: relative;
	left: 10px;
	*/
}

#compare .FormRow select
{
	width: 100%;
}

#compare img{
	vertical-align:middle;
	margin-bottom: 5px;
	margin-left: 8px;
}

#graph 
{
	/*
	position:absolute;
	top:310px;
	left:50px;
	*/
	width:399px;
	height: 226px;	
	background-image:url('../images/savings_graph.gif');
    background-repeat: no-repeat;
}

#graph #water_savings, #graph #water_savings_text,
#graph #water_savings_other, #graph #water_savings_other_text,
#graph #waste_savings, #graph #waste_savings_text,
#graph #waste_savings_other, #graph #waste_savings_other_text,
#graph #greenhouse_savings, #graph #greenhouse_savings_text,
#graph #greenhouse_savings_other, #graph #greenhouse_savings_other_text,
#graph #dollar_savings, #graph #dollar_savings_text,
#graph #dollar_savings_other, #graph #dollar_savings_other_text
{
	/*
	position:absolute;
	*/
	width:40px;
	font-family:Century Gothic, Arial;
	font-size:12px;
	font-weight:bold;
	color: white;
	text-align: center;
}

#graph #water_savings, #graph #waste_savings,
#graph #greenhouse_savings, #graph #dollar_savings{
	background-color: #8aa68e;}

#graph #water_savings_other, #graph #waste_savings_other,
#graph #greenhouse_savings_other, #graph #dollar_savings_other   
{
	background-color: #5b91b4;
}

#graph #water_savings, #graph #water_savings_text  {
	left:48px;}

#graph #water_savings_other, #graph #water_savings_other_text  {
	left:88px;}

#graph #waste_savings, #graph #waste_savings_text {
	left:136px;}

#graph #waste_savings_other, #graph #waste_savings_other_text {
	left:176px;}

#graph #greenhouse_savings, #graph #greenhouse_savings_text {
	left:224px;}

#graph #greenhouse_savings_other, #graph #greenhouse_savings_other_text {
	left:264px;}

#graph #dollar_savings, #graph #dollar_savings_text  {
	left:311px;}

#graph #dollar_savings_other, #graph #dollar_savings_other_text {
	left:351px;}
	
	
#results p.checklist 
{
	/*
	position:absolute;
	top:100px;
	width:450px;
	font-weight:bold;
	*/
	font-family:Century Gothic, Arial;
	font-size:13px;
	font-weight: normal;
	color: white;
}	

#sidebar 
{
	/*
	position: absolute;
	top:75px;
	left:525px;
	*/
	position: relative;
	left: 14px;		
	width:183px;
	font-family:Century Gothic, Arial;
	font-size:15px;
	font-weight:normal;
	color: white;
	text-align: center;
}

#sidebar_checklist 
{
	/*
	position: absolute;
	top:75px;
	left:525px;
	*/
	position: relative;
	left: 14px;
	width:183px;	
	font-family:Century Gothic, Arial;
	font-size:15px;
	font-weight:bold;
	color: white;
	text-align: center;
}

#sidebar_checklist ul {
	margin-left:0px;
	padding-left:0px;
	width:165px;
	list-style: none;
	color: #124b1a;
}

#sidebar a:link, #sidebar a:visited, #sidebar a:active, #sidebar a:hover, 
#sidebar_tip a:link, #sidebar_tip a:visited, #sidebar_tip a:active, #sidebar_tip a:hover{
	color: #184a1a;
	font-weight: bold;
}

#sidebar_tip 
{
	/*
	position:absolute;
	top:280px;
	left:520px;
	*/
	position: relative;
	left: 14px;
	background-image:url('../images/sidebar_tip.gif');
    background-repeat: no-repeat;
	width:183px;
	height:248px;
}

#sidebar_tip p {
	text-align: left;
	padding-left: 13px;
	padding-top:7px;
	color: white;
	font-family:Century Gothic, Arial;
	font-size:13px;
	font-weight:normal;
	width:155px;
}







#social 
{
	/*
	line-height:15px;
*/
	vertical-align: middle;
	text-align: right;
	color:#013B60;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	white-space:nowrap;
}

#social a:link,
#social a:active,
#social a:visited {
	border:0px;
	text-decoration: none;
	color:#013B60;
}

#social #contact_us 
{
	display:inline;
}

#social #contact_us .contactUsLinkSpacer
{
	display: inline;
	vertical-align:middle;
	color:#013B60;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	white-space:nowrap;
	padding-left: 15px;
	padding-right: 15px;
}

a.digg
{
	margin: 10px;
}

/*Extra Tip Popup*/
.extratip_popup 
{
	position:absolute;
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color: #013b60;
	color:#114a11;
	padding:3px 10px 10px 10px;
	width:380px;
	visibility:hidden;
	z-index:10;
	float:left;
}

/* Region Page */
.white_text {
	color:#ffffff; 
	margin-left:0px; 
	margin-bottom:5px; 
	font-family:Century Gothic, Arial, Sans-Serif; 
	font-size:13px;
}

.green_text {
	color:#93bd9d; 
	margin-left:10px; 
	margin-bottom:5px; 
	font-family:Century Gothic, Arial, Sans-Serif; 
	font-size:13px;
}

a.content_link:hover, a.content_link:active, a.content_link:link, a.content_link:visited{
	color:#9AC2DC;
}
	
h1,
h1 a,
h1 a:hover,
h1 a:active,
h1 a:link,
h1 a:visited
{
	font-family:Century Gothic, Arial, Sans-Serif; 
	font-size:24px; 
	font-weight:bold;
	color:#ffffff; 
	margin-top:20px;
	padding:0px;
}


.subtitle,
.subtitle a,
.subtitle a:hover,
.subtitle a:active,
.subtitle a:link,
.subtitle a:visited
{
	font-family:Century Gothic, Arial, Sans-Serif; 
	font-size:18px; 
	color:#ffffff; 
	font-weight: bold;
	padding-bottom: 5px;
}



/* INPUTS */
.input_intTxt {font-size:80%;margin-left:5px; width:50px; font-family:Century Gothic, Arial;}
.input_mnyTxt {font-size:80%;margin-left:5px; width:50px; font-family:Century Gothic, Arial;}
.input_decTxt {font-size:80%;margin-left:5px; width:50px; font-family:Century Gothic, Arial;}
.input_rbl {font-size:100%;margin-left:0px; color:#a8c5af; font-family:Century Gothic, Arial;}
.input_ddl {font-size:80%;margin-left:5px; font-family:Century Gothic, Arial;}
.input_chk {font-size:80%;margin-left:5px; color:#a8c5af; font-family:Century Gothic, Arial;}
.pre_text {font-size:100%; color:#a8c5af; line-height:15px; font-family:Century Gothic, Arial;}
.post_text {font-size:100%; color:#a8c5af; line-height:15px; font-family:Century Gothic, Arial;}
.pre_text input {font-size:80%; color:#a8c5af; font-family:Century Gothic, Arial;}
.post_text input {font-size:80%; color:#a8c5af; font-family:Century Gothic, Arial;}



#sidebar h4 {
	font-family:Century Gothic, Arial;
	color: #114a11;
	padding-top:0px;
	margin-top:0px;
	padding-bottom:2px;
	margin-bottom:4px;
	font-size:17px;
}

#sidebar span {
	font-family:Century Gothic, Arial;
	font-size:13px;
	color: white;
}

.NavigationGroupElementGroup #currenttab {
	background-image:url('../images/level_indicator.gif');
    background-repeat: no-repeat;
	width:208px;
	height:49px;
	margin-top:10px;
	margin-bottom:10px;
	color: #ffffff;
}
.NavigationGroupElementGroup #leveltwo {
	margin-bottom:10px;
}

.NavigationGroupElementGroup #currenttab span.levelon {
	margin-left:45px;
	line-height:45px;
	font-weight: bold;
	font-size: 18px;
	vertical-align:middle;
}

#didyouknow_savings 
{
	/*
	position: absolute;
	top:260px;
	left:32px;
	*/
	margin-left:32px;
	margin-top:20px;	
	background-image:url('../images/savings_box.gif');
    background-repeat: no-repeat;
	width:210px;
	height:310px;
	
}

#didyouknow_savings p {
	margin-top:10px;
	padding-top:10px;
}

#results p.title span {
	font-size:14px;
	color: #81e281;
	margin-left:150px;
}

#results p.title span.checklist {
	font-size:14px;
	color: #81e281;
	margin-left:120px;
}

#results p.title span a:link, #results p.title span a:active, #results p.title span a:visited {
	text-decoration: underline;
	color: #81e281;
}

#results p.checklist2 {
	position:absolute;
	top:145px;
	left:253px;
	font-family:Century Gothic, Arial;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	color: #93bd9d;
	width:450px;
}

#results img.print {
	position:absolute;
	top:195px;
	left:570px;
	vertical-align:bottom;
	text-align:right;
}

#results p.checklistprint {
	visibility:hidden;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
	position: absolute; 
	z-index: 100001; 
	left: 470px; 
	top: 176px;
}

 /*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	margin-left : 0px;
	background-color : white;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
    padding:0pt;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : white;
	color : windowtext;
	padding : 1px;
}


#question .rbl_style label {
	font-size:12px;
	line-height:17px;
	color:#93bd9d;
	font-family:Century Gothic, Arial;
	font-weight: bold;
/*	color:Red; */
}

#question .rbl_style input  {
/*	height:25px;
	width:25px;*/
}

h3 a:active, h3 a:link, h3 a:visited {
	color: #93bd9d;
}

.radiobutton {
	color: red;
}


#question .rbl_response label{
	margin-left:2px;
	font-size:14px;
	margin-bottom:0px;
}
#question .rbl_response input{
	margin-top:0px;
	margin-bottom:0px;
}

html>body #question .rbl_response input {
	margin-top:8px;
}

#question .rbl_response td
{
	padding-right:25px;
	vertical-align:middle;
	margin-bottom:0px;
}

.validatorCalloutHighlight
{
    background-color: lemonchiffon;
}

.inlne{display:inline;}


.errorCallout {color:Red;}





/* *************************************************************** */
/* DATA GRIDS */
/* *************************************************************** */

table.DataGrid
{
	border: 0px;
	font-family: Century Gothic, Arial;
	font-size: 14px;
	font-weight: normal;
	color: #013b60;
	width: 100%;
}

table.DataGrid tr
{
	border: 0px;
}

table.DataGrid th
{
	background-color: #9ac2de;
	text-align: left;
	border: 1px solid white;
	border-bottom: 1px solid #658092;
	border-right: 1px solid #658092;
	padding: 3px;
	padding-right: 10px;
}

table.DataGrid td
{
	text-align: left;
	padding: 3px;
	padding-right: 10px;
	border: 1px solid white;
	border-bottom: 1px solid #658092;
	border-right: 1px solid #658092;	
	background-color: White;
}

table.DataGrid td.RightAlign
{
	text-align: right;
}

table.DataGrid a,
table.DataGrid a:visited,
table.DataGrid a:active
{
	font-weight: bold;
	text-decoration: underline;
	color: #013b60;
}








/* *************************************************************** */
/* BASIC PAGE */
/* *************************************************************** */

.BasicPage
{
	padding: 0px;
	margin: 0px;
	/* NOTE - DO NOT PUT ANY PADDING OR MARGINS ON THIS SHIT */
	/* USE THE #BodyMain */
	/* Otherwise you'll mess the use of percentages for tables and grids in IE */
	position: relative;
	left: 10px;
	width: 670px;
	/* This just adds an extra 10px on left and right */
}


.Error 
{
	border: 2px solid white;
	background-color: Red;
	color: White;
	font-family:Century Gothic, Arial, Sans-Serif; 
	font-size:12px;
	font-weight:bold;
	padding: 10px;
	margin-bottom: 10px; 

}



.FormRow
{
	font-family:Century Gothic, Arial, Sans-Serif;
	font-size:13px;
	color:#ffffff;
	margin-left:0px;
	padding-bottom: 10px;
}

.FormRow .Label
{
	display: inline;
	width: 200px;
	float:left;
}

.FormRow .FieldNote
{
	clear: both;
	display: block;
	padding-left: 200px;
	font-style: italic;
	font-size: -10%;
	padding-top: 5px;
}





.TeamCompareProfileBox
{
	border: 1px solid black;
	border-top: 1px solid #9ac2de;
	border-left: 1px solid #9ac2de;
	background-color: White;
	color: #013b60;
	padding: 10px;
	margin-bottom: 10px;
}

.TeamCompareProfileBox .subTitle
{
	color: #013b60;
}

.TeamCompareVS
{
	color: white;
	font-size: 38px;
	text-align: center;
	width: 80px;
}








.ComboBoxHeaderRow
{
	border-bottom: 1px solid silver;
	padding: 3px;
	font-family: Century Gothic, Arial;
	font-size: 14px;	
	background-color: #013b60;
	color: White;
}

.ComboBoxResultsRow
{
	border-bottom: 1px solid silver;
	padding: 3px;
	font-family: Century Gothic, Arial;
	font-size: 14px;	
}

.ComboBoxResultsTitleColumn
{
	width: 200px;
	float: left;
}

.ComboBoxResultsNumberColumn
{
	width: 50px;
	float: left;
	text-align: center;
}