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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  background:transparent;
  border:0;
  font-family:Helvetica, Arial, sans-serif;
  font-size:100%;
  margin:0;
  outline:0;
  padding:0;
}
html, body {
  height: 100%; /* fix height to 100% for IE */
  max-height: 100%; /* fix height for other browsers */
  padding: 0; /*remove padding */
  margin: 0; /* remove margins */
  border: 0; /* remove borders */
  overflow: auto;
  background-color: black;
  width: 100%;
}
body {
  /* font-size sets the scale of #content */
  font-size: 14px;
  min-width: 800px;
  min-height: 600px;
}
h2 {
  color: #f3ce52;
  font-size: 1.125em; /* 18px */
  font-weight: normal;
  position: absolute;
  padding-bottom: 1.389em;
  z-index: 20;
}
h3 {
  color: #fff;
  font-size: 1.25em; /* 20px */
  font-weight: normal;
  padding-bottom: .75em;
}
input, button {
  margin: .312em 0 .625em 0;
}
input {
  width: 13.75em;
}
input.text {
  height: 1.333em;
  width: 14.666em;
  padding: .333em;
  font-size: .938em; /* 15px */
  border: none;
  background: #fff url(http://jonathanpoland.com/images/input-field-bg.jpg) repeat-x bottom left;
}
input.image {
  font-size: 1em;
}
input.checkbox {
  width: auto;
}
label, p {
  color: #a9a9a9;
  font-size: .938em; /* 15px */
}
label {
  text-transform: lowercase;
}
.clear {
  clear: both;
}
#container {
  display: block;
  overflow: auto;
  position: relative;
  z-index: 3;
  overflow: hidden;
  height: 100%;
  margin: 0 auto -31px; /* pixel margin for fixed height footer */
  width: 100%;
}
#container sup {
  font-size: 70%;
}

/* pixel height as we don't want header to scale */
#header {
  position: absolute;
  top: 25px;
  right: 1200px;
  background: url() no-repeat top left;
  width: 153px;
  height: 125px;
  text-indent: -3000px;
  z-index: 10;
}
#container>#header {
  background: url() no-repeat top left;
  height: 125px;
  width: 150px;
}
#content {
  position: absolute;
  top: 50%;
  left: 50%;

  /* dependant on knowing the dimensions of the box ... could tweak with js */
  width: 37.5em;
  height: 23.438em;
  padding: 1.875em 4.375em 4.375em 4.375em;
  margin-left: -23.125em;
  margin-top: -15.8em;
  z-index: 9;
}
#content .background {
  background: #000 url(http://jonathanpoland.com/images/login_gradient.png) repeat-x top left;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.92;
  filter: alpha(opacity=92);
  width: 46.25em;
  height: 29.875em;
  z-index: 0;
}
#content>.background {
  width: 100%;
}
/* Drop Shadow Nonsense */
#top_bg, #right_bg, #bottom_bg, #left_bg, #topleft_bg, #topright_bg, #bottomleft_bg, #bottomright_bg {
  display: none;
}
#content #top_bg, #content #right_bg, #content #bottom_bg, #content #left_bg, #content>#topleft_bg, #content>#topright_bg, #content>#bottomleft_bg, #content>#bottomright_bg {
  display: block;
  position: absolute;
}
#content>#top_bg, #content>#bottom_bg {
  height: 1.125em;
  left: 0;
  width: 46.25em;
}
#content>#top_bg {
  top: -1.125em;
}
#content>#bottom_bg {
  bottom: -1.312em;
}
#content>#topleft_bg, #content>#topright_bg, #content>#bottomleft_bg, #content>#bottomright_bg {
  height: 1.125em;
  width: 1.25em;
}
#content>#topleft_bg {
  left: -1.25em;
  top: -1.125em;
}
#content>#topright_bg {
  top: -1.125em;
  right: -1.25em;
  *right: -1.35em;
}
#content>#bottomleft_bg {
  bottom: -1.312em;
  left: -1.25em;
  *bottom: -1.35em;
}
#content>#bottomright_bg {
  bottom: -1.312em;
  right: -1.25em;
  *bottom: -1.35em;
  *right: -1.35em;
}
#content>#left_bg, #content>#right_bg {
  height: 29.875em;
  top: 0;
  width: 1.25em;
}
#content>#left_bg {
  left: -1.25em;
}
#content>#right_bg {
  right: -1.25em;
}
#content #login_container, #content #membership {
  background: #1a1a1a url(http://jonathanpoland.com/images/login_signin_gradient.png) repeat-x top left;
  border: solid .063em #404040;
  height: 17.688em;
  padding: 1.875em 1.25em 1.25em 1.25em;
  position: absolute;
  top: 0em;
  width: 14.375em;
  z-index: 10;
}
#content #login_container h3 {
  padding-bottom: .37em;
}
#content #login_container .login_error {
  padding-bottom: .70em;
}
#content #login_container .login_error a {
  font-size: 1em;
  color: white;
}
#content #login_container #learn_more_content {
  display: none;
}
#learn_more_content h3 {
  font-size: 1em;
}
#learn_more_content p {
  font-size: .8em;
  line-height: 1.3em;
  padding-bottom: 0.3em;
}
#learn_more_content p.gilt_seal {
  padding-right: 4.214em;
  position: relative;
}
#learn_more_content p.gilt_seal img {
  height: 4.214em;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.214em;
}
#content .container>#login_container, #content .container>#membership {
  height: auto;
  min-height: 17.688em;
}
#form_container .container {
  width: 100%;
  height: 21em;
  left: 0;
  top: 2.625em;
  position: relative;
  background: url(http://jonathanpoland.com/images/divider.gif) repeat-y center top;
  z-index: 6;
}
#form_container a {
  color: #f3ce52;
}
#login_container a {
  color: #f3ce52;
}
#login_form a {
  font-size: .95em;
}
#login_container a#back_to_login, #membership a#back_to_non_member {
  font-size: .6em;
  display: block;
  position: absolute;
  top: .5em;
  right: .5em;
  margin: 0;
}
#login_container p {
  margin-bottom: .625em;
}
p.subtext {
  font-size: .687em;
}
p.subtext a {
  font-size: 1em;
  color: #fff;
  text-decoration: none;
}
p.subtext a:hover{
  text-decoration: underline;
}
#login_container label#remember_me_label {
  padding-left: .8em;
}
form #errors, form .error label, form label.errors, .error, .login_error {
  color: #e71a9a;
}
form .error input, form input.errors {
  padding: .2em;
  border: .133em solid #e71a9a;
}
.error #password {
  margin-bottom: 0.366em;
}
#flash_message {
  display: none;
}
span.error, .login_error {
  font-size: 0.812em;
  font-style: italic;
}
span.error {
  display: block;
  margin: -0.4em 0 0.6em;
}
#login_form span.error {
  display: none;
}
#sign_in {
  margin-top: .95em;
  margin-bottom: 0;
}
#password {
  margin-bottom: .666em;
}
.options {
  margin-bottom: .385em;
}
.options label, .options input {
  float: left;
  margin: 0;
  text-transform: none;
  width: auto;
}
.options label {
  font-size: 0.752em;
  padding: .33em 0 0 .43em;
}
#content #membership {
  left: 20.438em;
}
#content #membership #request_form {
  display: none;
}
#membership a:link, #membership a:visited  {
  color: #f3ce52;
  margin-top: .938em;
}
#membership a#learn_more, #membership a#request_membership_link, #membership a#register_link {
  display: block;
}
#membership a#request_membership_link {
  color: black;
}
#membership #discount_message {
  font-size: .8em;
  margin-top: 2em;
}
#membership a#support_email:link, #membership a#support_email:visited  {
  display: inline;
}
#membership p {
  line-height: 125%;
  margin-bottom: .714em;
  padding-right: 0.7em;
}
#membership_request_errors, #errors {
  color: #e71a9a;
  font-size: .687em;
  display: none;
  margin-bottom: .9em;
}
#background {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#background img {
  position: absolute;
  top: 0em;
  left: 0em;
  z-index: -1;
}
#background.horizontal img {
  width: 100%;
}
#background.vertical img {
  height: 100%;
  left: 50%; /* counteract this with negative left margin in javascript */
}
#forgot_password_form .bottom {
  padding-top: 8.15em;
}
#membership #request_form .bottom {
  padding-top: 10.15em;
}
#request_form h3 {
  padding-bottom: 0.37em;
}

