/* ---------------------------------
 * Screen Layout Styles
 * Created by Easy! Designs, LLC
 * http://easy-designs.net
 * --------------------------------- */

/* =Reset defaults */
html, body, form, fieldset, legend, 
h1, h2, h3, h4, h5, h6, 
pre, blockquote, ul, ol, dl, dd { margin: 0; padding: 0; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
abbr, acronym { border: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
a img { border: 0; }
form ol, form ul { margin: 0; list-style: none; }
p, pre, blockquote, dl { margin: 0 0 1em; padding: 0; }
ul, ol { margin: 0 0 1em 20px; padding: 0; }
a { outline: none; }

/* =Overall Layout */
#content
{
  -moz-border-radius: 3px 3px 0 0; 
  -webkit-border-top-left-radius: 3px; 
  -webkit-border-top-right-radius: 3px; 
  border-radius: 3px 3px 0 0;
  margin: 110px auto 0;
  padding: 15px 15px 25px;
  width: 910px;
}
#content:after,
#content-main:after
{
  content: '.';
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
}
a.button
{
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px;
  padding: 4px 3px 1px;
  border-radius: 3px;
  margin-right: 0.5em;
}

/* =Branding */
#logo
{
  position: absolute;
  top: 15px;
  left: 50%;
  margin-left: -460px;
}

/* =Navigation */
ul[id|=nav],
ul[id|=nav] li
{
  list-style: none;
  margin: 0;
  padding: 0;
}
#nav-main
{
  width: 940px;
  text-align: center;
  position: absolute;
  top: 91px;
  left: 50%;
  margin-left: -470px;
}
#nav-main li
{
  display: inline;
  margin: 0 1px;
}
#nav-main a
{
  -moz-border-radius: 5px 5px 0 0; 
  -webkit-border-top-left-radius: 5px; 
  -webkit-border-top-right-radius: 5px; 
  border-radius: 5px 5px 0 0;
  padding: 10px 10px 6px;
}
#nav-utils
{
  position: absolute;
  top: 33px;
  /*left: 50%;
  margin-left: -72px;
  */
  right: 50%; /* I really don't understand why they're doing layout this way, but I'll just copy this position from the search box until we turn it back on */
  margin-right: -460px;
}
#nav-utils li
{
  display: inline;
  margin: 0 35px 0 0;
}
#nav-utils a
{
  padding-left: 15px;
}
#nav-utils a.handle {
  padding-left: 0;
}
#nav-utils li b {
  display: none;
}
#nav-search
{
  position: absolute;
  top: 28px;
  right: 50%;
  margin-right: -460px;
}
#nav-search p *
{
  display: block;
  float: left;
}
#nav-search label
{
  text-indent: -999em;
  height: 0;
  width: 0;
}
#nav-search input
{
  width: 134px;
  margin-right: 5px;
}
#nav-search button
{
  border: 0;
  width: 29px;
  height: 25px;
  text-indent: -999em;
  position: relative;
  top: -1px;
}


/* =Footer */
#site-info
{
  position: relative;
  margin: 0 auto 84px;
  padding: 13px 15px;
  width: 910px;
}

#footer {
  overflow: auto;
  margin: 5px 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid silver;
}

#footer a {
  color: white;
}

#footer .footer-column {
  width: 290px;
  float: left;
  margin: 0 20px 0 0;
}

#footer #trends {
  margin: 0;
}

#footer #products h3 {
  display: none;
}

#footer #products ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer #products ul li {
  background-repeat: no-repeat;
  background-position: top left;
  min-height: 63px;
  margin: 0 0 15px 0;
  position: relative;
}

#footer #products ul li.credit_card { background-image: url(images/footer/credit_card.png); }
#footer #products ul li.debit_card { background-image: url(images/footer/debit_card.png); }
#footer #products ul li.offsets { background-image: url(images/footer/offset_packages.png); }

#footer #products ul li h4 {
  margin: 0 0 5px 0;
}

#footer #products ul li h4 a {
  padding: 0 0 0 110px;
  display: block;
  height: 63px;
}

#footer #products ul li p {
  position: absolute;
  top: 18px;
  left: 110px;
  width: 180px;
  height: auto;
}

#footer #social h6.meta {
  display: none;
}

#footer #social h3.elsewhere {
  border-top: 1px solid silver;
  padding: 10px 0 0;
  margin: 0 0 10px;
}

#footer #social ul.elsewhere {
  list-style: none;
  overflow: auto;
  margin: 0;
}

#footer #social ul.elsewhere li {
  float: left;
  width: 16px;
  margin: 0 5px 0;
}

#footer #social ul.elsewhere li a {
  display: block;
  height: 16px;
}

#footer #social ul.elsewhere li a span {
  display: none;
}

#site-info p#copyright,
#site-info ul.nav,
#site-info ul.nav li
{
  display: inline;
  margin: 0;
  padding: 0;
}
#site-info ul.nav li
{
  border-left: 1px solid;
  margin-left: 4px;
  padding-left: 6px;
}
#nav-top
{
  display: block;
  text-align: center;
  text-indent: -999em;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -70px;
}
#nav-top:hover
{
  text-indent: 0;
}
.action,
.plus,
.minus,
.info
{
  padding-right: 18px;
}
.thumbs-up,
#profiler .advice,
#profiler .subsection .title a
{
  padding-left: 15px;
}

