html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
html, body {
    height: 100%;
    width: 100%;
}
body {
    background: none repeat scroll 0 0 #3b3b3b;
    color: #3b3b3b;
    font: 13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
}
/* MASTHEAD */
.masthead {float:left; width: 49%;}
.masthead h1 {
  font-size:4em;
  letter-spacing:6px;
  font-weight:normal;
  color:#fde230;
  line-height:0.9em;
}
.masthead h1 a {
    color:#fde230;
    text-decoration:none;
}
.masthead {width:240px;}
.masthead .logo { height: 71px; width:260px; background: url("/images/website_logo_mid_type.png") no-repeat; background-size: 260px; }


.masthead-tagline {font-family:georgia, serif; font-size:13px; color:#fff; letter-spacing:4px; margin-left:3px;}

.trial-banner { text-align: center; padding: 5px; color: #f7f7f7; }
.trial-banner a { color: #FFF566; font-weight: bold; }
.trial-banner a:hover { color: #fff; }


h4 {color:black; font-size:13px; font-weight:bold; margin-bottom:0;}

.clear {clear:both;}
.pullquote {
  padding:10px;
  float:right;
  width:250px;
  margin-top:10px; margin-bottom:10px; margin-left:20px;
  border-top-width:2px; border-bottom-width:2px;
  border-top-style:solid; border-bottom-style:solid;
  border-top-color:#694e1c; border-bottom-color:#694e1c;
  font-size:21px; line-height:1.25em;
  text-align:left;
  font-style:italic; font-weight:normal;
  }
ol {margin-bottom:0;}
.right {float:right;}


li {margin:0;}
.center {text-align:center;}

.header h2 a:hover {text-decoration:underline;}
.header span.days {float:left;}
.header span.control a,
.header span.days a {color:#fff566;}
.header span.control a {padding:0; border:none;}

.orange {color:#f89406;}
.blue {color:#125bca;}
.green {color:#00ad00; color:rgba(57,180,74,1);}
.red {color:#ca1212;}


.content {background:#FFF; padding-top:20px; padding-bottom:20px;}

.nav ul {list-style:none; margin-bottom:10px;}

.nav li {float:left; font-weight:bold; margin:0 0 -1px 10px;}
.nav li.current,
.nav li.current a {color:#dae3e7; text-decoration:none;}

.nav li a {color:white; text-decoration:none;}
.nav li a:hover {text-decoration:underline;}
.nav-tabs > li > a {
  margin-top:1px; padding-top:0; padding-bottom:0;
  line-height:36px;
  color:#125bca;
  }

.nav > .container_16 {padding-top:10px; padding-bottom:10px;}
.main-nav ul {
 position:absolute;
 right:0;
 bottom:0;
}

.main-nav {position:relative; width: 52%; float:right; height:40px;font-weight:bold;}
.main-nav li { float:left; display:block; margin:0 0 0 15px;}
.main-nav li a {color:#3b3b3b; text-decoration:none;}
.main-nav li a:hover {color:#000;}

#left-column section {}
#left-column section:last-child {margin-bottom:0;}

#add-data-section-container ul.nav.header {margin-bottom:0;}
#road-dial-tab.tab-pane {margin-top:18px;}
#road-dial-tabs.nav {margin-bottom:0;}


/* Datapoints section */
#datapoints {margin-bottom:20px;}
#datapoint_sort {width:120px;}
#datapoints .header {
  border-radius:12px 12px 0 0; -moz-border-radius:12px 12px 0 0; -webkit-border-radius:12px 12px 0 0;
  background:#bfbfbf;
  padding:5px;
  }
#datapoints li span {font-size:12px; color:#bfbfbf; margin-bottom:0;}
#datapoints ul {list-style:none;}
#datapoints li {list-style:none; padding:5px; margin-left:0; border:1px solid #bfbfbf;}
#datapoints li:hover {font-weight:bold; background:#f7f7f7;}

a.new-goal {padding:0.8em 1.5em;}
.imglink {display:inline-block;}

.user-profile {position:relative;}
.user-profile-b {text-align:center;}
.edit-avatar {opacity:0; color:black; position:absolute; bottom:1em; vertical-align:bottom;}
.user-profile:hover .edit-avatar {opacity:1;}
.avatar {width:100px; border-radius:10px;}

div.graph {position:relative; text-align:center;}
.graph img.active.thumb {width:200px; height:132px;}
div.graph a.close {
  position:absolute;
  top:2px; right:11px;
  display:none;
  width:16px; height:16px;
  opacity:0.2;
  filter:alpha(opacity=20); filter:"alpha(opacity=20)";
  }
div.graph a.close:hover {opacity:0.5; filter:alpha(opacity=50); filter:"alpha(opacity=50)";}

div.goal_blurb {margin:0 6px;}
#right-column {float:right;}
div.grid_12.alpha.omega.goals {padding-left:1px;}
#goals #goals-archive {border-top:2px solid gray;}
#goals .archive .more {margin-top:20px;}


#goal-box {font-size:14px;}
.content-container,
#goal-box-content {box-shadow:1px 1px 7px -2px #3b3b3b inset;}
.content-container.frozen {box-shadow:0 0 8px 1px #da4f49 inset;}
#goal-box-content .goal-status {background:#e3e3e3; box-shadow:inherit; overflow:hidden;}

.content-container.oauth div {margin: 1em;}
.btnform input.btn { margin: 1em; }

.goal-status .pledge-wrapper {height:36px; width:100%; position:relative; text-align:center;}
.goal-status .pledge-wrapper p.current-pledge {font-size:18px;}
.goal-status .pledge-wrapper a.short-circuit {position:absolute; right:10px; top:0;}
.goal-status .pledge-wrapper input.small-button[type="submit"] {position:absolute; left:0; top:0;}
.goal-status .new-data {padding:0;}


#goal-box .content-container {background-color:#fff; margin-bottom:13px;}

.header .control {position:absolute; right: 10px; top: 0px;}
.header .control .settings.current {display:none;}
.control .white {color:#f3f3f3;}

button.icomoon {
  background:none;
  border:none;
  font-size:inherit; line-height:inherit;
  vertical-align:top;
  }
button.icomoon:focus {outline:none;}

.header h2 .settings > a {text-decoration:none; color:inherit; font-weight: bold; }
.control .settings {float:left;}
.control .settings.disabled [class^="moon-"]:hover {text-shadow:none; color:#f3f3f3;}
.control [class^="moon-"]:hover {
  color:#fff; text-shadow:0 0 3px rgba(150,150,150,1); text-decoration:none;}
.control .settings {text-decoration:none; height:26px; margin:5px 0 5px 10px;}
.control .settings span[class^="moon-"] {font-size:26px;}

.header .tabs {font-size:26px; line-height:36px; font-weight:normal;}

.header .tabs ul {display:block; clear:both; position:absolute; top:6px; left:2px;}
.header .tabs ul li,
.control ul li {float:left; padding:0; list-style:none outside none;}
.header .tabs ul li a,
.control ul li a {
  text-decoration:none;
  color:#ddd; background:#000;
  padding:2px 6px 2px 6px;
  margin-bottom:2px; margin-left:3px;
  }
.header .tabs ul li a i,


/* GRAPH HEADER */


#goal-box div.main.graph img#graph-image {padding:10px 0 0 0; width:696px; max-height:452px;}
#goal-box div.main.graph img#infinibee {width:100px; margin-top:140px;}
#goal-box.hist div.main {margin-top:20px;}
#goal-box.hist p {font-size:16px; margin-bottom:1em;}
#goal-graph.about-to-update {opacity:0.4; filter:alpha(opacity=40);}
#goal-graph.updating p {text-align:center;}
#goal-graph.updating .overlay {
  position:absolute; left:2px; top:2px; right:2px; bottom:0;
  opacity:0.8; filter:alpha(opacity=80);
  background:white;
  }
#goal-graph .beetad3{ position:absolute; left: 5px; top: 5px }
#goal-graph .beetad3:hover { color: red; }

.goal .graph .overlay {
  position:absolute; left:2px; top:0; right:2px; bottom:0;
  opacity:0.8; filter:alpha(opacity=80);
  background:white;
  }

.archived {opacity:0.7;}
#goals-archive,
#goals-active {padding:0;}
#goals-active .goal .graph .overlay img {
  width:100px;
  position:absolute; top:30px; left:56px;
  }

.progsum {
  padding:2px;
  text-align:center;
  width:98%;
  /* this width is important -- there are some corner cases where the browser was winding up with an extra pixel in the progress bar and overflowing the completed text on the progbar. beware to change. */
  margin-top:1px;
  }

.progsum .sum {
  margin-top:1px;
  height:24px;
  text-align:center; white-space:nowrap;
  overflow:hidden; text-overflow:ellipsis;
  }
.progsum .done {height:24px; float:left;}
.progsum span.summary {width:100% font-size:10px; display:none;}
.progsum .togo:hover span.summary,
.progsum .done:hover span.summary {display:block;}
.progsum .togo {background:#ccc; height:24px; float:left;}


div.tooltip {padding:3px; font-size:13px;}


/* SIDEBAR WIDGETS */
.sidebar ul {margin:0 4px;}
.sidebar ul li {list-style:none; margin-bottom:5px; font-size:1em;}
.sidebar li span {
  display:inline-block; position:relative; overflow:visible; white-space:nowrap;}
.sidebar li span.label {
  font:9px sans-serif; [if Gecko] font-size:8px;
  width:56px;
  display:inline-block;
  position:relative;
  padding:0 4px 0 0;
  vertical-align:middle;
  color:black; background-color:inherit;
  text-shadow:none;
  }
.sidebar table { margin-top: 2px; width: 100%;}
.sidebar table td.check { text-align:center; }
.sidebar table thead {font:9px sans-serif; border-bottom: 1px dotted black;}
tr.red, tr.orange, tr.blue, tr.green {font-weight:bold;}

.sidebar#goal-stats span.label{ width: 85px; }

#myModel.modal .modal-body {max-height:450px;}
#myModel.modal .modal-body img {height:410px; padding:15px;}

#goal-science #body {text-align:center; position:relative;}

#goal-science #body .overlay {background:rgb(254,201,7); opacity:0.65; filter:alpha(opacity=65);}
#goal-science #body .overlay strong {position:absolute; bottom:30px; left:0; right:0;}
#goal-science h3 {font-weight:bold; font-size:14px; margin:0.5em 0 0.2em 0;}
label.after-label {position:relative; display:inline-block; vertical-align:middle;}

#goal-user .user-info {float:left; margin-left:10px;}
#goal-user p {margin:0;}

.userinfo {
  color: white;
  text-align: right;
  font-size: 10px;
  margin-right:5px;
  margin-top:20px;
}
.userinfo a{
  color: white;
  text-decoration: none;
}
.userinfo a:hover {
  text-decoration: underline;
}
.control-group.h2 label{ font-size: 1.2em; }
.control-group.h2 label.control-label{ font-weight: bold; text-align:left; width:280px; }

li.legend {padding-left:36px; padding-top:5px; min-height:28px; cursor:default;}
.dot-color {float:left; width:55px; font-weight:bold;}
li.legend .hide {
  display:none;
  line-height:1em; font-size:1em;
  width:110%;
  position:relative; left:-28px;
  margin:1em 0 1em 0;
  }
li.blackdot {background:url(/images/iamlegend_03.png) no-repeat;}
li.pinkdot {background:url(/images/iamlegend_06.png) no-repeat;}
li.purpleline {background:url(/images/iamlegend_08.png) no-repeat;}
li.turqswath {background:url(/images/iamlegend_10.png) no-repeat;}
li.ybr {background:url(/images/iamlegend_12.png) no-repeat;}
li.akhorizon {background:url(/images/iamlegend_14.png) no-repeat;}
li.yellowlines {background:url(/images/iamlegend_16.png) no-repeat;}


/* END SIDEBAR WIDGET */
.clarify,
li .clarify {padding:4px; font-size:9px; color:#a1a1a1; cursor:default;}
span a.clarify,
li span a.clarify {padding-top:6px; font-size:1em;}
a.clarify:visited,
a.clarify {color:#a1a1a1; text-decoration:none;}
li.legend:hover .clarify,
li.legend .clarify:hover {color:#111; text-shadow:#555 0 0 5px; font-weight:bold;}



/* FLASH STYLING */
#flash-ie,
#flash {max-width:940px; margin:auto; position:relative;}
#flash-ie a {position:relative; z-index:10;}
.flash_container {
  border:1px solid #959595;
  padding:1em;
  margin-bottom:20px;
  font-size:16px; text-align:center;
  }
.oauth2-clients p,
.flash_container p {font-size:16px; line-height:24px; margin:1em 1em 0 1em;}
.flash_container #kitteh {margin:1em;}
#flash-alert, div.errors, ul.errors, ol.errors {
  list-style:none;
  border:1px solid red;
  background-color:rgba(255,0,0,0.5);
  padding:1em;
  }
#flash-alert .header {background:red;}
#flash-warning .header {background:red;}
.flash_container.frozen a {color:white; font-weight:bold; text-decoration:underline;}
.flash-notice {
  color:white;
  background-color:#49afcd;
  background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);
  background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));
  background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);
  background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);
  background-image:linear-gradient(top,#5bc0de,#2f96b4);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',endColorstr='#2f96b4',GradientType=0);
  border-color:#2f96b4 #2f96b4 #1f6377;
  border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  filter:progid:dximagetransform.microsoft.gradient(enabled=false);
  }
.flash-success {
  color:white;
  text-shadow:0 -1px 0 rgba(0,0,0,0.25);
  background-color:#5bb75b;
  background-image:-moz-linear-gradient(top,#62c462,#51a351); background-image:-ms-linear-gradient(top,#62c462,#51a351); background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351)); background-image:-webkit-linear-gradient(top,#62c462,#51a351); background-image:-o-linear-gradient(top,#62c462,#51a351); background-image:linear-gradient(top,#62c462,#51a351); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',endColorstr='#51a351',GradientType=0); border-color:#51a351 #51a351 #387038; border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); filter:progid:dximagetransform.microsoft.gradient(enabled=false);}
.flash-error {
  color:white;
  text-shadow:0 -1px 0 rgba(0,0,0,0.25);
  background-color:#da4f49;
  background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);
  background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));
  background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);
  background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);
  background-image:linear-gradient(top,#ee5f5b,#bd362f);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#bd362f',GradientType=0);
  border-color:#bd362f #bd362f #802420;
  border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  filter:progid:dximagetransform.microsoft.gradient(enabled=false);
  }
#flash-ie a.close:visited,
#flash-ie a.close,
#flash a.close:visited,
#flash a.close {color:#fff; text-shadow:0 1px 0 #bbb; opacity:0.8; margin-right:4px;}
#flash-ie a.close:hover,
#flash a.close:hover {opacity:1;}


div.example {margin:1em 0 2em 0; padding:20px 10px 10px 10px; overflow:auto; background:#f7f7f7;}
div.float {float:left; width:50%; text-align:center;}
div.float p {color:#0f0f0f; font-size:0.9em; font-style:italic; margin:0 15px;}
div.float img {width:400px;}

div.secret {background:#e8e8e8; opacity:0.85; filter:alpha(opacity=85)}
div.admin.goals {border-top:1px black solid; border-bottom:1px black solid; padding:10px; margin:10px 0 10px 0;}


/* ADMIN FORM SETTINGS */
/* END ADMIN FORM SETTINGS */

#error_explanation h2 {color:white; margin-top:1em; font-size:1.2em;}
#error_explanation li {list-style:none;}
form h3 {font-size:1em; color:#9f9f9f;}
form.mailer input[type='submit'] {letter-spacing:1px;}
form.new_goal {font-size:14px;}
form.new_goal label {font-size:14px; font-weight:bold;}
form label.black {color:black; font-weight:bold;}
form.new_goal input#goal_slug {padding:5px 5px 5px 3px; width:182px;}
form.new_goal span.url {padding:2px 0 3px 0; text-align:right; font-size:16px; font-weight:normal;}

form.new_goal fieldset,
form.edit_goal fieldset,
form.edit_datapoint fieldset,
form.datapoint_new fieldset {border:none; margin-bottom:10px;}
form.edit_datapoint fieldset {background:#F2F2F2; padding:10px 0;}

form.new_goal fieldset:last-of-type,
form.edit_goal fieldset:last-of-type,
form.edit_datapoint fieldset:last-of-type,
form.datapoint_new fieldset:last-of-type {margin-bottom:0;}

form.new_goal ol li,
form.edit_goal ol li,
form.edit_datapoint ol li {
  background:#F2F2F2;
  border-color:#F2F2F2; border-style:solid; border-width:2px;
  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
  line-height:30px; list-style:none;
  padding:5px 10px;
  margin-bottom:2px;
  }
form.datapoint_new ol li {background:#eee;}
form.datapoint_new h3 {color:#000;}
form.datapoint_new ol li.frozen {background:#fff; font-size:16px;}
form.datapoint_new ol li.kyoom {background:#eee;}
form.datapoint_new ol li span a:hover {text-decoration:underline;}

li.autogenerated {padding:10px;}

form.mailer ol ol li,
form.new_goal ol ol li,
form.edit_goal ol ol li,
form.edit_datapoint ol ol li,
form.datapoint_new ol ol li {background:none; border:none; float:left;}
form select {font-size:1em;}
form span.select {width:230px; margin-left:0;}
/* originally:form input[type=radio] and no form select */
form input[type=radio],
form input[type=checkbox],
form input[type=text],
form input[type=email],
form input,
form select {position:relative; margin-left:10px;}
#email_goal_fields input { margin-left:0px; }
div.archive-link form input#goal_submit {margin:0;} /* hack to work around line "form input," up there */
form label.radio_label {
  width:auto;
  position:relative;
  float:none;
  margin-right:0.5em;
  display:inline;
  margin-left:5px;
  font-size:14px;
  }
span.radio_right {margin-left:5px; font-size:14px;}
.input-mini.days {width:30px;}

.field_with_errors {display:inline}
input.error, form input.field_with_errors, form .field_with_errors input {border:1px solid red;}
form label.error, form .field_with_errors label {color:red;}
form.datapoint_new input[type=radio],
form.datapoint_new input[type=checkbox],
form.datapoint_new input[type=text],
form.datapoint_new input[type=email],
form.datapoint_new input,
form.datapoint_new select {margin-left:inherit; font-size:16px;}
form.datapoint_new.newbee .form-group {float:left;}

#datapoint_newbee .form-group .input-below {width:70px;}
#datapoint_newbee .form-group .input-below i[class^="moon-"] {font-size:11px;}
.form-group .input-below input {margin-bottom:0;}
form.datapoint_new .form-group input#comment {width:350px;}
.datapoint_new #date-dropdown a.dropdown-toggle {
  width:125px;
  font-size:16px; text-align:left;
  padding:4px 10px;
  }

.datapoint_new #date-dropdown ul.dropdown-menu {font-size:16px;}
.datapoint_new #date-dropdown ul.dropdown-menu li {padding-left:10px; width:125px;}
.datapoint_new #date-dropdown a {width:100px; font-size:16px;}
/* for newbee/oldbee data tab! */
div.tab-pane form.datapoint_new {margin:0 1em 1em 1em;}

#oldbee textarea#datapoints_text {width:98%; font-size:16px;}

fieldset.new_data_goal_page {padding:1em; font-size:13px;}
fieldset.new_data_goal_page .recent-data > span {font-weight:bold; color:#555555;}
fieldset.new_data_goal_page ol li {display:block; overflow:hidden;}
fieldset.new_data_goal_page ol li ol li {width:650px}


form fieldset ol li span {margin-left:10px; display:inline-block; font-size:0.9em; line-height:1.5em;}
.recent-data ol li span {margin:0; font-size:1em; white-space:nowrap; overflow:hidden;}
.all-data {float:right; font-size:15px; padding-right:5px; line-height:29px;}

form fieldset ol li span.note {width:250px; float:none; display:inline-block;}
form fieldset ol li span.explanation {width:450px;}
form li.lone_checkbox input[type=checkbox],
form li.lone_checkbox div {float:left;}

form input[type=text]:disabled {background:#e1e1e1;}

.standard-form label {
  float: left;
  font-size: 13px;
  font-weight: bold;
  width: 140px;
  color:#717171;
  margin-bottom:5px;
}
fieldset.standard-form table th { text-align:left; vertical-align:middle; width:140px; }
fieldset.standard-form ol {list-style:none;}
fieldset.standard-form li {padding:10px 5px; margin-left:20px;}
.small, fieldset.standard-form li.small input[type=submit] {font-size:0.9em;}
.xsmall {font-size:0.7em;}

fieldset.standard-form table td {padding:10px 5px; margin:0; vertical-align:top;}
fieldset.standard-form input[type=file] {border:none; background:none; padding:0;}

.datapoint_new ol li ol {margin-bottom:0;}
.datapoint_new ol li ol li {float:none; padding:4px 7px 2px 7px; width:450px;}
.datapoint_new table {margin-bottom:2px; line-height:1.2em;}
.datapoint_new label,
.datapoint_new textarea,
.datapoint_new {color:black; padding-bottom:5px;}
.datapoint_new span.new_data {margin-top:8px;}


/* CONTACT MAILER FORM */
.contact input, .contact p, .contact label{
  font-size: 18px;
  font-weight: 200;
  line-height: 28px;
}
.contact p {
  margin-bottom:12px;
}
form.mailer.contact {
  margin-bottom: 20px;
}
form#contact.mailer ol li {
    display: block;
    list-style: none outside none;
    overflow: auto;
    font-weight: bold;
}
.mailer.contact ol {margin-bottom:0;}
form.mailer.contact {font-size:1em; margin-bottom:20px;}
form#contact.mailer textarea,
form#contact.mailer input,
form#contact.mailer label {/*font-size:1em;*/}
form#contact.mailer ol li {/*list-style:none; display:block; overflow:auto;*/}

/* END CONTACT MAILER */

form li span.tiny {font-size:0.8em; color:white;}
form li.right > input {float:right; overflow:none;}

form li .alert { line-height: 1.5em; color: #8a6d3b; }

#goal_text_remind, #goal_remind {margin-left:10px;}
form ol li.weekdays {width:25px; padding:0;}
form.new_goal ol li.weekdays {width:100px;}
.email_settings form input.goal_weekdays,
form input.goal_weekdays {float:left;}
form li span.what {display:none; float:right; width:15px; z-index:2; margin-top:-25px;}
ol.goal_weekdays li span {float:left; width:10px; margin-top:8px; font:13px;}
form.new_goal ol li ol li.weekdays label {width:60px;}
form ol.goal_weekdays input[type=checkbox] {margin:0 15px 0 0;}
#beeminder-money-form {display:none;}
a#new-card-info {text-decoration:underline;}
form.contracts div.form-row {line-height:2em;}
form.contracts div.fineprint {display:none;}
form.contracts textarea {width:440px; height:220px;}
form.edit_user label.error,
form.contracts label.error {color:red; float:right;}
form.edit_user input.error,
form.contracts input.error {border-color:red;}
form li.goal_type_case span {width:440px;}
div.form-row span.currency {margin-left:-8px;}
div.form-row input:disabled {border:none; vertical-align:top;}
div.form-row span.explanation {
  vertical-align:center;
  display:inline-block;
  max-width:360px;
  font-size:0.9em; line-height:1.4em;
  }

form fieldset h2 {font-size:1.25em;}

form ol, form ul, form li {list-style:none;}


/* ADMIN LINKS */

form.sez-form {margin:1em 0 0 1em;}

ol.sezseeds {display:none;}

/* END ADMIN LINK */

ol.goal_type_options {float:left; display:block; margin:0 10px; width:600px;}
fieldset ol li ol.goal_type_options li {float:none;}
form.new_goal .goal_type_options div.uncommon,
form.new_goal li.gtype_longwinded {display:none;}
form.new_goal li.gtype_longwinded {padding:10px 20px; line-height:1.5em; font-size:1em;}
form.reset input#goal_submit {margin-right:10px;}

div.sample-goals {margin-left:20px; font-size:1.2em;}
div.sample-goals h2 {font-size:1.2em;}
div.sample-goals ul {list-style-position:outside; margin-left:1em;}

.authentications {margin-bottom:30px;}

.authentication {
  float:left;
  background-color:#EEE;
  border:solid 1px #999;
  padding:5px 10px;
  -moz-border-radius:8px; -webkit-border-radius:8px;
  position:relative;
  margin-right:10px; margin-bottom:5px; margin-top:10px;
  height: 35px;
  }
.authentication .remove {
  position:absolute; top:3px; right:3px;
  color:#333;
  font-size:10px; text-decoration:none;
  padding:2px 4px;
  background-color: #eee;
  border:none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  transition: none;
  }
.authentication .remove:hover {color:#FFF; background-color:#777; -moz-border-radius:7px; -webkit-border-radius:7px;}
.authentication img {float:left;}
.authentication .provider, .authentication .uid {margin-left:38px; margin-right:20px;}
.authentication .provider {font-weight:bold;}
.authentication .uid {color:#666; font-size:11px;max-width:80px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}

.authentications h2 { margin-top: 60px; }
.authentications h2:first-child { margin-top: 30px; }
.services-links h3 {
  width:100%;
  clear:both;
  font-size:1.5em; font-weight:bold; text-align:center;
  padding-bottom:25px;
  }
.auth_provider {
  width: 85px;
  height: 80px;
  display: inline-block;
  margin-top: 15px;
}
a.auth_provider { text-align: center; vertical-align: bottom;}
.auth_provider img { display: block; margin: 0 auto;}
.zap::before {
  content: " ";
  background: url(/images/logo_zapier_square_32@2.png);
  background-repeat: no-repeat;
  background-size: 15px 15px;
  display:inline-block;
  height:15px;
  width:18px;
  margin-bottom:-3px;
}
.signupin-services .auth_provider { float:left; text-decoration:none; }

#goals .goals div.goal_blurb {margin-bottom:10px; height:189px;}
#goals .goals div.graph {
  text-align:center;
  margin-right:auto; margin-left:auto; margin-top:10px; margin-bottom:0;
  width:220px;
  }
#goals .goals div.goal_blurb div.info {margin:0 10px 10px 10px; width:200px;}
#goals .goals div.goal_blurb div.info p {margin:0;}
ul.email_settings {padding:0 20px; list-style:none; margin-bottom:10px;}

section#add-data-section {margin-bottom:15px;}

#road-dial-section-container {}
#road-dial-section-container a {color:clear;}
#road-dial-section-container form {}
#road-dial-section-container form.road_dial {padding:0; width:700px;}
#road-dial-section-container .road_dial .form-inline > span {}
#road-dial-section-container .road_dial .form-inline > span > span {}
#road-dial-section-container .form-inline label {padding-left:12px;}
#road-dial-section-container .retroratchet {float:right; padding:27px 10px 21px;}
#road-dial-section-container .edit_goal #goal_submit {margin:10px 5px 0 0;}

.new-data textarea.grid_7 {width:388px;}
.recent-data > ol, .new-data > ol {list-style:none; padding:5px 10px 5px 0;}
li.add-data-subheader {margin-bottom:4px;}
li.add-data-subheader {padding:5px 12px;}

.recent-data li {padding-left:5px;}
.recent-data, .new-data {position:relative;}
.recent-data strong, .new-data label {font-weight:normal; position:absolute; left:10px;}
.recent-data strong {bottom:7px;}
.new-data label {top:7px;}
.new-data textarea {padding:4px 4px 4px 6px; margin:3px 0;}

#data-export a {font-weight:bold;}
#data-export p {margin-top:0.5em;}

#uvis {font-size:16px; line-height:24px;}
#uvis p {font:inherit; margin-top:0.5em;}
#uvis ol {margin-top:0.5em;}
#uvis ol li {list-style-type:decimal; margin-left:24px; padding-bottom:0.5em;}

ol.faq {margin-top:1em;}
#faq {font-size:16px;}
#faq h1 {margin-top:2em;}
#faq p, ol.faq p {font-size:16px; margin:0 0 14px; line-height:24px;}
ol.faq li {list-style:digits;}
ol.faq ul {margin-left:1em;}
.superscript {font-size:xx-small; vertical-align:top;}
div.footnotes {margin-top:4em;}

form.edit_user {margin:10px;}
.pledge-goals {margin:10px; display:inline-block;}
.pledge-goals ul {margin:10px 0;}
.pledge-goals ul li {display:inline-block; width:100%;}
span.labelish {font-weight:bold; width:140px; display:inline-block; margin-right:10px;}
.payment-errors {clear:both;}
.left {float:left;}
.half {width:49%;}

.gradient-w {filter:progid:dxIMAGetraNsform.micRosoft.gradient(startcolOrstr='#80ffffff',endcolOrstr='#00ffffff'); background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.7)),to(rgba(255,255,255,0))); background:-moz-linear-gradient(top,rgba(255,255,255,.5),rgba(255,255,255,0));}
.yellow {background:#fde230;}
.gradient-b {
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#70000000');
  background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.2)));
  background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));
  -moz-border-radius:15px;
  }
.gradient-wb {
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#55ffffff',endColorstr='#80000000');
  background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.3)),to(rgba(0,0,0,.2)));
  background:-moz-linear-gradient(top,rgba(255,255,255,.3),rgba(0,0,0,.5));
  -moz-border-radius:15px;
  }


/* #### COUNTDOWN #### */

#countdown {padding:15px 0 30px 0; overflow:hidden; clear:both; height:45px;}
#countdown .countdown-descr {font-size:12px;}
#countdown p {text-shadow:none; text-align:center;}
#countdown a {color:white;}
#countdown.won a {margin-top:10px;}
#countdown.won, #countdown.frozen {height:75px; padding:6px; text-align:center;}
#countdown .moon-info2:hover { text-decoration: underline; }

#countdown.frozen p,
#countdown.won p {line-height:5em;}
span.countdown_descr {padding-top:5px;}

.stepdown-countdown {font-size:7px;}
span.akh-delete-countdown {font-size:7px;}
.akh-delete-countdown-wrapper {margin:12px 0;}
.akh-delete-countdown-wrapper {padding:10px;}

.stepdown-countdown-wrapper {font-size:14px;}
.countdown-wrapper { font-size: 14px; width: 200px; display: inline;}
.countdown-wrapper #deadline-countdown{ text-align: left; width: 110px; }
#deadline-countdown .countdown-row {
  font-size: 18px;
  width: 100px;
  text-align: left;
  padding:0 0 9px 0;
  vertical-align: bottom;
  line-height: 18px;
  }

/* END COUNTDOWN */

#authorized-apps li {padding:10px 0;}

.small-button, input.small-button[type="submit"] {padding:0.5em; font-size:0.5em; margin-top:2px; font-weight:bold;}

.modal > .pledgesched {text-align:center;}
#pledge-amount {position:absolute; top:8px; left:56px; width:96px; text-align:center;}
.sub-pledge {text-align:center; font-size:14px;}
.sub-pledge a.btn {position:relative; top:-10px;}
.goal-status .pledge-wrapper input.small-button.cancel-stepdown-button[type="submit"] {left:140px;}
p#rsl-1 {margin-top:-5px; height:18px; overflow:hidden;}
.calculated {background-color:#ccc;}

.tab-pane label[for='weasel_check'] a {color:#125BCA;}
.tab-pane > .tab-pane-body {padding:20px;}
.tab-pane > h3 {padding:20px; border-bottom:1px solid #e3e3e3;}
.tab-pane > .tab-pane-body > form .buttons-wrapper {margin-top:15px; text-align:right;}

.road_dial form.new_goal {text-align:center;}
form.choose-goal-type {text-align:center;}

.encourage {text-align:center;}

.hidden {display:none;}

/*
a.start-tracking {font-size:22px; padding:10px;}
*/

input.btn.short-circuit, .btn.short-circuit {
  float:left;
  font-size:55%; font-weight:bold;
  background:url(/images/caret-right.png);
  background-repeat:no-repeat;
  border:0;
  width:36px; height:20px;
  padding-left:0;
  margin-right:0;
  }
input.btn.stepdown {
  float:left;
  font-size:55%; font-weight:bold;
  background:url(/images/caret-left.png);
  background-repeat:no-repeat;
  border:0;
  width:41px; height:30px;
  padding-left:14px;
  margin-right:0;
  }
a.btn.short-circuit {color:black; margin-right:5px; font-weight:bold;}
#short-circuit-modal button {border:0; background-color:white;}
#short-circuit-modal p {padding:20px 14px;}
.commit-later {text-align:center;}
#pledge p {text-align:center;}
.withings-user-link {text-align:center;}
.withings-user-link a {float:none;}
.withings-user-link img {margin:0 auto;}
#set_up_goal {text-align:center;}
fieldset.start-flat {padding-top:10px;}
fieldset.start-flat label {float:left;}
fieldset.start-flat span.note {float:left; padding-left:10px; margin-top:-1px;}
fieldset.start-flat input {float:left; margin-top:4px;}
fieldset.safety-buffer input {margin:0 5px 2px;}
fieldset.init-value {padding-top:10px;}
.init-value label {display:inline;}
.spinning {
  background-image: url(/images/ajax-loader.gif);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: right 5px top 5px;
}
#board-url {width:500px;}
#board-url.spinning {background-position:475px 5px;}
.username-exists-warning, .username-exists-spacer {height:2em; font-weight:bold; color:red;}
.slug-warning, .general-warning, .repo-warning {height:2em; font-weight:bold; color:red;}
.road-dial-spacer {height:60px; padding-top:5px;}

#how-beeminder-works {overflow:hidden; clear:both;}
.tab-content {position:relative;}
.tab-content .overlay {
  position:absolute; left:2px; top:2px; right:2px; bottom:0;
  opacity:0.8; filter:alpha(opacity=80);
  background:white;
  z-index:10;
  }
.tab-content .overlay p {text-align:center;}
.tab-content .overlay img#infinibee {width:100px; margin-top:40px;}
.encourage {margin-bottom:10px;}

/* begin gitminder */
.github-goal-container {
  width:570px; min-height:500px;
  margin:0 auto;
  padding:15px;
  text-align:center;
  border:2px solid #888; -webkit-border-radius:5px; -moz-border-radius:5px;
  }
.new-gitminder-goal fieldset {margin:10px;}
.new-gitminder-goal input[type='radio'] {margin-top:-2px; margin-right:5px;}
.modal-header button {background-color:white; border:0;}
#github-auth-button {margin:0 auto; width:128px;}
#github-auth-button a {margin:0; font-size:14px;}
#github-auth-button a img {margin:0; margin-left:32px;}

/* end gitminder */

/*begin trello goal*/

.trello-goal-container {
  width:570px; min-height:500px;
  margin:0 auto;
  padding:15px;
  text-align:center;
  border:2px solid #888; -webkit-border-radius:5px; -moz-border-radius:5px;
  }
.trello-goal-container input#board-url {text-align:center; margin:10px;}
.trello-goal-container h3 {padding-bottom:10px;}
.new-trello-goal fieldset {margin:10px;}
#list-names {font-size:22px; height:145px; width:300px;}
.step-two-fields-container {min-height:288px;}
.ask-for-auth p {padding:20px;}
.goal-slug-error,#schedule-break-error {height:1em; color:red; font-weight:bold;}
#schedule-break-error {padding-bottom:20px;}

.infinibee-parent {position:relative;}
.infinibee-parent span.infinibee {
  position:absolute; left:2px; top:2px; right:2px; bottom:0;
  opacity:0.8; filter:alpha(opacity=80);
  background:white;
  z-index:7;
  }
.infinibee-parent span.infinibee p {text-align:center;}

#beeminder-will-track {padding-bottom:10px;}
.step-two-fields .form-inline {text-align:left; padding-left:10px;}
.new-trello-goal .step-two-fields .form-inline {text-align:center;}
.step-two-fields label[for='toggle-road-dial'] {margin-top:1px;}

.header-wrap .tagline {
  position:relative; bottom:20px; left:82px;
  clear:both;
  padding:0;
  height:0;
  }

.homepage a#start-a-goal, .homepage a#learn-more {text-decoration:none;}

/*Begin NaNoWriMo*/
.nano-goal-container {
  width:570px; min-height:500px;
  margin:0 auto;
  padding:15px;
  text-align:center;
  border:2px solid #888; -webkit-border-radius:5px; -moz-border-radius:5px;
  }
.track-method-instructions-wrapper {margin:20px;}
label.track-method {font-size:1.5em; font-weight:400;}
label.track-method.selected {font-weight:600;}
input[name="track_method"] {margin-right:0; margin-top:-6px;}
.nano-goal-container p {padding:20px 0;}
.new-nano-goal fieldset {padding:10px;}
.devise.sign-up-in {margin:15px;}
.devise.sign-up-in [class^="username-exists"] {display:none;}

/* begin fitbit */
.fitbit-landing {min-height:400px;}
.fitbit-landing .beeminder-plus-fitbit {float:left; padding-top:65px;}
.fitbit-landing .sign-up-in {float:right;}
.fitbit-landing .authorize {float:right; width:300px; padding-top:120px;}
.fitbit-landing .authorize p {line-height:1.7em; font-weight:600; font-size:1.5em;}
.fitbit-landing .authorize a {margin-top:-4px;}
.fitbit-goal-container {
  width:570px; min-height:400px;
  margin:0 auto;
  text-align:center;
  border:2px solid #888; -webkit-border-radius:5px; -moz-border-radius:5px;
  padding:15px;
  }
.fitbit-goal-container fieldset {padding:10px 0;}
.unsubscribe p {line-height:1.5em; margin-bottom:1em;}
fieldset.start-flat label {padding:0 0 0 25px;}

/* begin rescuetime */
.rescuetime-goal-container {
  width:570px; min-height:500px;
  margin:0 auto;
  text-align:center;
  border:2px solid #888; -webkit-border-radius:5px; -moz-border-radius:5px;
  padding:15px;
  }
.rescuetime-goal-container p {padding:2em 0;}
.rescuetime-goal-container fieldset {padding:0.4em 0;}
.rescuetime-goal-container a {font-weight:bold;}
.rescuetime-goal-container fieldset.error {font-weight:bold; color:red;}
.rescuetime-goal-container .error-spacer {height:2em;}
.rescuetime-goal-container .road_dial .form-inline {text-align:center;}
.rescuetime-goal-container label[for='toggle-road-dial'] {font-weight:bold;}
.rescuetime-goal-container .modal#sign-up-in .create_account .content-container {height:300px;}
#rescuetime-key {padding-right:25px; background-position:220px 5px;}

/* begin withings */
.withings-goal-container {
  width:570px; min-height:500px;
  margin:0 auto;
  text-align:center;
  border:2px solid #888; -webkit-border-radius:5px; -moz-border-radius:5px;
  padding:15px;
  }
.withings-goal-container fieldset {padding:2em 0 0em;}

.autowuss, .autowuss input, .autowuss a, .autowuss label {float:left; font-size:12px; padding:0 4px;}
.autowuss {padding:0 24px; background-position:5px 1px;}
#recent-datapoints {background:#98B5DC; Border-color:#98B5DC; pADding:15px;}

#dashboard-link {margin-top:15px;}
#quick-add-data {margin-top:15px;}
#quick-add-data #goal-name {width:100%; margin-top:8px;}
#quick-add-form #datapoint-text {width:95%; margin-top:8px;}
#quick-add-form #recent-datapoint {
  height:24px; width:100%;
  overflow:hidden;
  line-height:24px;
  padding-left:4px;
  }
#quick-add-form input, #quick-add-form select {margin-left:0;}
#quick-add-form input[type='submit'] {float:left;}
.quick-add-success, .quick-add-error {
  font-weight:bold; line-height:26px;
  color:green;
  height:26px; width:130px;
  padding-left:5px;
  float:left;
  }
.quick-add-error {color:red;}
#quick-add-form .status {float:left;}
#quick-add-form .spinning {
  float:left;
  background-image:url(/images/ajax-loader.gif); background-repeat:no-repeat; background-position:5px 5px;
  background-size: 16px 16px;
  height:20px; width:20px;
  }

#start-pledge {margin:5px 40px; color:black; width:100px;}

a#mixpanel {float:right;}

#player {
  border:2px solid #ccc; -webkit-border-radius:2px; -moz-border-radius:2px;
  height:360px; width:480px;
  margin-top:16px; margin-left:-18px;
  padding:5px;
  }

#how-beeminder-works-overlay {
  position:absolute; top:23px; left:-11px;
  opacity:0.8;
  font-weight:bold; font-size:18px;
  background-color:#EEE;
  padding:5px;
  width:100%;
  }

.new-rescuetime-goal .spinning {
  float:left;
  height:20px; width:20px;
  background-position:0 0;
  margin-top:-22px; margin-left:500px;
  }

#goal-user .time-zone {margin-left:85px;}

.missing-repo {
  font-size:11px; text-align:center;
  padding-top:6px;
  background-color:red; color:white;
  height:88px;
  }

.d3ba label {float:left; min-width:310px; font-size:1em; font-weight:bold; color:#9f9f9f;}

.header.settings {height:36px;}
.header.settings ul li a {font-size:15px; font-weight:bold; padding:9px 6px; background:transparent;}
.header.settings ul li.current a {color:white;}
.header.settings .control {left:0; top:9px;}

.subscription .active-card {padding-bottom:10px; padding-left:10px;}

#beeminder-money-form div.form-row, form.subscription div.form-row {
  background:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}

form.subscription .btn,
#beeminder-money-form.edit_user .btn, input.subscription[type='submit'] {margin-left:10px; margin-bottom:10px;}
.invoice p {font-size:16px; padding:10px;}
#short-circuit-modal p {width:90%;}
.delete_goal .btn-danger {margin-top:15px;}
form.subscription span {font-size:14px;}
h2.subscribe-header {font-weight:500; font-size:20px; padding:10px;}

#subscribe-info {padding:10px;}
#subscribe-info h3 {font-weight:200px;}
#subscribe-info p,
#subscripe-info ol,
#subscribe-info li {font-size:16px; line-height:22px; margin:0 0 12px;}
#subscribe-info ul {margin:0 10px;}
#subscribe-info li {list-style:disc;}
#subscribe-info .coupon {
  text-align:center;
  width:200px;
  padding:19px;
  margin-bottom:0 auto;
  background-color:#f5f5f5;
  border:1px solid rgba(0,0,0,0.05);
  border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
  }

.pledge-details #weasel_check {float:left; margin-left:120px;}
.pledge-details label[for='weasel_check'] {margin:auto;}

.tier {
  color:#3b3b3b;
  width:320px; height:270px;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px;
  line-height:18px;
  box-shadow:0 0 4px 2px #dddddd;
  float:left;
  margin:10px;
  }
.tier .header {
  color:white;
  padding:0 12px;
  font-size:16px; line-height:32px; text-align:right;
  }
.tier .header .name {float:left; padding-right:10px;}
.tier .perq {
  font-size:14px; line-height:22px;
  padding:10px 0;
  border-bottom:1px solid #ccc;
  margin:0 12px;
  height:42px;
  }
.tier .perq.single-line {line-height:44px;}
.tier .perq.squeeze {line-height:26px; height:26px;}
.tier .perq.squeeze:last {height:27px;}
.tier .btn.subscribe {margin-top:10px;}
.tier .subscribe-button-wrapper {text-align:center;}
.subscribe-header {font-size:20px; font-weight:bold; line-height:48px; margin-left:24px;}
p.all-perq {margin:0 32px; font-size:14px; font-weight:bold;}
.tier-row {width:100%; float:left;}

.flash-notice div.beekeeper-full {font-size:18px; text-align:center; margin:0 1em;}
.flash-notice div.beekeeper-full ul {
  margin-left:auto; margin-right:auto; margin-top:0.5em; margin-bottom:0.5em;
  text-align:left;
  display:block;
  width:200px;
  }
.flash-notice div.beekeeper-full ul li {list-style-type:disc; list-style-position:inside; width:240px;}

#discounted-rate {margin:20px 20px 0 20px;}
#discounted-rate #left-bound {float:left;}
#discounted-rate #slider {width:80%; margin:14px; float:left;}
#discounted-rate #right-bound {float:right;}
#discounted-rate #left-bound, #discounted-rate #right-bound {margin:10px 0; font-weight:bold;}

#payment-modal .modal-header button {background-color:white; border:0;}
#payment-modal .cancel {color:#444; margin-bottom:10px;}
#payment-modal .waitlist-buttons,
#payment-modal .submit-buttons {text-align:center;}
#payment-modal #confirmation, #payment-modal .active-card {font-size:15px; padding:15px;}
#payment-modal .expiry-wrapper {font-size:14px;}
.confirmation-price, .confirmation-frequency {font-weight:bold;}
#beeminder-premium-signedout {width:600px; margin:0 auto; font-size:18px;}
#beeminder-premium-signedout .header {color:white; padding:10px 20px;}
#beeminder-premium-signedout p {padding:10px 20px; font-size:15px; line-height:22px;}
.road-dial-footer {height:207px; clear:both;}
.retroratchet-form .btn.cancel {color:#333;}
.retroratchet-form p {font-size:14px; line-height:21px;}
.param-rratchet {width:20px; text-align:center; line-height:21px; margin-top:5px;}
#remove-plan-modal p {padding:16px;}
.remove-subscription fieldset {text-align:center;}
.remove-subscription .btn.cancel {color:#333;}
#goal_max_safety {width:30px;}
.tier.disabled {color:#ccc;}
.tier.disabled .header {color:#777;}
.smart-login-warning {color:red; font-weight:bold; padding:10px 25px;}
#notes_public {margin-top:1em;}

.matrix {width:100px;}
.matrix-header {padding-left:15px;}
.matrix-header div {float:left; color:black; width:123px;}
.remove-matrix-row {margin-left:10px;}
.insert-matrix-row {margin-left:10px;}
#last-fetch {font-size:1.0em;}

.todayta {opacity:0.5; float:left; margin-top:2px; padding-right:5px;}

.akh_archive {margin:10px 0 0 0;}
.akh_archive p {margin:0 10px;}

#contest-checkbox-wrapper,
#countdown-checkbox-wrapper {width:139px; margin:0 auto;}
#contest-checkbox-wrapper label,
#countdown-checkbox-wrapper label {float:left;}
#contest-checkbox-wrapper input,
#countdown-checkbox-wrapper input {float:left; margin-right:15px;}

/*
.circle {-webkit-border-radius:999px; -moz-border-radius:999px; border-radius:999px; behavior:url(PIE.htc);}
.amount {width:20px; text-align:center; float:left; font-size:10px; text-align:center;}
.arrow {float:left; font-size:20px;}
.stop {width:30px; height:30px; background:none; border:5px solid black; float:left;}
*/


/* BAREMIN HEADER */
.circle {
  border-radius: 50%;
  text-align:center;
  border: 6px solid;
  font-size:24px;
}
#status-baremin div.baremins { width:100%; margin: 5px 0px; display: inline-block; }
#status-baremin div.baremins div.thirds {float:left; width: 33%;}

#status-baremin .circle {width:30px; height: 30px; line-height: 30px;}
.thirds .circle { margin: 0px auto; }
.red    {border-color: rgb(201,32,38);}
.orange {border-color: rgb(247,148,29);}
.blue   {border-color: rgb(50, 95, 172);}
.green  {border-color: rgba(57,180,74,1); color:rgba(57,180,74,1);}

.orange.solid {background-color:rgb(247,148,29);}
.blue.solid   {background-color:rgb(50, 95, 172);}
.green.solid  {background-color:rgba(57,180,74,1);}
.red.solid    {background-color:rgb(201,32,38);}

.between {text-align:center;font-size:14px;}
.between span {display:inline-block; vertical-align:middle; line-height:14px;}
.arrow {
  background-image: url("/images/longarrow_03.png");
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: right 0px;
  width:75px;
  height: 12px;
  margin: 0px auto;
  margin-bottom:-3px;
}

#stats-delta {
  text-align: center;
  font-weight: bold;
  font-size:16px; line-height:23px;
  width: 100%;
  padding: 5px 0 0 5px;}
#stats-delta .summ div.text{width:105px; float: left;}
#stats-delta .summ:last-child {
  font-size: 0.75em;
}


/* END BAREMIN HEADER */


#road-dial-section-container .header h2 {float:left;}

#take-a-break-modal {font-size:14px;}
#take-a-break-modal input#break-rate {width:30px; margin:0;}
#take-a-break-modal input.datepicker {width:77px; margin:0;}
#take-a-break-modal .modal-buttons button {margin-top:5px;}

.modal#delete-goal form textarea {width:98%;}
.modal#delete-goal p {margin:1em 0;}

.modal-buttons {width:100%; margin:auto; margin-top:10px; text-align:center;}
#archive-goal .modal-body p, #cancel-archive .modal-body p {padding:10px;}

.beem-modal-backdrop {
  position:fixed; top:0; right:0; bottom:0; left:0;
  z-index:1040;
  background-color:#000000;
  }
.beem-modal-backdrop, .beem-modal-backdrop.fade.in {opacity:0.6; filter:alpha(opacity=60);}

#add-pledges table {width:100%; margin:20px 0;}
#add-pledges .summary {text-align:center;}

.jawbone-goal-container {
  width:570px; min-height:500px;
  text-align:center;
  margin:0 auto;
  border:2px solid #888; -webkit-border-radius:5px; -moz-border-radius:5px;
  padding:15px;
  }

form.new-jawbone-goal .road_dial .form-inline {width:200px;}
.new-jawbone-goal fieldset {padding:10px;}
#goal-prefix {position:relative; top:-11px; left:60px;}
#rate-denom {position:relative; top:-11px; right:60px;}

#pledges-container p {font-size:14px; margin:0 10px;}

.new-supporter {width:300px;}
form#supporters-form {}
.supporters-header p {margin:10px;}
.supporting {margin:10px; width:95%;}
.supporting .buttons {float:right;}


.disabled_text {color:#aaa;}

form.inline {display:inline;}

.toggleable,
label.track-method,
form.new_goal .goal_type_options .more,
a#new-card-info,
.datapoint_new #date-dropdown ul.dropdown-menu li,
div#alert_overlay .close,
#goals .archive .more,
div.graph a.close,
.clickable {cursor:pointer;} /*#! should maybe replace cursor:pointer generally with clickable*/

/* OMG tacking on new cruft to fix the old cruft. */
#pledge_cap_warning.alert {margin-bottom: 0;}
#new_cap {
  font-size:inherit;
  margin:0;
  line-height:inherit;
  vertical-align:inherit;
}


#temporary a:visited, #temporary a:focus, #temporary a {
 color:white;
 text-decoration:underline;
}

#header { background-color:#F5BD27; }
#header {
  background: rgb(254,201,7); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(254,201,7,1) 0%, rgba(234,188,7,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,201,7,1)), color-stop(100%,rgba(234,188,7,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(254,201,7,1) 0%,rgba(234,188,7,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(254,201,7,1) 0%,rgba(234,188,7,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(254,201,7,1) 0%,rgba(234,188,7,1) 100%); /* IE10+ */
  background: linear-gradient(top,  rgba(254,201,7,1) 0%,rgba(234,188,7,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec907', endColorstr='#eabc07',GradientType=0 ); /* IE6-9 */
}
#header.staging { background: #ECF146; }
.header-wrap, .hp-main-content-wrap, .featured-content-wrap {width:960px; margin:0 auto; padding: 1em 0;}
.header-wrap {padding:1em 0em;}
.featured-content-wrap{
  clear:both;
}

#buzz { background-color: #e3e3e3;}
#buzz li { float: left; padding-right: 21px; }
#buzz #lifehacker { margin-top: 15px; }
#buzz #techcrunch { margin-top: 18px; }
#buzz #forbes { margin-top: 16px; }
#buzz #spirit { margin-top: 10px; }
#buzz h2 { padding-bottom: 25px; }
#buzz #quote { font-style: italic; }
#buzz #attribution { float: right; padding-right: 16px; }
#buzz #testimonial { clear: both; padding: 25px; font-size: 20px; }
.angelchoir, .control ul li a.angelchoir,
#blog_promo a { color: #3b3b3b; text-decoration: underline;}
#blog_promo a:hover { color: #005580; }
#blog_promo { background-color: #bebebe; color: black; }
.blogpost { float: left; width: 375px; margin: 12px 0px; }
.blogpost.large { width: 550px; }
.blogpost div { padding: 0px 10px; }
.blogpost img { width: 64px; height: 64px; float: left; margin-right: 20px; border: 3px solid #3b3b3b; background-color:white; }
.blogpost.large img { width: 256px; height: 256px; }
.blogpost .post_title { font-size: 120%; font-weight: bold; }
.blogpost .post_date { text-transform: uppercase; color: #3b3b3b; }
.blogpost .post_excerpt { padding-top: 15px; }

.overview #bottom-buttons{
  text-align:center;
  margin: 40px 0;
  font: 2em;
}

.overview{
background: rgb(245,245,245); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 49%, rgba(225,225,225,1) 50%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(49%,rgba(241,241,241,1)), color-stop(50%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 49%,rgba(225,225,225,1) 50%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 49%,rgba(225,225,225,1) 50%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 49%,rgba(225,225,225,1) 50%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 49%,rgba(225,225,225,1) 50%,rgba(246,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

#hp-main-content {
color: #3B3B3B;

background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0.44, #FFFFFF),
  color-stop(0.72, #F0F0F0),
  color-stop(0.93, #FFFFFF)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 44%, #F0F0F0 72%, #FFFFFF 93%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 44%, #F0F0F0 72%, #FFFFFF 93%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 44%, #F0F0F0 72%, #FFFFFF 93%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 44%, #F0F0F0 72%, #FFFFFF 93%);
background-image: linear-gradient(to bottom, #FFFFFF 44%, #F0F0F0 72%, #FFFFFF 93%);

}

#user_goals .left_content { float: left; }
#user_goals .right_content { float: right; width: 300px; }


#hp-main-content h2 {font-size: 2.5em;margin:1em 0 0 0;}
#hp-main-content select { background-color: white; width: 340px; margin-right: 10px; }
img#examplefront{
  margin: 3em 0 1em 0;
}

#hp-main-content form.start_goal{
  margin-top:1em;
}
#hp-main-content form.start_goal input[type="submit"] {

background: rgb(57,180,74); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(57,180,74,1) 0%, rgba(44,139,57,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(57,180,74,1)), color-stop(100%,rgba(44,139,57,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(57,180,74,1) 0%,rgba(44,139,57,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(57,180,74,1) 0%,rgba(44,139,57,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(57,180,74,1) 0%,rgba(44,139,57,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(57,180,74,1) 0%,rgba(44,139,57,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39b44a', endColorstr='#2c8b39',GradientType=0 ); /* IE6-9 */


    border: 1px solid #adadad;
    border-radius: 4px 4px 4px 4px;
    text-transform: none;
    color:white;
    font-size: 1.5em;
}

div#user_goals,
div#how_beeminder_works{ clear:both; overflow:hidden;}
.bullet { float: left; width: 235px; }
.bullet .image_wrapper { height: 200px; margin: 10px 0px; }
.bullet .text { padding: 10px; text-shadow: 1px 1px white; }

.goal_tabs li { height: 130px; width: 108px; margin-bottom: 20px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;}
.goal_tabs li a { height: 100%; width: 100%; text-align: center; position: relative;}
.goal_tabs li a .text { position: absolute; top: 85px; margin: 0 auto; width: 100%;
text-shadow: 1px 1px rgb(172, 172, 172);
}
.goal_tabs li.active a .text, .goal_tabs li a:hover .text { text-shadow: none; }
.goal_tabs li.active, .goal_tabs li:hover { background-color: #4b4b4b;}
.goal_tabs li a:hover{ background-color: transparent; }

.goal_tabs li { background-position: 22px 12px; }
.goal_tabs li#health_tab{ background-image: url("/images/goal_tabs_health.png"); background-repeat: no-repeat;}
.goal_tabs li#productivity_tab{ background-image: url("/images/goal_tabs_productivity.png"); background-repeat: no-repeat;}
.goal_tabs li#fitness_and_training_tab{
  background-image: url("/images/goal_tabs_fitness_and_training.png");
  background-repeat: no-repeat;
  background-position-x: 25px;}
.goal_tabs li#learning_tab{
  background-image: url("/images/goal_tabs_learning.png");
  background-repeat: no-repeat;
  background-position-y: 20px; }
.goal_tabs li#finance_tab{
  background-image: url("/images/goal_tabs_finance.png");
  background-repeat: no-repeat;
  background-position-y: 30px;}
.goal_tabs_content {
  background-color: #4b4b4b;
  height: 140px;
  color: #fff;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px; }

.goal_tab_pane { padding:15px; clear:both; overflow:hidden; }

.goal_column { width: 160px; float: left; padding: 10px;}

.testimonial img { float: right; }


.hp-main-content-wrap {padding:2em 2em; overflow:hidden;}
.hp-main-content-wrap h1 {font-size:3.5em; font-weight:bold; margin:1em 0 0 0; }

.bee{ background:url("/images/bg-bee-96.png") no-repeat 5px 0; }
div.subhead {
  clear:both;
  min-height:96px;
  margin: 0 48px 2em 48px;
}
.subhead div.title{
  font-size:2em;
  font-weight:bold;
  text-align:center;
  line-height:48px;
  padding-left: 144px;
}

.notice-left {width:49%; float:left;}
.notice-left p {margin:1em 2em 0 0; font-size:1.2em;}
.notice-right {width:49%; float:left; margin-left:18px;position: relative;}

div#faq {
  font-size: 16px;
  line-height: 1.7em;
}
#faq li.qst { color:#10009e; line-height: 1.3em; }
#faq li.ans { padding: 0.4em 0 0.8em 0; line-height: 1.3em; }
#faq li.continue { padding: 0.4em 0; margin-left: 1.2em; }
#faq ul { list-style:none;  /* text-indent: -1.2em; */ }
#faq h2{ font-size: 1.2em; margin-top:20px;}
#faq ul li.qst:before { content: "Q: "; }
pre {
  padding: 0 0 0.4em 0;
  margin: 0 40px 0 40px;
  text-indent: 0px;
  line-height: 1.25em;
}


input[type="submit"].regular-button,
a.regular-button {
    font-size:0.8em;
    font-weight:bold;
    padding:4px 3px 4px 3px;
    border-radius:3px;
    text-decoration: none;
    color:#333;
    background:-moz-linear-gradient(top, #f7f7f7, #d7d7d7);
    background:-webkit-linear-gradient(top, #f7f7f7, #d7d7d7);
    border:1px solid #ccc;
}
a.regular-button span {padding:0 10px 0 8px;}


.featured-content-left {width:460px; float:left; margin:0 40px 0 0;}
.featured-content-right {width:460px; float:left;}

.featured-module {margin:0 0 2em 0;}
.featured-module p {margin:0 0 2em 0;}
.featured-module h3 a {color:#333;text-decoration:none;}
.featured-module h3 a:hover {color:#000;text-decoration:underline;}

.blog-entry h2 {color:#666; font-family:georgia, serif; font-style:italic; font-size:1.7em; font-weight:normal; margin:0 0 0 0;}
.blog-entry p {margin:0;}
.blog-entry p.blog-author {margin-bottom:1.5em; color:#666;}
.blog-author {color:#666;}
a.blog-title {color:#000; font-weight:bold; text-decoration:none;}
.blog-entry a.regular-button{ margin:0 0 2em 0; }
a.blog-title:hover{ text-decoration:underline; }

.separator{
-webkit-box-shadow: 0px 2px 3px -2px #888;
box-shadow:0px 2px 3px -2px #888;
}
h2.about-blurb {
color:#666;
font-family:georgia, serif;
font-style:italic;
font-size:1.7em;
font-weight:normal;
margin:0 0 1em 0;
padding-bottom:1em;
line-height:1.8em;
}
.about-us > .about-padding {
  height: 50px;
}
.about-us > .about-blurb > p {
  font-size: 16px;
  line-height: 24px;
}
.about-us > .blurb {
  float: left;
  width: 49%;
  height: 400px;
}
.about-us > .blurb > p {
  font-size: 14px;
  line-height: 21px;
}
.about-us > .blurb > div > img {
  margin-top: 2em;
}

div.content .header {
  background: #3b3b3b;/* Old browsers */
  box-shadow:2px 2px 12px -1px black inset;
  clear:both;
}
div.content .header.frozen{
  background: #da4f49;
  box-shadow: 2px 2px 12px -1px red inset;
}
.content .header h2,
.content .header h3{
  color:white;
}
.content .header h2{
  font-size: 15px;
  margin: 0 10px;
}
.content .header h3{
  font-size: 14px;
}
#goal-box .header h2 {
  margin-right: 180px;
}

#right-column .section-container .header.closed:after,
#right-column .section-container .header.open:after {
  color:white;
  font-family:"icomoon";
  position:absolute;
  right:10px;
  top:12px;
  font-size:8px;
}

#right-column .section-container .header.open:after {
  content: "\e618";
}
#right-column .section-container .header.closed:after {
  content: "\e619";
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.goal-status > li {
  margin: 0;
  width: 30%;
  font-size: 18px;
  float:left;
  padding: 12px 20px;
  height: 64px;
  list-style:none;
}



.goal-status li#status-countdown {
  padding: 0px;
  width: 32%;
}

#goal-countdown {
  width: 100%;
  font-size: 86%;
}
#goal-countdown .content-container { padding: 0px; }

.goal-status li:last-child {
  border: none;
  padding-right: 0px;
  padding-left: 6px;
}

.goal-status li .goal-dial-header {
  text-align: center;
}
.countdown-row { padding-top: 0px; }

.goal-status li .goal-dial-header label {
  text-align: center;
  font-size: 1em;
}

.goal-status .recent-data strong {
  display: none;
}

.goal-status .recent-data {
  padding-left: 0;
}

.goal-status .recent-data ol {
  width: 96%;
  margin-top: -5px;
}

.goal-status .recent-data li {
  display: block;
  font-size: 14px;
  padding-left: 5px;
  height: 18px;
  width: 100%;
  overflow: hidden;
}

#right-column #deltasum, #right-column #limsum {
  display: none;
}

.goal-status .auto-entered {
  font-size: 12px;
  text-align: center;
  padding: 5px;
}

.goal-status .pledge-wrapper p {
  font-size:14px;
}
.goal-status .pledge-wrapper form.pledgesched {
  display: inline;
}

.goal-status .min-today {
  padding: 10px 0px;
  text-align: center;
  color: red;
  font-weight: bold;
  font-size: 18px;
}

.featured-module.fbm img {float:left; margin:0 1em 1em 0; box-shadow:0px 0px 2px #777;}
p.featured-bm-name {font-weight:bold; margin:0;}
.featured-module.fbm p span {color:#666;}


/* FOOTER SECTION */
#footer_section { border-bottom: 0px; background-color: #3B3B3B; color: white; }
#footer {padding: 2em 0 4em 0; overflow: hidden;}
.copy-right {float:right;}
.footer-links {float:left; margin-right: 60px; }
.footer-links li.first {font-weight:bold; font-size: 120%; padding-bottom: 10px;}
.footer-links li a {color:white; text-decoration:none;}

.footer .container_16 {display:none;}
.footer { background:#67adcb; }
.footer > .container_16 {padding-top:10px; color:white;}
#footer {margin-top:40px;}
#footer {width:960px; margin:0 auto; padding: 1em 0 2em 0;}

/*overwrite*/
.homepage.content {padding:0;}
.homepage .container_12, .homepage .container_16 { width:auto; }

.header {
  font-weight: bold;
  position:relative;
}
.header h2 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0
}


.section-container .content-container {
  background-color: #F7F7F7;
  overflow: hidden;
  padding: 6px;
}
fieldset.standard-form { padding: 15px; }
fieldset.standard-form ol {
  list-style: none outside none;
}
form ol, form ul, form li {
  list-style: none outside none;
}
ol {
  margin-bottom: 0;
}
fieldset.standard-form li {
  margin-left: 20px;
  padding: 10px 5px;
}
form ol li {
  display: block;
  overflow: hidden;
}
ul li {
  margin: 0;
  list-style: none;
}

form input[type="submit"].delete_datapoint {
  margin:0px;
  padding: 8px 1em;
}

.container_12 .grid_6, .container_16 .grid_8 {
  width: 450px;
}

.goal-status input#datapoints_text {
  width: 150px;
  margin-right: 4px;
}


div.invoice ol li,
form.new_contract ol li,
form.mailer ol li,
form.new_goal ol li,
form.edit_goal ol li,
form.edit_datapoint ol li {
    line-height: 30px;
    list-style: none outside none;
    margin-bottom: 2px;
    padding: 5px 10px;
}
form.edit_goal ol li span {
  vertical-align: middle;
}
form ol li > li {
  border: 0px;
}
form div.withings_types {
  display:none;
  padding-left: 15px;
  border-radius: 5px;
  clear: both;
  background-color: #a1a1a1;
}
.withings_types ol{
  clear: both;
}






/* css menu business */
li.menu { color: #3b3b3b; position:relative; }
li.menu div.popup {
    background-color:#FDE230;
    display: none;
    right: 0;
    left: 0;
    position: absolute;
    z-index: 6;
    margin:0;
    }
li.menu:focus div.popup,
li.menu:hover div.popup {
  display: block;
}
li.menu div.popup a {border-top:1px solid #adadad; padding:5px 5px 5px 5px; margin:0;}
li.menu div.popup a:focus,
li.menu div.popup a:hover {
color:#3b3b3b;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
div.drop-down-anchor {padding:0 5px 0 5px;}
.drop-down-anchor:focus,
.drop-down-anchor:hover {cursor:default;}

div.popup div, div.popup a { display:block; text-decoration: none; }
div.popup div + div, div.popup a + a { margin-top: 9px; }

.changed {
  box-shadow: 0 0 5px #fde230 !important;
  -webkit-box-shadow: 0 0 5px #fde230 !important;
  -moz-box-shadow: 0 0 5px #fde230 !important;
}

#temporary,
#supported-integrations {
  padding-top: 1em;
  text-align: justify;
  margin: 0 auto;
  margin-bottom:1em;
}
#supported-integrations ul:first-child{ margin-top: 1em; }
#supported-integrations ul {
  clear: both;
  height: 94px;;
}
#temporary li:last-child,
#supported-integrations ul li:last-child {
  margin-right: 0px;
}
#supported-integrations li {
  height:94px;
}
#temporary { margin-top: 2.7em; }
#temporary li{ float:left; margin-right: 2.5em; }
#temporary li.lower{ margin-top: 10px; }
ul#apps {
  float: right;
  clear: left;
  width: 400px;
  margin-top: -50px;
}
ul#apps li { float: right; }
ul#apps li#iphone { margin-top: 3px; padding-right: 10px; }
h2.supported { float: left; }
#supported-integrations ul li {
  float:left;
  margin-right: 2.1em;
  background-repeat: no-repeat;
}
#temporary li { font-size: 20px; vertical-align:bottom;}
li#codeschool{
  background-image: url("/images/codeschool-gray.png");
  height: 60px;
  width: 245px;
  margin-top: 10px;
}
li#draftin{
  background-image: url("/images/draft-gray.png");
  height: 60px;
  width: 130px;
  margin-top: 10px;
}
li#duolingo{
  background-image: url("/images/duolingo-gray.png");
  height: 60px;
  width: 201px;
  margin-top: 10px;
}
li#epson{
  background-image: url("/images/epson-gray.png");
  height: 38px;
  width: 118px;
  margin-top: 20px;
}
li#fitbit{
  background-image: url("/images/fitbit-gray.png");
  height:54px;
  width: 130px;
  margin-top: 12px;
}
li#garmin{
  background-image: url("/images/garmin-gray.png");
  background-size: auto 41px;
  height:41px;
  width: 160px;
  margin-top: 10px;
}
li#gitminder{
  background-image: url("/images/gitminder-gray.png");
  height:50px;
  width: 160px;
  margin-top: 15px;
}
li#gmailzero{
  background-image: url("/images/gmailzero-gray.png");
  height:94px;
  width: 103px;
  margin-top: -5px;
}
li#habitica{
  background-image: url("/images/logo_habitica_washedout@2.png");
  background-size: auto 51px;
  height: 50px;
  width: 250px;
  margin-top: 10px;
}
li#ifttt{
  background-image: url("/images/logo_ifttt_washedout@2.png");
  background-size: auto 40px;
  height: 64px;
  width: 152px;
  margin-top: 21px;
}
li#jawbone{
  background-image: url("/images/jawbone-gray.png");
  height: 60px;
  width: 54px;
  margin-top: 10px;
}
li#misfit{
  background-image: url("/images/logo_misfit_gray@2.png");
  background-size: auto 50px;
  height: 60px;
  width: 131px;
  margin-top: 10px;
}
li#rescuetime{
  background-image: url("/images/rescuetime-gray.png");
  height:50px;
  width: 190px;
  margin-top: 15px;
}
li#runkeeper {
  background-image: url("/images/runkeeper-gray.png");
  height:94px;
  width: 213px;
  position:relative;
  margin-top: -7px;
}
li#runkeeper p {
  position:absolute;
  vertical-align:bottom;
  text-align: center;
  width: 213px;
  bottom:15px;
}
li#skritter{
  background-image: url("/images/skritter-gray.png");
  background-size: auto 40px;
  height: 40px;
  width: 212px;
  margin-top: 10px;
}
li#sleepas{
  background-image: url("/images/sleepas_gray.png");
  background-size: auto 48px;
  height: 48px;
  width: 212px;
  margin-top: 20px;
}
li#trello{
  background-image: url("/images/trello-gray.png");
  height:42px;
  width: 109px;
  margin-top: 15px;
}
li#twitter{
  background-image: url("/images/twitter-gray.png");
  height: 64px;
  width:64px;
  margin-top: 10px;
}
li#withings{
  background-image: url("/images/withings-gray.png");
  height:94px;
  width: 123px;
  margin-top: -6px;
}
li#zapier{
  background-image: url("/images/logo_zapier_washedout@2.png");
  background-size: auto 61px;
  height: 64px;
  width: 133px;
  margin-top: 10px;
}

