/*reset-begin_ThanksToEricMeyer*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}/*remember to define focus styles!*/:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}/*tables still need 'cellspacing="0"' in the markup*/table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}/*reset-end*/

#header {
  position:relative;
  margin:0 auto;
/*  padding:1em 2em 2em;*/
  overflow:hidden
}

html, body { height: 100%; }

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -20px; /* the bottom margin is the negative value of the footer's height */
}
#footer, #push {
	height: 20px; /* .push must be the same height as .footer */
}

#content {max-width:960px;margin:0 auto;padding: 1em 0; overflow:hidden;}

/*TODO: clean these statements up a bit (section-specific styles)*/
h1,h2,h3,h4 {color:#000;font-weight:bold;line-height:1.5;}

h1 { font-size:2.4em; }
h2 { font-size:2em; }

p { font-size:1.2em;line-height:1.5; }
a { color:#0b7d1e;font-weight:bold;text-decoration:none; }
a:hover {text-decoration:underline;}

#downloadLink {text-align:center;}
#footer {clear:both;text-align:center;width:920px;margin:0 auto;}

ol {list-style-type:decimal;}
li {font-size:1.2em;line-height:1.5;margin:0.75em;}

label {font-size:1.4em;line-height:1.75;font-weight:bold;}
.inputFields {
    border: 1px solid #CCC;
    font-size: 2.2em;
    padding: 0.5em;
    margin-bottom: 0.5em;
    border-radius: 5px;
    -moz-border-radius: 5px;
	width: 220px;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0 1px 0 #B1B1B2, 0 1px 0 #fff;
       -moz-box-shadow: inset 0 1px 0 #B1B1B2, 0 1px 0 #fff;
            box-shadow: inset 0 1px 0 #B1B1B2, 0 1px 0 #fff;
}

form li { padding-bottom:0.25em;margin:0.25em 0;font-size:1em;position:relative; }

/* ==========================================================================
  Icons
========================================================================== */
.arrow-left {
  display: inline-block;
  background-image: url(/static/images/icons/arrow-left.png);
  background-size: 16px 11px;
  width: 16px;
  height: 11px;
}
.lt-ie9 .arrow-left {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/static/images/icons/arrow-left.png', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/static/images/icons/arrow-left.png', sizingMethod='scale')";
}
.arrow-right {
  display: inline-block;
  background-image: url(/static/images/icons/arrow-right.png);
  background-size: 16px 11px;
  width: 16px;
  height: 11px;
}
.lt-ie9 .arrow-right {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/static/images/icons/arrow-right.png', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/static/images/icons/arrow-right.png', sizingMethod='scale')";
}

