/*
Title: EnergyRace Secondary Stylesheet for screen media
Author: scott@scottjehl.com, business@jonreil.com
Updated: 03.31.07 6:20p by JR
Notes:
*/

/* layout
------------------------------------------*/

div.contentWrap div.contentWrap {
	padding: 3em 11px 4em 11px;

}

div#secondaryNavigation {
	width: 160px;
	float: left;
}

div#primaryContent {
	margin-left: 15px;
	width: 530px;
	float: left;
	position: relative;
}

body#signin div#primaryContent {
	margin-left: 185px;
}

body#commentary div#primaryContent {
	width: 540px
}

div#secondaryContent {
	margin-left: 20px;
	float: right;
	width: 294px;
}

div#secondaryOffsetContent {
	background: #f6f6f6;
	border: 1px solid #777;
	float: right;
	padding: 10px;
	margin: 6em 10px 0 0;
	width: 140px;
}

div#secondaryOffsetContent h3 {
	font-size: 16px;
	margin: 0 0 10px 0;
	text-align: center;
}

div#secondaryOffsetContent h4 {
	font-size: 13px;
	margin: 10px 0;
	text-align: center;
}

body#generalInfo div#secondaryContent {
	width: 170px;
	margin-left: 20px;
}


/* secondaryNav
------------------------------------------*/

div#secondaryNavigation h1 {
	font-size: 1.8em;
	font-weight: bold;
	color: #4466AA;
	padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
	text-transform: lowercase;
}

div#secondaryNavigation li {
	list-style: none;
	border-bottom: 1px solid #ccc;
	font-size: 1.2em;
}

div#secondaryNavigation li a {
	display: block;
	color: #558833;
	text-decoration: none;
	padding: .4em 0;
}

div#secondaryNavigation li a:hover {
	color: #6CA237;
}

div#secondaryNavigation li.thisPage a {
	color: #4466AA;
	font-weight: bold;
}


/* content
------------------------------------------*/

h1, body#generalInfo h2, div#members h2, body#takeTheTour h2 {
	font-size: 2.8em;
	font-weight: bold;
	color: #4466AA;
	/*border-bottom: 1px solid #cacaca;*/
	padding-bottom: .1em;
	text-transform: lowercase;
}

body#signin div#primaryContent h2, 
body#commentary div#primaryContent h2, 
body#myProfile div#primaryContent h2, 
body#makeChanges div#primaryContent h2 {
	font-size: 1.6em;
	font-weight: bold;
	color: #4466AA;
	border: 0;
	text-transform: lowercase;
	margin: 1em 0 0 0;
}
body#commentary div#primaryContent h2 {
	text-transform: none;
}

div#primaryContent h2 a {
	text-decoration: none;
}

div#primaryContent h2 a:hover {
	text-decoration: underline;
}

div#primaryContent h3{
	font-size: 1.6em;
	font-weight: bold;
	color: #4466AA;
	margin-top: 1.5em;
	text-transform: lowercase;
}

div#primaryContent h4 {
	font-size: 1.5em;
	font-weight: bold;
	color: #4466AA;
	line-height: 1.4em;
	margin-top: 1.5em;
}

div#primaryContent h5 {
	font-size: 1.4em;
	font-weight: bold;
	color: #4466AA;
	margin-top: 1.5em;
}

div#primaryContent h6 {
	font-size: 1.3em;
	font-weight: bold;
	color: #4466AA;
	margin-top: 1.5em;
}

h2, h3, h4, h5, h6, ul, ol, p, dl {
	clear: left;
}

div#primaryContent blockquote {
	position: relative;
	margin: 1.5em 0 1.5em 10px;
	padding: 0 .5em .25em 45px;
	border: 1px dotted #ccc;
	background: #fafafa url(/images/site/bg_quoteLeft.gif) 8px 1em no-repeat;
}

q {
	font-style: italic;
}

div.pages {
	font-size: 1.1em;
	margin: .5em 0;
}

/*This fix is to make inline quotes in nice browsers behave like IE6 does - essentially, tell them not to generate quote marks, we'll just have to write them*/
q:before, q:after {
    content: ""; 
}

div#footer h4, div#footer ul {
	clear: none;
}

div#primaryContent p, div#primaryContent li {
	font-size: 1.3em;
	color: #333;
	line-height: 1.5em;
	margin: .5em 0 1em 0;
}

body#commentary div#primaryContent ol, body#commentary div#primaryContent ul {
	margin: .5em 0 1.5em 0;
	padding-left: 40px;
}

div#primaryContent li p, div#primaryContent li li {
	font-size: 1em;
}

div#primaryContent li h3 {
	font-size: 1.2em;
}

div#primaryContent li h4 {
	font-size: 1.1em;
}

div#primaryContent li h5, div#primaryContent li h6 {
	font-size: 1em;
}

div#primaryContent ul.profileRecruitsList,
div#primaryContent ul.favoritesList {
	padding-left: 0;
}

div#primaryContent ul.profileRecruitsList li,
div#primaryContent ul.favoritesList li {
	list-style: none;
	font-size: 1.2em;
}

div#primaryContent ul.profileRecruitsList li em {
	font-size: .9em;
}

div#primaryContent p.authInfo {
	margin: .3em 0;
	font-size: 1.1em;
	font-weight: normal;
	font-style: italic;
    color: #666;
}

/*div#primaryContent p.intro,  div#primaryContent div.introText p {
	font-size: 1.4em;
	color: #666;
	line-height: 1.4em;
}*/

div#primaryContent ul {
	padding-left: 40px;
}

body#commentary div#primaryContent ul.articleInfo {
	height: auto !important;
	height: 30px;
	overflow: hidden;
	padding-left: 0;
}

div#primaryContent li {
	margin-bottom: .3em;
}

div#primaryContent ul.articleInfo li {
	float: left;
	font-size: 1.2em !important;
	line-height: 1.8em !important;
}