#supported-integrations li#android a.supported img { display: block; }
#supported-integrations li#iphone a.supported img { display: block; }
#supported-integrations li:focus .supported img,
#supported-integrations li:hover .supported img {
  display:block;
}
#supported-integrations li a.supported img {
  display:none;
}




.wizard_tabs { float: left; width: 100%; background: #3b3b3b; box-shadow: 2px 2px 12px -1px black inset; }
.wizard_tabs li { float: left; padding: 10px 15px; width: 28.4%; text-align: center; }
.wizard_tabs li a { cursor: default; }
.wizard_tabs li a:hover { text-decoration: none; }
.wizard_tabs li.completed a { cursor: pointer; }
.wizard_tabs li.completed a:hover { text-decoration: underline; }
.wizard_tabs li.completed.unreachable a { cursor: default; }
.wizard_tabs li.completed.unreachable a:hover { text-decoration: none; }
/*.wizard_tabs li.active { background-color: #F5BD27; }*/
.wizard_tabs li:last-child { float: right; }
.wizard_tabs li.completed { background-image: url("/images/completed_tab.png");
  background-repeat: no-repeat;
  background-position: 18px 10px;
}
.wizard_tabs a { color: #ccc; font-weight: bold; }
.wizard_tabs li.active a { color: white; }
.wizard_tabs a:hover li { background-color: yellow; }
.goal_wizard .goal_description { display: none; padding: 15px }
.goal_option { width: 100%; float: left; padding: 15px; }
#choose_goal_type input[type='submit'] { margin: 10px 0px 15px; }
#set_target fieldset { float: left; text-align: center; width:100%; }
#set_target fieldset.todays_value { float: none; }
#set_target label { width: 100%; font-weight: bold; font-size: 1.3em; padding-bottom: 0.4em;}
#set_target .noedit label { font-size: 1em; }
#set_target .edit label { font-size: 1em; }
.connection_options { float: left; width: 310px; }
.create_account { float: left; }
.wizard_header { width: 100%; clear: both; font-size: 1.5em; font-weight: bold; text-align: center; padding-bottom: 15px; }
#weasel_check { float: left; }
label[for="weasel_check"] { width: 300px; }
.goal_wizard {
  width: 655px;
  margin: 0 auto; }
/* TODO */
.goal_wizard > .tab-content { padding: 15px; height: 370px; background-color: #F7F7F7; width: 625px; box-shadow: 1px 1px 7px -2px #3b3b3b inset; float: left; }
.tab-pane p { margin: 0 auto; padding: 10px 0px; }
.goal_description { font-weight: bold; }
.expiry-wrapper select { width: 90px; }
#choose_goal fieldset, #choose_goal .goal_description { text-align: center; padding: 20px 0px; }
.tab-pane .centered, #payment form, .goal_description { width: 510px; margin: 0 auto; }
#pledge select { width: 100px; }
#pledge fieldset { padding: 10px 0px; }
#set_target fieldset.submit, #set_target fieldset.errors { float: none; }
#name fieldset { text-align: center; }
fieldset.errors label { color: #B94A48; width: 100%; }
fieldset.error label { color: #B94A48; }
fieldset.error input { color: #B94A48; border-color: #B94A48;}
.goal_selector fieldset { width: 200px; }
fieldset.show_advanced { padding-top: 28px; }
fieldset.show_advanced a { color: inherit; font-weight: bold; }


#left-column .header h2 a { color: #FFF566; }
#right-column .header h2 a { color: #FFF566; }

div#donate{
  margin: 4em;
  text-align:center;

}

.start-a-goal {

}
.arrow_box {
  position: relative;
  padding: 40px;
  text-align: center;
  margin-top: 108px;
}
.arrow_box:after, .arrow_box:before {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
h1.arrow_box:hover {
  color:inherit;
}
.arrow_box:after {
  border-left-color: #5bb75b;

  border-width: 120px;
  top: 50%;
  margin-top: -120px;
}
.attribution {
  color: white;
  font-size: 24px;
  font-family: sans-serif;
  position:relative;
  right: 22px;
}

.about-us > div > p {
  margin-right: 2em;
}
.about-us > div > p.footnote {
  margin-top: 1em;
}
div.sample-goals ul { margin-left:0; font-size: 16px; }
div.sample-goals ul li{ list-style: circle inside; line-height: 1.25em; }
.devise .sample-goals ul{
  list-style:none;
  margin-left:0;
}
.devise li{
  line-height: 2em;
}

.pledge {
  font-size: 20px;
}


.api-docs { font-size: 16px; line-height:25px;}
.api-docs a, .api-docs code { font-weight: 600; }
.api-docs .section          { margin: 1em 0; }
.api-docs .subheader        { font-weight: 600; }
.api-docs ul { padding: 0.25em 0; }
.api-docs ul li ul          { margin-left: 1em; }
.api-docs li            { padding: 0.25em 0; font-size:16px; line-height:25px; list-style:disc; list-style-position:inside;}
.api-docs p             { padding: 0.35em 0; font-size:16px; line-height:25px; }

.api-docs h1    { font-size:2.0em;   margin-top:0.765em; line-height:1em }
.api-docs h2    { font-size:1.5em;   margin-top:0.855em; }
.api-docs h3    { font-size:1.17em;  margin-top:0.956em; }
.api-docs h4    { font-size:1.0em;   margin-top:1.161em; }
.api-docs h5,h6 { font-size:1.0em;   margin-top:1.238em; }
.api-docs code {font-size:1.0em; margin:0 0.1em;}
.api-docs pre.prettyprint{ margin-top: 18px; }

.api-docs th>td{
  background:white;
}
.api-docs td {
  padding:3px;
  background:#f7f7f9;
  border:3px solid white;
}

.app-name {
  float: left;
  line-height: 28px;
  padding-right: 25px;
}


span.bold { font-weight: bold; }
.tab-pane a { font-weight: bold; }

#recent-datapoints th,
#recent-datapoints td {
  text-align: right;
}
#datapoints-table thead th.data-date { min-width:80px; }
td.data-comment{ max-width:400px; }

.destroy-datapoint a {
  padding: 2px 2px;
}

#widget-container { margin: 0 auto; width: 70%; text-align: center; border: 1px solid gray; }
#widget-container fieldset { padding: 20px 0px; }


.tweet{
background-color: rgb(93,188,210);
}

form.revoke-auth {
  margin: 10px 0px;
}

/* Kaminari, Bootstrap, Pagination */
.pagination a, .pagination span.current, .pagination span.gap {
  float: left;
  padding: 0 14px;
  line-height: 34px;
  text-decoration: none;
  background-color: white;
  border: 1px solid #DDD;
  border-left-width: 0;
}
.pagination span.current { background-color: #f1f1f1; }


.pagination {
  border-left: 1px solid #ddd;
  .first{
    padding : 0;
    float: none;
    border: none;
  }
  .prev {
    padding : 0;
    float: none;
    border: none;
  }
  .page{
    padding : 0;
    float: none;
    border: none;
  }
  .next{
    padding : 0;
    float: none;
    border: none;
  }
  .last{
    padding : 0;
    float: none;
    border: none;
  }
}
#hook-check .modal-body p {
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 15px;
}

#hook-check .modal-body div {
  font-size: 14px;
  float: left;
  padding-bottom: 8px;
}

#hook-check .slug {
  padding-right: 5px;
}

#hook-check input {
  float: right;
  margin: 10px;
}
.hero-unit p {
  margin: 10px 0px;
}