/* =Forms */
.button
{
  margin-left: 5px;
}
button.submit
{
  display: block;
  margin: 0 auto;
  width: 79px;
}
p.submit {
  clear: left;
}
form fieldset.radio-group li {
  clear: none;
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
}
form fieldset.radio-group ul {
  margin: 5px 0 15px;
}
form fieldset.radio-group li {
  margin: 0 10px 10px 0;
}
form.side-by-side li {
  clear: both;
  padding-bottom: 10px;
}
form.side-by-side li ul li {
  clear: none;
}
form.side-by-side li.unlabeled {
  padding-left: 190px;
}
form.side-by-side label {
  float: left;
  width: 160px;
  padding-right: 30px;
  text-align: right;
  position: relative;
}

form.side-by-side ul li ul {
  margin-left: 190px;
}

form.side-by-side ul li ul li label {
  float: none;
  width: auto;
  padding: 0;
  text-align: left;
  position: static;
}

form.side-by-side label.recaptcha_input_area_text {
  float: none;
}

form.side-by-side input[type=text],
form.side-by-side textarea {
  margin-right: 30px;
  width: 460px;
}
form.side-by-side input[type=submit],
form.side-by-side input[type=image] {
  width: auto;
  margin-right: 10px;
}
form.side-by-side button,
form.side-by-side input[type=image] {
  margin: 2px 0 -15px 185px;
}

form.side-by-side p {
  margin: 0;
}

form.side-by-side p.help {
  margin-left: 190px;
}

form.side-by-side label em,
form.side-by-side label strong {
  display: block;
  text-align: left;
  width: 250px;
  position: absolute;
  left: 665px;
  top: 0;
}
form.side-by-side label strong {
  top: 8px;
}
form.side-by-side legend {
  margin: 0;
  padding: 25px 0 25px 190px;
}
form.side-by-side img {
  vertical-align: top;
}
form.side-by-side .date-group,
form.side-by-side .radio-group {
  margin: 0;
  padding: 0;
  position: relative;
}
form.side-by-side .date-group legend,
form.side-by-side .radio-group legend {
  margin: 0;
  padding: 0;
  height: 0;
}
form.side-by-side .date-group legend span,
form.side-by-side .radio-group legend span {
  padding-right: 30px;
  text-align: right;
  width: 160px;
  position: absolute;
  top: 7px;
}
form.side-by-side .date-group div,
form.side-by-side .radio-group ul {
  margin: 0 0 0 190px;
  padding: 0;
}
fieldset.date-group label {
  display: inline;
  margin: 0 10px 0 0;
  padding: 0;
  position: absolute;
  left:  -999em;
}
form.side-by-side fieldset.radio-group input
{
  display: inline;
  margin: 0 5px 0 0;
  width: auto;
  position: relative;
  top: 3px;
}
form.side-by-side .radio-group label {
  width: auto;
  text-align: left;
}
form.side-by-side .radio-group label input {
  margin: 0;
}

form.side-by-side fieldset.checkboxes {
  padding: 0 0 0 160px;
}

form.side-by-side fieldset.checkboxes label {
  float: none;
  padding: 0;
  position: static;
  text-align: left;
  width: auto;
  display: inline;
}

.knowledgebase-entries .index h3 {
    border-top:dotted 1px #DEDCC6;
    margin:34px 0 8px;
    padding:6px 0;
}

.knowledgebase-entries .index ul {
    list-style:none;
}

.notice {
  border-bottom: 1px dotted;
  margin: -15px -15px 15px;
  padding: 15px;
}
.notice p {
  margin-bottom: 0;
}
.notice ol {
  margin: 0 0 0 20px;
  list-style: decimal;
}
.notice li {
  padding: 5px 0 0;
}

/* =Terms and conditions */
div.terms-and-conditions dl, 
div.terms-and-conditions dt,
div.terms-and-conditions dd {
  margin: 0;
  padding: 0;
}

.terms-and-conditions dl dt {
  padding: 10px 0 0 0;
  color: #333;
}

.terms-and-conditions dl dd {
  color: #666;
  padding: 0 0 14px 0;
}

/* =Modules */
.module
{
  width: 435px;
  margin: 34px 0 0;
  padding: 0 15px;
  position: relative;
}
.module.single {
  width: auto;
}
.module .tab-list
{
  position: absolute;
  top: -5px;
  right: 5px;
}
.left
{
  float: left;
  clear: left;
  margin-left: -15px;
}
.right
{
  float: right;
  clear: right;
  margin-right: -15px;
}
.module h2
{
  border-bottom: 3px solid;
  margin: 0 -15px 14px;
  padding-left: 15px;
  padding-bottom: 3px;
}
.module h2 span
{
  margin-left: 5px;
}
.module ul,
.module ol
{
  list-style: none;
  padding: 0;
  margin: 0;
}
.module .conservation-tips li,
.module .offsets li,
.module .advice li,
.module .activities li,
.module .thumbs-up li
{
  border-bottom: 1px dotted;
  min-height: 76px;
  margin: 14px -15px;
  padding: 0 15px 14px 102px;
  position: relative;
}
.module .conservation-tips > li:after,
.module .offsets > li:after,
.module .advice > li:after,
.module .activities > li:after,
.module .thumbs-up > li:after
{
  content: '.';
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
}
.module .conservation-tips li img,
.module .offsets li img,
.module .advice li img,
.module .activities li img,
.module .thumbs-up li img
{
  position: absolute;
  top: 0;
  left: 15px;
}
.module .conservation-tips li img {
  width: 75px;
}
#content .module img.button {
  float: none;
  display: inline;
  margin-left: 5px;
  position: relative;
  top: 2px;
  left: 0;
}
.module li .advisor img,
.module li .giftor img,
.module li.emissions-calculated img.photo,
#profile li .advisor img,
#profile li .advisee img
{
  top: 41px;
  left: 54px;
  z-index: 1;
}
.module h3,
.module h4
{
  margin: 0;
}
.module h3 .action,
.module h4 .action
{
  background: transparent;
  padding: 0;
}
.module .hentry ul.totals,
.module .hentry ul.actions
{
	float: left;
	width: 75%;
}
.module .hentry ul.tools
{
	margin-left: 75%;
	position: relative;
}
.module .hentry li.request-advice {
  width: 50px;
  position: absolute;
  left: 90px;
  top: 0;
}
.module .totals li,
.module .actions li,
.module .tools li
{
  border: 0;
  min-height: 0;
  margin: 0;
  padding: 0 0 0 15px;
}

