@charset 'UTF-8';
/*************************
* FONTS
*************************/
@font-face {
    font-family: 'commemedium';
    src: url('/fonts/comme-medium-webfont.eot');
    src: url('/fonts/comme-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/comme-medium-webfont.woff') format('woff'),
         url('/fonts/comme-medium-webfont.ttf') format('truetype'),
         url('/fonts/comme-medium-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'commereg';
    src: url('/fonts/comme-regular_1-webfont.eot');
    src: url('/fonts/comme-regular_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/comme-regular_1-webfont.woff') format('woff'),
         url('/fonts/comme-regular_1-webfont.ttf') format('truetype'),
         url('/fonts/comme-regular_1-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'commelight';
    src: url('/fonts/comme-light-webfont.eot');
    src: url('/fonts/comme-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/comme-light-webfont.woff') format('woff'),
         url('/fonts/comme-light-webfont.ttf') format('truetype'),
         url('/fonts/comme-light-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'commethin';
    src: url('/fonts/comme-thin-webfont.eot');
    src: url('/fonts/comme-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/comme-thin-webfont.woff') format('woff'),
         url('/fonts/comme-thin-webfont.ttf') format('truetype'),
         url('/fonts/comme-thin-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

.mainContent {
    margin: 70px auto 20px;
}

.payInvoicePage {
    height: 100% !important;
}

/* ***** BEGIN Styles for Make A Payment - Sections ***** */
.mp_stepOn {
    padding: 7px 5px 5px 5px;
    background-color: #009FE6;
    height: 30px;
    behavior: url('/PIE.htc');
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

#nextButton,
#previousButton,
#homeButton  {
    z-index       : 99;
    position      : relative;
    min-width     : 120px;
    height        : 35px;
    padding-left  : 5px;
    padding-right : 5px;
    padding-top   : 5px;
    border        : 0 none;
}

.button {
    border: 0 none;
}

.mp_stepOff {
    padding: 5px 5px;
    background-color: #FAFAFA;
    height: 30px;
    behavior: url('/PIE.htc');
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.ballOn {
    behavior              : url('/PIE.htc');
    -webkit-border-radius : 5px;
    -moz-border-radius    : 5px;
    -o-border-radius      : 5px;
    -ms-border-radius     : 5px;
    border-radius         : 5px;
    width                 : 16px;
    height                : 16px;
    line-height           : 13px;
    background-color      : #FFF;
    color                 : #009FE6;
    font-weight           : bold;
    float                 : left;
    text-align            : center;
    margin-left           : 5px;
}

.ballOff {
    behavior              : url('/PIE.htc');
    -webkit-border-radius : 5px;
    -moz-border-radius    : 5px;
    -o-border-radius      : 5px;
    -ms-border-radius     : 5px;
    border-radius         : 5px;
    width                 : 16px;
    height                : 19px;
    background-color      : #009FE6;
    color                 : #FFF;
    font-weight           : bold;
    float                 : left;
    text-align            : center;
    margin-left           : 5px;
}
/* *****  END  Styles for Make A Payment - Sections ***** */

/* ***** BEGIN Text Styles ***** */
.bold {
    font-weight: bold;
}

.blue {
    color: #009FE6;
}
.blue2 {
    color: #2886BF;
}

.white {
    color: #FFF;
}

.invoiceBoxLabel {
    color: #000000;
    font-weight: normal;
    font-size: 12px;
    padding-left: 10px;
}

.largerLabel {
    font-size: 16px !important;
}

/* *****  END  Text Styles ***** */


.line {
    border-top: 1px solid gray !important; /* @ToDo - borderline color!!! */
}

/* ********** ##BEGIN## ExtJs Class Overrides ********** */
/* Override for User Padding placed on <ul> & <ol> elements for header.php */
.x-boundlist-list-ct ul {
    padding: 0 0 0 0;
}

.x-panel-header-text {
    font-size: 12pt;
}
/* ********** ###END### ExtJs Class Overrides ********** */


.disabledButton {
    visibility: hidden;
}

.cancel {
    cursor: pointer;
}

.tooltipLink {
    cursor: pointer;
    text-decoration: underline;
}
.tooltipLink:hover {
    text-decoration: none;
}

#creditRecurringCheckbox-bodyEl, #bankRecurringCheckbox-bodyEl {
    height: 85px;
}

.x-form-cb-label-after {
    color: #000000;
}

.x-form-display-field-enhancement {
    max-height: 100px;
    overflow-x: hidden;
    overflow-y: auto;
}

.x-form-display-field-default {
    margin : 0px;
}

.x-panel#pInfoForm, .x-panel-default#pInfoForm, .x-panel-body#pInfoForm-body {
    min-height : 120px;
}

#nameLabelForm {
    padding : 0 15px;
}

#nameFieldForm {
    padding : 15px 15px 0 15px;
}

h3 {
    font-family: 'commemedium', verdana, sans-serif;
    line-height: 20px;
    margin-bottom: 10px;
    text-decoration: underline;
}

#step3VerifyText-inputEl, #step4ConfirmationNumber-inputEl {
    font-size: 14px;
    font-family: 'commemedium', verdana, sans-serif;
}

#step2InvoiceLbl-inputEl, #step3InvoiceLbl-inputEl, #step4ConfirmationNumberLbl-inputEl {
    line-height: 20px;
}

#step2InvoiceNum-inputEl, #step3InvoiceNum-inputEl {
    font-family: 'commemedium', verdana, sans-serif;
    font-size: 14px;
}

#billFullNameLabel-inputEl, #billPhoneLabel-inputEl {
    text-align: right;
    padding: 0px 5px 10px 0;
}

#dobHintLabel-inputEl {
    padding : 0 0 0 10px;
}

#billMi-inputEl {
    padding : 0px;
}

#confirmPay {
    font-size : 14px;
}