/* ************************************************************************** */
/* TOP LEVEL */
body{
    background-color:#ffffff;
    font-family: Verdana, Arial, Helvetica;
    font-size: 9pt;
    margin: 0px auto;
}

p,
td,
th {
    font-family: Verdana, Arial, Helvetica;
    font-size: 9pt;
    color: #000000;
}

.center {
    text-align: center;
}

div.ajaxLoading {
    text-align: center;
}

/* http://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting-using-css/4407335#4407335 */
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently
                                    not supported by any browser */
}

a.noOutline {
    outline: 0;
}

.detailActionLink {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently
                                    not supported by any browser */
}

a:link, .detailActionLink {
    color:#0000DD;
    text-decoration:none;
    cursor:pointer
}
a:visited, .detailActionLink:visited {
    color:#0000DD;
    text-decoration:none;
    cursor:pointer
}
a:hover, .detailActionLink:hover {
    color:#0000DD;
    text-decoration:underline;
    cursor:pointer
}
a:active, .detailActionLink:active {
    color:#DD0000;
    text-decoration:underline;
    cursor:pointer
}

.detailActionLink.red {
    color:#DD0000;
    text-decoration:none;
    cursor:pointer
}
.detailActionLink.red:visited {
    color:#DD0000;
    text-decoration:none;
    cursor:pointer
}
.detailActionLink.red:hover {
    color:#DD0000;
    text-decoration:underline;
    cursor:pointer
}
.detailActionLink.red:active {
    color:#0000DD;
    text-decoration:underline;
    cursor:pointer
}

.detailActionLink.green {
    color:#007700;
    text-decoration:none;
    cursor:pointer
}
.detailActionLink.green:visited {
    color:#007700;
    text-decoration:none;
    cursor:pointer
}
.detailActionLink.green:hover {
    color:#007700;
    text-decoration:underline;
    cursor:pointer
}
.detailActionLink.green:active {
    color:#007700;
    text-decoration:underline;
    cursor:pointer
}

.detailActionLink_disabled {
    text-decoration:none;
    color:#999999;
}

.homeTopNoImage {
    text-align:center;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}

.homeTop {
    text-align:center;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}

.homeTopLogoImg {
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}

.helpTop {
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}

.linkText {
    cursor: pointer;
    color: #0000DD;
}

.linkText:hover {
    text-decoration: underline;
}

.heading1 {
    font-size:20pt;
    color:#444444;
    /* width:608px; */
    width:100%;
    padding-bottom:10px;
    border-bottom: 1px solid #aaaaaa;
}

.heading2 {
    font-weight:bold;
    font-size:11pt;
    color:#008000;
    margin-bottom:5px;
}

.boxHeading1 {
    color:#ffffff;
    background-color: #01628f;
    /* background-color: #013752; */
    border:1px solid #2d455c;
    padding:4px;
    width:608px;
    text-align:center;
    font-weight:bold;
}

.inputHeading {
    font-weight:bold;
}

.inputReadOnly {
    text-align:left;
}

.alignRight {
    text-align:right;
}

.hidden {
    display:none;
}

.no-wrap {
    white-space:nowrap;
}

.bold {
    font-weight: bold;
}

.red {
    color: #DD0000;
}

.green {
    color:#007700;
}

.italic {
    font-style: italic;
}

ul.resourceList {
    margin:0px;
}

div.multiselect-row {
    width: 100%;
    display: table;
}

