/* Eric Meyer CSS Reset (http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/) with modifications */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1; position: relative;}
blockquote, q {quotes: none;}
/* gets rid of the disabled vertical scrollbar that IE puts on textareas (http://blog.klustered.com/2007/03/14/tip/) */
textarea {overflow: auto;}
/* from Viget Labs (http://www.viget.com/inspire/styling-the-button-element-in-internet-explorer/) */
button {width: auto; overflow: visible; background: transparent; border: none; cursor: pointer; }
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* ================================================= global tag, tag/class, special definitions and class */
body {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	background: #FFF url(/images/ph2_bodyBg_xrpt.jpg) repeat-x;
}
h1 {
	color: #3e6330;
	margin-bottom: 15px;
	padding-bottom: 3px;
	font-size: 18px;
	font-weight: normal;
	line-height: normal;
}
/* ================================================= universal small, blue "i" icon */
a.infoTip {
	height: 13px;
	width: 12px;
	z-index: 999;
	height: 13px;
	width: 12px;
}
/* ================================================= thickbox specific link and font settings */
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ================================================= thickbox settings */
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}
/*.TB_overlayMacFFBGHack {background: url(/images/macFFBgHack.png) repeat;}
*/.TB_overlayBG {
  background-color:#FFF;
  filter:alpha(opacity=25);
  -moz-opacity: 0.25;
  opacity: 0.25;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 3px solid #3b6813;
  text-align:left;
  top:50%;
  left:50%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
* html #TB_window { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_closeWindowButton {
	position: absolute;
	height: 17px;
	width: 17px;
	top: -9px;
	right: -9px;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  height:0;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
  position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  margin-bottom:10px;
}

body#tipContent {
	background-image:none;
	background-color:#FFFFFF;
	margin:0 20px;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	color:#868686;
}
body#tipContent h1 {
	font-size:18px;
	color:#68873b;
	border-bottom:0px;
	margin:15px 0 5px 0;
}
body#tipContent h2 {
	font-size:16px;
	color:#68873b;
	border-bottom:0px;
	margin:15px 0 5px 0;
}
body#tipContent h3 {
	font-size:14px;
	color:#68873b;
	border-bottom:0px;
	margin:15px 0 5px 0;
}
input[type=radio], input[type=checkbox] {
border:0 !important;
}

/* ================================================= global id definitions, sorted in source code order */
#globe {
	background: url(/images/ph2_wrapperBg_norpt.jpg) no-repeat;
	height: 620px;
	width: 633px;
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 0px;
	margin-left: -735px;
}
#container {
width: 969px;
margin:0 auto;	
position:relative;
z-index:2;
}
/* ================================================= very top/above content and status bar area */
#mast {
	background: url(/images/ph2_mastBg_norpt.png) no-repeat;
	clear: both;
	float: left;
	height: 165px;
	width: 995px;
	position: relative;
	z-index: 2;
	left: 0px;
	top: 0px;
}
#logo a {
	display:block;
	position:absolute;
	z-index:100;
	float:left;
	width:390px;
	height:73px;
	margin-top:25px;
	margin-left:50px;
	text-decoration:none;
}
#logo a, #logo a:hover, #logo a:link, #logo a:visited, #logo a:focus {
	text-decoration:none;
}
#logo a b {
	position:relative;
	right:10000em;
}
/* ================================================= both the smaller left and larger right navigation (mNav = main nav on the right, sNav = secondary nav on the left) */
#sNav, #mNav {
display:block;
padding:0;
margin:0;
list-style-type:none;
width:830px;
margin-left:35px;
}
#sNav {
height:22px;
overflow:hidden;
margin:116px 0px 0px 34px;
}
#sNav li {
display:block;
float:right;
width:112px;
height:22px;
margin:0 7px 0 0;
}
#sNav li a {
display:block;
width:112px;
height:22px;
font-size:11px;
color:#FFF;
text-decoration:none;
background:url(/images/ph2_sNav-bg.jpg) no-repeat top left;
text-align:center;
line-height:24px;
}
#sNav li a:hover, #sNav li a:focus, #sNav li a:active, #sNav li a.active, #sNav li a.current {
background-position:bottom left;
}
#mNav {
height:55px;
border-bottom:4px solid #3E6330;
}
#mNav li {
display:block;
float:left;
height:55px;
width:103px;
border-right:1px solid #ccc !important;
}
#mNav li.last {
border-right:none !important;
width:102px;
position:relative;
z-index:100 !important;
position:absolute;
margin-left:728px;
}
#mNav li a {
display:block;
width:73px;
height:38px;
padding:17px 15px 0 15px;
font-size:9px;
color:#60757F;
line-height:13px;
text-decoration:none;
background:url(/images/ph2_mNav-bg.jpg) no-repeat -20px 0px;
}
#mNav li a b {
white-space:nowrap !important;
}
#mNav li a:hover, #mNav li a:active, #mNav li a:focus, #mNav li a.active, #mNav li a.current {
background-position:-20px -55px;
color:#FFF;
}
#mNav li.first a {
background-position:0px 0px;
}
#mNav li.first a:hover, #mNav li.first a:active, #mNav li.first a:focus, #mNav li.first a.current {
background-position:0px -55px;
}
#mNav li.last a {
background-position:-728px 0px;
padding-right:0px;
width:103px;
border-right:none;
}
#mNav li.last a:hover, #mNav li.last a:active, #mNav li.last a:focus, #mNav li.last a.current {
background-position:-728px -55px;
}
#mNav li a b {
display:block;
color:#FFF;
font-size:12px;
}
#mNav li a:hover, #mNav li a:active, #mNav li a:focus, #mNav li a.active {
color:#fff;
}

/* ================================================= smaller non-navigation elements */
#cateye {
	font-size: 10px;
	color: #000000;
	text-align: center;
	width: 72px;
	position: absolute;
	top: 86px;
	right: 26px;
	line-height: 60%;
}
#cateye img {
	border: 1px solid #000000;
}
#cateye a {text-decoration:none;}
#flags {
	height: 16px;
	width: 200px;
	text-align: right;
	position: absolute;
	left: 630px;
	top: 75px;
        font-size:12px;
        color:#FFF;
}
#flags img {
	margin-left: 8px;
}
/* ================================================= top status bar (logged in and logged out) */
.status a:link, .status a:visited, #content a:link, #content a:visited {
	color: #478eb0;
	text-decoration: none;
}
.status a:focus, .status a:hover, .status a:active, #content a:focus, #content a:hover, #content a:active {
	color: #478eb0;
	text-decoration: underline;
}
.status {
	width: 830px;
	position: absolute;
	top: 187px;
	z-index: 10;
	margin: 0px auto 0 35px;
	padding: 10px 0px 0px 0px;
	background:#A3CF6C;
}
#statusLO {
	background: url(/images/ph2_statusLOBg_xrpt.gif) repeat-x top; margin-top:10px; padding:0px;
padding-top:15px;
border-bottom:2px solid #3e6330;
}
#statusLO span {
	font-size: 9px;
	font-style: italic;
	color: #619D3E;
	display: block;
	margin-top: 0px;
	margin-left: 20px;
	float: left;
}
#statusLO span strong {
	font-size: 15px;
	color: #3E6330;
	font-style: normal;
	display: block;
padding-bottom:3px;
}
#statusLO span strong a {
color:#3E6330;
}
#statusLO p {
	font-size: 13px;
font-weight:bold;
	color: #3E6330;
	float: right;
	margin-top: 8px;
	margin-right: 30px;
	padding-left: 12px;
	height: 27px;
}
#statusLI {
margin-top:10px;
border-bottom:2px solid #3e6330;
}
#statusLI ul {
	float: right;
	height: 38px;
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#statusLI ul li {
	float: left;
	height: 38px;
	padding-left: 30px;
padding-right:10px;
}
ul.myImpact li.days {
background:url(/images/ph2_statusLI_days.gif) no-repeat left;
}
ul.myImpact li.miles {
background:url(/images/ph2_statusLI_travelled.gif) no-repeat left;
}
ul.myImpact li.gas {
background:url(/images/ph2_statusLI_gasSaved.gif) no-repeat left;
}
ul.myImpact li.money {
background:url(/images/ph2_statusLI_moneySaved.gif) no-repeat left;
}
ul.myImpact li.carbon {
background:url(/images/ph2_statusLI_carbonOffset.gif) no-repeat left;
}
ul.myImpact li.health {
background:url(/images/ph2_statusLI_hp.gif) no-repeat left;
}
#statusLI ul.myImpact li.health {
padding-left:23px;
}
#statusLI ul li p {
	float: left;
	color: #FFFFFF;
	font-size: 10px;
	border-right:1px solid #7aa749;
	padding-right: 15px;
padding-top:5px;
	margin-top: 0px;
display:block;
height:35px;
white-space:nowrap;
}
#statusLI ul li.health p {
border-right:0;
padding-right:0;
}
#statusLI ul li.days p {
padding-right:30px;
}
#statusLI ul li.miles p {
padding-right:30px;
}
#statusLI ul li.gas p {
padding-right:20px;
}
#statusLI ul li p span {
	font-size: 10px;
	display: block;
margin-top:5px;
}
#statusLI a.infoTip {
	position: absolute;
	top: 3px;
	right: 3px;
z-index:100;
}
.myImpactText {
background:url(/images/ph2_statusLI_impact.gif) no-repeat top right;
display:block;
float:right;
height:20px;
color:#fff;
font-size:10px;
width:51px;
text-align:left;
padding:10px 20px 0px 5px;
margin:0 15px 0 0;
overflow:hidden;
white-space:nowrap;
}
/* ================================================= main body/content area */
#content {
	clear: both;
	float: left;
	width: 995px;
	position: relative;
	left: 0px;
	top: 32px;
	z-index: 2;
}
#contentT {
	background-image: url(/images/ph2_contentBg_yrpt.gif);
	background-repeat: repeat-y;
}
#contentB {
	background-image: url(/images/ph2_contentBBg_norpt.png);
	background-repeat: no-repeat;
	background-position: 35px bottom;
	width: 940px;
	padding-bottom: 38px;
	padding-top: 55px;
}
#contentI {
	width: 830px;
	margin-left: 35px;
overflow:hidden;
}
/* ================================================= homepage specific definitions */
#homeP {
	overflow: hidden;
}
/* ================================================= homepage left column */
#homePL {
	float: left;
	width: 340px;
margin-left:15px;
}
#homeNfo {
	overflow: hidden;
}
#homeNfo p {
	font-size: 14px;
	color: #3e6330;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cfcfcf;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#homeNfo em {
	font-size: 16px;
	color: #3e6330;
	font-style: normal;
	display: block;
	float: left;
}
#homeNfo strong {
	font-size: 40px;
	color: #3e6330;
	display: block;
	float: left;
}
#homeNfo span {
	font-size: 20px;
	font-weight: bold;
	color: #3e6330;
	display: block;
	float: left;
	clear:both;
}
#createAcc {
	background-image: url(/images/createAccBg_norpt.gif);
	background-repeat: no-repeat;
	height: 165px;
	width: 340px;
	text-align: center;
	padding-top: 15px;
	margin-top: 10px;
}
#createAcc p {
	font-size: 23px;
	color: #596550;
	line-height: 1.3;
	margin-bottom: 10px;
}
#createAcc p a {
	font-size: 27px;