div#primaryContent dl {
	margin: 1em 0 2em 0;
	font-size: 1em;
}

div#primaryContent img {
	float: left;
	clear: left;
	padding: 10px;
	margin: .5em 1em 1em 0;
	border: #ccc 1px solid;
}

em.error {
	color: red;
}

div.blogEntry {
	border-bottom: #ddd 1px solid;
	padding-bottom: .5em;
}

div.commentarySet {
	background: #E9E9E9 url(../images/site/bg_commentarySideBoxMid.gif) repeat-y;
	margin-bottom: 10px;
}

div.commentarySet div.setWrap {
	background:  url(../images/site/bg_commentarySideBoxBot.gif) no-repeat bottom;
	padding-bottom: 10px;
}

div.commentarySet h3 {
	font-size: 1.6em;
	font-weight: bold;
	color: #4466AA;
	padding: .5em 10px .3em 10px;
	background: url(../images/site/bg_commentarySideBoxTop.gif) top no-repeat;
	text-transform: lowercase;
}

div#secondaryContent p,  div#secondaryContent li {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #333;
	padding: .5em 0;
	/*border-bottom: 1px solid #ddd;*/
	list-style: none;
	font-weight: normal;
}

div#secondaryContent li.rss, div#secondaryContent li.atom {
	background: url(/images/site/feed_icon_12x12.gif) left no-repeat;
	padding-left: 20px;
}

div#secondaryContent ul {
	border-top: 1px solid #CACACA;
	margin: 0 10px 0 10px;
	padding-top: .5em;
}

div#secondaryContent p {
	margin: .5em 1em;
}

body#takeTheTour div#primaryContent img {
	float: none;
	clear: none;
	margin: 1.3em 0 0 0;
	padding: 0;
}

body#takeTheTour div#primaryContent ol {
margin-left: 20px;
	list-style: none;
padding-top: 1em;
}

body#takeTheTour div#primaryContent li {
padding-left: 22px;
padding-bottom: .3em;
}

body#takeTheTour div#primaryContent li.li1 {
        background: url(/images/site/icon_liNum1.gif) top left no-repeat;
}

body#takeTheTour div#primaryContent li.li2 {
	background:  url(/images/site/icon_liNum2.gif) top left no-repeat;
}

body#takeTheTour div#primaryContent li.li3 {
	background: url(/images/site/icon_liNum3.gif) top left no-repeat;
}

body#takeTheTour div#primaryContent li.li4 {
	background: url(/images/site/icon_liNum4.gif) top left no-repeat;
}

/* form elements
------------------------------------------*/
body#signin form, body#inviteFriends form, div#members form {
	background: url(/images/site/bg_whiteGradBox520top.gif) top no-repeat;
	margin: 1em 0;
}

body#signin form div.formWrap, body#inviteFriends div.formWrap, div#members div.formWrap {
	background: url(/images/site/bg_whiteGradBox520bot.gif) bottom no-repeat;
	padding: 20px;
}

div#getStarted fieldset {
	background: #EAEAEA url(/images/site/bg_getStarted_formTop.gif) top no-repeat;
	display: block;
	width: 570px;
	margin: 3em 0 0 0;
}

div#getStarted div.formWrap {
	background: url(/images/site/bg_getStarted_formBot.gif) bottom no-repeat;
	padding: 10px 20px 20px 20px;
}

div#getStarted h2, div#members h2 {
	font-size: 1.6em;
	font-weight: bold;
	color: #4466AA;
	margin-top: 10px;
	text-transform: lowercase;
}

div.formWrap h2 {
	border-bottom: 1px solid #D7D7D7;
	padding-bottom: .3em;
	margin-bottom: 1em;
	text-transform: lowercase;
}


div#getStarted h2 span, body#myProfile div#primaryContent h2 span {
	float: right;
	font-size: .8em;
	color: #666;
	margin-top: -1.2em;
	text-transform: lowercase; font-weight: normal;
}

div#getStarted label, body#signin label, div#members label {
	font-weight: bold;
	color: #333;
	font-size: 1.2em;
	width: 180px;
	float: left;
	clear: left;
	margin-top: 1em;
	text-align: right;
	line-height: 2em;
}

input, label {
	position: relative;
	z-index: 10;
}

body#signin label, div#members label {
	width: 112px;
}

div#getStarted label.current, div#members label.current {
	color: #558833;
}

input.focus, input:focus, textarea.focus, textarea:focus {
	background: #e5dbb8;
}

div#getStarted input.input, body#signin input.input, div#members input.input {
	float: left;
	width: 260px;
	margin-top: 1em;
	margin-left: 10px;
	padding: .2em;
}

body#signin input.input {
	width: 300px;
}

body#signin form p {
	clear: left;
	margin-left: 120px;
	font-size: 1.1em;
	padding: .5em 0;
}

div#getStarted label.accept_terms {
	clear: both;
	width: 440px;
	text-align: right;
	float: left;
}

div#getStarted label.captcha {
	width: 285px;
}

div#getStarted label.captcha2 {
	margin: 0;
	padding: 0;
}

div#getStarted label.captcha2 img {
	margin: 0 0 0 25px;
	padding: 4px 0;
}

#register_form {
	margin: -30px 0 0 0;
}

div#getStarted div.captcha {
	float: left;
	width: 142px;
	margin-top: 1em;
	margin-left: 10px;
	border: 1px solid #D7D7D7;
	background: #eee;
	padding: 10px;
}

div#primaryContent div.captcha img {
	display: block;
	border: 2px solid #EAEAEA !important;
	padding: 0 0 0 0;
	margin: 3.5em 0 0 0;
}
div#getStarted div#primaryContent div.captcha img {
	margin: 0;
}

div.captcha img.current {
	border: 2px solid #558833 !important;
}

div#getStarted div.captcha input.input {
	float: none;
	margin: 5px 0;
	width: 134px;
}