#content .module ul.tools {
  list-style: none;
}

#content #tip-details ul.tools {
  margin: 0;
}

#content #tip-details ul.tools li {
    display: inline;
    margin:0 15px 0 0;
}

/* ==People */
.people + .cta
{
  border-top: 1px dotted;
  clear: both;
  margin: 0 -15px;
  padding: 10px 15px;
}
.people .vcard
{
  float: left;
  text-align: center;
  width: 100px;
  padding: 0 0 5px 7px;
  height: 128px;
}
.people .vcard img.photo
{
  position: static;
  display: block;
  width: 75px;
  margin: 0 auto 8px;
}
.people .vcard .adr
{
  margin: 4px 0 18px;
}
.people .vcard .button
{
  position: relative;
  left: 2px;
  top: -10px;
}

ol.people .vcard, body.page .people .vcard {
  height: 200px;
}

.people .vcard.avatar a.button {
  position: static;
  top: 0;
  left: 0;
  margin: 0;
}

.people .vcard.avatar .actions {
  display: block;
  margin: 7px 0 0;
}
/* ==Followers/Followings */
.people .avatar_tiny 
{
  float: left;
  text-align: center;
  padding: 0 0 8px 8px;
  height: 35px;
  width: 35px;
}
#your-people .people .vcard img.photo {
  position: static;
  display: block;
  width: 35px;
  margin: 0 auto 8px;
}
/* ==Gallery */
.gallery + .cta
{
  border-top: 1px dotted;
  clear: both;
  margin: 0 -15px;
  padding: 10px 15px;
}
.gallery
{
  width: 450px;
}
.gallery .figure
{
  float: left;
  text-align: center;
  padding: 0 12px 15px 0;
}

/* =Welcome */
#welcome
{
  margin-top: 0;
}
#welcome h2
{
  border:  0;
  margin: 14px 0 0;
  padding: 0;
}
#welcome p
{
  margin: 0;
}
#welcome .cta
{
  margin-top: 7px;
}

/* =Start Footprint */
#start-footprint
{
  background: #fff url(images/home/start-footprint.jpg) center top no-repeat;
  margin-top: -15px;
  padding-top: 36px;
}
#start-footprint p.intro
{
  padding-right: 5px;
}
#start-footprint p.intro span
{
  border-right: 1px dotted;
  display: block;
  float: left;
  width: 120px;
  margin: -14px 10px 0 -15px;
  padding: 30px 30px 25px;
}
#start-footprint h3 {
  clear: left;
}
/* ==Recent Activity & Tips */
#recent-activity li.savings
{
  padding: 0;
}
#recent-activity .strong,
#conservation-tips .strong
{
  margin: 1px 0 0;
}
#recent-activity .emissions-calculated strong,
#recent-activity .offsets-earned strong
{
  display: inline;
}

#recent-activity ol.activities li p.remove_timeline_event {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
}

#recent-activity ol.activities li p.remove_timeline_event a {
  display: block;
  height: 20px;
  width: 20px;
  background: url(images/dialog_close.png) no-repeat 100% 3px;
}

#recent-activity ol.activities li p.remove_timeline_event a span {
  display: none;
}

#conservation-tips .tools
{
  position: relative;
}
#conservation-tips .request-advice
{
  background-position: top left;
  width: 60px;
  position: absolute;
  top: 0;
  left: 95px;
}

/* ==Refine Footprint Module */
#refine-footprint h3 {
  margin: 0 0 10px 0;
}
#refine-footprint .radio-group
{
  margin: -14px 0 10px;
}
#refine-footprint legend span
{
  padding: 0;
}
#refine-footprint .radio-group li
{
  margin-bottom: 6px;
}

/* ==Conservation Tip */
#conservation-tip.module > a > img
{
  display: block;
  margin: -4px 0 5px;
  width: 435px;
}
#conservation-tip.module p
{
  margin: 0;
}
#conservation-tip.module h3 em a {
  color: #138F34;
}

/* ==Community Trends */
#community-trends > img
{
  float: right;
  margin-left: 15px;
}

/* ==Blog Promo */
#blog-promo
{
  position: relative;
}

