<style type="text/css">

<!---
/*
================================
	TABLE OF CONTENTS
================================
	- Default Settings
	- A Links
	- Layout Divs
	- Floats / Clears
	- H1 Titles
	- Form Styles
			> Login
			> My Interests & My Accounts
			> Registration
	- Banner
	- Navigation
			> Site
			> My Friends
	- Footer
	- Register
		- Titles
		- Public Reg Panel
	- Email Verified
	- Public Content
	- Left Profile
	- Find A Friend
	- Updates
	- Right Left
	- My Forest
	- Right Right
	- My Offsets
	- Invite Friends
	- Right
	- Your Friends
	- My Friends
	- Collective Offsets
	- Green Tips
	- Green Tips Large
	- Green Tips Page
	- Full Width
	- How It Works (Register / Login)
	- Greenfleet (Register / Login)
	- Earn More Credits
	- Friends Searches
	- Tables
	- View A Friend's Page
	- Invite Search
	- Invitation Preview
	- How it Works
	- Modal
	- Plaxo
	- FaceBook
	- ClickGreen in the News
	- Planting Page
================================
*/
--->

/*
================================
	DEFAULT SETTINGS
================================
*/
ul, ol { 
	list-style: none;
}

img {
	margin: 0;
	padding: 0;
}

br {
	margin: 0;
	padding: 0;
	height: 0px;
	width: 0px;
}

body, h1, h2, h3, h4, h5, h6, form, html, fieldset, pre, legend, dl, dt, dd, li, p, ul, blockquote, div { 
	margin: 0; 
	padding: 0;
}

.captcha {
	border: 1px solid #078A08;
}

.headingtwo {
	margin: 0px 0px 3px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #067403;
}

.headingthree {
	font-size: 12px;
	font-weight: bold;
	color: #15139A;
}

.bodyfont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.specialfont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000 !important;
	font-weight:  bold !important;
}

.errorMessage {
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-size: 12px;
	color: #FF0000;
	background: #FAE3E3;
	padding: 5px;
	border: 1px solid #FF0000;
	text-align: center;
}

.successMessage {
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-size: 12px;
	color: #077303;
	background: #D9FFE6;
	padding: 5px;
	border: 1px solid #077303;
	text-align: center;
}


/*
=====================
	A LINKS
=====================
*/

a, a:link, a:visited {
	text-decoration: underline;
	font-weight: normal;  
	color: #077303;
}

a:active, a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #077303;
}

a img, a:link img, a:visited img, fieldset { 
	border: none;
}

/*
================================
	LISTS
================================
*/
ul {
	margin: 5px 0px 5px 15px;
}

li {
	list-style-type: disc;
}

/*
================================
	LAYOUT DIVS
================================
*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	text-align: center;
}

#bannerContainer {
	width: 100%;
	background: #067404 url(/images/clickgreen/cg_banner_bg.jpg) repeat-x bottom;
}

#banner {
	height: 26px;
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

#bannerPublic {
	height: 136px;
	width: 800px;
	margin: 0 auto;
	text-align: left;
	color: #067404;
	background: url(/images/clickgreen/cg_banner_bg.jpg) repeat-x bottom;
}

#bannerLoggedin {
	height: 90px;
	width: 800px;
	margin: 0 auto;
	text-align: left;
	color: #067404;
	background: url(/images/clickgreen/cg_banner_bg.jpg) repeat-x bottom;
}

#containerBG {
	width: 100%;
	background: #fff url(/images/clickgreen/cg_clouds_bg.jpg) repeat-x top;
}

#container {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

#footerBG {
	clear: both;
	height: 550px;
	width: 100%;
	background: #000 url(/images/clickgreen/cg_dirt_bg.jpg) repeat-x top;
	text-align: center;
}

#footer {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

#topSpacer {
	clear: both;
	width: 800px;
	height: 80px;
}

#leftProfile {
	clear: both;
	float: left;
	width: 235px;
	background: #fff url(/images/clickgreen/cg_leftProfile_bg.jpg) repeat-y;
	overflow: hidden;
}

#right {
	float: left;
	width: 565px;
	overflow: hidden;
}

#publicContent {
	float: left;
	width: 540px;
	overflow: hidden;
}

#publicRegPanel {
	float: left;
	width: 235px;
	overflow: hidden;
}

/*
=========================
	FLOATS / CLEARS
=========================
*/
.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearBoth {
	clear: both;
}

.contentBottomSpacer {
	clear: both;
	float: inherit;
	height: 15px;
}

/*
==========================
	H1 TITLES
==========================
*/
.cg_titleH1 {
	clear: both;
	padding: 2px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
}

.cg_titleH1 h1 {
	white-space: nowrap;
	font-size: 17px;
	font-weight: bold;
	color: #077303;
	padding: 0px 0px 2px 0px;
}

.cg_titleH1RightRight {
	clear: both;
	padding: 2px 0px 0px 0px;
	margin: 20px 0px 0px 5px;
}

.cg_titleH1RightRight h1 {
	font-size: 17px;
	font-weight: bold;
	color: #077303;
}

.cg_titleIcon30 {
	margin: 10px 0px 0px 5px;
}

/*
============================
	FORM STYLES
============================
*/
.hr {
	width:100%; 
	border-top:1px dotted #077303; 
	margin:0px 0px 10px 0px;
}

.cgform {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #078A08;
	height: 20px;
}

.cgradioform {
	border: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}

.cgformfieldname {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	width: 150px;
}

.cgformtable {
	width: auto;
}

.cgforminput {

}

.cgformtextarea {
	width: 300px;
	height: 100px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #078A08;
}

.cgformsubmit {
	background: #0A7607;
	color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #A4C1A3 #9CC49B #9CC49B #A4C1A3;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
}

.cgformsubmitcell {
	text-align: right;
}

/* LOGIN  */
.loginInputTitle {
	clear: both;
	float: left;
	margin: 5px 0px 2px 0px;
}

.loginInputTitle p {
	font-size: 0.6em;
	font-weight: bold;
	color: #077303;
}

.loginTextField {
	clear: both;
	float: left;
	margin: 2px 0px 2px 0px;
}

.loginTextField input {
	width: 195px;
	font-size: 0.8em;
	border: 1px solid #077303;
}

.loginForgotPasswordButton {
	clear: both;
	float: left;
	margin: 5px 0px 0px 0px;
	width: 100%;
}

.loginForgotPassword {
	clear: both;
	float: left;
	margin: 10px 0px 0px 0px;
}

.loginForgotPassword p {
	font-size: 0.6em;
}

.loginButton {
	float: right;
	margin: 5px 0px 0px 0px;
}

.cgloginheading {
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
}

.cgloginbox {
	background: url('/images/clickgreen/cgloginboxbg.gif') repeat-x #8BC354;
}

.cgloginboxtoprow, tr.cgloginboxbottomrow {
	height: 3px;
}

.cgloginboxtopleft {
	background: url('/images/clickgreen/loginboxtopleft.gif') no-repeat top left;
	width: 3px;
}

.cgloginboxtop {
	background: url('/images/clickgreen/loginboxtop.gif') repeat-x top;
	width: 3px;
}

.cgloginboxtopright {
	background: url('/images/clickgreen/loginboxtopright.gif') no-repeat top right;
	width: 3px;
}

.cgloginboxleft {
	background: url('/images/clickgreen/loginboxleft.gif') repeat-y left;
	width: 3px;
}

.cgloginboxright {
	background: url('/images/clickgreen/loginboxright.gif') repeat-y right;
	width: 3px;
}

.cgloginboxbottomleft {
	background: url('/images/clickgreen/loginboxbottomleft.gif') no-repeat bottom left;
	width: 3px;
}

.cgloginboxbottom {
	background: url('/images/clickgreen/loginboxbottom.gif') repeat-x bottom;
	width: 3px;
}

.cgloginboxbottomright {
	background: url('/images/clickgreen/loginboxbottomright.gif') no-repeat bottom right;
	width: 3px;
}


.cgloginbox a, .cgloginbox a:link,.cgloginbox a:visited,.cgloginbox a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
}

.cgloginbox a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.cglogintable {
	width: 100%;
	padding: 4px;
}

.cglogintable .cgloginform {
	width: 100%;
}

.cglogintableheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.cgloginbutton {
	background: url('/images/clickgreen/loginformbutton.gif') no-repeat center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	width: 98px;
	height: 34px;
	border: 0px;
}

.cgloginform {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #078A08;
	height: 20px;
}

.cglogintableinput {

}

.loginBoxButtonCell {
	vertical-align: bottom;
	text-align: right;
	padding-left: 5px;
}


/* MY INTERESTS & MY ACCOUNT */
.myaccounttable {

}

.myaccountheading {
	border-bottom: 1px solid #CBCBCB;
	color: #1A52C3;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 7px;
	padding-top: 20px;
}

.myaccountfieldname {
	border-bottom: 1px dotted #AAAAAA;
	color: #1A52C3;
	font-weight: normal;
	font-size: 11px;
	padding: 7px;
}

.myaccountinput {
	border-bottom: 1px dotted #AAAAAA;
	padding: 7px;
}

.myaccountsubmitcell {
	text-align: right;
	padding: 7px;
}

.disclaimersmalltext {
	font-size: 10px;
	color: #999999;
	padding-left: 5px;
}

/* REGISTRATION */
.regform {
	background: url('/images/clickgreen/regformbg.gif') repeat-x top #1854C2;
	padding: 5px;
}

.regform div.headingtwo {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}

#regemail {
	width: 170px;
}

.regformtable {
	border-collapse: collapse;
	width: 100%;
}

.regformfieldname {
	border-bottom: 1px solid #CBCBCB;
	color: #1A52C3;
	width: 200px;
	font-weight: bold;
	font-size: 12px;
}

.regforminput {
	border-bottom: 1px solid #CBCBCB;
	padding: 7px;
}

.regforminput .cgform {
	<!--- height: 25px; --->
}

.regformsubmitcell {
	text-align: right;
	padding: 7px;
}

.regformsubmitcell .cgformsubmit {
	background: url('/images/clickgreen/regformsubmit.gif') no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	width: 98px;
	height: 34px;
	border: 0px;
}

.regformrow {
	
}

.regpageheading {
	margin: 5px 0px 0px 10px;
	color: #077303;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

.regpageheadingtwo {
	color: #1A52C3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.regpagefont {
	color: #077303;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: regular;
	padding: 5px;
}

.regpagefontfade {
	color:83b981;
	font-size:11px;
}

/*
=========================
	BANNER
=========================
*/
.bannerContentLogo {
	float: left;
	margin: 5px 0px 0px 10px
}

.bannerContentLogoPublic {
	float: left;
	margin: 40px 0px 0px 10px;
}

.bannerContentLogoLoggedin {
	float: left;
	margin: 25px 0px 0px 10px;
}

/* Contains the LOGIN and  NAV */
.bannerContentRight {
	float: left;
	margin: 30px 0px 0px 0px;
}

/* Contains the LOGIN and  NAVIGATION */
.bannerContentRightLoggedin {
	float: left;
	margin: 20px 0px 0px 0px;
}

/*
=========================
	LOGIN / LOGOUT
=========================
*/
.navLogout {
	clear: both;
	float: inherit;
	width: 520px;
}

.navLogout a:link, .navLogout a:visited {
	font-weight: normal;
	color: #86c150;
	font-size: 10px;
	text-decoration: none;
}

.navLogout a:hover, .navLogout a:active {
	text-decoration: underline;
}

.navLogin {
	clear: both;
	float: inherit;
	margin: 0px 0px 0px 55px;
	color: #fff;
}

.navLoginInput {
	float: left;
	margin: 0px 10px 0px 0px;
}

.navLoginInput p {
	margin: 0;
	padding: 0;
	font-size: 10px;
}

.navLoginInput input {
	margin: 2px 0px 0px 0px;
	padding: 2px;
	width: 116px;
	height: 20px;
	border: 1px solid #000;
	font-size: 11px;
	background: #d3eed8;
}

.navLoginButton {
	float: left;
	margin: 14px 10px 0px 0px;
}

.navLoginForgotPass {
	float: left;
	width: 70px;
	margin: 12px 0px 0px 0px;
}

.navLoginForgotPass a:link, .navLoginForgotPass a:visited {
	font-weight: normal;
	color: #86c150;
	font-size: 10px;
	text-decoration: none;
}

.navLoginForgotPass a:hover, .navLoginForgotPass a:active {
	text-decoration: underline;
}

/*
=========================
	NAVIGATION
=========================
*/
.bannerNavPublic {
	clear: both;
	float: inherit;
	margin: 5px 0px 0px 0px;
	width: 455px;
}

.bannerNavLoggedin {
	clear: both;
	float: inherit;
	margin: 5px 0px 0px 95px;
	width: 455px;
}

.bannerNavContainer {
	clear: both;
	float: inherit;
	height: 45px;
	margin: 0px 0px 0px 50px;
	width: none;
	background: url(/images/clickgreen/cg_nav_bg.jpg) repeat-x;
}

.bannerNavBufferLeft {
	float: left;
	width: 7px;
	height: 45px;
	background: url(/images/clickgreen/cg_nav_buffer_left.jpg) no-repeat;
}

.bannerNavBufferRight {
	float: right;
	width: 7px;
	height: 45px;
	background: url(/images/clickgreen/cg_nav_buffer_right.jpg) no-repeat;
}

.bannerNavDiv {
	float: left;
	margin: 1px 5px 0px 5px;
	height: 30px;
	width: 5px;
	list-style-type: none;
	background: url(/images/clickgreen/cg_nav_div.jpg) no-repeat;
}

a.bannerNavHomeIcon {
	padding: 0;
	margin: 0;
	width: 20px;
	height: 30px;
}

.bannerNavContainer ul {
	float: left;
	font-size: 12px;
	font-weight: regular;
	color: #fff;
	margin: 5px 0px 5px 10px;
}

.bannerNavContainer li {
	float: left;
	text-align: center;
	list-style-type: none;
}

.bannerNavContainer a, .bannerNavContainer a:link, .bannerNavContainer a:visited {
	float: left;
	display: block;
	height: 35px;
	padding: 8px 5px 0px 5px;
	color: #fff;
	text-decoration: none;
}

.bannerNavContainer a:active, .bannerNavContainer a:hover {
	text-decoration: none;
	padding: 9px 5px 0px 5px;
}

a.bannerNavSelected:link, a.bannerNavSelected:visited {
	font-weight: bold;
	text-decoration: none;
}

a.bannerNavSelected:hover, a.bannerNavSelected:active {
	font-weight: bold;
	text-decoration: none;
	padding: 9px 5px 0px 5px;
}

/* SITE */
.cgmenufill {
	margin: 5px 5px 0px 0px;
	float: right;
	height: 43px;
	color: #fff;
	width: 460px;
}

.cgmenutable {
}

.cgmenunonbuffmostl {
	background: url('/images/clickgreen/cgmenunonbuffmostl.gif') no-repeat left;
	width: 6px;
	height: 43px;
}

#Home_left {
	background: url('/images/clickgreen/cgmenunoncell.gif') repeat-x;
	width: 2px;
	height: 43px;
}

#Home_cell   {
	background: url('/images/clickgreen/home_noncell.gif') no-repeat left;
	height: 43px;
	padding-left: 25px;
}

#Logout_right, #Register_right {
	background: url('/images/clickgreen/cgmenunoncell.gif') repeat-x;
	width: 2px;
	height: 43px;
}

.cgmenunonbuffl {
	background: url('/images/clickgreen/cgmenunonbuffl.gif') no-repeat left;
	width: 2px;
	height: 43px;
}

.cgmenunoncell {
	font-weight: normal;
	background: url('/images/clickgreen/cgmenunoncell.gif') repeat-x;
	height: 43px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
}