input#accept_terms {
	float: left;
	margin-top: 1.4em;
	margin-left: 5px;
	width: 12px;
	height: 12px;
}

body#signin input#auto_login {
	margin-left: 120px;
	clear: left;
}

body#signin label.auto_login {
	clear: none;
	margin-left: 3px;
	text-align: left;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.2em;
	float: none;
}

input#btnSubmit {
	clear: both;
	margin-top: .75em;
	margin-left: 336px;
}

div#getStarted input#btnSubmit {
	clear: both;
	margin: 15px 0 0 358px;
}

em.required {
	color: red !important;
}

/*Error handling elements*/

p.hintText {
	clear: none;
	margin: 0;
	width: 530px;
	padding-top: 3em;
}

p.shift-hintText {
	width: 270px;
	margin: 0 0 0 190px !important;
	padding: .5em 0;
}

p.hintText span {
	display: none;
	padding-top: .5em;
}

p.statusOkay {
	background: url(/images/site/icon_statusCheck.gif) right 1em no-repeat;
}

p.statusError {
	background: url(/images/site/icon_statusAlert.gif) right 1em no-repeat;
}

p.statusError span {
	color: red !important;
	text-align: right;
	font-style: italic;
	display: block;
}

p.statusError2 {
	clear: left;
	background: url(/images/site/icon_statusAlert.gif) left 50% no-repeat;
	padding: .5em 0 .5em 30px !important;
}

p.statusError2 span {
	color: red !important;
	font-style: italic;
	display: block;
}



/*repetitive styles for drop shads in the get started page*/
div#getStarted div#impactTree h2.highContrast {
	position: relative;
	text-transform: lowercase;
}
div#getStarted div#impactTree h2 span {
	position: relative;
    float: none;
	color: #fff;
	font-size: 1em;
	margin-top: 0;
	text-transform: lowercase;
}

div#getStarted div#impactTree h2 span.shadow {
	position: absolute;
	top: 1px;
	left: 1px;
	color: #3c3c34;
	text-transform: lowercase;
}

/* = General info
-----------------------------------------------------------------------------*/
/* this rule should be applied site wide */
body#generalInfo div#primaryContent h2 {
	border-bottom: none;
	text-transform: lowercase;
}

body#generalInfo div#secondaryContent h3 {
	margin: 0;
	border-bottom:1px solid #CCCCCC;
	color:#4466AA;
	font-size:1.8em;
	font-weight:bold;
	padding-bottom:0.5em;
	text-transform: lowercase;
}

body#generalInfo div#secondaryContent p {
	margin: 0;
	border-bottom: none;
	line-height: 1.5em;
}

body#generalInfo div#primaryContent dt, body#generalInfo div#primaryContent dd {
	float: none;
	margin: 0;
	padding: 0;
}
	
body#generalInfo div#primaryContent h3 {
	padding-bottom: 0.3em;
	background: #FFF url(../images/site/h3_pcontentBorder.gif) no-repeat left bottom;
}

/* =Privacy edits
-----------------------------------------------------------------------------*/
body#generalInfo div#primaryContent ol {
	margin-bottom: 1.7em;
	padding-left: 40px;
}



div#loadingMessage {
	/*background: url(/images/site/bg_loadingAlpha.png);*/
	background: url(/images/site/anim_loading.gif) center 100px no-repeat;
	height: 220px;
	position: relative;
}

div#loadingMessage p {
	position: absolute;
	left: -9000px;
	top: -9000px;
}


/* =Submit a Video
-----------------------------------------------------------------------------*/
form#entryform label, form#entryform input {
	display: block;
}

form#entryform input {
	font-size: 1.2em;
}

form#entryform label {
	font-size: 1.2em;
	padding: 1.5em 0 .3em 0;
	font-weight: bold;
}

form#entryform textarea {
	margin: 0 0 .5em 0;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}


/* =Submit a Video form gloss
-----------------------------------------------------------------------------*/
body#generalInfo div#primaryContent form {
	background: url(/images/site/bg_whiteGradBox520top.gif) top no-repeat;
	margin: 1em 0;
}

body#generalInfo div#primaryContent form div.formWrap {
	background: url(/images/site/bg_whiteGradBox520bot.gif) bottom no-repeat;
	padding: 20px;
}

body#generalInfo div#primaryContent form fieldset {
	width: 520px;
	margin: 0 0 0 0;
}

body#generalInfo div#primaryContent form div.formWrap {
	padding: 0 20px 20px 20px;
}



/* = baseline form and some shared make changes
-----------------------------------------------------------------------------*/

body#myProfile div.formWrap, body#makeChanges div.formWrap {
	background: url(/images/site/bg_getStarted_formBot.gif) bottom no-repeat;
	background-color: #EAEAEA;
}

body#myProfile fieldset.formTop, body#makeChanges fieldset.formTop {
	background: url(/images/site/bg_getStarted_formTop.gif) top no-repeat;
	display: block;
	width: 570px;
	margin-top:0;
padding-top: 1.2em;
}

body#makeChanges fieldset.formTop {
	margin-bottom: 1.5em;
}

body#myProfile form#baselineForm, body#makeChanges div#primaryContent form {
	width: 570px;
}

body#makeChanges div#primaryContent form {
	margin: 1em 0;
}

body#myProfile div#primaryContent form div.formWrap h2 {
	border-bottom: 1px solid #D7D7D7;
	padding: 5px 0pt 0.3em 0pt;
	text-transform: lowercase;
margin: 0pt 20px 1em 20px;
}
body#makeChanges div#primaryContent form div.formWrap h2 {
	border-bottom: 1px solid #D7D7D7;
	padding: 5px 0pt 0.3em 22px;
	text-transform: lowercase;
margin: 0pt 20px 1em 20px;
}
body#makeChanges div#primaryContent form ul {
	padding: 0;
	margin: 0 20px;
}