/* ==Blog */
.blog #content-main, .page #content-main, .emissions #content-main
{
	width: 560px;
	margin: 0 0 0 175px;
	float: left;
}
.blog h1, .page h1, .entry, .emissions h1
{
  padding: 8px 16px 0;
  margin: 0;
}
.entry
{
	clear: left;
	border-top-width: 3px;
	border-top-style: solid;
	margin-bottom: 36px;
}
.entry h2
{
	padding: 10px 0;
}
.entry-content
{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	margin-bottom: 20px;
}
.entry-content img
{
	float: left;
	margin: 0 1em 0.5em 0;
}
.entry-info
{
	margin: 14px 0;
}
.entry-info ul,
.entry-info ul li
{
	display: inline;
	list-style: none;
	margin: 0;
}
.entry-info p
{
	margin-bottom: 1.5em;
}
.entry-info .tools
{
	background: transparent url('/tpl/img/css/blog_entry-info_li.png') no-repeat 0 2px;
	padding-left: 8px;
	margin-left: 2px;
}
.entry-info .tools a
{
	display: inline-block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-indent: -1000px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	vertical-align: bottom;
	opacity: 0.5;
}
.entry-info .tools a:hover
{
	opacity: 1;
}
.entry-info .tools a.digg
{
	background-image: url('/tpl/img/css/a.digg.png');
}
.entry-info .tools a.delicious
{
	background-image: url('/tpl/img/css/a.delicious.png');
}
.entry-info .tools a.facebook, .elsewhere a.facebook
{
	background-image: url('images/a.facebook.png');
}
.entry-info .tools a.reddit
{
	background-image: url('/tpl/img/css/a.reddit.png');
}
.entry-info .tools a.mixx
{
	background-image: url('/tpl/img/css/a.mixx.png');
}
.entry-info .tools a.twitter, .elsewhere a.twitter
{
	background-image: url('images/a.twitter.png');
}
.elsewhere a.get-satisfaction
{
	background-image: url('images/a.get-satisfaction.png');
}
.elsewhere a.just-means
{
	background-image: url('images/a.just-means.png');
}
.elsewhere a.newsletters
{
	background-image: url('/tpl/img/css/a.newsletters.png');
}
/* ==Sidebars */
.sidebar
{
	width: 180px;
	float: left;
}
.sidebar-left
{
	margin-left: -750px;
}
.sidebar-right
{
	margin-right: -15px;
	float: right;
}
.page .sidebar-left, .emissions .sidebar-left
{
	margin-top: 25px;
}
.page .sidebar-right, .emissions .sidebar-right
{
	margin-top: -2px;
}
.sidebar .module
{
	width: auto;
	margin-top: 18px;
	margin-left: 0;
	margin-bottom: 40px;
	padding-left: 0;
	padding-right: 0;
}
.sidebar .module h2
{
	padding-left: 9px;
	padding-bottom: 6px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}
.sidebar .module li a, .sidebar .module li.current
{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	display: block;
	padding: 6px 11px;
}
.sidebar .module li a.selected
{
	padding-right: 21px;
	background-image: url('/tpl/img/css/subnav-selected-arrow.png');
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
.sidebar .module li li a, .sidebar .module li li.current
{
	padding-left: 27px;
}
.sidebar .elsewhere li a
{
	padding-left: 27px;
	background-repeat: no-repeat;
	background-position: 4px 50%;
}
.sidebar .callout
{
	text-align: center;
	margin-bottom: 20px;
}
.sidebar .contact .vcard
{
	margin-top: 10px;
	margin-left: 9px;
}


/* ==Generic Pages */
.page h1, .emissions h1
{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	margin-left: -206px;
	width: 714px;
	margin-bottom: 16px;
	padding-top: 6px;
}
.page #content-main, .emissions #content-main
{
	padding-left: 16px;
	padding-right: 16px;
	width: 528px;
}
.page #content-main p.center
{
	text-align: center;
}

/* ==Carbon Offsets */
.carbon-offsets #content-main, #your-offsets, .edit-user #content-main, .search-users #content-main
{
	position: relative;
}
.carbon-offsets h1, .edit-user h1, .search-users h1
{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	padding-bottom: 5px;
	margin: 0 -15px 10px;
	padding-left: 15px;
}
.carbon-offsets .about
{
	float: left;
	width: 164px;
}
.carbon-offsets div.offsets
{
	margin-left: 164px;
}
.carbon-offsets .tabbed, .edit-user .tabbed, .search-users .tabbed, ul.account-settings-tabs
{
	margin-left: 179px;
}
body.carbon-offsets #content-main .tab-list, body.edit-user #content-main .tab-list, body.search-users #content-main .tab-list 
{
  position: absolute;
  top: 0;
  right: 0;
}

#content-main .offset
{
	width: 164px;
	float: left;
	margin-left: 22px;
	margin-bottom: 16px;
  height: 372px;
}
#content-main .offset:nth-child(5)
{
	clear: left;
}
#content-main .offset .icon
{
	text-align: center;
	height: 90px;
	line-height: 90px;
	width: auto;
	margin-bottom: 15px;
}
.offset p.entry-title
{
	margin-bottom: 5px;
}
.offset .impact,
#your-offsets .hentry p
{
	margin-bottom: 0;
}
#your-offsets .hentry .impact .amount,
#your-offsets .hentry .impact .saved
{
	margin-right: 2em;
}

/* ==Tabs */
.account-settings-tab-list
{
  padding:0;
  margin:0;
  position: absolute;
  top: 9px;
  right: 0;
}

 ul.account-settings-tab-list li a
{
  margin:0;
  padding: 12px 18px;
}

ul.account-settings-tab-list li
{
  list-style: none;
  float: left;
}

.tab-list{
  margin: 0;
}

.tab-list li
{
  list-style: none;
  float: left;
  padding: 12px 10px;
  margin-left: 4px;
}
.module .tab-list li,
#content-sub .tab-list li {
  padding: 6px 5px;
  margin-left: 0;
  margin-right: 4px;
}