div.multiselect-left {
    width: 38%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

div.multiselect-right {
    width: 38%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

div.multiselect-middle {
    width: 18%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

div.multiselect-button input[type='button'],
div.multiselect-button button {
    margin: 4px;
    width: 40px;
    font-size: 7pt;
    height: 30px;
}

select.multiselect-select {
    width: 100%;
}

/* ************************************************************************** */


/* ************************************************************************** */
/* BUTTONS */
.buttonTopBlue {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0076ad), color-stop(1, #004b6e) );
    background:-moz-linear-gradient( center top, #0076ad 5%, #004b6e 100% );
    background-color:#0076ad;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #292929;
    display:inline-block;
    color:#ffffff;
    font-family:Verdana;
    font-size:12px;
    font-weight:normal;
    padding:3px 10px;
    text-decoration:none;
    text-shadow:1px 1px 0px #024260;
}.buttonTopBlue:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #004b6e), color-stop(1, #0076ad) );
    background:-moz-linear-gradient( center top, #004b6e 5%, #0076ad 100% );
    background-color:#004b6e;
}.buttonTopBlue:active {
    position:relative;
    top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

.buttonTopRed {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60000), color-stop(1, #6e0000) );
    background:-moz-linear-gradient( center top, #d60000 5%, #6e0000 100% );
    background-color:#d60000;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #6e0000;
    display:inline-block;
    color:#ffffff;
    font-family:Verdana;
    font-size:12px;
    font-weight:normal;
    padding:3px 10px;
    text-decoration:none;
    text-shadow:1px 1px 0px #000000;
}.buttonTopRed:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6e0000), color-stop(1, #d60000) );
    background:-moz-linear-gradient( center top, #6e0000 5%, #d60000 100% );
    background-color:#6e0000;
}.buttonTopRed:active {
    position:relative;
    top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

.buttonTopOrange {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb7836), color-stop(1, #c84402) );
    background:-moz-linear-gradient( center top, #fb7836 5%, #c84402 100% );
    background-color:#fb7836;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #292929;
    display:inline-block;
    color:#ffffff;
    font-family:Verdana;
    font-size:12px;
    font-weight:normal;
    padding:3px 10px;
    text-decoration:none;
    text-shadow:1px 1px 0px #024260;
}.buttonTopOrange:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c84402), color-stop(1, #fb7836) );
    background:-moz-linear-gradient( center top, #c84402 5%, #fb7836 100% );
    background-color:#c84402;
}.buttonTopOrange:active {
    position:relative;
    top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

/* ************************************************************************** */



/* ************************************************************************** */
/* HIGH LEVEL NAVIGATION */
div.loginTitle {
    font-size:16px;
    font-weight:bold;
    color:#000000;
    padding:10px;
}

div.loginError {
    font-size:12px;
    font-weight:bold;
    color:#ff0000;
    padding-bottom:10px;
}
/*
div.loginOuter {
    margin-top: 60px;
}
*/
div.loginTopPadding {
    height:75px;
}

div.loginOuter {
    width:350px;
    border:1px solid #013752;
    margin-left: auto;
    margin-right: auto;
}

div.loginErrorResponse {
    width:350px;
    margin-left:auto;
    margin-right:auto;
}

/* ************************************************************************** */


/* ************************************************************************** */
/* HIGH LEVEL NAVIGATION */
table.mainTable {
    margin-top:4px;
/*    width:100%; */
}

div.mainPageOuterDiv {
    float:left;
/*    width:100%; */
    min-width: 980px;
/*    border:1px solid #2d455c; */
    margin-left: 10px;
}

div.mainPageBecomeDiv {
    background-color: #aa0000;
    color: #ffffff;
    min-height:28px;
    text-align: center;
    border: 1px solid #333333;
}

div.mainPageBecomeDivLeft {
    float:left;
    vertical-align:middle;
    margin-left:7px;
    margin-top:6px;
}

div.mainPageBecomeDivRight {
    float:right;
    vertical-align:middle;
    margin-right:5px;
    margin-top:4px;
}

.mainPageBecomeLink {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #dedede) );
    background:-moz-linear-gradient( center top, #f9f9f9 5%, #dedede 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#dedede');
    background-color:#f9f9f9;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#666666;
    font-family:arial;
    font-size:11px;
    font-weight:bold;
    padding:2px 7px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
}.mainPageBecomeLink:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dedede), color-stop(1, #f9f9f9) );
    background:-moz-linear-gradient( center top, #dedede 5%, #f9f9f9 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#f9f9f9');
    background-color:#dedede;
}.mainPageBecomeLink:active {
    position:relative;
    top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */


div.mainPageBecomeDiv a:link {color:#666666; text-decoration:none;}
div.mainPageBecomeDiv a:visited {color:#666666; text-decoration:none;}
div.mainPageBecomeDiv a:hover {color:#666666; text-decoration:none;}
div.mainPageBecomeDiv a:active {color:#666666; text-decoration:none;}

div.mainPageTopDiv {
    position:relative;
    min-height:85px;
}

div.mainPageFooterText {
    padding:7px;
    width:100%;
    color:#ffffff;
    text-align:center;
}

div.mainPageBottomDiv {
    clear:both;
    min-width:980px;
    height:28px;
    background-color: #1e1e1e;
    border-bottom-right-radius:8px;
    border-bottom-left-radius:8px;
}

div.mainTopInfo a:link {color:#ffffff; text-decoration:none;}
div.mainTopInfo a:visited {color:#ffffff; text-decoration:none;}
div.mainTopInfo a:hover {color:#ffffff; text-decoration:none;}
div.mainTopInfo a:active {color:#ffffff; text-decoration:none;}

div.mainTopInfo {
    position:relative;
    float:right;
    font-size:12px;
    color:#000000;
    padding:5px;
    text-align:right;
}

div.topLoginUsername {
    margin-right:2px;
    margin-bottom:8px;
}


div.mainTopAccountNameWrapper {
    color:#000000;
    position:absolute;
    right:7px;
    bottom:5px;
    font-size:16px;
    width:70%;
    text-align:right;
}

div.mainTopAccountName {
    display:inline-block;
}

div.mainTopAccountNameWrapper div.userAccountLocationSelect {
    display:inline-block;
    font-size:16px;
}

div.mainTopAccountNameWrapper div.userAccountLocationSelect select {
    display:inline-block;
    font-size:12px;
    margin-top:1px;
}

div.mainTopAccountNameWrapper div.userAccountLocationSelect select.changing {
    background-color: #ffff99;
}

div.mainTopAccountNameWrapper div.userAccountLocationSelect select.changing option {
    background-color: #ffffff;
}

div.mainTopAccountNameWrapper div#userAccountLocationSelectChange {
    display:inline-block;
    text-align:left;
    font-size:12px;
    width:65px;
}

div.mainTopAccountNameWrapper div#userAccountLocationSelectChange div#userAccountLocationSelectChange_none {
    display: block;
}

div.mainTopAccountNameWrapper div#userAccountLocationSelectChange div#userAccountLocationSelectChange_link {
    display: none;
}

div.mainTopAccountNameWrapper div#userAccountLocationSelectChange div#userAccountLocationSelectChange_changing {
    display: none;
    font-style: italic;
    color: #999999;
}

div.mainTopAccountNameWrapper div#userAccountLocationSelectChange div#userAccountLocationSelectChange_error {
    display: none;
    color: #DD0000;
    font-weight: bold;
}

.mainTopSuper {
    background-color: #ffffff;
    color: #dd0000;
    font-size:12px;
    font-weight:bold;
    padding: 3px 0px 4px 4px;
    border: 1px solid #FFFFFF;
}

.mainTopDemo {
/*
    float:right;
    text-align:right;
*/
    background-color: #DD0000;
    color: #000000;
    font-size:14px;
    font-weight:bold;
/*
    margin-top:5px;
*/
    padding: 2px 3px 3px 3px;
    margin-left: 4px;
    margin-bottom: 12px;
    border: 1px solid #1e1e1e;
}

div.mainHorizontalBorder {
    /* background-color:#013752; */
    height:20px;
}

div.mainPageMidWrapper {
    background-color:#013752;
/*    background-color:#01628f; */
    padding: 10px;
/*    border:1px solid #1e1e1e; */
    border-top-right-radius:8px;
    border-top-left-radius:8px;
}

td.mainPageLeftNavDiv {
    vertical-align:top;
    /* background-color:#013752; */
/*    border-right:1px solid #2d455c; */
    width:200px;
    max-width:200px;
    min-width:200px;
}

div.mainPageLeftNavDiv {
    color:#ffffff;
    padding-left:0px;
    padding-right:10px;
    padding-bottom:10px;
    margin-top:-1px;
}

td.mainpageVerticalBorderBarDiv {
    /* background-color:#013752; */
    border-left:1px solid #2d455c;
    width:10px;
    max-width:10px;
    min-width:10px;
}
/* ************************************************************************** */


/* ************************************************************************** */
/* NAV MENU */

div.leftNavButtonNoHover {
    background-color:#ffffff;
    color:#2d455c;
    border-radius:8px;
}

div.leftNavButtonHover {
    color:#ffffff;

    border-radius:8px;

    background-color: #87be2d;

    background-image: linear-gradient(bottom, rgb(95,154,27) 34%, rgb(157,208,54) 86%);
    background-image: -o-linear-gradient(bottom, rgb(95,154,27) 34%, rgb(157,208,54) 86%);
    background-image: -moz-linear-gradient(bottom, rgb(95,154,27) 34%, rgb(157,208,54) 86%);
    background-image: -webkit-linear-gradient(bottom, rgb(95,154,27) 34%, rgb(157,208,54) 86%);
    background-image: -ms-linear-gradient(bottom, rgb(95,154,27) 34%, rgb(157,208,54) 86%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.34, rgb(95,154,27)),
        color-stop(0.86, rgb(157,208,54))
    );
}

div.leftNavButtonConnect {
    color:#ffffff;

    position:absolute;
    left:190px;
    top:0px;
    width:9px;
    height:30px;

    display:none;
}

div.leftNavButtonConnectX {
    color:#ffffff;

    position:absolute;
    left:190px;
    top:0px;
    width:9px;
    height:30px;
    border-top:1px solid #2d455c;
    border-bottom:1px solid #2d455c;

    display:none;

    background-color: #87be2d;

    background-image: linear-gradient(bottom, rgb(95,154,27) 34%, rgb(157,208,54) 86%);
    background-image: -o-linear-gradient(bottom, rgb(95,154,27) 34%, rgb(157,208,54) 86%);
    background-image: -moz-linear-gradient(bottom, rgb(95,154,27) 34%, rgb(157,208,54) 86%);
    background-image: -webkit-linear-gradient(bottom, rgb(95,154,27) 34%, rgb(157,208,54) 86%);
    background-image: -ms-linear-gradient(bottom, rgb(95,154,27) 34%, rgb(157,208,54) 86%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.34, rgb(95,154,27)),
        color-stop(0.86, rgb(157,208,54))
    );
}

div.leftNavButton {
    width:100%;
    border-top:1px solid #2d455c;
    border-bottom:1px solid #2d455c;
    height:30px;
    font-size:14px;
    text-align:center;
    line-height:2.1em;
    cursor:pointer;
}

div.leftNavSpacer {
    height:10px;
}

div.leftNavButtonOuter {
    position:relative;
}

div.leftNavSubmenu {
    position:absolute;
    top:-10px;
    left:190px;
    width:200px;
    background-color:#013752;
    display:none;
    padding:10px 10px 10px 10px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}


div.leftNavSubmenuItemNoHover {
    background-color:#ffffff;
    color:#2d455c;
    border-top-right-radius:8px;
    border-bottom-right-radius:8px;

    border-radius:8px;
}

div.leftNavSubmenuItemHover {
    color:#ffffff;

    background-color: #87be2d;

    border-radius:8px;

    background-image: linear-gradient(bottom, rgb(95,154,27) 34%, rgb(157,208,54) 86%);
    background-image: -o-linear-gradient(bottom, rgb(95,154,27) 34%, rgb(157,208,54) 86%);
    background-image: -moz-linear-gradient(bottom, rgb(95,154,27) 34%, rgb(157,208,54) 86%);
    background-image: -webkit-linear-gradient(bottom, rgb(95,154,27) 34%, rgb(157,208,54) 86%);
    background-image: -ms-linear-gradient(bottom, rgb(95,154,27) 34%, rgb(157,208,54) 86%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.34, rgb(95,154,27)),
        color-stop(0.86, rgb(157,208,54))
    );
}

div.leftNavSubmenuItem {
    width:100%;
    border-top:1px solid #2d455c;
    border-bottom:1px solid #2d455c;
    height:30px;
    font-size:14px;
    text-align:center;
    line-height:2.1em;
    cursor:pointer;
}

div .navMenuBottomLogo {
    text-align:center;
    margin-top:20px;
}
/* ************************************************************************** */


/* ************************************************************************** */
/* RIGHT CONTENT DIV */
div.mainPageRightContentDiv {
    background-color:#ffffff;
    padding:0px;
    min-height:425px;
    border-radius:8px;
}

.contentContainerRoundCorners {
    border-radius:8px;
}

div.contentContainer {
    clear:both;
    vertical-align:top;
    border:1px solid #666666;
}
/* ************************************************************************** */


/* ************************************************************************** */
/* INPUTS */

input[readonly="readonly"]
{
    background-color:#dddddd;
}

table.contentFormTable td.contentFormElementValue {
    max-width:600px;
}

.contentFormTable .contentFormElementValue.readOnly {
    padding-top: 4px;
    padding-bottom: 4px;
}

.contentFormTable .contentFormElementTitle.readOnly {
    vertical-align: top;
    padding-top: 4px;
    padding-bottom: 4px;
}

.contentFormElementTitle {
    vertical-align:top;
    text-align:right;
    font-weight:bold;
    color:#444444;
}

.contentFormElementTitleError {
    color:#dd0000;
}

.contentFormElementTitleInput {
    vertical-align:middle;
}

.contentFormElementTitleInputMiddleAlign {
    vertical-align:middle;
}

.contentFormElementTitleInputTopAlign,
.contentFormTable td.contentFormElementTitleInputTopAlign {
    vertical-align:top;
    padding-top: 5px;
}

.contentFormInputRequiredIcon {
    color:#dd0000;
}

.contentFormInputError {
    border: 2px solid #dd0000;
}

.contentFormElementHeader {
    vertical-align:bottom;
    font-weight:bold;
    color:#444444;
    padding-top:4px;
    padding-bottom:4px;
/*
    margin-left:4px;
    margin-right:4px;
*/
}

.contentFormElementHeaderEdit {
    padding-left:4px;
    padding-right:4px;
}

.contentFormElementHeaderLeft {
    text-align:left;
}

.contentFormElementHeaderRight {
    text-align:right;
}

.contentFormElementHeaderCenter {
    text-align:center;
}

table.textbox-blue td {
    padding:0px;
}

.textbox-blue-left {
    float:left;
    margin:0;
    height:24px;
    width:4px;
}

.textbox-blue-right {
    float:left;
    margin:0;
    height:24px;
    width:4px;
}

.textbox-blue-outer {
    float:left;
    margin:0;
    height:24px;
}

.textbox-blue-input {
    background:none;
    border:none;
    height:24px;
    margin:0;
    padding: 0px 4px 0px 4px; */
}

.textbox-blue-note {
    color:#999999;
    font-size:12px;
    padding-left:10px;
}

input[type='checkbox'] {
    margin-top:2px;
    margin-bottom:2px;
}

.textboxNote {
    color:#666666;
    font-size:10px;
    white-space:nowrap;
    display:inline-block;
    vertical-align:top;
    margin-top:6px;
}

.textboxNote_readOnly {
    color:#666666;
    font-size:10px;
    white-space:nowrap;
    display:inline-block;
    vertical-align:top;
    margin-top:1px;
}

.inlineNote {
    color:#666666;
    font-size:10px;
    white-space:nowrap;
    display:inline-block;
    vertical-align:top;
    margin-top:1px;
}

.checkboxNote {
    color:#666666;
    font-size:10px;
    white-space:nowrap;
    display:inline-block;
    vertical-align:top;
    margin-top:2px;
}

.select-blue-input {
    background:transparent;
    border:none;
    height:34px;
    margin:0;
    padding:5px;
    font-size:6px;
}

input:focus, select:focus {
    outline: none;
}

input:read-only {
    background-color: #dddddd;
}

.toggleOptionExpanded {
    display:inline-block;
    width:11px;
    height:11px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; /* IE10+ */
    user-select: none;
    cursor:pointer;
    margin-left:2px;
}

.toggleOptionContracted {
    display:inline-block;
    width:11px;
    height:11px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor:pointer;
    margin-left:2px;
}

.transactionSourceHidden {
    display:none;
}

/* ************************************************************************** */

/* ************************************************************************** */
/* HEADERS, TITLES, ETC. */
.contentFormTable {

}

.contentFormTable td {
    padding: 2px;
}

.contentFormTable th {

}

.contentFormTable th.contentFormTableNavBar {
    color:#ffffff;
    background-color:#bfd3e5;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
}

.contentFormTableHeaderBarTop {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.contentFormTable th.contentFormTableHeaderBar {
    color:#ffffff;
    background-color:#01628f;
    padding:6px 0px 6px 0px;
    font-weight:bold;
    font-size:9pt;
    text-align:center;
}

.contentFormTable th.contentFormTableHeaderBarWarning {
    color:#ffffff;
    background-color:#dd0000;
    padding:6px 0px 6px 0px;
    font-weight:bold;
    font-size:9pt;
    text-align:center;
}

.contentFormTable th.contentFormTableHeaderTextOnly {
    color:#000000;
    font-weight:bold;
}

.contentFormTable td.centerText {
    text-align:center;
    color:#ff0000;
}

div.errorResponse {
    border:1px solid #aaaaaa;
    color:#dd0000;
    padding:10px;
    margin-bottom:10px;
    font-weight:bold;
    text-align:center;
}

div.messageResponse {
    border:1px solid #aaaaaa;
    color:#013752;
    padding:10px;
    margin-bottom:10px;
    font-weight:bold;
    text-align:center;
}

.contentFormTable .errorResponse,
.contentFormTable .messageResponse {
    margin:10px;
}

div.paymentPlanInfo {
    border:1px solid #aaaaaa;
/*    color:#666666; */
    padding:10px;
    margin-top:5px;
    margin-bottom:10px;
    margin-left:10px;
    margin-right:10px;
/*    font-weight:bold; */
    text-align:center;
}

.topNavRightSpacer {
    float:left;
    min-width:10px;
    max-width:10px;
    overflow:hidden;
}

.topNavButton {
    float:left;

    background-color:#bfd3e5;
    color:#01628f;

    font-weight:bold;
    font-size:9pt;
/*    border-bottom:0px; */
    padding:5px;
    min-width:60px;
    text-align:center;
    cursor:pointer;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently
                                    not supported by any browser */
}

.topNavButton:hover {
    background-color:#01628f;
    color: #ffffff;
}

.topNavButtonActive {
    background-color:#01628f;
    color:#ffffff;
    cursor:pointer;
}

.topNavFirstButton {
    border-top-left-radius: 6px;
}

/* ************************************************************************** */
/* DETAIL PAGES */

.detailPageContent {
    vertical-align:top;
    width: 100%;
}

.detailPageAction {
    vertical-align:top;
}

div.detailActionsWrapper {
    padding:5px;
    border:1px solid #013752;
    margin:5px;
    text-align:right;
}

div.detailActionsHeader {
    font-weight:bold;
}

/* ************************************************************************** */

/* ************************************************************************** */
/* LISTS  (714px wide)*/

table.searchResults {
    page-break-inside:auto;
}

table.searchResults tr {
    page-break-after:auto;
}

table.searchResults th,
table.searchResults td {

}

table.searchResults th.transactionList_timestamp,
table.searchResults td.transactionList_timestamp {
    width:85px;
    text-align:right;
    vertical-align:top;
    white-space:nowrap;
}

table.searchResults th.transactionList_transactionType,
table.searchResults td.transactionList_transactionType {
    width:70px;
    text-align:left;
    vertical-align:top;
}

table.searchResults th.transactionList_transactionId,
table.searchResults td.transactionList_transactionId {
    width:110px;
    text-align:left;
    vertical-align:top;
}

table.searchResults th.transactionList_name,
table.searchResults td.transactionList_name {
    width:199px;
    text-align:left;
    vertical-align:top;
}

table.searchResults th.transactionList_accountNumber,
table.searchResults td.transactionList_accountNumber,
table.searchResults th.transactionList_fullAccountNumber,
table.searchResults td.transactionList_fullAccountNumber {
    width:150px;
    text-align:left;
    vertical-align:top;
}

table.searchResults th.transactionList_amount,
table.searchResults td.transactionList_amount {
    width:100px;
    text-align:right;
    vertical-align:top;
}

table.searchResults th.transactionList_customFields,
table.searchResults td.transactionList_customFields {
    text-align:left;
    vertical-align:top;
}

table.searchResults th.customerList_name,
table.searchResults td.customerList_name {
    width:180px;
    text-align:left;
    vertical-align:top;
}

table.searchResults th.customerList_email,
table.searchResults td.customerList_email {
    width:170px;
    text-align:left;
    vertical-align:top;
}

table.searchResults th.customerList_phone,
table.searchResults td.customerList_phone {
    width:150px;
    text-align:left;
    vertical-align:top;
}

table.searchResults th.customerList_address,
table.searchResults td.customerList_address {
    width:265px;
    text-align:left;
    vertical-align:top;
}

table.searchResults th.customerList_refId,
table.searchResults td.customerList_refId {
    text-align:left;
    vertical-align:top;
}

table.searchResults th.customerList_refId_value,
table.searchResults td.customerList_refId_value {
    text-align:right;
    vertical-align:top;
}

table.searchResults th.customerList_customFields,
table.searchResults td.customerList_customFields {
    text-align:left;
    vertical-align:top;
}

table.searchResults th.paymentPlanList_planId,
table.searchResults td.paymentPlanList_planId {
    width:110px;
    text-align:left;
    vertical-align:top;
}

table.searchResults th.paymentPlanList_status,
table.searchResults td.paymentPlanList_status {
    width:90px;
    text-align:left;
    vertical-align:top;
}

table.searchResults th.paymentPlanList_nextPaymentDate,
table.searchResults td.paymentPlanList_nextPaymentDate {
    width:120px;
    text-align:left;
    vertical-align:top;
}

table.searchResults th.paymentPlanList_nextPaymentAmount,
table.searchResults td.paymentPlanList_nextPaymentAmount {
    width:120px;
    text-align:right;
    vertical-align:top;
}

table.searchResults th.paymentPlanList_amountDue,
table.searchResults td.paymentPlanList_amountDue {
    width:120px;
    text-align:right;
    vertical-align:top;
}

table.searchResults th.paymentPlanList_amountRemaining,
table.searchResults td.paymentPlanList_amountRemaining {
    width:154px;
    text-align:right;
    vertical-align:top;
}

table.searchResults th.eventList_timestamp,
table.searchResults td.eventList_timestamp {
    width:85px;
    text-align:right;
    vertical-align:top;
    white-space:nowrap;
}

table.searchResults th.eventList_username,
table.searchResults td.eventList_username {
    width:129px;
    text-align:left;
    vertical-align:top;
    white-space:nowrap;
}

table.searchResults th.eventList_description,
table.searchResults td.eventList_description {
    width:500px;
    text-align:left;
    vertical-align:top;
}

span.eventActualUsername {
    font-style:italic;
}

table.searchResults th.invoiceList_invoiceId,
table.searchResults td.invoiceList_invoiceId {
    width:110px;
    text-align:left;
    vertical-align:top;
    white-space:nowrap;
}
table.searchResults th.invoiceList_invoiceStatus,
table.searchResults td.invoiceList_invoiceStatus {
    width:110px;
    text-align:left;
    vertical-align:top;
    white-space:nowrap;
}
table.searchResults th.invoiceList_invoiceCreationDate,
table.searchResults td.invoiceList_invoiceCreationDate {
    width:120px;
    text-align:left;
    vertical-align:top;
    white-space:nowrap;
}
table.searchResults th.invoiceList_paymentDueDate,
table.searchResults td.invoiceList_paymentDueDate {
    width:120px;
    text-align:left;
    vertical-align:top;
    white-space:nowrap;
}
table.searchResults th.invoiceList_totalInvoiceAmount,
table.searchResults td.invoiceList_totalInvoiceAmount {
    width:127px;
    text-align:right;
    vertical-align:top;
    white-space:nowrap;
}
table.searchResults th.invoiceList_invoiceAmountRemaining,
table.searchResults td.invoiceList_invoiceAmountRemaining {
    width:127px;
    text-align:right;
    vertical-align:top;
    white-space:nowrap;
}

table.searchResults th.invoiceList_groupCustomer_customerName,
table.searchResults td.invoiceList_groupCustomer_customerName {
    width:180px;
    text-align:left;
    vertical-align:top;
}

table.searchResults th.invoiceList_groupCustomer_invoiceCount,
table.searchResults td.invoiceList_groupCustomer_invoiceCount {
    width:90px;
    text-align:right;
    vertical-align:top;
}

table.searchResults th.paymentRequestList_paymentRequestKey {
    width:220px;
    text-align:left;
    vertical-align:top;
    white-space:nowrap;
}
table.searchResults td.paymentRequestList_paymentRequestKey {
    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
    width:220px;
    text-align:left;
    vertical-align:top;
    white-space:nowrap;
}
table.searchResults th.paymentRequestList_paymentRequestId,
table.searchResults td.paymentRequestList_paymentRequestId {
    width:80px;
    text-align:left;
    vertical-align:top;
    white-space:nowrap;
}
table.searchResults th.paymentRequestList_paymentRequestStatus,
table.searchResults td.paymentRequestList_paymentRequestStatus {
    width:80px;
    text-align:left;
    vertical-align:top;
    white-space:nowrap;
}
table.searchResults th.paymentRequestList_createdDate,
table.searchResults td.paymentRequestList_createdDate {
    min-width:180px;
    width:180px;
    text-align:left;
    vertical-align:top;
    white-space:nowrap;
}
table.searchResults th.paymentRequestList_customerName,
table.searchResults td.paymentRequestList_customerName,
table.searchResults th.paymentRequestList_groupCustomer_customerName,
table.searchResults td.paymentRequestList_groupCustomer_customerName {
    width:166px;
    text-align:left;
    vertical-align:top;
}
table.searchResults th.paymentRequestList_transactionAmount,
table.searchResults td.paymentRequestList_transactionAmount,
table.searchResults th.paymentRequestList_paidAmount,
table.searchResults td.paymentRequestList_paidAmount {
    width:90px;
    text-align:right;
    vertical-align:top;
    white-space:nowrap;
}
table.searchResults th.paymentRequestList_groupCustomer_openPaymentRequestCount,
table.searchResults td.paymentRequestList_groupCustomer_openPaymentRequestCount,
table.searchResults th.paymentRequestList_groupCustomer_totalPaymentRequestCount,
table.searchResults td.paymentRequestList_groupCustomer_totalPaymentRequestCount,
table.searchResults th.paymentRequestList_groupCustomer_totalTransactionAmount,
table.searchResults td.paymentRequestList_groupCustomer_totalTransactionAmount,
table.searchResults td.paymentRequestList_groupCustomer_totalTransactionAmountRemaining,
table.searchResults th.paymentRequestList_groupCustomer_totalTransactionAmountRemaining {
    width:130px;
    text-align:right;
    vertical-align:top;
    white-space:nowrap;
}

span.paymentRequestKey,
div.paymentRequestKey {
    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}

table.searchResults th.headerRow {
    border-bottom: 1px solid #aaaaaa;
}

table.searchResults th.headerRow_last {
    border-bottom: 1px solid #aaaaaa;
}

table.searchResults .searchResultRowOdd {
}

table.searchResults .searchResultRowEven {
    background-color:#dddddd;
}

table.searchResults .searchResultColOdd {
}

table.searchResults .searchResultColEven {
}

table.searchResults .searchResultsColLeftLine {
    border-left:1px solid #000000;
}

table.searchResults .userListTopHeader {
    border-bottom:1px solid #000000;
    vertical-align: bottom;
}

.noSearchResults {
    text-align:center;
    font-weight:bold;
    color:#999999;
    padding-top:20px;
    padding-bottom:20px;
}

table.listPageNav {
    border-top:1px solid #aaaaaa;
    padding:2px;
    margin:5px 0px 0px 0px;
}

.listLinkInactive {
    color: #aaaaaa;
}

/* ************************************************************************** */


/* ************************************************************************** */
/* PAYMENT PLANS */

.paymentPlanActive {
    font-weight:bold;
}

.paymentPlanInactive {
    font-style:italic;
}

.paymentPlanPastDue {
    color:#DD0000;
}

.paymentPlanInProgress {
    color:#007700;
}

.paymentPlanCanceled {
    color:#777777;
}

.paymentPlanFailed {
    color:#DD0000;
}

.paymentPlanCompleted {
    color:#007700;
}



/* ************************************************************************** */


/* ************************************************************************** */
/* MISC CLASSES */

.optionalBillingInfo {
    display:none;
}

.optionalCustomerInfo {
    display:none;
}

.optionalBillingField {

}

.optionalCustomerField {

}

.paymentHideAddCustomer {
    display:none;
}

.cardSwipeDataHidden {
    display:none;
}

a.smallRedLink:link {font-size:9px; color:#DD0000; text-decoration:none;}
a.smallRedLink:visited {font-size:9px; color:#DD0000; text-decoration:none;}
a.smallRedLink:hover {font-size:9px; color:#DD0000; text-decoration:underline;}
a.smallRedLink:active {font-size:9px; color:#DD0000; text-decoration:none;}

div.deleteRedXSm_OLD {
    width: 15px;
    height: 16px;
    cursor: pointer;
}

div.deleteRedXSm {
    width: 15px;
    height: 15px;
    cursor: pointer;
}

div.deleteRedXSmHover {
    width: 15px;
    height: 15px;
    cursor: pointer;
}

/* http://stackoverflow.com/questions/7018324/how-do-i-stop-highlighting-of-a-div-element-when-double-clicking-on */
.unselectable {
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}

/* ************************************************************************** */


/* ************************************************************************** */
/* Settings Pages */

div.accountSettingsOuter {
    padding:20px;
    width:702px;
    max-width:702px;
}

div.featureListOuter {
    padding:20px;
    width:702px;
    max-width:702px;
}

div.userListOuter {
    padding:20px;
}

table.userSettingsMatrix {

}

/* ************************************************************************** */


/* ************************************************************************** */
/* Report Pages */

div.reportPageContainer {
    padding:0px;
}

/* ************************************************************************** */


/* ************************************************************************** */
/* Field Formatting */
.transaction_transactionType_Credit {
    font-weight:bold;
    color:#DD0000;
}

.transaction_transactionType_None {
    font-weight:bold;
    color:#777777;
}

.transaction_transactionType_Debit {
    font-weight:bold;
    color:#007700;
}

.transaction_transactionStatus_Pending {
    font-weight:bold;
    color:#777777;
}

.transaction_transactionStatus_ChargeBackPending {
    font-weight:bold;
    color:#777777;
}

.transaction_transactionStatus_Success {
    font-weight:bold;
    color:#007700;
}

.transaction_transactionStatus_Captured {
    font-weight:bold;
    color:#007700;
}

.transaction_transactionStatus_Refunded {
    font-weight:bold;
    color:#777777;
}

.transaction_transactionStatus_Failure {
    font-weight:bold;
    color:#DD0000;
}

.transaction_transactionStatus_Approved {
    font-weight:bold;
    color:#000000;
}

.transaction_transactionStatus_Rejected {
    font-weight:bold;
    color:#DD0000;
}

.transaction_transactionStatus_bulkMixedStatus {
    font-weight:bold;
    color:#DD5500;
}

.finNegative {
    color:#DD0000;
}

.finNeutral {
    color:#777777;
}

.finPositive {
    color:#000000;
}

.invoice_invoiceStatus_Default {
    font-weight:bold;
}

.invoice_invoiceStatus_Draft {
    font-weight:bold;
    color:#777777;
}

.invoice_invoiceStatus_Unpaid {
    font-weight:bold;
    color:#000000;
}

.invoice_invoiceStatus_PastDue {
    font-weight:bold;
    color:#DD0000;
}

.invoice_invoiceStatus_Paid {
    font-weight:bold;
    color:#007700;
}

.invoice_invoiceStatus_Closed {
    font-weight:bold;
    color:#000000;
}

#invoiceLineTable .invoice-column-td {
    vertical-align:top;
}

#invoiceLineTable .invoice-column-td.lineDescription {
    max-width:300px;
}

.paymentRequest_paymentRequestStatus_default {
    font-weight:bold;
}

.paymentRequest_paymentRequestStatus_open {
    color:#000000;
}

.paymentRequest_paymentRequestStatus_canceled {
    color:#777777;
}

.paymentRequest_paymentRequestStatus_completed {
    color:#007700;
}

.paymentRequest_paymentRequestStatus_expired {
    color:#DD0000;
}


/* ************************************************************************** */


/* ************************************************************************** */
/* Account Management */

div.accountList_paginationWrapper {
    margin-top: 10px;
    position: relative;
    width: 100%;
    display: inline-block;
    display: -moz-inline-box;
    *display: inline; /* For IE7 */
}

div.accountList_pagination_left {
    display: inline-block;
    display: -moz-inline-box;
    *display: inline; /* For IE7 */
    width: 32%;
}

div.accountList_pagination_middle {
    display: inline-block;
    display: -moz-inline-box;
    text-align: center;
    *display: inline; /* For IE7 */
    width: 34%;
}

div.accountList_pagination_right {
    display: inline-block;
    display: -moz-inline-box;
    *display: inline; /* For IE7 */
    width: 32%;
    text-align: right;
}

div.accountListSearchSection {
    margin-left:10px;
    margin-top:10px;
    margin-bottom:10px;
}

div#accountListResults {
    margin-left:10px;
    margin-bottom:10px;
}

.accountListLineOuter {
    clear:both;
    width:100%;
    padding:2px;
}

.accountListExpand,
.searchResultsExpand {
    float:left;
    width:22px;
}

.searchResultsExpand {
    display: none;
}

.accountListLine {
    clear:both;
    width:100%;
    text-align:left;
    padding:2px;
}

.accountListLineAccountType {
    font-size:9px;
    color:#888888;
}

div.accountListLine a:hover,
div.accountListLine .linkText
{
    text-decoration:none;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently
                                    not supported by any browser */
}

div.accountListLine .accountType_SuperAgent {color:#FF9D00;}
div.accountListLine .accountType_Agent      {color:#006633;}
div.accountListLine .accountType_Merchant   {color:#0000CC;}
div.accountListLine .accountType_Demo       {color:#CC0000;}

/* ************************************************************************** */

/* ************************************************************************** */
/* Invoice Web Portal */
div.invoicePortalTopPadding {
    height:75px;
}

div.invoicePortalOuter {
    width:450px;
    border:1px solid #013752;
    margin-left: auto;
    margin-right: auto;
}

div.invoiceMessageResponse {
    width:450px;
    margin-left:auto;
    margin-right:auto;
}

div.invoiceErrorResponse {
    width:450px;
    margin-left:auto;
    margin-right:auto;
}
/* ************************************************************************** */


/* ************************************************************************** */
/* Docs */

body.docsBody {
    background-color: #cccccc;
}

body.docsBody .mainPageTopDiv {
    margin: 10px;
}

body.docsBody .docsApiResource {

}

.apiExampleType {
    float:left;
    background-color:#cccccc;
    padding:4px;
    margin:4px;
    border-radius:4px;
    border:1px solid #aaaaaa;
    width:60px;
    text-align:center;
    cursor:pointer;
}

.apiExampleHover {
    background-color:#333333;
    color:#ffffff;
}

.apiExampleTypeSelected {
    background-color:#0000dd;
    color:#ffffff;
}

.apiExampleTypeSelected.apiExampleHover {
    background-color:#0000ff;
    color:#ffffff;
}

.docsParameterName {
    font: 12px Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}

.docsApiExampleOuter {
    width:886px;
}

.docsParamTable table,
.docsApiParamTable table {
/*    border:1px solid #666666; */
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}

.docsParamTable table th,
.docsApiParamTable table th {
    font-weight: bold;
    background-color: #cccccc;
    border: 1px solid #666666;
    padding: 4px;
    text-align: left;
}

.docsParamTable table th.topLeftSpacer,
.docsApiParamTable table th.topLeftSpacer {
    background-color: #ffffff;
    border-top: 0px;
    border-left: 0px;
}

.docsParamTable table td,
.docsApiParamTable table td {
    border: 1px solid #666666;
    padding: 4px;
}

.transParamRequireCellLeft {
    width: 28%;
}

.transParamRequireCell {
    width: 12%;
}

.backgroundHighlight {
    background-color: #ffff77;
}

.backgroundBlack {
    background-color: #666666;
    color: #ffffff;
}

.docsParamTableTitle,
.docsApiParamTableTitle {
    margin-top:20px;
    font-weight:bold;
}

td.docsParamCell,
td.docsApiParamCell {
    vertical-align: top;
}

td.docsParamCell_parameter,
td.docsApiParamCell_parameter {
    font: 12px Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}

td.docsParamCell_description,
th.docsParamCell_description,
td.docsApiParamCell_description,
th.docsApiParamCell_description {
    overflow: hidden;
    word-wrap: break-word;
    width: 500px;
}

td.docsParamCell_required,
th.docsParamCell_required,
td.docsApiParamCell_required,
th.docsApiParamCell_required {
    overflow: hidden;
    word-wrap: break-word;
    width: 71px;
}

td.docsParamCell_max,
th.docsParamCell_max,
td.docsApiParamCell_max,
th.docsApiParamCell_max {
    overflow: hidden;
    word-wrap: break-word;
    width: 76px;
}

td.docsParamCell_code,
th.docsParamCell_code,
td.docsApiParamCell_code,
th.docsApiParamCell_code {
    overflow: hidden;
    word-wrap: break-word;
    width: 50px;
}

body.docsBody .docsSectionContentEnd,
body.docsBody .docsApiResourceMethodEnd {
    margin-top: 5px;
}

body.docsBody .docsSectionContentBody,
body.docsBody .docsApiResourceMethodBody {
    margin-left: 20px;
    margin-right: 20px;
}

body.docsBody .docsParamTable,
body.docsBody .docsApiParamTable {

}

body.docsBody .mainPageBottomDiv {
    max-width: 980px;
    min-width: 500px;
    margin-left:auto;
    margin-right:auto;
    border-left: 1px solid #1e1e1e;
    border-right: 1px solid #1e1e1e;
    margin-bottom:10px;
    border-radius:0px;
}

div.docsMainOuter {
    max-width: 980px;
    min-width: 500px;
    background-color: #ffffff;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    border-top: 1px solid #1e1e1e;
    border-right: 1px solid #1e1e1e;
    border-left: 1px solid #1e1e1e;
/*
    border-top-right-radius:8px;
    border-top-left-radius:8px;
*/
}

div.docsTopNavSection {
    background-color: #01628f;
    padding: 16px;
    color: #ffffff;
}

div.docsTopNavSection a:link,
div.docsTopNavSection a:visited {
    color:#ffffff;
    text-decoration: none;
    cursor:pointer
}

div.docsTopNavSection a:hover,
div.docsTopNavSection a:active {
    color:#9dd036;
    text-decoration: underline;
    cursor:pointer
}

div.docsMainSection {
    padding:14px 20px 20px 20px;
/*    border:1px solid #666666; */
/*    background-color: #dddddd; */
    font-size: 11pt;
}


.docsHeadingReturnLink {
    font-size: 11pt;
}

p.docsText {
    margin-top:8px;
    font-size: 11pt;
}

.docsHeading1 {
    font-size:20pt;
    color:#444444;
    /* width:608px; */
    width:100%;
    padding-bottom:10px;
    border-bottom: 1px solid #aaaaaa;
}

.docsHeading2 {
    font-size:16pt;
    color:#444444;
    margin-top:20px;
    margin-bottom:5px;
    padding-top:10px;
    border-top: 1px solid #aaaaaa;
}

.docsHeading3 {
    font-size:12pt;
    color:#444444;
    margin-top:20px;
    margin-bottom:5px;
}

/* ************************************************************************** */


/* ************************************************************************** */
/* Code */

pre {
    margin:0px;
}

code,
.code {
  font-size: 12px;
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  background-color: #eeeeee;
/*  padding: 0px 3px; */
  padding-left: 3px;
  padding-right: 3px;
  display: inline-block;
/*  margin: 4px; */
}

pre code {
  border: 1px solid #cacaca;
  line-height: 1.2em;
  font: 12px Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  padding: 3px;
  overflow:auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #eeeeee;
  color: #333333;
  margin: 4px;
  white-space: pre;
  word-wrap: normal;
  width: 100%;
}

code.codeHeading {
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    margin-left: 4px;
    padding: 3px;
}

textarea.code {
    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}

/* ************************************************************************** */


/* ************************************************************************** */
/* Text Messaging */

div.textMessageMsg {
    margin-top:10px;
}

div.textMessageFrom {
    width:100%;
    font-weight:bold;
}

div.textMessageFrom.messageSend {
    text-align:left;
}

div.textMessageFrom.messageReceive {
    text-align:left;
}

.textMessageFromNumber {
    font-size:9px;
}

.textMessageStatus {
    font-weight:bold;
    margin-bottom:10px;
}

.textMessageStatus_1, .textMessageStatus_2, .textMessageStatus_6, .textMessageStatus_7 {
    color:#006600;
}

.textMessageStatus_4, .textMessageStatus_9 {
    color:#DD0000;
}

div.textMessage {
    padding:10px;
    margin:0px 0px 5px 0px;
    color:#000;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    max-width: 440px;
}

div.textMessage.messageSend {
    background:#aaaaaa; /* default background for browsers without gradient support */
    /* css3 */
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#bfd3e5), to(#9fb3e5));
    background:-moz-linear-gradient(#bfd3e5, #9fb3e5);
    background:-o-linear-gradient(#bfd3e5, #9fb3e5);
    background:linear-gradient(#bfd3e5, #9fb3e5);

    color:#000000;
}

div.textMessage.messageReceive {
    background:#f3961c; /* default background for browsers without gradient support */
    /* css3 */
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
    background:-moz-linear-gradient(#f9d835, #f3961c);
    background:-o-linear-gradient(#f9d835, #f3961c);
    background:linear-gradient(#f9d835, #f3961c);

    color:#000000;
}

div.textMessage.messageSend.messageType_Billing {
    background:#bbbbbb; /* default background for browsers without gradient support */
    /* css3 */
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#dddddd), to(#bbbbbb));
    background:-moz-linear-gradient(#dddddd, #bbbbbb);
    background:-o-linear-gradient(#dddddd, #bbbbbb);
    background:linear-gradient(#dddddd, #bbbbbb);

    color:#000000;
}

div.textMessage.messageReceive.messageType_Billing {
    background:#fe5930; /* default background for browsers without gradient support */
    /* css3 */
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#ff9c2f), to(#fe5930));
    background:-moz-linear-gradient(#ff9c2f, #fe5930);
    background:-o-linear-gradient(#ff9c2f, #fe5930);
    background:linear-gradient(#ff9c2f, #fe5930);

    color:#000000;
}

/* ************************************************************************** */


/* ************************************************************************** */
/* Autocomplete */

.autocompleteItem {
    font-size:8pt;
    padding:2px;
}

.autocompleteItem .autocompleteName {
    font-weight:bold;
}

div.customerSearchBoxSpacer {
    min-height:40px;
}

/* ************************************************************************** */


/* ************************************************************************** */
/* Custom Account Fields */

div.customAccountFieldDisplayWrapper,
div.processingMapElementWrapper,
div.deviceLineDetailWrapper {
    border: 1px solid #999999;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    clear: both;
    overflow: hidden;
}

div.customAccountFieldDisplayWrapper div.customAccountFieldDisplayLine,
div.processingMapElementWrapper div.processingMapElement,
div.deviceLineDetailWrapper div.deviceLineElement {
    margin-top: 4px;
    clear:both;
    overflow: hidden;
    vertical-align: middle;
}

div.customAccountFieldDisplayWrapper div.displayOrder,
div.processingMapElementWrapper div.displayOrder,
div.deviceLineDetailWrapper div.deviceIdentifier {
    display: inline-block;
    background-color: #ffcc77;
    border: 1px solid #aaaaaa;
    padding: 3px;
}

div.customAccountFieldDisplayWrapper.active {
    background-color: #cccccc;
}

div.customAccountFieldDisplayWrapper.inactive {
    background-color: #666666;
}

div.customAccountFieldDisplayWrapper div.inactiveField,
div.processingMapElementWrapper div.inactiveField {
    background-color: #000000;
}

div.customAccountFieldDisplayWrapper div.fieldName,
div.processingMapElementWrapper div.elementName,
div.deviceLineDetailWrapper div.elementName {
    display: inline-block;
    font-weight: bold;
}

div.customAccountFieldDisplayWrapper div.field {
    display: inline-block;
    margin-left: 4px;
}

div.customAccountFieldDisplayWrapper div.fieldTemplate,
div.processingMapElementWrapper div.elementKey {
    font: 12px Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
    display: inline-block;
}

div.customAccountFieldDisplayWrapper div.displayFilters {
    display: inline-block;
}

div.customAccountFieldDisplayWrapper div.storageFilters {
    display: inline-block;
}

div.customAccountFieldDisplayWrapper div.fieldEdit,
div.processingMapElementWrapper div.elementEdit,
div.deviceLineDetailWrapper div.elementEdit {
    float:right;
    padding-left: 8px;
}

div.customAccountFieldDisplayWrapper div.fieldTag,
div.processingMapElementWrapper div.elementTag,
div.deviceLineDetailWrapper div.elementTag {
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    margin-left: 2px;
    padding: 2px;
    font-size:10px;
    border: 1px solid #aaaaaa;
}

div.customAccountFieldDisplayWrapper div.fieldUnique {
    background-color:#ff0000;
}

div.customAccountFieldDisplayWrapper div.fieldHidden {
    background-color:#800080;
}

div.customAccountFieldDisplayWrapper div.fieldSearchable {
    background-color:#006600;
}

div.customAccountFieldDisplayWrapper div.fieldAlwaysListResult {
    background-color:#7700ff;
}

div.customAccountFieldDisplayWrapper div.fieldCustomerFacing {
    background-color:#ff7700;
}

div.customAccountFieldDisplayWrapper div.fieldCustomerEditable {
    background-color:#0033ff;
}


div.customAccountFieldDisplayWrapper div.listOfValues {
    display: inline-block;
    margin-left: 4px;
}

div.customAccountFieldDisplayWrapper div.dataType {
    display: inline-block;
    font-weight: bold;
    background-color: #00aaff;
    border: 1px solid #aaaaaa;
    padding: 3px;
}

/* ************************************************************************** */


/* ************************************************************************** */
/* Processing Map */

.processingMap.heading1 {
    border-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 4px;
    padding-bottom: 0px;
}

div.processingMapElementWrapper .elementTag.newLine {
    margin-left: 0px;
}

div.processingMapElementWrapper.processingRoute.processingRouteChild {
    font-size: 0.75em;
    padding-bottom:1px;
    margin-left:40px;
    margin-top:2px;
}

div.processingMapElementWrapper.processingLocation div.displayOrder,
div.processingMapElementWrapper.processingRoute div.displayOrder {
    min-width:30px;
    text-align:center;
}

div.processingMapElementWrapper.processingRoute.processingRouteChild div.displayOrder {
    padding:1px;
}

div.processingMapElementWrapper.processingRoute.processingRouteChild code {
    font-size: 0.8em;
}

div.processingMapElementWrapper.processingRoute.processingRouteChild .elementTag {
    font-size: 0.9em;
    padding: 1px;
}

div.processingMapElementWrapper.processingRoute.processingRouteChild .code.processingRouteMidInfo {
    font-size: 1.2em;
}

div.processingMapElementWrapper.processingRoute.processingRouteChild .processingMapElement {
    margin-top: 1px;
}

div.processingMapElementWrapper.processingLocation.active {
    background-color: #82BAF2;
}

div.processingMapElementWrapper.processingLocation.active.noUserLocation {
    background-color: #F2B482;
}

div.processingMapElementWrapper.processingLocation.inactive {
    background-color: #666666;
    display: None;
}

div.processingMapElementWrapper.processingRoute.active {
    background-color: #8BF279;
}

div.processingMapElementWrapper.processingRoute.active.physical {
    background-color: #4BBC37;
}

div.processingMapElementWrapper.processingRoute.inactive {
    background-color: #666666;
    display: None;
}

div.processingMapElementWrapper.processingRoute.active.highlight,
div.processingMapElementWrapper.processingRoute.inactive.highlight {
    background-color: #EFFB9D;
}

div.processingMapElementWrapper {
    margin-top: 4px;
}

div.processingMapAddNewLink {
    text-align:center;
    margin:10px;
}

div.processingMapIncludeInactiveLink {
    text-align: center;
    display: none;
}

div.processingMapElementWrapper div.elementTag.gatewayTag {
    background-color:#FF0000;
}

div.processingMapElementWrapper div.elementTag.gatewayTag.gateway_1 {
    background-color:#DA00DD;
}

div.processingMapElementWrapper div.elementTag.gatewayTag.gateway_2 {
    background-color:#DD8800;
}

div.processingMapElementWrapper div.elementTag.gatewayTag.gateway_3 {
    background-color:#0000DD;
}

div.processingMapElementWrapper div.elementTag.gatewayTag.gateway_4 {
    background-color:#47BDE6;
}

div.processingMapElementWrapper div.elementTag.gatewayTag.gateway_5 {
    background-color:#3300FF;
}

div.processingMapElementWrapper div.elementTag.gatewayTag.gateway_101 {
    background-color:#008EBD;
}

div.processingMapElementWrapper div.elementTag.gatewayTag.gateway_102 {
    background-color:#000077;
}

div.processingMapElementWrapper div.elementTag.gatewayTag.gateway_103 {
    background-color:#330066;
}

div.processingMapElementWrapper div.elementTag.gatewayTag.gateway_666 {
    background-color:#008800;
}

div.processingMapElementWrapper div.elementTag.gatewayTag.gateway_667 {
    background-color:#444444;
}

div.processingMapElementWrapper .code.processingRouteMidInfo {
    background-color:#993300;
    color: #ffffff;
}

div.processingMapElementWrapper div.elementTag.bankAccountName {
    background-color:#aaaaaa;
    color: #000000;
}

div.processingMapElementWrapper div.elementTag.isCustomerFacing {
    background-color:#DD0000;
}

input.locationKey[type="text"],
input.routeKey[type="text"] {
    font-size: 12px;
    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}

/* ************************************************************************** */


/* ************************************************************************** */
/* File Fields */

div.fileListX {
    display: inline-block;
    vertical-align: top;
}

div.fileListItem {
    display: inline-block;
    margin-left: 4px;
}

div.fileListSeparator {
    clear: both;
    margin-bottom: 8px;
}

div.fileListItem div.fileDisplayName {
    font-weight: bold;
}

div.fileListItem div.filename {
    font-size: 9px;
    color: #666666;
}

div.fileListItem div.fileTag {
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    margin-left: 2px;
    padding-left: 2px;
    padding-right: 2px;
    font-size:10px;
}

div.fileListItem div.fileTag_Public {
    background-color: #01628f;
}

/* ************************************************************************** */

/* ************************************************************************** */
/* Text Message Whitelist Fields */

div.textWhitelistListX {
    display: inline-block;
    vertical-align: top;
}

div.textWhitelistListItem {
    display: inline-block;
    margin-left: 4px;
    max-width: 90%;
}

div.textWhitelistListItem div.textWhitelistPhoneNumber {
    font-weight: bold;
}

div.textWhitelistListItem div.textWhitelistDescription {
    color: #666666;
}

div.textWhitelistListSeparator {
    clear: both;
    margin-bottom: 8px;
}

div.textWhitelistListItem div.fileTag_Public {
    background-color: #01628f;
}

/* ************************************************************************** */

/* ************************************************************************** */
/* messages */
.msg {
    border-radius: 6px;
    text-align: center;
    visibility: hidden;
}
.statusMsg {
    background: #eee;
    color: #666;
}
.errorMsg {
    background: red;
    color: #fff;
}

/* ************************************************************************** */

/* ************************************************************************** */
/* Preferences */

.preferencesContainer {
    text-align: center;
    width: 100%;
}
.preferencesRow {
    display: block;
    width: 180px;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
}
.preferencesRow div,
.preferencesRow input {
    white-space: nowrap;
    float: right;
}
.preferencesRow input[type="checkbox"] {
    margin-left: 10px;
}
.preferencesRow input[type="submit"] {
    margin-top: 10px;
}
.preferencesRow.hidden {
    display: none;
}

/* ************************************************************************** */

/* ************************************************************************** */
/* EMV */

.emvShowWhileProcessing {
    display: block;
}

.emvHideWhileProcessing {
    display: none;
}

/* ************************************************************************** */

/* ************************************************************************** */
/* Device Management */

.deviceManagement.heading1 {
    border-bottom: 0px;
    margin-bottom: 4px;
    margin-top: 4px;
    padding-bottom: 0px;
}

div.deviceLineDetailWrapper {
    background-color: #82BAF2;
    border: 1px solid #999999;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    clear: both;
    overflow: hidden;
    margin-bottom: 2px;
}

div.deviceLineDetailWrapper div.elementTag.locationName {
    background-color:#555555;
}

/* ************************************************************************** */

/* ************************************************************************** */
/* Utils */

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/* ************************************************************************** */

/* ************************************************************************** */
/* Payment Form Lists */

div.paymentFormListRow {
    margin: 4px;
}

div.paymentFormListRow pre {
    padding: 4px;
    background-color: #cccccc;
}

/* ************************************************************************** */


/* ************************************************************************** */
/* H-ILZ */

div.hilz_balanceMessageLastRunInfo {
    text-align: center;
    font-style: italic;
}

/* ************************************************************************** */

.telecheckEndorsement {
    width: 50px;
    height: 32px;
}