body#makeChanges div#primaryContent form li {
	font-size:1em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:1.5em 0pt;
}

body#myProfile div#primaryContent form div.formWrap h3, body#makeChanges div#primaryContent form div.formWrap h3 {
	float: left;
	padding-bottom: .5em;
	margin: 0 0 0 20px;
	color: #46A;
	font-size: 1.2em;
}

body#makeChanges div#primaryContent form p.tip {
	font-size: 1.2em;
	font-style: normal;
	margin: 0pt 0pt 0.9em 0pt;
}

body#makeChanges div#primaryContent form div.formWrap h3 {
	float: none;
	margin: 0;
	font-size: 1.3em;
}

body#myProfile div#primaryContent form#baselineForm label, body#makeChanges div#primaryContent form label {
	margin: 0 0 0 20px;
	font-size: 1.2em;
	padding: 0 0 .4em 0;
	font-weight: bold;
	display: block;
}

body#makeChanges div#primaryContent form label {
	display: inline;
}

body#makeChanges div#primaryContent form label, body#makeChanges div#primaryContent form input {
	font-size:1.2em;
	line-height:1.5em;
	margin:0pt 3px 0pt 0pt;
	padding:0pt;
}

body#myProfile div#primaryContent form#baselineForm input {
	margin: 0 0 1.3em 20px;
	display: block;
	width: 150px;
}

body#myProfile div#primaryContent form#baselineForm input#submit {
	margin: 0 0 1.5em 430px;
	width: 100px;
	height: 36px;
}

body#makeChanges div#primaryContent form input.submit {
	margin: 1.5em 15px 1em 0;
	float: right;
}

body#myProfile div#primaryContent form#baselineForm input#num_people {
	width: 50px;
}

body#myProfile div#primaryContent form#baselineForm input#air_travel, body#myProfile div#primaryContent form#baselineForm input#miles_per_year1 {
	width: 100px;
}

body#myProfile div#primaryContent form#baselineForm select {
	margin: 0 0 1.3em 20px;
	width: 250px;
}

body#myProfile div#primaryContent form#baselineForm p.requiredNotice {
	margin: 0 0 1.3em 20px;
	padding: 0;
	font-style: italic;
}

body#myProfile div#primaryContent form#baselineForm label em.error {
	font-weight: normal;
}


body#myProfile div#primaryContent form#baselineForm div.carData select, body#myProfile div#primaryContent form#baselineForm div.carData label, body#myProfile div#primaryContent form#baselineForm div.carData input, body#myProfile div#primaryContent form#baselineForm div.carData h3 {
	margin-left: 0;
}
p.error {
color: red;
}



/* = show/hide rules for car(s)
-----------------------------------------------------------------------------*/

fieldset {
	position: relative;
}




fieldset.disabled {
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	left: -9000px;
	top: -9000px;
}


body#myProfile div#primaryContent form#baselineForm div.carData h4#addLink {
	background: #EAEAEA url(/images/site/icon_add.gif) no-repeat left center;
	padding: 0 0 0 20px;
	margin: 0 0 1.5em 20px;
	color: #333;
	font-style: italic;
	font-weight: normal;
	cursor: pointer;
	font-size: 1.2em;
	text-transform: lowercase;
}

body#myProfile div#primaryContent form#baselineForm div.carData h4.closeLink {
	display: inline;
	background: #EAEAEA url(/images/site/icon_remove.gif) no-repeat left center;
	padding: 0 0 0 20px;
	margin: 0 0 0 8px;
	cursor: pointer;
	color: #333;
	font-style: italic;
	font-weight: normal;
	font-size: 1.2em;
	text-transform: lowercase;
}

h4.disabled {
	display: none;
}

label em {
	font-weight: normal;
}

em.required {
	color: red;
}

div.fieldPair {
	clear: both;
}

div.carData fieldset {
	border-bottom: 1px solid #D7D7D7;
	margin: 0 20px 1.5em 20px;
}




/* = Invite Friends
-----------------------------------------------------------------------------*/

body#generalInfo div#secondaryContent p {
	margin: 0;
	border-bottom: none;
	line-height: 1.5em;
}

body#inviteFriends div#primaryContent h2 {
	padding-bottom: 0.3em;
	color: #46A;
	background: #FFF url(/images/site/h3_pcontentBorder.gif) no-repeat left bottom;
	text-transform: lowercase;
}

div#inviteInfo ol li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 140px 0 0 0;
	width: 246px;
	margin-top: 2em;
}

div#inviteInfo ol li#inviteKeepTrack {
	background:transparent url(/images/site/txt_invite_keepTrack.gif) no-repeat scroll left top;
	width:246px;
	margin-right: 35px;
}

div#inviteInfo ol li#inviteSeeImpact {
	background:transparent url(/images/site/txt_invite_friendsRecruited.gif) no-repeat scroll left top;
	width:246px;
}

div#inviteInfo ol li h2 {
	left:-9000px;
	position:absolute;
	top:-9000px;

}

div#inviteInfo ol li p {
	font-size:1.0em;
	padding-bottom: 1em;
}

body#inviteFriends div#primaryContent form#contact_form {
	clear: left;
}

body#inviteFriends div.formWrap {
	background: url(/images/site/bg_getStarted_formBot.gif) bottom no-repeat;
	background-color: #EAEAEA;
	padding: 0;
}

body#inviteFriends fieldset.formTop {
	background: #EAEAEA url(/images/site/bg_getStarted_formTop.gif) top no-repeat;
	display: block;
	width: 570px;
	margin: 0;
padding-top:1.2em;
}

body#inviteFriends form#contact_form {
	width: 570px;
}

body#inviteFriends form#contact_form h3 {
	border-bottom: 1px solid #D7D7D7;
	padding-bottom: .3em;
	margin: 10px 20px 1em 20px;
	text-transform: lowercase;
}