.tab-list li.active-tab, ul.account-settings-tab-list li a.active
{
  -moz-border-radius: 10px 10px 0 0; 
  -webkit-border-top-left-radius: 10px; 
  -webkit-border-top-right-radius: 10px; 
  border-radius: 10px 10px 0 0;
}

#content-sub .tab-list li.active-tab
{
  -moz-border-radius: 5px 5px 0 0; 
  -webkit-border-top-left-radius: 5px; 
  -webkit-border-top-right-radius: 5px; 
  border-radius: 5px 5px 0 0;
}
.tabbed-on .folder
{
	display: none;
}
.tabbed-on .visible
{
	display: block;
}

/* ==Profile: Top of Page */
.profile
{
	margin: 0 -15px 10px;
	padding: 5px 20px 18px;
	min-height: 75px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
.profile:after
{
  content: '.';
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
}
#profile .profile {
  margin-bottom: 30px;
}
.profile .bio
{
	width: 440px;
	padding-right: 15px;
	float: left;
	border-right-width: 1px;
	border-right-style: dotted;
}
.profile .bio img.photo
{
	float: left;
}
.profile .bio p
{
	margin-left: 91px;
	margin-bottom: 7px;
}
.profile .bio p.about
{
  margin: 14px 0 0;
}
.profile .bio p.about
{
  margin: 14px 0 0;
}
.profile .bio p.adr
{
	margin-bottom: 0;
}
.profile .bio .nickname .following_actions a {
  float:right;
  margin-top: 18px;
  width: 100px;
  text-align: right;
}

.profile .bio .nickname .following_actions a.follow {
  background: url(images/buttons/follow.png) no-repeat right top;
  display: block;
  height: 33px;
}

.profile .bio .nickname .following_actions a.follow img {
  display: none;
}

.profile .details
{
  margin: 0 0 10px 470px;
  padding: 5px 0 0;
  position: relative;
}
.profile .details .cardholder
{
  position: absolute;
  top: 0;
  right: 0;
}
.profile .details .status em
{
  display: block;
}
.profile .details .social-stats
{
  border-style: dotted;
  border-width: 1px 0;
  list-style: none;
  margin: 6px 0;
  padding: 7px 0;
}
.profile .details .cardholder
{
  padding: 7px 0;
  vertical-align: middle;
}
.profile .details .cardholder img
{
  margin-right: 5px;
}
.profile .details .follows
{
  float: right;
  width: 215px;
}
.profile .footprint
{
	margin-left: 470px;
	padding-top: 1px;
}
.profile .footprint .header,
.profile .footprint .footer
{
	text-align: right;
	margin: 0 12px 10px 0;
}
.profile .footprint .footer
{
	margin: 0;
}
.profile .footprint .header span,
.profile .footprint .footer a.plus,
.profile .footprint .footer a.minus
{
	float: left;
}
.profile .footprint .footer a.action
{
	background-position: 100% 0;
}
.profile .footprint .footer a.plus,
.profile .footprint .footer a.minus
{
	padding-right: 0;
	padding-left: 16px;
	background-position: 0 0;
}
.profile .footprint .percentage-bar
{
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px; 
  border-radius: 3px;
  margin: 13px 0 10px;
  overflow: hidden;
}
.profile .footprint .percentage-bar .amount-bar
{
  -moz-border-radius: 3px 0 0 3px; 
  -webkit-border-top-left-radius: 3px; 
  -webkit-border-bottom-left-radius: 3px; 
  border-radius: 3px 0 0 3px;
  overflow: visible;
  white-space: nowrap;
  float: left;
}
.profile .footprint .percentage-bar .amount-bar span
{
	display: block;
	padding: 3px 6px;
}

/* =Profile Pages */
#profile div[id=content-main]
{
  margin-bottom: -29px;
}