.cgmenunonactive, .cgmenunonactive:link, .cgmenunonactive:hover, .cgmenunonactive:visited, .cgmenunonactive:active  {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.cgmenunonbuffr {
	background: url('/images/clickgreen/cgmenunonbuffr.gif') no-repeat right;
	width: 2px;
	height: 43px;
}

.cgmenuactbuffl {
	background: url('/images/clickgreen/cgmenunonbuffl.gif') no-repeat left;
	width: 2px;
	height: 43px;
}

.cgmenuactcell {
	font-weight: normal;
	background: url('/images/clickgreen/cgmenunoncell.gif') repeat-x;
	height: 43px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
}

.cgmenuactive, .cgmenuactive:link, .cgmenuactive:hover, .cgmenuactive:visited, .cgmenuactive:active {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.cgmenuactbuffr {
	background: url('/images/clickgreen/cgmenunonbuffr.gif') no-repeat right;
	width: 2px;
	height: 43px;
}

.cgmenunonbuffmostr {
	background: url('/images/clickgreen/cgmenunonbuffmostr.gif') no-repeat right;
	width: 6px;
	height: 43px;
}

/* MY FRIENDS */
.myfriendsmenufill {
	height: 28px;
	width: 100%;
	float: left;
	background: #097304;
}

.myfriendsmenutable {
 	width: 100%;
	background: url('/images/clickgreen/myfriendsmenubg.gif') repeat-x;
}

.myfriendsmenunonbuffmostl {
	width: 5px;
	height: 28px;
	background: url('/images/clickgreen/myfriendsmenunonbuffmostl.gif') no-repeat left;
}

.myfriendsmenunonbuffl {
	width: 8px;
	height: 28px;
}

.myfriendsmenunoncell {
	font-weight: normal;
	height: 28px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}

.myfriendsmenunonactive, .myfriendsmenunonactive:link, .myfriendsmenunonactive:hover, .myfriendsmenunonactive:visited, .myfriendsmenunonactive:active  {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.myfriendsmenunonbuffr {
	width: 8px;
	height: 28px;
}

.myfriendsmenuactbuffl {
	background: url('/images/clickgreen/myfriendsmenuactbuffl.gif') no-repeat left;
	width: 8px;
	height: 28px;
}

.myfriendsmenuactcell {
	font-weight: normal;
	background: url('/images/clickgreen/myfriendsmenuactcell.gif') repeat-x;
	height: 28px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
	color: #097304;
}

.myfriendsmenuactive, .myfriendsmenuactive:link, .myfriendsmenuactive:hover, .myfriendsmenuactive:visited, .myfriendsmenuactive:active {
	font-weight: bold;
	color: #077303;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.myfriendsmenuactbuffr {
	background: url('/images/clickgreen/myfriendsmenuactbuffr.gif') no-repeat right;
	width: 8px;
	height: 28px;
}

.myfriendsmenunonbuffmostr {
	background: url('/images/clickgreen/myfriendsmenunonbuffmostr.gif') no-repeat right;
	width: 5px;
	height: 28px;
}

.friendssectiontextl {
	height: 20px;
	width: 8px;
	background: url('/images/clickgreen/friendssectiontextl.gif') no-repeat left #E6EAED;
}

.friendssectiontext {
	height: 20px;
	background: url('/images/clickgreen/friendssectiontextbg.gif') repeat-x #E6EAED;
}

.friendssectiontextr {
	height: 20px;
	width: 8px;
	background: url('/images/clickgreen/friendssectiontextr.gif') no-repeat right #E6EAED;
}

.friendsEarnOffsets {
	clear: both;
	float: inherit;
	margin: 10px 0px 0px 85px;
	width: 400px;
}

.friendsEarnOffsetIcon {
	float: left;
	margin: 0px 10px 0px 10px;
}

/*
===========================
	FOOTER
===========================
*/
.footerSpacer {
	clear: both;
	float: inherit;
	height: 160px;
	width: 100%;
}

.footertable {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	text-align: center;
}

a.footertable, .footertable a:link, .footertable a:visited, .footertable a:active {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7A7A7A;
	text-decoration: underline;
}

.footertable a:hover {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7A7A7A;
	text-decoration: none;
}

.footer {
	padding-top: 10px;
	background: url('/images/clickgreen/footerbg.gif') repeat-x;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
}

.footertext {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
}


/*
==========================
	REGISTER
==========================
*/
.registerTopSpacer {
	clear: both;
	float: inherit;
	height: 30px;
}

.leftRegisterContent {
	clear: both;
	float: inherit;
	width: 212px;
	margin: 8px 0px 0px 10px;
}

.leftRegisterContentSpacer {
	clear: both;
	width: 200px;
	height: 10px;
}

.registerInputTitle {
	clear: both;
	float: inherit;
	margin: 2px 0px 0px 20px;
}

.registerInputTitle p {
	font-size: 0.6em;
	color: #000;
}

.registerTextField {
	clear: both;
	float: inherit;
	margin: 2px 0px 2px 19px;
}

/* This is an IE hack which causes this specific class to be recognised by IE, but not FIREFOX */
* html body .registerTextField {
	clear: both;
	float: inherit;
	margin: 2px 0px 2px 19px;
}

.registerTextField input {
	width: 170px;
	font-size: 0.8em;
	border: 1px solid #685f4f;
}

.registerButton {
	clear: both;
	float: inherit;
	margin: 3px 0px 2px 80px;
}

/* TITLES*/
.leftRegisterTitle {
	clear: both;
	float: inherit;
	width: 195px;
	margin: 10px 0px 5px 20px;
	border-top: 1px dotted #077303;
}

.cg_titleH1LeftRegister {
	clear: both;
	padding: 2px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

.cg_titleDetails {
	clear: both;
}

.cg_titleDetails p {
	font-size: 0.8em;
	color: #077303;
}

.cg_titleH1LeftRegister h1 {
	font-size: 17px;
	font-weight: bold;
	color: #077303;
}

.regheader {
	background: url('/images/clickgreen/regheaderbg.gif') repeat-x;
	height: 55px;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	border: 0px;
	margin: 0px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
}

/* PUBLIC REG PANEL */
.publicRegPanelTag {
	clear: both;
	float: inherit;
	width: 228px;
	height: 89px;
	overflow: hidden;
}

.publicRegContent {
	clear: both;
	float: inherit;
	width: 228px;
	height: 315px;
	background: url(/images/clickgreen/cg_public_reg_bg.jpg) no-repeat;
}

.publicRegContentTitle {
	clear: both;
	float: inherit;
}

.publicRegContentTitle p {
	font-size: 12px;
	font-weight: bold;
	color: #077303;
	padding: 8px 0px 2px 30px;
}

/*
=======================================
	EMAIL VERIFIED
=======================================
*/
.fullWidthVerified {
	clear: both;
	float: inherit;
	width: 450px;
	margin: 20px 0px 30px 160px;
	text-align: center;
	color: #077303;
}

.fullWidthVerified h2 {
	font-size: 17px;
}

.fullWidthVerified p {
	font-size: 12px;
}

.fullWidthVerifiedAddFriends {
	clear: both;
	float: inherit;
	margin: 20px 0px 0px 0px;
	width: 448px;
	height: 140px;
	background: url(../images/clickgreen/cg_register_friends_bg.jpg) no-repeat;
}

.fullWidthVerifiedAddFriends h1 {
	margin: 70px 0px 0px 0px;
	font-size: 24px;
}

.fullWidthVerifiedAddFriends h3 {
	color: #3260ab;
	font-size: 17px;
}

.fullWidthVerifiedAddFriends p {
	color: #3260ab;
}

.fullWidthVerifiedAddFriendsContainer {
	clear: both;
	float: inherit;
	margin: 0px 0px 0px 85px;
}

.fullWidthVerifiedProfile {
	clear: both;
	float: right;	
}

.fullWidthVerifiedProfile a:link, .fullWidthVerifiedProfile a:visited {
	font-weight: bold;
	text-decoration: none;
}

.fullWidthVerifiedProfile a:hover, .fullWidthVerifiedProfile a:active {
	font-weight: bold;
	text-decoration: underline;
}

.fullWidthVerifiedProfile h3 {
	font-size: 17px;
	color: #077303;
	padding: 5px 10px 0px 0px;
}

/*
======================================
	PUBLIC CONTENT
======================================
*/
.publicContentContainer {
	clear: both;
	float: inherit;
	font-size: 11px;
}

.publicContentContainer p {
	padding: 0px 40px 0px 20px;
}

.publicContentContainer ol {
	padding: 10px 40px 0px 30px;
}

.publicContentContainer li {
	padding: 0px 0px 10px 0px;
	<!--- list-style-type --->
}

.publicContentTagline {
	clear: both;
	float: inherit;
	width: 540px;
	margin: 8px 0px 5px 15px;
	color: #077303;
	font-weight: bold;
	font-size: 21px;
	background: none;
}

.publicContentStep1 {
	float: left;
	width: 179px;
	height: 279px;
	background: #fff url(/images/clickgreen/cg_public_step1_bg.jpg) no-repeat;
	overflow: hidden;
}

.publicContentStep2 {
	float: left;
	width: 179px;
	height: 279px;
	background: #fff url(/images/clickgreen/cg_public_step2_bg.jpg) no-repeat;
	overflow: hidden;
}

.publicContentStep3 {
	float: left;
	width: 179px;
	height: 279px;
	background: #fff url(/images/clickgreen/cg_public_step3_bg.jpg) no-repeat;
	overflow: hidden;
}

.publicContentStepIcon {
	clear: both;
	float: inherit;
	margin: 50px 0px 0px 10px;
}

.publicContentStepTitle {
	clear: both;
	float: inherit;
	margin: 0px 0px 0px 10px;
}

.publicContentStepDesc {
	clear: both;
	float: inherit;
}

.publicContentStepDesc p {
	padding: 0px 20px 0px 20px;
	font-size: 11px;
	color: #077303;
}

.publicContentOffsetCounterIcon {
	float: left;
}

.publicContentOffsetCounterIcon img {
	margin: 7px 0px 0px 5px;
}

.publicContentOffsetCounter {
	float: left;
	margin: 10px 0px 0px 0px;
	width: 250px;
	color: #077303;
}

.publicContentOffsetCounter p {
	padding: 0px 0px 0px 5px;
	font-size: 10px;
}

.publicContentOffsetCounter span {
	font-size: 12px;
	font-weight: bold;
}

.publicContentButton {
	float: left;
}

.publicContentButtonContainer {
	clear: both;
	float: inherit;
	width: 190px;
	margin: 5px 0px 0px 55px;
}

/*
===========================
	LEFT PROFILE
===========================
*/
/* Contains all content on the left profile nav */
.leftProfileContainer {
	clear: both;
	float: left;
	width: 235px;
	margin: 0px 0px 5px 0px;
	background: url(/images/clickgreen/cg_leftProfile_top.jpg) no-repeat;
}

/* Styles the bottom of the left profile container */
.leftProfileBottom {
	clear: both;
	width: 235px;
	height: 15px;
	background: url(/images/clickgreen/cg_leftProfile_bottom.jpg) no-repeat;
}

/* Contains the title for the leftProfile */
.leftProfileTitle {
	clear: both;
	float: inherit;
	width: 195px;
	margin: 0px 20px 0px 20px;
	border-bottom: 1px dotted #077303;
}

.cg_titleMore {
	margin: 26px 0px 0px 5px;
	font-size: 0.6em;
}

.cg_titleIcon {
	margin: 22px 0px 0px 5px;
}

/* Contains content for the profile left region (largely just used to pad content */
.leftProfileContent {
	clear: both;
	margin: 0px 20px 5px 20px;
	width: 195px;
}

/* Styles the avatar */
.leftProfileAvatar {
	float: left;
	margin: 5px 0px 0px 0px;
}

.leftProfileAvatar img {
	border: 1px solid #077303;
}

/*
====================================
	LEFT NAVIGATION
====================================
*/
/* Styles the left Profile navigation */
.leftProfileNav {
	float: left;
	margin: 5px 0px 0px 5px;
	width: 100px;
	border: 1px solid #077303;
}

a.leftProfileNavSelected:link, a.leftProfileNavSelected:visited {
	display: block;
	clear: both;
	width: 100px;
	height: 20px;
	background: #ddd url(/images/clickgreen/cg_leftProfileNav_selected.jpg) repeat-x;
	font-weight: bold;
	text-decoration: none;
}

.leftProfileNavSelected a:hover, .leftProfileNavSelected a:active {
	text-decoration: none;
	font-weight: bold;
}

a.leftProfileNavUnselected:link, a.leftProfileNavUnselected:visited {
	display: block;
	clear: both;
	width: 100px;
	height: 20px;
	background: #ddd url(/images/clickgreen/cg_leftProfileNav_unselected.jpg) repeat-x;
	font-weight: bold;
	text-decoration: none;
}

a.leftProfileNavUnselected:hover, a.leftProfileNavUnselected:active {
	text-decoration: none;
	font-weight: bold;
	background: #ddd url(/images/clickgreen/cg_leftProfileNav_selected.jpg) repeat-x;
}

a.leftProfileNavAlert:link, a.leftProfileNavAlert:visited {
	display: block;
	clear: both;
	width: 100px;
	height: 20px;
	background: #ddd url(/images/clickgreen/cg_leftProfileNav_alert.jpg) repeat-x;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

.leftProfileNavAlert a:hover, .leftProfileNavAlert a:active {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}

/* Styles the text for the left profile nav */
.leftProfileNav span {
	display: block;
	padding: 4px 0px 0px 4px;
	font-size: 0.6em;
	font-weight: bold;
}

.red {
	font-weight: bold;
	color: #cc0000;
}

/* Styles the "Earn More Offset Credits" button */
a.leftProfileBTNEarnMore:link, a.leftProfileBTNEarnMore:visited {
	clear: both;
	float: left;
	margin: 10px 0px 0px 0px;
	height: 26px;
	width: 189px;
	background: #2d5fae url(/images/clickgreen/cg_btn_leftProfile_blue.jpg) no-repeat;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
}

/* Styles the "Earn More Offset Credits" text */
.leftProfileBTNEarnMore span {
	display: block;
	font-size: 0.6em;
	font-weight: bold;
	color: #fff;
	margin: 4px 0px 0px 0px;
}

/* Styles the "FRIENDS REQUEST" button */
a.leftProfileBTNFriendReq:link, a.leftProfileBTNFriendReq:visited {
	clear: both;
	float: left;
	margin: 5px 0px 0px 0px;
	height: 26px;
	width: 189px;
	background: #e06f24 url(/images/clickgreen/cg_btn_leftProfile_orange.jpg) no-repeat;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
}

/* Styles the "FRIENDS REQUEST" text */
.leftProfileBTNFriendReq span {
	display: block;
	font-size: 0.6em;
	font-weight: bold;
	color: #fff;
	margin: 4px 0px 0px 0px;
}

/*
========================
	FIND A FRIEND
========================
*/
.leftProfileFindFriend {
	clear: both;
	float: left;
	margin: 5px 0px 0px 0px;
	width: 189px;
	height: 84px;
	background: #fff url(/images/clickgreen/cg_leftProfile_findFriend_bg.jpg) no-repeat;
}

.leftProfileFindFriendTitle {
	clear: both;
	float: inherit;
	margin: 10px 0px 0px 0px;
}

.leftProfileFindFriendTitle p {
	padding: 0px 0px 0px 15px;
	font-size: 0.6em;
	font-weight: bold;
	color: #077303;
}

.leftProfileFindFriendInput {
	clear: both;
	float: inherit;
	margin: 2px 0px 0px 15px;
}

.leftProfileFindFriendInput input {
	font-size: 0.7em;
	width: 160px;
	margin: 0px;
}

.leftProfileFindFriendButton {
	clear: both;
	float: right;
	margin: 2px 0px 0px 0px;
}

.leftProfileFindFriendButton input {
	margin: 0px 12px 0px 0px;
}

/*
========================
	UPDATES
========================
*/
.leftProfileUpdateMonth {
	clear: both;
	float: left;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 2px 2px;
	width: 195px;
	border-bottom: 1px dotted #73b172;
}

.leftProfileUpdateMonth h3 {
	font-size: 0.7em;
}

.leftProfileUpdateInstance {
	clear: both;
	float: inherit;
	padding: 2px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	width: 195px;
	
}

.leftProfileUpdateInstanceLeaf {
	float: left;
	margin: 4px 5px 0px 5px;
	height: 15px;
	width: 15px;
}

.leftProfileUpdateInstanceBody {
	float: left;
	width: 165px;
	padding: 0px 0px 4px 0px;
	border-bottom: 1px dotted #acacac;
}

.leftProfileUpdateInstanceBody p {
	font-size: 0.6em;
	color: #7c7c7c;
}

.leftProfileUpdateInstanceBody strong {
	color: #077303;
	font-weight: bold;
}

/*
============================
	RIGHT LEFT
============================
*/
.rightLeft {
	float: left;
	width: 270px;
	overflow: hidden;
}

.rightLeftTitle {
	clear: both;
	float: inherit;
	width: 230px;
	margin: 0px 0px 0px 20px;
	border-bottom: 1px dotted #077303;
}

/* Contains content for the profile left region (largely just used to pad content */
.rightLeftContent {
	clear: both;
	float: left;
	margin: 0px 20px 5px 10px;
	width: 240px;
}

/*
============================
	MY FOREST
============================
*/
.rightLeftForest {
	clear: both;
	float: left;
	margin: 10px 0px 0px 0px;
}

.rightLeftTreeImages {
	clear: both;
	float: left;
	width: 100%;
	margin: 5px 0px 0px 0px;
}

.rightLeftTreeTitle {
	clear: both;
	float: left;
	width: 100%;
	margin: 5px 0px 0px 0px;
	text-align: center;
}

.rightLeftTreeTitle h4 {
	font-size: 0.8em;
	font-weight: bold;
	color: #077303;
}

.rightLeftTreeTitle p {
	font-size: 0.6em;
	color: #077303;
}

.rightLeftTreeGreenFleet {
	clear: both;
	float: left;
	width: 100%;
	margin: 10px 0px 0px 0px;
}

.rightLeftTreeGreenFleet p {
	font-size: 0.6em;
	color: #005c6b;
	margin: 19px 5px 0px 42px;
}

/*
============================
	RIGHT RIGHT
============================
*/
.rightRight {
	float: left;
	width: 285px;
}

.rightRightTitle {
	clear: both;
	float: inherit;
	width: 250px;
	padding: 0px 0px 2px 0px;
	border-bottom: 1px dotted #077303;
}

/* Contains content for the profile left region (largely just used to pad content */
.rightRightContent {
	clear: both;
	float: left;
	margin: 0px 0px 5px 0px;
	width: 280px;
}

/*
===========================
	MY OFFSETS
===========================
*/
/*
COMMENTED OUT DUE TO LIFETIME OFFSET PROMO
.rightRightOffsetCalendar {
	clear: both;
	float: left;
	margin: 5px 0px 0px 0px;
	width: 265px;
	height: 160px;
	background: #fff url(/images/clickgreen/cg_myOffsets_calendar.jpg) no-repeat;
	text-align: center;
}

.rightRightOffsetCalendarText {
	clear: both;
	float: left;
	width: 240px;
	margin: 45px 0px 0px 0px;
}

.rightRightOffsetCalendarText p {
	font-size: 17px;
	font-weight: bold;
	color: #000;
}

.rightRightOffsetCalendarText h1 {
	font-size: 32px;
	font-weight: bold;
	color: #000;
}
*/

.rightRightOffsetEarnMore {
	clear: both;
	float: left;
	width: 90%;
	margin: 5px 0px 0px 5px;
}

.rightRightOffsetEarnMore p {
	font-size: 0.6em;
	color: #077303;
}

/*
===============================
	INVITE FRIENDS
===============================
*/
.rightRightInviteFriends {
	clear: both;
	float: left;
	margin: 5px 0px 0px 0px;
	width: 278px;
	height: 129px;
	background: #077303 url(/images/clickgreen/cg_inviteFriends_bg.jpg) no-repeat;
}

.rightRightInviteFriendsTitle {
	clear: both;
	float: inherit;
	margin: 15px 0px 0px 15px;
}

.rightRightInviteFriends p {
	font-size: 0.6em;
	font-weight: bold;
	color: #fff;
}

.rightRightInviteFriendsSearch {
	clear: both;
	float: inherit;
	padding: 5px 0px 0px 15px;
}

.rightRightInviteFriendsInput {
	float: left;
}

.rightRightInviteFriendsInput input {
	font-size: 0.8em;
	width: 175px;
	border: 1px solid #05431e;
}

.rightRightInviteFriendsButton {
	float: left;
	margin: 0px 0px 0px 5px;
}

.rightRightInviteFriendsContacts {
	clear: both;
	float: inherit;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}

.rightRightInviteFriendsContactsDesc {
	float: left;
	width: 148px;
}

.rightRightInviteFriendsContactsButton {
	float: left;
	width: 101px;
}

/* This style is used on the invite friends page to position the "invite friends" button in the center of the page */
.rightRightContentInviteFriends {
	clear: both;
	float: inherit;
	margin: 10px 0px 0px 150px;
	width: 250px;
	text-align: center;
}

.rightRightContentInviteFriends p {
	padding: 0px 20px 0px 20px;
	text-align: center;
	font-size: 12px;
	color: #2C56A0;
}

.rightRightContentInviteFriends strong {
	display: block;
	margin: 20px 0px 20px 0px;
	font-size: 15px;
	font-weight: bold;
	color: #077303;
}



/*
==================================
	RIGHT
==================================
*/
.rightContent {
	clear: both;
	float: inherit;
	width: 530px;
	margin: 0px 15px 0px 15px;
}

.rightFriendNav {
	clear: both;
	float: inherit;
	width: 530px;
	margin: 5px 15px 5px 15px;
}

.rightContentImage {
	clear: both;
	float: inherit;
	width: 545px;
	margin: 5px 0px 0px 10px;
	overflow: hidden;
}

.rightTitle {
	clear: both;
	float: inherit;
	width: 540px;
	margin: 0px 0px 0px 15px;
	border-bottom: 1px dotted #077303;
}

.rightTitleMore {
	margin: 28px 10px 0px 5px;
}

.rightTitleMore p {
	font-size: 0.6em;
	font-weight: normal;
	color: #077303;
}

/*
===============================
	YOUR FRIENDS
===============================
*/
.rightFriendInstance {
	float: left;
	height: 149px;
	width: 172px;
	margin: 5px 3px 0px 0px;
	background: #fff url(/images/clickgreen/cg_friends_bg.jpg) no-repeat;
}

.rightFriendInstanceContainer {
	clear: both;
	float: inherit;
	margin: 12px 0px 0px 12px;
}

.rightFriendAvatar {
	border: 1px solid #077303;
	vertical-align: center;
}

.rightFriendTreeCount {
	float: left;
	margin: 10px 0px 0px 15px;
}

.rightFriendTreeCount p {
	font-size: 0.6em;
	font-weight: bold;
	color: #077303;
}

.rightFriendTreeIcon {
	float: left;
	margin: 0px 0px 0px 10px;
}

.rightFriendCalendar {
	float: left;
	width: 50px;
	height: 45px;
	margin: 5px 0px 0px 12px;
	background: url(/images/clickgreen/cg_icon_calendar.gif) no-repeat;
}

.rightFriendCalendar p {
	padding: 21px 2px 0px 0px;
	text-align: center;
	font-size: 0.6em;
	font-weight: bold;
	color: #077303;
}

.rightFriendName {
	clear: both;
	float: inherit;
	margin: 5px 0px 0px 0px;
	width: 155px;
	height: 35px;
	overflow: hidden;
}

.rightFriendName p {
	white-space: nowrap;
	font-size: 0.8em;
	font-weight: bold;
	color: #077303;
}

/*
================================
	MY FRIENDS
================================
*/
.rightMyFriends {
	clear: both;
	float: left;
	width: 542px;
	height: 141px;
	background: #fff url(/images/clickgreen/cg_myFriends_bg.jpg) no-repeat;
}

.rightMyFriendsTitle {
	clear: both;
	float: inherit;
	margin: 10px 0px 0px 0px;
}

.cg_titleH1Friends {
	margin: 0px 0px 0px 15px;
}

.cg_titleH1Friends h1 {
	font-size: 17px;
	font-weight: bold;
	color: #077303;
}

.cg_titleMoreFriends {
	margin: 6px 0px 0px 5px;
	font-size: 0.6em;
}

.rightMyFriendsContainer {
	clear: both;
	float: inherit;
	margin: 7px 0px 0px 10px;
}

.rightMyFriendsInstance {
	float: left;
	margin: 0px 5px 0px 5px;
	width: 62px;
	height: 95px;
	overflow: hidden;
}

.rightMyFriendsInstanceAvatar {
	border: 1px solid #077303;
	width: 50px;
	vertical-align: middle;
}

.rightMyFriendsInstance p {
	padding: 0px 3px 0px 3px;
	font-size: 0.6em;
}

/*
============================
	COLLECTIVE OFFSETS
============================
*/
.rightFriendCollectiveOffset {
	clear: both;
	float: inherit;
	width: 524px;
	height: 83px;
	background: url(/images/clickgreen/cg_collectiveOffset_bg.jpg) no-repeat;
}

.rightFriendCollectiveOffsetIcon {
	float: left;
	margin: 20px 10px 0px 0px;
}

.rightFriendCollectiveOffsetIcon img {
	margin: 0px 5px 0px 20px;
}

.rightFriendCollectiveOffsetTitle {
	float: left;
	margin: 18px 0px 0px 0px;
	width: 320px;
}

.rightFriendCollectiveOffsetTitle h1 {
	font-size: 1.1em;
	font-weight: bold;
	color: #077303;
}

.rightFriendCollectiveOffsetTitle p {
	font-size: 0.9em;
	color: #077303;
}

.rightFriendCollectiveOffsetContainer {
	margin: 5px 10px 0px 0px;
}

.rightMyFriendsCollective {
	float: right;
	width: 120px;
	margin: 0px 15px 0px 0px;
}

.rightMyFriendsCollectiveTitle {
	width: 100%;
	text-align: center;
}

.rightMyFriendsCollectiveTitle p {
	font-size: 0.6em;
	font-weight: bold;
	color: #077303;
}

.rightMyFriendsCollectiveCalendar {
	clear: both;
	float: left;
	width: 88px;
	height: 60px;
	margin: 5px 0px 0px 15px;
	background: url(/images/clickgreen/cg_myFriends_calendar.gif) no-repeat;
}

.rightMyFriendsCollectiveCalendar h4 {
	padding: 17px 10px 0px 0px;
	font-weight: bold;
	font-size: 0.8em;
	text-align: center;
}

.rightMyFriendsCollectiveCalendar p {
	padding: 0px 10px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 0.6em;
}

/*
========================
	GREEN TIPS
========================
*/
.rightGreenTip {
	clear: both;
	float: inherit;
	width: 542px;
	height: 65px;
	background: url(/images/clickgreen/cg_greenTip_bg.jpg) no-repeat;
}

.rightGreenTipIcon {
	float: left;
	margin: 12px 10px 0px 15px;
	height: 39px;
	width: 25px;
}

.rightGreenTipContainer {
	float: left;
	width: 470px;
}

.rightGreenTipContent {
	float: left;
	margin: 15px 0px 0px 0px;
	height: 18px;
	width: 470px;
	overflow: hidden;
}

.rightGreenTipContent h3 {
	font-weight: bold;
	font-size: 0.8em;
	color: #077303;
}

.rightGreenTipOptions {
	clear: both;
}

.rightGreenTipOptions p, .rightGreenTipOptions a {
	font-size: 0.6em;
	color: #077303;
	padding: 0px 5px 0px 5px;
}

.rightGreenTipOptionsPrevious {
	float: left;
	margin: 0px 15px 0px 15px;
}

.rightGreenTipOptionsNext {
	float: left;
	margin: 0px 15px 0px 15px;
}



/*
========================
	GREEN TIP LARGE
========================
*/
.fullWidthGreenTip {
	clear: both;
	float: inherit;
	width: 790px;
	height: 65px;
	background: url(/images/clickgreen/cg_greenTip_large_bg.jpg) no-repeat;
}

.fullWidthGreenTipIcon {
	float: left;
	margin: 12px 10px 0px 15px;
	height: 39px;
	width: 25px;
}

.fullWidthGreenTipContainer {
	float: left;
	width: 470px;
}

.fullWidthGreenTipContent {
	float: left;
	margin: 15px 0px 0px 0px;
	height: 18px;
	width: 670px;
	overflow: hidden;
}

.fullWidthGreenTipContent h3 {
	font-weight: bold;
	font-size: 0.8em;
	color: #077303;
}

.fullWidthGreenTipOptions {
	clear: both;
}

.fullWidthGreenTipOptions p, .fullWidthGreenTipOptions a {
	font-size: 0.6em;
	color: #077303;
	padding: 0px 5px 0px 5px;
}

.fullWidthGreenTipOptionsPrevious {
	float: left;
	margin: 0px 15px 0px 15px;
}

.fullWidthGreenTipOptionsNext {
	float: left;
	margin: 0px 15px 0px 15px;
}

/*
========================================
	GREEN TIPS PAGE
========================================
*/

.greentipsheading {
	border-bottom: 1px solid #CBCBCB;
	color: #1A52C3;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 7px;
	padding-top: 20px;
}

.greentipshtml {
	border-bottom: 1px dotted #AAAAAA;
	font-weight: normal;
	font-size: 11px;
	padding: 7px;
}

/*
=============================
	FULL WIDTH
=============================
*/
.fullWidth {
	clear: both;
	float: left;
	width: 800px;
}

.fullWidthContentGreenTip {
	clear: both;
	float: inherit;
	margin: 0px 15px 5px 0px;
}

.fullWidthContent {
	clear: both;
	float: inherit;
	margin: 5px 15px 5px 2px;
}

.fullWidthTitle {
	clear: both;
	float: inherit;
	width: 780px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px dotted #077303;
}

/*
========================================
	HOW IT WORKS (REGISTER / LOGIN)
========================================
*/
.rightHowItWorks {
	clear: both;
	float: left;
	width: 285px;
	margin: 0;
	overflow: hidden;
}

.cg_titleH1Register {
	clear: both;
	padding: 2px 0px 0px 0px;
	margin: 10px 0px 0px 5px;
}

.cg_titleH1Register h1 {
	font-size: 17px;
	font-weight: bold;
	color: #077303;
}

.rightHowItWorksTitle {
	clear: both;
	float: inherit;
	width: 255px;
	margin: 0px 0px 0px 15px;
	border-bottom: 1px dotted #077303;
}

.rightHowItWorksContent {
	clear: both;
	float: left;
	margin: 10px 0px 5px 0px;
	width: 285px;
}

.rightHowItWorksStepInstance {
	clear: both;
	float: inherit;
	margin: 0px 0px 0px 10px;
	width: 100%;
	height: 60px;
}

.rightHowItWorksStepNo {
	float: left;
	height: 35px;
	width: 35px;
	margin: 3px 3px 0px 3px;
}

.rightHowItWorksIcon {
	float: left;
	height: 35px;
	width: 35px;
	margin: 3px 3px 0px 3px;
}

.rightHowItWorksText {
	float: left;
	width: 175px;
}

.rightHowItWorksText p {
	text-align: left;
	font-size: 0.8em;
	color: #077303;
}

/*
========================================
	GREENFLEET (REGISTER / LOGIN)
========================================
*/
.rightGreenfleet {
	float: left;
	width: 255px;
	margin: 0;
	overflow: hidden;
}

.rightGreenfleetTitle {
	clear: both;
	float: inherit;
	width: 235px;
	margin: 0px 0px 0px 15px;
	border-bottom: 1px dotted #077303;
}

.rightGreenfleetContent {
	clear: both;
	float: inherit;
	margin: 10px 0px 5px 20px;
	width: 255px;
}

.rightGreenfleetFormatting {
	float: left;
	font-size: 0.8em;
	text-align: left;
	width: 230px;
	color: #077303;
}

.rightGreenfleetLogo {
	float: right;
	margin: 3px 0px 10px 15px;
}

/*
==============================
	EARN MORE CREDITS
==============================
*/
.rightEarnMoreOffsets {
	clear: both;
	float: inherit;
	margin: 5px;
}

.rightEarnMoreOffsetsInvite {
	clear: both;
	float: inherit;
	width: 450px;
	margin: 5px 15px 5px 70px;
}

.rightEarnMoreOffsetsTitle {
	float: left;
	margin: 10px 0px 0px 5px;
}

/*
============================
	FRIENDS SEARCHES
============================
*/
.alreadyAMate {
	float: right;
	font-size: 0.6em;
	color: #077303;
	padding: 13px 3px 0px 3px;
}

/*
=============================
	TABLES
=============================
*/
.left {
	text-align: left;
}

.right {
	text-align: right;
}

.standardTable {
	margin: 10px 0px 0px 0px;
	padding: 0;
	border: none;
	width: 100%;
	text-align: center;
}

.standardTable td {
	padding: 5px;
	background: #fff url(images/clickgreen/cg_table_bg_30.jpg) repeat-x bottom;
}

.standardTable td p{
	font-weight: normal;
	font-size: 0.7em;
	color: #000;
}

.th {
	font-weight: bold;
	font-size: 0.6em;
	color: #077303;
}

.th td {
	background: #fff url(images/clickgreen/cg_table_bg_1.jpg) repeat-x bottom;
}

.selectAll {
	font-weight: bold;
	font-size: 0.6em;
	color: #077303;
}

.selectAll td {
	background: #f9f9f9;
	border-bottom: 1px solid #ddd;
}

.tablePagination {
	font-weight: bold;
	font-size: 0.6em;
	color: #077303;
	text-align: left;
}

.tablePagination td {
	background: #f9f9f9;
	border-bottom: 1px solid #ddd;
	height: 30px;
}

.tableSubmitButton {
	float: right;
	padding: 5px;
}


/*
===============================
	VIEW A FRIEND'S PAGE
===============================
*/

.rightFriendPageInstance {
	clear: both;
	float: inherit;
	margin: 0px 0px 5px 10px;
	height: 135px;
}

.rightFriendPageAvatar {
	float: left;
	margin: 5px 0px 5px 0px;
	border: 1px solid #077303;
	background: #fff;
}

.rightFriendPageDetails {
	float: left;
	width: 130px;
	margin: 5px 0px 0px 0px;
}

.rightFriendPageDetails p {
	padding: 3px 3px 0px 10px;
	font-size: 11px;
	color: #077303;
}

.rightFriendPageAddRemove {
	clear: both;
	float: inherit;
	margin: 0px 0px 0px 5px;
}

.rightFriendPageAddRemove p {
	padding: 19px 0px 0px 5px;
	font-size: 0.6em;
}

/*
===========================
	FRIENDS FRIENDS
===========================
*/
.rightRightTitleFriendCount {
	clear: both;
	float: inherit;
}

.rightRightTitleFriendCount p {
	padding: 0px 0px 0px 5px;
	font-size: 0.6em;
	color: #077303;
}

.rightFriendsFriendInstance {
	float: left;
	height: 139px;
	width: 116px;
	margin: 5px 3px 0px 0px;
	background: #fff url(/images/clickgreen/cg_friends_bg_small.jpg) no-repeat;
}

.rightFriendsFriendInstanceContainer {
	clear: both;
	float: inherit;
	margin: 12px 0px 0px 14px;
}

.rightFriendsFriendAvatar {
	float: left;
	border: 1px solid #077303;
	background: #fff;
}

.rightFriendsFriendName {
	clear: both;
	float: inherit;
	margin: 5px 0px 0px 0px;
	width: 85px;
	height: 25px;
	overflow: hidden;
}

.rightFriendsFriendName p {
	font-size: 0.6em;
	font-weight: bold;
	color: #077303;
}

/*
==============================
	INVITE A FRIEND
==============================
*/
.rightTitleInvite {
	clear: both;
	float: inherit;
	width: 540px;
	margin: 0px 0px 0px 0px;
}

.cg_titleH1Invite {
	clear: both;
	padding: 0;
	margin: 15px 0px 0px 10px;
}

.cg_titleH1Invite h1 {
	font-size: 17px;
	font-weight: bold;
	color: #077303;
	padding: 0;
	margin: 0;
}

.rightContentInvite {
	clear: both;
	float: inherit;
	width: 470px;
	margin: 5px 15px 5px 10px;
}



/*
==========================
	INVITATION PREVIEW
==========================
*/
.noBorder {
	font-weight: bold;
	font-size: 11px;
	color: #077303;
}

.noBorder td {
	background: none;
}

.inviteTable {
	margin: 10px 3px 3px 3px;
	border: none;
	width: 330px;
	text-align: center;
}

.inviteTable td {
	padding: 5px;
}

.inviteTable td p{
	font-weight: normal;
	font-size: 0.7em;
	color: #000;
}

.inviteTableTextInput {
	border: 1px solid #077303;
	width: 255px;
	height: 22px;
	font-size: 11px;
	padding: 3px;
}

.inviteTableTextarea {
	border: 1px solid #077303;
	width: 255px;
	height: 100px;
	font-size: 11px;
	padding: 3px;
	font-family: verdana, arial, sans-serif;
}

.cg_heading_prev {
	font-size: 17px;
	font-weight: bold;
	color: ##077303;
	font-family: verdana;
	margin: 0;
}

/*
===============================
	HOW IT WORKS
===============================
*/
.publicContentHIWStepIcon {
	clear: both;
	float: inherit;
	margin: 20px 0px 0px 10px;
}

.publicContentHIWStep1 {
	float: left;
	width: 179px;
	height: 539px;
	background: #fff url(/images/clickgreen/cg_public_hiw_step1_bg.jpg) no-repeat;
	overflow: hidden;
}

.publicContentHIWStep2 {
	float: left;
	width: 179px;
	height: 539px;
	background: #fff url(/images/clickgreen/cg_public_hiw_step2_bg.jpg) no-repeat;
	overflow: hidden;
}

.publicContentHIWStep3 {
	float: left;
	width: 179px;
	height: 539px;
	background: #fff url(/images/clickgreen/cg_public_hiw_step3_bg.jpg) no-repeat;
	overflow: hidden;
}

.rightHowItWorksStepContainer {
	clear: both;
	float: inherit;
	margin: 5px 0px 10px 10px;
	width: 525px;
}

.rightHowItWorksStepNumber {
	float: left;
	height: 35px;
	width: 35px;
	margin: 10px 0px 0px 0px;
}

.rightHowItWorksStepIcon {
	float: left;
	height: 35px;
	width: 35px;
	margin: 10px 0px 0px 10px;
}

.rightHowItWorksStepDetails {
	float: left;
	width: 440px;
	margin: 10px 0px 0px 0px;
}
.rightHowItWorksStepDetails h2 {
	margin: 0px 0px 0px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #077303;
}

.rightHowItWorksStepDetails p {
	margin: 0px 0px 0px 10px;
	font-size: 10px;
	color: #077303;
}

.rightHowItWorksSignup {
	clear: both;
	float: inherit;
	margin: 15px 0px 0px 150px;
}

/*
========================================
	MODAL
========================================
*/

#modalPage {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

#modalBackground {
	background-color: #000000;
}

#modalContainer{
	border-width: 1px;
	border-color: #A4C1A3 #9CC49B #9CC49B #A4C1A3;
  width: 300px;
}


.modalTop {
	width: 300px;
	height: 25px;
  color: #FFFFFF;
}

.modalheader {
	background: url('/images/clickgreen/modalHeaderBg.gif') repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #077303;
	height: 25px;
}

.modalheaderleft {
	width: 5px;
	background: url('/images/clickgreen/modalHeaderLeft.gif') no-repeat left;
	height: 25px;
}

.modalheaderright {
	width: 5px;
	background: url('/images/clickgreen/modalHeaderRight.gif') no-repeat right;
	height: 25px;
}

.modalTop a, .modalTop a:visited {
	color: #ffffff;
}

.modalbody {
	padding: 10px;
  text-align: center;
  background-color: #FFFFFF;
}

.modalbodytopleft {
	width: 4px;
	height: 4px;
	background: url('/images/clickgreen/modalBodyTopLeft.gif') no-repeat left top;
}

.modalbodytop {
	height: 4px;
	background: url('/images/clickgreen/modalBodyTop.gif') repeat-x top;
}

.modalbodytopright {
	width: 4px;
	height: 4px;
	background: url('/images/clickgreen/modalBodyTopRight.gif') no-repeat right top;
}

.modalbodyleft {
	width: 4px;
	background: url('/images/clickgreen/modalBodyLeft.gif') repeat-y left;
}

.modalbodyright {
	width: 4px;
	background: url('/images/clickgreen/modalBodyRight.gif') repeat-y right;
}

.modalbodybottomleft {
	width: 4px;
	height: 4px;
	background: url('/images/clickgreen/modalBodyBottomLeft.gif') no-repeat left bottom;
}

.modalbodybottom {
	height: 4px;
	background: url('/images/clickgreen/modalBodyBottom.gif') repeat-x bottom;
}

.modalbodybottomright {
	width: 4px;
	height: 4px;
	background: url('/images/clickgreen/modalBodyBottomRight.gif') no-repeat right bottom;
}

#modalHeadingContentExit a {
	padding-right: 4px;
	font-weight: normal;
	color: #077303;
}

a.buttonLink, a.buttonLink:visited, a.buttonLink:link, a.buttonLink:active, a.buttonLink:hover {
	background: #0A7607;
	color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #A4C1A3 #9CC49B #9CC49B #A4C1A3;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
}


/*
==============================
	PLAXO
==============================
*/
.plaxobuttoncell {
	vertical-align: top;
	padding-left: 5px;
}

.plaxouploadcount {
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
}

/*
==============================
	FACEBOOK
==============================
*/
.publicContentFacebook {
	clear: both;
	float: inherit;
	margin: 10px 0px 0px 10px;
	width: 100%;
}

.publicContentFacebookLogo {
	float: left;
	margin: 6px 0px 0px 0px;
	width: 81px;
}

.publicContentMediaLogo {
	float: left;
	margin: 0px 0px 0px 15px;
	width: 102px;
}

/*
==================================
	LIFETIME OFFSET PROMO
==================================
*/
.rightRightTitleLifetimeOffsets {
	clear: both;
	float: inherit;
	width: 250px;
	padding: 0px 0px 2px 0px;
	border-bottom: 1px dotted #2c56a0;
}

.cg_titleIconLifetimeOffset {
	margin: 7px 0px 0px 5px;
}

.cg_titleH1LifetimeOffset {
	clear: both;
	padding: 8px 0px 0px 0px;
	margin: 5px 0px 0px 8px;
}

.cg_titleH1LifetimeOffset h1 {
	font-size: 17px;
	font-weight: bold;
	color: #2c56a0;
}

.cg_lifetimeOffsetEntries {
	float: left;
	margin: 5px;
}

.rightRightLifeTimeOffsets {
	clear: both;
	float: inherit;
	margin: 0px 0px 0px 10px;
}

.rightRightLifeTimeOffsets p {
	padding: 0px 40px 0px 0px;
	font-size: 12px;
	font-weight: normal;
	color: #2c56a0;
}

/* INVITE A FRIEND STYLES */
.rightLeftInviteContainer {
	float: left;
	width: 315px;
	overflow: hidden;
}

.rightTitleInviteFriends {
	clear: both;
	float: inherit;
	width: 310px;
	margin: 0px 0px 0px 0px;
}

.cg_titleH1InviteFriends {
	clear: both;
	padding: 0;
	margin: 15px 0px 0px 10px;
}

.cg_titleH1InviteFriends h1 {
	font-size: 17px;
	font-weight: bold;
	color: #077303;
	padding: 0;
	margin: 0;
}

.rightContentInviteFriends {
	clear: both;
	float: inherit;
	width: 310px;
	margin: 5px 15px 5px 10px;
}

.inviteTemplate {
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 5px;
}

.invitePageFont {
	clear: both;
	float: inherit;
	font-size: 15px;
	color: #077303;
	padding: 10px 40px 20px 25px;
}

.invitePageFontPersonalised {
	clear: both;
	float: inherit;
	font-size: 15px;
	color: #077303;
	padding: 0px 40px 0px 25px;
}

/* LIFETIME OFFSETS INVITATIONS SENT + VALID ENTRIES */
.rightRightInviteContainer {
	float: left;
	width: 210px;
	margin: 15px 0px 0px 5px;
	overflow: hidden;
}
.cg_lifetimeOffsetEntries h4 {
	clear: both;
	float: inherit;
	margin: 0px 0px 0px 6px;
	font-size: 10px;
	font-weight: normal;
	color: #000;
	text-align: center;
}

.cg_lifetimeOffsetEntriesBox {
	clear: both;
	float: inherit;
	border: 1px solid #ddd;
	padding: 15px 30px 15px 30px;
	margin: 3px 3px 3px 6px;
}

.cg_lifetimeOffsetEntriesBox p {
	font-size: 17px;
	font-weight: bold;
	color: #077303;
	text-align: center;
}

/* STYLES THE TEXT AT THE BOTTOM OF THE LIFETIME OFFSET INVITE FRIENDS PAGE */
.rightContentInviteDisclaimer {
	clear: both;
	float: inherit;
	margin: 10px;
	font-size: 10px;
	color: #aaa;
}

.rightContentInviteDisclaimer a, .rightContentInviteDisclaimer a:link, .rightContentInviteDisclaimer a:visited {
	text-decoration: underline;
	color: #aaa;
}

.rightContentInviteDisclaimer a:hover, .rightContentInviteDisclaimer a:active {
	text-decoration: none;
}

.cg_TCnumber {
	font-size: 13px;
	font-weight: bold;
	color: #077303;
}

.cg_TCnumberIndent {
	margin: 10px 20px 10px 20px;
}

/* THE OFFSET CALENDAR IS RESIZED FOR THE LIFETIME OFFSET PROMO */
.rightRightOffsetCalendar {
	clear: both;
	float: left;
	margin: 5px 0px 0px 0px;
	width: 183px;
	height: 111px;
	background: #fff url(/images/clickgreen/cg_myOffsets_calendar_small.jpg) no-repeat;
	text-align: center;
}

.rightRightOffsetCalendarText {
	clear: both;
	float: left;
	width: 165px;
	margin: 32px 0px 0px 0px;
}

.rightRightOffsetCalendarText p {
	font-size: 10px;
	font-weight: normal;
	color: #000;
}

.rightRightOffsetCalendarText h1 {
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

#topSpacerPromo {
	clear: both;
	float: inherit;
	margin: 0 auto;
	width: 800px;
	height: 90px;
}

.cg_lifetimeOffsetBanner {
	clear: both;
	float: inherit;
	width: 745px;
	padding: 0;
	margin: 0px 0px 0px 0px;
}

* html body .cg_lifetimeOffsetBanner {
	clear: both;
	float: left;
	width: 745px;
	padding: 0;
	margin: 0px 0px 0px 0px;
}

.cg_lifetimeOffsetBannerImage {
	clear: both;
	float: inherit;
	padding: 10px 0px 0px 13px;
}

.publicContentLifetimeOffsetTC {
	clear: both;
	float: inherit;
	margin: 10px 0px 0px 0px;
	width: 100%;
}

.publicContentLifetimeOffsetTC p {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #aaa;
}

.publicContentLifetimeOffsetTC a, .publicContentLifetimeOffsetTC a:link, .publicContentLifetimeOffsetTC a:visited {
	font-weight: normal;
	text-decoration: underline;
	color: #aaa;
}

.publicContentLifetimeOffsetTC a:hover, .publicContentLifetimeOffsetTC a:active {
	text-decoration: none;
	color: #aaa;
}

/*
==================================
	CLICKGREEN IN THE NEWS
==================================
*/
.newsArticle {
	clear: both;
	float: inherit;
	padding: 10px 0px 40px 15px;
	border-bottom: 1px solid #ddd;
	width: 320px;
}

.newsArticle a {
	margin: 0;
	padding: 0;
}

.newsArticle h2 {
	padding: 0;
	margin: 0;
	font-size: 15px;
	font-weight: bold;
	color: #077303;
}

.newsArticle em {
	padding: 5px 0px 0px 0px;
	margin: 0;
	font-size: 10px;
	font-style: normal;
	color: #aaa;
}

.newsArticle p {
	clear: both;
	float: inherit;
	font-size: 10px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #555;
}

.newsArticleScreenshot {
	clear: both;
	float: inherit;
	margin: 5px 0px 5px 0px;
	padding: 10px;
	height: 210px;
	width: 280px;
	border: 1px solid #ccc;
}

/*
==================================
	PLANTING PAGE (WEDDERBURN)
==================================
*/

.imgcaption {
	font-size:10px;
	color:#7C7C7C;
}

</style>