body#inviteFriends form#contact_form label {
	font-size: 1.2em;
	font-style: italic;
	margin: 0 20px;
}

body#inviteFriends input#submit {
	margin: 0 0 1.5em 430px;
	width: 100px;
	height: 36px;
}

body#inviteFriends form#contact_form textarea {
	width: 500px;
	height: 150px;
	margin: .5em 0 1em 20px;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em; overflow: visible;
}

body#inviteFriends form#contact_form p {
	margin: .5em 20px 2em 20px;
	color: #666;
	border-top: 1px solid #D7D7D7;
	padding-top: .5em;
	font-size: 1.2em;
}

/* = Contact
-----------------------------------------------------------------------------*/

body#generalInfo div#primaryContent form#contact_form div.formWrap {
	background: url(/images/site/bg_formBot.gif) bottom no-repeat;
	padding: 0;
}

body#generalInfo div#primaryContent fieldset.formTop {
	background: url(/images/site/bg_formTop.gif) no-repeat top center;
	display: block;
	width: 530px;
	margin: 0;
	padding-top: 1.5em;
	background-color: #EAEAEA;
}

body#generalInfo div#primaryContent form#contact_form {
	width: 530px;
}

body#generalInfo div#primaryContent form#contact_form label {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 20px;
	padding-bottom: .3em;
	display: block;
}

body#generalInfo div#primaryContent form#contact_form input.submit {
	margin: 0 0 1.5em 386px;
	width: 100px;
	height: 36px;
}

body#generalInfo div#primaryContent form#contact_form input {
	margin: 0 0 1.5em 20px;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

body#generalInfo div#primaryContent form#contact_form textarea {
	width: 460px;
	height: 150px;
	margin: 0 0 1em 20px;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

body#generalInfo div#primaryContent form#contact_form p {
	margin: .5em 20px 2em 20px;
	color: #666;
	border-top: 1px solid #D7D7D7;
	padding-top: .5em;
	font-size: 1.2em;
}

/* = Account Information
-----------------------------------------------------------------------------*/

div#primaryContent div.accountInfo h2 {
	padding-bottom: 0.3em;
	background: #FFF url(/images/site/h3_pcontentBorder.gif) no-repeat left bottom;
	text-transform: lowercase;
}

div#primaryContent div.accountInfo h2 em {
	color: red;
	font-size: .9em;
	padding-left: .2em;
}

div#primaryContent div.accountInfo p.disclaimer em {
	color: red;
	font-style: italic;
}

div#primaryContent div.accountInfo p.disclaimer {
	font-size: 1.2em;
	color:#666666;
	font-style: italic;
}

div#primaryContent ul.profileRecruitsList {
	padding-left: 0;
}

div#primaryContent div.accountInfo ul.profileRecruitsList lu {
	margin: .5em 0 0 0;
}

div#primaryContent div.accountInfo ul.profileRecruitsList li {
	list-style: none;
	font-size: 1.2em;
	margin: .5em 0 .5em 0;
}

div#primaryContent ul.profileRecruitsList li em {
	font-size: .9em;
}

div#primaryContent div.accountInfo dl {
	margin: .5em 0 0 0;
}

div#primaryContent dt {
	clear: left;
float: left;
	font-weight: bold;
	font-size: 1.2em;
	padding: .5em .5em 0 0;
}

div#primaryContent dd {
	font-weight: normal;
	padding: .5em 0 0 0;
font-size: 1.2em;
}


div#primaryContent div.accountInfo dd {
	clear: none;
	font-weight: normal;
	margin-left: .5em;
}

div#primaryContent div.accountInfo p a {
	margin: 1em 0 0 0;
}

div#primaryContent div.accountInfo p.backToProfile {
	padding: 1em 0 0 0;
}
/* = Edit Email/PW Form
-----------------------------------------------------------------------------*/

div#members div#primaryContent form div.formWrap {
	background: url(/images/site/bg_formBot.gif) bottom no-repeat;
	padding: 0;
	background-color: #EAEAEA;
}

div#members div#primaryContent form fieldset.formTop {
	background: url(/images/site/bg_formTop.gif) no-repeat top center;
	display: block;
	width: 530px;
	margin: 0pt;
	padding-top: 1.5em;
}

div#members div#primaryContent form {
	width: 530px;
}

div#members div#primaryContent form label {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 20px;
	padding-bottom: .3em;
	display: block;
}

div#members div#primaryContent form input.submit {
	margin: 0 0 0 386px;
	width: 100px;
	height: 36px;
padding-bottom: 1.5em
}

div#members div#primaryContent form input {
	margin: 0 0 1.5em 20px;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	width: 300px;
}

div#members div#primaryContent form input, div#members div#primaryContent form label {
	display: block;
	clear: left;
}

div#members div#primaryContent form label {
	width: 440px;
	text-align: left;
	padding-bottom: .3em;
	line-height: 1.4em;
}

div#members div#primaryContent form h2 {
	margin: 0 20px 0.5em 20px;
	padding: 5px 0pt .3em 0pt;
	text-transform: lowercase;
}

div#members div#primaryContent form h2 span {
	float: right;
	font-size: .8em;
	color:#666;
	margin-top: -14px;
	text-transform: lowercase; 
font-weight: normal;
}

div#members div#primaryContent form h3 {
	margin: 0 20px;
	padding: .75em 0 .3em 0;
	border-bottom:1px solid #CCCCCC;
	text-transform: lowercase;
}

div#members div#primaryContent form p {
	margin: 0 20px;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.4em;
	padding: 0 0 .75em 0;
}

/* = Nav Hack
-----------------------------------------------------------------------------*/

div#members div#secondaryNavigation ul li a.accountNav {
	font-weight: bold;
	color: #4466AA;
}

/* = Hide Generated Markup
-----------------------------------------------------------------------------*/

div#getStarted div#primaryContent form#forgot_password_form div {
	display: none;
}