/* ==Carbon Profiler */
#profiler
{
  margin: 0 -15px;
}
.profile #profiler
{
  margin: 0 -20px;
  clear: both;
  padding-top: 20px;
}
#profiler .section, #profiler div.open:first-child
{
  border-top: 1px solid;
  padding-bottom: 1px;
}
#profiler .section p
{
  padding: 5px 15px;
  margin: 0;
}
#profiler .section ul
{
  padding: 0 15px 5px;
  margin: 0 0 0 15px;
}
#profiler .section ul li
{
  margin-bottom: 5px;
  list-style: none;
}
#profiler .section .teaser
{
  padding-top: 0;
  margin-top: -0.5em;
  margin-bottom: 0.5em;
}
#profiler .section .header,
#profiler .subsection,
#profiler .section ul li
{
  overflow: hidden;
  width: auto;
}
#profiler .section .header span,
#profiler .subsection span,
#profiler .section ul span
{
  float: left;
  width: 273px;
  margin-right: 27px;
  margin-top: 5px;
}
#profiler .section ul span.title
{
  margin-right: 12px;
}
#profiler .subsection span.title a
{
  outline: none;
}
#profiler .section .header span.usage
{
  width: auto;
  margin-right: 0;
  margin-left: 1.5em;
  float: none;
}
#profiler .subsection span,
#profiler .section ul span
{
  margin-top: 0;
}
#profiler .section .info
{
  overflow: hidden;
  padding: 0;
  width: 14px;
  height: 14px;
  text-indent: -1000px;
}
#profiler .get-offset label
{
  float: left;
  margin-right: 0.5em;
}
#profiler .get-offset input
{
  vertical-align: top;
  margin: 0;
}
#profiler .open .header
{
  border-bottom: 1px solid;
}
#profiler .subsections
{
  margin-bottom: 0.5em;
}
#profiler .subsection
{
  border-top: 1px dotted;
}
#profiler .subsection:first-child
{
  border-top: none;
}
#profiler .section .teaser,
#profiler .section.open .subsections
{
  display: block;
}
#profiler .section.open .teaser,
#profiler .section .subsections
{
  display: none;
}

/* =Coservation Tips */
#tip h1
{
  padding-bottom: 10px;
}
#tip h1 img
{
  position: relative;
  top: -3px;
}
#tips h1,
#tip #banner
{
  margin: 0 -15px -19px;
  padding: 0 15px 0;
  position: relative;
  border-bottom: 3px solid;
  width: 100%;
  overflow: hidden;
}
#tips h1 {
  margin-bottom: 0;
  padding-bottom: 10px;
}
#tip #other-ways
{
  margin: 0;
  position: absolute;
  top: 12px;
  right: 0;
  width: 195px;
  height: 29px;
  text-align: center;
}
#tip #other-ways a
{
  padding-left: 17px;
  padding-top: 1px;
  outline: none;
}
#ways-to-conserve
{
  width: 100%;
  padding: 1em 15px 0;
  margin: 0 -15px 10px;
  overflow: hidden;
}
#ways-to-conserve .tags
{
  float: left;
  width: 48%;
}
#ways-to-conserve .tags a
{
  margin-right: 1em;
}
#ways-to-conserve .search
{
  float: right;
  width: 48%;
}
#ways-to-conserve .search select
{
  width: 25%;
  margin-right: 2%;
}
#ways-to-conserve .search input[type=text]
{
  width: 70%;
}
#ways-to-conserve .search p
{
  text-align: center;
  margin: 1em 0 0;
}
#tip-details .photo
{
  display: block;
  margin: 0 0 14px;
  width: 435px;
}
#tip-details ul {
  list-style: disc;
  margin: 0 0 18px 20px;
}
div#tip-tags 
{
  margin:30px 0 -36px;
  padding:0;
}
#tip-tags .form_for_taggable
{
  margin-bottom:12px;
}
#tip-actions
{
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px; 
  border-radius: 3px;
  width: 415px;
  margin: 33px 0 0;
  padding: 11px;
}
#tip-actions p
{
  margin: 0 0 7px;
}
#tip-actions a img
{
  position: relative;
  left: -2px;
}
#tip-actions li
{
  display: inline;
  padding-right: 2px;
}
#tip #content-main .module h2
{
  border-bottom: 1px solid;
  margin-top: -2px;
  padding-bottom: 8px;
}
#how-tip-done .entry-title
{
  margin-bottom: 5px;
}
blockquote.entry-content
{
  border-bottom: 0;
  margin-bottom: -6px;
}
#how-tip-done .totals
{
  width: auto;
}
#how-tip-done .totals li
{
  display: inline;
  padding: 0;
}
#how-tip-done li.thumbs-up
{
  background: transparent;
  display: block;
  padding: 6px 0 0;
}
#how-tip-done .thumbs-up a
{
  margin-left: 15px;
  padding-left: 13px;
}
#upload-tip-photo
{
  position: absolute;
  top: 2px;
  right: 0;
}
#create-a-tip a img
{
  display: block;
  margin: 0 auto;
  width: 161px;
}

