/*
   OFA Donate - Sequential Asks CSS

   Created By Manik Rathee on 2012-05-08
   Copyright 2012 Obama for America. All rights reserved.
*/
@charset "utf-8";
/*
   Hydepark Core Styles
   
   Created by Daniel Ryan on 2011-11-12.
   Copyright 2011 Obama for America. All rights reserved.
*/
.center {
  text-align: center;
}
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
body {
  font: 13px/1.231 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
  *font-size: small;
}
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:hover,
a:active {
  outline: 0;
}
a,
a:active,
a:visited {
  color: #607890;
}
a:hover {
  color: #003366;
}
ul,
ol {
  margin-left: 2em;
}
ol {
  list-style-type: decimal;
}
nav ul,
nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}
small {
  font-size: 85%;
}
b,
strong,
th {
  font-weight: bold;
}
td {
  vertical-align: top;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 15px;
}
.ie6 legend,
.ie7 legend {
  margin-left: -7px;
}
button,
input,
select,
textarea {
  width: auto;
  overflow: visible;
  margin: 0;
  font-size: 100%;
  font-family: sans-serif;
  vertical-align: baseline;
}
textarea {
  overflow: auto;
  vertical-align: text-top;
}
label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
  cursor: pointer;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
/*
 * smart-grid.css
 * Created by Daniel Ryan on 2011-10-09
 * Copyright 2011 Daniel Ryan. All rights reserved.
 * Code developed under a BSD License: https://raw.github.com/dryan/css-smart-grid/master/LICENSE.txt
 * Version: 1.0.5
 * Latest update: 2011-10-26
 */
/*
 * Breakpoints:
 * Mobile/Default      -   320px
 * Mobile (landscape)  -   480px
 * Tablet              -   768px
 * Desktop             -   960px
 * Widescreen          -   1200px
 * Widescreen HD       -   1920px
 */
/*
 * Base wrap class
 */
.wrap {
  padding: 0 10px;
  margin: 0 auto;
  clear: both;
}
/*
 * contain rows of columns
 */
.row {
  zoom: 1;
  overflow: hidden;
}
/*
 * IE Fallback: 960px
 */
.oldie .wrap {
  width: 940px;
}
.oldie .wrap .columns {
  width: 60px;
}
.oldie .wrap .offset-one {
  padding-left: 80px;
}
.oldie .wrap .columns.two {
  width: 140px;
}
.oldie .wrap .offset-two {
  padding-left: 160px;
}
.oldie .wrap .columns.one-fourth,
.oldie .wrap .columns.three {
  width: 220px;
}
.oldie .wrap .offset-one-fourth,
.oldie .wrap .offset-three {
  padding-left: 240px;
}
.oldie .wrap .columns.one-third,
.oldie .wrap .columns.four {
  width: 300px;
}
.oldie .wrap .offset-one-third,
.oldie .wrap .offset-four {
  padding-left: 320px;
}
.oldie .wrap .columns.five {
  width: 380px;
}
.oldie .wrap .offset-five {
  padding-left: 400px;
}
.oldie .wrap .columns.one-half,
.oldie .wrap .columns.six {
  width: 460px;
}
.oldie .wrap .offset-one-half,
.oldie .wrap .offset-six {
  padding-left: 480px;
}
.oldie .wrap .columns.seven {
  width: 540px;
}
.oldie .wrap .offset-seven {
  padding-left: 560px;
}
.oldie .wrap .columns.two-thirds,
.oldie .wrap .columns.eight {
  width: 620px;
}
.oldie .wrap .offset-two-thirds,
.oldie .wrap .offset-eight {
  padding-left: 640px;
}
.oldie .wrap .columns.three-fourths,
.oldie .wrap .columns.nine {
  width: 700px;
}
.oldie .wrap .offset-three-fourths,
.oldie .wrap .offset-nine {
  padding-left: 720px;
}
.oldie .wrap .columns.ten {
  width: 780px;
}
.oldie .wrap .offset-ten {
  padding-left: 800px;
}
.oldie .wrap .columns.eleven {
  width: 860px;
}
.oldie .wrap .offset-eleven {
  padding-left: 880px;
}
.oldie .wrap .columns.twelve {
  width: 940px;
}
.oldie .wrap .columns.one-fifth {
  width: 172px;
}
.oldie .wrap .offset-one-fifth {
  padding-left: 192px;
}
.oldie .wrap .columns.two-fifths {
  width: 364px;
}
.oldie .wrap .offset-two-fifths {
  padding-left: 384px;
}
.oldie .wrap .columns.three-fifths {
  width: 556px;
}
.oldie .wrap .offset-three-fifths {
  padding-left: 576px;
}
.oldie .wrap .columns.four-fifths {
  width: 748px;
}
.oldie .wrap .offset-four-fifths {
  padding-left: 768px;
}
.oldie .wrap .columns.five-fifths {
  width: 940px;
}
.oldie .wrap .offset-five-fifths {
  padding-left: 960px;
}
.oldie .wrap .columns {
  float: left;
  margin-left: 20px;
}
.oldie .wrap .columns:first-child,
.oldie .wrap .columns.first {
  margin-left: 0;
}
/*
 * Breakpoint: 768px
 */
@media screen and (min-width: 768px) {
  .wrap {
    width: 748px;
  }
  .wrap .columns {
    width: 44px;
    float: left;
    margin-left: 20px;
  }
  .wrap .offset-one {
    padding-left: 64px;
  }
  .wrap .columns:first-child,
  .wrap .columns.first {
    margin-left: 0;
  }
  .wrap .columns.two {
    width: 108px;
  }
  .wrap .offset-two {
    padding-left: 128px;
  }
  .wrap .columns.one-fourth,
  .wrap .columns.three {
    width: 172px;
  }
  .wrap .offset-one-fourth,
  .wrap .offset-three {
    padding-left: 192px;
  }
  .wrap .columns.one-third,
  .wrap .columns.four {
    width: 236px;
  }
  .wrap .offset-one-third,
  .wrap .offset-four {
    padding-left: 256px;
  }
  .wrap .columns.five {
    width: 300px;
  }
  .wrap .offset-five {
    padding-left: 320px;
  }
  .wrap .columns.one-half,
  .wrap .columns.six {
    width: 364px;
  }
  .wrap .offset-one-half,
  .wrap .offset-six {
    padding-left: 384px;
  }
  .wrap .columns.seven {
    width: 428px;
  }
  .wrap .offset-seven {
    padding-left: 448px;
  }
  .wrap .columns.two-thirds,
  .wrap .columns.eight {
    width: 492px;
  }
  .wrap .offset-two-thirds,
  .wrap .offset-eight {
    padding-left: 512px;
  }
  .wrap .columns.three-fourths,
  .wrap .columns.nine {
    width: 556px;
  }
  .wrap .offset-three-fourths,
  .wrap .offset-nine {
    padding-left: 576px;
  }
  .wrap .columns.ten {
    width: 620px;
  }
  .wrap .offset-ten {
    padding-left: 640px;
  }
  .wrap .columns.eleven {
    width: 684px;
  }
  .wrap .offset-eleven {
    padding-left: 704px;
  }
  .wrap .columns.twelve {
    width: 748px;
  }
  .wrap .columns.one-fifth {
    width: 133px;
  }
  .wrap .offset-one-fifth {
    padding-left: 153px;
  }
  .wrap .columns.two-fifths {
    width: 286px;
  }
  .wrap .offset-two-fifths {
    padding-left: 306px;
  }
  .wrap .columns.three-fifths {
    width: 439px;
  }
  .wrap .offset-three-fifths {
    padding-left: 459px;
  }
  .wrap .columns.four-fifths {
    width: 592px;
  }
  .wrap .offset-four-fifths {
    padding-left: 612px;
  }
  .wrap .columns.five-fifths {
    width: 745px;
  }
  .wrap .offset-five-fifths {
    padding-left: 765px;
  }
}
/*
 * Breakpoint: 960px
 */
@media screen and (min-width: 960px) {
  .wrap {
    width: 940px;
  }
  .wrap .columns {
    width: 60px;
  }
  .wrap .offset-one {
    padding-left: 80px;
  }
  .wrap .columns.two {
    width: 140px;
  }
  .wrap .offset-two {
    padding-left: 160px;
  }
  .wrap .columns.one-fourth,
  .wrap .columns.three {
    width: 220px;
  }
  .wrap .offset-one-fourth,
  .wrap .offset-three {
    padding-left: 240px;
  }
  .wrap .columns.one-third,
  .wrap .columns.four {
    width: 300px;
  }
  .wrap .offset-one-third,
  .wrap .offset-four {
    padding-left: 320px;
  }
  .wrap .columns.five {
    width: 380px;
  }
  .wrap .offset-five {
    padding-left: 400px;
  }
  .wrap .columns.one-half,
  .wrap .columns.six {
    width: 460px;
  }
  .wrap .offset-one-half,
  .wrap .offset-six {
    padding-left: 480px;
  }
  .wrap .columns.seven {
    width: 540px;
  }
  .wrap .offset-seven {
    padding-left: 560px;
  }
  .wrap .columns.two-thirds,
  .wrap .columns.eight {
    width: 620px;
  }
  .wrap .offset-two-thirds,
  .wrap .offset-eight {
    padding-left: 640px;
  }
  .wrap .columns.three-fourths,
  .wrap .columns.nine {
    width: 700px;
  }
  .wrap .offset-three-fourths,
  .wrap .offset-nine {
    padding-left: 720px;
  }
  .wrap .columns.ten {
    width: 780px;
  }
  .wrap .offset-ten {
    padding-left: 800px;
  }
  .wrap .columns.eleven {
    width: 860px;
  }
  .wrap .offset-eleven {
    padding-left: 880px;
  }
  .wrap .columns.twelve {
    width: 940px;
  }
  .wrap .columns.one-fifth {
    width: 172px;
  }
  .wrap .offset-one-fifth {
    padding-left: 192px;
  }
  .wrap .columns.two-fifths {
    width: 364px;
  }
  .wrap .offset-two-fifths {
    padding-left: 384px;
  }
  .wrap .columns.three-fifths {
    width: 556px;
  }
  .wrap .offset-three-fifths {
    padding-left: 576px;
  }
  .wrap .columns.four-fifths {
    width: 748px;
  }
  .wrap .offset-four-fifths {
    padding-left: 768px;
  }
  .wrap .columns.five-fifths {
    width: 940px;
  }
  .wrap .offset-five-fifths {
    padding-left: 960px;
  }
}
/*
 * Breakpoint: 1200px
 */
@media screen and (min-width: 1200px) {
  .wrap.hd,
  .wrap.large {
    width: 1180px;
  }
  .wrap.hd .columns,
  .wrap.large .columns {
    width: 80px;
  }
  .wrap.hd .offset-one,
  .wrap.large .offset-one {
    padding-left: 100px;
  }
  .wrap.hd .columns.two,
  .wrap.large .columns.two {
    width: 180px;
  }
  .wrap.hd .offset-two,
  .wrap.large .offset-two {
    padding-left: 200px;
  }
  .wrap.hd .columns.one-fourth,
  .wrap.large .columns.one-fourth,
  .wrap.hd .columns.three,
  .wrap.large .columns.three {
    width: 280px;
  }
  .wrap.hd .offset-one-fourth,
  .wrap.large .offset-one-fourth,
  .wrap.hd .offset-three,
  .wrap.large .offset-three {
    padding-left: 300px;
  }
  .wrap.hd .columns.one-third,
  .wrap.large .columns.one-third,
  .wrap.hd .columns.four,
  .wrap.large .columns.four {
    width: 380px;
  }
  .wrap.hd .offset-one-third,
  .wrap.large .offset-one-third,
  .wrap.hd .offset-four,
  .wrap.large .offset-four {
    padding-left: 400px;
  }
  .wrap.hd .columns.five,
  .wrap.large .columns.five {
    width: 480px;
  }
  .wrap.hd .offset-five,
  .wrap.large .offset-five {
    padding-left: 500px;
  }
  .wrap.hd .columns.one-half,
  .wrap.large .columns.one-half,
  .wrap.hd .columns.six,
  .wrap.large .columns.six {
    width: 580px;
  }
  .wrap.hd .offset-one-half,
  .wrap.large .offset-one-half,
  .wrap.hd .offset-six,
  .wrap.large .offset-six {
    padding-left: 600px;
  }
  .wrap.hd .columns.seven,
  .wrap.large .columns.seven {
    width: 680px;
  }
  .wrap.hd .offset-seven,
  .wrap.large .offset-seven {
    padding-left: 700px;
  }
  .wrap.hd .columns.two-thirds,
  .wrap.large .columns.two-thirds,
  .wrap.hd .columns.eight,
  .wrap.large .columns.eight {
    width: 780px;
  }
  .wrap.hd .offset-two-thirds,
  .wrap.large .offset-two-thirds,
  .wrap.hd .offset-eight,
  .wrap.large .offset-eight {
    padding-left: 800px;
  }
  .wrap.hd .columns.three-fourths,
  .wrap.large .columns.three-fourths,
  .wrap.hd .columns.nine,
  .wrap.large .columns.nine {
    width: 880px;
  }
  .wrap.hd .offset-three-fourths,
  .wrap.large .offset-three-fourths,
  .wrap.hd .offset-nine,
  .wrap.large .offset-nine {
    padding-left: 900px;
  }
  .wrap.hd .columns.ten,
  .wrap.large .columns.ten {
    width: 980px;
  }
  .wrap.hd .offset-ten,
  .wrap.large .offset-ten {
    padding-left: 1000px;
  }
  .wrap.hd .columns.eleven,
  .wrap.large .columns.eleven {
    width: 1080px;
  }
  .wrap.hd .offset-eleven,
  .wrap.large .offset-eleven {
    padding-left: 1100px;
  }
  .wrap.hd .columns.twelve,
  .wrap.large .columns.twelve {
    width: 1180px;
  }
  .wrap.hd .columns.one-fifth,
  .wrap.large .columns.one-fifth {
    width: 220px;
  }
  .wrap.hd .offset-one-fifth,
  .wrap.large .offset-one-fifth {
    padding-left: 240px;
  }
  .wrap.hd .columns.two-fifths,
  .wrap.large .columns.two-fifths {
    width: 460px;
  }
  .wrap.hd .offset-two-fifths,
  .wrap.large .offset-two-fifths {
    padding-left: 480px;
  }
  .wrap.hd .columns.three-fifths,
  .wrap.large .columns.three-fifths {
    width: 700px;
  }
  .wrap.hd .offset-three-fifths,
  .wrap.large .offset-three-fifths {
    padding-left: 720px;
  }
  .wrap.hd .columns.four-fifths,
  .wrap.large .columns.four-fifths {
    width: 940px;
  }
  .wrap.hd .offset-four-fifths,
  .wrap.large .offset-four-fifths {
    padding-left: 960px;
  }
  .wrap.hd .columns.five-fifths,
  .wrap.large .columns.five-fifths {
    width: 1180px;
  }
  .wrap.hd .offset-five-fifths,
  .wrap.large .offset-five-fifths {
    padding-left: 1200px;
  }
}
/*
 * Breakpoint: 1920px
 */
@media screen and (min-width: 1920px) {
  .wrap.hd {
    width: 1900px;
  }
  .wrap.hd .columns {
    width: 140px;
  }
  .wrap.hd .offset-one {
    padding-left: 160px;
  }
  .wrap.hd .columns.two {
    width: 300px;
  }
  .wrap.hd .offset-two {
    padding-left: 320px;
  }
  .wrap.hd .columns.one-fourth,
  .wrap.hd .columns.three {
    width: 460px;
  }
  .wrap.hd .offset-one-fourth,
  .wrap.hd .offset-three {
    padding-left: 480px;
  }
  .wrap.hd .columns.one-third,
  .wrap.hd .columns.four {
    width: 620px;
  }
  .wrap.hd .offset-one-third,
  .wrap.hd .offset-four {
    padding-left: 640px;
  }
  .wrap.hd .columns.five {
    width: 780px;
  }
  .wrap.hd .offset-five {
    padding-left: 800px;
  }
  .wrap.hd .columns.one-half,
  .wrap.hd .columns.six {
    width: 940px;
  }
  .wrap.hd .offset-one-half,
  .wrap.hd .offset-six {
    padding-left: 960px;
  }
  .wrap.hd .columns.seven {
    width: 1100px;
  }
  .wrap.hd .offset-seven {
    padding-left: 1120px;
  }
  .wrap.hd .columns.two-thirds,
  .wrap.hd .columns.eight {
    width: 1260px;
  }
  .wrap.hd .offset-two-thirds,
  .wrap.hd .offset-eight {
    padding-left: 1280px;
  }
  .wrap.hd .columns.three-fourths,
  .wrap.hd .columns.nine {
    width: 1420px;
  }
  .wrap.hd .offset-three-fourths,
  .wrap.hd .offset-nine {
    padding-left: 1440px;
  }
  .wrap.hd .columns.ten {
    width: 1580px;
  }
  .wrap.hd .offset-ten {
    padding-left: 1600px;
  }
  .wrap.hd .columns.eleven {
    width: 1740px;
  }
  .wrap.hd .offset-eleven {
    padding-left: 1760px;
  }
  .wrap.hd .columns.twelve {
    width: 1900px;
  }
  .wrap.hd .columns.one-fifth {
    width: 364px;
  }
  .wrap.hd .offset-one-fifth {
    padding-left: 384px;
  }
  .wrap.hd .columns.two-fifths {
    width: 748px;
  }
  .wrap.hd .offset-two-fifths {
    padding-left: 768px;
  }
  .wrap.hd .columns.three-fifths {
    width: 1132px;
  }
  .wrap.hd .offset-three-fifths {
    padding-left: 1152px;
  }
  .wrap.hd .columns.four-fifths {
    width: 1516px;
  }
  .wrap.hd .offset-four-fifths {
    padding-left: 1536px;
  }
  .wrap.hd .columns.five-fifths {
    width: 1900px;
  }
  .wrap.hd .offset-five-fifths {
    padding-left: 1920px;
  }
}
/*
   Hydepark Forms
   
   Created by Daniel Ryan on 2011-11-12.
   Copyright 2011 Obama for America. All rights reserved.
*/
/* inputs */
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="file"]),
textarea {
  border-radius: 5px;
  background: #fff;
  border: 2px solid #83a0b0;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
  padding: 7px;
  width: 18em;
  font-size: 14px;
  font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
  outline: none;
  -webkit-transition: border-color 0.25s;
  -moz-transition: border-color 0.25s;
  transition: border-color 0.25s;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
}
/* IE fallback since it doesn't know :not() */
.oldie input,
.oldie textarea {
  background: #fff;
  border: 2px solid #83a0b0;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
  padding: 7px;
  width: 18em;
  font-size: 14px;
  font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
  outline: none;
}
.oldie input[type="checkbox"],
.oldie input[type="radio"] {
  width: auto;
  padding: 0;
  border: 0;
}
input:-moz-placeholder {
  color: #555;
}
input::-webkit-input-placeholder {
  color: #555;
}
/* invalid field state */
input.focused:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not(:focus):invalid,
textarea.focused:not(:focus):invalid,
select.focused:not(:focus):invalid {
  border-color: #eb5746;
}
/* valid field state */
/*input.focused:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not(:focus):valid,
textarea.focused:not(:focus):valid,
select.focused:not(:focus):valid {
    border-color: @dark-blue;
}
*/
select {
  font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
  font-size: 14px;
  border-color: #ebebeb;
}
/* ZIP Code fields should be narrow */
.zip input[type="text"],
input[name="zip"] {
  width: 6em !important;
}
/* Focus state */
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):focus,
textarea:focus {
  border-color: #5fd3ff;
}
.oldie input:focus,
.oldie textarea:focus {
  border-color: #5fd3ff;
}
textarea {
  height: 5em;
  width: 90%;
  line-height: 1.4;
}
label,
#signup .label label.field {
  display: block;
  font-size: 14px;
  color: #707070;
  margin: 0 0 0.25em;
  font-weight: normal;
}
/* buttons */
button,
a.button,
a.button:link,
a.button:visited,
a.button:active,
input[type="submit"],
#share-body #invitationpage #submit_button,
#share-body #contact_importer_button_container #contact_importer_button,
.yui-panel-container #contact_importer_dialog .button-group button {
  display: inline-block;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  background: #c41230;
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(255, 255, 255, 0.1)));
  font-size: 16px;
  padding: 12px;
  border: 0;
  margin: 0;
  zoom: 1;
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  transition: background-color 0.5s;
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  -webkit-appearance: none;
  border-radius: 3px;
}
form.inline button,
form.inline a.button,
form.inline a.button:link,
form.inline a.button:visited,
form.inline a.button:active,
form.inline input[type="submit"],
form.inline #share-body #invitationpage #submit_button,
form.inline #share-body #contact_importer_button_container #contact_importer_button,
form.inline .yui-panel-container #contact_importer_dialog .button-group button {
  padding-top: 7px;
  padding-bottom: 7px;
}
button:hover,
a.button:hover,
input[type="submit"]:hover,
#share-body #invitationpage #submit_button:hover,
#share-body #contact_importer_button_container #contact_importer_button:hover,
.yui-panel-container #contact_importer_dialog .button-group button:hover {
  background-color: #d60024;
  text-decoration: none;
}
button.blue,
a.button.blue,
input[type="submit"].blue {
  background-color: #008fc5;
}
button.blue:hover,
a.button.blue:hover,
input[type="submit"].blue:hover {
  background-color: #008fc5;
}
button i,
a.button i {
  font-style: italic;
  font-weight: normal;
  text-transform: none;
}
form {
  display: block;
  zoom: 1;
  overflow: hidden;
}
form ol {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
}
form ol li {
  list-style: none;
  margin: 0 0 15px;
}
form ol li.checkbox,
form ol li.radio {
  padding-left: 18px;
  position: relative;
}
form ol li.checkbox input,
form ol li.radio input {
  position: absolute;
  top: 3px;
  left: 1px;
}
form .required {
  color: #c41230;
  font-style: italic;
  font-size: 11px;
}
form .error {
  color: #c41230;
}
form.inline {
  text-align: center;
}
form.inline ol {
  margin-bottom: -10px;
  /* compensates for the bottom margin of the lis */

}
form.inline ol li {
  display: inline-block;
  margin: 0 5px 10px;
}
form.inline label {
  display: none;
}
.ie7 form.inline ol li {
  display: inline;
  zoom: 1;
}
fieldset {
  margin: 0 0 30px;
}
fieldset legend {
  display: block;
  width: 100%;
  padding: 0 0 6px;
}
fieldset legend span {
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  color: #00446a;
  text-transform: uppercase;
  font-size: 14px;
  display: block;
  padding: 0 0 6px;
  border-bottom: 1px solid #ddd;
}
form .buttons {
  margin: 30px 0 0;
}
body {
  text-rendering: optimizeLegibility;
  font-size: 13px;
  font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
}
.wrap {
  position: relative;
  background-color: #dddede;
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
@media (min-width: 960px) {
  .rgba body:not(.no-bg):not(.donate) .wrap {
    background-color: rgba(231, 231, 231, 0.88);
  }
  body.potus-crowd {
    background: fixed url('/hydepark/images/homepage-bw.jpg') 50% 28px no-repeat #f1f1f1;
  }
  body.jacket {
    background: fixed url('/hydepark/images/Groups.jpg') 50% 28px no-repeat #f1f1f1;
  }
  body.bw-buttons {
    background: fixed url('/hydepark/images/homepage-buttons.jpg') 50% 28px no-repeat #f1f1f1;
  }
  body.buttons-new {
    background: fixed url('/hydepark/images/homepage-buttons-new.jpg') 50% 28px no-repeat #f1f1f1;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  body > .wrap {
    max-width: 748px;
  }
}
@media (min-width: 980px) {
  .wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.oldie .wrap {
  background-color: #dddede;
  padding-left: 20px;
  padding-right: 20px;
}
a,
a:link,
a:hover,
a:active,
a:visited {
  text-decoration: none;
}
/* reset the semanticless tags so we can use them without unintended consequences */
i,
b,
s {
  font-weight: inherit;
  font-style: inherit;
  text-decoration: inherit;
}
.no-js .requires-js {
  display: none !important;
  /* hides js dependent modules with js isn't available */

}
#main img,
#signup-body img {
  max-width: 100%;
  height: auto;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#main {
  padding-top: 10px;
  padding-bottom: 10px;
}
#main #live-banner {
  text-align: center;
}
#main #live-banner .page-title {
  padding: 10px 0 11px;
  font-size: 16px;
  font-weight: 100;
  font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
  background-color: #00446a;
}
#main #live-banner .page-title a {
  color: #fff;
}
#main #live-banner .page-title a:hover {
  color: #008fc5;
}
#main object,
#main embed {
  max-width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#main .row {
  margin-bottom: 20px;
}
#main .row:last-child,
#main > :last-child {
  margin-bottom: 0;
}
/* large blue bar header */
.page-title {
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  font-size: 32px;
  padding: 10px;
  background: #008fc5 16px 16px no-repeat;
  color: #fff;
  margin: 0 0 20px;
}
.page-title.smaller {
  font-size: 24px;
}
.page-title.with-bg {
  padding-left: 72px;
}
@media (min-width: 960px) {
  .home-page #main,
  .live #main {
    overflow: visible;
  }
  .home-page #main #live-banner,
  .live #main #live-banner {
    width: 1000px;
    margin: 0 -30px;
  }
  .home-page #main #live-banner:before,
  .live #main #live-banner:before {
    content: " ";
    position: absolute;
    top: 26px;
    left: -28px;
    width: 28px;
    height: 43px;
    display: block;
    background: url('/hydepark/images/left-banner-edge.png');
  }
  .home-page #main #live-banner:after,
  .live #main #live-banner:after {
    content: " ";
    position: absolute;
    top: 26px;
    left: 980px;
    width: 28px;
    height: 43px;
    display: block;
    background: url('/hydepark/images/right-banner-edge.png');
  }
  .page-title {
    font-size: 60px;
    padding: 20px;
  }
  .page-title.smaller {
    font-size: 32px;
  }
  .page-title.with-bg {
    padding-left: 130px;
    background-position: 34px 34px;
  }
}
/* Alternate Header Styles */
/* Background/Text Colors */
.page-title.dark-blue {
  background-color: #094163;
}
.page-title.plain-white {
  background-color: #fff;
  color: #4e9bbc;
}
/* Image/Text Variations */
.page-title.multi-line {
  text-align: center;
  font-size: 30px;
  font-weight: 500;
}
@media (min-width: 980px) {
  #main {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.oldie #main {
  padding-top: 20px;
  padding-bottom: 20px;
}
.blog-posts {
  margin: 0;
}
.blog-post {
  list-style: none;
  clear: both;
}
.blog-post article {
  padding: 0 10px 10px 10px;
  background: #fff;
  border-bottom: 1px solid #999;
  border-top: 1px solid transparent;
  color: #555;
  font-size: 13px;
}
.blog-post article .tags li {
  display: inline;
}
.blog-post article .tags li:after {
  content: ",";
}
.blog-post article .tags li:last-child:after {
  content: "";
}
.blog-post article header p {
  font-size: 13px;
  margin-bottom: 15px;
}
.blog-post article nav.sharing {
  margin: 10px auto 20px;
}
.blog-post article nav.sharing .title {
  text-align: left;
  float: left;
  margin: 0 20px 0 0;
}
.blog-post article nav.sharing ul {
  overflow: hidden;
  zoom: 1;
}
.blog-post article nav.sharing ul li {
  float: left;
}
.blog-post article nav.sharing ul .facebook {
  min-width: 100px;
}
.blog-post article nav.sharing ul .fb_edge_comment_widget {
  display: none !important;
}
.blog-post article nav.sharing ul .twitter {
  min-width: 106px;
}
.blog-post article nav.sharing ul .facebook,
.blog-post article nav.sharing ul .twitter {
  min-height: 1px;
}
.blog-post article nav.sharing ul .email a {
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em;
  width: 57px;
  height: 21px;
  background: url('../images/btn-email-pill-v2.png') no-repeat 0 0;
}
.blog-post:last-child article {
  border-bottom: 0;
}
@media (min-width: 768px) {
  .blog-post article {
    padding: 6px 30px 30px;
  }
}
.oldie .blog-post article {
  padding: 6px 30px 30px;
}
.excerpt .entry-title {
  color: #00446a;
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  margin: 0 0 10px;
}
.excerpt .entry-title a {
  color: #00446a;
}
.excerpt .buttons {
  text-align: center;
  margin: 10px 0 0;
}
.pagination {
  list-style: none;
  margin: 0;
  text-align: center;
  background: #fff;
  padding: 0 0 20px 0;
}
.pagination li {
  display: inline;
  margin: 0 10px;
}
#main .speech-bubble-arrow {
  display: none;
}
.error-404 #main article header,
.error-404 #main article .entry-content {
  margin: 0 20px;
}
.error-404 #main article header h1 {
  margin: 0 0 10px;
}
#wfo-sidebar img.wfo-bumper {
  display: block;
  margin: -10px auto 6px auto;
}
#wfo-sidebar form#wfo-form ol li.email {
  width: 142px;
}
#wfo-sidebar form#wfo-form ol li.button {
  margin-bottom: 25px;
}
#wfo-sidebar form#wfo-form ol li.button button font-weight:bold span {
  font-weight: normal;
  text-transform: lowercase;
  font-style: italic;
}
.oldie #wfo-sidebar form#wfo-form ol li.email {
  width: 122px;
}
.oldie #wfo-sidebar form#wfo-form ol li.email input {
  width: 122px;
}
.oldie #wfo-sidebar form#wfo-form ol li.zip input {
  width: 50px;
  margin-left: 20px;
}
/* Override's Google's Phone Number Highlighting */
span.gc-cs-link {
  color: inherit;
}
/* Updated Donate Button Styles */
/*a.donate.button,
a.donate.button:link,
a.donate.button:visited,
a.donate.button:active,*/
#action-bar a.donate.button,
#primary-nav .wrap .donate {
  background-color: #008fc5;
  color: #fff;
  font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
}
#action-bar a.donate.button:hover,
#primary-nav .wrap .donate:hover {
  background: #008fc5;
}
.oldie {
  /* a.donate.button,
    a.donate.button:link,
    a.donate.button:visited,
    a.donate.button:active,*/

}
.oldie #action-bar a.donate.button,
.oldie #primary-nav .wrap .donate {
  background-color: #fff;
  color: #00446A;
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
}
.oldie #action-bar a.donate.button:hover,
.oldie #primary-nav .wrap .donate:hover {
  background: #fff;
}
@media screen and (min-width: 960px) {
  .blog-post article {
    padding: 6px 30px 30px;
  }
  #wfo-sidebar form#wfo-form ol li.email {
    width: 122px;
  }
  #wfo-sidebar form#wfo-form ol li.email input {
    width: 122px;
  }
  #wfo-sidebar form#wfo-form ol li.zip input {
    width: 50px;
    margin-left: 20px;
  }
  /* a.donate.button,
      a.donate.button:link,
      a.donate.button:visited,
      a.donate.button:active,*/
  #action-bar a.donate.button,
  #primary-nav .wrap .donate {
    background-color: #fff;
    color: #00446A;
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  }
  #action-bar a.donate.button:hover,
  #primary-nav .wrap .donate:hover {
    background: #fff;
  }
  .module.postcard {
    text-align: center;
  }
  .module.postcard img {
    width: 340px;
    padding: 6px 15px;
  }
  .module.postcard p {
    text-align: center;
  }
  .module.toolkit nav ul {
    margin-bottom: 0;
  }
  .state-chooser li {
    width: 18%;
    padding-right: 2%;
  }
  .timeline {
    margin-left: -10px;
    margin-right: -10px;
  }
  .timeline .module,
  .timeline .item {
    width: 460px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
  }
  .timeline .module .entry-content,
  .timeline .item .entry-content,
  .timeline .module .entry-excerpt,
  .timeline .item .entry-excerpt,
  .timeline .module footer,
  .timeline .item footer {
    padding: 0 30px;
  }
  .timeline .module:first-child,
  .timeline .item:first-child {
    margin-top: 20px;
  }
  .timeline .module.go-right,
  .timeline .item.go-right {
    float: right;
  }
  .module.toolkit nav ul li {
    width: 50%;
  }
  .module.toolkit nav ul li:nth-child(3n+1) {
    clear: none;
  }
  .module.toolkit nav ul li:nth-child(odd) {
    clear: left;
  }
  .module.keeping-his-word {
    height: 80px;
  }
  .module.keeping-his-word .slider {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0px;
  }
  .module.keeping-his-word .slider .next,
  .module.keeping-his-word .slider .prev {
    width: 25px;
    height: 38px;
    margin-top: -22px;
    background-color: #0270a0;
  }
  .module.keeping-his-word .slider .next {
    right: 0px;
    background-image: url('../images/new-khw-arrow-next.png');
  }
  .module.keeping-his-word .slider .prev {
    left: 0px;
    background-image: url('../images/new-khw-arrow-prev.png');
  }
  .module.keeping-his-word .slider ul li {
    font-size: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../images/khw-new-sprite-6-tiles.png);
    background-position: center top;
    margin-left: 0px;
    height: 80px;
  }
  .module.keeping-his-word .slider ul li a {
    white-space: normal;
    font-size: 15px;
    padding: 34px 50px 0;
  }
  .module.keeping-his-word .slider ul li.count-1 {
    background-position-y: 0;
    background-color: #00446a;
  }
  .module.keeping-his-word .slider ul li.count-1 a {
    font-size: 24px;
    padding: 11px 50px 0;
  }
  .module.keeping-his-word .slider ul li.count-2 {
    background-position: center -80px;
  }
  .module.keeping-his-word .slider ul li.count-3 {
    background-position: center -160px;
  }
  .module.keeping-his-word .slider ul li.count-4 {
    background-position: center -240px;
  }
  .module.keeping-his-word .slider ul li.count-5 {
    background-position: center -320px;
  }
  .module.keeping-his-word .slider ul li.count-6 {
    background-position: center -400px;
  }
  .module.keeping-his-word .slider ul li.count-7 {
    background-position: center -480px;
  }
  .js .module.keeping-his-word .slider .next {
    right: 0px;
    border-radius: 3px 0px 0px 3px;
    background-image: url('../images/new-khw-arrow-next.png');
  }
  .js .module.keeping-his-word .slider .prev {
    left: 0px;
    border-radius: 0px 3px 3px 0px;
    background-image: url('../images/new-khw-arrow-prev.png');
  }
  .js .module.keeping-his-word ul li {
    margin: 0 10px 0 0;
  }
  .side-bug.truth-team a {
    width: 300px;
    position: absolute;
  }
  .side-bug.truth-team a img {
    width: auto;
  }
  article .fitvid,
  #signupfooter .fitvid {
    padding-bottom: 20px;
  }
  article .entry-content .small-blog-img,
  article .entry-excerpt .small-blog-img,
  article .entry-content .picLeft,
  article .entry-excerpt .picLeft,
  article .entry-content .picRight,
  article .entry-excerpt .picRight {
    float: right;
    margin: 0 0 5px 30px;
  }
  #stay.fixed {
    width: 300px;
    margin-left: 170px;
  }
  #stay.bottomed {
    width: 300px;
    position: absolute;
    bottom: 14px;
  }
  #take-action.module.toolkit {
    margin-top: 1px;
  }
  #take-action.module.toolkit nav ul {
    background: white;
  }
  #og-widget .share-status i {
    top: 2px;
    background: url(../images/modules/og-widget/blue.png);
  }
  #og-widget .share-status b {
    border: 1px solid #bbb;
  }
  #og-widget[data-sharing="on"] .share-status i {
    background: url(../images/modules/og-widget/green.png);
  }
  #og-widget .history-drawer {
    border-top: none;
  }
  #og-widget .history-drawer[data-status="open"] {
    border-top: 1px #e1e1e1 solid;
  }
  #reconnect-modal > div {
    margin: 0;
    position: absolute;
    width: 370px;
    top: 50%;
    margin-top: -75px;
    left: 50%;
    margin-left: -215px;
  }
  .search.module.toolkit form input,
  .search.module.toolkit form textarea {
    width: 200px;
    padding: 9px 7px;
  }
  .search.module.toolkit form button {
    vertical-align: top;
    margin-left: 10px;
  }
  #voting-banner span {
    display: inline;
    border-bottom: 1px solid white;
    font-size: 28px;
    line-height: 1.6;
  }
  #voting-banner small {
    line-height: 1.8;
    font-size: 14px;
  }
  #action-bar {
    padding: 25px 0;
    border-bottom: 5px solid #fff;
    position: fixed;
  }
  #action-bar .wrap {
    background: transparent;
    position: relative;
    min-height: 30px;
  }
  #action-bar .social-native {
    position: absolute;
    top: 4px;
    display: block;
  }
  #action-bar .social-native .twitter {
    display: block;
    float: left;
    min-width: 60px;
    padding-left: 15px;
    border-left: 1px solid #99B0BD;
    margin: 0;
    height: 24px;
    padding-top: 2px;
  }
  #action-bar .social-native .facebook {
    display: block;
    min-width: 96px;
    float: left;
    height: 21px;
    margin-right: 14px;
    position: relative;
    top: 2px;
  }
  #action-bar .logo-link {
    position: static;
    border: 0;
    padding: 0;
  }
  #action-bar .auth {
    position: absolute;
    top: 6px;
  }
  #action-bar .logo {
    margin: 0 auto;
    width: 262px;
    left: 0;
    float: none;
  }
  #action-bar .quick-signup {
    float: none;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
  }
  #action-bar .quick-signup a.button {
    border-radius: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  #action-bar .quick-signup a.button b {
    padding-right: 14px;
    background: url('../images/arrow-down.png') no-repeat 100% 50%;
  }
  #action-bar .quick-signup .panel {
    border-radius: 5px;
    border-top-left-radius: 0;
    border: 2px solid #fff;
    border-top: 0;
  }
  #action-bar .sotu .button {
    height: 21px;
  }
  #action-bar .sotu b {
    padding-top: 2px;
    display: block;
  }
  #action-bar .sotu u {
    width: 190px;
    height: 14px;
    background-image: url('../images/quick-signup-sotu@190x14.png');
  }
  #action-bar .donate {
    display: none;
  }
  #action-bar .auth li {
    display: inline;
    margin: 0 0 0 12px;
  }
  #action-bar .auth li:first-child {
    padding-left: 0;
    margin-left: 0;
    border-left: 0;
  }
  #action-bar .auth a {
    white-space: nowrap;
  }
  .show-quick-signup #action-bar {
    z-index: 1003;
    /* gets this above the overlay */
  
  }
  .show-quick-signup #action-bar .quick-signup .button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .actions,
  .auth {
    font-size: 13px;
    font-weight: 700;
  }
  .auth li {
    display: inline;
    margin: 0 0 0 12px;
  }
  .auth li:first-child {
    padding-left: 0;
    margin-left: 0;
    border-left: 0;
  }
  .auth a {
    white-space: nowrap;
  }
  #action-bar.es {
    padding: 15px 0;
  }
  #action-bar.es .logo {
    background: url('../images/logo-obama-biden-v2-es.png') no-repeat 50% 50%;
    height: 50px;
  }
  #action-bar.es .donate {
    bottom: -60px;
  }
  #action-bar.es .quick-signup {
    top: 10px;
  }
  #action-bar.es .auth {
    top: 17px;
  }
  #action-bar .auth {
    right: 0px;
  }
  body {
    padding-top: 83px;
  }
  body.no-action-bar {
    padding-top: 49px;
  }
  #action-bar:hover ~ #primary-nav {
    position: fixed;
  }
  #primary-nav:hover {
    position: fixed;
  }
  #primary-nav {
    background: #008fc5;
    display: block;
    position: absolute;
    top: 85px;
    left: 0;
    right: 0;
    min-height: 49px;
    width: 100%;
    z-index: 998;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    overflow: visible;
  }
  #primary-nav .wrap {
    display: table;
    padding: 0 130px 0 0;
    /* padding makes room for the donate button */
  
  }
  #primary-nav .donate {
    position: absolute;
    float: none;
    width: auto;
    right: 0;
    bottom: 9px;
    border-radius: 5px;
    padding: 6px 12px;
    color: #fff;
    font-weight: 700;
    display: block;
  }
  #primary-nav .top-level .top-level-link {
    display: block;
    padding: 16px 6px;
    font-size: 14px;
    margin: 0 4px;
    border-radius: 3px;
    color: #fff;
    background: transparent;
  }
  #primary-nav .donate a {
    margin: 0 0 0;
    letter-spacing: 0;
    float: right;
  }
  #primary-nav .donate .top-level-link {
    border-radius: 0;
  }
  #primary-nav .volunteer {
    width: 150px;
  }
  #primary-nav .local .subnav {
    display: block;
  }
  #primary-nav .local .subnav li {
    margin: 0 0 0 10px;
    border-radius: 0;
  }
  #primary-nav .top-list {
    display: table-row;
  }
  #primary-nav .top-level {
    display: table-cell;
    position: relative;
    overflow: visible;
    margin: 0;
    padding: 0 !important;
    vertical-align: top;
    text-align: center;
    background: transparent url('../images/nav-separator.png') no-repeat 0 50%;
    background-color: rgba(0, 143, 197, 0);
    cursor: pointer;
    -webkit-transition: background-color 0.25s;
    -moz-transition: background-color 0.25s;
    transition: background-color 0.25s;
  }
  #primary-nav .top-level a {
    -webkit-transition: color 0.25s;
    -moz-transition: color 0.25s;
    transition: color 0.25s;
  }
  #primary-nav .top-level:hover {
    background: #008fc5;
    background-color: #008fc5;
  }
  #primary-nav .top-level:hover .top-level-link {
    color: #fff;
  }
  #primary-nav .store {
    padding-bottom: 0;
  }
  #primary-nav .store:hover,
  #primary-nav .blog:hover {
    background-image: none;
  }
  #primary-nav .top-level:hover + .top-level {
    background-image: none;
  }
  #primary-nav .local {
    background: transparent;
  }
  #primary-nav .local a {
    color: #fff;
  }
  #primary-nav .subnav {
    position: absolute;
    top: -999em;
    text-align: left;
    background: #008fc5;
    border-radius: 3px;
    border-top-left-radius: 0;
    min-width: 190px;
    padding: 0 10px;
    display: block;
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    transition: opacity 0.25s;
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
    font-weight: 400;
    overflow: hidden;
  }
  #primary-nav .subnav li {
    border-bottom: 1px solid #1486b1;
    margin: 0;
    padding: 0;
  }
  #primary-nav .subnav li a {
    padding: 11px 30px 11px 10px;
    margin: -1px -10px;
    display: block;
    color: #cff1ff;
    background-color: rgba(8, 78, 108, 0);
    -moz-transition: color 0.25s background-color 0.25s;
    -ms-transition: color 0.25s background-color 0.25s;
    -webkit-transition: color 0.25s background-color 0.25s;
    transition: color 0.25s background-color 0.25s;
  }
  #primary-nav .subnav li a:hover,
  #primary-nav .subnav li a:active {
    color: #fff;
    background-color: #084e6c;
  }
  #primary-nav .subnav li:last-child {
    border-bottom: 0;
  }
  #primary-nav .top-level:hover .subnav {
    opacity: 1;
    top: auto;
  }
  #primary-nav .local .subnav {
    overflow: hidden;
    width: 42.15em;
  }
  #primary-nav .local .subnav li {
    float: left;
    width: 10em;
  }
  #primary-nav .local .subnav li a {
    margin-right: 0;
    padding-right: 20px;
    background-position: 95% 50%;
  }
  #primary-nav .local .subnav li:nth-child(4n) a {
    margin-right: -10px;
    padding-right: 30px;
    background-position: 90% 50%;
  }
  #primary-nav .local .subnav li:nth-child(4n+2) a,
  #primary-nav .local .subnav li:nth-child(4n+3) a {
    padding-left: 5px;
    margin-left: -5px;
  }
  #primary-nav .local .subnav li:nth-child(4n+1) {
    clear: left;
    margin-left: 0;
  }
  #primary-nav .localized .subnav {
    width: auto;
  }
  #primary-nav .localized .subnav li {
    float: none;
    width: auto;
  }
  #primary-nav .localized .subnav li a {
    margin-right: -10px;
    padding-right: 30px;
    background-position: 93% 50%;
  }
  #primary-nav .volunteer-now {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
  }
  #primary-nav .wrap {
    width: 810px;
  }
  .donate #primary-nav,
  .scrolling-header #primary-nav {
    position: absolute;
    box-shadow: none;
  }
  #primary-nav .home {
    display: none;
  }
  #primary-nav.es .wrap {
    padding: 0 160px 0 0px;
  }
  #primary-nav.es .top-list .about {
    background-image: none;
    padding-right: 70px !important;
  }
  #primary-nav.es .top-list .issues {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  #primary-nav.es .top-list .volunteer {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  #primary-nav.es .top-list .store {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  #primary-nav + .wrap {
    margin-top: 51px;
  }
  body:before {
    content: none;
  }
  body > .wrap,
  #action-bar .wrap,
  #ft .wrap {
    position: relative;
    left: 0px;
  }
  #ft {
    width: 980px;
  }
  #ft .navs {
    background: url('../images/ft-navs-bg-960.png') repeat-y 50% 0;
    text-align: left;
  }
  #ft .navs .title {
    margin-top: 0;
    text-align: left;
  }
  #ft .navs .connect ul li:nth-child(2n+1) {
    float: left;
    clear: right;
  }
  #ft .navs .connect ul li:nth-child(2n+2) {
    float: right;
  }
  #ft .navs .potus-record {
    display: block;
  }
  #ft .navs nav:first-child .title {
    margin-top: 0;
  }
  #ft .navs nav:first-child .title,
  #ft .navs nav:first-child ul {
    margin-left: 30px;
  }
  #ft .social-follows {
    margin-top: -18px;
    text-align: left;
  }
  #ft .social-follows .twitter iframe {
    margin-left: 20px;
  }
  #ft .social-follows .facebook {
    text-align: right;
  }
  #ft .social-follows .facebook iframe {
    margin-right: 20px;
  }
  #action-bar {
    border: none;
  }
  #action-bar .auth {
    position: static;
    z-index: 1000;
    top: 0 !important;
    padding-top: 7px;
    right: 20px;
    display: block;
    left: auto;
  }
  body.error #form-fields li {
    padding: 10px;
  }
  body.error #form-fields #firstname-cont,
  body.error #form-fields #shipping_firstname-cont,
  body.error #form-fields #lastname-cont,
  body.error #form-fields #shipping_lastname-cont,
  body.error #form-fields #email-cont,
  body.error #form-fields #shipping_email-cont,
  body.error #form-fields #phone-cont,
  body.error #form-fields #shipping_phone-cont,
  body.error #form-fields #employer-cont,
  body.error #form-fields #shipping_employer-cont,
  body.error #form-fields #occupation-cont,
  body.error #form-fields #shipping_occupation-cont {
    width: 43.5%;
  }
  body.error #form-fields #city-cont,
  body.error #form-fields #shipping_city-cont {
    width: 39%;
  }
  body.error #form-fields #state_cd-cont,
  body.error #form-fields #shipping_state_cd-cont {
    width: 20%;
  }
  body.error #form-fields #zip-cont,
  body.error #form-fields #shipping_zip-cont {
    width: 20%;
  }
  body.error #form-fields #cc-expiration-cont {
    width: 40%;
  }
  body.error #form-fields #amount-cont-1,
  body.error #form-fields #amount-cont-5 {
    width: 52px;
  }
  #form-fields {
    width: 385px;
  }
  #form-fields select {
    font-size: 14px;
  }
  #form-fields input.text {
    font-size: 14px;
  }
  #form-fields #cc_number {
    font-family: Monaco, "Lucida Sans Unicode", monospace;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 7px 4px;
  }
  #form-fields label {
    font-size: 13px;
  }
  #form-fields li.form-section-header-cont {
    width: 100%;
    clear: both;
  }
  #form-fields #firstname-cont,
  #form-fields #shipping_firstname-cont,
  #form-fields #email-cont,
  #form-fields #employer-cont {
    float: left;
  }
  #form-fields #lastname-cont,
  #form-fields #shipping_lastname-cont,
  #form-fields #phone-cont,
  #form-fields #occupation-cont {
    float: right;
  }
  #form-fields #firstname-cont,
  #form-fields #shipping_firstname-cont,
  #form-fields #lastname-cont,
  #form-fields #shipping_lastname-cont,
  #form-fields #email-cont,
  #form-fields #phone-cont,
  #form-fields #employer-cont,
  #form-fields #occupation-cont {
    width: 49%;
  }
  #form-fields #addr1-cont,
  #form-fields #shipping_addr1-cont,
  #form-fields #email-cont {
    clear: both;
  }
  #form-fields #city-cont,
  #form-fields #shipping_city-cont {
    width: 54%;
    margin-right: 10px;
    float: left;
  }
  #form-fields #state_cd-cont,
  #form-fields #shipping_state_cd-cont {
    width: 20%;
    margin-right: 10px;
    float: left;
  }
  #form-fields #state_cd-cont #state_cd.error {
    color: #333;
  }
  #form-fields #zip-cont,
  #form-fields #shipping_zip-cont {
    width: 20%;
    float: left;
    margin-right: 0;
  }
  #form-fields #amounts-cont {
    overflow: hidden;
  }
  #form-fields .amount-cont {
    width: 70px;
    margin-right: 10px;
    float: left;
  }
  #form-fields #amount-cont-4 {
    margin-right: 0;
  }
  #form-fields #amount-cont-5 {
    clear: both;
  }
  #form-fields #amount-cont-8 {
    width: 140px;
    margin: -10px 0 0 0;
  }
  #form-fields #cc-number-cont {
    float: left;
  }
  #form-fields #cc-expiration-cont {
    float: right;
  }
  #form-fields #cc-number-cont,
  #form-fields #cc-expiration-cont {
    width: 48%;
  }
  #form-fields #cc_expir_year,
  #form-fields #cc_expir_month {
    width: 70px;
  }
  #form-fields #accepted-ccs {
    margin: 0;
  }
  #form-fields #employment-header {
    margin-bottom: 10px;
  }
  #form-fields #employment-disclaimer {
    font-size: 12px;
  }
  body {
    background-color: #EAEAEA;
  }
  body > .wrap {
    background-color: #EAEAEA;
  }
  /*  transitions */
  .page-header,
  #donate-form-content,
  p.secure {
    -webkit-animation: 1s ease;
    -moz-animation: 1s ease;
    animation: 1s ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    animation-name: fadeInDown;
    opacity: 1;
  }
  body.sequential {
    /*  Form Fields */
  
    /* /#form-fields */
  
    /* body.sequential-active */
  
    /* /body.sequential-active */
  
    /* body.error */
  
    /* /body.error */
  
    /* /body.ovfSwitch */
  
  }
  body.sequential .content-area-bg {
    height: auto;
  }
  body.sequential p.secure {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 999;
    background: transparent url('https://secure.assets.bostatic.com/hydepark/images/secure-seal.png') no-repeat 50% 50%;
    height: 15px;
    width: 57px;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
  }
  body.sequential #donate-form-content {
    width: 385px;
    height: auto;
    padding: 30px;
    margin: 40px;
    overflow: hidden;
    border-radius: 4px;
    -webkit-transition: height 0.3s linear;
    -moz-transition: height 0.3s linear;
    transition: height 0.3s linear;
  }
  body.sequential #donate-form-content #loading-message {
    display: none;
  }
  body.sequential #donate-form-content #donate-form {
    margin: 20px auto 0;
    width: 100%;
  }
  body.sequential span.premature {
    width: 100%;
    position: absolute;
    bottom: 75px;
    left: -5px;
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color: #C41230;
  }
  body.sequential #form-fields {
    margin: 0 auto !important;
    /* Error Overrides */
  
    /* Amounts */
  
    /* Personal info */
  
    /* Credit Card & Payment */
  
    /* Exmployment */
  
  }
  body.sequential #form-fields label {
    font-size: 14px;
  }
  body.sequential #form-fields input {
    -webkit-transition: background-color 0.15s linear;
    -moz-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;
  }
  body.sequential #form-fields input.error {
    border: 2px solid #c41230 !important;
    -webkit-transition: border-color 0.15s ease-in-out;
    -moz-transition: border-color 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out;
  }
  body.sequential #form-fields #cc_expir_month.error,
  body.sequential #form-fields #cc_expir_year.error,
  body.sequential #form-fields #state_cd.error {
    color: #c41230 !important;
    outline: 1px solid red;
  }
  body.sequential #form-fields #select-amount-header {
    margin-top: 20px;
  }
  body.sequential #form-fields #amounts-cont {
    width: 330px;
    margin-left: auto;
    margin-right: auto;
  }
  body.sequential #form-fields #amounts-cont.error {
    padding-right: 20px !important;
  }
  body.sequential #form-fields ul#amounts {
    overflow: auto;
    zoom: 1;
    width: 330px;
    margin: 0 auto;
  }
  body.sequential #form-fields ul#amounts .amount-cont {
    display: block;
    width: 88px;
    float: left;
    clear: none !important;
    margin-right: 20px;
    margin-bottom: 20px !important;
  }
  body.sequential #form-fields ul#amounts .amount-cont input {
    display: none;
  }
  body.sequential #form-fields ul#amounts .amount-cont label {
    display: block;
    width: 80px;
    padding: 8px 5px;
    font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin: 1px 0 0 3px;
    cursor: pointer;
    outline: none;
    /* IE Gradient */
  
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#43afd6', endColorstr='#0c8eba', GradientType=0);
    -webkit-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    -moz-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    transition: background-color 0.15s linear, box-shadow 0.15s linear;
  }
  body.sequential #form-fields ul#amounts .amount-cont label:hover {
    background: #1297c9;
    filter: none;
    color: #fff;
    border: 1px solid #1190c0;
    box-shadow: inset 0px 1px 1px 1px #1297c9, 0px 1px 1px 1px #083f54;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    transition: background 0.1s linear;
  }
  body.sequential #form-fields ul#amounts .amount-cont label.active {
    background: #89cd46;
    filter: none;
    color: #fff;
    border: 1px solid #fff;
  }
  body.sequential #form-fields ul#amounts .amount-cont label.active:hover {
    background: #89cd46;
    box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
  }
  body.sequential #form-fields ul#amounts #amount-cont-8 {
    margin-top: 0;
    margin-left: 1px;
    width: 194px;
  }
  body.sequential #form-fields ul#amounts #amount-cont-8 input {
    display: block;
    height: 42px;
    width: 100%;
  }
  body.sequential #form-fields ul#amounts #amount-cont-8 label {
    display: none;
  }
  body.sequential #form-fields #amount-cont-4 {
    margin-right: 6px;
  }
  body.sequential #form-fields #suggested-amount {
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
    font-size: 14px;
    color: #555555;
    font-style: italic;
    display: block;
    margin: -13px 0 0 0;
  }
  body.sequential #form-fields #addr2-cont {
    display: none;
  }
  body.sequential #form-fields #cc-type-cont {
    margin-top: -13px;
  }
  body.sequential #form-fields #cc-number-cont,
  body.sequential #form-fields #cc-expiration-cont {
    float: none;
    width: 235px;
  }
  body.sequential #form-fields #cc-number-cont {
    margin: 35px auto 10px;
  }
  body.sequential #form-fields #cc-number-cont input::-webkit-input-placeholder {
    color: #999;
  }
  body.sequential #form-fields #cc-number-cont input:-moz-placeholder {
    color: #999;
  }
  body.sequential #form-fields #cc-number-cont input:-ms-input-placeholder {
    color: #999;
  }
  body.sequential #form-fields #cc_number {
    font-size: 17px;
  }
  body.sequential #form-fields #cc_expir_year,
  body.sequential #form-fields #cc_expir_month {
    width: 100px;
  }
  body.sequential #form-fields #cc-expiration-cont {
    margin: 22px auto 10px auto;
  }
  body.sequential #form-fields #cc-expiration-cont #cc_expir_month {
    margin-right: 30px;
  }
  body.sequential #form-fields #cc-type-cont #accepted-ccs {
    width: 190px;
    margin: 0 auto;
    /*background: none;
  				text-indent: 0;
  				width: 100;
  				margin-bottom: 49px;
  				font-size: 16px;*/
  
  }
  body.sequential #form-fields #recurring-cont {
    width: 392px;
    margin-left: 0px;
    margin-top: 20px;
  }
  body.sequential #form-fields #recurring-cont label {
    font-weight: normal !important;
  }
  body.sequential #form-fields #recurring-cont span {
    display: none;
  }
  body.sequential #form-fields .form-section-header-cont.employer_related.occupation_related {
    width: 100%;
    margin: 0 auto;
    line-height: 1.4;
  }
  body.sequential #form-fields #employment-header {
    display: none;
  }
  body.sequential #form-fields #employer-cont,
  body.sequential #form-fields #occupation-cont {
    width: 235px;
    float: none;
  }
  body.sequential #form-fields #employer-cont {
    margin: 5px auto 15px auto;
  }
  body.sequential #form-fields #occupation-cont {
    margin: 15px auto;
  }
  body.sequential #form-fields #employer-occupation-helper,
  body.sequential #form-fields #ovf-switch {
    width: 380px;
    margin: 120px 0 0 0;
    font-size: 13px;
    clear: both;
  }
  body.sequential #form-fields .employment-disclaimer {
    font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #444;
  }
  body.sequential #form-fields #form-fields #submit-cont {
    width: 100%;
    position: relative;
    text-align: center;
  }
  body.sequential #form-fields #ovf-switch {
    display: none;
    width: 385px;
    margin: 136px 0 15px;
  }
  body.sequential #form-fields #submit-cont {
    margin: 20px 0 0 0;
  }
  body.sequential.sequential-active {
    /* Pull the standard submit button off screen */
  
    /* Group CSS to Show & Hide */
  
    /* Breadcrumbs */
  
    /* Next And Submit */
  
    /* /#next */
  
    /* /#submit-button */
  
  }
  body.sequential.sequential-active #donate-form-content {
    height: 425px;
  }
  body.sequential.sequential-active #donate-form-content #donate-form {
    margin: 80px auto 0;
  }
  body.sequential.sequential-active p.secure {
    top: 104px;
  }
  body.sequential.sequential-active #submit-cont,
  body.sequential.sequential-active input#submit {
    display: none;
    position: absolute;
    top: -100%;
    left: -100%;
  }
  body.sequential.sequential-active .group1:not(.submenu),
  body.sequential.sequential-active .group2,
  body.sequential.sequential-active .group3,
  body.sequential.sequential-active .group4,
  body.sequential.sequential-active .group5,
  body.sequential.sequential-active .group6 {
    position: relative;
    left: 0;
    opacity: 1;
    -webkit-transition: left 0.5s ease, opacity 1s ease;
    -moz-transition: left 0.5s ease, opacity 1s ease;
    transition: left 0.5s ease, opacity 1s ease;
  }
  body.sequential.sequential-active .group1:not(.submenu) #accepted-css,
  body.sequential.sequential-active .group2 #accepted-css,
  body.sequential.sequential-active .group3 #accepted-css,
  body.sequential.sequential-active .group4 #accepted-css,
  body.sequential.sequential-active .group5 #accepted-css,
  body.sequential.sequential-active .group6 #accepted-css {
    display: block;
  }
  body.sequential.sequential-active .group1:not(.submenu).hide,
  body.sequential.sequential-active .group2.hide,
  body.sequential.sequential-active .group3.hide,
  body.sequential.sequential-active .group4.hide,
  body.sequential.sequential-active .group5.hide,
  body.sequential.sequential-active .group6.hide {
    position: absolute;
    left: -100%;
    opacity: 0;
    -webkit-transition: left 0.5s ease, opacity 0.15s ease;
    -moz-transition: left 0.5s ease, opacity 0.15s ease;
    transition: left 0.5s ease, opacity 0.15s ease;
  }
  body.sequential.sequential-active .hide {
    position: absolute;
    left: -100%;
    opacity: 0;
    -webkit-transition: left 0.5s ease, opacity 0.15s ease;
    -moz-transition: left 0.5s ease, opacity 0.15s ease;
    transition: left 0.5s ease, opacity 0.15s ease;
  }
  body.sequential.sequential-active .hide #accepted-ccs {
    display: none;
  }
  body.sequential.sequential-active #breadcrumbs {
    display: block;
    position: absolute;
    top: 0;
    left: -26px;
    width: 100%;
    background: #f2f2f2;
    overflow: auto;
    zoom: 1;
    border-bottom: 1px solid #d8d8d8;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  body.sequential.sequential-active #breadcrumbs:after {
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    background: #fff;
    content: '';
  }
  body.sequential.sequential-active #breadcrumbs li {
    display: block;
    position: relative;
    float: left;
    /*width: 65px;*/
  
    width: 59px;
    list-style-type: none;
    text-align: center;
    font-size: 14px;
    color: #b8b8b8;
    font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
    font-weight: normal;
    padding: 18px 0 20px 32px;
    -webkit-transition: color 0.25s linear, background-color 0.25s linear;
    -moz-transition: color 0.25s linear, background-color 0.25s linear;
    transition: color 0.25s linear, background-color 0.25s linear;
  }
  body.sequential.sequential-active #breadcrumbs li hr {
    background: #fff;
    border-top: 1px solid #c9c9c9;
    position: absolute;
    left: -16px;
    top: 45%;
    width: 63px;
  }
  body.sequential.sequential-active #breadcrumbs li span {
    display: block;
    background: #b8b8b8;
    width: 18px;
    margin: 5px auto 0;
    color: #fff;
    padding: 4px;
    border-radius: 5em;
    text-align: center;
    font-weight: bold;
    -webkit-transition: color 0.25s linear, background-color 0.25s linear;
    -moz-transition: color 0.25s linear, background-color 0.25s linear;
    transition: color 0.25s linear, background-color 0.25s linear;
  }
  body.sequential.sequential-active #breadcrumbs li b {
    display: block;
    width: 100%;
    height: 2px;
    opacity: 0;
    background: #b6b6b6;
    margin: 10px auto 0;
    border-bottom: 2px solid white;
  }
  body.sequential.sequential-active #breadcrumbs li:first-child {
    margin-left: 55px;
    padding-left: 0;
  }
  body.sequential.sequential-active #breadcrumbs li.saved-payment:first-child {
    margin-left: 142px;
  }
  body.sequential.sequential-active #breadcrumbs li.completed,
  body.sequential.sequential-active #breadcrumbs li.current {
    color: #555555;
    font-weight: bold;
    cursor: pointer;
  }
  body.sequential.sequential-active #breadcrumbs li.completed hr,
  body.sequential.sequential-active #breadcrumbs li.current hr {
    background: #b9d982;
  }
  body.sequential.sequential-active #breadcrumbs li.completed span,
  body.sequential.sequential-active #breadcrumbs li.current span {
    background: #81c341;
    text-shadow: 1px 1px 0 #dbdbdb;
    -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  }
  body.sequential.sequential-active #breadcrumbs li.completed:hover,
  body.sequential.sequential-active #breadcrumbs li.current:hover {
    color: #000;
    text-shadow: 0 0 10px #fff;
  }
  body.sequential.sequential-active #breadcrumbs li.completed:hover span,
  body.sequential.sequential-active #breadcrumbs li.current:hover span {
    /*
  								background: #88ef24;*/
  
    background: #5b8b2c;
    text-shadow: 1px 1px 0 #d3d3d3;
  }
  body.sequential.sequential-active #breadcrumbs li.completed:hover b,
  body.sequential.sequential-active #breadcrumbs li.current:hover b {
    opacity: 1;
    -webkit-animation: 0.15s ease;
    -moz-animation: 0.15s ease;
    animation: 0.15s ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-transition: opacity 0.25s linear;
    -moz-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
  }
  body.sequential.sequential-active #breadcrumbs li.current {
    /*background: white;
  						color: @light-blue;*/
  
  }
  body.sequential.sequential-active #next {
    background: #1297c9;
    background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(255, 255, 255, 0.1)));
    cursor: pointer;
    outline: none;
    border: 1px solid #1190c0;
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px 1px rgba(255, 255, 255, 0.2), 0px 1px 1px 1px #083f54;
    -webkit-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    -moz-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    transition: background-color 0.15s linear, box-shadow 0.15s linear;
    position: absolute;
    bottom: 20px;
    left: 50%;
    display: block;
    margin: 10px 0 0 -84px;
    padding: 2px 10px;
    width: 142px;
    -webkit-transition: background-color 0.15s ease-in-out, box-shadow 0.15s linear;
    -moz-transition: background-color 0.15s ease-in-out, box-shadow 0.15s linear;
    transition: background-color 0.15s ease-in-out, box-shadow 0.15s linear;
  }
  body.sequential.sequential-active #next:hover {
    background: #1297c9;
  }
  body.sequential.sequential-active #next:active {
    background: #0e749a;
    box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
  }
  body.sequential.sequential-active #next p {
    background: transparent url('https://secure.assets.bostatic.com/hydepark/images/donate/sa-continue-arrow.png') no-repeat 96% 50%;
    text-align: center;
    color: #fff;
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
    font-weight: bold;
    font-size: 18px;
    padding: 7px 30px 7px 10px;
    text-transform: uppercase;
  }
  body.sequential.sequential-active #submit-button {
    position: absolute;
    bottom: 172px;
    left: 50%;
    margin: 10px 0 0 -116px;
    /*display: block;*/
  
    width: 190px;
    background: #89cd46;
    background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(255, 255, 255, 0.1)));
    cursor: pointer;
    outline: none;
    border: 1px solid #84cb3e;
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px 1px rgba(255, 255, 255, 0.2), 0px 1px 1px 1px #49741f;
    -webkit-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    -moz-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    transition: background-color 0.15s linear, box-shadow 0.15s linear;
    padding: 10px 28px 10px 10px;
    font-weight: bold;
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: bottom 0.25s linear;
    -moz-transition: bottom 0.25s linear;
    transition: bottom 0.25s linear;
  }
  body.sequential.sequential-active #submit-button:hover {
    background: #89cd46;
  }
  body.sequential.sequential-active #submit-button:active {
    background: #70b030;
    box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
  }
  body.sequential.sequential-active #submit-button span#processingform {
    background: transparent url('https://secure.assets.bostatic.com/hydepark/images/donate/20121008_ContinueButton_test.png') no-repeat 104% 49%;
    width: 16px;
    height: 16px;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
    position: absolute;
    top: 15px;
    right: 20px;
  }
  body.sequential.sequential-active #submit-button.processingform {
    background: #89cd46;
    color: white;
  }
  body.sequential.sequential-active #submit-button.processingform span#processingform {
    background: transparent url('https://secure.assets.bostatic.com/hydepark/images/donate/20121008_ContinueButton_test.png') no-repeat 104% 49%;
    width: 16px;
    height: 16px;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
    position: absolute;
    top: 13px;
    right: 20px;
  }
  body.sequential.sequential-active #submit-button.saved-payment {
    bottom: 40px;
  }
  body.sequential.sequential-active #employer-occupation-helper {
    margin: 146px 0 0 0;
  }
  body.sequential.sequential-active #creditcard-header {
    display: none;
  }
  body.sequential.sequential-active #amount-header {
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
    font-size: 22px;
    /*color: #707070;*/
  
    /* updated color to match WCAG Contrast Compliance */
  
    color: #575757;
    margin-top: 20px;
    margin-left: 40px;
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    transition: color 0.15s linear;
  }
  body.sequential.sequential-active #amount-header.error {
    color: #c41230;
  }
  body.sequential.error {
    /* /#form-fields */
  
    /* Submit */
  
  }
  body.sequential.error #donate-form-content {
    min-height: 500px;
    height: auto !important;
  }
  body.sequential.error #donate-form-content #donate-form {
    margin-top: 0;
  }
  body.sequential.error p.secure {
    top: 5px !important;
  }
  body.sequential.error #form-fields {
    /* Amounts */
  
    /* CC / Payment */
  
    /* Employement */
  
  }
  body.sequential.error #form-fields ul#amounts {
    width: 330px;
  }
  body.sequential.error #form-fields ul#amounts .amount-cont {
    width: 88px !important;
    margin-right: 20px !important;
  }
  body.sequential.error #form-fields ul#amounts #amount-cont-8 {
    width: 40% !important;
  }
  body.sequential.error #form-fields #amount-cont-1,
  body.sequential.error #form-fields #amount-cont-5 {
    width: auto;
  }
  body.sequential.error #form-fields #creditcard-header {
    display: block;
  }
  body.sequential.error #form-fields #accepted-ccs {
    width: 190px;
    margin: -45px 0 0 120px;
  }
  body.sequential.error #form-fields #cc-type-cont {
    margin-top: 0;
  }
  body.sequential.error #form-fields #cc-type-cont #accepted-ccs {
    padding-bottom: 30px;
  }
  body.sequential.error #form-fields #cc-number-cont {
    margin: -30px auto 0px;
  }
  body.sequential.error #form-fields #cc-expiration-cont {
    width: 60%;
    margin: 0px auto 10px auto;
  }
  body.sequential.error #form-fields #cc_expir_month {
    float: left;
  }
  body.sequential.error #form-fields #employer-cont {
    margin-left: 18px;
  }
  body.sequential.error #form-fields #employer-cont,
  body.sequential.error #form-fields #occupation-cont {
    width: 45%;
    float: left;
    padding: 0 10px 0 0;
    margin-top: 10px;
  }
  body.sequential.error #form-fields #employer-cont.error,
  body.sequential.error #form-fields #occupation-cont.error {
    padding: 4px;
  }
  body.sequential.error #form-fields #employer-occupation-helper,
  body.sequential.error #form-fields #ovf-switch {
    margin: 10px 0 0 0;
  }
  body.sequential.error #form-fields .form-section-header-cont.employer_related.occupation_related {
    margin-bottom: 55px;
  }
  body.sequential.error #form-fields #ovf-switch {
    display: none;
  }
  body.sequential.error #submit-button.fullform {
    position: absolute;
    bottom: 25px;
  }
  body.sequential.ovfSwitch.sequential-active.personalized #donate-form-content.ovfSwitch {
    height: 450px;
  }
  body.sequential.ovfSwitch.sequential-active.personalized #submit-button.saved-payment {
    bottom: 120px;
  }
  body.sequential.ovfSwitch.sequential-active.personalized.hashcloud #donate-form-content.ovfSwitch {
    height: 425px;
  }
  body.sequential.ovfSwitch.sequential-active.personalized.hashcloud #submit-button {
    bottom: 172px;
  }
  body.sequential.ovfSwitch.sequential-active.personalized.qd #form-fields #ovf-switch {
    margin-top: 115px;
  }
  body.sequential.ovfSwitch.sequential-active #donate-form-content.ovfSwitch {
    height: 490px;
  }
  body.sequential.ovfSwitch.sequential-active #form-fields #ovf-switch {
    display: block;
  }
  body.sequential.ovfSwitch.sequential-active #form-fields #employer-occupation-helper {
    margin: 0;
  }
  body.sequential.ovfSwitch.sequential-active #submit-button {
    bottom: 230px;
  }
  body.sequential.ovfSwitch.sequential-active #submit-button.saved-payment {
    bottom: 100px;
  }
  body.sequential.ovfSwitch.sequential-active.hashcloud #form-fields #ovf-switch {
    margin-top: 126px;
  }
  body.sequential.ovfSwitch.sequential-active.error {
    /* Submit */
  
  }
  body.sequential.ovfSwitch.sequential-active.error.hashcloud #donate-form-content.ovfSwitch,
  body.sequential.ovfSwitch.sequential-active.error #donate-form-content.ovfSwitch {
    min-height: 550px;
    height: auto;
    padding-bottom: 120px;
  }
  body.sequential.ovfSwitch.sequential-active.error.hashcloud #submit-button.fullform,
  body.sequential.ovfSwitch.sequential-active.error #submit-button.fullform {
    bottom: 120px;
  }
  body.sequential.ovfSwitch.sequential-active.error #form-fields #ovf-switch {
    display: block;
    position: absolute;
    margin: 0 30px;
    bottom: 15px;
  }
  body.sequential.ofa-gateway #donate-form-content #form-fields #recurring-cont span.ofa-recur,
  body.sequential.ovf-gateway #donate-form-content #form-fields #recurring-cont span.ovf-recur {
    display: inline;
  }
  /* /body.sequential */
  body.sequential .content-area-bg {
    background-color: #03101e;
    background-image: url('https://secure.assets.bostatic.com/hydepark/images/donate/sa-barack-bg4.jpg');
    background-position: 50% 0%;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  body.sequential p.secure {
    position: absolute;
    top: 104px;
    right: 15px;
    z-index: 999;
    background: transparent url('https://secure.assets.bostatic.com/hydepark/images/secure-seal.png') no-repeat 50% 50%;
    height: 15px;
    width: 57px;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
  }
  body.sequential #personalized-content #donor-info {
    border-bottom: none;
  }
  body.sequential #personalized-content #donor-info #donor-name {
    font-size: 22px;
  }
  body.sequential #personalized-content #donor-info #donor-credit-card span {
    font-size: 18px;
  }
  body.sequential #personalized-content #donor-info #donor-payment-cont {
    padding-top: 22px;
    border-top: 1px solid #999;
    margin-top: 25px;
  }
  body.sequential.error #form-fields {
    /* Employment */
  
  }
  body.sequential.error #form-fields .form-section-header-cont.employer_related.occupation_related {
    margin: 0 auto 60px;
  }
  body.sequential.error #form-fields #employer-occupation-helper {
    margin: 25px 0 0 0;
  }
}
/*
   Hydepark Generic Modules
   
   Created by Daniel Ryan on 2011-11-12.
   Copyright 2011 Obama for America. All rights reserved.
*/
.module,
#contact_importer_dialog {
  overflow: hidden;
  margin: 15px 0 0;
  background: #fff;
  border-radius: 3px;
  padding: 15px 0;
  border-bottom: 1px solid #d1d1d1;
}
.module .module-header,
#contact_importer_dialog .module-header,
.module .hd,
#contact_importer_dialog .hd {
  padding: 10px;
  background: #008fc5;
  color: #fff;
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  text-transform: uppercase;
  text-align: center;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  font-size: 18px;
  margin: -15px 0 10px;
  font-weight: 700;
  letter-spacing: 1px;
}
.module .module-header i,
#contact_importer_dialog .module-header i,
.module .hd i,
#contact_importer_dialog .hd i {
  font-style: italic;
  font-weight: normal;
  font-size: 90%;
  font-family: Georgia, serif;
  text-transform: none;
}
.module .explanation,
#contact_importer_dialog .explanation {
  text-align: center;
  font-size: 15px;
  color: #959595;
  margin: 10px 0;
}
.module .see-more,
#contact_importer_dialog .see-more {
  margin: 0;
  padding: 10px 0;
  text-align: center;
}
.module .segmented,
#contact_importer_dialog .segmented {
  margin-bottom: -20px;
  /* compensates for li padding */

  margin-left: 0;
  margin-right: 0;
  list-style: none;
}
.module .segmented > li,
#contact_importer_dialog .segmented > li {
  border-top: 1px solid #ccc;
  padding: 20px;
  overflow: hidden;
  list-style: none;
}
.module .segmented > li:first-child,
#contact_importer_dialog .segmented > li:first-child {
  padding-top: 0;
  border-top: 0;
}
.module.translucent {
  background: rgba(255, 255, 255, 0.8);
}
.module:first-child,
.module.columns {
  margin-top: 0;
}
.module.video-404 {
  padding-top: 0;
  padding-bottom: 0;
}
/*
   Hydepark Local Events Module
   
   Created by Jeff Louden on 2011-11-12.
   Copyright 2011 Obama for America. All rights reserved.
*/
.module.local-events .summary a,
.module.local-events .summary a:link {
  color: #008fc5;
  text-decoration: none;
}
.module.local-events .summary a:hover {
  color: #00446a;
  text-decoration: underline;
}
.module.local-events .summary a:visited {
  color: #00446a;
}
.module.local-events .vcal {
  margin-bottom: -20px;
  /* compensate for the li padding */

}
.module.local-events form {
  max-width: 280px;
  margin: 20px auto;
}
.module.local-events ul,
.module.local-events ol {
  margin: 0;
  line-height: 19px;
}
.module.local-events ul li,
.module.local-events ol li {
  list-style-type: none;
}
.module.local-events ul.vcal li.vevent:first-child {
  border-top: 1px solid #00446a;
  padding-top: 20px;
}
.module.local-events ul.details {
  overflow: hidden;
}
.module.local-events ul.details li {
  width: 49.9%;
  float: left;
}
.module.local-events .label {
  font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #00446a;
}
.module.local-events .vcal p {
  font-size: 13px;
  margin: 0 0 10px 0;
}
.module.local-events p.summary {
  color: #00446a;
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.module.local-events .title {
  color: #00446a;
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  font-weight: normal;
  font-size: 18px;
}
.module.local-events .buttons {
  margin: 10px 0 0;
  text-align: right;
}
.module.local-events address {
  font-style: inherit;
}
/*
   Hydepark Postcard Module
   
   Created by Sean Kealey on 2011-01-31.
   Copyright 2011 Obama for America. All rights reserved.
*/
.module.postcard img {
  padding: 6px 20px 15px;
}
.module.postcard p {
  text-align: center;
}
.oldie .module.postcard {
  text-align: center;
}
.oldie .module.postcard img {
  width: 340px;
  padding: 6px 15px;
}
.oldie .module.postcard p {
  text-align: center;
}
/*
   Hydepark Modals
   
   Created by Daniel Ryan on 2011-11-12.
   Copyright 2011 Obama for America. All rights reserved.
*/
.modal,
#overlay,
.masked .mask {
  position: fixed;
  top: -999em;
  bottom: 999em;
  left: 50%;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.modal.top.active,
#overlay.active {
  top: 0;
  bottom: auto;
}
#overlay.active {
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}
#overlay,
.masked .mask {
  z-index: 1001;
  background: url('../images/overlay.png');
}
/*Giant Grey background bug fix*/
.ie8 .mask {
  display: none !important;
}
.rgba #overlay {
  background: rgba(0, 0, 0, 0.7);
}
.modal.active {
  top: 50%;
  left: 50%;
  bottom: auto;
  opacity: 1;
}
.modal {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  z-index: 1002;
  padding: 0;
}
.modal .module-header {
  padding-left: 30px;
  /* makes room for the close button */

  padding-right: 30px;
  margin-top: 0;
}
.modal .entry-content {
  padding: 0 10px 10px;
  margin-top: 10px;
}
.modal footer {
  padding: 10px;
  text-align: right;
  background: #eee;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.modal footer a,
.modal footer a:link,
.modal footer a:hover,
.modal footer a:active,
.modal footer a:visited {
  min-width: 6em;
  text-align: center;
  margin-left: 10px;
}
.modal footer a.cancel {
  background-color: #aaa;
}
.modal footer a.cancel:hover,
.modal footer a.cancel:active {
  background-color: #bbb;
}
.modal .close {
  position: absolute;
  color: white;
  top: 12px;
  right: 10px;
  font-weight: 700;
}
.modal .close b {
  display: none;
}
/*
   Hydepark Toolkit Module
   
   Created by Daniel Ryan on 2011-11-12.
   Copyright 2011 Obama for America. All rights reserved.
*/
.module.toolkit nav {
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  font-size: 12px;
  text-transform: uppercase;
}
.module.toolkit nav ul {
  margin: 0 0 -20px;
  /* negative margin compensates for the bottom margin on the lis */

  padding: 0;
  zoom: 1;
  overflow: hidden;
}
.module.toolkit nav ul li {
  list-style: none;
  float: left;
  margin: 0 0 20px;
  width: 33%;
}
.module.toolkit nav ul li a {
  padding-left: 5px;
  padding-right: 5px;
}
.module.toolkit nav ul li:nth-child(3n+1) {
  clear: left;
}
.module.toolkit nav ul.two-up li {
  width: 50%;
}
.module.toolkit nav ul.two-up li:nth-child(3n+1) {
  clear: none;
}
.module.toolkit nav ul.two-up li:nth-child(odd) {
  clear: left;
}
@media (min-width: 768px) and (max-width: 959px) {
  .module.toolkit nav ul li {
    width: 50%;
  }
  .module.toolkit nav ul li:nth-child(3n+1) {
    clear: none;
  }
  .module.toolkit nav ul li:nth-child(odd) {
    clear: left;
  }
}
.oldie .module.toolkit nav ul {
  margin-bottom: 0;
}
/*
   Hydepark SVG US Map Module
   
   Created by Daniel Ryan on 2011-11-12.
   Copyright 2011 Obama for America. All rights reserved.
*/
.module.select-a-state {
  text-align: center;
}
.module.select-a-state header label {
  color: inherit;
  font-size: inherit;
}
.module.select-a-state .usmap-input {
  margin-top: 10px;
}
.module.select-a-state .usmap-map svg {
  width: 940px;
  height: 593px;
  max-width: 100%;
  margin: 0 auto;
}
.home-page .module.select-a-state,
.state .module.select-a-state {
  background: transparent;
  border-radius: 0;
  margin-top: 40px;
}
.home-page .module.select-a-state header,
.state .module.select-a-state header {
  background: transparent;
  font-size: 24px;
  padding: 0;
}
.home-page .module.select-a-state header label,
.state .module.select-a-state header label {
  color: #008fc5;
}
.home-page .module.select-a-state .usmap-map,
.state .module.select-a-state .usmap-map {
  display: none;
}
.ie9 .usmap-map {
  display: none;
}
@media (min-width: 960px) {
  .home-page .module.select-a-state .usmap-map,
  .state .module.select-a-state .usmap-map {
    display: block;
  }
}
.state-chooser {
  margin: 0;
  list-style: none;
}
.state-chooser li {
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: 700;
  float: left;
  width: 50%;
}
@media (min-width: 768px) {
  .state-chooser li {
    width: 18%;
    padding-right: 2%;
  }
  .state-chooser li:nth-child(5n+1) {
    clear: both;
  }
}
.oldie .state-chooser li {
  width: 18%;
  padding-right: 2%;
}
.timeline {
  overflow: hidden;
  width: auto;
}
.timeline .module,
.timeline .item {
  margin: 20px 0 0;
}
.timeline .module .entry-title,
.timeline .item .entry-title {
  font-size: inherit;
  font-family: inherit;
  margin: 0;
}
.timeline .module .entry-title a,
.timeline .item .entry-title a,
.timeline .module .entry-title a:link,
.timeline .item .entry-title a:link,
.timeline .module .entry-title a:hover,
.timeline .item .entry-title a:hover,
.timeline .module .entry-title a:active,
.timeline .item .entry-title a:active,
.timeline .module .entry-title a:visited,
.timeline .item .entry-title a:visited {
  color: #fff;
}
.timeline .module .entry-content,
.timeline .item .entry-content,
.timeline .module .entry-excerpt,
.timeline .item .entry-excerpt {
  padding: 0 10px;
  color: #555;
}
.timeline .module .entry-title,
.timeline .item .entry-title {
  color: white;
  font-weight: 700;
  letter-spacing: 1px;
}
.timeline .module footer,
.timeline .item footer {
  padding: 0 10px;
}
.timeline .module footer a,
.timeline .item footer a {
  font-weight: 700;
  margin-right: 10px;
}
.timeline .module:first-child,
.timeline .item:first-child {
  margin-top: 0;
}
.timeline .module:after,
.timeline .item:after {
  content: ".";
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
@media (min-width: 768px) {
  .timeline {
    margin-left: -10px;
    margin-right: -10px;
  }
  .timeline .module,
  .timeline .item {
    width: 364px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
  }
  .timeline .module.go-right,
  .timeline .item.go-right {
    float: right;
  }
  .timeline .module:nth-child(1),
  .timeline .module:nth-child(2),
  .timeline .item:nth-child(1),
  .timeline .item:nth-child(2) {
    margin-top: 0;
  }
}
@media (min-width: 960px) {
  .timeline .module,
  .timeline .item {
    width: 460px;
  }
  .timeline .module .entry-content,
  .timeline .item .entry-content,
  .timeline .module .entry-excerpt,
  .timeline .item .entry-excerpt,
  .timeline .module footer,
  .timeline .item footer {
    padding: 0 30px;
  }
}
.oldie .timeline {
  margin-left: -10px;
  margin-right: -10px;
}
.oldie .timeline .module,
.oldie .timeline .item {
  width: 460px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
.oldie .timeline .module .entry-content,
.oldie .timeline .item .entry-content,
.oldie .timeline .module .entry-excerpt,
.oldie .timeline .item .entry-excerpt,
.oldie .timeline .module footer,
.oldie .timeline .item footer {
  padding: 0 30px;
}
.oldie .timeline .module:first-child,
.oldie .timeline .item:first-child {
  margin-top: 20px;
}
.oldie .timeline .module.go-right,
.oldie .timeline .item.go-right {
  float: right;
}
.generatedcontent .timeline .module footer a,
.generatedcontent .timeline .item footer a {
  margin-right: 0.25em;
}
.generatedcontent .timeline .module footer a:after,
.generatedcontent .timeline .item footer a:after {
  content: ",";
  color: #555;
  text-decoration: none;
}
.generatedcontent .timeline .module footer a:last-child:after,
.generatedcontent .timeline .item footer a:last-child:after {
  content: "";
}
.icon,
#share-body #invitationpage .bsd-shareButtons-wrap a.bsd-shareButton-facebook,
#share-body #invitationpage .bsd-shareButtons-wrap a.bsd-shareButton-twitter {
  display: block;
  padding: 90px 0 0;
  text-align: center;
  color: #008fc5;
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  background: url('../images/icon-sprite.png') no-repeat 50% -999em;
  font-size: 12px;
  min-width: 90px;
  text-transform: uppercase;
}
a.icon,
a:link.icon,
a:hover.icon,
a:visited.icon,
a:active.icon {
  color: #008fc5;
}
.icon.call,
.icon.phone {
  background-position: 50% 0;
}
.icon.tweet-for-progress {
  background-position: 50% -150px;
}
.icon.envelope {
  background-position: 50% -300px;
}
.icon.house {
  background-position: 50% -450px;
}
.icon.person {
  background-position: 50% -600px;
}
.icon.thermometer {
  background-position: 50% -750px;
}
.icon.clipboard {
  background-position: 50% -900px;
}
.icon.facebook,
#share-body #invitationpage .bsd-shareButtons-wrap a.bsd-shareButton-facebook {
  background-position: 50% -1050px;
}
.icon.twitter,
#share-body #invitationpage .bsd-shareButtons-wrap a.bsd-shareButton-twitter {
  background-position: 50% -1200px;
}
.icon.at-sign {
  background-position: 50% -1350px;
}
.icon.graph {
  background-position: 50% -1500px;
}
.icon.rss {
  background-position: 50% -1650px;
}
.icon.tumblr {
  background-position: 50% -1800px;
}
.icon.checkmark {
  background-position: 50% -1950px;
}
.icon.attack-watch {
  background-position: 50% -2100px;
}
.icon.donate {
  background-position: 50% -2250px;
}
.icon.talking-points,
.icon.ordered-list {
  background-position: 50% -2400px;
}
.icon.video,
.icon.play {
  background-position: 50% -2550px;
}
.icon.calendar {
  background-position: 50% -2700px;
}
.icon.camera {
  background-position: 50% -2850px;
}
/* eff bsd */
#share-body #invitationpage .bsd-shareButtons-wrap a.bsd-shareButton-facebook span,
#share-body #invitationpage .bsd-shareButtons-wrap a.bsd-shareButton-twitter span {
  background: transparent;
  padding: 0;
}
/*
   Hydepark Calls to Action
   
   Created by Daniel Ryan on 2011-11-16.
   Copyright 2011 Obama for America. All rights reserved.
*/
.calls-to-action {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  list-style: none;
}
.calls-to-action .icon {
  font-size: 14px;
  letter-spacing: 1px;
}
.calls-to-action li {
  position: relative;
  margin-bottom: 20px;
}
@media (min-width: 480px) {
  .calls-to-action li:before {
    content: " ";
    background: #999;
    width: 1px;
    position: absolute;
    top: 0;
    left: -10px;
    bottom: 0;
  }
  .calls-to-action li:first-child:before {
    content: "";
    background: transparent;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .calls-to-action li {
    float: left;
    width: 50%;
  }
  .calls-to-action li:nth-child(odd):before {
    content: "";
    background: transparent;
    clear: both;
  }
  .calls-to-action li:nth-child(3),
  .calls-to-action li:nth-child(4) {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .calls-to-action li {
    margin-bottom: 0;
  }
}
/*
   Hydepark POTUS Record in Brief Module
   
   Created by Daniel Ryan on 2011-11-12.
   Copyright 2011 Obama for America. All rights reserved.
*/
.center {
  text-align: center;
}
.module.keeping-his-word {
  background: transparent;
  border-radius: 0;
  padding: 0;
  border-bottom: 0;
}
.module.keeping-his-word ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.module.keeping-his-word ul li {
  list-style: none;
  margin: 0 0 10px;
  font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
  font-size: 18px;
  text-align: center;
  color: #00446a;
  background-color: #008fc5;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.module.keeping-his-word ul li:nth-child(odd) {
  background-color: #7db2ce;
}
.module.keeping-his-word ul li:nth-child(even) {
  background-color: #c3dce9;
}
.module.keeping-his-word ul li .sub-head {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 10px;
  color: #1b5675;
}
.module.keeping-his-word ul li a {
  display: block;
  color: #00446a;
  padding: 15px;
  white-space: normal;
  font-weight: 700;
  text-transform: uppercase;
}
.module.keeping-his-word ul li a i {
  border-right: 1px solid #00446a;
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  color: #286d91;
  padding-right: 10px;
}
.module.keeping-his-word ul .count-1 {
  background-color: #00446a;
  font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
  font-weight: bold;
}
.module.keeping-his-word ul .count-1 a {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 28px;
  letter-spacing: .1em;
  padding-top: 10px;
}
.module.keeping-his-word ul .count-1 a i {
  display: block;
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  font-style: italic;
  font-size: 21px;
  color: #fff;
  text-transform: none;
  font-weight: normal;
  letter-spacing: 0;
  padding-right: 0px;
  margin-right: 0px;
  border-right: none;
}
.side-bug {
  height: 80px;
  overflow: auto;
}
.side-bug.truth-team {
  background: #8c8f96;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.side-bug.truth-team a {
  display: block;
  height: 80px;
  width: 100%;
}
.side-bug.truth-team a img {
  display: block;
  margin: 20px auto 0;
  width: 215px;
}
.side-bug.truth-team a p {
  text-align: center;
  font-size: 12px;
  color: #444646;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .module.keeping-his-word {
    height: 80px;
  }
  .module.keeping-his-word .slider {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0px;
  }
  .module.keeping-his-word .slider .next,
  .module.keeping-his-word .slider .prev {
    width: 25px;
    height: 38px;
    margin-top: -18px;
    background-color: #0270a0;
  }
  .module.keeping-his-word .slider ul li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../images/khw-new-sprite-6-tiles.png);
    background-position: center top;
    height: 80px;
  }
  .module.keeping-his-word .slider ul li a {
    white-space: normal;
    font-size: 14px;
    padding: 35px 20px 0;
  }
  .module.keeping-his-word .slider ul li.count-1 {
    background-position: center 0;
    background-color: #00446a;
  }
  .module.keeping-his-word .slider ul li.count-1 a {
    font-size: 24px;
    padding: 11px 50px 0;
  }
  .module.keeping-his-word .slider ul li.count-2 {
    background-position: center -80px;
  }
  .module.keeping-his-word .slider ul li.count-3 {
    background-position: center -160px;
  }
  .module.keeping-his-word .slider ul li.count-4 {
    background-position: center -240px;
  }
  .module.keeping-his-word .slider ul li.count-5 {
    background-position: center -320px;
  }
  .module.keeping-his-word .slider ul li.count-6 {
    background-position: center -400px;
  }
  .module.keeping-his-word .slider ul li.count-7 {
    background-position: center -480px;
  }
  .js .module.keeping-his-word .slider .next {
    right: 0px;
    border-radius: 3px 0px 0px 3px;
    background-image: url('../images/new-khw-arrow-next.png');
  }
  .js .module.keeping-his-word .slider .prev {
    left: 0px;
    border-radius: 0px 3px 3px 0px;
    background-image: url('../images/new-khw-arrow-prev.png');
  }
  .js .module.keeping-his-word ul li {
    margin: 0 10px 0 0;
  }
  .side-bug.truth-team a {
    width: 236px;
    position: absolute;
  }
  .side-bug.truth-team a img {
    width: 215px;
  }
}
@media (min-width: 960px) {
  .module.toolkit nav ul li {
    width: 50%;
  }
  .module.toolkit nav ul li:nth-child(3n+1) {
    clear: none;
  }
  .module.toolkit nav ul li:nth-child(odd) {
    clear: left;
  }
  .module.keeping-his-word .slider ul li {
    font-size: 24px;
  }
  .module.keeping-his-word .slider ul li a {
    white-space: normal;
    font-size: 17px;
    padding: 32px 50px 0;
  }
  .module.keeping-his-word .slider ul li.count-1 a {
    font-size: 24px;
    padding: 11px 50px 0;
  }
  .side-bug.truth-team a {
    width: 300px;
  }
  .side-bug.truth-team a img {
    width: auto;
  }
}
.oldie .module.toolkit nav ul li {
  width: 50%;
}
.oldie .module.toolkit nav ul li:nth-child(3n+1) {
  clear: none;
}
.oldie .module.toolkit nav ul li:nth-child(odd) {
  clear: left;
}
.oldie .module.keeping-his-word {
  height: 80px;
}
.oldie .module.keeping-his-word .slider {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0px;
}
.oldie .module.keeping-his-word .slider .next,
.oldie .module.keeping-his-word .slider .prev {
  width: 25px;
  height: 38px;
  margin-top: -22px;
  background-color: #0270a0;
}
.oldie .module.keeping-his-word .slider .next {
  right: 0px;
  background-image: url('../images/new-khw-arrow-next.png');
}
.oldie .module.keeping-his-word .slider .prev {
  left: 0px;
  background-image: url('../images/new-khw-arrow-prev.png');
}
.oldie .module.keeping-his-word .slider ul li {
  font-size: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url(../images/khw-new-sprite-6-tiles.png);
  background-position: center top;
  margin-left: 0px;
  height: 80px;
}
.oldie .module.keeping-his-word .slider ul li a {
  white-space: normal;
  font-size: 15px;
  padding: 34px 50px 0;
}
.oldie .module.keeping-his-word .slider ul li.count-1 {
  background-position-y: 0;
  background-color: #00446a;
}
.oldie .module.keeping-his-word .slider ul li.count-1 a {
  font-size: 24px;
  padding: 11px 50px 0;
}
.oldie .module.keeping-his-word .slider ul li.count-2 {
  background-position: center -80px;
}
.oldie .module.keeping-his-word .slider ul li.count-3 {
  background-position: center -160px;
}
.oldie .module.keeping-his-word .slider ul li.count-4 {
  background-position: center -240px;
}
.oldie .module.keeping-his-word .slider ul li.count-5 {
  background-position: center -320px;
}
.oldie .module.keeping-his-word .slider ul li.count-6 {
  background-position: center -400px;
}
.oldie .module.keeping-his-word .slider ul li.count-7 {
  background-position: center -480px;
}
.oldie .js .module.keeping-his-word .slider .next {
  right: 0px;
  border-radius: 3px 0px 0px 3px;
  background-image: url('../images/new-khw-arrow-next.png');
}
.oldie .js .module.keeping-his-word .slider .prev {
  left: 0px;
  border-radius: 0px 3px 3px 0px;
  background-image: url('../images/new-khw-arrow-prev.png');
}
.oldie .js .module.keeping-his-word ul li {
  margin: 0 10px 0 0;
}
.oldie .side-bug.truth-team a {
  width: 300px;
  position: absolute;
}
.oldie .side-bug.truth-team a img {
  width: auto;
}
.oldie.js .module.record-in-brief ul li {
  margin: 0 10px 0 0;
}
.share-links {
  text-align: center;
  margin: 20px 0;
  background: url('../images/share-links-bg.png') repeat-x 50% 50%;
}
.share-links ul li {
  display: inline;
  margin: 0 5px;
}
.share-links ul li a {
  display: inline-block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em;
  width: 46px;
  height: 46px;
  background: url('../images/share-links-sprite.png') no-repeat -999em 50%;
}
.share-links ul .facebook a {
  background-position: 0 50%;
}
.share-links ul .twitter a {
  background-position: -53px 50%;
}
.share-links ul .email a {
  background-position: -107px 50%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .share-links ul li a {
    background-image: url('../images/share-links-sprite-2x.png');
    -webkit-background-size: 154px 46px;
  }
}
.ie7 .share-links ul {
  width: 168px;
  margin-left: auto;
  margin-right: auto;
}
.ie7 .share-links ul li {
  float: left;
  width: 46px;
}
.ie7 .share-links ul li a {
  display: block;
}
/*
   Hydepark Core Typography
   
   Created by Dan Carson on 2011-11-12.
   Copyright 2011 Obama for America. All rights reserved.
*/
/* Global Style */
.center {
  text-align: center;
}
body {
  color: #555;
}
.title {
  color: #00446a;
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
  font-weight: normal;
}
article,
#signupfooter {
  /* form button */

  /* h3 */

}
article a,
#signupfooter a,
article a:link,
#signupfooter a:link {
  color: #008fc5;
  text-decoration: none;
}
article a:hover,
#signupfooter a:hover {
  color: #00446a;
  text-decoration: underline;
}
article a:visited,
#signupfooter a:visited {
  color: #00446a;
}
article a.form-button,
#signupfooter a.form-button,
article a.form-button:link,
#signupfooter a.form-button:link,
article a.form-button:active,
#signupfooter a.form-button:active,
article a.form-button:visited,
#signupfooter a.form-button:visited {
  color: white;
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  font-size: 13px;
  text-transform: uppercase;
  background: #c41230;
  padding: 6px 15px;
  font-weight: normal;
  text-decoration: none;
  -moz-border-radius: 3px;
  border-radius: 3px;
  letter-spacing: 1px;
}
article a.form-button:hover,
#signupfooter a.form-button:hover {
  text-decoration: none;
  background: #720b0e;
}
article .headline-three,
#signupfooter .headline-three {
  color: #00446a;
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  font-weight: normal;
  font-size: 18px;
  margin: 0 0 10px 0;
}
article .headline-four,
#signupfooter .headline-four {
  color: #00446a;
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
article .headline-five,
#signupfooter .headline-five {
  color: #00446a;
  font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
  font-size: 13px;
  font-weight: 700;
}
article .entry-title,
#signupfooter .entry-title {
  color: #00446a;
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  font-weight: normal;
  font-size: 24px;
  margin: 10px 0 4px 0;
}
article .entry-title a,
#signupfooter .entry-title a,
article .entry-title a:link,
#signupfooter .entry-title a:link,
article .entry-title a:hover,
#signupfooter .entry-title a:hover,
article .entry-title a:visited,
#signupfooter .entry-title a:visited,
article .entry-title a:active,
#signupfooter .entry-title a:active {
  color: #00446a;
}
article .special-header,
#signupfooter .special-header {
  color: #008fc5;
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 10px 0;
}
article p,
#signupfooter p {
  line-height: 19px;
  margin-bottom: 20px;
}
article p.special-description,
#signupfooter p.special-description {
  font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
  font-size: 16px;
  line-height: 18px;
}
article p.action-text,
#signupfooter p.action-text {
  color: #3e3e3e;
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  font-size: 18px;
  line-height: 23px;
}
article p.status-text,
#signupfooter p.status-text {
  color: #00446a;
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
}
article ul.featured-list,
#signupfooter ul.featured-list {
  margin: 0;
  padding: 0 0 0 18px;
  list-style-image: url('../images/featured-list-style.png');
  color: #959595;
}
article ul.featured-list a,
#signupfooter ul.featured-list a,
article ul.featured-list a:link,
#signupfooter ul.featured-list a:link,
article ul.featured-list a:active,
#signupfooter ul.featured-list a:active,
article ul.featured-list a:visited,
#signupfooter ul.featured-list a:visited {
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  color: #008fc5;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
  text-decoration: none;
}
article ul.featured-list a:hover,
#signupfooter ul.featured-list a:hover {
  color: #008fc5;
  text-decoration: underline;
}
article ul.featured-list li,
#signupfooter ul.featured-list li {
  margin: 0 0 15px 0;
  padding: 0 0 0 5px;
}
article form label,
#signupfooter form label {
  color: #959595;
  font-size: 14px;
  margin: 0 0 20px 0;
}
article .required-field,
#signupfooter .required-field {
  color: #c41230;
}
article .entry-content ul,
#signupfooter .entry-content ul,
article .entry-excerpt ul,
#signupfooter .entry-excerpt ul,
article .entry-content ol,
#signupfooter .entry-content ol,
article .entry-excerpt ol,
#signupfooter .entry-excerpt ol {
  margin: 0 0 20px 30px;
  line-height: 19px;
}
article .entry-content ul,
#signupfooter .entry-content ul,
article .entry-excerpt ul,
#signupfooter .entry-excerpt ul {
  list-style: disc outside;
}
article .entry-content li,
#signupfooter .entry-content li,
article .entry-excerpt li,
#signupfooter .entry-excerpt li {
  margin-bottom: 5px;
}
article .entry-content li p,
#signupfooter .entry-content li p,
article .entry-excerpt li p,
#signupfooter .entry-excerpt li p {
  margin: 20px 0 0 0;
}
article .entry-content li p:first-child,
#signupfooter .entry-content li p:first-child,
article .entry-excerpt li p:first-child,
#signupfooter .entry-excerpt li p:first-child {
  margin: 0;
}
article .entry-content .small-blog-img,
#signupfooter .entry-content .small-blog-img,
article .entry-excerpt .small-blog-img,
#signupfooter .entry-excerpt .small-blog-img,
article .entry-content .picLeft,
#signupfooter .entry-content .picLeft,
article .entry-excerpt .picLeft,
#signupfooter .entry-excerpt .picLeft,
article .entry-content .picRight,
#signupfooter .entry-content .picRight,
article .entry-excerpt .picRight,
#signupfooter .entry-excerpt .picRight,
article .entry-content .picCenter,
#signupfooter .entry-content .picCenter,
article .entry-excerpt .picCenter,
#signupfooter .entry-excerpt .picCenter {
  display: block;
  margin: 0 auto 5px;
}
article .entry-content blockquote,
#signupfooter .entry-content blockquote,
article .entry-excerpt blockquote,
#signupfooter .entry-excerpt blockquote {
  font-size: 13px;
  line-height: 21px;
  margin: 0 0 20px 0;
  padding: 0 50px 0 15px;
  border-left: 7px solid #cc0000;
}
article .entry-content blockquote cite,
#signupfooter .entry-content blockquote cite,
article .entry-excerpt blockquote cite,
#signupfooter .entry-excerpt blockquote cite {
  color: #cc0000;
  font-weight: 700;
}
article .entry-content .tweet-content,
#signupfooter .entry-content .tweet-content,
article .entry-excerpt .tweet-content,
#signupfooter .entry-excerpt .tweet-content {
  font-size: 16px;
  line-height: 21px;
  margin: 0 0 20px 0;
  padding: 0 50px 0 15px;
  border-left: 7px solid #008fc5;
}
article .entry-content figure,
#signupfooter .entry-content figure,
article .entry-excerpt figure,
#signupfooter .entry-excerpt figure,
article .entry-content img,
#signupfooter .entry-content img,
article .entry-excerpt img,
#signupfooter .entry-excerpt img,
article .entry-content iframe,
#signupfooter .entry-content iframe,
article .entry-excerpt iframe,
#signupfooter .entry-excerpt iframe {
  border: 5px solid #dbdbdb;
  margin: 0 auto 20px;
  display: inline-block;
  border-radius: 3px;
}
article .entry-content figure img,
#signupfooter .entry-content figure img,
article .entry-excerpt figure img,
#signupfooter .entry-excerpt figure img,
article .entry-content img img,
#signupfooter .entry-content img img,
article .entry-excerpt img img,
#signupfooter .entry-excerpt img img,
article .entry-content iframe img,
#signupfooter .entry-content iframe img,
article .entry-excerpt iframe img,
#signupfooter .entry-excerpt iframe img,
article .entry-content figure iframe,
#signupfooter .entry-content figure iframe,
article .entry-excerpt figure iframe,
#signupfooter .entry-excerpt figure iframe,
article .entry-content img iframe,
#signupfooter .entry-content img iframe,
article .entry-excerpt img iframe,
#signupfooter .entry-excerpt img iframe,
article .entry-content iframe iframe,
#signupfooter .entry-content iframe iframe,
article .entry-excerpt iframe iframe,
#signupfooter .entry-excerpt iframe iframe {
  display: block;
}
article .entry-content figure figcaption,
#signupfooter .entry-content figure figcaption,
article .entry-excerpt figure figcaption,
#signupfooter .entry-excerpt figure figcaption,
article .entry-content img figcaption,
#signupfooter .entry-content img figcaption,
article .entry-excerpt img figcaption,
#signupfooter .entry-excerpt img figcaption,
article .entry-content iframe figcaption,
#signupfooter .entry-content iframe figcaption,
article .entry-excerpt iframe figcaption,
#signupfooter .entry-excerpt iframe figcaption {
  margin-top: 10px;
}
article .entry-content figure img,
#signupfooter .entry-content figure img,
article .entry-excerpt figure img,
#signupfooter .entry-excerpt figure img,
article .entry-content img img,
#signupfooter .entry-content img img,
article .entry-excerpt img img,
#signupfooter .entry-excerpt img img,
article .entry-content iframe img,
#signupfooter .entry-content iframe img,
article .entry-excerpt iframe img,
#signupfooter .entry-excerpt iframe img,
article .entry-content figure iframe,
#signupfooter .entry-content figure iframe,
article .entry-excerpt figure iframe,
#signupfooter .entry-excerpt figure iframe,
article .entry-content img iframe,
#signupfooter .entry-content img iframe,
article .entry-excerpt img iframe,
#signupfooter .entry-excerpt img iframe,
article .entry-content iframe iframe,
#signupfooter .entry-content iframe iframe,
article .entry-excerpt iframe iframe,
#signupfooter .entry-excerpt iframe iframe {
  border: 0;
  margin: 0;
  border-radius: 0;
}
article .entry-content .storify-items figure,
#signupfooter .entry-content .storify-items figure,
article .entry-excerpt .storify-items figure,
#signupfooter .entry-excerpt .storify-items figure {
  border: 0;
  margin: 0;
  display: block;
  border-radius: 0;
}
article .entry-content img.no-border,
#signupfooter .entry-content img.no-border,
article .entry-excerpt img.no-border,
#signupfooter .entry-excerpt img.no-border,
article .entry-content img.banner,
#signupfooter .entry-content img.banner,
article .entry-excerpt img.banner,
#signupfooter .entry-excerpt img.banner {
  border: 0;
  display: inline;
  margin: auto;
  border-radius: 0;
}
article .entry-content .picCenter,
#signupfooter .entry-content .picCenter,
article .entry-excerpt .picCenter,
#signupfooter .entry-excerpt .picCenter {
  border: 0;
  border-radius: 0;
}
article .entry-content .fitvid,
#signupfooter .entry-content .fitvid,
article .entry-excerpt .fitvid,
#signupfooter .entry-excerpt .fitvid {
  margin: 0 auto 20px;
}
article .entry-content p,
#signupfooter .entry-content p,
article .entry-excerpt p,
#signupfooter .entry-excerpt p {
  line-height: 21px;
  margin-bottom: 20px;
}
article .entry-content > :last-child,
#signupfooter .entry-content > :last-child,
article .entry-excerpt > :last-child,
#signupfooter .entry-excerpt > :last-child {
  margin-bottom: 0;
}
article footer,
#signupfooter footer {
  margin: 20px 0 0;
}
.oldie article .fitvid,
.oldie #signupfooter .fitvid {
  padding-bottom: 20px;
}
.tweet .entry-content blockquote,
.tweet .entry-excerpt blockquote {
  border-color: #00446a;
  font-size: 16px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  article .entry-content .small-blog-img,
  article .entry-excerpt .small-blog-img,
  article .entry-content .picLeft,
  article .entry-excerpt .picLeft,
  article .entry-content .picRight,
  article .entry-excerpt .picRight {
    float: right;
    margin: 0 0 5px 30px;
  }
}
.oldie article .entry-content .small-blog-img,
.oldie article .entry-excerpt .small-blog-img,
.oldie article .entry-content .picLeft,
.oldie article .entry-excerpt .picLeft,
.oldie article .entry-content .picRight,
.oldie article .entry-excerpt .picRight {
  float: right;
  margin: 0 0 5px 30px;
}
/*
   Uptown Take Action Module
    Created by Jeffrey Louden on 07-25-2012.
    Copyright 2012 Obama for America. All rights reserved.
*/
.center {
  text-align: center;
}
#take-action.module.toolkit {
  background: transparent;
  border-radius: 0;
  padding-bottom: 0;
}
#take-action.module.toolkit .module-header {
  margin-bottom: 0;
  border-radius: 0;
}
#take-action.module.toolkit .module-header p {
  font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
  font-size: 16px;
}
#take-action.module.toolkit .module-header p i {
  font-weight: normal;
  font-style: italic;
}
#take-action.module.toolkit .ofa-quick-donate {
  background: white;
  border-bottom: 1px #CCC solid;
}
#take-action.module.toolkit .ofa-quick-donate iframe {
  margin: 0 auto;
  display: block;
  padding: 15px 0 5px;
}
#take-action.module.toolkit nav ul {
  overflow: hidden;
  list-style: none;
  margin: 0;
}
#take-action.module.toolkit nav ul li {
  float: none;
  text-transform: none;
  font-weight: 700;
  font-size: 16px;
  margin: 0;
  background: rgba(255, 255, 255, 0.8);
  border-top: 1px solid #e0e0e0;
  width: 100%;
  position: relative;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
#take-action.module.toolkit nav ul li:first-child {
  border-top: none;
}
#take-action.module.toolkit nav ul li.banner a {
  padding: 0;
}
#take-action.module.toolkit nav ul li.banner a img {
  display: block;
  margin: 0 auto;
}
#take-action.module.toolkit nav ul li:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid white;
}
#take-action.module.toolkit nav ul li.clipboard a i {
  background-position: 0 0;
}
#take-action.module.toolkit nav ul li.call a i {
  background-position: 0 -32px;
}
#take-action.module.toolkit nav ul li.twitter a i {
  background-position: 0 -64px;
}
#take-action.module.toolkit nav ul li.house a i {
  background-position: 0 -96px;
}
#take-action.module.toolkit nav ul li.person a i {
  background-position: 0 -128px;
}
#take-action.module.toolkit nav ul li.graph a i {
  background-position: 0 -165px;
}
#take-action.module.toolkit nav ul li a {
  overflow: hidden;
  color: #008fc5;
  display: block;
  padding: 15px 10px;
  -webkit-transition: color ease 0.4s;
  -moz-transition: color ease 0.4s;
  transition: color ease 0.4s;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
#take-action.module.toolkit nav ul li a i {
  color: #E0E0E0;
  font-family: 'icons-for-obama';
  font-weight: 100;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2), 1px 1px 0 #ffffff;
  margin-top: -7px;
  font-size: 35px;
  height: 30px;
  width: 30px;
  display: block;
  float: left;
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #e0e0e0;
  background: url('http://secure.assets.bostatic.com/uptown/images/modules/take-action/sprite.png') no-repeat;
  -webkit-transition: color ease 0.4s;
  -moz-transition: color ease 0.4s;
  transition: color ease 0.4s;
}
#take-action.module.toolkit nav ul li a:hover {
  color: #00446a;
}
#take-action.module.toolkit nav ul li a:hover i {
  text-shadow: none;
  color: #008fc5;
}
#take-action.module.toolkit nav ul li:hover {
  background: white;
}
#take-action.module.toolkit nav ul li:hover a i {
  background-position-x: -56px;
}
@media (min-width: 768px) {
  #stay.fixed {
    width: 236px;
    position: fixed;
    left: 50%;
    top: 68px;
    margin-left: 138px;
  }
  #stay.bottomed {
    width: 236px;
    position: absolute;
    bottom: 14px;
  }
  #take-action.module.toolkit {
    margin-top: 1px;
  }
}
@media (min-width: 960px) {
  #stay.fixed {
    width: 300px;
    margin-left: 170px;
  }
  #stay.bottomed {
    width: 300px;
  }
}
.oldie #stay.fixed {
  width: 300px;
  margin-left: 170px;
}
.oldie #stay.bottomed {
  width: 300px;
  position: absolute;
  bottom: 14px;
}
.oldie #take-action.module.toolkit {
  margin-top: 1px;
}
.oldie #take-action.module.toolkit nav ul {
  background: white;
}
@media (-webkit-min-device-pixel-ratio: 2) {
  #take-action.module.toolkit nav ul li a i {
    background-image: url('http://secure.assets.bostatic.com/uptown/images/modules/take-action/sprite@2x.png');
    -webkit-background-size: 93px 199px;
  }
}
#og-widget {
  min-height: 56px;
  background: #ffffff url(../images/modules/og-widget/throbber.gif) no-repeat center;
  font-size: 12px;
  width: 100%;
  font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
  margin: 0 auto 0;
  border-radius: 3px;
  box-shadow: 0 1px #d1d1d1;
  position: relative;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
#og-widget.contained {
  border-bottom: 1px #ccc solid;
  box-shadow: none;
  border-radius: 0;
}
#og-widget > div {
  padding: 20px;
}
#og-widget div.section {
  position: relative;
  padding-left: 65px;
  display: none;
}
#og-widget div.section.info {
  min-height: 56px;
}
#og-widget .user-thumbnail {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  border: 3px solid #f6f6f6;
  background: #f6f6f6 url(../images/modules/og-widget/profile.png) no-repeat center;
}
#og-widget a {
  color: #008fc5;
  text-decoration: none;
}
#og-widget a:hover {
  text-decoration: underline;
}
#og-widget .help-button {
  display: none;
  position: absolute;
  right: 10px;
  top: 10px;
  background: #008fc5;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  cursor: pointer;
  padding: 0;
}
#og-widget .help-button a {
  display: block;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  color: #fff;
  line-height: 16px;
  text-decoration: none;
}
#og-widget .help-button div {
  display: none;
  background-color: #004163;
  width: 190px;
  height: 120px;
  position: absolute;
  left: -202px;
  bottom: -127px;
  z-index: 1;
  padding: 10px;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#og-widget .help-button div h2,
#og-widget .help-button div p {
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
}
#og-widget .help-button div p {
  font-size: 12px;
}
#og-widget .help-button.hover div {
  display: block;
  -webkit-animation: fadeIn 400ms ease-in-out;
  -moz-animation: fadeIn 400ms ease-in-out;
  animation: fadeIn 400ms ease-in-out;
}
#og-widget h2 {
  font-size: 18px;
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  color: #004163;
  margin-bottom: 5px;
  font-weight: bold;
}
#og-widget p {
  display: block;
  color: #878b8f;
  font-size: 11px;
  line-height: 1.3;
  margin-bottom: 0;
}
#og-widget a.learn-more {
  font-size: 11px;
  display: block;
  color: #008fc5;
  margin-bottom: 12px;
  margin-top: 7px;
}
#og-widget .settings {
  position: absolute;
  right: 0;
  text-align: right;
  color: #008fc5;
}
#og-widget .share {
  padding: 15px 0 0;
  display: none;
  height: 12px;
  font-size: 12px;
  font-weight: bold;
}
#og-widget .share-status {
  position: absolute;
  left: 0;
  color: #008fc5;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
}
#og-widget .share-status i {
  background-color: #008fc5;
  border-radius: 100%;
  width: 9px;
  height: 9px;
  left: 0;
  position: absolute;
  top: 2px;
  -webkit-transition: background-color 300ms ease;
  -moz-transition: background-color 300ms ease;
  -ms-transition: background-color 300ms ease;
  -o-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
}
#og-widget .share-status b {
  bottom: 100%;
  left: 0;
  padding: 10px 0;
  position: absolute;
  display: none;
  background: #fff;
  width: 170px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
  border-radius: 3px;
  text-align: center;
  color: #555;
  font-size: 11px;
  line-height: 15px;
  font-weight: normal;
}
#og-widget .share-status b.hover {
  display: block;
  -webkit-animation: bloop 200ms ease-in-out;
  -moz-animation: bloop 200ms ease-in-out;
  animation: bloop 200ms ease-in-out;
}
#og-widget .share-status b.notification {
  display: block;
  width: 200px;
  -webkit-animation: bloop 200ms ease-in-out;
  -moz-animation: bloop 200ms ease-in-out;
  animation: bloop 200ms ease-in-out;
}
#og-widget .share-status:after {
  content: " ";
  background: url(../images/modules/og-widget/arrow.png) no-repeat center;
  width: 9px;
  height: 5px;
  right: 1px;
  position: absolute;
  top: 4px;
}
#og-widget .share-status:hover {
  text-decoration: none;
}
#og-widget .history-drawer {
  text-align: left;
  position: relative;
  padding: 0;
  overflow: hidden;
  -webkit-transition: 300ms height ease-in-out, 300ms opacity ease-in-out;
  -moz-transition: 300ms height ease-in-out, 300ms opacity ease-in-out;
  -ms-transition: 300ms height ease-in-out, 300ms opacity ease-in-out;
  -o-transition: 300ms height ease-in-out, 300ms opacity ease-in-out;
  transition: 300ms height ease-in-out, 300ms opacity ease-in-out;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top: 1px #e1e1e1 solid;
}
#og-widget .history-drawer[data-status="closed"] {
  height: 0;
  opacity: 0;
}
#og-widget .history-drawer[data-status="open"] {
  opacity: 1;
}
#og-widget .history-drawer > * {
  padding-left: 20px;
  padding-right: 20px;
}
#og-widget .history-drawer p {
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  color: #00446a;
  font-size: 16px;
  margin: 15px 0 5px;
  font-weight: bold;
}
#og-widget .history-drawer ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
#og-widget .history-drawer ol li {
  list-style: none;
  background: #fff;
  -webkit-transition: background 300ms ease;
  -moz-transition: background 300ms ease;
  -ms-transition: background 300ms ease;
  -o-transition: background 300ms ease;
  transition: background 300ms ease;
  display: block;
  position: relative;
  border-top: 1px #f7f7f7 solid;
  padding: 10px 0;
}
#og-widget .history-drawer ol li:nth-child(odd) {
  background: #f7f7f7;
}
#og-widget .history-drawer ol li:first-child {
  border-top: none;
}
#og-widget .history-drawer ol li:last-child {
  padding-bottom: 10px;
}
#og-widget .history-drawer ol li:hover a.x {
  background: url(../images/modules/og-widget/x.png) no-repeat center;
}
#og-widget .history-drawer ol li.queued {
  background-image: url(../images/modules/og-widget/throbber.gif);
  background-repeat: no-repeat;
  background-position: 90% center;
}
#og-widget .history-drawer ol li.queued a.x {
  display: none;
}
#og-widget .history-drawer ol a.x {
  position: absolute;
  font-weight: bold;
  color: #c90a32;
  right: 20px;
  top: 50%;
  margin-top: -4px;
  width: 9px;
  height: 8px;
  background: url(../images/modules/og-widget/x-gray.png) no-repeat center;
}
#og-widget .history-drawer ol a.x:hover {
  text-decoration: none;
}
#og-widget .history-drawer ol p {
  margin: 0 15px 0 20px;
  color: #666;
  font-size: 14px;
}
#og-widget .history-drawer ol p a {
  color: #008fc5;
}
#og-widget .history-drawer ol p span {
  display: block;
  color: #999;
  font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
  font-size: 11px;
}
#og-widget .slide-switch {
  width: 70px;
  height: 24px;
  position: relative;
  border-radius: 3px;
  background: #7cbf56;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: background 300ms ease;
  -moz-transition: background 300ms ease;
  -ms-transition: background 300ms ease;
  -o-transition: background 300ms ease;
  transition: background 300ms ease;
  padding: 0;
  margin-left: 20px;
}
#og-widget .slide-switch > div {
  width: 105px;
  height: 22px;
  position: absolute;
  top: 1px;
  left: 0;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}
#og-widget .slide-switch > div > * {
  position: absolute;
  display: block;
}
#og-widget .slide-switch > div label {
  width: 70px;
  right: 0;
  height: 100%;
  text-align: right;
  line-height: 23px;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
}
#og-widget .slide-switch > div label:first-child {
  left: 0;
  right: auto;
  text-align: left;
}
#og-widget .slide-switch > div label:first-child span {
  padding-left: 7px;
}
#og-widget .slide-switch > div label span {
  padding-right: 5px;
}
#og-widget .slide-switch > div .knob {
  width: 34px;
  left: 35px;
  background-color: #f4f5f5;
  background-image: url(../images/modules/og-widget/fb_icon_mini.png);
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 2px;
  height: 100%;
  box-shadow: inset 0 1px #fff;
  cursor: pointer;
}
#og-widget .slide-switch input {
  display: none;
}
@-webkit-keyframes grow {
  0% {
    opacity: 0;
    height: 0;
  }
  100% {
    opacity: 1;
    height: 12px;
  }
}
@-moz-keyframes grow {
  0% {
    opacity: 0;
    height: 0;
  }
  100% {
    opacity: 1;
    height: 12px;
  }
}
@keyframes grow {
  0% {
    opacity: 0;
    height: 0;
  }
  100% {
    opacity: 1;
    height: 12px;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#og-widget[data-status="connected"] {
  background-image: none;
}
#og-widget[data-status="connected"] .help-button {
  display: block;
}
#og-widget[data-status="connected"] div.section {
  display: block;
}
#og-widget[data-status="connected"] .user-thumbnail {
  -webkit-animation: bloop 200ms ease-in-out;
  -moz-animation: bloop 200ms ease-in-out;
  animation: bloop 200ms ease-in-out;
}
#og-widget[data-status="connected"] .join,
#og-widget[data-status="connected"] a.learn-more {
  display: none;
}
#og-widget[data-status="connected"] .share {
  display: none;
}
#og-widget[data-status="connected"][data-identity="true"][data-sharing="on"] .share {
  display: block;
  -webkit-animation: grow 200ms ease-in-out;
  -moz-animation: grow 200ms ease-in-out;
  animation: grow 200ms ease-in-out;
}
#og-widget[data-status="connected"][data-identity="true"][data-sharing="on"] .share-status i {
  background-color: #81c341;
}
#og-widget[data-status="connected"][data-identity="true"][data-sharing="off"] .share {
  display: block;
  -webkit-animation: grow 200ms ease-in-out;
  -moz-animation: grow 200ms ease-in-out;
  animation: grow 200ms ease-in-out;
}
#og-widget[data-status="connected"][data-identity="true"][data-sharing="off"] .share-status i {
  background-color: #008fc5;
}
#og-widget[data-status="connected"][data-identity="true"][data-sharing="off"] .slide-switch {
  background: #004966;
}
#og-widget[data-status="connected"][data-identity="true"][data-sharing="off"] .slide-switch > div {
  left: -34px;
}
#og-widget[data-status="connected"][data-identity="false"] .join,
#og-widget[data-status="connected"][data-identity="false"] a.learn-more {
  display: block;
}
#og-widget[data-status="connected"][data-identity="false"] .share {
  display: none;
}
#og-widget[data-status="not_authorized"],
#og-widget[data-status="unknown"] {
  background-image: none;
}
#og-widget[data-status="not_authorized"] .user-thumbnail,
#og-widget[data-status="unknown"] .user-thumbnail {
  -webkit-animation: bloop 200ms ease-in-out;
  -moz-animation: bloop 200ms ease-in-out;
  animation: bloop 200ms ease-in-out;
}
#og-widget[data-status="not_authorized"] div.section,
#og-widget[data-status="unknown"] div.section {
  display: block;
}
#og-widget[data-status="not_authorized"] div.section.share,
#og-widget[data-status="unknown"] div.section.share {
  display: none;
}
@media (min-width: 768px) and (max-width: 960px) {
  #og-widget {
    text-align: center;
  }
  #og-widget div.section {
    padding-left: 0;
  }
  #og-widget .user-thumbnail {
    position: relative;
    margin: 0 auto 10px;
  }
  #og-widget .info {
    margin-bottom: 15px;
  }
  #og-widget a.join {
    width: auto;
  }
  #og-widget .share {
    height: auto;
    padding-top: 0;
  }
  #og-widget .share-status {
    display: inline-block;
    position: relative;
  }
  #og-widget .share-status b {
    left: 50%;
    margin-left: -85px;
  }
  #og-widget .share-status b.notification {
    margin-left: -100px;
  }
  #og-widget .settings {
    display: block;
    position: relative;
    text-align: center;
    margin-bottom: 15px;
  }
  #og-widget[data-status="not_authorized"] .info,
  #og-widget[data-status="unknown"] .info {
    margin-bottom: 0;
  }
}
.oldie #og-widget .share-status i {
  top: 2px;
  background: url(../images/modules/og-widget/blue.png);
}
.oldie #og-widget .share-status b {
  border: 1px solid #bbb;
}
.oldie #og-widget[data-sharing="on"] .share-status i {
  background: url(../images/modules/og-widget/green.png);
}
.oldie #og-widget .history-drawer {
  border-top: none;
}
.oldie #og-widget .history-drawer[data-status="open"] {
  border-top: 1px #e1e1e1 solid;
}
#og-widget a.join,
#reconnect-modal a.join {
  background-image: url('../images/modules/og-widget/fblogo.png');
  background-repeat: no-repeat;
  background-position: left;
  width: 120px;
  text-align: center;
  margin: 0;
  display: block;
  font-family: "Lucida Grande", "Lucida Sans Unicode", helvetica, sans-serif;
  background-color: #5e7aac;
  color: #fff;
  box-shadow: inset 0 1px #799abd;
  border: 1px solid #2f4558;
  font-size: 12px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  padding: 4px 10px 4px 30px;
  text-decoration: none;
  -webkit-font-smoothing: subpixel-antialiased;
}
#reconnect-modal {
  position: fixed;
  background: url('../images/modules/og-widget/fallbackground.png');
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
}
#reconnect-modal > div {
  position: relative;
  margin: 20px auto;
  border: 1px solid #444;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  background: #fff;
  border-radius: 3px;
  width: 80%;
  padding: 30px 30px 20px;
}
#reconnect-modal > div p {
  font-size: 14px;
  margin-bottom: 15px;
}
#reconnect-modal > div a.join {
  margin: 0 auto;
}
#reconnect-modal > div i.close {
  position: absolute;
  right: 12px;
  top: 12px;
  height: 10px;
  width: 10px;
  background: url(../images/modules/og-widget/close.png);
  cursor: pointer;
}
@media (min-width: 768px) {
  #reconnect-modal > div {
    margin: 0;
    position: absolute;
    width: 370px;
    top: 50%;
    margin-top: -75px;
    left: 50%;
    margin-left: -215px;
  }
}
.oldie #reconnect-modal > div {
  margin: 0;
  position: absolute;
  width: 370px;
  top: 50%;
  margin-top: -75px;
  left: 50%;
  margin-left: -215px;
}
@-webkit-keyframes bloop {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes bloop {
  0% {
    -moz-transform: scale(0);
    opacity: 0;
  }
  80% {
    -moz-transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}
@keyframes bloop {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  80% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/*
   Uptown Take Action Module
    Created by Jeffrey Louden on 07-25-2012.
    Copyright 2012 Obama for America. All rights reserved.
*/
.center {
  text-align: center;
}
.search.module.toolkit {
  border-radius: 0;
  margin: 15px 0 5px;
  border: none;
}
.search.module.toolkit .module-header {
  display: none;
  border-radius: 0;
}
.search.module.toolkit .module-header p {
  font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
  font-size: 16px;
}
.search.module.toolkit .module-header p i {
  font-weight: normal;
  font-style: italic;
}
.search.module.toolkit form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="file"]),
.search.module.toolkit form textarea {
  margin: 0;
  width: 200px;
}
.search.module.toolkit form button span {
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em;
  width: 20px;
  background: url('//secure.assets.bostatic.com/uptown/images/modules/search/search.png') no-repeat 50% 50%;
}
@media (min-width: 768px) {
  .search.module.toolkit form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="file"]),
  .search.module.toolkit form textarea {
    width: 140px;
    vertical-align: top;
  }
}
@media (min-width: 960px) {
  .search.module.toolkit form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="file"]),
  .search.module.toolkit form textarea {
    width: 200px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .search.module.toolkit form button span {
    background-image: url('//secure.assets.bostatic.com/uptown/images/modules/search/search@2x.png');
    -webkit-background-size: 21px 20px;
  }
}
.oldie .search.module.toolkit form input,
.oldie .search.module.toolkit form textarea {
  width: 200px;
  padding: 9px 7px;
}
.oldie .search.module.toolkit form button {
  vertical-align: top;
  margin-left: 10px;
}
.ie7 .oldie .search.module.toolkit .module-header {
  display: block;
}
@charset "utf-8";
/*
   Uptown Early Vote Styles
   
    Created by Jeffrey Louden on 2012-09-26.
    Copyright 2012 Obama For America. All rights reserved.

*/
.center {
  text-align: center;
}
#voting-banner {
  border-bottom: 2px solid white;
  background: #fbb034;
  color: white;
  text-align: center;
  padding: 10px;
  font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
  text-transform: uppercase;
}
#voting-banner a {
  display: block;
  color: #fff;
}
#voting-banner span {
  font-size: 18px;
  line-height: 1.2;
  display: block;
}
#voting-banner small {
  line-height: 1.2;
  letter-spacing: 1px;
  font-size: 13px;
}
@media (min-width: 768px) {
  #voting-banner span {
    display: inline;
    border-bottom: 1px solid white;
    font-size: 28px;
    line-height: 1.6;
  }
  #voting-banner small {
    line-height: 1.8;
    font-size: 14px;
  }
}
.oldie #voting-banner span {
  display: inline;
  border-bottom: 1px solid white;
  font-size: 28px;
  line-height: 1.6;
}
.oldie #voting-banner small {
  line-height: 1.8;
  font-size: 14px;
}
/*
   Hydepark Action Bar
   
   Created by Daniel Ryan on 2011-11-12.
   Copyright 2011 Obama for America. All rights reserved.
*/
.center {
  text-align: center;
}
body {
  padding-top: 52px;
}
@media (min-width: 960px) {
  body {
    padding-top: 83px;
  }
}
.oldie body {
  padding-top: 83px;
}
#action-bar {
  background: #00446a;
  color: #fff;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  padding: 0;
}
#action-bar .social-native {
  display: none;
}
#action-bar .logo-link {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
  /*border-bottom: 2px solid #fff;*/

  background: #00446a;
  z-index: 999;
}
#action-bar .wrap {
  background: #fff;
  position: relative;
  padding: 0;
}
#action-bar a {
  color: #fff;
}
#action-bar .logo {
  height: 30px;
  width: 36px;
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em;
  overflow: visible;
  margin: 0;
  background: url('../images/logo-obama-biden-v2.png') no-repeat 50% 50%;
  position: relative;
  z-index: 10;
  left: 7px;
  float: left;
  -moz-transition: margin 0.5s, width 0.5s;
  -ms-transition: margin 0.5s, width 0.5s;
  -webkit-transition: margin 0.5s, width 0.5s;
  transition: margin 0.5s, width 0.5s;
}
#action-bar .quick-signup,
#action-bar .donate {
  display: block;
  float: left;
  width: 100%;
  border-radius: 0;
}
#action-bar .donate {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  float: right;
  font-weight: 700;
}
#action-bar .quick-signup {
  position: relative;
}
#action-bar .quick-signup .button {
  display: block;
  border-radius: 0;
  text-align: center;
  font-weight: 700;
}
#action-bar .quick-signup .panel {
  background: #008fc5;
  max-width: 280px;
  padding: 20px;
  color: #fff;
  font-weight: 700;
  position: absolute;
  top: -999em;
  left: 0;
  width: 280px;
  z-index: 998;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#action-bar .quick-signup .panel p {
  margin: 0 0 10px;
}
#action-bar .quick-signup .panel #qs_email {
  width: 280px;
}
#action-bar .quick-signup .panel .email {
  margin: 0 0 10px;
}
#action-bar .quick-signup .panel .social-follows {
  margin: 0;
  overflow: hidden;
}
#action-bar .quick-signup .panel .social-follows li {
  list-style: none;
  float: left;
  overflow: hidden;
}
#action-bar .quick-signup .panel .social-follows .twitter {
  width: 60px;
}
#action-bar .quick-signup .panel .social-follows .facebook {
  width: 169px;
  text-align: center;
  min-height: 1px;
}
#action-bar .quick-signup .panel .social-follows .youtube {
  width: 51px;
}
#action-bar .quick-signup .panel .social-follows .youtube a {
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em;
  width: 51px;
  height: 24px;
  margin: 0 auto;
  background: url('../images/youtube-follow.png') no-repeat 50% 50%;
}
#action-bar .quick-signup .panel form + .social-follows {
  margin-top: 20px;
}
#action-bar .sotu u {
  display: inline-block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em;
  width: 130px;
  height: 10px;
  line-height: 1;
  background: url('../images/quick-signup-sotu.png') no-repeat 50% 50%;
}
#action-bar .sotu .panel p {
  text-align: center;
  margin: 0 0 20px;
}
#action-bar .sotu .ribbons {
  margin: -5px -25px 20px;
  padding: 5px 0 0;
  overflow: hidden;
}
#action-bar .sotu .ribbons li {
  list-style: none;
  margin: 0 40px 4px 0;
  background: url('../images/ribbon-blue.png') repeat-x 100% 0;
  position: relative;
}
#action-bar .sotu .ribbons li a {
  padding: 13px 40px 13px 80px;
  color: #fff;
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  background: no-repeat 34px 50%;
  font-size: 18px;
  display: block;
  text-transform: uppercase;
  line-height: 1;
  font-weight: normal !important;
}
#action-bar .sotu .ribbons li a i {
  font-style: normal;
}
#action-bar .sotu .ribbons li:before {
  content: " ";
  position: absolute;
  top: -5px;
  left: 0;
  width: 5px;
  height: 5px;
  display: block;
  background: url('../images/ribbon-corner.png');
}
#action-bar .sotu .ribbons .host-event {
  background-image: url('../images/ribbon-red.png');
  z-index: 2;
}
#action-bar .sotu .ribbons .host-event a {
  background-image: url('../images/sotu-icon-host.png');
}
#action-bar .sotu .ribbons .attend-event a {
  background-image: url('../images/sotu-icon-attend.png');
}
#action-bar .auth {
  position: fixed;
  right: 10px;
  top: 17px;
  z-index: 999;
  font-size: 11px;
  font-weight: 700;
}
#action-bar form {
  display: block;
  overflow: hidden;
}
#action-bar form ol {
  margin: 0;
  padding: 0;
}
#action-bar form ol li {
  display: inline;
  list-style: none;
  float: left;
  margin: 0 10px 0 0;
}
#action-bar form ol li.button {
  margin-right: 0;
}
#action-bar input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]) {
  background: #fff;
  border: 0;
  font-size: 14px;
  color: #00446a;
  padding: 9px 5px 8px;
  border-radius: 3px;
  box-shadow: none;
  width: 12em;
}
#action-bar input:-moz-placeholder {
  color: #aaa;
}
#action-bar input::-webkit-input-placeholder {
  color: #aaa;
}
#action-bar input:focus {
  font-weight: normal;
}
#action-bar #qs_zip {
  width: 50px;
}
#action-bar .auth {
  text-align: right;
}
#action-bar .auth li {
  display: inline;
  padding-left: 10px;
  border-left: 1px solid #99b0bd;
  margin-left: 10px;
}
#action-bar .auth li:first-child {
  padding-left: 0;
  border-left: 0;
  margin-left: 0;
}
.show-nav #action-bar .logo-link {
  left: 270px;
}
.show-nav #action-bar .auth {
  right: -260px;
}
#action-bar.logo-only .wrap {
  min-height: 0;
}
@media (-webkit-min-device-pixel-ratio: 2) {
  #action-bar .sotu u {
    background-image: url('../images/quick-signup-sotu@260x20.png');
    -webkit-background-size: 130px 10px;
  }
}
@media (min-width: 960px) {
  #action-bar .logo-link {
    left: 0;
  }
  #action-bar .logo {
    overflow: hidden;
  }
  #action-bar .auth {
    right: 0;
  }
  #action-bar .sotu .button {
    height: 21px;
  }
  #action-bar .sotu b {
    padding-top: 2px;
    display: block;
  }
  #action-bar .sotu u {
    width: 190px;
    height: 14px;
    background-image: url('../images/quick-signup-sotu@190x14.png');
  }
  .show-nav #action-bar .logo-link {
    left: 0;
  }
  .show-nav #action-bar .auth {
    right: 0;
  }
  html:lang(es) #action-bar {
    padding: 15px 0;
  }
  html:lang(es) #action-bar .logo {
    background: url('../images/logo-obama-biden-v2-es.png') no-repeat 50% 50%;
    height: 50px;
  }
  html:lang(es) #action-bar .donate {
    bottom: -60px;
  }
  html:lang(es) #action-bar .quick-signup {
    top: 10px;
  }
  html:lang(es) #action-bar .auth {
    top: 17px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 960px) {
  #action-bar .sotu u {
    background-image: url('../images/quick-signup-sotu@380x28.png');
    -webkit-background-size: 190px 14px;
  }
}
.show-quick-signup #action-bar .quick-signup {
  z-index: 1002;
}
.show-quick-signup #action-bar .quick-signup .panel {
  top: 100%;
  opacity: 1;
}
.show-quick-signup #action-bar .quick-signup .button {
  background-image: none;
  position: relative;
  z-index: 999;
  background-color: #008fc5;
}
.placeholder #action-bar label,
.placeholder-polyfilled #action-bar label,
.js.placeholder #action-bar label {
  display: none;
}
.no-placeholder #action-bar label {
  margin-right: 5px;
}
.ie7 #action-bar label {
  position: relative;
  top: -6px;
}
@media (min-width: 480px) {
  #action-bar .quick-signup .button b {
    padding-right: 14px;
    background: url('../images/arrow-down.png') no-repeat 100% 50%;
  }
  .show-quick-signup #action-bar .quick-signup .button b {
    background-image: url('../images/arrow-up.png');
  }
}
@media (max-width: 959px) {
  #action-bar .logo-link i:after {
    content: "Menu";
    color: #c3dce9;
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    font-weight: 700;
    position: absolute;
    left: 50px;
    cursor: pointer;
  }
  #action-bar.logo-only .logo-link i:after {
    content: "";
  }
  .wrap {
    width: auto;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) {
  #action-bar .logo {
    background-image: url('../images/logo-obama-biden-v2@2x.png');
    -webkit-background-size: 262px 30px;
  }
}
@media (min-width: 960px) {
  #action-bar {
    padding: 25px 0;
    border-bottom: 5px solid #fff;
    position: fixed;
  }
  #action-bar .wrap {
    background: transparent;
    position: relative;
    min-height: 30px;
  }
  #action-bar .social-native {
    position: absolute;
    top: 4px;
    display: block;
  }
  #action-bar .social-native .twitter {
    display: block;
    float: left;
    min-width: 60px;
    padding-left: 15px;
    border-left: 1px solid #99B0BD;
    margin: 0;
    height: 24px;
    padding-top: 2px;
  }
  #action-bar .social-native .facebook {
    display: block;
    min-width: 96px;
    float: left;
    height: 21px;
    margin-right: 14px;
    position: relative;
    top: 2px;
  }
  #action-bar .logo-link {
    position: static;
    border: 0;
    padding: 0;
  }
  #action-bar .auth {
    position: absolute;
    top: 9px;
  }
  #action-bar .logo {
    margin: 0 auto;
    width: 262px;
    left: 0;
    float: none;
  }
  #action-bar .quick-signup {
    float: none;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
  }
  #action-bar .quick-signup a.button {
    border-radius: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  #action-bar .quick-signup .panel {
    border-radius: 5px;
    border-top-left-radius: 0;
  }
  #action-bar .donate {
    display: none;
  }
  #action-bar .auth li {
    display: inline;
    margin: 0 0 0 12px;
  }
  #action-bar .auth li:first-child {
    padding-left: 0;
    margin-left: 0;
    border-left: 0;
  }
  #action-bar .auth a {
    white-space: nowrap;
  }
  .show-quick-signup #action-bar {
    z-index: 1003;
    /* gets this above the overlay */
  
  }
  .show-quick-signup #action-bar .quick-signup .button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .show-quick-signup #action-bar .quick-signup .button b {
    background-image: url('../images/arrow-up.png');
  }
  .auth li {
    display: inline;
    margin: 0 0 0 12px;
  }
  .auth li:first-child {
    padding-left: 0;
    margin-left: 0;
    border-left: 0;
  }
  .auth a {
    white-space: nowrap;
  }
}
.oldie #action-bar {
  padding: 25px 0;
  border-bottom: 5px solid #fff;
  position: fixed;
}
.oldie #action-bar .wrap {
  background: transparent;
  position: relative;
  min-height: 30px;
}
.oldie #action-bar .social-native {
  position: absolute;
  top: 4px;
  display: block;
}
.oldie #action-bar .social-native .twitter {
  display: block;
  float: left;
  min-width: 60px;
  padding-left: 15px;
  border-left: 1px solid #99B0BD;
  margin: 0;
  height: 24px;
  padding-top: 2px;
}
.oldie #action-bar .social-native .facebook {
  display: block;
  min-width: 96px;
  float: left;
  height: 21px;
  margin-right: 14px;
  position: relative;
  top: 2px;
}
.oldie #action-bar .logo-link {
  position: static;
  border: 0;
  padding: 0;
}
.oldie #action-bar .auth {
  position: absolute;
  top: 6px;
}
.oldie #action-bar .logo {
  margin: 0 auto;
  width: 262px;
  left: 0;
  float: none;
}
.oldie #action-bar .quick-signup {
  float: none;
  width: auto;
  position: absolute;
  top: 0;
  left: 0;
}
.oldie #action-bar .quick-signup a.button {
  border-radius: 5px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.oldie #action-bar .quick-signup a.button b {
  padding-right: 14px;
  background: url('../images/arrow-down.png') no-repeat 100% 50%;
}
.oldie #action-bar .quick-signup .panel {
  border-radius: 5px;
  border-top-left-radius: 0;
  border: 2px solid #fff;
  border-top: 0;
}
.oldie #action-bar .sotu .button {
  height: 21px;
}
.oldie #action-bar .sotu b {
  padding-top: 2px;
  display: block;
}
.oldie #action-bar .sotu u {
  width: 190px;
  height: 14px;
  background-image: url('../images/quick-signup-sotu@190x14.png');
}
.oldie #action-bar .donate {
  display: none;
}
.oldie #action-bar .auth li {
  display: inline;
  margin: 0 0 0 12px;
}
.oldie #action-bar .auth li:first-child {
  padding-left: 0;
  margin-left: 0;
  border-left: 0;
}
.oldie #action-bar .auth a {
  white-space: nowrap;
}
.oldie .show-quick-signup #action-bar {
  z-index: 1003;
  /* gets this above the overlay */

}
.oldie .show-quick-signup #action-bar .quick-signup .button {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.oldie .actions,
.oldie .auth {
  font-size: 13px;
  font-weight: 700;
}
.oldie .auth li {
  display: inline;
  margin: 0 0 0 12px;
}
.oldie .auth li:first-child {
  padding-left: 0;
  margin-left: 0;
  border-left: 0;
}
.oldie .auth a {
  white-space: nowrap;
}
.oldie #action-bar.es {
  padding: 15px 0;
}
.oldie #action-bar.es .logo {
  background: url('../images/logo-obama-biden-v2-es.png') no-repeat 50% 50%;
  height: 50px;
}
.oldie #action-bar.es .donate {
  bottom: -60px;
}
.oldie #action-bar.es .quick-signup {
  top: 10px;
}
.oldie #action-bar.es .auth {
  top: 17px;
}
.ie7 #action-bar input {
  background: #fff;
  border: 0;
  font-size: 14px;
  color: #00446a;
  padding: 9px 5px 8px;
  border-radius: 3px;
  box-shadow: none;
  width: 12em;
}
.ie7 #action-bar .sotu u {
  display: block;
  height: 18px;
  zoom: 1;
}
.ie7 #action-bar .sotu b {
  height: 18px;
}
.ie7 #action-bar.es {
  padding: 15px 0;
}
.ie7 #action-bar.es .logo {
  background: url('../images/logo-obama-biden-v2-es.png') no-repeat 50% 50%;
  height: 50px;
}
.ie7 #action-bar.es .donate {
  bottom: -60px;
}
.ie7 #action-bar.es .quick-signup {
  top: 10px;
}
.ie7 #action-bar.es .auth {
  top: 17px;
}
/*Toggle bug Fix*/
.oldie #action-bar .auth {
  right: 0px;
}
/*
   Hydepark Header
   
   Created by Daniel Ryan on 2011-11-12.
   Copyright 2011 Obama for America. All rights reserved.
*/
.center {
  text-align: center;
}
@media (max-width: 959px) {
  .show-nav body {
    overflow-x: hidden;
    background: #00446a !important;
    max-width: 100%;
  }
}
body:before {
  position: fixed;
  left: -27px;
  top: 0;
  bottom: -999em;
  content: " ";
  z-index: 2;
  width: 27px;
  background: url('../images/nav-shadow.png') repeat-y 0 0;
}
.show-nav body:before {
  left: 243px;
}
body > .wrap,
#action-bar .wrap,
#ft .wrap {
  left: 0;
}
.show-nav body > .wrap,
.show-nav #action-bar .wrap,
.show-nav #ft .wrap {
  position: relative;
  left: 270px;
}
.show-nav body > .wrap {
  z-index: 3;
}
@media (min-width: 960px) {
  .show-nav body > .wrap,
  .show-nav #action-bar .wrap,
  .show-nav #ft .wrap {
    position: relative;
    left: 0;
  }
  .show-nav body:after {
    display: none;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .show-nav body:before {
    background-image: url('../images/nav-shadow@2x.png');
    -webkit-background-size: 27px 40px;
  }
}
#primary-nav {
  background: url('../images/paper-bg.png');
  position: absolute;
  top: 0;
  left: -270px;
  width: 270px;
  overflow: hidden;
  /* the hr is used to clear floats since we can't overflow hidden with dropdowns */

}
#primary-nav .wrap {
  background: transparent;
  /* overrides the default gray */

}
#primary-nav .donate {
  display: none;
}
#primary-nav hr {
  background: transparent;
  border: 0;
  height: 0;
  clear: both;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
.show-nav #primary-nav {
  left: 0;
}
/* IE 7 doesn't let us style hrs properly so we move it off screen */
.ie7 #primary-nav hr {
  position: relative;
  left: -999em;
  margin-bottom: -15px;
}
#primary-nav {
  color: #00446a;
}
#primary-nav a {
  color: #00446a;
  cursor: pointer;
}
#primary-nav .wrap {
  padding: 0;
}
#primary-nav .top-level {
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 auto;
}
#primary-nav .top-level-link {
  display: block;
  cursor: pointer;
  color: #fff;
  background: #00446a;
  padding: 10px;
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(255, 255, 255, 0.1)));
  letter-spacing: 1px;
}
#primary-nav .home .top-level-link {
  padding: 0 10px;
  height: 50px;
  border-bottom: 2px solid #fff;
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em;
  background-image: url('../images/icon-home.png');
  background-repeat: no-repeat;
  background-position: 10px 50%;
}
#primary-nav .subnav {
  font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
  text-transform: none;
  font-size: 14px;
  height: auto;
  line-height: 1.231;
  margin: 0 auto;
}
#primary-nav .local .state-subnav {
  display: none;
}
#primary-nav .subnav li {
  margin: 0 auto;
  padding: 10px;
}
@media (-webkit-min-device-pixel-ratio: 2) {
  #primary-nav .home .top-level-link {
    background-image: url('../images/icon-home@2x.png');
    -webkit-background-size: 33px 30px;
  }
}
@media (min-width: 960px) {
  #action-bar:hover ~ #primary-nav {
    position: fixed;
  }
  #primary-nav:hover {
    position: fixed;
  }
  #primary-nav {
    background: #008fc5;
    display: block;
    position: absolute;
    top: 85px;
    left: 0;
    right: 0;
    min-height: 49px;
    width: 100%;
    z-index: 998;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    overflow: visible;
    /*        .volunteer {
              width: 150px;
          }
  */
  }
  #primary-nav .wrap {
    display: table;
    padding: 0 130px 0 0;
    /* padding makes room for the donate button */
  
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #primary-nav .donate {
    position: absolute;
    float: none;
    width: auto;
    right: 0;
    bottom: 9px;
    border-radius: 5px;
    padding: 6px 12px;
    color: #fff;
    font-weight: 700;
    display: block;
  }
  #primary-nav .top-level .top-level-link {
    display: block;
    padding: 16px 6px;
    font-size: 14px;
    margin: 0 4px;
    border-radius: 3px;
    color: #fff;
    background: transparent;
  }
  #primary-nav .donate a {
    margin: 0 0 0;
    letter-spacing: 0;
    float: right;
  }
  #primary-nav .donate .top-level-link {
    border-radius: 0;
  }
  #primary-nav .local .subnav {
    display: block;
  }
  #primary-nav .local .subnav li {
    margin: 0 0 0 10px;
    border-radius: 0;
  }
  #primary-nav .top-list {
    display: table-row;
  }
  #primary-nav .top-level {
    display: table-cell;
    position: relative;
    overflow: visible;
    margin: 0;
    padding: 0 !important;
    vertical-align: top;
    text-align: center;
    background: transparent url('../images/nav-separator.png') no-repeat 0 50%;
    background-color: rgba(0, 143, 197, 0);
    cursor: pointer;
    -webkit-transition: background-color 0.25s;
    -moz-transition: background-color 0.25s;
    transition: background-color 0.25s;
  }
  #primary-nav .top-level .top-level-link {
    -webkit-transition: color 0.25s;
    -moz-transition: color 0.25s;
    transition: color 0.25s;
  }
  #primary-nav .top-level:hover {
    background: #008fc5;
    background-color: #008fc5;
  }
  #primary-nav .top-level:hover .top-level-link {
    color: #fff;
  }
  #primary-nav .store {
    padding-bottom: 0;
  }
  #primary-nav .store:hover,
  #primary-nav .blog:hover {
    background-image: none;
  }
  #primary-nav .top-level:hover + .top-level {
    background-image: none;
  }
  #primary-nav .local {
    background: transparent;
  }
  #primary-nav .local a {
    color: #fff;
  }
  #primary-nav .subnav {
    position: absolute;
    top: -999em;
    text-align: left;
    background: #008fc5;
    border-radius: 3px;
    border-top-left-radius: 0;
    min-width: 184px;
    padding: 0 10px;
    display: block;
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    transition: opacity 0.25s;
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
    font-weight: 400;
    overflow: hidden;
    font-size: 15px;
  }
  #primary-nav .subnav li {
    border-bottom: 1px solid #58a7c5;
    margin: 0;
    padding: 0;
  }
  #primary-nav .subnav li a {
    padding: 11px 30px 11px 10px;
    margin: -1px -10px;
    display: block;
    color: #fff;
    background-color: rgba(8, 78, 108, 0);
    -webkit-transition: background-color 0.25s;
    -moz-transition: background-color 0.25s;
    transition: background-color 0.25s;
  }
  #primary-nav .subnav li a:hover,
  #primary-nav .subnav li a:active {
    color: #fff;
    background-color: #084e6c;
  }
  #primary-nav .subnav li:last-child {
    border-bottom: 0;
  }
  #primary-nav .top-level:hover .subnav {
    opacity: 1;
    top: auto;
  }
  #primary-nav .local .subnav {
    overflow: hidden;
    width: 43.15em;
  }
  #primary-nav .local .subnav li {
    float: left;
    width: 10em;
  }
  #primary-nav .local .subnav li a {
    margin-right: 0;
    padding-right: 20px;
    background-position: 95% 50%;
  }
  #primary-nav .local .subnav li:nth-child(4n) a {
    margin-right: -10px;
    padding-right: 30px;
    background-position: 90% 50%;
  }
  #primary-nav .local .subnav li:nth-child(4n+2) a,
  #primary-nav .local .subnav li:nth-child(4n+3) a {
    padding-left: 5px;
    margin-left: -5px;
  }
  #primary-nav .local .subnav li:nth-child(4n+1) {
    clear: left;
    margin-left: 0;
  }
  #primary-nav .groups .subnav {
    overflow: hidden;
    width: 21.30em;
  }
  #primary-nav .groups .subnav li {
    width: 10.15em;
    border-radius: 0;
    float: left;
    clear: left;
  }
  #primary-nav .groups .subnav li a {
    margin-right: 0;
    padding-right: 20px;
    background-position: 95% 50%;
  }
  #primary-nav .groups .subnav li:nth-child(2n) a {
    margin-right: -10px;
    padding-right: 30px;
    background-position: 90% 50%;
  }
  #primary-nav .groups .subnav li:nth-child(even) {
    clear: right;
    float: right;
    margin-left: 0;
  }
  #primary-nav .localized .subnav {
    width: auto;
  }
  #primary-nav .localized .subnav li {
    float: none;
    width: auto;
  }
  #primary-nav .localized .subnav li a {
    margin-right: -10px;
    padding-right: 30px;
    background-position: 93% 50%;
  }
  #primary-nav .volunteer-now {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
  }
  .donate #primary-nav,
  .scrolling-header #primary-nav {
    position: absolute;
    box-shadow: none;
  }
  #primary-nav .home {
    display: none;
  }
  .flexbox #primary-nav .wrap {
    display: block;
  }
  .flexbox #primary-nav .top-list {
    display: -moz-box;
    -moz-box-align: stretch;
    -moz-box-orient: horizontal;
    display: -ms-box;
    -ms-box-align: stretch;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    -webkit-box-align: stretch;
    -webkit-box-orient: horizontal;
    display: box;
    box-align: stretch;
    box-orient: horizontal;
    width: 100%;
  }
  .flexbox #primary-nav .top-level {
    display: block;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    height: 49px;
  }
  .flexbox #primary-nav .top-level.home {
    display: none;
  }
  html:lang(es) #primary-nav .wrap {
    padding: 0 160px 0 0px;
  }
  html:lang(es) #primary-nav .top-list .about {
    background-image: none;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  #primary-nav .wrap {
    width: auto;
  }
}
.oldie body {
  padding-top: 83px;
}
.oldie body.no-action-bar {
  padding-top: 49px;
}
.oldie #action-bar:hover ~ #primary-nav {
  position: fixed;
}
.oldie #primary-nav:hover {
  position: fixed;
}
.oldie #primary-nav {
  background: #008fc5;
  display: block;
  position: absolute;
  top: 85px;
  left: 0;
  right: 0;
  min-height: 49px;
  width: 100%;
  z-index: 998;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  overflow: visible;
}
.oldie #primary-nav .wrap {
  display: table;
  padding: 0 130px 0 0;
  /* padding makes room for the donate button */

}
.oldie #primary-nav .donate {
  position: absolute;
  float: none;
  width: auto;
  right: 0;
  bottom: 9px;
  border-radius: 5px;
  padding: 6px 12px;
  color: #fff;
  font-weight: 700;
  display: block;
}
.oldie #primary-nav .top-level .top-level-link {
  display: block;
  padding: 16px 6px;
  font-size: 14px;
  margin: 0 4px;
  border-radius: 3px;
  color: #fff;
  background: transparent;
}
.oldie #primary-nav .donate a {
  margin: 0 0 0;
  letter-spacing: 0;
  float: right;
}
.oldie #primary-nav .donate .top-level-link {
  border-radius: 0;
}
.oldie #primary-nav .volunteer {
  width: 150px;
}
.oldie #primary-nav .local .subnav {
  display: block;
}
.oldie #primary-nav .local .subnav li {
  margin: 0 0 0 10px;
  border-radius: 0;
}
.oldie #primary-nav .top-list {
  display: table-row;
}
.oldie #primary-nav .top-level {
  display: table-cell;
  position: relative;
  overflow: visible;
  margin: 0;
  padding: 0 !important;
  vertical-align: top;
  text-align: center;
  background: transparent url('../images/nav-separator.png') no-repeat 0 50%;
  background-color: rgba(0, 143, 197, 0);
  cursor: pointer;
  -webkit-transition: background-color 0.25s;
  -moz-transition: background-color 0.25s;
  transition: background-color 0.25s;
}
.oldie #primary-nav .top-level a {
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  transition: color 0.25s;
}
.oldie #primary-nav .top-level:hover {
  background: #008fc5;
  background-color: #008fc5;
}
.oldie #primary-nav .top-level:hover .top-level-link {
  color: #fff;
}
.oldie #primary-nav .store {
  padding-bottom: 0;
}
.oldie #primary-nav .store:hover,
.oldie #primary-nav .blog:hover {
  background-image: none;
}
.oldie #primary-nav .top-level:hover + .top-level {
  background-image: none;
}
.oldie #primary-nav .local {
  background: transparent;
}
.oldie #primary-nav .local a {
  color: #fff;
}
.oldie #primary-nav .subnav {
  position: absolute;
  top: -999em;
  text-align: left;
  background: #008fc5;
  border-radius: 3px;
  border-top-left-radius: 0;
  min-width: 190px;
  padding: 0 10px;
  display: block;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  transition: opacity 0.25s;
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  font-weight: 400;
  overflow: hidden;
}
.oldie #primary-nav .subnav li {
  border-bottom: 1px solid #1486b1;
  margin: 0;
  padding: 0;
}
.oldie #primary-nav .subnav li a {
  padding: 11px 30px 11px 10px;
  margin: -1px -10px;
  display: block;
  color: #cff1ff;
  background-color: rgba(8, 78, 108, 0);
  -moz-transition: color 0.25s background-color 0.25s;
  -ms-transition: color 0.25s background-color 0.25s;
  -webkit-transition: color 0.25s background-color 0.25s;
  transition: color 0.25s background-color 0.25s;
}
.oldie #primary-nav .subnav li a:hover,
.oldie #primary-nav .subnav li a:active {
  color: #fff;
  background-color: #084e6c;
}
.oldie #primary-nav .subnav li:last-child {
  border-bottom: 0;
}
.oldie #primary-nav .top-level:hover .subnav {
  opacity: 1;
  top: auto;
}
.oldie #primary-nav .local .subnav {
  overflow: hidden;
  width: 42.15em;
}
.oldie #primary-nav .local .subnav li {
  float: left;
  width: 10em;
}
.oldie #primary-nav .local .subnav li a {
  margin-right: 0;
  padding-right: 20px;
  background-position: 95% 50%;
}
.oldie #primary-nav .local .subnav li:nth-child(4n) a {
  margin-right: -10px;
  padding-right: 30px;
  background-position: 90% 50%;
}
.oldie #primary-nav .local .subnav li:nth-child(4n+2) a,
.oldie #primary-nav .local .subnav li:nth-child(4n+3) a {
  padding-left: 5px;
  margin-left: -5px;
}
.oldie #primary-nav .local .subnav li:nth-child(4n+1) {
  clear: left;
  margin-left: 0;
}
.oldie #primary-nav .localized .subnav {
  width: auto;
}
.oldie #primary-nav .localized .subnav li {
  float: none;
  width: auto;
}
.oldie #primary-nav .localized .subnav li a {
  margin-right: -10px;
  padding-right: 30px;
  background-position: 93% 50%;
}
.oldie #primary-nav .volunteer-now {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}
.oldie #primary-nav .wrap {
  width: 810px;
}
.oldie .donate #primary-nav,
.oldie .scrolling-header #primary-nav {
  position: absolute;
  box-shadow: none;
}
.oldie #primary-nav .home {
  display: none;
}
.oldie #primary-nav.es .wrap {
  padding: 0 160px 0 0px;
}
.oldie #primary-nav.es .top-list .about {
  background-image: none;
  padding-right: 70px !important;
}
.oldie #primary-nav.es .top-list .issues {
  padding-right: 35px !important;
  padding-left: 35px !important;
}
.oldie #primary-nav.es .top-list .volunteer {
  padding-left: 35px !important;
  padding-right: 35px !important;
}
.oldie #primary-nav.es .top-list .store {
  padding-left: 35px !important;
  padding-right: 35px !important;
}
.ie7 #primary-nav.es .wrap .top-list .about {
  padding-right: 70px !important;
}
.ie7 #primary-nav.es .wrap .top-list .issues {
  padding-right: 35px !important;
  padding-left: 35px !important;
}
.ie7 #primary-nav.es .wrap .top-list .volunteer {
  padding-left: 35px !important;
  padding-right: 35px !important;
}
.ie7 #primary-nav.es .wrap .top-list .store {
  padding-left: 35px !important;
  padding-right: 35px !important;
}
.ie7 #primary-nav .wrap {
  width: 810px;
}
.ie7 #primary-nav .top-level {
  float: left;
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.ie7 #primary-nav .top-level .top-level-link {
  font-size: 12px;
}
.ie7 #primary-nav .subnav {
  left: 0;
}
.ie7 #primary-nav .volunteer {
  width: auto;
}
.ie9 #action-bar:hover ~ #primary-nav {
  position: absolute;
}
.ie9 #primary-nav:hover {
  position: absolute;
}
.ie9 #primary-nav .wrap {
  width: 940px;
}
@media (min-width: 960px) {
  #primary-nav + .wrap {
    margin-top: 51px;
  }
}
.oldie #primary-nav + .wrap {
  margin-top: 51px;
}
.ie7 body > .wrap {
  padding-top: 51px;
}
/*Toggle Bug Fix*/
.oldie body:before {
  content: none;
}
.oldie body > .wrap,
.oldie #action-bar .wrap,
.oldie #ft .wrap {
  position: relative;
  left: 0px;
}
/*
   Hydepark Footer
   
   Created by Daniel Ryan on 2011-11-12.
   Copyright 2011 Obama for America. All rights reserved.
*/
.center {
  text-align: center;
}
#ft {
  margin: 0 auto;
  font-size: 12px;
  padding-bottom: 20px;
}
#ft .wrap {
  margin-left: auto;
  margin-right: auto;
  background: #fff;
}
#ft .navs {
  text-align: center;
}
#ft .navs .title,
#ft .navs ul {
  margin: 0 20px;
}
#ft .navs .potus-record {
  display: none;
}
#ft .navs ul {
  margin-bottom: 20px;
}
#ft .navs ul li {
  margin: 8px 0 0;
}
#ft .navs ul li a:link,
#ft .navs ul li a:visited {
  color: #555;
}
#ft .navs .learn-about-the-campaign {
  display: none !important;
}
#ft .disclaimer-license {
  text-align: center;
  padding: 109px 0 0;
  background-image: url('../images/logo-obama-biden@162x19.png');
  background-repeat: no-repeat;
  background-position: 50% 40px;
}
#ft .disclaimer-license .license {
  display: block;
}
#ft .disclaimer-license .disclaimer {
  display: inline-block;
  padding: 5px;
  border: 1px solid #999;
  text-transform: uppercase;
  margin-bottom: 15px;
}
#ft .disclaimer-license small {
  font-size: 100%;
}
#ft .social-follows {
  list-style: none;
  margin: 20px 0 -10px;
  text-align: center;
}
#ft .social-follows li {
  margin-bottom: 10px;
}
#ft .social-follows .twitter iframe {
  width: 150px !important;
}
#ft .social-follows a {
  color: #555;
}
#ft .ovf-disclaimer {
  margin: 10px auto;
}
@media (-webkit-min-device-pixel-ratio: 2) {
  #ft .disclaimer-license {
    background-image: url('../images/logo-obama-biden@324x38.png');
    -webkit-background-size: 162px 19px;
  }
}
#ft.simple .disclaimer-license {
  top-padding: 89px;
}
#ft.simple .disclaimer-license nav {
  margin: 0px 0 20px;
}
#ft.simple .disclaimer-license nav ul {
  text-align: center;
}
#ft.simple .disclaimer-license nav ul li {
  display: inline;
  margin: 0 10px;
}
#ft.simple .disclaimer-license nav ul li a {
  color: #555;
}
@media (min-width: 768px) {
  #ft {
    max-width: 748px;
  }
  #ft .navs {
    text-align: left;
  }
  #ft .navs .title {
    margin-top: 0;
    text-align: left;
  }
  #ft .navs .potus-record {
    display: block;
  }
  #ft .navs nav:first-child .title {
    margin-top: 0;
  }
  #ft .navs nav:first-child .title,
  #ft .navs nav:first-child ul {
    margin-left: 30px;
  }
  #ft .social-follows {
    margin-top: -18px;
    text-align: left;
  }
  #ft .social-follows .twitter iframe {
    margin-left: 20px;
  }
  #ft .social-follows .facebook {
    text-align: right;
  }
  #ft .social-follows .facebook iframe {
    margin-right: 20px;
  }
}
@media (min-width: 960px) {
  #ft {
    max-width: 980px;
    background: rgba(231, 231, 231, 0.88);
  }
  #ft .navs {
    background: url('../images/ft-navs-bg-960.png') repeat-y 50% 50%;
  }
  #ft .navs .connect ul li:nth-child(2n+1) {
    float: left;
    clear: right;
  }
  #ft .navs .connect ul li:nth-child(2n+2) {
    float: right;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  #ft .navs nav {
    float: left;
    width: 33%;
  }
}
.oldie #ft {
  width: 980px;
}
.oldie #ft .navs {
  background: url('../images/ft-navs-bg-960.png') repeat-y 50% 0;
  text-align: left;
}
.oldie #ft .navs .title {
  margin-top: 0;
  text-align: left;
}
.oldie #ft .navs .connect ul li:nth-child(2n+1) {
  float: left;
  clear: right;
}
.oldie #ft .navs .connect ul li:nth-child(2n+2) {
  float: right;
}
.oldie #ft .navs .potus-record {
  display: block;
}
.oldie #ft .navs nav:first-child .title {
  margin-top: 0;
}
.oldie #ft .navs nav:first-child .title,
.oldie #ft .navs nav:first-child ul {
  margin-left: 30px;
}
.oldie #ft .social-follows {
  margin-top: -18px;
  text-align: left;
}
.oldie #ft .social-follows .twitter iframe {
  margin-left: 20px;
}
.oldie #ft .social-follows .facebook {
  text-align: right;
}
.oldie #ft .social-follows .facebook iframe {
  margin-right: 20px;
}
#alex-okrent {
  display: block;
  width: 312px;
  height: 14px;
  margin: -25px auto 25px;
}
/*
	Contribute Global Styles
	This should be included on all donate template stylesheets.
	
	Written by Kyle Rush (krush@barackobama.com)
	
	5/22/12

*/
.hidden {
  display: none;
}
div.wrap {
  background: #fff;
}
body.donate {
  padding-top: 50px;
}
body #action-bar,
body #action-bar .auth,
#action-bar .logo-link {
  position: absolute !important;
}
#action-bar .logo-link i {
  display: none;
}
#action-bar .auth {
  right: 10px;
}
#loading-message {
  background: url('../../images/loading.gif') center left no-repeat !important;
  padding-left: 20px;
}
body.personalized #personalized-content {
  display: block;
}
body.error .personalized-info,
body.error .qd-info {
  display: block!important;
}
body.error #donor-info {
  display: none!important;
}
body.error #donate-content {
  display: none;
}
#submit,
#submit-cont #processing-indicator {
  background-color: #008fc5;
}
#submit-cont #processing-indicator {
  background-image: url(https://secure.assets.bostatic.com/hydepark/images/contrib-bright-blue-loader.gif);
}
#submit:hover {
  background-color: #0a99cf;
}
/* Image path fixes */
/*#action-bar .logo {background: url('../../images/logo-obama-biden-v2.png') no-repeat 50% 50%;}*/
body:before {
  background: url('../../images/nav-shadow.png') repeat-y 0 0;
}
/*#ft .disclaimer-license {background-image: url('../../images/logo-obama-biden@162x19.png');}*/
/* Smaller Logo Bar */
#action-bar {
  position: fixed;
  background: #00446A;
  box-shadow: 0 0 5px #00446A;
  color: white;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 0 !important;
  height: 48px;
}
#action-bar .logo {
  margin: 0 auto;
  width: 153px;
  height: 18px;
  float: none;
  left: 0;
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em;
  background: url('https://secure.assets.bostatic.com/uptown/images/logo_small.png') no-repeat 50% 50%;
  position: relative;
  z-index: 9999;
}
#action-bar .logo-link {
  position: relative;
  left: 0;
  width: 100%;
  padding-top: 5px !important;
}
#action-bar .logo-link i {
  display: none;
}
#action-bar div.wrap {
  background: transparent !important;
}
#action-bar .auth {
  display: block;
  position: absolute;
  top: 38px !important;
  left: 0;
  right: 0 !important;
  background: #00446A;
  height: 25px;
  z-index: 999;
  font-size: 11px;
  font-weight: 700;
}
#action-bar .auth li {
  display: inline;
  padding-left: 10px;
  border-left: 1px solid #99b0bd;
  margin-left: 10px;
}
#action-bar .auth li:first-child {
  padding-left: 0;
  border-left: 0;
  margin-left: 0;
}
#action-bar .auth ul {
  text-align: center;
}
#action-bar .auth a {
  white-space: nowrap;
}
#action-bar a {
  color: #fff;
}
#ft .disclaimer-license {
  background-image: url('https://secure.assets.bostatic.com/hydepark/images/logo-obama-biden@162x19.png') !important;
  background-repeat: no-repeat;
  background-position: 50% 40px;
}
@media screen and (max-width: 767px) {
  #action-bar .logo {
    background-size: 100%;
  }
}
.oldie #action-bar {
  border: none;
}
.oldie #action-bar .auth {
  position: static;
  z-index: 1000;
  top: 0 !important;
  padding-top: 7px;
  right: 20px;
  display: block;
  left: auto;
}
/* Fixing Safari Select Bug */
select#state_cd,
select#cc_expir_month,
select#cc_expir_year {
  font-family: helvetica, arial !important;
}
/* Removes arrows from input type=number fields in chrome */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  /* Apparently some margin are still there even though it's hidden */

  /* display: none; Crashes Chrome. Don't use that. */

}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #action-bar .logo {
    background-image: url('../../images/logo-obama-biden-v2@2x.png') !important;
    background-size: 152px 18px;
  }
  #form-fields #accepted-ccs {
    background: url(https://secure.assets.bostatic.com/hydepark/images/donate/donate-cards-transparent@2x.png) no-repeat;
    background-size: 188px 26px;
  }
  #ft .disclaimer-license {
    background-image: url('../../images/logo-obama-biden@324x38.png') !important;
    background-size: 162px 19px;
  }
}
#contribute-footnote .ovf-footer,
#ft .disclaimer-license .disclaimer .ovf-footer,
#contribute-footnote .ofa-footer,
#ft .disclaimer-license .disclaimer .ofa-footer {
  display: none;
}
body.ovf-gateway #contribute-footnote .ovf-footer,
body.ofa-gateway #contribute-footnote .ofa-footer {
  display: block;
}
body.ovf-gateway #ft .disclaimer-license .disclaimer .ovf-footer,
body.ofa-gateway #ft .disclaimer-license .disclaimer .ofa-footer {
  display: inline;
}
body #recurring-cont label span {
  display: none;
}
body.ofa-gateway #recurring-cont label span.ofa-recur,
body.ovf-gateway #recurring-cont label span.ovf-recur {
  display: inline;
}
#ovf-switch {
  display: none;
}
/*

	Contribute form base
	
	Written by Kyle Rush (krush@barackobama.com)
	
	5/22/12

*/
/*

	Contribute form base
	
	Written by Kyle Rush (krush@barackobama.com)
	
	5/22/12

*/
#general_error {
  background-color: #f2dede;
  border-color: #EED3D7;
  color: #b94a48;
  padding: 8px 35px 8px 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 13px;
  line-height: 18px;
}
body.error input.text {
  color: #000;
}
body.error #form-fields #firstname-cont,
body.error #form-fields #lastname-cont,
body.error #form-fields #addr1-cont,
body.error #form-fields #city-cont,
body.error #form-fields #state_cd-cont,
body.error #form-fields #zip-cont,
body.error #form-fields #email-cont,
body.error #form-fields #phone-cont,
body.error #form-fields #amounts-cont,
body.error #form-fields #cc-number-cont,
body.error #form-fields #cc-expiration-cont,
body.error #form-fields #employer-cont,
body.error #form-fields #occupation-cont,
body.error #form-fields #shipping_firstname-cont,
body.error #form-fields #shipping_lastname-cont,
body.error #form-fields #shipping_addr1-cont,
body.error #form-fields #shipping_city-cont,
body.error #form-fields #shipping_state_cd-cont,
body.error #form-fields #shipping_zip-cont {
  padding: 10px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
body.error #form-fields #firstname-cont.error,
body.error #form-fields #shipping_firstname-cont.error,
body.error #form-fields #lastname-cont.error,
body.error #form-fields #shipping_lastname-cont.error,
body.error #form-fields #addr1-cont.error,
body.error #form-fields #shipping_addr1-cont.error,
body.error #form-fields #city-cont.error,
body.error #form-fields #shipping_city-cont.error,
body.error #form-fields #state_cd-cont.error,
body.error #form-fields #shipping_state_cd-cont.error,
body.error #form-fields #zip-cont.error,
body.error #form-fields #shipping_zip-cont.error,
body.error #form-fields #email-cont.error,
body.error #form-fields #phone-cont.error,
body.error #form-fields #amounts-cont.error,
body.error #form-fields #cc-number-cont.error,
body.error #form-fields #cc-expiration-cont.error,
body.error #form-fields #employer-cont.error,
body.error #form-fields #occupation-cont.error,
body.error #form-fields #custom1-cont.error {
  background-color: #f2dede;
}
body.error #form-fields .amount-cont {
  padding: 0;
  margin-right: 5px;
}
body.error #form-fields .amount_group_error {
  margin-bottom: 15px;
}
body.error #form-fields #personalized-content {
  display: none;
}
body.error #form-fields li.form-section-header-cont {
  margin-top: 0;
  margin-bottom: 0;
}
li.error label,
p.error {
  color: #b94a48;
}
li.form-section-header-cont {
  background: none;
}
.employment-disclaimer {
  color: #555;
}
.oldie body.error #form-fields li {
  padding: 10px;
}
.oldie body.error #form-fields #firstname-cont,
.oldie body.error #form-fields #shipping_firstname-cont,
.oldie body.error #form-fields #lastname-cont,
.oldie body.error #form-fields #shipping_lastname-cont,
.oldie body.error #form-fields #email-cont,
.oldie body.error #form-fields #shipping_email-cont,
.oldie body.error #form-fields #phone-cont,
.oldie body.error #form-fields #shipping_phone-cont,
.oldie body.error #form-fields #employer-cont,
.oldie body.error #form-fields #shipping_employer-cont,
.oldie body.error #form-fields #occupation-cont,
.oldie body.error #form-fields #shipping_occupation-cont {
  width: 43.5%;
}
.oldie body.error #form-fields #city-cont,
.oldie body.error #form-fields #shipping_city-cont {
  width: 39%;
}
.oldie body.error #form-fields #state_cd-cont,
.oldie body.error #form-fields #shipping_state_cd-cont {
  width: 20%;
}
.oldie body.error #form-fields #zip-cont,
.oldie body.error #form-fields #shipping_zip-cont {
  width: 20%;
}
.oldie body.error #form-fields #cc-expiration-cont {
  width: 40%;
}
.oldie body.error #form-fields #amount-cont-1,
.oldie body.error #form-fields #amount-cont-5 {
  width: 52px;
}
html.ie9 body.error #form-fields #amount-cont-1,
html.ie9 body.error #form-fields #amount-cont-5 {
  width: 60px;
}
html.ie8 body.error #form-fields #zip,
html.ie7 body.error #form-fields #zip,
html.ie8 body.error #form-fields #shipping_zip,
html.ie7 body.error #form-fields #shipping_zip {
  width: 78%!important;
}
html.ie8 body.error #form-fields #amount-cont-1,
html.ie7 body.error #form-fields #amount-cont-1,
html.ie8 body.error #form-fields #amount-cont-5,
html.ie7 body.error #form-fields #amount-cont-5 {
  width: 60px;
}
@media all and (min-width: 768px) {
  .blog-post article {
    padding: 6px 30px 30px;
  }
  #wfo-sidebar form#wfo-form ol li.email {
    width: 122px;
  }
  #wfo-sidebar form#wfo-form ol li.email input {
    width: 122px;
  }
  #wfo-sidebar form#wfo-form ol li.zip input {
    width: 50px;
    margin-left: 20px;
  }
  /* a.donate.button,
      a.donate.button:link,
      a.donate.button:visited,
      a.donate.button:active,*/
  #action-bar a.donate.button,
  #primary-nav .wrap .donate {
    background-color: #fff;
    color: #00446A;
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  }
  #action-bar a.donate.button:hover,
  #primary-nav .wrap .donate:hover {
    background: #fff;
  }
  .module.postcard {
    text-align: center;
  }
  .module.postcard img {
    width: 340px;
    padding: 6px 15px;
  }
  .module.postcard p {
    text-align: center;
  }
  .module.toolkit nav ul {
    margin-bottom: 0;
  }
  .state-chooser li {
    width: 18%;
    padding-right: 2%;
  }
  .timeline {
    margin-left: -10px;
    margin-right: -10px;
  }
  .timeline .module,
  .timeline .item {
    width: 460px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
  }
  .timeline .module .entry-content,
  .timeline .item .entry-content,
  .timeline .module .entry-excerpt,
  .timeline .item .entry-excerpt,
  .timeline .module footer,
  .timeline .item footer {
    padding: 0 30px;
  }
  .timeline .module:first-child,
  .timeline .item:first-child {
    margin-top: 20px;
  }
  .timeline .module.go-right,
  .timeline .item.go-right {
    float: right;
  }
  .module.toolkit nav ul li {
    width: 50%;
  }
  .module.toolkit nav ul li:nth-child(3n+1) {
    clear: none;
  }
  .module.toolkit nav ul li:nth-child(odd) {
    clear: left;
  }
  .module.keeping-his-word {
    height: 80px;
  }
  .module.keeping-his-word .slider {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0px;
  }
  .module.keeping-his-word .slider .next,
  .module.keeping-his-word .slider .prev {
    width: 25px;
    height: 38px;
    margin-top: -22px;
    background-color: #0270a0;
  }
  .module.keeping-his-word .slider .next {
    right: 0px;
    background-image: url('../images/new-khw-arrow-next.png');
  }
  .module.keeping-his-word .slider .prev {
    left: 0px;
    background-image: url('../images/new-khw-arrow-prev.png');
  }
  .module.keeping-his-word .slider ul li {
    font-size: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../images/khw-new-sprite-6-tiles.png);
    background-position: center top;
    margin-left: 0px;
    height: 80px;
  }
  .module.keeping-his-word .slider ul li a {
    white-space: normal;
    font-size: 15px;
    padding: 34px 50px 0;
  }
  .module.keeping-his-word .slider ul li.count-1 {
    background-position-y: 0;
    background-color: #00446a;
  }
  .module.keeping-his-word .slider ul li.count-1 a {
    font-size: 24px;
    padding: 11px 50px 0;
  }
  .module.keeping-his-word .slider ul li.count-2 {
    background-position: center -80px;
  }
  .module.keeping-his-word .slider ul li.count-3 {
    background-position: center -160px;
  }
  .module.keeping-his-word .slider ul li.count-4 {
    background-position: center -240px;
  }
  .module.keeping-his-word .slider ul li.count-5 {
    background-position: center -320px;
  }
  .module.keeping-his-word .slider ul li.count-6 {
    background-position: center -400px;
  }
  .module.keeping-his-word .slider ul li.count-7 {
    background-position: center -480px;
  }
  .js .module.keeping-his-word .slider .next {
    right: 0px;
    border-radius: 3px 0px 0px 3px;
    background-image: url('../images/new-khw-arrow-next.png');
  }
  .js .module.keeping-his-word .slider .prev {
    left: 0px;
    border-radius: 0px 3px 3px 0px;
    background-image: url('../images/new-khw-arrow-prev.png');
  }
  .js .module.keeping-his-word ul li {
    margin: 0 10px 0 0;
  }
  .side-bug.truth-team a {
    width: 300px;
    position: absolute;
  }
  .side-bug.truth-team a img {
    width: auto;
  }
  article .fitvid,
  #signupfooter .fitvid {
    padding-bottom: 20px;
  }
  article .entry-content .small-blog-img,
  article .entry-excerpt .small-blog-img,
  article .entry-content .picLeft,
  article .entry-excerpt .picLeft,
  article .entry-content .picRight,
  article .entry-excerpt .picRight {
    float: right;
    margin: 0 0 5px 30px;
  }
  #stay.fixed {
    width: 300px;
    margin-left: 170px;
  }
  #stay.bottomed {
    width: 300px;
    position: absolute;
    bottom: 14px;
  }
  #take-action.module.toolkit {
    margin-top: 1px;
  }
  #take-action.module.toolkit nav ul {
    background: white;
  }
  #og-widget .share-status i {
    top: 2px;
    background: url(../images/modules/og-widget/blue.png);
  }
  #og-widget .share-status b {
    border: 1px solid #bbb;
  }
  #og-widget[data-sharing="on"] .share-status i {
    background: url(../images/modules/og-widget/green.png);
  }
  #og-widget .history-drawer {
    border-top: none;
  }
  #og-widget .history-drawer[data-status="open"] {
    border-top: 1px #e1e1e1 solid;
  }
  #reconnect-modal > div {
    margin: 0;
    position: absolute;
    width: 370px;
    top: 50%;
    margin-top: -75px;
    left: 50%;
    margin-left: -215px;
  }
  .search.module.toolkit form input,
  .search.module.toolkit form textarea {
    width: 200px;
    padding: 9px 7px;
  }
  .search.module.toolkit form button {
    vertical-align: top;
    margin-left: 10px;
  }
  #voting-banner span {
    display: inline;
    border-bottom: 1px solid white;
    font-size: 28px;
    line-height: 1.6;
  }
  #voting-banner small {
    line-height: 1.8;
    font-size: 14px;
  }
  #action-bar {
    padding: 25px 0;
    border-bottom: 5px solid #fff;
    position: fixed;
  }
  #action-bar .wrap {
    background: transparent;
    position: relative;
    min-height: 30px;
  }
  #action-bar .social-native {
    position: absolute;
    top: 4px;
    display: block;
  }
  #action-bar .social-native .twitter {
    display: block;
    float: left;
    min-width: 60px;
    padding-left: 15px;
    border-left: 1px solid #99B0BD;
    margin: 0;
    height: 24px;
    padding-top: 2px;
  }
  #action-bar .social-native .facebook {
    display: block;
    min-width: 96px;
    float: left;
    height: 21px;
    margin-right: 14px;
    position: relative;
    top: 2px;
  }
  #action-bar .logo-link {
    position: static;
    border: 0;
    padding: 0;
  }
  #action-bar .auth {
    position: absolute;
    top: 6px;
  }
  #action-bar .logo {
    margin: 0 auto;
    width: 262px;
    left: 0;
    float: none;
  }
  #action-bar .quick-signup {
    float: none;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
  }
  #action-bar .quick-signup a.button {
    border-radius: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  #action-bar .quick-signup a.button b {
    padding-right: 14px;
    background: url('../images/arrow-down.png') no-repeat 100% 50%;
  }
  #action-bar .quick-signup .panel {
    border-radius: 5px;
    border-top-left-radius: 0;
    border: 2px solid #fff;
    border-top: 0;
  }
  #action-bar .sotu .button {
    height: 21px;
  }
  #action-bar .sotu b {
    padding-top: 2px;
    display: block;
  }
  #action-bar .sotu u {
    width: 190px;
    height: 14px;
    background-image: url('../images/quick-signup-sotu@190x14.png');
  }
  #action-bar .donate {
    display: none;
  }
  #action-bar .auth li {
    display: inline;
    margin: 0 0 0 12px;
  }
  #action-bar .auth li:first-child {
    padding-left: 0;
    margin-left: 0;
    border-left: 0;
  }
  #action-bar .auth a {
    white-space: nowrap;
  }
  .show-quick-signup #action-bar {
    z-index: 1003;
    /* gets this above the overlay */
  
  }
  .show-quick-signup #action-bar .quick-signup .button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .actions,
  .auth {
    font-size: 13px;
    font-weight: 700;
  }
  .auth li {
    display: inline;
    margin: 0 0 0 12px;
  }
  .auth li:first-child {
    padding-left: 0;
    margin-left: 0;
    border-left: 0;
  }
  .auth a {
    white-space: nowrap;
  }
  #action-bar.es {
    padding: 15px 0;
  }
  #action-bar.es .logo {
    background: url('../images/logo-obama-biden-v2-es.png') no-repeat 50% 50%;
    height: 50px;
  }
  #action-bar.es .donate {
    bottom: -60px;
  }
  #action-bar.es .quick-signup {
    top: 10px;
  }
  #action-bar.es .auth {
    top: 17px;
  }
  #action-bar .auth {
    right: 0px;
  }
  body {
    padding-top: 83px;
  }
  body.no-action-bar {
    padding-top: 49px;
  }
  #action-bar:hover ~ #primary-nav {
    position: fixed;
  }
  #primary-nav:hover {
    position: fixed;
  }
  #primary-nav {
    background: #008fc5;
    display: block;
    position: absolute;
    top: 85px;
    left: 0;
    right: 0;
    min-height: 49px;
    width: 100%;
    z-index: 998;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    overflow: visible;
  }
  #primary-nav .wrap {
    display: table;
    padding: 0 130px 0 0;
    /* padding makes room for the donate button */
  
  }
  #primary-nav .donate {
    position: absolute;
    float: none;
    width: auto;
    right: 0;
    bottom: 9px;
    border-radius: 5px;
    padding: 6px 12px;
    color: #fff;
    font-weight: 700;
    display: block;
  }
  #primary-nav .top-level .top-level-link {
    display: block;
    padding: 16px 6px;
    font-size: 14px;
    margin: 0 4px;
    border-radius: 3px;
    color: #fff;
    background: transparent;
  }
  #primary-nav .donate a {
    margin: 0 0 0;
    letter-spacing: 0;
    float: right;
  }
  #primary-nav .donate .top-level-link {
    border-radius: 0;
  }
  #primary-nav .volunteer {
    width: 150px;
  }
  #primary-nav .local .subnav {
    display: block;
  }
  #primary-nav .local .subnav li {
    margin: 0 0 0 10px;
    border-radius: 0;
  }
  #primary-nav .top-list {
    display: table-row;
  }
  #primary-nav .top-level {
    display: table-cell;
    position: relative;
    overflow: visible;
    margin: 0;
    padding: 0 !important;
    vertical-align: top;
    text-align: center;
    background: transparent url('../images/nav-separator.png') no-repeat 0 50%;
    background-color: rgba(0, 143, 197, 0);
    cursor: pointer;
    -webkit-transition: background-color 0.25s;
    -moz-transition: background-color 0.25s;
    transition: background-color 0.25s;
  }
  #primary-nav .top-level a {
    -webkit-transition: color 0.25s;
    -moz-transition: color 0.25s;
    transition: color 0.25s;
  }
  #primary-nav .top-level:hover {
    background: #008fc5;
    background-color: #008fc5;
  }
  #primary-nav .top-level:hover .top-level-link {
    color: #fff;
  }
  #primary-nav .store {
    padding-bottom: 0;
  }
  #primary-nav .store:hover,
  #primary-nav .blog:hover {
    background-image: none;
  }
  #primary-nav .top-level:hover + .top-level {
    background-image: none;
  }
  #primary-nav .local {
    background: transparent;
  }
  #primary-nav .local a {
    color: #fff;
  }
  #primary-nav .subnav {
    position: absolute;
    top: -999em;
    text-align: left;
    background: #008fc5;
    border-radius: 3px;
    border-top-left-radius: 0;
    min-width: 190px;
    padding: 0 10px;
    display: block;
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    transition: opacity 0.25s;
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
    font-weight: 400;
    overflow: hidden;
  }
  #primary-nav .subnav li {
    border-bottom: 1px solid #1486b1;
    margin: 0;
    padding: 0;
  }
  #primary-nav .subnav li a {
    padding: 11px 30px 11px 10px;
    margin: -1px -10px;
    display: block;
    color: #cff1ff;
    background-color: rgba(8, 78, 108, 0);
    -moz-transition: color 0.25s background-color 0.25s;
    -ms-transition: color 0.25s background-color 0.25s;
    -webkit-transition: color 0.25s background-color 0.25s;
    transition: color 0.25s background-color 0.25s;
  }
  #primary-nav .subnav li a:hover,
  #primary-nav .subnav li a:active {
    color: #fff;
    background-color: #084e6c;
  }
  #primary-nav .subnav li:last-child {
    border-bottom: 0;
  }
  #primary-nav .top-level:hover .subnav {
    opacity: 1;
    top: auto;
  }
  #primary-nav .local .subnav {
    overflow: hidden;
    width: 42.15em;
  }
  #primary-nav .local .subnav li {
    float: left;
    width: 10em;
  }
  #primary-nav .local .subnav li a {
    margin-right: 0;
    padding-right: 20px;
    background-position: 95% 50%;
  }
  #primary-nav .local .subnav li:nth-child(4n) a {
    margin-right: -10px;
    padding-right: 30px;
    background-position: 90% 50%;
  }
  #primary-nav .local .subnav li:nth-child(4n+2) a,
  #primary-nav .local .subnav li:nth-child(4n+3) a {
    padding-left: 5px;
    margin-left: -5px;
  }
  #primary-nav .local .subnav li:nth-child(4n+1) {
    clear: left;
    margin-left: 0;
  }
  #primary-nav .localized .subnav {
    width: auto;
  }
  #primary-nav .localized .subnav li {
    float: none;
    width: auto;
  }
  #primary-nav .localized .subnav li a {
    margin-right: -10px;
    padding-right: 30px;
    background-position: 93% 50%;
  }
  #primary-nav .volunteer-now {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
  }
  #primary-nav .wrap {
    width: 810px;
  }
  .donate #primary-nav,
  .scrolling-header #primary-nav {
    position: absolute;
    box-shadow: none;
  }
  #primary-nav .home {
    display: none;
  }
  #primary-nav.es .wrap {
    padding: 0 160px 0 0px;
  }
  #primary-nav.es .top-list .about {
    background-image: none;
    padding-right: 70px !important;
  }
  #primary-nav.es .top-list .issues {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  #primary-nav.es .top-list .volunteer {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  #primary-nav.es .top-list .store {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  #primary-nav + .wrap {
    margin-top: 51px;
  }
  body:before {
    content: none;
  }
  body > .wrap,
  #action-bar .wrap,
  #ft .wrap {
    position: relative;
    left: 0px;
  }
  #ft {
    width: 980px;
  }
  #ft .navs {
    background: url('../images/ft-navs-bg-960.png') repeat-y 50% 0;
    text-align: left;
  }
  #ft .navs .title {
    margin-top: 0;
    text-align: left;
  }
  #ft .navs .connect ul li:nth-child(2n+1) {
    float: left;
    clear: right;
  }
  #ft .navs .connect ul li:nth-child(2n+2) {
    float: right;
  }
  #ft .navs .potus-record {
    display: block;
  }
  #ft .navs nav:first-child .title {
    margin-top: 0;
  }
  #ft .navs nav:first-child .title,
  #ft .navs nav:first-child ul {
    margin-left: 30px;
  }
  #ft .social-follows {
    margin-top: -18px;
    text-align: left;
  }
  #ft .social-follows .twitter iframe {
    margin-left: 20px;
  }
  #ft .social-follows .facebook {
    text-align: right;
  }
  #ft .social-follows .facebook iframe {
    margin-right: 20px;
  }
  #action-bar {
    border: none;
  }
  #action-bar .auth {
    position: static;
    z-index: 1000;
    top: 0 !important;
    padding-top: 7px;
    right: 20px;
    display: block;
    left: auto;
  }
  body.error #form-fields li {
    padding: 10px;
  }
  body.error #form-fields #firstname-cont,
  body.error #form-fields #shipping_firstname-cont,
  body.error #form-fields #lastname-cont,
  body.error #form-fields #shipping_lastname-cont,
  body.error #form-fields #email-cont,
  body.error #form-fields #shipping_email-cont,
  body.error #form-fields #phone-cont,
  body.error #form-fields #shipping_phone-cont,
  body.error #form-fields #employer-cont,
  body.error #form-fields #shipping_employer-cont,
  body.error #form-fields #occupation-cont,
  body.error #form-fields #shipping_occupation-cont {
    width: 43.5%;
  }
  body.error #form-fields #city-cont,
  body.error #form-fields #shipping_city-cont {
    width: 39%;
  }
  body.error #form-fields #state_cd-cont,
  body.error #form-fields #shipping_state_cd-cont {
    width: 20%;
  }
  body.error #form-fields #zip-cont,
  body.error #form-fields #shipping_zip-cont {
    width: 20%;
  }
  body.error #form-fields #cc-expiration-cont {
    width: 40%;
  }
  body.error #form-fields #amount-cont-1,
  body.error #form-fields #amount-cont-5 {
    width: 52px;
  }
  #form-fields {
    width: 385px;
  }
  #form-fields select {
    font-size: 14px;
  }
  #form-fields input.text {
    font-size: 14px;
  }
  #form-fields #cc_number {
    font-family: Monaco, "Lucida Sans Unicode", monospace;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 7px 4px;
  }
  #form-fields label {
    font-size: 13px;
  }
  #form-fields li.form-section-header-cont {
    width: 100%;
    clear: both;
  }
  #form-fields #firstname-cont,
  #form-fields #shipping_firstname-cont,
  #form-fields #email-cont,
  #form-fields #employer-cont {
    float: left;
  }
  #form-fields #lastname-cont,
  #form-fields #shipping_lastname-cont,
  #form-fields #phone-cont,
  #form-fields #occupation-cont {
    float: right;
  }
  #form-fields #firstname-cont,
  #form-fields #shipping_firstname-cont,
  #form-fields #lastname-cont,
  #form-fields #shipping_lastname-cont,
  #form-fields #email-cont,
  #form-fields #phone-cont,
  #form-fields #employer-cont,
  #form-fields #occupation-cont {
    width: 49%;
  }
  #form-fields #addr1-cont,
  #form-fields #shipping_addr1-cont,
  #form-fields #email-cont {
    clear: both;
  }
  #form-fields #city-cont,
  #form-fields #shipping_city-cont {
    width: 54%;
    margin-right: 10px;
    float: left;
  }
  #form-fields #state_cd-cont,
  #form-fields #shipping_state_cd-cont {
    width: 20%;
    margin-right: 10px;
    float: left;
  }
  #form-fields #state_cd-cont #state_cd.error {
    color: #333;
  }
  #form-fields #zip-cont,
  #form-fields #shipping_zip-cont {
    width: 20%;
    float: left;
    margin-right: 0;
  }
  #form-fields #amounts-cont {
    overflow: hidden;
  }
  #form-fields .amount-cont {
    width: 70px;
    margin-right: 10px;
    float: left;
  }
  #form-fields #amount-cont-4 {
    margin-right: 0;
  }
  #form-fields #amount-cont-5 {
    clear: both;
  }
  #form-fields #amount-cont-8 {
    width: 140px;
    margin: -10px 0 0 0;
  }
  #form-fields #cc-number-cont {
    float: left;
  }
  #form-fields #cc-expiration-cont {
    float: right;
  }
  #form-fields #cc-number-cont,
  #form-fields #cc-expiration-cont {
    width: 48%;
  }
  #form-fields #cc_expir_year,
  #form-fields #cc_expir_month {
    width: 70px;
  }
  #form-fields #accepted-ccs {
    margin: 0;
  }
  #form-fields #employment-header {
    margin-bottom: 10px;
  }
  #form-fields #employment-disclaimer {
    font-size: 12px;
  }
  body {
    background-color: #EAEAEA;
  }
  body > .wrap {
    background-color: #EAEAEA;
  }
  /*  transitions */
  .page-header,
  #donate-form-content,
  p.secure {
    -webkit-animation: 1s ease;
    -moz-animation: 1s ease;
    animation: 1s ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    animation-name: fadeInDown;
    opacity: 1;
  }
  body.sequential {
    /*  Form Fields */
  
    /* /#form-fields */
  
    /* body.sequential-active */
  
    /* /body.sequential-active */
  
    /* body.error */
  
    /* /body.error */
  
    /* /body.ovfSwitch */
  
  }
  body.sequential .content-area-bg {
    height: auto;
  }
  body.sequential p.secure {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 999;
    background: transparent url('https://secure.assets.bostatic.com/hydepark/images/secure-seal.png') no-repeat 50% 50%;
    height: 15px;
    width: 57px;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
  }
  body.sequential #donate-form-content {
    width: 385px;
    height: auto;
    padding: 30px;
    margin: 40px;
    overflow: hidden;
    border-radius: 4px;
    -webkit-transition: height 0.3s linear;
    -moz-transition: height 0.3s linear;
    transition: height 0.3s linear;
  }
  body.sequential #donate-form-content #loading-message {
    display: none;
  }
  body.sequential #donate-form-content #donate-form {
    margin: 20px auto 0;
    width: 100%;
  }
  body.sequential span.premature {
    width: 100%;
    position: absolute;
    bottom: 75px;
    left: -5px;
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color: #C41230;
  }
  body.sequential #form-fields {
    margin: 0 auto !important;
    /* Error Overrides */
  
    /* Amounts */
  
    /* Personal info */
  
    /* Credit Card & Payment */
  
    /* Exmployment */
  
  }
  body.sequential #form-fields label {
    font-size: 14px;
  }
  body.sequential #form-fields input {
    -webkit-transition: background-color 0.15s linear;
    -moz-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;
  }
  body.sequential #form-fields input.error {
    border: 2px solid #c41230 !important;
    -webkit-transition: border-color 0.15s ease-in-out;
    -moz-transition: border-color 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out;
  }
  body.sequential #form-fields #cc_expir_month.error,
  body.sequential #form-fields #cc_expir_year.error,
  body.sequential #form-fields #state_cd.error {
    color: #c41230 !important;
    outline: 1px solid red;
  }
  body.sequential #form-fields #select-amount-header {
    margin-top: 20px;
  }
  body.sequential #form-fields #amounts-cont {
    width: 330px;
    margin-left: auto;
    margin-right: auto;
  }
  body.sequential #form-fields #amounts-cont.error {
    padding-right: 20px !important;
  }
  body.sequential #form-fields ul#amounts {
    overflow: auto;
    zoom: 1;
    width: 330px;
    margin: 0 auto;
  }
  body.sequential #form-fields ul#amounts .amount-cont {
    display: block;
    width: 88px;
    float: left;
    clear: none !important;
    margin-right: 20px;
    margin-bottom: 20px !important;
  }
  body.sequential #form-fields ul#amounts .amount-cont input {
    display: none;
  }
  body.sequential #form-fields ul#amounts .amount-cont label {
    display: block;
    width: 80px;
    padding: 8px 5px;
    font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin: 1px 0 0 3px;
    cursor: pointer;
    outline: none;
    /* IE Gradient */
  
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#43afd6', endColorstr='#0c8eba', GradientType=0);
    -webkit-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    -moz-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    transition: background-color 0.15s linear, box-shadow 0.15s linear;
  }
  body.sequential #form-fields ul#amounts .amount-cont label:hover {
    background: #1297c9;
    filter: none;
    color: #fff;
    border: 1px solid #1190c0;
    box-shadow: inset 0px 1px 1px 1px #1297c9, 0px 1px 1px 1px #083f54;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    transition: background 0.1s linear;
  }
  body.sequential #form-fields ul#amounts .amount-cont label.active {
    background: #89cd46;
    filter: none;
    color: #fff;
    border: 1px solid #fff;
  }
  body.sequential #form-fields ul#amounts .amount-cont label.active:hover {
    background: #89cd46;
    box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
  }
  body.sequential #form-fields ul#amounts #amount-cont-8 {
    margin-top: 0;
    margin-left: 1px;
    width: 194px;
  }
  body.sequential #form-fields ul#amounts #amount-cont-8 input {
    display: block;
    height: 42px;
    width: 100%;
  }
  body.sequential #form-fields ul#amounts #amount-cont-8 label {
    display: none;
  }
  body.sequential #form-fields #amount-cont-4 {
    margin-right: 6px;
  }
  body.sequential #form-fields #suggested-amount {
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
    font-size: 14px;
    color: #555555;
    font-style: italic;
    display: block;
    margin: -13px 0 0 0;
  }
  body.sequential #form-fields #addr2-cont {
    display: none;
  }
  body.sequential #form-fields #cc-type-cont {
    margin-top: -13px;
  }
  body.sequential #form-fields #cc-number-cont,
  body.sequential #form-fields #cc-expiration-cont {
    float: none;
    width: 235px;
  }
  body.sequential #form-fields #cc-number-cont {
    margin: 35px auto 10px;
  }
  body.sequential #form-fields #cc-number-cont input::-webkit-input-placeholder {
    color: #999;
  }
  body.sequential #form-fields #cc-number-cont input:-moz-placeholder {
    color: #999;
  }
  body.sequential #form-fields #cc-number-cont input:-ms-input-placeholder {
    color: #999;
  }
  body.sequential #form-fields #cc_number {
    font-size: 17px;
  }
  body.sequential #form-fields #cc_expir_year,
  body.sequential #form-fields #cc_expir_month {
    width: 100px;
  }
  body.sequential #form-fields #cc-expiration-cont {
    margin: 22px auto 10px auto;
  }
  body.sequential #form-fields #cc-expiration-cont #cc_expir_month {
    margin-right: 30px;
  }
  body.sequential #form-fields #cc-type-cont #accepted-ccs {
    width: 190px;
    margin: 0 auto;
    /*background: none;
  				text-indent: 0;
  				width: 100;
  				margin-bottom: 49px;
  				font-size: 16px;*/
  
  }
  body.sequential #form-fields #recurring-cont {
    width: 392px;
    margin-left: 0px;
    margin-top: 20px;
  }
  body.sequential #form-fields #recurring-cont label {
    font-weight: normal !important;
  }
  body.sequential #form-fields #recurring-cont span {
    display: none;
  }
  body.sequential #form-fields .form-section-header-cont.employer_related.occupation_related {
    width: 100%;
    margin: 0 auto;
    line-height: 1.4;
  }
  body.sequential #form-fields #employment-header {
    display: none;
  }
  body.sequential #form-fields #employer-cont,
  body.sequential #form-fields #occupation-cont {
    width: 235px;
    float: none;
  }
  body.sequential #form-fields #employer-cont {
    margin: 5px auto 15px auto;
  }
  body.sequential #form-fields #occupation-cont {
    margin: 15px auto;
  }
  body.sequential #form-fields #employer-occupation-helper,
  body.sequential #form-fields #ovf-switch {
    width: 380px;
    margin: 120px 0 0 0;
    font-size: 13px;
    clear: both;
  }
  body.sequential #form-fields .employment-disclaimer {
    font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #444;
  }
  body.sequential #form-fields #form-fields #submit-cont {
    width: 100%;
    position: relative;
    text-align: center;
  }
  body.sequential #form-fields #ovf-switch {
    display: none;
    width: 385px;
    margin: 136px 0 15px;
  }
  body.sequential #form-fields #submit-cont {
    margin: 20px 0 0 0;
  }
  body.sequential.sequential-active {
    /* Pull the standard submit button off screen */
  
    /* Group CSS to Show & Hide */
  
    /* Breadcrumbs */
  
    /* Next And Submit */
  
    /* /#next */
  
    /* /#submit-button */
  
  }
  body.sequential.sequential-active #donate-form-content {
    height: 425px;
  }
  body.sequential.sequential-active #donate-form-content #donate-form {
    margin: 80px auto 0;
  }
  body.sequential.sequential-active p.secure {
    top: 104px;
  }
  body.sequential.sequential-active #submit-cont,
  body.sequential.sequential-active input#submit {
    display: none;
    position: absolute;
    top: -100%;
    left: -100%;
  }
  body.sequential.sequential-active .group1:not(.submenu),
  body.sequential.sequential-active .group2,
  body.sequential.sequential-active .group3,
  body.sequential.sequential-active .group4,
  body.sequential.sequential-active .group5,
  body.sequential.sequential-active .group6 {
    position: relative;
    left: 0;
    opacity: 1;
    -webkit-transition: left 0.5s ease, opacity 1s ease;
    -moz-transition: left 0.5s ease, opacity 1s ease;
    transition: left 0.5s ease, opacity 1s ease;
  }
  body.sequential.sequential-active .group1:not(.submenu) #accepted-css,
  body.sequential.sequential-active .group2 #accepted-css,
  body.sequential.sequential-active .group3 #accepted-css,
  body.sequential.sequential-active .group4 #accepted-css,
  body.sequential.sequential-active .group5 #accepted-css,
  body.sequential.sequential-active .group6 #accepted-css {
    display: block;
  }
  body.sequential.sequential-active .group1:not(.submenu).hide,
  body.sequential.sequential-active .group2.hide,
  body.sequential.sequential-active .group3.hide,
  body.sequential.sequential-active .group4.hide,
  body.sequential.sequential-active .group5.hide,
  body.sequential.sequential-active .group6.hide {
    position: absolute;
    left: -100%;
    opacity: 0;
    -webkit-transition: left 0.5s ease, opacity 0.15s ease;
    -moz-transition: left 0.5s ease, opacity 0.15s ease;
    transition: left 0.5s ease, opacity 0.15s ease;
  }
  body.sequential.sequential-active .hide {
    position: absolute;
    left: -100%;
    opacity: 0;
    -webkit-transition: left 0.5s ease, opacity 0.15s ease;
    -moz-transition: left 0.5s ease, opacity 0.15s ease;
    transition: left 0.5s ease, opacity 0.15s ease;
  }
  body.sequential.sequential-active .hide #accepted-ccs {
    display: none;
  }
  body.sequential.sequential-active #breadcrumbs {
    display: block;
    position: absolute;
    top: 0;
    left: -26px;
    width: 100%;
    background: #f2f2f2;
    overflow: auto;
    zoom: 1;
    border-bottom: 1px solid #d8d8d8;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  body.sequential.sequential-active #breadcrumbs:after {
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    background: #fff;
    content: '';
  }
  body.sequential.sequential-active #breadcrumbs li {
    display: block;
    position: relative;
    float: left;
    /*width: 65px;*/
  
    width: 59px;
    list-style-type: none;
    text-align: center;
    font-size: 14px;
    color: #b8b8b8;
    font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
    font-weight: normal;
    padding: 18px 0 20px 32px;
    -webkit-transition: color 0.25s linear, background-color 0.25s linear;
    -moz-transition: color 0.25s linear, background-color 0.25s linear;
    transition: color 0.25s linear, background-color 0.25s linear;
  }
  body.sequential.sequential-active #breadcrumbs li hr {
    background: #fff;
    border-top: 1px solid #c9c9c9;
    position: absolute;
    left: -16px;
    top: 45%;
    width: 63px;
  }
  body.sequential.sequential-active #breadcrumbs li span {
    display: block;
    background: #b8b8b8;
    width: 18px;
    margin: 5px auto 0;
    color: #fff;
    padding: 4px;
    border-radius: 5em;
    text-align: center;
    font-weight: bold;
    -webkit-transition: color 0.25s linear, background-color 0.25s linear;
    -moz-transition: color 0.25s linear, background-color 0.25s linear;
    transition: color 0.25s linear, background-color 0.25s linear;
  }
  body.sequential.sequential-active #breadcrumbs li b {
    display: block;
    width: 100%;
    height: 2px;
    opacity: 0;
    background: #b6b6b6;
    margin: 10px auto 0;
    border-bottom: 2px solid white;
  }
  body.sequential.sequential-active #breadcrumbs li:first-child {
    margin-left: 55px;
    padding-left: 0;
  }
  body.sequential.sequential-active #breadcrumbs li.saved-payment:first-child {
    margin-left: 142px;
  }
  body.sequential.sequential-active #breadcrumbs li.completed,
  body.sequential.sequential-active #breadcrumbs li.current {
    color: #555555;
    font-weight: bold;
    cursor: pointer;
  }
  body.sequential.sequential-active #breadcrumbs li.completed hr,
  body.sequential.sequential-active #breadcrumbs li.current hr {
    background: #b9d982;
  }
  body.sequential.sequential-active #breadcrumbs li.completed span,
  body.sequential.sequential-active #breadcrumbs li.current span {
    background: #81c341;
    text-shadow: 1px 1px 0 #dbdbdb;
    -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  }
  body.sequential.sequential-active #breadcrumbs li.completed:hover,
  body.sequential.sequential-active #breadcrumbs li.current:hover {
    color: #000;
    text-shadow: 0 0 10px #fff;
  }
  body.sequential.sequential-active #breadcrumbs li.completed:hover span,
  body.sequential.sequential-active #breadcrumbs li.current:hover span {
    /*
  								background: #88ef24;*/
  
    background: #5b8b2c;
    text-shadow: 1px 1px 0 #d3d3d3;
  }
  body.sequential.sequential-active #breadcrumbs li.completed:hover b,
  body.sequential.sequential-active #breadcrumbs li.current:hover b {
    opacity: 1;
    -webkit-animation: 0.15s ease;
    -moz-animation: 0.15s ease;
    animation: 0.15s ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-transition: opacity 0.25s linear;
    -moz-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
  }
  body.sequential.sequential-active #breadcrumbs li.current {
    /*background: white;
  						color: @light-blue;*/
  
  }
  body.sequential.sequential-active #next {
    background: #1297c9;
    background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(255, 255, 255, 0.1)));
    cursor: pointer;
    outline: none;
    border: 1px solid #1190c0;
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px 1px rgba(255, 255, 255, 0.2), 0px 1px 1px 1px #083f54;
    -webkit-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    -moz-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    transition: background-color 0.15s linear, box-shadow 0.15s linear;
    position: absolute;
    bottom: 20px;
    left: 50%;
    display: block;
    margin: 10px 0 0 -84px;
    padding: 2px 10px;
    width: 142px;
    -webkit-transition: background-color 0.15s ease-in-out, box-shadow 0.15s linear;
    -moz-transition: background-color 0.15s ease-in-out, box-shadow 0.15s linear;
    transition: background-color 0.15s ease-in-out, box-shadow 0.15s linear;
  }
  body.sequential.sequential-active #next:hover {
    background: #1297c9;
  }
  body.sequential.sequential-active #next:active {
    background: #0e749a;
    box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
  }
  body.sequential.sequential-active #next p {
    background: transparent url('https://secure.assets.bostatic.com/hydepark/images/donate/sa-continue-arrow.png') no-repeat 96% 50%;
    text-align: center;
    color: #fff;
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
    font-weight: bold;
    font-size: 18px;
    padding: 7px 30px 7px 10px;
    text-transform: uppercase;
  }
  body.sequential.sequential-active #submit-button {
    position: absolute;
    bottom: 172px;
    left: 50%;
    margin: 10px 0 0 -116px;
    /*display: block;*/
  
    width: 190px;
    background: #89cd46;
    background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(255, 255, 255, 0.1)));
    cursor: pointer;
    outline: none;
    border: 1px solid #84cb3e;
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px 1px rgba(255, 255, 255, 0.2), 0px 1px 1px 1px #49741f;
    -webkit-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    -moz-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    transition: background-color 0.15s linear, box-shadow 0.15s linear;
    padding: 10px 28px 10px 10px;
    font-weight: bold;
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: bottom 0.25s linear;
    -moz-transition: bottom 0.25s linear;
    transition: bottom 0.25s linear;
  }
  body.sequential.sequential-active #submit-button:hover {
    background: #89cd46;
  }
  body.sequential.sequential-active #submit-button:active {
    background: #70b030;
    box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
  }
  body.sequential.sequential-active #submit-button span#processingform {
    background: transparent url('https://secure.assets.bostatic.com/hydepark/images/donate/20121008_ContinueButton_test.png') no-repeat 104% 49%;
    width: 16px;
    height: 16px;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
    position: absolute;
    top: 15px;
    right: 20px;
  }
  body.sequential.sequential-active #submit-button.processingform {
    background: #89cd46;
    color: white;
  }
  body.sequential.sequential-active #submit-button.processingform span#processingform {
    background: transparent url('https://secure.assets.bostatic.com/hydepark/images/donate/20121008_ContinueButton_test.png') no-repeat 104% 49%;
    width: 16px;
    height: 16px;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
    position: absolute;
    top: 13px;
    right: 20px;
  }
  body.sequential.sequential-active #submit-button.saved-payment {
    bottom: 40px;
  }
  body.sequential.sequential-active #employer-occupation-helper {
    margin: 146px 0 0 0;
  }
  body.sequential.sequential-active #creditcard-header {
    display: none;
  }
  body.sequential.sequential-active #amount-header {
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
    font-size: 22px;
    /*color: #707070;*/
  
    /* updated color to match WCAG Contrast Compliance */
  
    color: #575757;
    margin-top: 20px;
    margin-left: 40px;
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    transition: color 0.15s linear;
  }
  body.sequential.sequential-active #amount-header.error {
    color: #c41230;
  }
  body.sequential.error {
    /* /#form-fields */
  
    /* Submit */
  
  }
  body.sequential.error #donate-form-content {
    min-height: 500px;
    height: auto !important;
  }
  body.sequential.error #donate-form-content #donate-form {
    margin-top: 0;
  }
  body.sequential.error p.secure {
    top: 5px !important;
  }
  body.sequential.error #form-fields {
    /* Amounts */
  
    /* CC / Payment */
  
    /* Employement */
  
  }
  body.sequential.error #form-fields ul#amounts {
    width: 330px;
  }
  body.sequential.error #form-fields ul#amounts .amount-cont {
    width: 88px !important;
    margin-right: 20px !important;
  }
  body.sequential.error #form-fields ul#amounts #amount-cont-8 {
    width: 40% !important;
  }
  body.sequential.error #form-fields #amount-cont-1,
  body.sequential.error #form-fields #amount-cont-5 {
    width: auto;
  }
  body.sequential.error #form-fields #creditcard-header {
    display: block;
  }
  body.sequential.error #form-fields #accepted-ccs {
    width: 190px;
    margin: -45px 0 0 120px;
  }
  body.sequential.error #form-fields #cc-type-cont {
    margin-top: 0;
  }
  body.sequential.error #form-fields #cc-type-cont #accepted-ccs {
    padding-bottom: 30px;
  }
  body.sequential.error #form-fields #cc-number-cont {
    margin: -30px auto 0px;
  }
  body.sequential.error #form-fields #cc-expiration-cont {
    width: 60%;
    margin: 0px auto 10px auto;
  }
  body.sequential.error #form-fields #cc_expir_month {
    float: left;
  }
  body.sequential.error #form-fields #employer-cont {
    margin-left: 18px;
  }
  body.sequential.error #form-fields #employer-cont,
  body.sequential.error #form-fields #occupation-cont {
    width: 45%;
    float: left;
    padding: 0 10px 0 0;
    margin-top: 10px;
  }
  body.sequential.error #form-fields #employer-cont.error,
  body.sequential.error #form-fields #occupation-cont.error {
    padding: 4px;
  }
  body.sequential.error #form-fields #employer-occupation-helper,
  body.sequential.error #form-fields #ovf-switch {
    margin: 10px 0 0 0;
  }
  body.sequential.error #form-fields .form-section-header-cont.employer_related.occupation_related {
    margin-bottom: 55px;
  }
  body.sequential.error #form-fields #ovf-switch {
    display: none;
  }
  body.sequential.error #submit-button.fullform {
    position: absolute;
    bottom: 25px;
  }
  body.sequential.ovfSwitch.sequential-active.personalized #donate-form-content.ovfSwitch {
    height: 450px;
  }
  body.sequential.ovfSwitch.sequential-active.personalized #submit-button.saved-payment {
    bottom: 120px;
  }
  body.sequential.ovfSwitch.sequential-active.personalized.hashcloud #donate-form-content.ovfSwitch {
    height: 425px;
  }
  body.sequential.ovfSwitch.sequential-active.personalized.hashcloud #submit-button {
    bottom: 172px;
  }
  body.sequential.ovfSwitch.sequential-active.personalized.qd #form-fields #ovf-switch {
    margin-top: 115px;
  }
  body.sequential.ovfSwitch.sequential-active #donate-form-content.ovfSwitch {
    height: 490px;
  }
  body.sequential.ovfSwitch.sequential-active #form-fields #ovf-switch {
    display: block;
  }
  body.sequential.ovfSwitch.sequential-active #form-fields #employer-occupation-helper {
    margin: 0;
  }
  body.sequential.ovfSwitch.sequential-active #submit-button {
    bottom: 230px;
  }
  body.sequential.ovfSwitch.sequential-active #submit-button.saved-payment {
    bottom: 100px;
  }
  body.sequential.ovfSwitch.sequential-active.hashcloud #form-fields #ovf-switch {
    margin-top: 126px;
  }
  body.sequential.ovfSwitch.sequential-active.error {
    /* Submit */
  
  }
  body.sequential.ovfSwitch.sequential-active.error.hashcloud #donate-form-content.ovfSwitch,
  body.sequential.ovfSwitch.sequential-active.error #donate-form-content.ovfSwitch {
    min-height: 550px;
    height: auto;
    padding-bottom: 120px;
  }
  body.sequential.ovfSwitch.sequential-active.error.hashcloud #submit-button.fullform,
  body.sequential.ovfSwitch.sequential-active.error #submit-button.fullform {
    bottom: 120px;
  }
  body.sequential.ovfSwitch.sequential-active.error #form-fields #ovf-switch {
    display: block;
    position: absolute;
    margin: 0 30px;
    bottom: 15px;
  }
  body.sequential.ofa-gateway #donate-form-content #form-fields #recurring-cont span.ofa-recur,
  body.sequential.ovf-gateway #donate-form-content #form-fields #recurring-cont span.ovf-recur {
    display: inline;
  }
  /* /body.sequential */
  body.sequential .content-area-bg {
    background-color: #03101e;
    background-image: url('https://secure.assets.bostatic.com/hydepark/images/donate/sa-barack-bg4.jpg');
    background-position: 50% 0%;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  body.sequential p.secure {
    position: absolute;
    top: 104px;
    right: 15px;
    z-index: 999;
    background: transparent url('https://secure.assets.bostatic.com/hydepark/images/secure-seal.png') no-repeat 50% 50%;
    height: 15px;
    width: 57px;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
  }
  body.sequential #personalized-content #donor-info {
    border-bottom: none;
  }
  body.sequential #personalized-content #donor-info #donor-name {
    font-size: 22px;
  }
  body.sequential #personalized-content #donor-info #donor-credit-card span {
    font-size: 18px;
  }
  body.sequential #personalized-content #donor-info #donor-payment-cont {
    padding-top: 22px;
    border-top: 1px solid #999;
    margin-top: 25px;
  }
  body.sequential.error #form-fields {
    /* Employment */
  
  }
  body.sequential.error #form-fields .form-section-header-cont.employer_related.occupation_related {
    margin: 0 auto 60px;
  }
  body.sequential.error #form-fields #employer-occupation-helper {
    margin: 25px 0 0 0;
  }
}
#loading-message {
  margin-bottom: 15px;
  color: #00446a;
  margin: 0 auto;
  width: 80px;
}
#form-fields {
  margin: 0;
  /* to override some dumb important property in core.ss */

}
#form-fields h2.form-section-header {
  color: #00446a;
}
#form-fields ul {
  margin: 0;
}
#form-fields li {
  list-style: none;
  margin-bottom: 15px;
}
#form-fields label {
  font-size: 18px;
  font-weight: bold;
}
#form-fields input.text,
#form-fields select {
  width: 100%;
  font-size: 20px;
}
#form-fields #custom1 {
  width: auto;
}
#form-fields input[name='zip'] {
  width: 100%!important;
}
#form-fields #amounts {
  margin-top: 10px;
}
#form-fields #amount-other {
  width: 6.5em;
}
#amounts li {
  margin-bottom: 25px;
}
#amounts label {
  display: inline;
  font-weight: normal;
}
#accepted-ccs {
  text-indent: -900em;
  background: url(https://secure.assets.bostatic.com/hydepark/images/donate/donate-cards-transparent.png) no-repeat;
  height: 26px;
  width: 188px;
  margin: 0 auto 20px auto;
}
#cc-type-radio-cont label {
  display: inline;
  font-weight: normal;
}
#cc_expir_month {
  margin-bottom: 10px;
}
#other-amount-radio {
  display: none;
}
#recurring-cont {
  padding: 5px 0 20px 0;
  clear: both;
}
#recurring-cont label {
  display: inline;
  font-size: 15px;
}
#submit {
  width: 100%;
}
#processing-indicator {
  width: 100%;
  letter-spacing: 1px;
  color: white;
  /*background: #C41230 url(../images/loading-donate-ofa.gif) no-repeat 10px center;*/

  background: #c41230 url(https://secure.assets.bostatic.com/hydepark/images/loading-donate-ofa.gif) no-repeat 10px center;
  padding: 12px 35px;
  display: inline-block;
  white-space: nowrap;
  font-size: 16px;
  border: 0;
  margin: 0;
  zoom: 1;
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  -webkit-appearance: none;
  border-radius: 3px;
  clear: both;
  display: none;
}
#cc-type-radio-cont {
  display: none;
}
/* personalization */
/* this loading-message DOM element shows when the page is waiting on saved payment info or stuff from hashcloud */
#loading-message {
  background: url(../images/loading.gif) center left no-repeat;
  padding-left: 20px;
  margin-bottom: 15px;
  color: #00446a;
  margin: 0 auto;
  width: 80px;
}
#personalized-content {
  display: none;
}
body.personalized #personalized-content {
  display: block;
}
#donor-employer {
  margin-top: 15px!important;
}
#donor-credit-card {
  margin: 0 0 8px;
  color: #197419;
}
#donor-credit-card span {
  font-weight: bold;
  text-transform: uppercase;
}
#donor-info {
  margin: 0 0 20px 0;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  padding-left: 2px!important;
}
#donor-name {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
}
#donor-info a {
  font-size: 11px;
  text-transform: none;
  text-decoration: underline;
  font-weight: normal;
}
#donor-name {
  margin-bottom: 8px;
}
#donor-address-cont {
  margin-bottom: 20px;
}
#donor-address-cont p {
  margin-bottom: 0;
}
#donor-info p {
  margin-bottom: 3px;
}
#user-employer {
  margin-top: 15px;
}
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="file"]),
textarea {
  background: #f1f1f1;
  border: 1px solid #DEDEDE;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.04);
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.04);
}
input:focus:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="file"]),
textarea:focus {
  background: #fff;
  border-color: rgba(132, 185, 211, 0.8) !important;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px rgba(132, 185, 211, 0.6);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px rgba(132, 185, 211, 0.6);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px rgba(132, 185, 211, 0.6);
  outline: 0;
}
.oldie #form-fields {
  width: 385px;
}
.oldie #form-fields select {
  font-size: 14px;
}
.oldie #form-fields input.text {
  font-size: 14px;
}
.oldie #form-fields #cc_number {
  font-family: Monaco, "Lucida Sans Unicode", monospace;
  font-size: 13px;
  letter-spacing: 1px;
  padding: 7px 4px;
}
.oldie #form-fields label {
  font-size: 13px;
}
.oldie #form-fields li.form-section-header-cont {
  width: 100%;
  clear: both;
}
.oldie #form-fields #firstname-cont,
.oldie #form-fields #shipping_firstname-cont,
.oldie #form-fields #email-cont,
.oldie #form-fields #employer-cont {
  float: left;
}
.oldie #form-fields #lastname-cont,
.oldie #form-fields #shipping_lastname-cont,
.oldie #form-fields #phone-cont,
.oldie #form-fields #occupation-cont {
  float: right;
}
.oldie #form-fields #firstname-cont,
.oldie #form-fields #shipping_firstname-cont,
.oldie #form-fields #lastname-cont,
.oldie #form-fields #shipping_lastname-cont,
.oldie #form-fields #email-cont,
.oldie #form-fields #phone-cont,
.oldie #form-fields #employer-cont,
.oldie #form-fields #occupation-cont {
  width: 49%;
}
.oldie #form-fields #addr1-cont,
.oldie #form-fields #shipping_addr1-cont,
.oldie #form-fields #email-cont {
  clear: both;
}
.oldie #form-fields #city-cont,
.oldie #form-fields #shipping_city-cont {
  width: 54%;
  margin-right: 10px;
  float: left;
}
.oldie #form-fields #state_cd-cont,
.oldie #form-fields #shipping_state_cd-cont {
  width: 20%;
  margin-right: 10px;
  float: left;
}
.oldie #form-fields #state_cd-cont #state_cd.error {
  color: #333;
}
.oldie #form-fields #zip-cont,
.oldie #form-fields #shipping_zip-cont {
  width: 20%;
  float: left;
  margin-right: 0;
}
.oldie #form-fields #amounts-cont {
  overflow: hidden;
}
.oldie #form-fields .amount-cont {
  width: 70px;
  margin-right: 10px;
  float: left;
}
.oldie #form-fields #amount-cont-4 {
  margin-right: 0;
}
.oldie #form-fields #amount-cont-5 {
  clear: both;
}
.oldie #form-fields #amount-cont-8 {
  width: 140px;
  margin: -10px 0 0 0;
}
.oldie #form-fields #cc-number-cont {
  float: left;
}
.oldie #form-fields #cc-expiration-cont {
  float: right;
}
.oldie #form-fields #cc-number-cont,
.oldie #form-fields #cc-expiration-cont {
  width: 48%;
}
.oldie #form-fields #cc_expir_year,
.oldie #form-fields #cc_expir_month {
  width: 70px;
}
.oldie #form-fields #accepted-ccs {
  margin: 0;
}
.oldie #form-fields #employment-header {
  margin-bottom: 10px;
}
.oldie #form-fields #employment-disclaimer {
  font-size: 12px;
}
@media all and (min-width: 768px) {
  .blog-post article {
    padding: 6px 30px 30px;
  }
  #wfo-sidebar form#wfo-form ol li.email {
    width: 122px;
  }
  #wfo-sidebar form#wfo-form ol li.email input {
    width: 122px;
  }
  #wfo-sidebar form#wfo-form ol li.zip input {
    width: 50px;
    margin-left: 20px;
  }
  /* a.donate.button,
      a.donate.button:link,
      a.donate.button:visited,
      a.donate.button:active,*/
  #action-bar a.donate.button,
  #primary-nav .wrap .donate {
    background-color: #fff;
    color: #00446A;
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  }
  #action-bar a.donate.button:hover,
  #primary-nav .wrap .donate:hover {
    background: #fff;
  }
  .module.postcard {
    text-align: center;
  }
  .module.postcard img {
    width: 340px;
    padding: 6px 15px;
  }
  .module.postcard p {
    text-align: center;
  }
  .module.toolkit nav ul {
    margin-bottom: 0;
  }
  .state-chooser li {
    width: 18%;
    padding-right: 2%;
  }
  .timeline {
    margin-left: -10px;
    margin-right: -10px;
  }
  .timeline .module,
  .timeline .item {
    width: 460px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
  }
  .timeline .module .entry-content,
  .timeline .item .entry-content,
  .timeline .module .entry-excerpt,
  .timeline .item .entry-excerpt,
  .timeline .module footer,
  .timeline .item footer {
    padding: 0 30px;
  }
  .timeline .module:first-child,
  .timeline .item:first-child {
    margin-top: 20px;
  }
  .timeline .module.go-right,
  .timeline .item.go-right {
    float: right;
  }
  .module.toolkit nav ul li {
    width: 50%;
  }
  .module.toolkit nav ul li:nth-child(3n+1) {
    clear: none;
  }
  .module.toolkit nav ul li:nth-child(odd) {
    clear: left;
  }
  .module.keeping-his-word {
    height: 80px;
  }
  .module.keeping-his-word .slider {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0px;
  }
  .module.keeping-his-word .slider .next,
  .module.keeping-his-word .slider .prev {
    width: 25px;
    height: 38px;
    margin-top: -22px;
    background-color: #0270a0;
  }
  .module.keeping-his-word .slider .next {
    right: 0px;
    background-image: url('../images/new-khw-arrow-next.png');
  }
  .module.keeping-his-word .slider .prev {
    left: 0px;
    background-image: url('../images/new-khw-arrow-prev.png');
  }
  .module.keeping-his-word .slider ul li {
    font-size: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../images/khw-new-sprite-6-tiles.png);
    background-position: center top;
    margin-left: 0px;
    height: 80px;
  }
  .module.keeping-his-word .slider ul li a {
    white-space: normal;
    font-size: 15px;
    padding: 34px 50px 0;
  }
  .module.keeping-his-word .slider ul li.count-1 {
    background-position-y: 0;
    background-color: #00446a;
  }
  .module.keeping-his-word .slider ul li.count-1 a {
    font-size: 24px;
    padding: 11px 50px 0;
  }
  .module.keeping-his-word .slider ul li.count-2 {
    background-position: center -80px;
  }
  .module.keeping-his-word .slider ul li.count-3 {
    background-position: center -160px;
  }
  .module.keeping-his-word .slider ul li.count-4 {
    background-position: center -240px;
  }
  .module.keeping-his-word .slider ul li.count-5 {
    background-position: center -320px;
  }
  .module.keeping-his-word .slider ul li.count-6 {
    background-position: center -400px;
  }
  .module.keeping-his-word .slider ul li.count-7 {
    background-position: center -480px;
  }
  .js .module.keeping-his-word .slider .next {
    right: 0px;
    border-radius: 3px 0px 0px 3px;
    background-image: url('../images/new-khw-arrow-next.png');
  }
  .js .module.keeping-his-word .slider .prev {
    left: 0px;
    border-radius: 0px 3px 3px 0px;
    background-image: url('../images/new-khw-arrow-prev.png');
  }
  .js .module.keeping-his-word ul li {
    margin: 0 10px 0 0;
  }
  .side-bug.truth-team a {
    width: 300px;
    position: absolute;
  }
  .side-bug.truth-team a img {
    width: auto;
  }
  article .fitvid,
  #signupfooter .fitvid {
    padding-bottom: 20px;
  }
  article .entry-content .small-blog-img,
  article .entry-excerpt .small-blog-img,
  article .entry-content .picLeft,
  article .entry-excerpt .picLeft,
  article .entry-content .picRight,
  article .entry-excerpt .picRight {
    float: right;
    margin: 0 0 5px 30px;
  }
  #stay.fixed {
    width: 300px;
    margin-left: 170px;
  }
  #stay.bottomed {
    width: 300px;
    position: absolute;
    bottom: 14px;
  }
  #take-action.module.toolkit {
    margin-top: 1px;
  }
  #take-action.module.toolkit nav ul {
    background: white;
  }
  #og-widget .share-status i {
    top: 2px;
    background: url(../images/modules/og-widget/blue.png);
  }
  #og-widget .share-status b {
    border: 1px solid #bbb;
  }
  #og-widget[data-sharing="on"] .share-status i {
    background: url(../images/modules/og-widget/green.png);
  }
  #og-widget .history-drawer {
    border-top: none;
  }
  #og-widget .history-drawer[data-status="open"] {
    border-top: 1px #e1e1e1 solid;
  }
  #reconnect-modal > div {
    margin: 0;
    position: absolute;
    width: 370px;
    top: 50%;
    margin-top: -75px;
    left: 50%;
    margin-left: -215px;
  }
  .search.module.toolkit form input,
  .search.module.toolkit form textarea {
    width: 200px;
    padding: 9px 7px;
  }
  .search.module.toolkit form button {
    vertical-align: top;
    margin-left: 10px;
  }
  #voting-banner span {
    display: inline;
    border-bottom: 1px solid white;
    font-size: 28px;
    line-height: 1.6;
  }
  #voting-banner small {
    line-height: 1.8;
    font-size: 14px;
  }
  #action-bar {
    padding: 25px 0;
    border-bottom: 5px solid #fff;
    position: fixed;
  }
  #action-bar .wrap {
    background: transparent;
    position: relative;
    min-height: 30px;
  }
  #action-bar .social-native {
    position: absolute;
    top: 4px;
    display: block;
  }
  #action-bar .social-native .twitter {
    display: block;
    float: left;
    min-width: 60px;
    padding-left: 15px;
    border-left: 1px solid #99B0BD;
    margin: 0;
    height: 24px;
    padding-top: 2px;
  }
  #action-bar .social-native .facebook {
    display: block;
    min-width: 96px;
    float: left;
    height: 21px;
    margin-right: 14px;
    position: relative;
    top: 2px;
  }
  #action-bar .logo-link {
    position: static;
    border: 0;
    padding: 0;
  }
  #action-bar .auth {
    position: absolute;
    top: 6px;
  }
  #action-bar .logo {
    margin: 0 auto;
    width: 262px;
    left: 0;
    float: none;
  }
  #action-bar .quick-signup {
    float: none;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
  }
  #action-bar .quick-signup a.button {
    border-radius: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  #action-bar .quick-signup a.button b {
    padding-right: 14px;
    background: url('../images/arrow-down.png') no-repeat 100% 50%;
  }
  #action-bar .quick-signup .panel {
    border-radius: 5px;
    border-top-left-radius: 0;
    border: 2px solid #fff;
    border-top: 0;
  }
  #action-bar .sotu .button {
    height: 21px;
  }
  #action-bar .sotu b {
    padding-top: 2px;
    display: block;
  }
  #action-bar .sotu u {
    width: 190px;
    height: 14px;
    background-image: url('../images/quick-signup-sotu@190x14.png');
  }
  #action-bar .donate {
    display: none;
  }
  #action-bar .auth li {
    display: inline;
    margin: 0 0 0 12px;
  }
  #action-bar .auth li:first-child {
    padding-left: 0;
    margin-left: 0;
    border-left: 0;
  }
  #action-bar .auth a {
    white-space: nowrap;
  }
  .show-quick-signup #action-bar {
    z-index: 1003;
    /* gets this above the overlay */
  
  }
  .show-quick-signup #action-bar .quick-signup .button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .actions,
  .auth {
    font-size: 13px;
    font-weight: 700;
  }
  .auth li {
    display: inline;
    margin: 0 0 0 12px;
  }
  .auth li:first-child {
    padding-left: 0;
    margin-left: 0;
    border-left: 0;
  }
  .auth a {
    white-space: nowrap;
  }
  #action-bar.es {
    padding: 15px 0;
  }
  #action-bar.es .logo {
    background: url('../images/logo-obama-biden-v2-es.png') no-repeat 50% 50%;
    height: 50px;
  }
  #action-bar.es .donate {
    bottom: -60px;
  }
  #action-bar.es .quick-signup {
    top: 10px;
  }
  #action-bar.es .auth {
    top: 17px;
  }
  #action-bar .auth {
    right: 0px;
  }
  body {
    padding-top: 83px;
  }
  body.no-action-bar {
    padding-top: 49px;
  }
  #action-bar:hover ~ #primary-nav {
    position: fixed;
  }
  #primary-nav:hover {
    position: fixed;
  }
  #primary-nav {
    background: #008fc5;
    display: block;
    position: absolute;
    top: 85px;
    left: 0;
    right: 0;
    min-height: 49px;
    width: 100%;
    z-index: 998;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    overflow: visible;
  }
  #primary-nav .wrap {
    display: table;
    padding: 0 130px 0 0;
    /* padding makes room for the donate button */
  
  }
  #primary-nav .donate {
    position: absolute;
    float: none;
    width: auto;
    right: 0;
    bottom: 9px;
    border-radius: 5px;
    padding: 6px 12px;
    color: #fff;
    font-weight: 700;
    display: block;
  }
  #primary-nav .top-level .top-level-link {
    display: block;
    padding: 16px 6px;
    font-size: 14px;
    margin: 0 4px;
    border-radius: 3px;
    color: #fff;
    background: transparent;
  }
  #primary-nav .donate a {
    margin: 0 0 0;
    letter-spacing: 0;
    float: right;
  }
  #primary-nav .donate .top-level-link {
    border-radius: 0;
  }
  #primary-nav .volunteer {
    width: 150px;
  }
  #primary-nav .local .subnav {
    display: block;
  }
  #primary-nav .local .subnav li {
    margin: 0 0 0 10px;
    border-radius: 0;
  }
  #primary-nav .top-list {
    display: table-row;
  }
  #primary-nav .top-level {
    display: table-cell;
    position: relative;
    overflow: visible;
    margin: 0;
    padding: 0 !important;
    vertical-align: top;
    text-align: center;
    background: transparent url('../images/nav-separator.png') no-repeat 0 50%;
    background-color: rgba(0, 143, 197, 0);
    cursor: pointer;
    -webkit-transition: background-color 0.25s;
    -moz-transition: background-color 0.25s;
    transition: background-color 0.25s;
  }
  #primary-nav .top-level a {
    -webkit-transition: color 0.25s;
    -moz-transition: color 0.25s;
    transition: color 0.25s;
  }
  #primary-nav .top-level:hover {
    background: #008fc5;
    background-color: #008fc5;
  }
  #primary-nav .top-level:hover .top-level-link {
    color: #fff;
  }
  #primary-nav .store {
    padding-bottom: 0;
  }
  #primary-nav .store:hover,
  #primary-nav .blog:hover {
    background-image: none;
  }
  #primary-nav .top-level:hover + .top-level {
    background-image: none;
  }
  #primary-nav .local {
    background: transparent;
  }
  #primary-nav .local a {
    color: #fff;
  }
  #primary-nav .subnav {
    position: absolute;
    top: -999em;
    text-align: left;
    background: #008fc5;
    border-radius: 3px;
    border-top-left-radius: 0;
    min-width: 190px;
    padding: 0 10px;
    display: block;
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    transition: opacity 0.25s;
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
    font-weight: 400;
    overflow: hidden;
  }
  #primary-nav .subnav li {
    border-bottom: 1px solid #1486b1;
    margin: 0;
    padding: 0;
  }
  #primary-nav .subnav li a {
    padding: 11px 30px 11px 10px;
    margin: -1px -10px;
    display: block;
    color: #cff1ff;
    background-color: rgba(8, 78, 108, 0);
    -moz-transition: color 0.25s background-color 0.25s;
    -ms-transition: color 0.25s background-color 0.25s;
    -webkit-transition: color 0.25s background-color 0.25s;
    transition: color 0.25s background-color 0.25s;
  }
  #primary-nav .subnav li a:hover,
  #primary-nav .subnav li a:active {
    color: #fff;
    background-color: #084e6c;
  }
  #primary-nav .subnav li:last-child {
    border-bottom: 0;
  }
  #primary-nav .top-level:hover .subnav {
    opacity: 1;
    top: auto;
  }
  #primary-nav .local .subnav {
    overflow: hidden;
    width: 42.15em;
  }
  #primary-nav .local .subnav li {
    float: left;
    width: 10em;
  }
  #primary-nav .local .subnav li a {
    margin-right: 0;
    padding-right: 20px;
    background-position: 95% 50%;
  }
  #primary-nav .local .subnav li:nth-child(4n) a {
    margin-right: -10px;
    padding-right: 30px;
    background-position: 90% 50%;
  }
  #primary-nav .local .subnav li:nth-child(4n+2) a,
  #primary-nav .local .subnav li:nth-child(4n+3) a {
    padding-left: 5px;
    margin-left: -5px;
  }
  #primary-nav .local .subnav li:nth-child(4n+1) {
    clear: left;
    margin-left: 0;
  }
  #primary-nav .localized .subnav {
    width: auto;
  }
  #primary-nav .localized .subnav li {
    float: none;
    width: auto;
  }
  #primary-nav .localized .subnav li a {
    margin-right: -10px;
    padding-right: 30px;
    background-position: 93% 50%;
  }
  #primary-nav .volunteer-now {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
  }
  #primary-nav .wrap {
    width: 810px;
  }
  .donate #primary-nav,
  .scrolling-header #primary-nav {
    position: absolute;
    box-shadow: none;
  }
  #primary-nav .home {
    display: none;
  }
  #primary-nav.es .wrap {
    padding: 0 160px 0 0px;
  }
  #primary-nav.es .top-list .about {
    background-image: none;
    padding-right: 70px !important;
  }
  #primary-nav.es .top-list .issues {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  #primary-nav.es .top-list .volunteer {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  #primary-nav.es .top-list .store {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  #primary-nav + .wrap {
    margin-top: 51px;
  }
  body:before {
    content: none;
  }
  body > .wrap,
  #action-bar .wrap,
  #ft .wrap {
    position: relative;
    left: 0px;
  }
  #ft {
    width: 980px;
  }
  #ft .navs {
    background: url('../images/ft-navs-bg-960.png') repeat-y 50% 0;
    text-align: left;
  }
  #ft .navs .title {
    margin-top: 0;
    text-align: left;
  }
  #ft .navs .connect ul li:nth-child(2n+1) {
    float: left;
    clear: right;
  }
  #ft .navs .connect ul li:nth-child(2n+2) {
    float: right;
  }
  #ft .navs .potus-record {
    display: block;
  }
  #ft .navs nav:first-child .title {
    margin-top: 0;
  }
  #ft .navs nav:first-child .title,
  #ft .navs nav:first-child ul {
    margin-left: 30px;
  }
  #ft .social-follows {
    margin-top: -18px;
    text-align: left;
  }
  #ft .social-follows .twitter iframe {
    margin-left: 20px;
  }
  #ft .social-follows .facebook {
    text-align: right;
  }
  #ft .social-follows .facebook iframe {
    margin-right: 20px;
  }
  #action-bar {
    border: none;
  }
  #action-bar .auth {
    position: static;
    z-index: 1000;
    top: 0 !important;
    padding-top: 7px;
    right: 20px;
    display: block;
    left: auto;
  }
  body.error #form-fields li {
    padding: 10px;
  }
  body.error #form-fields #firstname-cont,
  body.error #form-fields #shipping_firstname-cont,
  body.error #form-fields #lastname-cont,
  body.error #form-fields #shipping_lastname-cont,
  body.error #form-fields #email-cont,
  body.error #form-fields #shipping_email-cont,
  body.error #form-fields #phone-cont,
  body.error #form-fields #shipping_phone-cont,
  body.error #form-fields #employer-cont,
  body.error #form-fields #shipping_employer-cont,
  body.error #form-fields #occupation-cont,
  body.error #form-fields #shipping_occupation-cont {
    width: 43.5%;
  }
  body.error #form-fields #city-cont,
  body.error #form-fields #shipping_city-cont {
    width: 39%;
  }
  body.error #form-fields #state_cd-cont,
  body.error #form-fields #shipping_state_cd-cont {
    width: 20%;
  }
  body.error #form-fields #zip-cont,
  body.error #form-fields #shipping_zip-cont {
    width: 20%;
  }
  body.error #form-fields #cc-expiration-cont {
    width: 40%;
  }
  body.error #form-fields #amount-cont-1,
  body.error #form-fields #amount-cont-5 {
    width: 52px;
  }
  #form-fields {
    width: 385px;
  }
  #form-fields select {
    font-size: 14px;
  }
  #form-fields input.text {
    font-size: 14px;
  }
  #form-fields #cc_number {
    font-family: Monaco, "Lucida Sans Unicode", monospace;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 7px 4px;
  }
  #form-fields label {
    font-size: 13px;
  }
  #form-fields li.form-section-header-cont {
    width: 100%;
    clear: both;
  }
  #form-fields #firstname-cont,
  #form-fields #shipping_firstname-cont,
  #form-fields #email-cont,
  #form-fields #employer-cont {
    float: left;
  }
  #form-fields #lastname-cont,
  #form-fields #shipping_lastname-cont,
  #form-fields #phone-cont,
  #form-fields #occupation-cont {
    float: right;
  }
  #form-fields #firstname-cont,
  #form-fields #shipping_firstname-cont,
  #form-fields #lastname-cont,
  #form-fields #shipping_lastname-cont,
  #form-fields #email-cont,
  #form-fields #phone-cont,
  #form-fields #employer-cont,
  #form-fields #occupation-cont {
    width: 49%;
  }
  #form-fields #addr1-cont,
  #form-fields #shipping_addr1-cont,
  #form-fields #email-cont {
    clear: both;
  }
  #form-fields #city-cont,
  #form-fields #shipping_city-cont {
    width: 54%;
    margin-right: 10px;
    float: left;
  }
  #form-fields #state_cd-cont,
  #form-fields #shipping_state_cd-cont {
    width: 20%;
    margin-right: 10px;
    float: left;
  }
  #form-fields #state_cd-cont #state_cd.error {
    color: #333;
  }
  #form-fields #zip-cont,
  #form-fields #shipping_zip-cont {
    width: 20%;
    float: left;
    margin-right: 0;
  }
  #form-fields #amounts-cont {
    overflow: hidden;
  }
  #form-fields .amount-cont {
    width: 70px;
    margin-right: 10px;
    float: left;
  }
  #form-fields #amount-cont-4 {
    margin-right: 0;
  }
  #form-fields #amount-cont-5 {
    clear: both;
  }
  #form-fields #amount-cont-8 {
    width: 140px;
    margin: -10px 0 0 0;
  }
  #form-fields #cc-number-cont {
    float: left;
  }
  #form-fields #cc-expiration-cont {
    float: right;
  }
  #form-fields #cc-number-cont,
  #form-fields #cc-expiration-cont {
    width: 48%;
  }
  #form-fields #cc_expir_year,
  #form-fields #cc_expir_month {
    width: 70px;
  }
  #form-fields #accepted-ccs {
    margin: 0;
  }
  #form-fields #employment-header {
    margin-bottom: 10px;
  }
  #form-fields #employment-disclaimer {
    font-size: 12px;
  }
  body {
    background-color: #EAEAEA;
  }
  body > .wrap {
    background-color: #EAEAEA;
  }
  /*  transitions */
  .page-header,
  #donate-form-content,
  p.secure {
    -webkit-animation: 1s ease;
    -moz-animation: 1s ease;
    animation: 1s ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    animation-name: fadeInDown;
    opacity: 1;
  }
  body.sequential {
    /*  Form Fields */
  
    /* /#form-fields */
  
    /* body.sequential-active */
  
    /* /body.sequential-active */
  
    /* body.error */
  
    /* /body.error */
  
    /* /body.ovfSwitch */
  
  }
  body.sequential .content-area-bg {
    height: auto;
  }
  body.sequential p.secure {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 999;
    background: transparent url('https://secure.assets.bostatic.com/hydepark/images/secure-seal.png') no-repeat 50% 50%;
    height: 15px;
    width: 57px;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
  }
  body.sequential #donate-form-content {
    width: 385px;
    height: auto;
    padding: 30px;
    margin: 40px;
    overflow: hidden;
    border-radius: 4px;
    -webkit-transition: height 0.3s linear;
    -moz-transition: height 0.3s linear;
    transition: height 0.3s linear;
  }
  body.sequential #donate-form-content #loading-message {
    display: none;
  }
  body.sequential #donate-form-content #donate-form {
    margin: 20px auto 0;
    width: 100%;
  }
  body.sequential span.premature {
    width: 100%;
    position: absolute;
    bottom: 75px;
    left: -5px;
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color: #C41230;
  }
  body.sequential #form-fields {
    margin: 0 auto !important;
    /* Error Overrides */
  
    /* Amounts */
  
    /* Personal info */
  
    /* Credit Card & Payment */
  
    /* Exmployment */
  
  }
  body.sequential #form-fields label {
    font-size: 14px;
  }
  body.sequential #form-fields input {
    -webkit-transition: background-color 0.15s linear;
    -moz-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;
  }
  body.sequential #form-fields input.error {
    border: 2px solid #c41230 !important;
    -webkit-transition: border-color 0.15s ease-in-out;
    -moz-transition: border-color 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out;
  }
  body.sequential #form-fields #cc_expir_month.error,
  body.sequential #form-fields #cc_expir_year.error,
  body.sequential #form-fields #state_cd.error {
    color: #c41230 !important;
    outline: 1px solid red;
  }
  body.sequential #form-fields #select-amount-header {
    margin-top: 20px;
  }
  body.sequential #form-fields #amounts-cont {
    width: 330px;
    margin-left: auto;
    margin-right: auto;
  }
  body.sequential #form-fields #amounts-cont.error {
    padding-right: 20px !important;
  }
  body.sequential #form-fields ul#amounts {
    overflow: auto;
    zoom: 1;
    width: 330px;
    margin: 0 auto;
  }
  body.sequential #form-fields ul#amounts .amount-cont {
    display: block;
    width: 88px;
    float: left;
    clear: none !important;
    margin-right: 20px;
    margin-bottom: 20px !important;
  }
  body.sequential #form-fields ul#amounts .amount-cont input {
    display: none;
  }
  body.sequential #form-fields ul#amounts .amount-cont label {
    display: block;
    width: 80px;
    padding: 8px 5px;
    font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin: 1px 0 0 3px;
    cursor: pointer;
    outline: none;
    /* IE Gradient */
  
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#43afd6', endColorstr='#0c8eba', GradientType=0);
    -webkit-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    -moz-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    transition: background-color 0.15s linear, box-shadow 0.15s linear;
  }
  body.sequential #form-fields ul#amounts .amount-cont label:hover {
    background: #1297c9;
    filter: none;
    color: #fff;
    border: 1px solid #1190c0;
    box-shadow: inset 0px 1px 1px 1px #1297c9, 0px 1px 1px 1px #083f54;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    transition: background 0.1s linear;
  }
  body.sequential #form-fields ul#amounts .amount-cont label.active {
    background: #89cd46;
    filter: none;
    color: #fff;
    border: 1px solid #fff;
  }
  body.sequential #form-fields ul#amounts .amount-cont label.active:hover {
    background: #89cd46;
    box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
  }
  body.sequential #form-fields ul#amounts #amount-cont-8 {
    margin-top: 0;
    margin-left: 1px;
    width: 194px;
  }
  body.sequential #form-fields ul#amounts #amount-cont-8 input {
    display: block;
    height: 42px;
    width: 100%;
  }
  body.sequential #form-fields ul#amounts #amount-cont-8 label {
    display: none;
  }
  body.sequential #form-fields #amount-cont-4 {
    margin-right: 6px;
  }
  body.sequential #form-fields #suggested-amount {
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
    font-size: 14px;
    color: #555555;
    font-style: italic;
    display: block;
    margin: -13px 0 0 0;
  }
  body.sequential #form-fields #addr2-cont {
    display: none;
  }
  body.sequential #form-fields #cc-type-cont {
    margin-top: -13px;
  }
  body.sequential #form-fields #cc-number-cont,
  body.sequential #form-fields #cc-expiration-cont {
    float: none;
    width: 235px;
  }
  body.sequential #form-fields #cc-number-cont {
    margin: 35px auto 10px;
  }
  body.sequential #form-fields #cc-number-cont input::-webkit-input-placeholder {
    color: #999;
  }
  body.sequential #form-fields #cc-number-cont input:-moz-placeholder {
    color: #999;
  }
  body.sequential #form-fields #cc-number-cont input:-ms-input-placeholder {
    color: #999;
  }
  body.sequential #form-fields #cc_number {
    font-size: 17px;
  }
  body.sequential #form-fields #cc_expir_year,
  body.sequential #form-fields #cc_expir_month {
    width: 100px;
  }
  body.sequential #form-fields #cc-expiration-cont {
    margin: 22px auto 10px auto;
  }
  body.sequential #form-fields #cc-expiration-cont #cc_expir_month {
    margin-right: 30px;
  }
  body.sequential #form-fields #cc-type-cont #accepted-ccs {
    width: 190px;
    margin: 0 auto;
    /*background: none;
  				text-indent: 0;
  				width: 100;
  				margin-bottom: 49px;
  				font-size: 16px;*/
  
  }
  body.sequential #form-fields #recurring-cont {
    width: 392px;
    margin-left: 0px;
    margin-top: 20px;
  }
  body.sequential #form-fields #recurring-cont label {
    font-weight: normal !important;
  }
  body.sequential #form-fields #recurring-cont span {
    display: none;
  }
  body.sequential #form-fields .form-section-header-cont.employer_related.occupation_related {
    width: 100%;
    margin: 0 auto;
    line-height: 1.4;
  }
  body.sequential #form-fields #employment-header {
    display: none;
  }
  body.sequential #form-fields #employer-cont,
  body.sequential #form-fields #occupation-cont {
    width: 235px;
    float: none;
  }
  body.sequential #form-fields #employer-cont {
    margin: 5px auto 15px auto;
  }
  body.sequential #form-fields #occupation-cont {
    margin: 15px auto;
  }
  body.sequential #form-fields #employer-occupation-helper,
  body.sequential #form-fields #ovf-switch {
    width: 380px;
    margin: 120px 0 0 0;
    font-size: 13px;
    clear: both;
  }
  body.sequential #form-fields .employment-disclaimer {
    font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #444;
  }
  body.sequential #form-fields #form-fields #submit-cont {
    width: 100%;
    position: relative;
    text-align: center;
  }
  body.sequential #form-fields #ovf-switch {
    display: none;
    width: 385px;
    margin: 136px 0 15px;
  }
  body.sequential #form-fields #submit-cont {
    margin: 20px 0 0 0;
  }
  body.sequential.sequential-active {
    /* Pull the standard submit button off screen */
  
    /* Group CSS to Show & Hide */
  
    /* Breadcrumbs */
  
    /* Next And Submit */
  
    /* /#next */
  
    /* /#submit-button */
  
  }
  body.sequential.sequential-active #donate-form-content {
    height: 425px;
  }
  body.sequential.sequential-active #donate-form-content #donate-form {
    margin: 80px auto 0;
  }
  body.sequential.sequential-active p.secure {
    top: 104px;
  }
  body.sequential.sequential-active #submit-cont,
  body.sequential.sequential-active input#submit {
    display: none;
    position: absolute;
    top: -100%;
    left: -100%;
  }
  body.sequential.sequential-active .group1:not(.submenu),
  body.sequential.sequential-active .group2,
  body.sequential.sequential-active .group3,
  body.sequential.sequential-active .group4,
  body.sequential.sequential-active .group5,
  body.sequential.sequential-active .group6 {
    position: relative;
    left: 0;
    opacity: 1;
    -webkit-transition: left 0.5s ease, opacity 1s ease;
    -moz-transition: left 0.5s ease, opacity 1s ease;
    transition: left 0.5s ease, opacity 1s ease;
  }
  body.sequential.sequential-active .group1:not(.submenu) #accepted-css,
  body.sequential.sequential-active .group2 #accepted-css,
  body.sequential.sequential-active .group3 #accepted-css,
  body.sequential.sequential-active .group4 #accepted-css,
  body.sequential.sequential-active .group5 #accepted-css,
  body.sequential.sequential-active .group6 #accepted-css {
    display: block;
  }
  body.sequential.sequential-active .group1:not(.submenu).hide,
  body.sequential.sequential-active .group2.hide,
  body.sequential.sequential-active .group3.hide,
  body.sequential.sequential-active .group4.hide,
  body.sequential.sequential-active .group5.hide,
  body.sequential.sequential-active .group6.hide {
    position: absolute;
    left: -100%;
    opacity: 0;
    -webkit-transition: left 0.5s ease, opacity 0.15s ease;
    -moz-transition: left 0.5s ease, opacity 0.15s ease;
    transition: left 0.5s ease, opacity 0.15s ease;
  }
  body.sequential.sequential-active .hide {
    position: absolute;
    left: -100%;
    opacity: 0;
    -webkit-transition: left 0.5s ease, opacity 0.15s ease;
    -moz-transition: left 0.5s ease, opacity 0.15s ease;
    transition: left 0.5s ease, opacity 0.15s ease;
  }
  body.sequential.sequential-active .hide #accepted-ccs {
    display: none;
  }
  body.sequential.sequential-active #breadcrumbs {
    display: block;
    position: absolute;
    top: 0;
    left: -26px;
    width: 100%;
    background: #f2f2f2;
    overflow: auto;
    zoom: 1;
    border-bottom: 1px solid #d8d8d8;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  body.sequential.sequential-active #breadcrumbs:after {
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    background: #fff;
    content: '';
  }
  body.sequential.sequential-active #breadcrumbs li {
    display: block;
    position: relative;
    float: left;
    /*width: 65px;*/
  
    width: 59px;
    list-style-type: none;
    text-align: center;
    font-size: 14px;
    color: #b8b8b8;
    font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
    font-weight: normal;
    padding: 18px 0 20px 32px;
    -webkit-transition: color 0.25s linear, background-color 0.25s linear;
    -moz-transition: color 0.25s linear, background-color 0.25s linear;
    transition: color 0.25s linear, background-color 0.25s linear;
  }
  body.sequential.sequential-active #breadcrumbs li hr {
    background: #fff;
    border-top: 1px solid #c9c9c9;
    position: absolute;
    left: -16px;
    top: 45%;
    width: 63px;
  }
  body.sequential.sequential-active #breadcrumbs li span {
    display: block;
    background: #b8b8b8;
    width: 18px;
    margin: 5px auto 0;
    color: #fff;
    padding: 4px;
    border-radius: 5em;
    text-align: center;
    font-weight: bold;
    -webkit-transition: color 0.25s linear, background-color 0.25s linear;
    -moz-transition: color 0.25s linear, background-color 0.25s linear;
    transition: color 0.25s linear, background-color 0.25s linear;
  }
  body.sequential.sequential-active #breadcrumbs li b {
    display: block;
    width: 100%;
    height: 2px;
    opacity: 0;
    background: #b6b6b6;
    margin: 10px auto 0;
    border-bottom: 2px solid white;
  }
  body.sequential.sequential-active #breadcrumbs li:first-child {
    margin-left: 55px;
    padding-left: 0;
  }
  body.sequential.sequential-active #breadcrumbs li.saved-payment:first-child {
    margin-left: 142px;
  }
  body.sequential.sequential-active #breadcrumbs li.completed,
  body.sequential.sequential-active #breadcrumbs li.current {
    color: #555555;
    font-weight: bold;
    cursor: pointer;
  }
  body.sequential.sequential-active #breadcrumbs li.completed hr,
  body.sequential.sequential-active #breadcrumbs li.current hr {
    background: #b9d982;
  }
  body.sequential.sequential-active #breadcrumbs li.completed span,
  body.sequential.sequential-active #breadcrumbs li.current span {
    background: #81c341;
    text-shadow: 1px 1px 0 #dbdbdb;
    -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  }
  body.sequential.sequential-active #breadcrumbs li.completed:hover,
  body.sequential.sequential-active #breadcrumbs li.current:hover {
    color: #000;
    text-shadow: 0 0 10px #fff;
  }
  body.sequential.sequential-active #breadcrumbs li.completed:hover span,
  body.sequential.sequential-active #breadcrumbs li.current:hover span {
    /*
  								background: #88ef24;*/
  
    background: #5b8b2c;
    text-shadow: 1px 1px 0 #d3d3d3;
  }
  body.sequential.sequential-active #breadcrumbs li.completed:hover b,
  body.sequential.sequential-active #breadcrumbs li.current:hover b {
    opacity: 1;
    -webkit-animation: 0.15s ease;
    -moz-animation: 0.15s ease;
    animation: 0.15s ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-transition: opacity 0.25s linear;
    -moz-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
  }
  body.sequential.sequential-active #breadcrumbs li.current {
    /*background: white;
  						color: @light-blue;*/
  
  }
  body.sequential.sequential-active #next {
    background: #1297c9;
    background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(255, 255, 255, 0.1)));
    cursor: pointer;
    outline: none;
    border: 1px solid #1190c0;
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px 1px rgba(255, 255, 255, 0.2), 0px 1px 1px 1px #083f54;
    -webkit-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    -moz-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    transition: background-color 0.15s linear, box-shadow 0.15s linear;
    position: absolute;
    bottom: 20px;
    left: 50%;
    display: block;
    margin: 10px 0 0 -84px;
    padding: 2px 10px;
    width: 142px;
    -webkit-transition: background-color 0.15s ease-in-out, box-shadow 0.15s linear;
    -moz-transition: background-color 0.15s ease-in-out, box-shadow 0.15s linear;
    transition: background-color 0.15s ease-in-out, box-shadow 0.15s linear;
  }
  body.sequential.sequential-active #next:hover {
    background: #1297c9;
  }
  body.sequential.sequential-active #next:active {
    background: #0e749a;
    box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
  }
  body.sequential.sequential-active #next p {
    background: transparent url('https://secure.assets.bostatic.com/hydepark/images/donate/sa-continue-arrow.png') no-repeat 96% 50%;
    text-align: center;
    color: #fff;
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
    font-weight: bold;
    font-size: 18px;
    padding: 7px 30px 7px 10px;
    text-transform: uppercase;
  }
  body.sequential.sequential-active #submit-button {
    position: absolute;
    bottom: 172px;
    left: 50%;
    margin: 10px 0 0 -116px;
    /*display: block;*/
  
    width: 190px;
    background: #89cd46;
    background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(255, 255, 255, 0.1)));
    cursor: pointer;
    outline: none;
    border: 1px solid #84cb3e;
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px 1px rgba(255, 255, 255, 0.2), 0px 1px 1px 1px #49741f;
    -webkit-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    -moz-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    transition: background-color 0.15s linear, box-shadow 0.15s linear;
    padding: 10px 28px 10px 10px;
    font-weight: bold;
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: bottom 0.25s linear;
    -moz-transition: bottom 0.25s linear;
    transition: bottom 0.25s linear;
  }
  body.sequential.sequential-active #submit-button:hover {
    background: #89cd46;
  }
  body.sequential.sequential-active #submit-button:active {
    background: #70b030;
    box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
  }
  body.sequential.sequential-active #submit-button span#processingform {
    background: transparent url('https://secure.assets.bostatic.com/hydepark/images/donate/20121008_ContinueButton_test.png') no-repeat 104% 49%;
    width: 16px;
    height: 16px;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
    position: absolute;
    top: 15px;
    right: 20px;
  }
  body.sequential.sequential-active #submit-button.processingform {
    background: #89cd46;
    color: white;
  }
  body.sequential.sequential-active #submit-button.processingform span#processingform {
    background: transparent url('https://secure.assets.bostatic.com/hydepark/images/donate/20121008_ContinueButton_test.png') no-repeat 104% 49%;
    width: 16px;
    height: 16px;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
    position: absolute;
    top: 13px;
    right: 20px;
  }
  body.sequential.sequential-active #submit-button.saved-payment {
    bottom: 40px;
  }
  body.sequential.sequential-active #employer-occupation-helper {
    margin: 146px 0 0 0;
  }
  body.sequential.sequential-active #creditcard-header {
    display: none;
  }
  body.sequential.sequential-active #amount-header {
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
    font-size: 22px;
    /*color: #707070;*/
  
    /* updated color to match WCAG Contrast Compliance */
  
    color: #575757;
    margin-top: 20px;
    margin-left: 40px;
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    transition: color 0.15s linear;
  }
  body.sequential.sequential-active #amount-header.error {
    color: #c41230;
  }
  body.sequential.error {
    /* /#form-fields */
  
    /* Submit */
  
  }
  body.sequential.error #donate-form-content {
    min-height: 500px;
    height: auto !important;
  }
  body.sequential.error #donate-form-content #donate-form {
    margin-top: 0;
  }
  body.sequential.error p.secure {
    top: 5px !important;
  }
  body.sequential.error #form-fields {
    /* Amounts */
  
    /* CC / Payment */
  
    /* Employement */
  
  }
  body.sequential.error #form-fields ul#amounts {
    width: 330px;
  }
  body.sequential.error #form-fields ul#amounts .amount-cont {
    width: 88px !important;
    margin-right: 20px !important;
  }
  body.sequential.error #form-fields ul#amounts #amount-cont-8 {
    width: 40% !important;
  }
  body.sequential.error #form-fields #amount-cont-1,
  body.sequential.error #form-fields #amount-cont-5 {
    width: auto;
  }
  body.sequential.error #form-fields #creditcard-header {
    display: block;
  }
  body.sequential.error #form-fields #accepted-ccs {
    width: 190px;
    margin: -45px 0 0 120px;
  }
  body.sequential.error #form-fields #cc-type-cont {
    margin-top: 0;
  }
  body.sequential.error #form-fields #cc-type-cont #accepted-ccs {
    padding-bottom: 30px;
  }
  body.sequential.error #form-fields #cc-number-cont {
    margin: -30px auto 0px;
  }
  body.sequential.error #form-fields #cc-expiration-cont {
    width: 60%;
    margin: 0px auto 10px auto;
  }
  body.sequential.error #form-fields #cc_expir_month {
    float: left;
  }
  body.sequential.error #form-fields #employer-cont {
    margin-left: 18px;
  }
  body.sequential.error #form-fields #employer-cont,
  body.sequential.error #form-fields #occupation-cont {
    width: 45%;
    float: left;
    padding: 0 10px 0 0;
    margin-top: 10px;
  }
  body.sequential.error #form-fields #employer-cont.error,
  body.sequential.error #form-fields #occupation-cont.error {
    padding: 4px;
  }
  body.sequential.error #form-fields #employer-occupation-helper,
  body.sequential.error #form-fields #ovf-switch {
    margin: 10px 0 0 0;
  }
  body.sequential.error #form-fields .form-section-header-cont.employer_related.occupation_related {
    margin-bottom: 55px;
  }
  body.sequential.error #form-fields #ovf-switch {
    display: none;
  }
  body.sequential.error #submit-button.fullform {
    position: absolute;
    bottom: 25px;
  }
  body.sequential.ovfSwitch.sequential-active.personalized #donate-form-content.ovfSwitch {
    height: 450px;
  }
  body.sequential.ovfSwitch.sequential-active.personalized #submit-button.saved-payment {
    bottom: 120px;
  }
  body.sequential.ovfSwitch.sequential-active.personalized.hashcloud #donate-form-content.ovfSwitch {
    height: 425px;
  }
  body.sequential.ovfSwitch.sequential-active.personalized.hashcloud #submit-button {
    bottom: 172px;
  }
  body.sequential.ovfSwitch.sequential-active.personalized.qd #form-fields #ovf-switch {
    margin-top: 115px;
  }
  body.sequential.ovfSwitch.sequential-active #donate-form-content.ovfSwitch {
    height: 490px;
  }
  body.sequential.ovfSwitch.sequential-active #form-fields #ovf-switch {
    display: block;
  }
  body.sequential.ovfSwitch.sequential-active #form-fields #employer-occupation-helper {
    margin: 0;
  }
  body.sequential.ovfSwitch.sequential-active #submit-button {
    bottom: 230px;
  }
  body.sequential.ovfSwitch.sequential-active #submit-button.saved-payment {
    bottom: 100px;
  }
  body.sequential.ovfSwitch.sequential-active.hashcloud #form-fields #ovf-switch {
    margin-top: 126px;
  }
  body.sequential.ovfSwitch.sequential-active.error {
    /* Submit */
  
  }
  body.sequential.ovfSwitch.sequential-active.error.hashcloud #donate-form-content.ovfSwitch,
  body.sequential.ovfSwitch.sequential-active.error #donate-form-content.ovfSwitch {
    min-height: 550px;
    height: auto;
    padding-bottom: 120px;
  }
  body.sequential.ovfSwitch.sequential-active.error.hashcloud #submit-button.fullform,
  body.sequential.ovfSwitch.sequential-active.error #submit-button.fullform {
    bottom: 120px;
  }
  body.sequential.ovfSwitch.sequential-active.error #form-fields #ovf-switch {
    display: block;
    position: absolute;
    margin: 0 30px;
    bottom: 15px;
  }
  body.sequential.ofa-gateway #donate-form-content #form-fields #recurring-cont span.ofa-recur,
  body.sequential.ovf-gateway #donate-form-content #form-fields #recurring-cont span.ovf-recur {
    display: inline;
  }
  /* /body.sequential */
  body.sequential .content-area-bg {
    background-color: #03101e;
    background-image: url('https://secure.assets.bostatic.com/hydepark/images/donate/sa-barack-bg4.jpg');
    background-position: 50% 0%;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  body.sequential p.secure {
    position: absolute;
    top: 104px;
    right: 15px;
    z-index: 999;
    background: transparent url('https://secure.assets.bostatic.com/hydepark/images/secure-seal.png') no-repeat 50% 50%;
    height: 15px;
    width: 57px;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
  }
  body.sequential #personalized-content #donor-info {
    border-bottom: none;
  }
  body.sequential #personalized-content #donor-info #donor-name {
    font-size: 22px;
  }
  body.sequential #personalized-content #donor-info #donor-credit-card span {
    font-size: 18px;
  }
  body.sequential #personalized-content #donor-info #donor-payment-cont {
    padding-top: 22px;
    border-top: 1px solid #999;
    margin-top: 25px;
  }
  body.sequential.error #form-fields {
    /* Employment */
  
  }
  body.sequential.error #form-fields .form-section-header-cont.employer_related.occupation_related {
    margin: 0 auto 60px;
  }
  body.sequential.error #form-fields #employer-occupation-helper {
    margin: 25px 0 0 0;
  }
}
html.ie9 #form-fields #amount-cont-8 {
  margin-top: -7px;
  margin-left: 3px;
}
html.ie8 #form-fields input.text {
  width: 90%;
}
html.ie8 #form-fields #addr1-cont input.text,
html.ie8 #form-fields #shipping_addr1-cont input.text,
html.ie8 #form-fields #addr2-cont input.text,
html.ie8 #form-fields #shipping_addr2-cont input.text {
  width: 95.3%;
}
html.ie8 #form-fields #city-cont,
html.ie8 #form-fields #shipping_#city-cont {
  width: 50%;
}
html.ie8 #form-fields #amount-cont-8 {
  clear: both;
  width: 100%;
}
html.ie8 #form-fields #amounts input[type="radio"],
html.ie8 #form-fields #recurring_acknowledge {
  background: none;
}
html.ie8 input,
html.ie8 textarea {
  background: #f1f1f1;
  border: 1px solid #DEDEDE;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
html.ie8 input:focus,
html.ie8 textarea:focus {
  background: #fff;
  border-color: #84b9d3 !important;
  outline: 0;
}
html.ie7 #form-fields input.text {
  width: 90%;
}
html.ie7 #form-fields #addr1-cont input.text,
html.ie7 #form-fields #shipping_addr1-cont input.text,
html.ie7 #form-fields #addr2-cont input.text,
html.ie7 #form-fields #shipping_addr2-cont input.text {
  width: 95.3%;
}
html.ie7 #form-fields #city-cont,
html.ie7 #form-fields #shipping_#city-cont {
  width: 50%;
}
html.ie7 #form-fields #amount-cont-7 {
  width: 80px;
}
html.ie7 #form-fields #amount-cont-8 {
  clear: both;
  width: 100%;
}
html.ie7 #form-fields #amounts input[type="radio"],
html.ie7 #form-fields #recurring_acknowledge {
  background: none;
}
html.ie7 input,
html.ie7 textarea {
  background: #f1f1f1;
  border: 1px solid #DEDEDE;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
html.ie7 input:focus,
html.ie7 textarea:focus {
  background: #fff;
  border-color: #84b9d3 !important;
  outline: 0;
}
#shipping-billing-label {
  display: inline;
}
/*
   OFA Donate - Contribute Secondary
	
	This contains important styles from the deprecated Big Face / Clean stylesheet.
	
   Created By Manik Rathee on 2012-05-08
   Copyright 2012 Obama for America. All rights reserved.
*/
/* mixins */
.transparent-gradient {
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(255, 255, 255, 0.1)));
}
/* /mixins */
body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #fff;
}
body > .wrap {
  overflow: hidden;
  background-color: #fff;
}
header.page-header {
  background: #7eb0cc;
  padding: 20px;
  margin-top: 20px;
  text-align: center;
}
header.page-header h1,
header.page-header .form-section-header {
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
header.page-header p {
  font-size: 14px;
  color: #fff;
}
#donate-form-content {
  background: #fff;
  margin: 0 auto;
}
#personalized-content #donor-info {
  border-bottom: none;
}
#personalized-content #donor-info #donor-name {
  font-size: 22px;
}
#personalized-content #donor-info #donor-credit-card span {
  font-size: 18px;
}
#personalized-content #donor-info #donor-payment-cont {
  padding-top: 22px;
  border-top: 1px solid #999;
  margin-top: 25px;
}
#contribute-footnote,
.compliance {
  background: #fff;
  padding: 35px;
  margin: 20px 0 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.8;
  color: #666;
}
#contribute-footnote .container,
.compliance .container {
  margin-bottom: 20px;
}
#contribute-footnote a,
.compliance a,
#contribute-footnote p a,
.compliance p a {
  color: #008fc5;
  text-decoration: none;
}
#contribute-footnote a:hover,
.compliance a:hover,
#contribute-footnote p a:hover,
.compliance p a:hover {
  color: #005677;
}
body.donate #ft {
  width: 100%;
}
@media screen and (min-width: 321px) {
  #donate-form-content {
    padding: 30px;
  }
}
@media screen and (min-width: 768px) {
  body {
    background-color: #EAEAEA;
  }
  body > .wrap {
    background-color: #EAEAEA;
  }
}
.oldie body {
  background-color: #EAEAEA;
}
.oldie body > .wrap {
  background-color: #EAEAEA;
}
.ie7 body.donate > .wrap,
.ie7 body.donate.sequential > .wrap {
  padding-top: 0;
}
.ie7 body.donate #action-bar,
.ie7 body.donate.sequential #action-bar {
  height: auto !important;
}
.ie7 body.donate #main,
.ie7 body.donate.sequential #main {
  padding-top: 0;
}
.ie7 body.donate #banner,
.ie7 body.donate.sequential #banner {
  padding-bottom: 352px;
}
.ie7 body.donate #ft .wrap,
.ie7 body.donate.sequential #ft .wrap {
  width: 900px !important;
}
.ie8 body.donate #ft .wrap,
.ie8 body.donate.sequential #ft .wrap {
  width: 900px !important;
}
.ie9 body.donate footer#ft,
.ie9 body.donate.sequential footer#ft {
  background: transparent !important;
  border-bottom: none !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #action-bar .logo {
    background-image: url('../../images/logo-obama-biden-v2@2x.png') !important;
    background-size: 152px 18px;
  }
}
/*
   OFA Donate - Sequential Module

   Created By Manik Rathee on 2012-09-22
   Copyright 2012 Obama for America. All rights reserved.
*/
/* Fade Transitions */
.animate {
  -webkit-animation: 1s ease;
  -moz-animation: 1s ease;
  animation: 1s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
.quick-animate {
  -webkit-animation: 0.15s ease;
  -moz-animation: 0.15s ease;
  animation: 0.15s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translatey(-20px) rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translatey(0) rotate(0deg);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translatey(-20px) rotate(0deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translatey(0) rotate(0deg);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translatey(-20px) rotate(0deg);
  }
  100% {
    opacity: 1;
    transform: translatey(0) rotate(0deg);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translatey(20px) rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translatey(0) rotate(0deg);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translatey(20px) rotate(0deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translatey(0) rotate(0deg);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translatey(20px) rotate(0deg);
  }
  100% {
    opacity: 1;
    transform: translatey(0) rotate(0deg);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
/*  /Fade *//* Hide all sequential markup on mobile */
#breadcrumbs,
#previous,
#next,
#submit-button,
span.premature {
  display: none;
}
/*  Change Styles for the Default Submit Button */
ul#form-fields li#submit-cont #submit-hidden {
  bottom: 52px;
  left: 50%;
  width: 100%;
  background: #89C74E;
  padding: 10px 10px 10px 10px;
  font-weight: bold;
  /*font-family: @slab-serif;*/

  font-size: 20px;
  color: white;
  text-transform: uppercase;
  text-align: center;
  border-radius: 6px;
}
body.error #submit-cont {
  margin-top: 20px;
}
p.secure {
  display: none;
}
#form-fields .form-section-header {
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  font-size: 20px;
}
/* Fix padding for new employment field helper text */
#occupation-cont p {
  margin-top: 15px;
}
#occupation-cont p.occupation_error {
  margin-top: 0;
}
/* Amount Buttons */
ul#amounts {
  overflow: auto;
  zoom: 1;
}
ul#amounts li.amount-cont {
  margin-bottom: 25px;
  width: 41%;
  float: left;
  margin-right: 27px;
}
ul#amounts li.amount-cont label {
  display: block;
  width: 100%;
  background: #008fc5;
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.3) 100%);
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(255, 255, 255, 0.2)));
  border: 1px solid #0088bb;
  border-radius: 3px;
  box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.4), 0px 1px 1px 1px #003246;
  font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
  color: #fff;
  font-size: 19px;
  font-weight: bold;
  text-align: center;
  /*padding: 8px 5px;*/

  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
ul#amounts li.amount-cont label.active {
  background: #81c341;
  color: #fff;
  border: 1px solid #fff;
  box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
ul#amounts li.amount-cont input {
  display: none;
}
ul#amounts #amount-cont-8 {
  width: 41%;
}
ul#amounts #amount-cont-8 label {
  display: none;
}
ul#amounts #amount-cont-8 input {
  width: 100%;
  font-size: 14px;
  line-height: 26px;
  display: block;
}
body.error.sequential #donate-form {
  margin-top: 0;
}
body.error #form-fields ul#amounts .amount-cont {
  margin-right: 24px;
}
/*  Widen Amount Buttons above mobile */
@media screen and (min-width: 470px) and (max-width: 767px) {
  ul#amounts li.amount-cont {
    width: 43%;
  }
}
@media screen and (max-width: 767px) {
  body.sequential {
    background: #fff !important;
  }
  body.sequential h2.header-title {
    display: none;
  }
  body.error.ovfSwitch #form-fields li.form-section-header-cont.employer_related.occupation_related {
    margin-bottom: 15px;
  }
  ul#amounts {
    padding-left: 3px;
  }
  ul#amounts li.amount-cont label {
    padding: 15px 5px;
  }
  #recurring-cont label span {
    display: none;
  }
  .ofa-gateway #recurring-cont label span.ofa-recur,
  .ovf-gateway #recurring-cont label span.ovf-recur {
    display: inline;
  }
  #ovf-switch {
    display: none;
  }
  .ovfSwitch #ovf-switch {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  /*  transitions */
  .page-header,
  #donate-form-content,
  p.secure {
    -webkit-animation: 1s ease;
    -moz-animation: 1s ease;
    animation: 1s ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    animation-name: fadeInDown;
    opacity: 1;
  }
  body.sequential {
    /*  Form Fields */
  
    /* /#form-fields */
  
    /* body.sequential-active */
  
    /* /body.sequential-active */
  
    /* body.error */
  
    /* /body.error */
  
  }
  body.sequential .content-area-bg {
    height: auto;
  }
  body.sequential p.secure {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 999;
    background: transparent url('https://secure.assets.bostatic.com/hydepark/images/secure-seal.png') no-repeat 50% 50%;
    height: 15px;
    width: 57px;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
  }
  body.sequential #donate-form-content {
    width: 385px;
    height: auto;
    padding: 30px;
    margin: 40px;
    overflow: hidden;
    border-radius: 4px;
    -webkit-transition: height 0.3s linear;
    -moz-transition: height 0.3s linear;
    transition: height 0.3s linear;
  }
  body.sequential #donate-form-content #loading-message {
    display: none;
  }
  body.sequential #donate-form-content #donate-form {
    margin: 20px auto 0;
    width: 100%;
  }
  body.sequential span.premature {
    width: 100%;
    position: absolute;
    bottom: 75px;
    left: -5px;
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color: #C41230;
  }
  body.sequential #form-fields {
    margin: 0 auto !important;
    /* Error Overrides */
  
    /* Amounts */
  
    /* Personal info */
  
    /* Credit Card & Payment */
  
    /* Exmployment */
  
  }
  body.sequential #form-fields label {
    font-size: 14px;
  }
  body.sequential #form-fields input {
    -webkit-transition: background-color 0.15s linear;
    -moz-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;
  }
  body.sequential #form-fields input.error {
    border: 2px solid #c41230 !important;
    -webkit-transition: border-color 0.15s ease-in-out;
    -moz-transition: border-color 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out;
  }
  body.sequential #form-fields #cc_expir_month.error,
  body.sequential #form-fields #cc_expir_year.error,
  body.sequential #form-fields #state_cd.error {
    color: #c41230 !important;
    outline: 1px solid red;
  }
  body.sequential #form-fields #select-amount-header {
    margin-top: 20px;
  }
  body.sequential #form-fields #amounts-cont {
    width: 315px;
    margin-left: auto;
    margin-right: auto;
  }
  body.sequential #form-fields #amounts-cont.error {
    padding-right: 20px !important;
  }
  body.sequential #form-fields ul#amounts {
    overflow: auto;
    zoom: 1;
    width: 330px;
    margin: 0 auto;
  }
  body.sequential #form-fields ul#amounts .amount-cont {
    display: block;
    width: 88px;
    float: left;
    clear: none !important;
    margin-right: 20px;
  }
  body.sequential #form-fields ul#amounts .amount-cont input {
    display: none;
  }
  body.sequential #form-fields ul#amounts .amount-cont label {
    display: block;
    width: 80px;
    padding: 8px 5px;
    font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin: 1px 0 0 3px;
    cursor: pointer;
    outline: none;
    -webkit-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    -moz-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    transition: background-color 0.15s linear, box-shadow 0.15s linear;
  }
  body.sequential #form-fields ul#amounts .amount-cont label:hover {
    background: #1297c9;
    color: #fff;
    border: 1px solid #1190c0;
    box-shadow: inset 0px 1px 1px 1px #1297c9, 0px 1px 1px 1px #083f54;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    transition: background 0.1s linear;
  }
  body.sequential #form-fields ul#amounts .amount-cont label.active {
    background: #89cd46;
    color: #fff;
    border: 1px solid #fff;
  }
  body.sequential #form-fields ul#amounts .amount-cont label.active:hover {
    background: #89cd46;
    box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
  }
  body.sequential #form-fields ul#amounts #amount-cont-8 {
    margin-top: 0;
    width: 194px;
  }
  body.sequential #form-fields ul#amounts #amount-cont-8 input {
    display: block;
    height: 42px;
    width: 100%;
  }
  body.sequential #form-fields ul#amounts #amount-cont-8 label {
    display: none;
  }
  body.sequential #form-fields #amount-cont-4 {
    margin-right: 6px;
  }
  body.sequential #form-fields #suggested-amount {
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
    font-size: 14px;
    color: #555555;
    font-style: italic;
    display: block;
    margin: -13px 0 0 0;
  }
  body.sequential #form-fields #addr2-cont {
    display: none;
  }
  body.sequential #form-fields #cc-type-cont {
    margin-top: -13px;
  }
  body.sequential #form-fields #cc-number-cont,
  body.sequential #form-fields #cc-expiration-cont {
    float: none;
    width: 235px;
  }
  body.sequential #form-fields #cc-number-cont {
    margin: 35px auto 10px;
  }
  body.sequential #form-fields #cc-number-cont input::-webkit-input-placeholder {
    color: #999;
  }
  body.sequential #form-fields #cc-number-cont input:-moz-placeholder {
    color: #999;
  }
  body.sequential #form-fields #cc-number-cont input:-ms-input-placeholder {
    color: #999;
  }
  body.sequential #form-fields #cc_number {
    font-size: 17px;
  }
  body.sequential #form-fields #cc_expir_year,
  body.sequential #form-fields #cc_expir_month {
    width: 100px;
  }
  body.sequential #form-fields #cc-expiration-cont {
    margin: 22px auto 10px auto;
  }
  body.sequential #form-fields #cc-expiration-cont #cc_expir_month {
    margin-right: 30px;
  }
  body.sequential #form-fields #cc-type-cont #accepted-ccs {
    width: 190px;
    margin: 0 auto;
    /*background: none;
  				text-indent: 0;
  				width: 100%;
  				margin-bottom: 49px;
  				font-size: 16px;*/
  
  }
  body.sequential #form-fields #recurring-cont {
    width: 392px;
    margin-left: 0px;
    margin-top: 20px;
  }
  body.sequential #form-fields #recurring-cont label {
    font-weight: normal !important;
  }
  body.sequential #form-fields .form-section-header-cont.employer_related.occupation_related {
    width: 100%;
    margin: 0 auto;
    line-height: 1.4;
  }
  body.sequential #form-fields #employment-header {
    display: none;
  }
  body.sequential #form-fields #employer-cont,
  body.sequential #form-fields #occupation-cont {
    width: 235px;
    float: none;
  }
  body.sequential #form-fields #employer-cont {
    margin: 5px auto 15px auto;
  }
  body.sequential #form-fields #occupation-cont {
    margin: 15px auto;
  }
  body.sequential #form-fields #employer-occupation-helper {
    width: 380px;
    margin: 142px 0 0 0;
    font-size: 13px;
    clear: both;
  }
  body.sequential #form-fields .employment-disclaimer {
    font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #444;
  }
  body.sequential #form-fields #form-fields #submit-cont {
    width: 100%;
    position: relative;
    text-align: center;
  }
  body.sequential #form-fields #submit-cont {
    margin: 20px 0 0 0;
  }
  body.sequential.sequential-active {
    /* Pull the standard submit button off screen */
  
    /* Group CSS to Show & Hide */
  
    /* Breadcrumbs */
  
    /* Next And Submit */
  
    /* /#next */
  
    /* /#submit-button */
  
  }
  body.sequential.sequential-active #donate-form-content {
    height: 425px;
  }
  body.sequential.sequential-active #donate-form-content #donate-form {
    margin: 80px auto 0;
  }
  body.sequential.sequential-active p.secure {
    top: 104px;
  }
  body.sequential.sequential-active #submit-cont,
  body.sequential.sequential-active input#submit {
    display: none;
    position: absolute;
    top: -100%;
    left: -100%;
  }
  body.sequential.sequential-active .group1:not(.submenu),
  body.sequential.sequential-active .group2,
  body.sequential.sequential-active .group3,
  body.sequential.sequential-active .group4,
  body.sequential.sequential-active .group5,
  body.sequential.sequential-active .group6 {
    position: relative;
    left: 0;
    opacity: 1;
    -webkit-transition: left 0.5s ease, opacity 1s ease;
    -moz-transition: left 0.5s ease, opacity 1s ease;
    transition: left 0.5s ease, opacity 1s ease;
  }
  body.sequential.sequential-active .group1:not(.submenu) #accepted-css,
  body.sequential.sequential-active .group2 #accepted-css,
  body.sequential.sequential-active .group3 #accepted-css,
  body.sequential.sequential-active .group4 #accepted-css,
  body.sequential.sequential-active .group5 #accepted-css,
  body.sequential.sequential-active .group6 #accepted-css {
    display: block;
  }
  body.sequential.sequential-active .group1:not(.submenu).hide,
  body.sequential.sequential-active .group2.hide,
  body.sequential.sequential-active .group3.hide,
  body.sequential.sequential-active .group4.hide,
  body.sequential.sequential-active .group5.hide,
  body.sequential.sequential-active .group6.hide {
    position: absolute;
    left: -100%;
    opacity: 0;
    -webkit-transition: left 0.5s ease, opacity 0.15s ease;
    -moz-transition: left 0.5s ease, opacity 0.15s ease;
    transition: left 0.5s ease, opacity 0.15s ease;
  }
  body.sequential.sequential-active .hide {
    position: absolute;
    left: -100%;
    opacity: 0;
    -webkit-transition: left 0.5s ease, opacity 0.15s ease;
    -moz-transition: left 0.5s ease, opacity 0.15s ease;
    transition: left 0.5s ease, opacity 0.15s ease;
  }
  body.sequential.sequential-active .hide #accepted-ccs {
    display: none;
  }
  body.sequential.sequential-active #breadcrumbs {
    display: block;
    position: absolute;
    top: 0;
    left: -26px;
    width: 100%;
    background: #f2f2f2;
    overflow: auto;
    zoom: 1;
    border-bottom: 1px solid #d8d8d8;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  body.sequential.sequential-active #breadcrumbs:after {
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    background: #fff;
    content: '';
  }
  body.sequential.sequential-active #breadcrumbs li {
    display: block;
    position: relative;
    float: left;
    /*width: 65px;*/
  
    width: 59px;
    list-style-type: none;
    text-align: center;
    font-size: 14px;
    color: #b8b8b8;
    font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
    font-weight: normal;
    padding: 18px 0 20px 32px;
    -webkit-transition: color 0.25s linear, background-color 0.25s linear;
    -moz-transition: color 0.25s linear, background-color 0.25s linear;
    transition: color 0.25s linear, background-color 0.25s linear;
  }
  body.sequential.sequential-active #breadcrumbs li hr {
    background: #fff;
    border-top: 1px solid #c9c9c9;
    position: absolute;
    left: -16px;
    top: 45%;
    width: 63px;
  }
  body.sequential.sequential-active #breadcrumbs li span {
    display: block;
    background: #b8b8b8;
    width: 18px;
    margin: 5px auto 0;
    color: #fff;
    padding: 4px;
    border-radius: 5em;
    text-align: center;
    font-weight: bold;
    -webkit-transition: color 0.25s linear, background-color 0.25s linear;
    -moz-transition: color 0.25s linear, background-color 0.25s linear;
    transition: color 0.25s linear, background-color 0.25s linear;
  }
  body.sequential.sequential-active #breadcrumbs li b {
    display: block;
    width: 100%;
    height: 2px;
    opacity: 0;
    background: #b6b6b6;
    margin: 10px auto 0;
    border-bottom: 2px solid white;
  }
  body.sequential.sequential-active #breadcrumbs li:first-child {
    margin-left: 55px;
    padding-left: 0;
  }
  body.sequential.sequential-active #breadcrumbs li.saved-payment:first-child {
    margin-left: 142px;
  }
  body.sequential.sequential-active #breadcrumbs li.completed,
  body.sequential.sequential-active #breadcrumbs li.current {
    color: #555555;
    font-weight: bold;
    cursor: pointer;
  }
  body.sequential.sequential-active #breadcrumbs li.completed hr,
  body.sequential.sequential-active #breadcrumbs li.current hr {
    background: #b9d982;
  }
  body.sequential.sequential-active #breadcrumbs li.completed span,
  body.sequential.sequential-active #breadcrumbs li.current span {
    background: #81c341;
    text-shadow: 1px 1px 0 #dbdbdb;
    -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  }
  body.sequential.sequential-active #breadcrumbs li.completed:hover,
  body.sequential.sequential-active #breadcrumbs li.current:hover {
    color: #000;
    text-shadow: 0 0 10px #fff;
  }
  body.sequential.sequential-active #breadcrumbs li.completed:hover span,
  body.sequential.sequential-active #breadcrumbs li.current:hover span {
    /*
  								background: #88ef24;*/
  
    background: #5b8b2c;
    text-shadow: 1px 1px 0 #d3d3d3;
  }
  body.sequential.sequential-active #breadcrumbs li.completed:hover b,
  body.sequential.sequential-active #breadcrumbs li.current:hover b {
    opacity: 1;
    -webkit-animation: 0.15s ease;
    -moz-animation: 0.15s ease;
    animation: 0.15s ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-transition: opacity 0.25s linear;
    -moz-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
  }
  body.sequential.sequential-active #breadcrumbs li.current {
    /*background: white;
  						color: @light-blue;*/
  
  }
  body.sequential.sequential-active #next {
    background: #1297c9;
    background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(255, 255, 255, 0.1)));
    cursor: pointer;
    outline: none;
    border: 1px solid #1190c0;
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px 1px rgba(255, 255, 255, 0.2), 0px 1px 1px 1px #083f54;
    -webkit-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    -moz-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    transition: background-color 0.15s linear, box-shadow 0.15s linear;
    position: absolute;
    bottom: 20px;
    left: 50%;
    display: block;
    margin: 10px 0 0 -84px;
    padding: 2px 10px;
    width: 142px;
    -webkit-transition: background-color 0.15s ease-in-out, box-shadow 0.15s linear;
    -moz-transition: background-color 0.15s ease-in-out, box-shadow 0.15s linear;
    transition: background-color 0.15s ease-in-out, box-shadow 0.15s linear;
    border-radius: 4px 25px 25px 2px !important;
  }
  body.sequential.sequential-active #next:hover {
    background: #1297c9;
  }
  body.sequential.sequential-active #next:active {
    background: #0e749a;
    box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
  }
  body.sequential.sequential-active #next p {
    background: transparent url('https://secure.assets.bostatic.com/hydepark/images/donate/20121008_ContinueButton_test.png') no-repeat 104% 49% !important;
    text-align: center;
    color: #fff;
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
    font-weight: bold;
    font-size: 18px;
    padding: 7px 30px 7px 10px;
    text-transform: uppercase;
  }
  body.sequential.sequential-active #submit-button {
    position: absolute;
    bottom: 172px;
    left: 50%;
    margin: 10px 0 0 -116px;
    /*display: block;*/
  
    width: 190px;
    background: #89cd46;
    background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(255, 255, 255, 0.1)));
    cursor: pointer;
    outline: none;
    border: 1px solid #84cb3e;
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px 1px rgba(255, 255, 255, 0.2), 0px 1px 1px 1px #49741f;
    -webkit-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    -moz-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    transition: background-color 0.15s linear, box-shadow 0.15s linear;
    padding: 10px 28px 10px 10px;
    font-weight: bold;
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: bottom 0.25s linear;
    -moz-transition: bottom 0.25s linear;
    transition: bottom 0.25s linear;
    border-radius: 4px 25px 25px 2px !important;
  }
  body.sequential.sequential-active #submit-button:hover {
    background: #89cd46;
  }
  body.sequential.sequential-active #submit-button:active {
    background: #70b030;
    box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
  }
  body.sequential.sequential-active #submit-button span#processingform {
    background: transparent url('https://secure.assets.bostatic.com/hydepark/images/donate/20121008_ContinueButton_test.png') no-repeat 104% 49%;
    width: 16px;
    height: 16px;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
    position: absolute;
    top: 15px;
    right: 20px;
  }
  body.sequential.sequential-active #submit-button.processingform {
    background: #89cd46;
    color: white;
  }
  body.sequential.sequential-active #submit-button.processingform span#processingform {
    background: transparent url('https://secure.assets.bostatic.com/hydepark/images/donate/20121008_ContinueButton_test.png') no-repeat 104% 49%;
    width: 16px;
    height: 16px;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
    position: absolute;
    top: 13px;
    right: 20px;
  }
  body.sequential.sequential-active #submit-button.saved-payment {
    bottom: 40px;
  }
  body.sequential.sequential-active #employer-occupation-helper {
    margin: 146px 0 0 0;
  }
  body.sequential.sequential-active #creditcard-header {
    display: none;
  }
  body.sequential.sequential-active #amount-header {
    font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
    font-size: 22px;
    /*color: #707070;*/
  
    /* updated color to match WCAG Contrast Compliance */
  
    color: #575757;
    margin-top: 20px;
    margin-left: 40px;
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    transition: color 0.15s linear;
  }
  body.sequential.sequential-active #amount-header.error {
    color: #c41230;
  }
  body.sequential.error {
    /* /#form-fields */
  
    /* Submit */
  
  }
  body.sequential.error #donate-form-content {
    min-height: 500px;
    height: auto;
  }
  body.sequential.error #donate-form-content #donate-form {
    margin-top: 0;
  }
  body.sequential.error p.secure {
    top: 5px !important;
  }
  body.sequential.error #form-fields {
    /* Amounts */
  
    /* CC / Payment */
  
    /* Employement */
  
  }
  body.sequential.error #form-fields ul#amounts {
    width: 330px;
  }
  body.sequential.error #form-fields ul#amounts .amount-cont {
    width: 88px !important;
    margin-right: 20px !important;
  }
  body.sequential.error #form-fields ul#amounts #amount-cont-8 {
    width: 40% !important;
  }
  body.sequential.error #form-fields #amount-cont-1,
  body.sequential.error #form-fields #amount-cont-5 {
    width: auto;
  }
  body.sequential.error #form-fields #creditcard-header {
    display: block;
  }
  body.sequential.error #form-fields #accepted-ccs {
    width: 190px;
    margin: -45px 0 0 120px;
  }
  body.sequential.error #form-fields #cc-type-cont {
    margin-top: 0;
  }
  body.sequential.error #form-fields #cc-type-cont #accepted-ccs {
    padding-bottom: 30px;
  }
  body.sequential.error #form-fields #cc-number-cont {
    margin: -30px auto 0px;
  }
  body.sequential.error #form-fields #cc-expiration-cont {
    width: 60%;
    margin: 0px auto 10px auto;
  }
  body.sequential.error #form-fields #cc_expir_month {
    float: left;
  }
  body.sequential.error #form-fields #employer-cont {
    margin-left: 18px;
  }
  body.sequential.error #form-fields #employer-cont,
  body.sequential.error #form-fields #occupation-cont {
    width: 45%;
    float: left;
    padding: 0 10px 0 0;
    margin-top: 10px;
  }
  body.sequential.error #form-fields #employer-cont.error,
  body.sequential.error #form-fields #occupation-cont.error {
    padding: 4px;
  }
  body.sequential.error #form-fields #employer-occupation-helper {
    margin: 10px 0 0 0;
  }
  body.sequential.error #form-fields .form-section-header-cont.employer_related.occupation_related {
    margin-bottom: 55px;
  }
  body.sequential.error #submit-button.fullform {
    position: absolute;
    bottom: 25px;
  }
  /* /body.sequential */
}
/* /.768 */
.oldie {
  /*  transitions */

  /* /body.sequential */

}
.oldie .page-header,
.oldie #donate-form-content,
.oldie p.secure {
  -webkit-animation: 1s ease;
  -moz-animation: 1s ease;
  animation: 1s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  animation-name: fadeInDown;
  opacity: 1;
}
.oldie body.sequential {
  /*  Form Fields */

  /* /#form-fields */

  /* body.sequential-active */

  /* /body.sequential-active */

  /* body.error */

  /* /body.error */

  /* /body.ovfSwitch */

}
.oldie body.sequential .content-area-bg {
  height: auto;
}
.oldie body.sequential p.secure {
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 999;
  background: transparent url('https://secure.assets.bostatic.com/hydepark/images/secure-seal.png') no-repeat 50% 50%;
  height: 15px;
  width: 57px;
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em;
}
.oldie body.sequential #donate-form-content {
  width: 385px;
  height: auto;
  padding: 30px;
  margin: 40px;
  overflow: hidden;
  border-radius: 4px;
  -webkit-transition: height 0.3s linear;
  -moz-transition: height 0.3s linear;
  transition: height 0.3s linear;
}
.oldie body.sequential #donate-form-content #loading-message {
  display: none;
}
.oldie body.sequential #donate-form-content #donate-form {
  margin: 20px auto 0;
  width: 100%;
}
.oldie body.sequential span.premature {
  width: 100%;
  position: absolute;
  bottom: 75px;
  left: -5px;
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  color: #C41230;
}
.oldie body.sequential #form-fields {
  margin: 0 auto !important;
  /* Error Overrides */

  /* Amounts */

  /* Personal info */

  /* Credit Card & Payment */

  /* Exmployment */

}
.oldie body.sequential #form-fields label {
  font-size: 14px;
}
.oldie body.sequential #form-fields input {
  -webkit-transition: background-color 0.15s linear;
  -moz-transition: background-color 0.15s linear;
  transition: background-color 0.15s linear;
}
.oldie body.sequential #form-fields input.error {
  border: 2px solid #c41230 !important;
  -webkit-transition: border-color 0.15s ease-in-out;
  -moz-transition: border-color 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out;
}
.oldie body.sequential #form-fields #cc_expir_month.error,
.oldie body.sequential #form-fields #cc_expir_year.error,
.oldie body.sequential #form-fields #state_cd.error {
  color: #c41230 !important;
  outline: 1px solid red;
}
.oldie body.sequential #form-fields #select-amount-header {
  margin-top: 20px;
}
.oldie body.sequential #form-fields #amounts-cont {
  width: 330px;
  margin-left: auto;
  margin-right: auto;
}
.oldie body.sequential #form-fields #amounts-cont.error {
  padding-right: 20px !important;
}
.oldie body.sequential #form-fields ul#amounts {
  overflow: auto;
  zoom: 1;
  width: 330px;
  margin: 0 auto;
}
.oldie body.sequential #form-fields ul#amounts .amount-cont {
  display: block;
  width: 88px;
  float: left;
  clear: none !important;
  margin-right: 20px;
  margin-bottom: 20px !important;
}
.oldie body.sequential #form-fields ul#amounts .amount-cont input {
  display: none;
}
.oldie body.sequential #form-fields ul#amounts .amount-cont label {
  display: block;
  width: 80px;
  padding: 8px 5px;
  font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
  font-size: 19px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  margin: 1px 0 0 3px;
  cursor: pointer;
  outline: none;
  /* IE Gradient */

  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#43afd6', endColorstr='#0c8eba', GradientType=0);
  -webkit-transition: background-color 0.15s linear, box-shadow 0.15s linear;
  -moz-transition: background-color 0.15s linear, box-shadow 0.15s linear;
  transition: background-color 0.15s linear, box-shadow 0.15s linear;
}
.oldie body.sequential #form-fields ul#amounts .amount-cont label:hover {
  background: #1297c9;
  filter: none;
  color: #fff;
  border: 1px solid #1190c0;
  box-shadow: inset 0px 1px 1px 1px #1297c9, 0px 1px 1px 1px #083f54;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  transition: background 0.1s linear;
}
.oldie body.sequential #form-fields ul#amounts .amount-cont label.active {
  background: #89cd46;
  filter: none;
  color: #fff;
  border: 1px solid #fff;
}
.oldie body.sequential #form-fields ul#amounts .amount-cont label.active:hover {
  background: #89cd46;
  box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
}
.oldie body.sequential #form-fields ul#amounts #amount-cont-8 {
  margin-top: 0;
  margin-left: 1px;
  width: 194px;
}
.oldie body.sequential #form-fields ul#amounts #amount-cont-8 input {
  display: block;
  height: 42px;
  width: 100%;
}
.oldie body.sequential #form-fields ul#amounts #amount-cont-8 label {
  display: none;
}
.oldie body.sequential #form-fields #amount-cont-4 {
  margin-right: 6px;
}
.oldie body.sequential #form-fields #suggested-amount {
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  font-size: 14px;
  color: #555555;
  font-style: italic;
  display: block;
  margin: -13px 0 0 0;
}
.oldie body.sequential #form-fields #addr2-cont {
  display: none;
}
.oldie body.sequential #form-fields #cc-type-cont {
  margin-top: -13px;
}
.oldie body.sequential #form-fields #cc-number-cont,
.oldie body.sequential #form-fields #cc-expiration-cont {
  float: none;
  width: 235px;
}
.oldie body.sequential #form-fields #cc-number-cont {
  margin: 35px auto 10px;
}
.oldie body.sequential #form-fields #cc-number-cont input::-webkit-input-placeholder {
  color: #999;
}
.oldie body.sequential #form-fields #cc-number-cont input:-moz-placeholder {
  color: #999;
}
.oldie body.sequential #form-fields #cc-number-cont input:-ms-input-placeholder {
  color: #999;
}
.oldie body.sequential #form-fields #cc_number {
  font-size: 17px;
}
.oldie body.sequential #form-fields #cc_expir_year,
.oldie body.sequential #form-fields #cc_expir_month {
  width: 100px;
}
.oldie body.sequential #form-fields #cc-expiration-cont {
  margin: 22px auto 10px auto;
}
.oldie body.sequential #form-fields #cc-expiration-cont #cc_expir_month {
  margin-right: 30px;
}
.oldie body.sequential #form-fields #cc-type-cont #accepted-ccs {
  width: 190px;
  margin: 0 auto;
  /*background: none;
				text-indent: 0;
				width: 100;
				margin-bottom: 49px;
				font-size: 16px;*/

}
.oldie body.sequential #form-fields #recurring-cont {
  width: 392px;
  margin-left: 0px;
  margin-top: 20px;
}
.oldie body.sequential #form-fields #recurring-cont label {
  font-weight: normal !important;
}
.oldie body.sequential #form-fields #recurring-cont span {
  display: none;
}
.oldie body.sequential #form-fields .form-section-header-cont.employer_related.occupation_related {
  width: 100%;
  margin: 0 auto;
  line-height: 1.4;
}
.oldie body.sequential #form-fields #employment-header {
  display: none;
}
.oldie body.sequential #form-fields #employer-cont,
.oldie body.sequential #form-fields #occupation-cont {
  width: 235px;
  float: none;
}
.oldie body.sequential #form-fields #employer-cont {
  margin: 5px auto 15px auto;
}
.oldie body.sequential #form-fields #occupation-cont {
  margin: 15px auto;
}
.oldie body.sequential #form-fields #employer-occupation-helper,
.oldie body.sequential #form-fields #ovf-switch {
  width: 380px;
  margin: 120px 0 0 0;
  font-size: 13px;
  clear: both;
}
.oldie body.sequential #form-fields .employment-disclaimer {
  font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #444;
}
.oldie body.sequential #form-fields #form-fields #submit-cont {
  width: 100%;
  position: relative;
  text-align: center;
}
.oldie body.sequential #form-fields #ovf-switch {
  display: none;
  width: 385px;
  margin: 136px 0 15px;
}
.oldie body.sequential #form-fields #submit-cont {
  margin: 20px 0 0 0;
}
.oldie body.sequential.sequential-active {
  /* Pull the standard submit button off screen */

  /* Group CSS to Show & Hide */

  /* Breadcrumbs */

  /* Next And Submit */

  /* /#next */

  /* /#submit-button */

}
.oldie body.sequential.sequential-active #donate-form-content {
  height: 425px;
}
.oldie body.sequential.sequential-active #donate-form-content #donate-form {
  margin: 80px auto 0;
}
.oldie body.sequential.sequential-active p.secure {
  top: 104px;
}
.oldie body.sequential.sequential-active #submit-cont,
.oldie body.sequential.sequential-active input#submit {
  display: none;
  position: absolute;
  top: -100%;
  left: -100%;
}
.oldie body.sequential.sequential-active .group1:not(.submenu),
.oldie body.sequential.sequential-active .group2,
.oldie body.sequential.sequential-active .group3,
.oldie body.sequential.sequential-active .group4,
.oldie body.sequential.sequential-active .group5,
.oldie body.sequential.sequential-active .group6 {
  position: relative;
  left: 0;
  opacity: 1;
  -webkit-transition: left 0.5s ease, opacity 1s ease;
  -moz-transition: left 0.5s ease, opacity 1s ease;
  transition: left 0.5s ease, opacity 1s ease;
}
.oldie body.sequential.sequential-active .group1:not(.submenu) #accepted-css,
.oldie body.sequential.sequential-active .group2 #accepted-css,
.oldie body.sequential.sequential-active .group3 #accepted-css,
.oldie body.sequential.sequential-active .group4 #accepted-css,
.oldie body.sequential.sequential-active .group5 #accepted-css,
.oldie body.sequential.sequential-active .group6 #accepted-css {
  display: block;
}
.oldie body.sequential.sequential-active .group1:not(.submenu).hide,
.oldie body.sequential.sequential-active .group2.hide,
.oldie body.sequential.sequential-active .group3.hide,
.oldie body.sequential.sequential-active .group4.hide,
.oldie body.sequential.sequential-active .group5.hide,
.oldie body.sequential.sequential-active .group6.hide {
  position: absolute;
  left: -100%;
  opacity: 0;
  -webkit-transition: left 0.5s ease, opacity 0.15s ease;
  -moz-transition: left 0.5s ease, opacity 0.15s ease;
  transition: left 0.5s ease, opacity 0.15s ease;
}
.oldie body.sequential.sequential-active .hide {
  position: absolute;
  left: -100%;
  opacity: 0;
  -webkit-transition: left 0.5s ease, opacity 0.15s ease;
  -moz-transition: left 0.5s ease, opacity 0.15s ease;
  transition: left 0.5s ease, opacity 0.15s ease;
}
.oldie body.sequential.sequential-active .hide #accepted-ccs {
  display: none;
}
.oldie body.sequential.sequential-active #breadcrumbs {
  display: block;
  position: absolute;
  top: 0;
  left: -26px;
  width: 100%;
  background: #f2f2f2;
  overflow: auto;
  zoom: 1;
  border-bottom: 1px solid #d8d8d8;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.oldie body.sequential.sequential-active #breadcrumbs:after {
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  background: #fff;
  content: '';
}
.oldie body.sequential.sequential-active #breadcrumbs li {
  display: block;
  position: relative;
  float: left;
  /*width: 65px;*/

  width: 59px;
  list-style-type: none;
  text-align: center;
  font-size: 14px;
  color: #b8b8b8;
  font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
  font-weight: normal;
  padding: 18px 0 20px 32px;
  -webkit-transition: color 0.25s linear, background-color 0.25s linear;
  -moz-transition: color 0.25s linear, background-color 0.25s linear;
  transition: color 0.25s linear, background-color 0.25s linear;
}
.oldie body.sequential.sequential-active #breadcrumbs li hr {
  background: #fff;
  border-top: 1px solid #c9c9c9;
  position: absolute;
  left: -16px;
  top: 45%;
  width: 63px;
}
.oldie body.sequential.sequential-active #breadcrumbs li span {
  display: block;
  background: #b8b8b8;
  width: 18px;
  margin: 5px auto 0;
  color: #fff;
  padding: 4px;
  border-radius: 5em;
  text-align: center;
  font-weight: bold;
  -webkit-transition: color 0.25s linear, background-color 0.25s linear;
  -moz-transition: color 0.25s linear, background-color 0.25s linear;
  transition: color 0.25s linear, background-color 0.25s linear;
}
.oldie body.sequential.sequential-active #breadcrumbs li b {
  display: block;
  width: 100%;
  height: 2px;
  opacity: 0;
  background: #b6b6b6;
  margin: 10px auto 0;
  border-bottom: 2px solid white;
}
.oldie body.sequential.sequential-active #breadcrumbs li:first-child {
  margin-left: 55px;
  padding-left: 0;
}
.oldie body.sequential.sequential-active #breadcrumbs li.saved-payment:first-child {
  margin-left: 142px;
}
.oldie body.sequential.sequential-active #breadcrumbs li.completed,
.oldie body.sequential.sequential-active #breadcrumbs li.current {
  color: #555555;
  font-weight: bold;
  cursor: pointer;
}
.oldie body.sequential.sequential-active #breadcrumbs li.completed hr,
.oldie body.sequential.sequential-active #breadcrumbs li.current hr {
  background: #b9d982;
}
.oldie body.sequential.sequential-active #breadcrumbs li.completed span,
.oldie body.sequential.sequential-active #breadcrumbs li.current span {
  background: #81c341;
  text-shadow: 1px 1px 0 #dbdbdb;
  -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
}
.oldie body.sequential.sequential-active #breadcrumbs li.completed:hover,
.oldie body.sequential.sequential-active #breadcrumbs li.current:hover {
  color: #000;
  text-shadow: 0 0 10px #fff;
}
.oldie body.sequential.sequential-active #breadcrumbs li.completed:hover span,
.oldie body.sequential.sequential-active #breadcrumbs li.current:hover span {
  /*
								background: #88ef24;*/

  background: #5b8b2c;
  text-shadow: 1px 1px 0 #d3d3d3;
}
.oldie body.sequential.sequential-active #breadcrumbs li.completed:hover b,
.oldie body.sequential.sequential-active #breadcrumbs li.current:hover b {
  opacity: 1;
  -webkit-animation: 0.15s ease;
  -moz-animation: 0.15s ease;
  animation: 0.15s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
}
.oldie body.sequential.sequential-active #breadcrumbs li.current {
  /*background: white;
						color: @light-blue;*/

}
.oldie body.sequential.sequential-active #next {
  background: #1297c9;
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(255, 255, 255, 0.1)));
  cursor: pointer;
  outline: none;
  border: 1px solid #1190c0;
  border-radius: 4px;
  box-shadow: inset 0px 1px 1px 1px rgba(255, 255, 255, 0.2), 0px 1px 1px 1px #083f54;
  -webkit-transition: background-color 0.15s linear, box-shadow 0.15s linear;
  -moz-transition: background-color 0.15s linear, box-shadow 0.15s linear;
  transition: background-color 0.15s linear, box-shadow 0.15s linear;
  position: absolute;
  bottom: 20px;
  left: 50%;
  display: block;
  margin: 10px 0 0 -84px;
  padding: 2px 10px;
  width: 142px;
  -webkit-transition: background-color 0.15s ease-in-out, box-shadow 0.15s linear;
  -moz-transition: background-color 0.15s ease-in-out, box-shadow 0.15s linear;
  transition: background-color 0.15s ease-in-out, box-shadow 0.15s linear;
}
.oldie body.sequential.sequential-active #next:hover {
  background: #1297c9;
}
.oldie body.sequential.sequential-active #next:active {
  background: #0e749a;
  box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
}
.oldie body.sequential.sequential-active #next p {
  background: transparent url('https://secure.assets.bostatic.com/hydepark/images/donate/sa-continue-arrow.png') no-repeat 96% 50%;
  text-align: center;
  color: #fff;
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  font-weight: bold;
  font-size: 18px;
  padding: 7px 30px 7px 10px;
  text-transform: uppercase;
}
.oldie body.sequential.sequential-active #submit-button {
  position: absolute;
  bottom: 172px;
  left: 50%;
  margin: 10px 0 0 -116px;
  /*display: block;*/

  width: 190px;
  background: #89cd46;
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(255, 255, 255, 0.1)));
  cursor: pointer;
  outline: none;
  border: 1px solid #84cb3e;
  border-radius: 4px;
  box-shadow: inset 0px 1px 1px 1px rgba(255, 255, 255, 0.2), 0px 1px 1px 1px #49741f;
  -webkit-transition: background-color 0.15s linear, box-shadow 0.15s linear;
  -moz-transition: background-color 0.15s linear, box-shadow 0.15s linear;
  transition: background-color 0.15s linear, box-shadow 0.15s linear;
  padding: 10px 28px 10px 10px;
  font-weight: bold;
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition: bottom 0.25s linear;
  -moz-transition: bottom 0.25s linear;
  transition: bottom 0.25s linear;
}
.oldie body.sequential.sequential-active #submit-button:hover {
  background: #89cd46;
}
.oldie body.sequential.sequential-active #submit-button:active {
  background: #70b030;
  box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
}
.oldie body.sequential.sequential-active #submit-button span#processingform {
  background: transparent url('https://secure.assets.bostatic.com/hydepark/images/donate/20121008_ContinueButton_test.png') no-repeat 104% 49%;
  width: 16px;
  height: 16px;
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em;
  position: absolute;
  top: 15px;
  right: 20px;
}
.oldie body.sequential.sequential-active #submit-button.processingform {
  background: #89cd46;
  color: white;
}
.oldie body.sequential.sequential-active #submit-button.processingform span#processingform {
  background: transparent url('https://secure.assets.bostatic.com/hydepark/images/donate/20121008_ContinueButton_test.png') no-repeat 104% 49%;
  width: 16px;
  height: 16px;
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em;
  position: absolute;
  top: 13px;
  right: 20px;
}
.oldie body.sequential.sequential-active #submit-button.saved-payment {
  bottom: 40px;
}
.oldie body.sequential.sequential-active #employer-occupation-helper {
  margin: 146px 0 0 0;
}
.oldie body.sequential.sequential-active #creditcard-header {
  display: none;
}
.oldie body.sequential.sequential-active #amount-header {
  font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif;
  font-size: 22px;
  /*color: #707070;*/

  /* updated color to match WCAG Contrast Compliance */

  color: #575757;
  margin-top: 20px;
  margin-left: 40px;
  -webkit-transition: color 0.15s linear;
  -moz-transition: color 0.15s linear;
  transition: color 0.15s linear;
}
.oldie body.sequential.sequential-active #amount-header.error {
  color: #c41230;
}
.oldie body.sequential.error {
  /* /#form-fields */

  /* Submit */

}
.oldie body.sequential.error #donate-form-content {
  min-height: 500px;
  height: auto !important;
}
.oldie body.sequential.error #donate-form-content #donate-form {
  margin-top: 0;
}
.oldie body.sequential.error p.secure {
  top: 5px !important;
}
.oldie body.sequential.error #form-fields {
  /* Amounts */

  /* CC / Payment */

  /* Employement */

}
.oldie body.sequential.error #form-fields ul#amounts {
  width: 330px;
}
.oldie body.sequential.error #form-fields ul#amounts .amount-cont {
  width: 88px !important;
  margin-right: 20px !important;
}
.oldie body.sequential.error #form-fields ul#amounts #amount-cont-8 {
  width: 40% !important;
}
.oldie body.sequential.error #form-fields #amount-cont-1,
.oldie body.sequential.error #form-fields #amount-cont-5 {
  width: auto;
}
.oldie body.sequential.error #form-fields #creditcard-header {
  display: block;
}
.oldie body.sequential.error #form-fields #accepted-ccs {
  width: 190px;
  margin: -45px 0 0 120px;
}
.oldie body.sequential.error #form-fields #cc-type-cont {
  margin-top: 0;
}
.oldie body.sequential.error #form-fields #cc-type-cont #accepted-ccs {
  padding-bottom: 30px;
}
.oldie body.sequential.error #form-fields #cc-number-cont {
  margin: -30px auto 0px;
}
.oldie body.sequential.error #form-fields #cc-expiration-cont {
  width: 60%;
  margin: 0px auto 10px auto;
}
.oldie body.sequential.error #form-fields #cc_expir_month {
  float: left;
}
.oldie body.sequential.error #form-fields #employer-cont {
  margin-left: 18px;
}
.oldie body.sequential.error #form-fields #employer-cont,
.oldie body.sequential.error #form-fields #occupation-cont {
  width: 45%;
  float: left;
  padding: 0 10px 0 0;
  margin-top: 10px;
}
.oldie body.sequential.error #form-fields #employer-cont.error,
.oldie body.sequential.error #form-fields #occupation-cont.error {
  padding: 4px;
}
.oldie body.sequential.error #form-fields #employer-occupation-helper,
.oldie body.sequential.error #form-fields #ovf-switch {
  margin: 10px 0 0 0;
}
.oldie body.sequential.error #form-fields .form-section-header-cont.employer_related.occupation_related {
  margin-bottom: 55px;
}
.oldie body.sequential.error #form-fields #ovf-switch {
  display: none;
}
.oldie body.sequential.error #submit-button.fullform {
  position: absolute;
  bottom: 25px;
}
.oldie body.sequential.ovfSwitch.sequential-active.personalized #donate-form-content.ovfSwitch {
  height: 450px;
}
.oldie body.sequential.ovfSwitch.sequential-active.personalized #submit-button.saved-payment {
  bottom: 120px;
}
.oldie body.sequential.ovfSwitch.sequential-active.personalized.hashcloud #donate-form-content.ovfSwitch {
  height: 425px;
}
.oldie body.sequential.ovfSwitch.sequential-active.personalized.hashcloud #submit-button {
  bottom: 172px;
}
.oldie body.sequential.ovfSwitch.sequential-active.personalized.qd #form-fields #ovf-switch {
  margin-top: 115px;
}
.oldie body.sequential.ovfSwitch.sequential-active #donate-form-content.ovfSwitch {
  height: 490px;
}
.oldie body.sequential.ovfSwitch.sequential-active #form-fields #ovf-switch {
  display: block;
}
.oldie body.sequential.ovfSwitch.sequential-active #form-fields #employer-occupation-helper {
  margin: 0;
}
.oldie body.sequential.ovfSwitch.sequential-active #submit-button {
  bottom: 230px;
}
.oldie body.sequential.ovfSwitch.sequential-active #submit-button.saved-payment {
  bottom: 100px;
}
.oldie body.sequential.ovfSwitch.sequential-active.hashcloud #form-fields #ovf-switch {
  margin-top: 126px;
}
.oldie body.sequential.ovfSwitch.sequential-active.error {
  /* Submit */

}
.oldie body.sequential.ovfSwitch.sequential-active.error.hashcloud #donate-form-content.ovfSwitch,
.oldie body.sequential.ovfSwitch.sequential-active.error #donate-form-content.ovfSwitch {
  min-height: 550px;
  height: auto;
  padding-bottom: 120px;
}
.oldie body.sequential.ovfSwitch.sequential-active.error.hashcloud #submit-button.fullform,
.oldie body.sequential.ovfSwitch.sequential-active.error #submit-button.fullform {
  bottom: 120px;
}
.oldie body.sequential.ovfSwitch.sequential-active.error #form-fields #ovf-switch {
  display: block;
  position: absolute;
  margin: 0 30px;
  bottom: 15px;
}
.oldie body.sequential.ofa-gateway #donate-form-content #form-fields #recurring-cont span.ofa-recur,
.oldie body.sequential.ovf-gateway #donate-form-content #form-fields #recurring-cont span.ovf-recur {
  display: inline;
}
/* /.oldie */
.ie7 body.sequential #donate-form-content,
.ie8 body.sequential #donate-form-content,
.ie9 body.sequential #donate-form-content {
  position: relative;
}
.ie7 body.sequential #donate-form-content #form-fields #employer-occupation-helper,
.ie8 body.sequential #donate-form-content #form-fields #employer-occupation-helper,
.ie9 body.sequential #donate-form-content #form-fields #employer-occupation-helper {
  margin-top: 145px;
}
.ie7 body.sequential .compliance.qd-info.hide,
.ie8 body.sequential .compliance.qd-info.hide,
.ie9 body.sequential .compliance.qd-info.hide {
  display: none !important;
}
.ie7 body.sequential.ovfSwitch #donate-form-content #form-fields #employer-occupation-helper,
.ie8 body.sequential.ovfSwitch #donate-form-content #form-fields #employer-occupation-helper,
.ie9 body.sequential.ovfSwitch #donate-form-content #form-fields #employer-occupation-helper {
  margin-top: 0;
}
.ie7 body.sequential,
.ie8 body.sequential {
  /* ERROR */

}
.ie7 body.sequential #donate-form-content #form-fields,
.ie8 body.sequential #donate-form-content #form-fields {
  /* Amounts */

}
.ie7 body.sequential #donate-form-content #form-fields #amounts-cont ul#amounts li#amount-cont-8 input#amount-other,
.ie8 body.sequential #donate-form-content #form-fields #amounts-cont ul#amounts li#amount-cont-8 input#amount-other {
  margin-top: 2px;
  height: 25px;
  width: 93%;
}
.ie7 body.sequential span.premature,
.ie8 body.sequential span.premature {
  font-size: 15px;
}
.ie7 body.sequential #next,
.ie8 body.sequential #next {
  width: 150px !important;
}
.ie7 body.sequential.error #donate-form-content,
.ie8 body.sequential.error #donate-form-content {
  height: auto !important;
}
.ie7 body.sequential.error #donate-form-content #form-fields,
.ie8 body.sequential.error #donate-form-content #form-fields {
  /* Amounts */

  /* Personal Info Fields */

  /* CC / Payment */

}
.ie7 body.sequential.error #donate-form-content #form-fields #amounts-cont,
.ie8 body.sequential.error #donate-form-content #form-fields #amounts-cont {
  width: 400px !important;
  margin-left: 0;
}
.ie7 body.sequential.error #donate-form-content #form-fields ul#amounts,
.ie8 body.sequential.error #donate-form-content #form-fields ul#amounts {
  width: 400px;
}
.ie7 body.sequential.error #donate-form-content #form-fields ul#amounts .amount-cont,
.ie8 body.sequential.error #donate-form-content #form-fields ul#amounts .amount-cont {
  width: 90px !important;
  margin-right: 20px !important;
}
.ie7 body.sequential.error #donate-form-content #form-fields ul#amounts #amount-cont-8 input,
.ie8 body.sequential.error #donate-form-content #form-fields ul#amounts #amount-cont-8 input {
  width: 175px;
  height: 22px;
}
.ie7 body.sequential.error #donate-form-content #form-fields li.addr1_related.error,
.ie8 body.sequential.error #donate-form-content #form-fields li.addr1_related.error {
  padding-bottom: 40px !important;
}
.ie7 body.sequential.error #donate-form-content #form-fields #cc-expiration-cont.error,
.ie8 body.sequential.error #donate-form-content #form-fields #cc-expiration-cont.error {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.ie7 body.sequential.error.sequential-active.ovfSwitch #form-fields #ovf-switch,
.ie8 body.sequential.error.sequential-active.ovfSwitch #form-fields #ovf-switch {
  margin-left: 0;
}
.ie7 {
  /* /body.sequential */

}
.ie7 body.sequential {
  /* body.error */

  /* /body.error */

}
.ie7 body.sequential > .wrap {
  padding-top: 20px !important;
}
.ie7 body.sequential #action-bar {
  height: auto !important;
}
.ie7 body.sequential #banner {
  height: auto !important;
}
.ie7 body.sequential.sequential-active #donate-form-content #form-fields {
  padding-top: 80px;
}
.ie7 body.sequential.sequential-active #donate-form-content #form-fields #employer-occupation-helper {
  margin-top: 140px;
}
.ie7 body.sequential #donate-form-content #form-fields {
  /* Personal Info Fields */

  /* Amounts */

  /* CC / Payment */

}
.ie7 body.sequential #donate-form-content #form-fields #addr1-cont {
  height: 50px;
}
.ie7 body.sequential #donate-form-content #form-fields #amounts-cont {
  width: 400px !important;
}
.ie7 body.sequential #donate-form-content #form-fields #amounts-cont ul#amounts {
  width: 350px;
}
.ie7 body.sequential #donate-form-content #form-fields #amounts-cont ul#amounts #amounts-cont-2,
.ie7 body.sequential #donate-form-content #form-fields #amounts-cont ul#amounts #amounts-cont-3 {
  clear: none;
  float: left;
}
.ie7 body.sequential #donate-form-content #form-fields #cc-type-cont #accepted-ccs {
  height: 30px;
}
.ie7 body.sequential #donate-form-content #form-fields #cc-number-cont {
  margin-top: 10px;
}
.ie7 body.sequential #donate-form-content #form-fields #cc_expir_year {
  margin-top: -32px;
}
.ie7 body.sequential #donate-form-content #form-fields #employer-occupation-helper,
.ie7 body.sequential #donate-form-content #form-fields #ovf-switch {
  margin-top: 140px;
}
.ie7 body.sequential.error #donate-form-content #form-fields {
  padding-top: 0;
}
.ie7 body.sequential.error #donate-form-content #form-fields #firstname,
.ie7 body.sequential.error #donate-form-content #form-fields #lastname {
  margin-top: 20px !important;
}
.ie7 body.sequential.error #donate-form-content #form-fields ul#amounts {
  width: 400px !important;
  height: 285px !important;
}
.ie7 body.sequential.error #donate-form-content #form-fields #employer-occupation-helper,
.ie7 body.sequential.error #donate-form-content #form-fields #ovf-switch {
  margin-top: 20px;
}
.ie7 body.sequential.error #donate-form-content #form-fields #recurring-cont {
  width: 350px;
}
.ie7 body.sequential.error #donate-form-content #form-fields #ovf-switch {
  left: 0;
  margin-left: 30px;
}
.ie7 body.sequential.sequential-active.ovfSwitch #donate-form-content #form-fields #employer-occupation-helper {
  margin-top: 0;
}
.ie7 body.sequential.sequential-active.ovfSwitch.personalized #personalized-content {
  margin-bottom: 100px;
}
.ie7 body.sequential #submit-button span#processingform {
  top: 15px;
}
.ie7 body.sequential #submit-button.processingform span#processingform {
  top: 15px;
}
.ie8 {
  /* /body.sequential */

}
.ie8 body.sequential #form-fields #city-cont {
  width: 39%;
}
.ie9 {
  /* Add blue gradient for amount buttons  */

}
.ie9 body.sequential #form-fields #amounts-cont ul#amounts li.amount-cont label {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzYWZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzhlYmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
}
.ie9 body.sequential #form-fields #amounts-cont ul#amounts li.amount-cont label:hover {
  background-image: none !important;
}
.ie9 body.sequential #form-fields #amounts-cont ul#amounts li.amount-cont label.active {
  background: #81c341;
  background-image: none !important;
}
.ie9 body.sequential #form-fields #recurring-cont {
  margin-top: 0;
  padding: 0;
}
.ie9 body.sequential #form-fields .form-section-header-cont.employer_related.occupation_related {
  margin-top: 0 !important;
}
.ie9 body.sequential span.premature {
  bottom: none;
}
/*  adjust amounts js - hidden class to ensure that it stays hidden */
.hidden {
  display: none !important;
}
p.secure {
  display: none;
}
@media screen and (min-width: 768px) {
  body.sequential .content-area-bg {
    background-color: #03101e;
    background-image: url('https://secure.assets.bostatic.com/hydepark/images/donate/sa-barack-bg4.jpg');
    background-position: 50% 0%;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  body.sequential p.secure {
    position: absolute;
    top: 104px;
    right: 15px;
    z-index: 999;
    background: transparent url('https://secure.assets.bostatic.com/hydepark/images/secure-seal.png') no-repeat 50% 50%;
    height: 15px;
    width: 57px;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
  }
  body.sequential #personalized-content #donor-info {
    border-bottom: none;
  }
  body.sequential #personalized-content #donor-info #donor-name {
    font-size: 22px;
  }
  body.sequential #personalized-content #donor-info #donor-credit-card span {
    font-size: 18px;
  }
  body.sequential #personalized-content #donor-info #donor-payment-cont {
    padding-top: 22px;
    border-top: 1px solid #999;
    margin-top: 25px;
  }
  body.sequential.error #form-fields {
    /* Employment */
  
  }
  body.sequential.error #form-fields .form-section-header-cont.employer_related.occupation_related {
    margin: 0 auto 60px;
  }
  body.sequential.error #form-fields #employer-occupation-helper {
    margin: 25px 0 0 0;
  }
}
.oldie body.sequential .content-area-bg {
  background-color: #03101e;
  background-image: url('https://secure.assets.bostatic.com/hydepark/images/donate/sa-barack-bg4.jpg');
  background-position: 50% 0%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.oldie body.sequential p.secure {
  position: absolute;
  top: 104px;
  right: 15px;
  z-index: 999;
  background: transparent url('https://secure.assets.bostatic.com/hydepark/images/secure-seal.png') no-repeat 50% 50%;
  height: 15px;
  width: 57px;
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em;
}
.oldie body.sequential #personalized-content #donor-info {
  border-bottom: none;
}
.oldie body.sequential #personalized-content #donor-info #donor-name {
  font-size: 22px;
}
.oldie body.sequential #personalized-content #donor-info #donor-credit-card span {
  font-size: 18px;
}
.oldie body.sequential #personalized-content #donor-info #donor-payment-cont {
  padding-top: 22px;
  border-top: 1px solid #999;
  margin-top: 25px;
}
.oldie body.sequential.error #form-fields {
  /* Employment */

}
.oldie body.sequential.error #form-fields .form-section-header-cont.employer_related.occupation_related {
  margin: 0 auto 60px;
}
.oldie body.sequential.error #form-fields #employer-occupation-helper {
  margin: 25px 0 0 0;
}
@media screen and (min-width: 768px) {
  .content-area-bg {
    background-position: 65% 0;
  }
}
.ie7 body.sequential .content-area-bg {
  padding-bottom: 40px;
}