/* = Forgot Password
-----------------------------------------------------------------------------*/

div#getStarted div#primaryContent form#forgot_password_form div.formWrap {
	display: block;
	background: url(/images/site/bg_formBot.gif) bottom no-repeat;
	padding: 0;
	background-color: #EAEAEA;
}

div#getStarted div#primaryContent form#forgot_password_form fieldset.formTop {
	background: url(/images/site/bg_formTop.gif) no-repeat top center;
	display: block;
	width: 530px;
	margin-top: 2em;
	padding-top: 1.5em;
}

div#getStarted div#primaryContent form#forgot_password_form {
	width: 530px;
}

div#getStarted div#primaryContent form#forgot_password_form label {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 20px;
	padding-bottom: .3em;
	display: block;
}

div#getStarted div#primaryContent form#forgot_password_form input.submit {
	margin: 0 0 1.5em 386px;
	width: 100px;
	height: 36px;
}

div#getStarted div#primaryContent form#forgot_password_form input {
	margin: 0 0 1.5em 20px;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	width: 300px;
}

div#getStarted div#primaryContent form#forgot_password_form input, div#getStarted div#primaryContent form#forgot_password_form label {
	display: block;
	clear: left;
}

div#getStarted div#primaryContent form#forgot_password_form label {
	width: 400px;
	text-align: left;
	padding-bottom: .3em;
	line-height: 1.4em;
}


/* = Make Changes
-----------------------------------------------------------------------------*/
body#makeChanges form.collapsed ul.changes, 
body#makeChanges form.collapsed input,
body#makeChanges form.expanded h3.changesMade, 
body#makeChanges form.expanded ul.changesMade {
	display: none;
}

body#makeChanges div#primaryContent form h3.changesMade {
	padding-left: 20px;
}

body#makeChanges div#primaryContent form ul.changesMade li {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: .5em 20px; position: relative;
}

body#makeChanges form.collapsed h2 {
	padding-left: 22px;
	background: url(/images/site/icon_expcolChange.gif) no-repeat 0 7px;
	cursor: pointer;
	color: #558833;
	text-transform: lowercase;
}

body#makeChanges form.expanded h2 {
background:transparent url(/images/site/icon_expcolChange.gif) no-repeat 0pt -77px;
color:#558833;
cursor:pointer;
padding-left:22px;
text-transform:lowercase;
}

body#makeChanges form p.expandText {
	margin: 0 1.5em;
	text-decoration: underline;
	cursor: pointer;
	color: #558833;
	clear: right;
}

body#makeChanges li h3 {
	line-height:1.6em;
	padding-left:0pt;
}

body#makeChanges ul.changes li {
background: url(/images/site/hrfade_gray.gif) bottom left no-repeat;
padding: 2em 0;
}
body#makeChanges ul.changes li.last {
	background: none;
}

body#makeChanges p.changeMade, body#makeChanges div#primaryContent form ul.changesMade li  {
	background:transparent url(/images/site/icon_changeMade.gif) no-repeat 0 1px;
	font-size:1.2em;
	padding:0.1em 0pt 0.3em 25px;
}

body#makeChanges p.changeMade {
	font-weight: bold;
	padding-bottom: 0.2em;
	margin-bottom: 0;
}

/* = Rating System
-----------------------------------------------------------------------------*/

body#makeChanges li h3 em {
	display: block;
	background:transparent url(/images/site/icon_ratingWeight.gif) no-repeat scroll 0 0;
	height:16px;
overflow: hidden;
	text-indent: -9000px;
	margin-top: .3em;
}

body#makeChanges li h3 em.rating2 {
	background:transparent url(/images/site/icon_ratingWeight.gif) no-repeat scroll 0 -16px;
}

body#makeChanges li h3 em.rating3 {
	background:transparent url(/images/site/icon_ratingWeight.gif) no-repeat scroll 0 -32px;
}

body#makeChanges li h3 em.rating4 {
	background:transparent url(/images/site/icon_ratingWeight.gif) no-repeat scroll 0 -48px;
}

body#makeChanges li h3 em.rating5 {
	background:transparent url(/images/site/icon_ratingWeight.gif) no-repeat scroll 0 -64px;
}

body#makeChanges li h4 {
	line-height:1.6em;
	padding:.3em 0 0 0;
	margin: 0;
	text-transform: none;
	font-size:1.2em;
	color:#333;
}

/* =Commentary
-----------------------------------------------------------------------------*/
body#commentary div.commentEntry {
	width: 570px;
}

/*div.trackbacks {
margin-left: 15px;
}*/

body#commentary div.trackbacks div.commentEntry {
	width: 555px;
}

body#commentary div.commentEntry div.commentContain {
	background: url(/images/site/comments_mid.gif) repeat-y;
}

body#commentary div.trackbacks div.commentEntry div.commentContain {
	background: url(/images/site/trackbacks_mid.gif) repeat-y;
}

body#commentary div.commentEntry p.authInfo {
	background: none;
	font-weight: normal;
	padding-left: 0;
	padding-top: 10px;
}

body#commentary div.commentEntry p.date {
	background: url(/images/site/comments_btm.gif) no-repeat left bottom;
	padding: 23px 20px 16px 20px;
	padding-top: 0;
	font-size: 1.1em;
}

body#commentary div.trackbacks div.commentEntry p.date {
	background: url(/images/site/trackbacks_btm.gif) no-repeat left bottom;
}

body#commentary div.commentEntry div.containInner {
	padding: 23px 20px 0 20px;
	background: url(/images/site/comments_top.gif) no-repeat left top;
}

body#commentary div.trackbacks div.commentEntry div.containInner {
	background: url(/images/site/trackbacks_top.gif) no-repeat left top;
}

body#commentary div.commentEntry p {
	line-height: 1.5em;
}

body#commentary form#comment_form div {
	display: none;
}