color:#478eb0 !important;
}
#createAcc a.createAccountButton {
	font-size:13px;
	color:#FFF;
	background:url(/images/createAcc_btn-bg.gif) no-repeat top;
	display:block;
	width:200px;
	line-height:10px;
	padding:11px 15px 16px 15px;
	margin:0 auto;
}
#createAcc strong {
	font-size: 30px;
}
#loginAcc {
	background-image: url(/images/loginAccBg_norpt.png);
	background-repeat: no-repeat;
	height: 182px;
	width: 310px;
	margin-top: 22px;
	overflow: hidden;
	font-size: 14px;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#loginAcc p {
	margin-bottom: 10px;
	margin-top: 10px;
	display:block;
height:15px;
}
#loginAcc form {
}
#loginAcc form label {
	display: block;
	margin-bottom: 3px;
}
#loginAcc form input {
	padding: 2px;
	width: 304px;
	border: 1px solid #b5b5b5;
	font-size: 14px;
	color: #3c6a13;
	margin-bottom: 10px;
}
#loginAcc form button {
	margin-top: 4px;
	background:url(/images/loginAcc_btn-home-bg.gif) no-repeat;
	width:108px;
	color:#fff;
	font-size:13px;
	font-family:"Trebuchet MS", "Trebuchet", Trebuchet, Arial, verdana, sans-serif;
	line-height:13px;
	padding:0 0 0 0;
	height:28px;
	background-repeat:no-repeat;
}
#loginAcc form span {
	display: block;
	float: right;
	margin-top: 3px;
}
#loginAcc form span input {
	padding: 0px;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: -2px;
	margin-left: 0px;
}
#loginAcc form span label {
	display: inline;
}

#loginAcc .remember-me {
	padding:20px 20px 10px;
	text-align:center;
}

#loginAcc .wrapper-logout-btn {
	text-align:right;
}

#loginAcc .wrapper-logged-in-msg {
	height:95px;
}

#loginCookieForm {
	width:300px;
	margin:0 auto;
}

#loginCookieForm .remember-me {
	padding:20px;
	text-align:center;
	font-weight:bold;
	font-style:italic;
}

.remember-buttons {
	text-align:center;
}

/* ================================================= homepage left column */
#homePR {
	float: right;
	width: 430px;
	padding-top: 5px;
margin-right:20px;
}
#homePR h1 {
	margin-top: 20px;
	margin-bottom: 5px;
	font-size:18px;
}
#homePR h1 a {
	padding-top: 5px;
	float: right;
	font-size: 11px;
}
#homePR p {
	font-size: 12px;
	color: #808080;
	line-height: 1.5;
	margin-bottom: 7px;
}
#homePR p strong {
	font-size: 14px;
	color: #3e6330;
}
#homePR p em {
	font-size: 11px;
}
#homeA {
margin:0 auto;
}
/* ================================================= left side/controls, links and ad column */
.lCol {
	width: 166px;
	float: left;
	font-size: 12px;
padding-top:38px;
}
.lCol ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.lCol ul li {
padding:8px 8px 8px 45px;
font-size:11px;
color:#777C68;
border-bottom:1px solid #ccc;
}
.lCol ul li a {
color:#777C68 !important;
}
.lCol ul li a span {
display:block;
color:#C8002C;
line-height:16px;
white-space:nowrap;
}
.lCol ul li.logout {
background:url(/images/ph2_icon_logout.gif) no-repeat 12%;
}
.lCol ul li.login {
background:url(/images/ph2_icon_login.gif) no-repeat 12%;
}
.lCol ul li.account {
background:url(/images/ph2_icon_account.gif) no-repeat 12%;
}
.lCol ul li.messages {
background:url(/images/ph2_icon_messages.gif) no-repeat 12%;
}
.lCol ul li.groups {
background:url(/images/ph2_icon_groups.gif) no-repeat 12%;
}
.lCol ul li.search {
background:url(/images/ph2_icon_search.gif) no-repeat 12%;
}
.lCol ul.bottomLinks {
padding-left:30px;
}
.lCol ul.bottomLinks li {
border-bottom:0px;
padding:5px 4px 5px 20px;
font-size:10px;
background:url(/images/ph2_icon_bottomLinks.gif) no-repeat left;
}
.lCol ul.bottomLinks li a {
color:#3A6712 !important;
}
/* ================================================= general, site-wide, right side/content column */
.rCol {
	float: right;
	width: 560px;
	font-size: 12px;
	color: #2e2e2e;
	line-height: 1.5;
	padding-top:30px;
margin-right:20px;
}
.rCol h1 {
font-size:22px;
}
.rCol h2 {
	font-size: 18px;
	color: #3e6330;
}
.rCol h3 {
font-size:16px;
}
.rCol h4 {
font-size:14px;
}
.rCol a {
color:#67873B !important;
}
.rCol a.actions {
color:#DA1E35 !important;
}
.rCol p {
	margin-bottom: 15px;
	font-size:12px;
	color:#777C68;
}
.rCol form.style {
	width: 575px;
	overflow: hidden;
	margin-top: 30px;
}
.rCol form.style dl {
	width: 560px;
	overflow: hidden;
}
.rCol form.style dl span {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}
.rCol form.style dl dt {
	float: left;
	width: 156px;
	font-size: 14px;
	text-align: right;
	clear: both;
	margin-bottom: 10px;
	min-height:26px !important;
	vertical-align: top !important;
}
.rCol form.style dl dd {
	clear: right;
	float: right;
	width: 400px;
	margin-bottom: 10px;
	font-size: 13px;
	min-height:26px !important;
	vertical-align:top !important;
}
.rCol form.style dl dd.full {
	clear: both;
	float: none;
	width: 400px;
	padding-left: 160px;
}
.rCol form.style dl dd em {
	display: block;
	float: right;
}
.rCol form.style input, .rCol form.style textarea, .rCol form.style select {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #777C68;
	width: 256px;
	border: 1px solid #cfcfcf;
	padding: 2px;
	background-color: #FFFFFF;
	line-height: normal;
}
.rCol form.style input[type=button], .rCol form.style input[type=submit], .rCol form.style input[type=radio], .rCol form.style input[type=checkbox] {
	width: auto;
}
.rCol form.style div ul li{
	float: left;
	list-style-type: none;
}
.rCol form.style select {
	width: auto;
	margin-right: 5px;
}
.rCol form.style input.error, .rCol form.style textarea.error {
	border-bottom: 1px solid #e03737 !important;
}
.rCol form.style textarea {
	height: 146px;
	width: 366px;
}
.rCol form.style input.short {
	width: 75px;
}
.rCol form.style textarea.short {
	height: 78px;
	width: 254px;
}
.rCol form.style fieldset ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.rCol form.style fieldset ul li {
	float: left;
	margin-right: 5px;
}
.rCol form.style fieldset p {
	overflow: hidden;
	margin-bottom: 5px;
	clear: both;
}
.rCol form.style fieldset input {
	height: auto;
	width: auto;
	border-style: none;
	padding: 0;
}
.rCol form.style fieldset label {
	font-size: 11px;
	color: #777C68;
}
.rCol form.style fieldset p input {
	float: left;
	display: block;
}
.rCol form.style fieldset p label {
	float: left;
	display: block;
	width: 300px;
}
.rCol form.style dl dd button {
	margin-top: 10px;
}
.rCol form.style dd label.error, div.error {
	background: url(/images/errorBg_norpt.gif) no-repeat 4px 6px;
	padding-top: 4px;
	padding-left: 25px;
	color: #e03737;
	display: block;
}
.rCol form.style p {
	width:560px;
}
.rCol form.stye p.editing {
	background-color:#F4F4F4;
}
.rCol form.style h2 {
	width:560px;
}
.rCol form.style h2.editing {
	background-color:#F4F4F4;
	border-bottom:1px solid #68873b;
}
/* ================================================= logged out areas  */
div.splash {
	height: 360px;
	width: 755px;
	position: relative;
	left: 0px;
	top: 0px;
	margin:0 auto;
}
div.splash img {
	position: absolute;
	width: 398px;
	left: 11px;
	top: 50px;
}
div.splash a img {
	width: 320px;
	left: 425px;
	top: 65px;
}
div.splash div.login {
	display:block;
	width:56px;
	height:20px;
	position:relative; 
	top:245px;
	left:555px;
	font-size:13px;
}
div.splash div.login a {
	float:right;
}
div.splash div.login img {
	width:15px;
	height:15px;
	left:0;
	top:0px;
}
/* ================================================= my miles logged in  */
#milesToday {
	width: 601px;
margin-left:-45px;
background-color:#d3d6db;
	background-image: url(/images/milesTodayBg_norpt.png);
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
	top: 0px;
	color: #FFFFFF;
}
#milesTodayBot {
	background-image: url(/images/milesTodayBotBg_norpt.png);
	background-repeat: no-repeat;
	width: 570px;
	background-position: left bottom;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 40px;
	padding-left: 25px;
}
#milesTodayBot p {
color:#3A6712;
font-size:13px;
width:565px;
}
#dateBox {
	overflow: hidden;
	position: relative;
	left: 0px;
	top: 0px;
	margin-bottom: 5px;
	font-size: 22px;
	color: #3a6712;
	font-weight:bold;
}
#milesTodayForm {
        float:left;        
}

#detailsClear {
	float: right;
	height: 28px;
	width: 190px;
}
#milesTodayBot h2 {
	color: #3a6712;
}
#milesTodayBot table {
	width: 555px;
}
#milesTodayBot table th {
	padding-top: 5px;
	vertical-align: middle;
color:#3A6712;
}
#milesTodayBot table td {
	padding-bottom: 15px;
	vertical-align: middle;
color:#3A6712;
}
#milesTodayBot table tr.entry td {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom:1px solid #FFF;
	vertical-align: middle;
