a {
    font-size: 1.0em;
    text-decoration: none;
    color: black;
}

input[type=submit] {
    xmargin-top: 10px;
    xmargin-bottom: 50px;
    xpadding: 5px;
    xfont-size: 1.2em;
}

span {
    xfont-weight: bold;
    xwidth: 350px;
    xdisplay: inline-block;
    xpadding-bottom: 10px;
    xpadding-top: 5px;
}

.fieldName {
    width: 400px;
    font-weight: bold;
    vertical-align: top;
}

.fieldValue {
    width: 400px;
    font-weight: normal;
    vertical-align: top;
}


.payarea {
    width:100%;
    padding-bottom: 20px;
}

.payarea h2 {
    font-size: 1em;
    color: #599cdb;
    padding: 10px;
    text-align: center;
}

.payarea p {
    font-size: .8em;
    color: #599cdb;
    padding: 0 15px;
    line-height: 1.3em;
}

.payarea ol {
    
}

.payarea li {
    font-size: .8em;
    color: #599cdb;
    list-style-type: decimal;
    padding: 10px;
    line-height: 1.3em;
    margin-left: 30px;
}

.amount_label {color: black; margin-left: -9px;}

.boldlist {color: #ffffff !important;}

.disclaimer {font-size: 12px; padding: 5px;}

.alignright {text-align: right;}
   
.email-reply {font-weight: 700; color:white;}

.pf-starr {xfloat: left; height: 100px; }
.pf-logo {height: 75px; margin: 0 auto; display: block;}

#payment_form {width: 95%;}
#payform {width: 95%;}
#paymentDetailsSection span {display: block; padding-left: 5px; font-size: 12px;}
.form-control-field {width:95%; margin-bottom: 10px; padding: 5px;background-color: #f9fbfc; color: #89929d; border-radius: 3px; font-size: 18px; border: 1px solid #ced6d8;}
.payment-heading h1 {font: 2em "lato"; text-align: center; color: #599cdb;}
.payment-heading h2 {font: 1em "lato"; text-align: center; color: #89929d;padding-bottom: 20px;}
.pay-logo {height: 80px; margin: 0 auto 20px; display: block;}
.submit-pay {font: 1.2em "lato"; display: block; margin: 10px auto; padding: 10px 20px; background-color: #599cdb; color: white; border-radius: 10px;}


::-webkit-input-placeholder { /* Chrome */
  color: #ccc;
  font-style: italic;
  font-size: 13px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
  font-style: italic;
  font-size: 13px;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
  font-style: italic;
  font-size: 13px;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #ccc;
  font-style: italic;
  font-size: 13px;
  opacity: 1;
}

@media screen and (max-width: 800px) {
  #payment_form {width: 90%; margin: 0 auto;}
  .submit-pay {font: 1.2em "lato"; display: block; margin: 10px auto; padding: 10px 20px; background-color: #599cdb; color: white; border-radius: 10px;}
}