body#commentary form#comment_form div.formWrap {
	background: url(/images/site/bg_getStarted_formBot.gif) bottom no-repeat;
	background-color: #EAEAEA;
	padding: 0 0 1em 0;
	display: block;
}

body#commentary fieldset.formTop {
	background: url(/images/site/bg_getStarted_formTop.gif) no-repeat top center;
	display: block;
	width: 570px;
	margin: 1em 0 0 0;
	padding-top: 2.5em;
	background-color: #EAEAEA;
}

body#commentary form#comment_form {
	width: 570px;
}

body#commentary form#comment_form label, body#commentary form#comment_form input {
	display: block;
	margin: 0 20px;
}

body#commentary form#comment_form label {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: .3em;
}

body#commentary form#comment_form input {
	margin: 0 0 1.5em 20px;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	width: 350px;
}

body#commentary form#comment_form input.hideInput {
	display: none;
}

body#commentary form#comment_form input.submit {
	margin: 0 0 1.5em 383px;
	width: 100px;
	height: 36px;
	padding: 0;
	clear: left;
}

body#commentary form#comment_form textarea {
	width: 500px;
	height: 150px;
	margin: 0 0 1em 20px;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

body#commentary form#comment_form input#save_info, body#commentary form#comment_form input#notify_me {
	float: left;
	height:1.2em;
	width:1.2em;
	padding: 0;
	margin: .75em 0 .5em 10px;
}

body#commentary form#comment_form input#notify_me {
	margin-bottom: 1em;
}

body#commentary form#comment_form label.checkboxText {
	float: left;
	text-align: right;
	padding: 0;
	margin: .75em 0 .5em 10px;
	width: 448px;
}

body#commentary form#comment_form label.captcha {
	float: left;
	text-align: right;
	padding: 0;
	margin: .75em 0 .5em 10px;
	width: 300px;
}

body#commentary form#comment_form div.captcha {
	background:#EEEEEE none repeat scroll 0%;
	border:1px solid #D7D7D7;
	float:left;
	margin:1em 0 1.5em 10px;
	padding:10px;
	width:142px;
	display: block;
}

body#commentary form#comment_form div.captcha input {
	float:none;
	margin:5px 0pt;
	width:134px;
}

body#commentary div.blogEntry {
	border-bottom: none;
	padding-bottom:0.5em;
	background: url(/images/site/h3_pcontentBorder.gif) bottom left no-repeat;
} 

div#getStarted div.referrer {
	border-bottom:1px solid #D7D7D7;
	border-top:1px solid #D7D7D7;
	margin:2em 0pt 1em;
	padding:0pt 0pt 5.5em 0pt;
}

div#getStarted div.referrer p {
	margin:0pt;
}

div#getStarted div.referrer p em {
	color: #666;
}

div#getStarted div.referrer h3 {
	margin-top: 1em;
	font-size: 1.2em;
	text-transform: none;
}


/* Badge */
div#badgeOptions {
width: 294px;
float: right;
margin: 2em 0;
background: #f8f8f8 url(/images/site/bg_badgeBox_mid.gif) repeat-y;
}
div#badgeOptions div.badgeWrap {
background:  url(/images/site/bg_badgeBox_bot.gif) no-repeat bottom;
	padding-bottom: 10px;
}
div#badgeOptions div.badgeWrap div {
margin: 1em 15px 0 15px;
}
div#badgeOptions h3 {
	font-size: 1.6em;
	font-weight: bold;
	color: #4466AA;
	padding: 1em 15px .3em 15px;
	background: url(/images/site/bg_badgeBox_top.gif) top no-repeat;
	text-transform: lowercase; position: relative;
}
div#badgeOptions p {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #333;
	padding: 1em 0;
	list-style: none;
	font-weight: normal;
	margin: 0 15px;
}
div#badgeOptions p.badge {
margin: 0;
padding: 0;
}
div#badgeOptions pre{
width: 262px;
overflow: auto;
font-size: 1.4em;
background: #f6eedb;
border: 1px solid #ccc;
margin: 0 15px 1em 15px;
}
div#badgeOptions pre code {
display: block;
margin: 10px;
}

/* Badge Opt-In */

div#badgeOptions form p.error {
	font-size: 1.1em;
	background: url(/images/site/icon_error_opt.gif) no-repeat left top;
	display: block;
	width: 250px;
	color: red;
	margin: 0pt 0pt 0pt -16px;
	padding-top: 0pt;
	padding-left: 21px;
	font-style: italic;
}

div#badgeOptions form label.accept_terms {
	font-size: 1.1em;
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	width: 226px;
}

div#badgeOptions form input#accept_terms {
	margin: 1px 0pt 0pt -14px;
	padding: 0;
	width: 12px;
	height: 12px;
}

div#badgeOptions form input#btnActivate {
	clear: both;
	margin: 1em 0 .7em 175px;
}
div#badgeOptions form input#btnDeactivate {
	clear: both;
	margin: .5em 0 .7em 150px;
}
div#badgeOptions fieldset {
	border-top: 1px solid #ccc;
	margin: 4px 16px 0pt 16px;
	padding: 0;
}


/* user message
------------------------------------------*/
body#userMessage div#primaryContent {
margin-left: 185px;
width: 530px;
position: relative;
margin-top: 20px;
}

body#userMessage h1 {
font-size: 2.3em !important;
font-weight: bold;
color: #4466AA;
border: none;
	padding-bottom: .1em;
text-transform: lowercase;
}

div#getStarted div#impactTree h2 {
	text-transform: lowercase;
	margin: 10px 0 0 16px;
	color: #fff;
	font-size: 1.6em !important;
font-weight: bold !important;
}
div#getStarted div#impactTree h2 span {
font-weight: bold;
}

body#myProfile p.error {
color: red !important;
}

/*select wrappers for car page*/
div.select_contain {
display: inline;
}