color:#3A6712;
}
#milesTodayBot table th {
	text-align: left;
}
#milesTodayBot table th .infoTip img {
	margin-bottom: -2px;
	margin-left: 3px;
}
#milesTodayBot table td {
	font-weight: bold;
}
#milesTodayBot table select, #milesTodayBot table input {
	font-size: 11px;
	color: #777C68;
	line-height: normal;
}
#milesTodayBot table select {
	width: 160px;
}
#milesTodayBot table input {
	width: 26px;
}
#milesTodayBot table button {
}
#milesTodayBot table button#submitToday {
background:url(/images/milesTodayPost_btn-bg.gif) no-repeat;
width:62px;
padding:2px 0 3px 0;
color:#FFF;
font-size:12px;
margin:2px 0 0 0;
}
#milesTodayBot table .actions {
font-size:10px;
color:#A61E35 !important;
}
#milesTodayBot table .actions a {
color:#A61E35 !important;
}
#milesTodayBot table .actions button img {
	margin: 0px;
	position: static;
}
#milesTodayBot table .actions img {
	position: relative;
	left: 0px;
	top: 2px;
}
#detailsBox {
	height: 35px;
	width: 300px;
	position: absolute;
	top: 0px;
	right: 0px;
	padding-top: 2px;
	overflow: hidden;
}
#detailsBox p {
	text-align: center;
	float: left;
width:29%;
	font-size: 12px;
	line-height: 13px;
	margin-left: 10px;
color:#FFF;
}
#detailsBox p.first {
	margin-top: 2px;
	line-height: 13px;
text-align:center;
}
#detailsBox strong {
	font-size: 18px;
	line-height: 18px;
}
#detailsBox strong span {
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	position: relative;
	left: 0px;
	top: -5px;
}
#detailsBox em {
	font-size: 10px;
	font-style: normal;
line-height:16px;
position:relative;
top:-2px;
}
#detailsBox .infoTip {
	position: absolute;
	top: 3px;
	right: 3px;
}
#milesPast {
	position: relative;
	left: 0px;
	top: 0px;
	width: 575px;
margin-left:-30px;
}
#milesPast h2, #milesPast em  {
	width: 300px;
	float: left;
}
#milesPast table {
	clear: both;
	width: 575px;
	margin-bottom: 10px;
}
#milesPast table tr {
	font-size: 13px;
	color: #3A6712;
}
#milesPast table tr.empty {
	color: #A61E35;
font-weight:normal;
}
#milesPast table tr th, #milesPast table tr td {
	border-bottom: solid 1px #cfcfcf;
	padding: 5px 0 5px 15px;
white-space:nowrap;
}
#milesPast table tr th {
	font-size: 12px;
	color: #777C68;
	text-align: left;
	font-weight: normal;
}
#milesPast table tr th .infoTip img {
	margin-bottom: -2px;
	margin-left: 3px;
}
#milesPast table tr.edit td {
	border-bottom: solid 1px #cfcfcf;
}
#milesPast table tr td select, #milesPast table tr td input {
	font-size: 11px;
	color: #777C68;
	line-height: normal;
	margin-bottom: 7px;
}
#milesPast table tr td select {
	width: 140px;
}
#milesPast table tr td input {
	width: 20px;
margin-bottom:4px !important;
}
#milesPast table tr td.actions {
	font-size: 10px;
	color: #A61E35 !important;
	font-weight: normal;
	vertical-align: middle;
	text-align: right;
	padding-right: 15px;
        white-space:nowrap;
}
#milesPast table tr td.actions a {
color: #A61E35 !important;
}
#milesPast table tr.edit td.actions {
	vertical-align: top;
	text-align: left;
}
#milesPast table tr.edit td.actions img {
	margin-top: 5px;
	margin-bottom: 5px;
}
#milesPast table tr.edit td.actions p {
	text-align: right;
	margin: 0px;
	padding: 0px;
}
#milesPast em.note {
font-size:11px;
}
/* ================================================= my chart logged in */
#chartRefine {
}
#chartRefine form {
	float: right;
}
#chartRefine form ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#chartRefine form ul li {
	float: right;
	margin-left: 20px;
}
#chartRefine form label {
	color: #808080;
	display: block;
	margin-bottom: 3px;
}
#chartRefine form label .infoTip img {
	position: static;
	margin-bottom: -2px;
	margin-left: 3px;
}
#chartRefine form select {
	background-color: #FFFFFF;
	font-size: 12px;
	color: #68873b;
	padding: 2px;
	line-height: normal;
	border-top: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #68873b;
	border-left: 1px solid #cfcfcf;
	margin-bottom: 5px;
	width: 140px;
}
#chartRefine form ul li img.arrow {
	position: relative;
	left: 0px;
	top: 15px;	
}

/* My Impact */
#myImp {
width:590px;
margin-left:-10px;
margin-top:15px;
}
#myImp .head {
display:block;
background:url(../images/ph2_my-impact-head-bg.gif) no-repeat top left;
width:580px;
height:50px;
overflow:hidden;
margin-bottom:3px;
}
#myImp .head h2 {
display:block;
float:left;
color:#A0CE6D;
font-size:11px;
font-weight:normal;
margin:12px 0 0 30px;
}
#myImp .head h2 strong {
color:#FFF;
font-size:18px;
font-weight:normal;
}
#myImp .head .dates {
display:block;
float:right;
width:268px;
height:50px;
overflow:hidden;
}
#myImp .head .dates h3 {
display:block;
width:132px;
float:left;
font-size:11px;
color:#A0CE6D;
font-weight:normal;
text-align:center;
line-height:12px;
margin:10px 0 0 0;
}
#myImp .head .dates h3 strong {
display:block;
font-size:16px;
font-weight:normal;
color:#fff;
letter-spacing:1px;
line-height:20px;
}
#myImp .head .dates h3.sDate {
border-right:1px solid #a3bd8f;
}
#myImp .form {
display:block;
background:url(../images/ph2_my-impact-dates-bg.gif) no-repeat top left;
width:550px;
height:87px;
overflow:hidden;
padding-left:30px;
}
#myImp .form div {
display:block;
float:left;
margin:7px 15px 0 0;
width:250px;
}
#myImp .form div.viewBy {
width:190px;
}
#myImp .form div img {
margin-bottom:0;
cursor:pointer;
}
#myImp .form div input {
position:relative;
top:-5px;
margin-right:5px;
}
#myImp .form div input {
width:135px;
}
#myImp .form div select {
width:175px;
margin-bottom:5px;
}
#myImp .form div.eDate {
position:relative;
}
#myImp .form div.eDate label, #myImp .form div.sDate label {
width:75px;
padding-right:5px;
text-align:right;
float:left;
line-height:28px;
}
#myImp .form div label {
display:block;
font-size:11px;
color:#FFF;
}
#myImp .form input.ph2Btn {
margin:45px 0 0 0;
}
#myImp .table {
background:#f4f9ec
}
#myImp .table .top {
display:block;
height:20px;
padding-top:5px;
}
#myImp .table .top div {
float:left;
color:#67873B;
font-size:13px;
margin-left:185px;
}
#myImp table {
width:100%;
}
#myImp table th, #myImp table td {
text-align:center;
padding:15px 30px;
color:#777C68;
font-weight:normal;
width:100px;
vertical-align:middle;
}
#myImp table tr {
display:block;
border-top:1px solid #ccc;
}
#myImp table tr.odd {
background:#dfeecc;
}
#myImp table thead tr:first-child {
border-top:0;
}
#myImp table th {
font-size:11px;
padding-bottom:5px;
}
#myImp table td:first-child {
text-align:left;
padding:8px 10px 40px 30px !important;
vertical-align:top;
white-space:nowrap;
}
#myImp td {
font-size:13px;
color:#67873B !important;
}
#myImp td.days {
background:url(../images/ph2_m_icon-days.png) no-repeat 33px 30px;
}
#myImp td.miles {
background:url(../images/ph2_m_icon-miles.png) no-repeat 35px 30px;
}
#myImp td.gas {
background:url(../images/ph2_m_icon-gas.png) no-repeat 36px 30px;
}
#myImp td.money {
background:url(../images/ph2_m_icon-money.png) no-repeat 33px 30px;
}
#myImp td.carbon {
background:url(../images/ph2_m_icon-carbon.png) no-repeat 33px 30px;
}
#myImp td.health {
background:url(../images/ph2_m_icon-health.png) no-repeat 32px 30px;
}
#myImp div.note {
padding:15px 20px;
font-size:11px;
}

/* Message Center */
#msgCenter #tabs ul, #msgCenter #tabs li {
margin:0;
padding:0;
list-style-type:none;
}
#msgCenter #tabs ul {
display:block;
width:580px;
height:30px;
border-bottom:3px solid #666;
}
#msgCenter #tabs li {
display:block;
float:left;
margin:0 2px;
width:189px;
height:30px;
text-align:center;
}
#msgCenter #tabs li a {
display:block;
background:url(../images/ph2_messages-tabs-bg.gif) bottom;
width:189px;
height:25px;
padding:5px 0 0 0;
font-size:13px;
color:#3A6712 !important;
font-weight:bold;
}
#msgCenter #tabs li a:hover, #msgCenter #tabs li a:active, #msgCenter #tabs li a:focus, #msgCenter #tabs li a.active {
color:#FFF !important;
text-decoration:none;
background-position:top;
}
#msgCenter .wrap {
background:#f4f9ec;
width:580px;
}
#inbox .msg {
padding-left:30px;
width:530px;
background:url(../images/ph2_messages-newmsg.gif) no-repeat 5px 26px;
}
#inbox .msgread {
background-image:none;
}
.msg {
width:560px;
margin:10px;
font-size:11px;
line-height:13px;
color:#777c68;
border-bottom:1px solid #ccc;
padding:10px 0;
}
.msg a.del {
display:block;
width:85px;
height:17px;
overflow:hidden;
text-indent:-5000em;
float:right;
margin:0px 0 -32px 0;
background:url(../images/ph2_messages-archive.png) no-repeat right;
position:relative;
z-index:10;
text-decoration:none;
padding-right:20px;
line-height:16px;
}
.msg a.del:hover, .msg a.del:active, .msg a.del:focus {
text-indent:0;
text-decoration:none !important;
text-align:right;
padding-right:20px;
}
#arch .msg a.del {
background:url(../images/milesPastDelete_btn.png) no-repeat right;
color:#c11e35 !important;
}
.msg dl {
width:175px;
float:left;
margin:0 0 10px 0;
}
.msg dl.message {
clear:both;
float:none;
width:530px;
}
.msg dt {
color:#A0CE6D;
}
.msg dd {
font-size:13px;
color:#3A6712;
line-height:12px;
margin-top:3px;
}
.msg dl.type dd {
font-size:15px;
font-weight:bold;
}
.msg dl.from dd span {
display:block;
font-size:11px;
margin-right:10px;
line-height:12px;
}
.msg dl.message dd {
color:#777c68;
font-size:11px;
line-height:13px;
}
.msg .acts {
display:block;
height:20px;
}
.msg .acts a {
display:block;
float:left;
margin:0 25px 0 0;
padding:0 0 0 15px;
background:url(../images/ph2_icon_bottomLinks.gif) no-repeat left;
}
.msg .acts a.abuse {
float:right;
margin-right:0;
color:#FF0000 !important;
background:url(../images/ph2_icon_bottomLinks-red.gif) no-repeat left;
}
#msgCenter .pagination {
display:block;
width:560px;
height:20px;
margin:0 0 0 10px;
}
#msgCenter .pagination p {
font-size:11px;
color:#777c68;
}
#msgCenter .pagination p.display {
float:left;
padding-left:5px;
}
#msgCenter .pagination p.paging {
float:right;
}
#msgCenter .pagination p.paging a {
padding-left:5px;
}
.paging p.results {font-size:11px;}
#msgCenter .paging p.results {
margin-left:10px;
}