/* Amex Zync pages */
#content .amex {
  background: #000 url(http://jonathanpoland.com/images/login_gradient.png) repeat-x top left;
}
#amex_container {
  padding: 20px 50px;
}
#amex_container h2 {
  font-size: 130%;
  position: relative;
  padding-bottom: 1em;
  color: white;
}
#amex_container h2 sup {
  font-size: 50%;
}
#amex_container p {
  font-weight: bold;
  padding-bottom: 2em;
}
#amex_container h3 {
  padding: 0;
  font-size: 100%;
}
#amex_container .code_entry {
  width: 12em;
  float: left;
  padding-right: 3em;
  background: url(http://jonathanpoland.com/images/divider.gif) repeat-y right top;
}
#amex_container .code_entry input {
  width: 90%;
}
#amex_container .code_entry p {
  font-size: 70%;
  padding: 0;
}
#amex_container .member_type {
  float: right;
  padding: 1em 0 0 2em;
  width: 13em;
}
#amex_container .member_type p {
  margin-bottom: 1.2em;
  padding: 0;
  font-size: 80%;
}
#amex_container .member_type input {
  float: left;
  width: auto;
  margin-right: 0.7em;
  margin-top: -0.3em;
}
#amex_container button {
  display: block;
  margin-left: 7.8em;
  padding: 2em;
  clear: both;
}

/*Footer - use pixel dimensions as the footer doesn't scale */
#footer {
  position: relative;
  background: #000 url(http://jonathanpoland.com/login_footer_gradient.png) repeat-x top left;
  border-top: solid 1px #313232;
  color: #a9a9a9;
  font-size: 10px;
  width: 100%;
  z-index: 5;
}
#footer, #push {
  height: 30px;
}
#footer a:link, #footer a:visited {
  color: #a9a9a9;
  display: block;
  float: left;
  padding: 10px 0 0 15px;
  text-decoration: none;
  text-transform: uppercase;
}
#footer a:hover {
  text-decoration: underline;
}
#footer #copyright {
  float: right;
  padding: 10px 15px 0 0;
}

/* Image Buttons */
button.jpo_button_container {
  font-size: 100%;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer; cursor: hand;
}
a.jpo_button_container {
  color: black;
  text-decoration: none;
}
a.jpo_button_container img {
  border: none;
}
.jpo_button {
  float: left;
  height: 2.188em;
  margin: 0;
  position: relative;
  width: 10em;
}
.jpo_button div, .jpo_button div img, .jpo_button .text {
  height: 100%;
}
.jpo_button div {
  overflow: hidden;
}
.jpo_button .left {
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
}
.jpo_button .right {
  position: absolute;
  top: 0;
  left: 80%;
  width: 20%;
}
.jpo_button .right img {
  position: absolute;
  right: 0;
}
.jpo_button .text {
  color: #0f0500;
  display: block;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  left: 0;
  line-height: 2.4em;
  position: absolute;
  text-align: center;
  top: 0;
  width: 99%;
}