/* ==Emitters Dialog */
.dialog
{
  position: absolute;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  border-radius: 5px;
  width: 465px;
}
.dialog .close
{
  width: 14px;
  height: 14px;
  position: absolute;
  top: 14px;
  left: 12px;
  z-index: 1001;
}
.dialog .header,
.dialog .item
{
  padding: 14px 10px 10px 32px;
  width: auto;
  overflow: hidden;
}
.dialog .header
{
  -moz-border-radius: 5px 5px 0 0; 
  -webkit-border-top-left-radius: 5px; 
  -webkit-border-top-right-radius: 5px; 
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid;
}
.dialog .item
{
  padding-top: 0;
  border-bottom: 1px dotted;
}
.dialog .header span,
.dialog .item span
{
  float: left;
}
.dialog .header .activity
{
  float: none;
}
.dialog .header .title
{
  width: 60%;
}
.dialog .item .title
{
  width: 20%;
}
.dialog .item .desc
{
  width: 40%;
}
.dialog .get-offset
{
  width: 39.99%;
}
.dialog .get-offset input
{
  margin: 0;
  vertical-align: top;
}
.dialog .buttons
{
  padding: 0 15px 15px;
  text-align: right;
  margin: 15px 0 0;
}
.dialog .buttons a
{
  float: left;
}
.dialog form p
{
  margin: 0;
  text-align: right;
}
.dialog form {
  padding: 0 15px 15px;
}
.dialog form .radio-group,
.dialog form .recurrence,
.dialog form .photo
{
  position: relative;
}
.dialog form .radio-group legend,
.dialog form .recurrence label,
.dialog form .photo label
{
  position: absolute;
  top: 0;
  left: 0;
}
.dialog form .photo label
{
  top: 0.33em;
}
.dialog form .radio-group ul,
.dialog form .photo input,
.dialog form .photo p,
{
  margin: 0 0 0 100px;
}
.dialog form .recurrence input {
  margin: 0 0 0 200px;
}
.dialog form .recurrence label {
  display: inline;
}
.dialog form .photo p {
  text-align: left;
  border-top: 1px dotted;
  margin-top: 8px;
  padding-top: 5px;
}
.dialog form .radio-group ul
{
  margin-top: -1.45em;
}
.dialog form .radio-group ul li
{
  margin-right: 2em;
}
.dialog form li
{
  margin-bottom: 15px;
}
.dialog form input[type=text],
.dialog form textarea
{
  width: 100%;
  max-width: 100%;
  margin: 5px 0;
}
.dialog form textarea
{
  height: 12em;
}
.dialog p.counter
{
  text-align: left;
}

/* =Public Profile */
#profile.public .people .adr
{
  margin-bottom: 8px;
}
#user-advice .button
{
  margin-left: 5px;
}
.advice-requested ul.tools
{
  margin: 0;
}
#user-advice .hentry
{
  padding-bottom: 0;
}
#user-advice blockquote
{
  margin-top: 5px;
}
#user-search
{
  position: relative;
}
#user-search li
{
  padding-bottom: 10px;
}
#user-search label
{
  padding-bottom: 3px;
}
#user-search input
{
  width: 430px;
}
input#SearchZip
{
  width: 100px;
}
#user-search button
{
  position: absolute;
  bottom: 13px;
  right: 10px;
}

/* =Form Pages */
#login h1,
#registration h1,
body.form h1 {
  margin-left: -15px;
  margin-right: -15px;
  width: auto;
}
#registration #content-main {
  margin: 0 -15px;
  padding: 0 15px;
  width: 720px;
}
#registration-form > fieldset > legend {
  padding-bottom: 20px;
}

 #registration-form input[type="text"],
 #registration-form input[type="password"] {
  width: 255px;
   border: solid 1px #999;
}
 #registration-form #recaptcha_response_field {
   border-color: #999 !important;
   font-size:20px !important;
   width:255px !important;
   font-family:"Helvetica Neue",Arial,sans-serif !important;
 }

#registration-form input[type=radio],
#registration-form input[type=image]
{
  width: auto;
}
#registration-form .month input,
#registration-form .day input {
  width: 2em;
}
#registration-form .year input {
  width: 4em;
}
#registration-form label em,
#registration-form label strong {
  left: 460px;
}
#registration-form label abbr {
  display: none;
}
#registration #content-sub {
  float: right;
  margin: 0;
  width: 160px;
}
#registration #content-sub h2 {
  margin: 0 0 5px;
  padding-right: 20px;
}
#registration #content-sub ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#registration #content-sub li {
  padding-bottom: 10px;
}

/* =Search Results */
#search-results #content-main,
body.wide-narrow #content-main {
  margin: 0 -15px;
  padding: 0 15px;
}
body.wide #content-main {
  margin: 0 -15px;
  padding: 0 35px;
  width: 870px;
}
body.wide ol li {
  margin:15px;
}
#search-results h1,
body.wide-narrow h1 {
  margin: 2px -15px 10px;
  width: auto;
}
body.wide h1 {
  margin: 2px -35px 10px;
  padding: 0 35px;
  width: auto;
}
#result-details {
  margin-bottom: 20px;
}
#result-details p {
  margin: 0 0 4px;
}
#result-details ul {
  margin: 0;
  padding: 0;
}
#result-details ul:after
{
  content: '.';
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
}
#result-details li {
  border-left: 1px solid;
  float: left;
  list-style: none;
  margin-left: 7px;
  padding-left: 7px;
}
#result-details li:first-child {
  border: 0;
  margin: 0;
  padding: 0;
}
#search-results .module {
  margin: 0 0 20px -15px;
  padding: 0 0 0 15px;
  width: auto;
}
#search-results .collapsible h2 {
  border-bottom: 1px solid;
  padding: 0 0 5px 30px;
  margin: 0 -15px 12px;
}
#search-results .module h2 span {
  margin-left: 0;
}
#search-results .cta {
  min-height: 0;
  border: 0;
  margin: 0;
  padding: 2px 0 0;
}
#search-results .cta a {
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  border-radius: 5px;
  display: block;
  line-height: 2;
  text-align: center;
}
#search-results .offset {
  float: none;
  margin: 0;
  display: block;
}
#search-results .offsets p {
  margin: 0;
}
#search-results #content-sub,
body.wide-narrow #content-sub {
  float: right;
  width: 240px;
  padding-top: 17px;
}
#search-results #content-sub h2,
body.wide-narrow #content-sub h2 {
  margin-bottom: 25px;
}
#search-results .collapsed {
  margin: 0 0 10px -15px;
}
#search-results .collapsed h2 {
  border: 0;
  margin-bottom: 0;
}
#search-results .collapsed ol {
  position: absolute;
  left: -999em;
}