/* ================================================= calendar controls */
.rCol p.calendar {
	text-align: right;
	font-size: 10px;
	float: right;
}
.rCol p.calendar img {
	margin-bottom: -2px;
}
.rCol p.calendar a {
margin-left:15px;
color:#A61E35 !important;
}
/* ================================================= pagination controls */
.rCol p.pagination {
	font-size: 15px;
	color: #2e2e2e;
	text-align: right;
	margin: 10px 0 0;
}
.rCol p.pagination a {
	font-size: 13px;
}
/* ================================================= news & resources (level 1 and level 2) */
div.newsEl, div.resEl, div.resiEl {
	padding: 15px 20px 10px 20px;
	border-top: solid 1px #cfcfcf;
	overflow: hidden;
}
div.resiEl {
	border-top: none;
	border-bottom: solid 1px #cfcfcf;
}
div.newsEl.last, div.resEl.last {
	border-bottom: solid 1px #cfcfcf;
}
div.newsEl a.eAction, div.resEl a.eAction, div.resiEl a.eAction {
	text-align: right;
	display: block;
	float: right;
	margin: 0 0 10px 0;
}
div.newsEl a.eAction img, div.resEl a.eAction img, div.resiEl a.eAction img {
	padding: 0px;
	border-style: none;
	float: none;
	margin: 0px;
}
div.resiEl h2 {
	margin-bottom: 10px;
}
div.newsEl em {
	color: #808080;
	display: block;
	margin-bottom: 10px;
}
div.newsEl div img, div.resiEl div img {
	padding: 4px;
	border: 1px solid #cfcfcf;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
div.resEl img, div.resiEl img {
	border:1px solid #CFCFCF;
	float:left;
	margin-bottom:10px;
	margin-right:15px;
	padding:4px;
}
div.resEl {
clear:both;
}
/* ================================================= category jump (only in resources level 2 pages) */
#catJump {
	height: 33px;
	line-height: 24px;
	width: 148px;
	overflow: hidden;
	position: absolute;
	top: 64px;
	right: 145px;
	background: url('/images/categoryJump_btn.png') top right no-repeat;
	text-align: right;
}
#catJumpOpts {
	position: absolute;
	top: 65px;
	right: 149px;
	width: 250px;
	overflow: hidden;
	display: none;
	background: url('/images/catJumpOptsTop_img.png') top right no-repeat;
	text-align: right;
}
#catJumpOptsButton {
	height: 24px;
	line-height: 22px;
}
a:link#catJump, a:hover#catJump, a:visited#catJump {
	padding-right: 28px;
	color: #ffffff !important;
	font-size: 12px;
	text-decoration: none;
}
#catJumpOptsButton a:link, #catJumpOptsButton a:hover, #catJumpOptsButton a:visited {
	padding-right: 24px;
	color: #ffffff !important;
	font-size: 12px;
	text-decoration: none;
}
#catJumpOpts img {
	clear: both;
	float: left;
}
#catJumpOpts ul {
	margin: 0px;
	list-style-type: none;
	background-color: #3c6913;
	width: 250px;
	clear: both;
	padding: 0px;
}
#catJumpOpts ul li {
	font-size: 14px;
	color: #FFFFFF;
	width: 250px;
}
#catJumpOpts ul li a {
	display: block;
	width: 230px;
	padding-right: 10px;
	padding-left: 10px;
	color:#FFFFFF !important;
}
#catJumpOpts ul li a:link, #catJumpOpts ul li a:visited {
	color: #FFFFFF !important;
	text-decoration: none;
}
#catJumpOpts ul li a:focus, #catJumpOpts ul li a:hover, #catJumpOpts ul li a:active {
	color: #FFFFFF !important;
	text-decoration: none;
	background-color: #5b8d24;
}
/* ================================================= wc stats */
#wcstats {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#wcstats li {
	padding-bottom: 10px;
}
#wcstats li p {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	clear: both;
white-space:nowrap;
}
#wcstats li p img {
	margin-right: 7px;
	float: left;
}
#wcstats li p img.open, #wcstats li p img.closed {
	margin: 0px;
	padding: 0px 5px 0px 0px;
}
#wcstats li p img.closed {
	display: none;
}
#wcstats li p span {
	font-size: 23px;
	color: #3e6330;
	display: block;
	float: left;
	margin-top: -2px;
}
#wcstats li div {
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 15px;
	clear: both;
}
#wcstats li div ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 26px;
}
#wcstats li div ul li {
	float: left;
	border-right: 1px solid #cfcfcf;
	height: 26px;
	padding: 0px 5px 0px 4px;
white-space:nowrap;
}
#wcstats li div ul li.last {
	border-style: none;
padding-left:3px;
}
#wcstats li div ul li img {
	float: left;
	margin-right: 6px;
}
#wcstats li div ul li p {
	text-align: left;
	float: left;
	font-size: 10px;
	color: #808080;
	clear: none;
white-space:nowrap;
}
#wcstats li div h2 {
	border-bottom: 1px solid #cfcfcf;
	margin-top: 15px;
}
#wcstats li div table {
	width: 575px;
}
#wcstats li div table th, #wcstats li div table td {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #cfcfcf;
}
#wcstats li div table th, #wcstats li div table td.rowHead {
	font-size: 12px;
	color: #808080;
	text-align: left;
	font-weight: normal;
}
#wcstats li div table td {
	font-size: 13px;
	font-weight: bold;
	color: #68873b;
}
/* ================================================= sign up */
.signup {
	padding-right: 20px;
	padding-left: 15px;
	width: 540px !important;
	overflow: hidden;
}
.signup h2 {
	border-bottom: 1px solid #cfcfcf;
	margin-bottom: 10px;
font-size:14px;
width:540px;
}
.signup h2.editing {
	border-bottom: 1px solid #68873b;
	background-color:#F4F4F4;
	padding:5px;
	width:550px !important;
}
.signup h2 em {
	float: right;
margin-right:20px;
font-size:11px;
font-weight:normal !important;
}
.signup h2 em span.warning {
font-weight:normal;
}
.signup h2 .actions {
	float: right;
}
.signup p {
font-size:11px;
}
.signup p span {
	float: right;
	text-align: left;
}
.signup p.editing {
	display:block;
	background-color:#F4F4F4;
	padding:15px 5px;
	margin-top:-10px;
	width:550px !important;
}
.signup p a.cssButton {
margin-bottom:15px !important;
}
.signup dl {
	margin-bottom: 15px;
}
.signup dd {
font-size:11px;
color:#777C68;
}
.signup label, .signup dt {
font-size:11px !important;
color:#777C68;
}

.autosuggest {
        position:absolute;
        z-index:5500;
}

#captcha {
border:1px solid #ccc;
	height: 74px;
	width: 298px;
}

/* Account settings */
.accountSettings {
background:#f4f9ec;
width:540px !important;
padding:15px 20px !important;
}
.accountSettings h2 {
width:540px !important;
}
.accountSettings h2 .actions {
margin-top:32px;
margin-right:20px;
}
.accountSettings p span {
display:block;
width:220px;
}
.accountSettings label {
color:#777C68;
font-size:11px;
}
.accountSettings input[type=button], .accountSettings input[type=submit], .accountSettings a.ph2Btn {
display:block !important;
clear:both !important;
float:right !important;
margin:0 50px 15px 0 !important;
border:0 !important;
background:#95c657 !important;
padding:3px 15px !important;
float:right !important;
}
.accountSettings span.unavailable {
color:#DA1E35;
font-size:11px;
font-style:italic;
}
.accountSettings p strong a.action_delete span.warning {
margin-right:40px;
text-align:right;
}
.accountSettings div.language, .accountSettings div.currency, .accountSettings div.miles {
display:block;
float:left;
width:150px;
}
.accountSettings div.language label, .accountSettings div.currency label, .accountSettings div.miles label {
text-align:left;
display:block;
float:none;
padding:0 0 3px 0;
}
.accountSettings div.language select, .accountSettings div.currency select, .accountSettings div.miles select {
width:135px;
}
.accountSettings .checkbox input, .accountSettings .radio input, .accountSettings .checkbox input[type=checkbox], .accountSettings .radio input[type=radio] {
border:0 !important;
padding:0 !important;
width:auto !important;
margin:0 !important;
display:inline !important;
}
.accountSettings .radio label {
margin:0 25px 0 5px !important;
width:auto !important;
display:inline !important;
}
.accountSettings .r
.securityTerms p {
margin-bottom:3px;
}
.securityTerms #captcha {
margin-bottom:15px;
}
.securityTerms input {
margin-bottom:15px;
}
.securityTerms fieldset input {
margin-bottom:0;
}
.securityTerms label {
white-space:nowrap;
}
.securityTerms fieldset {
margin-bottom:20px;
}

/* ================================================= glossary */
div.glossEl {
	margin-bottom: 15px;
	overflow: hidden;
}
div.glossEl img {
	float: left;
}
div.glossEl div {
	float: right;
	width: 480px;
	padding-right: 15px;
}
/* ================================================= ads and flash components */
#footerBar {
	background-image: url(/images/world_results_footer.png);
	background-repeat: no-repeat;
	height: 108px;
	width: 795px;
	overflow: hidden;
	clear: both;
	margin-left: 51px;	
	margin-top: 15px;
	margin-bottom: 30px;	
	padding-left: 6px;
	position:relative;
}
#footerBar p em.note {display:block; margin:0 auto; text-align:center;}
#footerBar p{
	display:block; 
	float:left;
	height: 109px;	
	padding-top: 50px;
	font-size: 9pt;
	color: #948d7f;
}

#footerBar a.glossary {
	display:block;
	height:15px;
	left:450px;
	overflow:hidden;
	position:absolute;
	text-indent:-100em;
	top:10px;
	width:15px;
}
#footerBar p .label{
	color: #70745c;
	font-weight: 600;
	font-size: 10pt;
	margin-bottom: 10px;
	display:block;
}
#wr_sum_distance_miles{
	width: 99px;	
	padding-left: 54px;
}
#wr_sum_fuel_savings_gal{
	width: 106px;
	padding-left: 56px;	
}
#wr_sum_currency_saved{
	width: 96px;
	padding-left: 62px;	
}
#wr_sum_carbon_offset_lbs{
	width: 99px;
	padding-left: 57px;	
}
#wr_sum_health_points{
	width: 100px;
	padding-left: 49px;	
}