/* = baseline hints
-----------------------------------------------------------------------------*/
div#primaryContent p.hint {
	font-style: italic;
	font-size: 1.1em;
	color: #666;
	margin-top: -1.1em;
	padding-left: 20px;
}

div#primaryContent p.hintLast {
	font-style: italic;
	font-size: 1.1em;
	color: #666;
	margin-top: -1.1em;
}

/* = star ratings
-----------------------------------------------------------------------------*/

div#primaryContent ul.articleInfo li.rate img {
	border: 0;
	clear: none !important;
	margin: 0;
	padding: 0;
}

div#primaryContent ul.articleInfo li form {
	display: inline;
}

div#primaryContent ul.articleInfo li form div,
div#primaryContent ul.articleInfo li input {
	display: none;
	visibility: hidden;
}

li.fave {
	background: transparent url(/img/icons/favorite.gif) no-repeat 5px 30%;
	padding: 0 .5em 0 25px !important;
}

li.permalink {
	background: transparent url(/img/icons/permalink.gif) no-repeat 0 20%;
	padding: 0 .5em 0 20px !important;
}

a.r_submit {
	background: transparent url(/images/site/btn_ratingSave.gif) no-repeat 0 0;
	border: 0;
	display: block;
	float: left;
	height: 18px;
	margin: 0 0 0 .5em;
	text-indent: -9000px;
	width: 45px;
}

a.r_submit:hover,
a.r_submit:focus {
	background-position: 0 -18px;
}

/* Offsets Overview
---------------------------------------------------------------*/

#lc-overview {
	table-layout: fixed;
	width: 100%;
}

#lc-overview td {
	border: 1px solid #777;
	margin: 10px;
	vertical-align: top;
	width: 50%;
}

#lc-overview td.gray {
	background: #f6f6f6;
}

#lc-overview td.centered {
	text-align: center !important;
}

#lc-overview ul {
	margin: 0;
	padding: 0 .5em .5em 2em !important;
}

#lc-overview img {
	border: 0 !important;
	padding: 0 !important;
}

#lc-overview h3 {
	color: #333 !important;
	font-size: 1.2em;
	margin: 0 0 .5em 0 !important;
	padding: .2em 0;
	text-align: center;
	text-transform: capitalize !important;
}

h3.lc-blue {
	background: #3dc2ec;
}

h3.lc-green {
	background: #c1cd6a;
}

#lc-overview td a.button {
	background: transparent url(/img/offsets/blue-button.jpg) no-repeat 0 0;
	color: #333 !important;
	display: block;
	font-size: 13px;
	font-weight: bold;
	margin: 0 auto;
	padding: 16px 0 20px 3px;
	text-align: center;
	width: 110px;
}

/* Offsets Form
---------------------------------------------------------------*/

#donationForm h3 {
	color: #333 !important;
	font-size: 1.2em;
	margin: 0 0 .5em 0 !important;
	padding: .2em;
	text-transform: capitalize !important;
}

#donationForm h3 a {
	background: transparent url(/img/offsets/dark-right.gif) no-repeat 0 50%;
	color: #333;
	padding: 0 0 0 1em;
	text-decoration: none;
}

#donationForm h3 a:hover {
	background: transparent url(/img/offsets/light-right.gif) no-repeat 0 50%;
	color: #fff;
}

#donationForm h3 a.open {
	background: transparent url(/img/offsets/dark-down.gif) no-repeat 0 50%;
}

#donationForm h3 a.open:hover {
	background: transparent url(/img/offsets/light-down.gif) no-repeat 0 50%;
}

#donationForm div {
	background: #f6f6f6;
	margin: 0 0 1em 0;
	padding: 1em;
}

#donationForm div img {
	clear: none;
	float: none !important;
	border: none;
	margin: 0;
	padding: 0;
}

#donationForm table {
	width: 100%;
}

#donationForm td.col1 {
	vertical-align: middle;
	width: 80%;
}

#donationForm td.col2 {
	text-align: center;
}

#donationForm select {
	width: 175px;
}

#donationForm select.small {
	width: auto;
}

#donationForm label {
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
}

#donateForm th {
	font-size: 12px;
	font-style: italic;
	padding: 10px 0;
	text-align: left;
}

#donateForm label {
	width: 33%;
}

#travelForm input.ro {
	width: 40px;
}

#travelForm label {
	width: 33%;
}

#carForm label {
	width: 28%;
}

#carForm table {
	border-collapse: collapse;
}

#carForm th {
	border-bottom: 1px dotted #777;
	font-size: 14px;
}

#carForm td.kind {
	padding: 10px;
	width: 38%;
}

#carForm td.split {
	border-left: 1px dotted #777;
	width: 2%;
}

#carForm td.mpy {
	border-top: 1px dotted #777;
	padding: 10px 0 0 0;
	text-align: center;
}

#homeForm label {
	width: 60%
}

div.footprint {
	background: transparent url(/img/offsets/footprint.gif) no-repeat 50% 0;
}

div.footprint form {
	margin: 0;
	padding: 40px 0 0 0;
}

div.footprint form p {
	margin: 0 0 5px 0;
}

div.footprint label {
	display: block;
	font-weight: bold;
	margin: 0 0 5px 0;
	text-align: center;
}

div.footprint input {
	font-size: 16px;
	font-weight: bold;
	padding: 3px;
	text-align: center;
	width: 95%;
}

input.ro {
	border: 1px dotted #777 !important;
}

.input {
	border: 1px solid #777;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
}

a.car_button {
	background: transparent url(/img/offsets/car-button.gif) no-repeat top left;
	color: #777;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 27px;
	margin: 0;
	padding: 12px 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 101px;
}

a.car_button.selected {
	background-position: 0 -37px;
	color: #3DC2EC;
}

#error_message {
	background-color: #fdd;
	border: 1px solid #f00;
	color: #f00;
	font-weight: bold;
}