.button a { display:block;background:url("/static/images/btn_dl_normal_lightbrown.png") 0 -162px no-repeat #00a93d;padding-left:1.5em;text-decoration:none; width:162px;}
.button a strong { display:block;background:url("/static/images/btn_dl_normal_lightbrown.png") 100% -162px no-repeat transparent;padding-right:1em;font-size:1.5em;line-height:3;color:#fff;}
.button a:hover { background-position:0 -54px;text-decoration:none; }
.button a:hover strong { background-position:100% -54px; }
.button a:active { background-position:0 -270px; }
.button a:active strong { background-position:100% -270px;color:#eee; }

/* ==========================================================================
  Button
========================================================================== */
.btn {
  display: inline-block;
  padding: 10px 32px 12px;
  text-align: center;
  font-weight: 600;
  text-decoration: none;
  outline: 0;
  background: #90C564;
  color: #3A3E3E;
  border: 2px solid #90C564;
  color: #fff;
  min-width: 200px;
  font-size: 16px;
  border-radius: 5px;
  font-family: "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-style: normal;
  font-weight: 700;
}
.btn:hover, .btn:focus {
  background: #7BAA55;
  border-color: #7BAA55;
  color: #fff;
}
.btn.btn--secondary {
  font-size: 14px;
  padding: 8px 28px;
  min-width: 130px;
}
.btn.btn--blue {
  background: #0080FF;
  border-color: #0080FF;
  color: #fff;
}
.btn.btn--blue:hover, .btn.btn--blue:focus {
  background: #0066cc;
  border-color: #0066cc;
}

/* ==========================================================================
  Callout
========================================================================== */
.callout {
  position: fixed;
  right: 0;
  top: 40%;
  z-index: 100;
  width: 320px;
  line-height: 1.5;
  font-size: 13px;
  background: #1a4065 url(/static/images/bkgd/callout.png) no-repeat center center;
  background-size: cover;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
          transition: transform 0.25s ease-in-out;
  color: #fff;
  border-radius: 4px 0 0 4px;
}
.callout.show {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.callout.sneaky-hide {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
@media (max-width: 1190px) {
  .callout { width: 300px; }
}
@media (max-width: 990px) {
  .callout { display: none; }
}

.lt-ie9 .callout { right: -100%; background-image: none; }
.lt-ie9 .callout.show { right: 0; }
.lt-ie9 .callout.sneaky-hide { right: -290px; }

.callout-inner {
  padding: 20px 40px 20px 20px;
  position: relative;
  z-index: 100;
}
.callout-inner img { padding: 0 0 15px; }
.callout-inner h3 {
  font-size: 18px;
  margin: 0;
  padding: 0 0 15px;
  font-weight: 400;
  color: #fff;
}
.callout-inner p {
  padding: 0 0 20px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-style: normal;
  font-weight: 400;
}

.lt-ie9 .sneaky-hide .callout-inner img, .lt-ie9 .sneaky-hide .callout-inner p, .lt-ie9 .sneaky-hide .callout-inner a {
  visibility: hidden;
}

.callout-hide {
  position: absolute;
  top: 8px;
  right: 16px;
  width: 11px;
  z-index: 101;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
          transition: transform 0.2s ease-in-out;
}
.callout-hide:hover, .callout-hide:focus {
  -webkit-transform: translateX(3px);
      -ms-transform: translateX(3px);
          transform: translateX(3px);
}

.callout-recall {
  background: #1a4065 url(/static/images/bkgd/callout.png) no-repeat center center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 40px;
  text-align: center;
  padding: 8px 0 12px;
  cursor: pointer;
  opacity: 0;
  z-index: 99;
  border-radius: 4px 0 0 4px;
  -webkit-transition: opacity 0.15s ease-in-out, -webkit-transform 0.25s ease-in-out;
          transition: opacity 0.15s ease-in-out, transform 0.25s ease-in-out;
}
.callout-recall i { position: absolute; top: 15px; left: 7px; }
.sneaky-hide .callout-recall {
  -webkit-transform: translateX(-30px);
      -ms-transform: translateX(-30px);
          transform: translateX(-30px);
  opacity: 1;
}
.sneaky-hide .callout-recall:hover, .sneaky-hide .callout-recall:focus {
  -webkit-transform: translateX(-35px);
      -ms-transform: translateX(-35px);
          transform: translateX(-35px);
}
.callout-recall img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.lt-ie9 .callout-recall { display: none; background-image: none; }
.lt-ie9 .sneaky-hide .callout-recall { display: block; z-index: 200; }

#content #sendSecondary { width:100%;border-top:5px solid #d7d1c9;border-color:rgba(0,0,0,0.05);padding-top:2%;margin-top:2em; }

#log-in form { width: 30em; }
#log-in form label { float:left;text-align:right;width:8em; padding: 3px 5px 0 0; }
#log-in form input#stay_signed_in { margin-top: 0.8em; float: right; }
#log-in.private form .hiddenLoginForm { display: none; }
#log-in.private form .progressBarContainer { background-color: #d7d1c9; border-color: #b0b0a0; }
#log-in.private div#error_msg { display:none;margin: 10px 0;font-size:12px;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#log-in.private div#error_msg_header { clear:both;padding:0.65em 1em;font-weight:bold;background:#fdd7d7;border:2px solid #f45454;border-bottom:1px solid #f45454;border-top-left-radius:7px;border-top-right-radius:7px;-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;-webkit-border-top-left-radius:7px;-webkit-border-top-right-radius:7px;}
#log-in.private div#error_msg_body { padding:7px 1em;background-color: #fdf4f4;border:2px solid #f45454;border-top:none;border-bottom-left-radius:7px;border-bottom-right-radius:7px;-moz-border-radius-bottomleft:7px;-moz-border-radius-bottomright:7px;-webkit-border-bottom-left-radius:7px;-webkit-border-bottom-right-radius:7px;}

#pleaseWaitGatheringEntropy, .hiddenLoginForm { margin-bottom: 1em; }
#pleaseWaitGatheringEntropy { width: 220px; }
#log-in.private #frontpage_headline { margin: 1.0em 0; }

input#submit { height: 49px; width: 240px; }

#moveMouseInstructions { margin-bottom: 3em; }

#privacy img { max-width: 100%; }
#privacy { max-width:920px;margin:0 auto;padding:1em 2em 2em;overflow:hidden; }
#privacy h1 { font-size: 3em; padding-bottom: .5em; }
#privacy h2 { font-style: italic; padding-bottom: .3em; }
#privacy p { font-size: 1.25em; padding-bottom: .7em; }
#privacy ol { margin-left: 2em; }
#privacy ul { margin-left: .5em; }

#loginForm { height: 240px; }
#loginForm button {
    height: 48px;
    width: 240px;
    display: inline-block;
    font-size: 2.2em;
}

/* Easy Clearing Method */
.group { display:block; }
.group:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.group { display:inline-block; }
* html .group { height:1%; }

#stay_signed_in_list_item { height: 40px; }