#skyscraper {
	position: absolute;
	height: 600px;
	width: 120px;
	top: 165px;
	right:-25px;
	z-index: 5;
}
#leaderboard {
	background-image: url(/images/ph2_leaderboardBg_norpt.png);
	background-repeat: no-repeat;
	height: 109px;
	width: 797px;
	clear: both;
	float: left;
	margin-top: -35px;
	margin-bottom: 35px;
margin-left:17px;
	padding-top: 30px;
	padding-left: 68px;
	position: relative;
	z-index: 4;
	left: 0px;
	top: 0px;
}
#wideSkyscraper {
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left:15px;
	position:relative;
	z-index:0;
}
#homeA {
	height: 250px;
	width: 435px;
	overflow: hidden;
}
#homeA img {
width:435px;
height:250px;
position:absolute;
display:none;
}

#noscriptWar {
	font-size: 14px;
	color: #3a3a3a;
	background-color: #fff7bf;
	text-align: center;
	height: 25px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d7be14;
	position: absolute;
	z-index: 999;
	left: 0px;
	top: 0px;
	line-height: 25px;
	padding: 0px;
}
#noscriptWar img {
	margin-bottom: -2px;
}
/* ================================================= utility definitions */
.center {text-align:center;}
.left {float: left;}
.right {float: right;}
.tRight {text-align: right;}
.show {display: block;}
.hide {display: none;}
.alt, .alt td {background-color: #f4f4f4;}
.note {font-size: 12px; color: #808080; font-style: italic; font-weight: normal;}
.warning {color: #e03737; font-weight:normal !imortant; font-size:11px !important;}
.actions {text-align: right; font-size: 11px; font-weight: normal;}
.red {color:#C8002C;}
span.unavailable {
color:#DA1E35;
font-size:11px !important;
font-style:italic !important;
margin-left:5px;
font-weight:normal !important;
}
/* ================================================= footer area */
#footer {
	clear:both;
	z-index: 5;
	font-size:10px;
	line-height:12px;
	color: #ababab;
	text-align: center;
	position: relative;
	left:42px;
	width:810px;
	margin-bottom:15px;
}
#footer a, #footer a:link, #footer a:visited {
	color:#ababab;
	font-size:10px;
	text-decoration:none;
}
#footer a:hover, #footer a:active, #footer a:focus {
	text-decoration:underline;
}

#UserEditForm div.account_form{
	margin-bottom: 35px;
}
#UserEditForm div.input{
	float:left;
}
td.actions {vertical-align:top;}
.delete_entry {display:block; margin:3px 0 -8px 0;}
.entry td.actions a.delete_entry {display:inline;}
input.inp_distance {margin-top:1px !important; margin-bottom:6px !important;}
div.submit_links {margin-top:20px !important;}
input.submit_img {width:auto !important; border:0px !important;}
input#rememberMe {width:auto; height:auto; border:0px;}
.signup input[type=button], .signup input[type=submit] {
display:block;
color:#FFF !important;
padding:5px 15px;
background:#A3CF6C;
font-size:12px;
line-height:14px;
width:auto;
margin:0 10px 0 0;
border:0;
float:left;
}
.account_form {margin-bottom:55px;}
.account_form label {display:block; float:left; text-align:right; padding-right:15px; width:100px !important; padding-bottom:10px;}
.account_form input {margin-bottom:10px;}
.account_form .radio input, .account_form .radio input[type=radio] {
margin:0 30px 0 5px !important;
}
.account_form .radio label {
margin:0 0 0 0 !important;
padding:0 0 0 0;
}
.signup h2 {clear:both !important;}
#edit_gender_form label, #edit_means_form label, #edit_car_form p label, #edit_contact_form label, #edit_permissions_form label {display:inline; float:none; padding-right:25px; width:auto !important; padding-bottom:0px;}
#mNav li a b i, #sNav li a b i {
	font-style:normal;
}
div.message{ border: 1px dotted #88C23E;  background-color: #EFEFEF; padding: 7px; margin-bottom: 10px;}

button.cssButton {
display:block;
color:#FFF !important;
padding:5px 15px;
background:#A3CF6C;
font-size:12px;
line-height:14px;
width:auto;
margin:0 10px 0 0;
border:0;
float:left;
}

input.cssButton {
display:block;
color:#FFF !important;
padding:5px 15px;
background:#A3CF6C;
font-size:12px;
line-height:14px;
width:auto;
margin:0 10px 0 0;
border:0;
float:left;
}

a.cssButton, a.cssButton:hover, a.cssButton:focus, a.cssButton:active, a.cssButton:link, a.cssButton:visited {
display:block;
color:#FFF !important;
padding:5px 15px;
background:#A3CF6C;
font-size:12px;
line-height:14px;
width:auto;
margin:0 10px 0 0;
border:0;
float:left;
text-decoration:none !important;
}

/*
 * DEBUG CONTAINERS
 */
.cake-debug {
	display:block;
	z-index:155;
	border:1px solid #000;
	background-color:#FFF;
	top:2000px;
	position:relative;
	color:#000;
}
/*
 * DELETE USER
 */
.wrapper_delete_user_btn, .wrapper_reactivate_user_btn {
	padding:10px;
	text-align:center;
}

/*
 * LOGOUT IN HEADER
 */
#mainLogout a {
	position:absolute;
	padding-left:20px;
	padding-top:5px;
}

.clear {
        clear:both;
}

.delete_entry, .edit_entry, .submit_edit, .cancel_edit{
	cursor:  pointer;
}

.topFiveDropdownContainer {
        display:block;
        float:right;
}

p.mpgNotes {
        display:inline;
        padding-left:40px;
        color:#3e6330;
}

span.or {
        padding-left:30px;
        color:#3e6330;
}

.no_stats_for_country {
        display:block;
        padding:30px 0 10px;
        color:#3e6330;
        text-align:center;
        font-weight:bold;
}

#debug{
	background-color: #cccccc; 
	border: 1px solid red; 
	min-height:300px; 
	min-width:300px; 
	position:absolute; 
	top: 100; 
	left: 100; 
	z-index: 1000; 
	display: none; 
	height: 100%; 
	width: 380px; 
	overflow-y: scroll;
}

#createAcc a.create-account-btn {
	margin:0 auto;
	color:#FFFFFF;
	font-family:"Trebuchet MS","Trebuchet",Trebuchet,Arial,verdana,sans-serif;
	font-size:13px;
	line-height:30px;
	width:228px;
	height:38px;
	display:block;
	background-image:url(/images/createAcc_btn-bg.gif);
}

/**
 * Timezone page
 */
.wrapper-progress {
        background-image:url(/images/progress-2.gif);
        background-repeat:no-repeat;
        background-position:center center;
        width:100px;
        height:50px;
        margin:0 auto;
}

.timezone-heading {
        text-align:center;
}

.timezone-warning {
        width:300px;
        margin:0 auto;
        text-align:center;
}

/* Phase 2 Additions */
.breadcrumbs {
font-size:10px;
color:#777C68;
margin:-30px 0 20px -235px;
}
.breadcrumbs a {
color:#777C68 !important;
}
.greenCont {
display:block;
padding:10px 20px 20px 40px;
width:540px;
background:#f4f9ec;
margin:0 0 0 -20px;
position:relative;
z-index:10000;
}
.greenCont a, .greenCont a:link, .greenCont a:visited {
color:#3E6330 !important;
}
.greenCont label.error, .greenCont div.error {
display:block;
clear:both;
border:0;
margin:-15px 20px 15px 0;
color:red;
background:url(/images/errorBg_norpt.gif) no-repeat left;
padding-left:20px;
float:right;
}
.greenCont .ccForm label.error, .greenCont .ccForm div.error {
float:none;
}
.noBg {
background-color:#FFF;
padding-left:20px;
}
.greenCont h2 {
clear:both;
margin-top:30px;
}
.greenCont h2 span.small {font-size:12px; line-height:12px; display:block;}
/* Groups */
.groupsSearch {
margin-bottom:50px;
}
.challengeSearch h2 {
color:#777C68;
margin:40px 0 10px 0;
border-bottom:1px solid #ccc;
}
.groupsSearch form {
display:block;
margin-bottom:15px;
}
.groupsSearch label {
display:block;
color:#777C68;
margin-bottom:3px;
}
.search input {
width:275px;
margin-right:5px;
margin-bottom:5px;
float:left;
}
.search input.ph2Btn, .search input.ph2Btn:hover, .search input.ph2Btn:active, .search input.ph2Btn:focus {
margin-top:-3px;
}
.challengeSearch .submit {
float:right;
position:relative;
top:15px;
right:150px;
}
.filter {
clear:both;
}
.filter div {
float:left;
margin-right:15px;
}
.filter select {
max-width:125px;
min-width:100px;
}
.filter input.ph2Btn {
margin-top:17px !important;
}
.listingHdr {
background:url(/images/ph2_hdr-bg.gif) repeat-x left;
width:580px;
margin-left:-20px;
padding-left:20px;
}
.noResults {
margin:20px 0 40px 0;;
font-size:14px;
color:#C0272D;
font-weight:bold;
line-height:18px;
}
.noResults strong {
font-size:20px;
}
.noResults a.ph2Btn {
display:block;
}
.topInfo {
clear:both;
margin:10px 0;
}
.topInfo p {
font-size:11px;
}
.results {
float:left;
}
.paginate {
float:right;
font-size:11px;
}
.paginate a {
color:#777C68 !important;
}
.item {
clear:both;
margin:15px 0;
padding:15px 0;
border-bottom:1px solid #ccc;
}
.cSearchResults .item {
padding-bottom:30px;
}
.cSearchResults .item a.join {
margin-top:-30px;
float:right;
}
.item .left {
width:130px;
clear:both;
margin:30px 0 -15px 0;
}
.item .left img {
display:block;
max-width:110px;
/*height:100px;*/
margin:0 auto 15px auto;
}
.item .left a.ph2Btn {
margin:0 auto 0 auto !important;
width:110px;
text-align:center;
}
.item .right {
float:right;
width:380px;
margin:15px 0 15px 20px;
}
.item .row {
clear:both;
margin:15px 0 10px 0;
}
.item .row .info {
font-size:10px;
color:#aaa;
display:block;
float:left;
width:360px;
line-height:14px;
margin-bottom:15px;
white-space:nowrap
}
.item .row .infodate {
font-size:11px;
color:#aaa;
display:block;
width:200px;
line-height:28px;
}
.item .row .startInfoDate {
width:500px;
}
.item .row .infodate b {
font-size:15px;
color:#3E6330;
}
.item .row .infodate em {
color:#A61E35;
margin-left:10px;
}
.item .row .info span, .item .row .infodate span {
display:block;
float:left;
width:90px;
white-space:nowrap;
}
.item .row .info strong {
font-size:12px;
color:#3E6330;
position:relative;
top:-2px;
}
.item .cNameRow .info strong {
font-size:16px !important;
}
.item .cDescRow .info strong {
font-size:11px;
font-weight:normal;
white-space:normal !important;
display:block;
float:left;
width:400px;
margin:-15px 0 0 90px;
}
.item .row .info b {
font-size:11px;
color:#999;
}
.item .desc h3 {
font-size:10px;
color:#777;
line-height:24px;
}
.item .desc p {
color:#777;
font-size:10px;
line-height:12px;
}