/* =Your Footprint */
.your-footprint h1
{
  margin: 0 -15px;
  padding: 0 15px;
  border-bottom: 3px solid;
}
.your-footprint h1 em
{
  margin-left: 1em;
}
.your-footprint .intro {
  padding: 15px;
  margin: 0 -15px;
  width: 910px;
  overflow: hidden;
}
.your-footprint .intro p
{
  margin: 0;
  float: left;
  width: 60%;
}
.your-footprint .intro .usage {
  float: right;
  width: 36%;
}
.your-footprint .tonnage-meter
{
  float: left;
}
.your-footprint .intro .usage .confidence
{
  margin: 0 0 0 180px;
}
.your-footprint .total
{
  width: 100%;
  overflow: hidden;
  margin-top: 15px;
}
.your-footprint .total p
{
  float: left;
  width: 60%;
}
.your-footprint .total .add-to-cart
{
  float: right;
  width: 34.5%;
}
.add-to-footprint p.intro,
.add-to-footprint form.multistep
{
  width: 600px;
}
.add-to-footprint form li p.buttons
{
  margin-left: 190px;
}
.add-to-footprint form p a.back,
.add-to-footprint form p a.skip
{
  float: left;
  margin: 10px 0;
}

/* =Tonnage Meter */
.tonnage-meter
{
  width: 169px;
  height: 41px;
  line-height: 41px;
  position: relative;
  overflow: hidden;
}
.tonnage-meter .amount
{
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.52em;
  padding-right: 110px;
}
.tonnage-meter .prev
{
  margin-top: -1.5em;
}
.tonnage-meter .next
{
  margin-top: 0.4em;
}

/* =Breadcrumbs */
ul.breadcrumbs
{
  margin: 1em 0;
}

ul.breadcrumbs li
{
  list-style: none;
}
ul.breadcrumbs li.separator
{
  margin: 0 0.25em;
}

/* =Multistep Form */
form.multistep > ul > li
{
  padding: 5px 15px;
  margin: 0 -15px;
}
form.multistep > ul > li
{
  border-top: 1px solid;
}
form.multistep fieldset
{
  position: relative;
  padding-left: 190px;
  width: 410px;
}
form.multistep legend span
{
  position: absolute;
  width: 10em;
  top: 0;
  left: -190px;
}
form.multistep p.question
{
  margin: 1.5em 0 0 -190px;
  float: left;
}
form.multistep .closed p.question
{
  float: none;
  margin: 0;
}
form.multistep .closed p.question
{
  text-indent: 0;
}
form.multistep .closed p.question strong
{
  position: static;
}
form.multistep ul.side-by-side
{
  margin: 0.5em 0 0;
}
form.multistep ul.side-by-side li
{
  width: 49%;
  float: left;
  margin-bottom: 0.5em;
  margin-right: 0.99%;
}
form.multistep ul.side-by-side label
{
  float: left;
  min-width: 30%;
}
form.multistep ul.side-by-side input[type=text],
form.multistep ul.side-by-side select
{
  max-width: 69%;
}

/* ==Definition lists */
dl.details dt {
  float: left;
  width: 150px;
  font-weight: bold;
}
dl.details dd {
  margin: 0 0 12px 0;
}
dl.details dd.block {
  clear: left;
  border-top: 1px solid silver;
  margin: 0 0 21px 0;
}

/* ==Pagination */

.pagination
{
  border: none;
	padding: 16px;
	height: 14px;
  clear: left;
}
.pagination a, .pagination .current {
  margin: 0 5px 0 0;
}
.pagination .current {
  border: 1px solid silver;
  padding: 5px;
  font-size: 14px;
}

.activities .pagination span, .activities .pagination a {
  display: none;
}

.activities .pagination .prev_page, .activities .pagination .next_page {
  display: inline;
}

/* ==Account settings */
.edit-user .marginalia, .search-users .marginalia {
  position: absolute;
  top: 54px;
  right: 0;
  width: 180px;

}

.edit-user #share h4 {
  margin-top:28px;
}

.edit-user #share p, .edit-user #share textarea {
  margin-left:20px;
}

.edit-user form#personal ul li label em {
  width: 50px;
}

.edit-user .marginalia #linkback_start {
  padding: 0 0 9px 0;
  margin: 0 0 9px 0;
  border-bottom: 1px solid silver;
}

.edit-user .marginalia #linkback_start a, .edit-user .marginalia #linkback_complete {
  display: block;
  padding: 0 0 5px 30px;
  background: url(images/icons/cards.png) no-repeat;
}

.edit-user form#personal ul li label span {
  display: none;
}

/* ==General purpose */
.fineprint {
  color: silver;
}

.obvious {
  display: none;
}

pre.embed {
  border: 2px gray inset;
  padding: 10px;
  font-family: monospaced;
  margin: 10px 0 0;
  display: block;
  overflow: auto;
}

/* ==Errors */

.fieldWithErrors label {
  color: red;
  font-weight: bold;
}

.fieldWithErrors input[type=text], .fieldWithErrors textarea {
  background-color: #eee;
  border-color: red;
}