/* Group details */
h1.groupName {
padding-bottom:25px;
color:#3E6330 !important;
}
.members {
float:right;
margin:-60px 0 0 0;
color:#777C68;
}
.gtype {
float:left;
color:#777C68;
margin:-40px 0 55px 0;
font-size:10px;
}
.groupInfoTop {
clear:both;
position:relative;
top:-25px;
margin-bottom:5px;
display:block;
height:180px;
}
.groupInfoTop .left {
text-align:center;
width:170px;
}
.groupInfoTop .left img {
max-width:170px;
max-height:150px;
}
.groupInfoTop .right {
display:block;
width:370px;
}
.groupInfoTop .right .row {
margin-bottom:15px;
margin-top:8px;
}
.groupInfoTop .right .row h2 {
color:#777C68;
font-size:14px;
line-height:24px;
}
.groupInfoTop .right .line {
font-size:10px;
color:#777C68;
}
.groupInfoTop .right .line span {
display:block;
float:left;
width:80px;
}
.groupInfoTop .right .line strong {
color:#3E6330;
}
.groupInfoTop .right .line strong a {
color:#3E6330 !important;
}
.groupInfoTop .gBtnRow {
clear:both;
display:block;
height:30px;
margin:0;
padding:0;
position:relative;
top:15px;
}
.groupInfoTop .gBtnRow .type {
position:relative;
z-index:10;
margin:0 auto !important;
width:170px;
float:left;
}
.groupInfoTop .gBtnRow .type a.ph2Btn, .groupInfoTop .gBtnRow .type a.ph2Btn:link, .groupInfoTop .gBtnRow .type a.ph2Btn:visited, .groupInfoTop .gBtnRow .type a.ph2Btn:hover, .groupInfoTop .gBtnRow .type a.ph2Btn:active {
text-align:center !important;
position:relative !important;
white-space:nowrap !important;
float:none !important;
margin:0 auto 0 auto !important;
width:110px !important;
}
.noBg .toggler {
margin-bottom:10px;
}
.noBg .desc, .noBg .desc p {
font-size:11px;
clear:both;
}
p.seeAll {
float:right;
margin:-32px 0 0 0;
}
p.seeAll a, p.seeAll a:link, p.seeAll a:visited {
color:#C8002C !important;
}
.linkRow {
clear:both;
}
.linkRow div {
width:174px;
height:80px;
float:left;
margin:0px 25px 10px 0;
}
.linkRow a, .linkRow a:link, .linkRow a:visited {
color:#777C68 !important;
display:block;
padding-left:40px;
background:url(/images/ph2_linkRow-arrow.gif) no-repeat left;
min-height:30px;
line-height:14px;
}
.statsDesc .linkRow a, .statsDesc .linkRow a:link, .statsDesc .linkRow a:visited {
padding-top:7px;
background-position:left top;
}
.linkRow a.chal, .linkrow a.chal:link, .linkRow a.chal:visited {
background-position:left top;
line-height:14px;
}
.linkRow a span {
display:block;
font-weight:bold;
}
.linkRow span.acts {
display:block;
padding-left:40px;
}
.linkRow span.acts a, .linkRow span.acts a:link, .linkRow span.acts a:visited {
color:#C8002C !important;
background-image:none;
min-height:16px;
line-height:14px;
display:inline;
padding:0;
}
.msgBrd .post {
display:block;
clear:both;
border-top:1px solid #666;
width:600px;
margin:0 0 0 -20px;
padding:0 0 10px 0;
}
.msgBrd .post .info {
background:#eee;
display:block;
padding:3px 20px;
border-bottom:1px solid #ccc;
margin-bottom:10px;
}
.msgBrd .post .info span {
float:right;
font-style:italic;
color:#666;
}
.msgBrd .post .msg {
padding:0 20px;
border:none;
}
.msgBrd p.results {
margin:0 0 0 0 !important;
padding:0 0 0px 0 !important;
float:left !important;
}
.msgBrd .paginate {
float:right !important;
margin:-30px 0 0 0 !important;
padding:0 0 0px 0 !important;
text-align:right !important;
}
p.del {
margin-bottom:0px;
}
p.del a, p.del a:link, p.del a:visited {
color:#C8002C !important;
}
.postForm {
clear:both;
margin-top:20px;
}
.postForm textarea {
width:100%;
height:100px;
margin-bottom:10px;
font-size:11px;
}
.postForm input {
margin-bottom:15px;
}
.grpCtl {
width:155px;
background:url(/images/ph2_grpCtl-bg.gif) no-repeat left top;
padding:15px 30px 40px 20px;
clear:both;
}
.grpCtl h2 {
color:#3A6712;
font-size:11px;
line-height:13px;
}
.grpCtl h3 {
color:#777C68;
font-weight:normal;
width:140px;
}
.grpCtl ul {
margin:15px 0 0 0;
}
.grpCtl li {
border-bottom:0 !important;
padding:0 !important;
margin-bottom:10px;
}
.grpCtl li a, .grpCtl li a:link, .grpCtl li a:visited {
display:block;
padding:0 0 0 20px;
background:url(/images/ph2_grpctl_icon.gif) no-repeat left 0px;
line-height:11px;
}
.grpCtl li a:hover, .grpCtl li a:focus, .grpCtl li a:active, .grpCtl li a.active {
background-position:left -55px;
color:#C8002C !important;
text-decoration:none !important;
}
.grpLnd {
padding-bottom:50px;
}
.grpLnd .ph2Btn {
margin-bottom:20px !important;
}
/* create/edit groups and challenges */
.cgTabs {
border-bottom:3px solid #3E6330;
width:610px;
margin-left:-20px;
margin-bottom:7px;
height:34px;
}
.cgTabs ul, .cgTabs li {
margin:0;
padding:0;
list-style-type:none;
display:block;
height:34px;
}
.cgTabs li {
display:block;
float:left;
text-align:center;
width:145px;
font-size:14px;
font-weight:bold;
line-height:14px;
margin-right:5px;
}
.cgTabs li a, .cgTabs li a:link, .cgTabs li a:visited {
color:#777C68 !important;
background:url(/images/ph2_cgTab.gif) no-repeat bottom;
display:block;
text-align:center;
width:145px;
height:29px;
padding-top:5px;
}
.cgTabs li small {
display:block;
font-size:10px;
font-weight:normal;
}
.cgTabs li a:hover, .cgTabs li a:active, .cgTabs li a:focus, .cgTabs li a.active {
color:#FFF !important;
background-position:top;
text-decoration:none !important;
}
.cgForm {
text-align:right;
margin:0 auto;
width:450px;
}
.ccForm h2, .ccForm p {
text-align:left;
}
.step4 {width:100%;}
.cgForm label, .ccForm label {
text-align:left;
color:#3E6330;
display:block;
border-bottom:1px solid #ccc;
margin-bottom:15px;
font-weight:bold;
}
.required {
font-weight:normal;
color:#A61E35;
}
.reqRight {
float:right;
font-size:11px;
font-style:italic;
margin:-15px 15px 30px 0;
}
.ccForm .reqRight {
margin-top:0;
margin-bottom:0;
}
.gName, .gImage, .gMembers, .gInvite {
margin-top:15px;
}
.gInvite label {font-size:12px;}
.cName, .cDates, .cGroupSearch, c.Summary {
margin-top:25px;
}
.gImage {
text-align:left;
}
.cgForm input, .cgForm select, .cgForm textarea, .ccForm input, .ccForm select, .ccForm textarea {
margin-bottom:25px;
width:300px;
margin-right:20px;
font-size:12px;
font-family:"Trebuchet MS", Trebuchet, Arial, verdana, sans-serif;
padding:1px;
}
.cgForm select.sCategory {
margin-bottom:15px;
}
.cgForm textarea, .ccForm textarea {
width:400px;
height:100px;
}
.gTerms {
text-align:left;
font-size:11px;
color:#777C68;
}
.gTerms label.error, .gTerms div.error {
margin-top:0px;
float:left;
margin-bottom:20px;
}
.gTerms a, .gTerms a:link, .gTerms a:visited {
color:#A61E35 !important;
}
.gTerms input {
width:auto;
padding:0;
margin-right:5px;
margin-bottom:0px;
}
.gImage .image {
float:left;
}
.gImage .right {
width:270px;
}
.gImage p {
font-size:11px;
margin-bottom:10px;
}
.gImage .file {
margin-bottom:-5px;
}

.gImage .radio {
font-size:11px;
}
.gImage .radio input {
margin-left:-2px;
width:auto;
}
.gImage .radio span {
display:block;
color:#777C68;
width:240px;
font-size:10px;
float:right;
margin:-40px 10px 20px 0px;
}
.gWebsite {
clear:both;
padding-top:10px;
text-align:left;
font-size:11px;
color:#777C68;
}
.gWebsite input {
width:200px;
}
.gSettings {
text-align:left;
font-size:11px;
color:#777C68;
}
.gSettings .radio input {
margin:0;
width:auto;
padding:0;
}
.gSettings .radio span {
display:block;
margin:-15px 0 15px 20px
}
.gSettings .radio span strong {
font-size:13px;
}
.gSettings label.error, .gSettings div.error {
float:left;
}
.gMembers {
text-align:left;
}
.gMembers .row {
font-size:11px;
color:#777C68;
clear:both;
display:block;
width:450px;
height:22px;
margin-bottom:5px;
overflow:hidden;
}
.gMembers .row:hover {
background:#fff;
}
.gMembers .row div.memberName {
width:200px;
height:22px;
line-height:22px;
float:left;
}
.gMembers .submit {
display:block;
width:100px;
height:22px;
float:left;
margin:0 0 0 10px;
}
.gMembers .submit input {
width:100px;
text-align:center;
background:#3E6330;
color:#fff;
font-size:11px;
border:0;
padding:2px 0;
margin:0 0 0 0;
}
.gMembers .acts a, .gMembers .acts a:link, .gMembers .acts a:visited {
color:#A61E35 !important;
}
.gInvite {
text-align:left;
font-size:11px;
}
.gInvite p {
font-size:11px;
margin-bottom:5px;
}
.gInvite p strong {color:#000;}
.gMemberSearch {
text-align:left;
}
.cDescription textarea {margin-right:0px;}
.cDescription span.note {
display:block;
font-size:11px;
width:120px;
float:right;
}
.gMemberSearch p, .cGroupSearch p {font-size:11px;}
.gMemberSearch p a, .gMemberSearch p a:link, .gMemberSearch p a:visited, .cGroupSearch p a, .cGroupSearch p a:link, .cGroupSearch p a:visited {color:#A61E35 !important;}
.searchbox {
font-size:11px;
background:#C0DE98 url(/images/ph2_searchbox-bg.gif) no-repeat top left;
}
.searchbox .bottom{
display:block;
height:10px;
background:url(/images/ph2_searchbox-bg.gif) no-repeat bottom;
}
.searchbox label {
border-bottom:0;
color:#777C68;
font-weight:normal;
margin:0 0 5px 0;
}
.searchbox select {
width:150px;
margin-bottom:0px;
}
.cGroupSearch .searchbox select {
width:140px;
} 
.searchbox input {
width:200px;
margin-bottom:0;
float:left;
margin-right:5px;
}
.searchbox .fCountry, .searchbox .fCategory {
padding:10px 10px 0 10px;
display:block;
float:left;
}
.searchbox .fState, .searchbox .fName, .searchbox .fCategory, .searchbox .fType, .searchbox .fGroup {
padding:10px 10px 0 10px;
}
.searchbox .fGroup {
clear:both;
}
.bArrow {
clear:both;
background:url(/images/ph2_down-green-arrow.gif) no-repeat top;
display:block;
height:17px;
width:160px;
margin:1px auto 10px auto;
}
.smBox {
border:1px solid #ccc;
width:515px;
display:block;
background:#FFF;
font-size:10px;
height:160px;
margin:0 0 0 25px;
}
.smBox .records {
height:140px;
overflow:auto;
overflow-y:auto;
overflow-x:hidden;
}
.smBox div {
clear:both;
}
.smBox ul.record, .smBox ul.record li, .smBox ul.headers, .smBox ul.headers li {
margin:0;
padding:0;
list-style-type:none;
display:block;
}
.smBox ul.record, .smBox ul.headers {
width:100%;
display:block;
clear:both;
}
.smBox ul.record li, .smBox ul.headers li {
width:100px;
display:block;
float:left;
white-space:nowrap;
}
.smBox ul.record li {
padding:0 0 0 15px;
}
.smBox ul.headers {
margin-left:-1px;
border-bottom:1px solid #ccc;
height:15px;
width:516px;
}
.smBox ul.headers li {
border-left:1px solid #ccc;
padding:0 0 0 15px;
background:url(/images/ph2_list-arrow-black.gif) no-repeat 4px;
}
.smBox .records .none {
text-align:center;
padding:20px;
font-size:13px;
}
.smBox .labelI, .smBox .labelSR, .smBox .labelCG, .smBox .labelCGSR {
display:block;
float:left;
width:25px;
white-space:nowrap;
text-indent:-5000em;
height:160px;
margin:0 0 -160px -25px;
position:relative;
z-index:10;
}
.smBox .labelSR, .smBox .labelCGSR {
background:url(/images/ph2_labelSR.gif) no-repeat top left;
}
.smBox .labelI {
background:url(/images/ph2_labelI.gif) no-repeat top left;
}
.smBox .labelCG {
background:url(/images/ph2_labelI.gif) no-repeat top left;
}
.step4 label.error, .ccForm .cGroupSearch label.error .step4 div.error, .ccForm .cGroupSearch div.error {
float:none;
margin:15px 0;
}
.success p {
float:none;
text-align:center;
color:#3E6330;
font-weight:bold;
font-size:14px;
margin:20px;
}
.ccForm .cType .row {
display:block;
border-bottom:1px solid #ccc;
padding:20px 0 0 100px
}
.ccForm .cType .row .radio {
display:block;
float:left;
width:280px;
margin:0 0 0 -20px
}
.ccForm .cType .row .radio input {
float:left;
margin:0 5px 0 0;
width:auto;
}
.ccForm .cType .row .avgttl {
display:block;
float:left;
width:180px;
}
.ccForm .cType .row .avgttl .radio {
width:90px;
margin-left:0;
}
.ccForm .cType .row .desc {
clear:both;
}
.ccForm .cType .row label {
border:0;
color:#777C68;
}
.ccForm .cType .days {
background:url(/images/ph2_gt-icon-days.gif) no-repeat 10px 0;
}
.ccForm .cType .miles {
background:url(/images/ph2_gt-icon-miles.gif) no-repeat 10px 0;
}
.ccForm .cType .fuel {
background:url(/images/ph2_gt-icon-fuel.gif) no-repeat 10px 0;
}
.ccForm .cType .offset {
background:url(/images/ph2_gt-icon-offset.gif) no-repeat 10px 0;
}
.ccForm .cType .money {
background:url(/images/ph2_gt-icon-money.gif) no-repeat 10px 0;
}
.ccForm .cType .health {
background:url(/images/ph2_gt-icon-health.gif) no-repeat 10px 0;
}
.ccForm .cType label.error, .ccForm .cType div.error {
margin:10px 0 0 0;
}
.cDates .start {
float:left;
margin-right:25px;
height:30px;
margin-top:-10px;
position:relative;
z-index:5;
}
.cDates .end {
height:30px;
position:relative;
top:-10px;
margin-bottom:15px;
}
.cDates .start input, .cDates .end input {
width:150px;
margin-right:5px;
}
.cDates .start img, .cDates .end img {
cursor:pointer;
position:relative;
top:7px;
}
.cDates .end small {
display:block;
float:left;
font-size:11px;
color:#777C68;
margin:-20px 0 0 215px;
}
.cDates label.error, .cDates div.error {
clear:both;
}
.cMake {
clear:both;
}
.cMake .row input {
float:left;
margin:0 5px 0 0;
width:auto;
}
.cMake .row label {
border:0;
color:#777C68;
}
.cMake .row p {
font-size:11px;
margin:-15px 0 15px 19px;
}
.cSummary .cSummType {
margin-top:15px;
}
.cSummary label {
margin-bottom:5px;
}
.cSummary p {
margin-top:0;
}
.cSummary .cSummSDate {
float:left;
width:250px;
}
.cGroupsChal h3 {
color:#3E6330;
font-size:15px;
margin-bottom:10px;
}
.cGroupsChal .th {
height:18px;
border-bottom:1px solid #ccc;
color:#3E6330;
font-weight:bold;
margin-bottom:5px;
}
.cGroupsChal .th div, .cGroupsChal .tr div {
float:left;
line-height:12px;
font-size:12px;
padding-bottom:8px;
}
.cGroupsChal .tr div {
font-size:11px;
}
.cGroupsChal .th div.one, .cGroupsChal .tr div.one {
width:180px;
}
.cGroupsChal .th div.two, .cGroupsChal .tr div.two {
width:105px;
}
.cGroupsChal .th div.three, .cGroupsChal .tr div.three {
width:115px;
}
.cGroupsChal .th div.four, .cGroupsChal .tr div.four {
width:50px;
text-align:center;
}
.cGroupsChal .th div.five, .cGroupsChal .tr div.five {
width:70px;
text-align:right !important;
}
.cGroupsChal .tr {
clear:both;
font-size:12px;
line-height:16px;
padding:2px 0;
}
.cGroupsChal .tr div.five span {font-style:italic; color:green;}
.cGroupsChal .tr div.five span.red {color:red !important;}
.cGroupsChal label.error, .cGroupsChal div.error {
clear:both;
position:relative;
top:5px;
}

/* eof create/edit groups */

/* .btnRow and buttons */
a.ph2Btn, a.ph2Btn:link, a.ph2Btn:visited, a.ph2Btn:hover, a.ph2Btn:active, a.ph2Btn:focus, .btnRow a.ph2Btn, .btnRow a.ph2Btn:link, .btnRow a.ph2Btn a:visited, input.ph2Btn, input.ph2Btn:hover, input.ph2Btn:focus, input.ph2Btn:active, .btnRow input.ph2Btn, .btnRow input.ph2Btn:hover, .btnRow input.ph2Btn:focus, .btnRow input.ph2Btn:active, .btnRow a, .btnRow a:link, .btnRow a:visited, .btnRow a:hover, .btnRow a:focus, .btnRow a:active {
display:block;
color:#FFF !important;
padding:5px 15px;
background:#A3CF6C;
font-size:12px;
line-height:14px;
width:auto;
margin:0 10px 0 0;
border:0;
float:left;
}
.step3btnRow input.ph2Btn {
margin-right:0px !important;
}
.btnRow a.cancel, .btnRow a.cancel:link, .btnRow a.cancel:visited, .btnRow a.cancel:hover, .btnRow a.cancel:active, .btnRow a.cancel:focus {
background:transparent;
color:#A61E35 !important;
font-size:11px;
padding:5px 0;
width:40px;
text-align:right;
float:left;
white-space:nowrap;
}
.step3btnRow a.cancel {
position:relative;
right:30px;
}
.cgForm .btnRow, .ccForm .btnRow {
clear:both;
text-align:left;
margin-top:15px;
padding-bottom:15px;
}
.filter input.ph2Btn {
margin-top:20px;
}
.item .left a.ph2Btn {
font-size:11px;
padding:4px 10px;
margin:0 auto;
}
.groupInfoTop .gBtnRow .type a.ph2Btn {
padding:4px 25px;
}
.groupInfoTop .gBtnRow a.ph2Btn {
padding:4px 15px;
font-size:11px;
}
.groupInfoTop .gBtnRow .act {
height:30px;
position:relative;
left:30px;
}
.groupInfoTop .gBtnRow .act a.ph2Btn {
margin-right:10px;
}
.groupInfoTop .btnRow a.ph2Btn {
margin:0 !important;
}
.searchbox input.ph2Btn {
width:auto;
padding:3px 15px;
float:none;
}

/* DnD table */
#invTable, #invTableSel, #invTable thead, #invTableSel thead, #invTable tbody, #invTableSel tbody {
display:block;
width:540px;
}
#invMTable, #invMTableSel, #invMTable thead, #invMTableSel thead, #invMTable tbody, #invMTableSel tbody {
display:block;
width:540px;
}
#invTable, #invTableSel {
background:#FFF;
border:1px solid #ccc;
font-size:10px;
}
#invMTable, #invMTableSel {
background:#FFF;
border:1px solid #ccc;
font-size:10px;
}
#invTable thead, #invTableSel thead {
border-bottom:1px solid #ccc;
}
#invMTable thead, #invMTableSel thead {
border-bottom:1px solid #ccc;
}
#invTable tbody, #invTableSel tbody {
max-height:250px;
overflow:auto;
}
#invMTable tbody, #invMTableSel tbody {
max-height:250px;
overflow:auto;
}
#invTable th, #invTableSel th {
width:128px;
border-right:1px solid #ccc;
display:block;
float:left;
text-align:left;
}
#invMTable th, #invMTableSel th {
border-right:1px solid #ccc;
display:block;
float:left;
text-align:left;
}
#invTable th.one, #invTableSel th.one {
width:35px;
text-align:center;
padding-left:5px;
}
#invMTable th.one, #invMTableSel th.one {
width:20px;
text-align:center;
padding-left:5px;
}
.theSearchResults #invMTable th.one, .theSearchResults #invMTableSel th.one {
width:20px;
text-align:center;
padding-left:5px;
}
#invMTable th.two, #invMTableSel th.two {
width:180px;
}
.theSearchResults #invMTable th.two, .theSearchResults #invMTableSel th.two {
width:180px;
}
#invMTable th.three, #invMTableSel th.three {
width:90px;
}
.theSearchResults #invMTable th.five, .theSearchResults #invMTableSel th.five {
width:280px;
}
#invMTable th.four, #invMTableSel th.four {
width:115px;
}
#invTable th.five, #invTableSel th.five {
width:30px;
border-right:0;
overflow:hidden;
}
#invMTable th.five, #invMTableSel th.five {
border-right:0;
}
#invTable td, #invTableSel td {
width:145px;
display:block;
float:left;
border-right:1px solid #fff;
white-space:nowrap;
}
#invMTable td, #invMTableSel td {
display:block;
float:left;
border-right:1px solid #fff;
white-space:nowrap;
padding:0 0 0 0 !important;
}
#invTable td.one, #invTableSel td.one {
width:27px;
text-align:center !important;
}
#invMTable td.one, #invMTableSel td.one {
text-align:center;
width:25px;
}
.theSearchResults #invMTable td.one, .theSearchResults #invMTableSel td.one {
width:25px;
text-align:center;
padding-left:0px !important;
}
#invMTable td.two, #invMTableSel td.two {
width:196px;
padding-left:4px !important;
}
.theSearchResults #invMTable td, .theSearchResults #invMTableSel td {
width:192px;
padding-left:3px !important;
}
#invMTable td.three, #invMTableSel td.three {
width:105px;
}
.theSearchResults #invMTable td.five, .theSearchResults #invMTableSel td.five {
width:280px;
}
#invMTable td.four, #invMTableSel td.four {
width:130px;
}
#invTable td.five, #invTableSel td.five {
border-right:0;
width:30px;
}
#invMTable td.five, #invMTableSel td.five {
border-right:0;
}

#invTable th.header, #invTableSel th.header {
background-image:url(../images/ph2_sort.gif);
cursor:pointer;
background-position:5px 50%;
background-repeat:no-repeat;
padding-left:15px;
}
#invMTable th.header, #invMTableSel th.header {
background-image:url(../images/ph2_sort.gif);
cursor:pointer;
background-position:5px 50%;
background-repeat:no-repeat;
padding-left:15px;
}
#invTable th.headerSortUp, #invTableSel th.headerSortUp {
background-image:url(../images/ph2_sort_asc.gif);
background-color:#f2f2f2 !important;
}
#invMTable th.headerSortUp, #invMTableSel th.headerSortUp {
background-image:url(../images/ph2_sort_asc.gif);
background-color:#f2f2f2 !important;
}
#invTable th.headerSortDown, #invTableSel th.headerSortDown {
background-image:url(../images/ph2_sort_desc.gif);
background-color:#f2f2f2 !important;
}
#invMTable th.headerSortDown, #invMTableSel th.headerSortDown {
background-image:url(../images/ph2_sort_desc.gif);
background-color:#f2f2f2 !important;
}

#invTable input, #invTableSel input {
text-align:center;
padding:0 0 0 0;
width:auto;
float:none;
position:relative;
}
#invMTable input, #invMTableSel input {
margin:0 auto !important;
text-align:center;
padding:0 0 0 0;
width:auto;
float:none;
}
div.invHead, div.resHead {
font-size:12px;
color:#FFF;
background:url(../images/ph2_m_tab-bg.gif) no-repeat 0px 0px;
padding:2px 0 2px 10px;
}
.selectGroupsBtns, .removeGroupsBtns {
margin:10px;
}
.selectGroupsBtns input.smActBtn, .removeGroupsBtns input.smActBtn {
border:0;
background:#c0de98;
width:60px;
font-size:10px;
color:#436b3e;
font-weight:bold;
padding:3px;
cursor:pointer;
}
.selectGroupsBtns input.smActBtn:hover, .selectGroupsBtns input.smActBtn:active, .selectGroupsBtns input.smActBtn:focus, .removeGroupsBtns input.smActBtn:hover, .removeGroupsBtns input.smActBtn:active, .removeGroupsBtns input.smActBtn:focus {
background:#a1bf78;
color:#FFF;
}
.selectGroupsBtns a.cancel, .removeGroupsBtns a.cancel {
font-size:10px;
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;
}
.noMembersYet {
clear:both;
text-align:center;
width:498px;
margin:0 0 0 -45px;
padding:10px 20px;
}
.permNote {
display:block;
width:260px !important;
margin:-52px 0 0 120px;
font-size:10px;
line-height:13px;
}

/* AJAX loading indicators */
#indicator {
margin:auto !important;
width:auto !important;
height:auto !important;
text-align:center !important;
padding-top:280px;
}
#searchingDiv {
width:auto;
height:auto;
float:right;
margin:4px 215px -4px 0;
}
.ccForm #searchingDiv {
margin:-19px 215px 0 0;
}
.ph2BtnInactive, a.ph2BtnInactive, a.ph2BtnInactive:link, a.ph2BtnInactive:visited {
background-color:#e5e5e5 !important;
position:relative;
z-index:-1;
}
a.pubGrpSB, a.pubGrpSB:link, a.pubGrpSB:visited, a.pubGrpSB:hover, a.pubGrpSB:active, a.pubGrpSB:focus {
float:right;
background:#f2f2f2;
color:#666 !important;
border:1px solid #e5e5e5;
<<<<<<< .mine
}
.gDescription span.note {
display:block;
clear:both;
margin:-20px 20px 20px 0 !important;
text-align:right !important;
}
.msgBrd .topInfo {
display:block;
height:20px;
width:555px;
}
.postForm .note {
float:right;
font-size:10px;
=======
}

.editPastEntries {
margin:-35px 0 0 -30px;
padding:0 0 0 15px;
background:url(../images/ph2_icon_bottomLinks.gif) no-repeat left;
}
#milesPast p {
clear:both;
}
.PE_date_picker {
margin:15px 0;
}
.PE_date_picker input {
width:150px;
margin:0 8px 0 0;
}
.PE_date_picker img {
position:relative;
top:4px;
>>>>>>> .r888
}

.post .msg pre {
white-space:normal;
}

.paginate span {padding:0 2px;}
.paginate span.current { color:#000; font-weight:bold; background:#e5e5e5; padding:0 5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 2px; font-style:italic; }
.paginate a, .paginate a:link, .paginate a:visited {color:#5e9a3d !important;}

/* phase 2b modifications */
span.fieldDesc {display:block; width:430px; text-align: left;}
.step1 .gType select#GroupGroupTypeId {display:none;}
.glName, .glImage {width:220px; float:left;}
.glImage p img {max-width:200px;}
.glSettings {clear:both;}
.success h2 {text-align:center; margin-left:-20px;}
.success .btnRow {text-align:center;width:250px;margin:40px auto 0 auto; position:relative; left:-10px;}
.success .btnRow input.ph2Btn, .success .btnRow input.ph2Btn:hover, .success .btnRow input.ph2Btn:focus, .success .btnRow input.ph2Btn:active {width:250px !important;float:none;text-align:center;margin:0 auto; cursor:pointer;}
.selectGroupRadio input {width:auto; margin-bottom:5px;}
.cSummary {padding-top:15px;}
.cSummName {float:left; width:250px;}
.cSummType {position:relative; top:-15px;}
.cSummType p {color:#A61E35; font-style:italic; font-size:11px;}
.avgttl {clear:both;float:none !important;width:430px !important;height:50px;}
.avgttl p {display:block;float:right;width:250px;font-size:11px;line-height:13px;
color:red !important;}
.pagLeft {float:left; margin:30px 0 0 0; font-size:11px !important;}
.pageRight {float:right; margin:30px 0 0 0; font-size:11px !important;}
.filter {font-style:normal !important; color:#666 !important; margin:15px 0 0 0 !important;}
.gBanner, .glBanner {clear:both;}
.gBanner input {float:left;}
.gMembers .row .submit {padding:0 !important; width:auto; height:auto; margin:0 !important;}
.gMembers .row .submit input {background:transparent !important; color:green; padding:0 !important; width:auto; height:auto; margin:0 !important; position:relative; left:4px;}
.gMembers .row .delete .submit input, a.removeButton {width:17px; height:17px; background:url(../images/ph2_messages-delete-red.gif) no-repeat !important; text-indent:-5000em; position:absolute; left:540px; margin-top:-3px; color:transparent !important;}
a.removeButton {left:563px; white-space:nowrap;}
.gMembers .row .pending, .gMembers .row .removed, .gMembers .row .declined {font-style:italic !important; color:red; display:block; text-align:right;}
.gMembers .row .activebtns {text-align:right; float:right; padding-right:20px;}
.selectthegroup {font-size:11px; display:block; color:#666; padding:3px 0;}
.selectthegroup a {font-weight: bold; padding:4px; margin-right:10px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; color:green !important;}
.selectthegroup a:hover, .selectthegroup a:active, .selectthegroup a:focus {background:green; color:#FFF !important; text-decoration:none !important;}

.redBtn {background:green !important;}
.gMembers .row .delete input {cursor:pointer;}
.gMembers .row .delete .deleteTxt {float:right; position:absolute; margin-left:275px; font-size:10px !important; color:red; display:none;}
.gMembers .row .delete:hover .deleteTxt {display:block;}

.gban_skyscraper {width:120px; overflow:hidden; position:absolute; margin:0 0 0 445px; text-align:right; z-index:10001;}
.gban_skyscraper img, .gban_skyscraper a {max-width:120px !important; max-height:240px !important;}

.gban_leaderboard {width:830px; height:90px; overflow:hidden; position:absolute; margin:-10px 0 0 -250px; text-align:center; z-index:1;}

.gban_leaderboard {display:block; width:830px; height:90px; overflow:hidden; position:absolute; margin:-10px 0 0 -250px; text-align:center !important; z-index:1;}
.gban_leaderboard a, .gban_leaderboard a img {text-align: center !important; margin:0 auto 0 auto !important; padding:0 !important; width:auto !important; max-width:830px !important; max-height:90px !important;}


.gBanner p {text-align:left; clear:both; margin:0; padding:0;}
.gBanner input {display:block; margin:0 0 10px 0; clear:both; padding: 0;}
.gBanner span {display:block; float:none; margin:0; clear:both; padding:0;}
.gBanner em {display:block; float:none; width:310px; clear:both; margin:0 0 20px 0; padding:0;}
.skyscraper_preview {width:60px;position:absolute; margin-left:400px;}
.leaderboard_preview {height:45px; display:block; margin:5px 0 8px 0;}

.glBanner .skyscraper p {height:120px;}