@font-face {
    font-family: 'Univers for Fiserv 55 Regular';
    src: url('../fonts/UniversForFiserv55.otf');
}

:root {
    --process-black: #000000;
    --fiserv-orange: #FF6600;
    --fiserv-graphite-gray: #666666;
    --fiserv-blue: #2E8BC9;
    --fiserv-charcoal-gray: #333333;
    --red: #ff0000;
}

* {
    font-family: 'Univers for Fiserv 55 Regular', Arial;
    color: var(--fiserv-graphite-gray);
    margin: 0;
    padding: 0;
}

sup {
    color: inherit
}

.red {
    color: var(--red);
}

/*Width*/
.w100 {
    width: 100%;
}

.w300 {
    width: 300px;
}

/*Float*/
.fLeft {
    float: left;
}

.fRight {
    float: right;
}

/* Margins */
/* Top */
.mt3 {
    margin-top: 3px;
}

.mt5 {
    margin-top: 5px;
}

.mt15 {
    margin-top: 15px;
}

.mt50 {
    margin-top: 50px;
}

/* Bottom */
.mb5 {
    margin-bottom: 5px;
}

.mb20 {
    margin-bottom: 20px;
}

/*Left*/
.ml350 {
    margin-left: 350px;
}

/*All*/
.m20 {
    margin: 20px;
}

/*Other*/
.contentContainerMargin {
    margin: 30px 0 0 35px;
}

/*Margins for various text containers*/
.textContainerMargin_10l {
    margin: 20px 10px 0 10px;
}

.textContainerMargin_20l {
    margin: 20px 10px 0 20px;
}

.textContainerMargin_35l {
    margin: 20px 10px 0 35px;
}

.complianceContainer {
    margin: 20px 35px;
}

.margin10L10T {
    margin: 10px 0 0 10px;
}

/* Paddings */
/* Top */
.pt10 {
    padding-top: 10px;
}

/*Bottom*/
.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb34 {
    padding-bottom: 34px;
}

.pb47 {
    padding-bottom: 47px;
}

/*Right*/
.pr10 {
    padding-right: 10px;
}
/*All*/
.p20 {
    padding: 20px;
}

/* Border */
.border0 {
    border: 0px
}

/* Text Align */
.taRight {
    text-align: right;
}

.taCenter {
    text-align: center;
}
/* ------------------------------------------------------------------- */
/* Global Heading, List, Italics And Anchor Styles */

.InfoBox {
    background-color: #ffa;
    text-align: center;
    border: solid 1px var(--fiserv-charcoal-gray);
    padding: 4px;
    width: 88%;
}

p.visionplus-logo {
    font-family: 'Univers for Fiserv 55 Regular', Arial;
    font-size: 20px;
    color: var(--fiserv-orange);
}

.leftAlign {
    text-align: left;
}
/* Finish - Added for pasword resets  */

b, strong {
    color: var(--process-black);
}

ol {
    padding: 5px 0 0 10px;
}

tr, td {
    vertical-align: top;
}

h1 {
    font-size: 28px;
    color: var(--process-black);
    margin: 0 0 7px 0;
    font-weight: bolder;
}

    h1.alert {
        color: var(--red);
        font-weight: bold;
    }

    h1.nonhome {
        color: var(--process-black);
        padding-left: 15px;
        padding-top: 5px;
        font-weight: bold;
    }

    h1.downloads {
        color: var(--process-black);
        padding-left: 15px;
        padding-top: 10px;
        font-weight: bold;
        line-height: 25px;
    }

    h1.tokenerror {
        font-size: 14px;
        color: var(--red);
        padding-left: 15px;
        padding-top: 5px;
        font-weight: normal;
        line-height: 17px;
    }

h2 {
    font-size: 18px;
    color: var(--fiserv-blue);
    margin: 0 0 2px 0;
}

    h2.nonhome {
        color: var(--process-black);
        padding-right: 15px;
        text-align: right;
    }

    h2.tokenerror {
        color: var(--process-black);
        padding-left: 15px;
    }

    h2.datered {
        color: var(--red);
    }

    h2.bluebar {
        color: #ffffff;
        padding-left: 2px;
        padding-top: 3px;
    }

i {
    color: inherit;
}

    i.tokenerror {
        color: var(--process-black);
        margin: 0 0 2px 0;
    }

ul {
    padding: 10px 0 0 0;
}

    ul li {
        list-style-type: none;
        background-image: url(../images/li_bullet.gif);
        background-repeat: no-repeat;
        padding: 0 0 3px 8px;
        background-position: 0 5px
    }

li {
    margin-left: 13px;
}

a {
    display: block;
    text-decoration: none;
    color: var(--fiserv-charcoal-gray);
    font-weight: bold;
}

    a:hover {
        text-decoration: underline;
    }

        a:hover i {
            text-decoration: underline;
        }

    a.none:hover {
        text-decoration: none;
    }

    a img {
        border: 0;
    }

.inline {
    display: inline;
}

a i {
    text-decoration: none;
    color: var(--fiserv-blue);
}

div.pagetop i {
    font-size: 15px;
    color: var(--fiserv-charcoal-gray);
}

/* End Global Heading, List, Italics And Anchor Styles */

/* Main Layout Styles */

#contentareamain {
    padding: 10px 0 50px 0;
}

#contentarea {
    float: left;
    width: 554px;
    padding: 15px 0 50px 0;
}

#lnav {
    width: 149px;
    position: static;
    float: left;
    margin: 0 49px 0 0;
}

#container_main {
    width: 75%;
    min-width: 850px;
    background-image: none;
    background-repeat: repeat-y;
    margin-left: auto;
    margin-right: auto
}

/* End Main Layout Styles */

/* Top Nav Styles */
#topnav {
    color: #ccc;
    margin-bottom: 11px;
    clear: both;
    border-bottom: 1px solid #ccc;
    box-shadow: 1px 2px 2px #ccc;
    position: relative;
    background-color: #fff;
}

#userinfo {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 15px;
    font-size: small;
}

    #userinfo li {
        list-style-image: none;
        background-image: none;
    }

#topnav {
    height: 120px;
}

#hp #topnav {
    margin-bottom: 0;
}

#topnav a.logo {
    position: absolute;
    bottom: 17px;
    left: 20px;
    z-index: 10;
}

#topnav #mainnav {
    position: relative;
    white-space: nowrap;
    padding: 88px 0 20px 230px;
}

#topnav b {
    padding: 0 5px;
    color: #999;
    font-size: 9px;
}

#topnav a {
    display: inline;
}

    #topnav a img {
        height: 50px;
    }

#topnav #mainnav a {
    font-weight: bold;
}

    #topnav #mainnav a.active {
        font-weight: bolder;
    }

    #topnav #mainnav a:hover {
        text-decoration: underline;
    }

#topnav a:hover {
    text-decoration: none;
}

#mainnav span {
    font-size: 10px;
    color: var(--fiserv-blue);
    margin: 0 8px 0 8px;
}

.clear_ {
    overflow: hidden;
}

    .clear_:after {
        content: '.';
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
/* End Top Nav Styles */

/* --- Added BHS ------- */

#topnav #rightnav {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 11;
    min-width: 300px;
}

    #topnav #rightnav a {
        color: var(--fiserv-charcoal-gray);
        z-index: 11;
    }

        #topnav #rightnav a.active {
            font-weight: bold;
            z-index: 11;
        }

        #topnav #rightnav a:hover {
            text-decoration: underline;
            z-index: 11;
        }

            #topnav #rightnav a:hover i {
                text-decoration: underline;
                z-index: 11;
            }

/* --- End Added BHS ---- */

/* Lnav Styles */
#lnav a {
    display: block;
    font-size: 11px;
    line-height: 20px;
    padding: 2px 0px;
    border-top: 1px #d6d6d6 solid;
    font-weight: bolder;
}

    #lnav a i, a i {
        color: var(--fiserv-charcoal-gray);
    }

/* End Lnav Styles */

/* Content Area Styles */

#contentarea h1.pagetop, #contentarea h1.pagetop i {
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    color: var(--fiserv-charcoal-gray);
    margin-bottom: 12px;
}

    #contentareamain h1.pagetop, #contentarea h1.pagetop i {
        font-size: 12px;
        font-weight: bold;
        line-height: 15px;
        color: var(--fiserv-charcoal-gray);
        margin-bottom: 12px;
        padding-left: 10px;
        padding-top: 10px;
    }

#contentarea p.pagetop,
#contentarea div.pagetop {
    font-size: 15px;
    line-height: 20px;
    color: var(--fiserv-charcoal-gray);
    margin-bottom: 20px;
    width: 359px;
}

    #contentarea div.pagetop h1 {
        font-size: 15px;
        line-height: 20px;
        color: var(--fiserv-charcoal-gray);
        font-weight: bold;
        margin-bottom: 0;
    }

/* End Content Area Styles */

/* Link Styles */

a.arrow {
    background-image: url(../images/link_level2.gif);
    background-repeat: no-repeat;
    color: var(--fiserv-charcoal-gray);
    padding-left: 14px;
    background-position: 1px 8px
}

a.email {
    background-image: url(../images/icons/email.gif);
    background-repeat: no-repeat;
    margin-top: 3px;
    padding-left: 16px;
    background-position: 0 2px
}
/* End Link Styles */

/* Footer Styles */

#footer_homepage {
    width: 750px;
    padding-bottom: 60px;
    position: relative;
    background-color: #fff;
    padding-top: 20px;
    clear: both;
}

    #footer_homepage td {
        width: 730px;
        font-size: 11px;
        line-height: 15px;
        color: #999;
    }

    #footer_homepage a {
        display: inline;
        color: #999;
    }

        #footer_homepage a:hover {
            color: var(--fiserv-charcoal-gray);
        }
/* End Footer Styles */

/* Form Styles */

input[type="submit"], input[type="button"] {
    padding: 5px 15px;
    border: none;
    background: var(--fiserv-orange);
    color: white;
    min-width: 100px;
    height: 35px;
    transition-duration: .2s;
}

    input[type="submit"]:hover, input[type="button"]:hover {
        box-shadow: 0px 1px 2px #666;
    }

    input[type="button"]:disabled {
        background: #dddddd;
        box-shadow: none;
        color: black;
        cursor: not-allowed;
    }

table.addNew {
	border: solid 1px var(--fiserv-charcoal-gray);
}
/*End Form Styles*/

/*Homepage Styles */
a.leader_teaser {
    display: block;
    font-size: 9px;
    background-image: url(../images/45_leader_spotlight_roll.gif);
    background-repeat: no-repeat;
    background-position: top left;
    text-indent: -5000px;
    width: 45px;
    height: 43px;
    margin: 15px 10px 20px 15px;
    float: left;
}

    a.leader_teaser:hover {
        background-position: top right;
    }

a.worldwide_teaser {
    display: block;
    font-size: 9px;
    background-image: url(../images/45_worldwide_roll.gif);
    background-repeat: no-repeat;
    background-position: top left;
    text-indent: -5000px;
    width: 45px;
    height: 43px;
    margin: 15px 10px 20px 15px;
    float: left;
}

    a.worldwide_teaser:hover {
        background-position: top right;
    }

#homepage_leftcol {
    float: left;
    width: 58%;
    margin-right: 10px;
    clear: both;
}

#nonhomepage_leftcol {
    float: left;
    width: 58%;
    margin-right: 10px;
}

#errorpage_leftcol {
    float: left;
    width: 748px;
    border: 1px solid #d4d4d4;
    margin-right: 10px;
}

#nonhomepage_rightcol {
    float: right;
    width: 40%;
    background-color: #eee;
    margin-right: 5px;
}

#rics_hp {
    float: right;
    width: 40%;
}

#callback_holder a {
    background-image: url(../images/connect_icon_hp.gif);
    background-repeat: no-repeat;
    background-position: top left;
    width: 183px;
    height: 41px;
    text-indent: -5000px;
}

    #callback_holder a:hover {
        background-position: top right;
    }

#callback_holder {
    margin: 15px 0 10px 15px;
    width: 183px;
    height: 41px;
    background-image: url(../images/connect_icon_hp.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

.rics_teaser {
    float: left;
    width: 100%;
    border: 1px solid #d4d4d4;
    border-top: none;
}

    .rics_teaser:last-of-type {
        height: 245px;
    }

/*End Homepage Styles */

/* Callback modules */
a.bigcallback {
    font-size: 18px;
    line-height: 20px;
}

    a.bigcallback i {
        font-size: 18px;
        line-height: 20px;
    }

p.cb_width, img.cb_margin, img.dp_margin {
    margin: 0 0 15px 15px;
}

p.cb_width_btm {
    margin: 0 0 0 15px;
}

/* Download page modules */

#download_keycol {
    background-color: #eee;
    padding-top: 20px;
}

#downloadpage_rightcol {
    float: right;
    min-width: 300px;
    width: 33.3335%
}

#downloadpage_leftcol {
    float: left;
    width: 60%;
    margin-right: 10px;
    clear: both;
    display: inline;
}

    #downloadpage_leftcol em {
        color: var(--red);
    }

    #downloadpage_leftcol a {
        font-weight: bold;
        display: inline;
        text-decoration: none;
        color: var(--fiserv-charcoal-gray);
        line-height: 1.5;
    }

        #downloadpage_leftcol a:hover {
            text-decoration: underline;
        }

p.bigdownmcol {
    margin: 0 0 0px 0px;
    text-align: right;
}

p.bigdownmcolao {
    margin: 0 0 0px 0px;
    text-align: center;
}

p.bigdownrcol {
    font-size: 18px;
    color: var(--process-black);
    line-height: 20px;
    margin: 0 0 15px 15px;
    text-align: center;
}

p.bigdownappcol {
    font-size: 15px;
    color: var(--fiserv-orange);
    line-height: 20px;
    margin: 0 0 5px 0px;
    text-align: center;
}

p.bigdownappcolao {
    font-size: 1.6em;
    color: var(--fiserv-orange);
    line-height: 1.5;
    margin: 0 0 0px 0px;
    text-align: center;
    padding: 5px;
    text-decoration: underline;
    font-weight: bold;
}

p.dp_width {
    margin: 0 0 15px 15px;
    padding: 10px;
}

/*CBFSTimeout*/
.cbfsTimeoutTd {
    vertical-align: bottom;
    text-align: center;
    width: 100%;
}

.containerBorder {
    border: 1px solid #d4d4d4;
}

.borderBtm {
    border-bottom: 1px solid #d4d4d4;
}

.borderCollapse {
    border-collapse: collapse;
}

.teaserContent {
    float: left;
    width: 70%;
}

.sideInfoContainer {
    background-image: url(../images/callback_mod_hp_bkg.gif);
    border: 1px solid #d4d4d4;
}

.noCustIdText {
    width: 427px;
    height: 132px;
}

.listLeftCol {
    float: left;
    width: 748px;
    border: 1px solid #d4d4d4;
}

.productBenefitsSection {
    background-image: url(../images/callback_mod_hp_bkg.gif);
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 30px;
}

.visionplusModulesSection {
    float: left;
    width: 98%;
    border: 1px solid #d4d4d4;
}

.corpListTable {
    width: 722px;
    height: 291px;
    border: 0;
}

.corpListTD {
    height: 26px;
}

.demoDirCorpListTable {
    height: 291px;
    border: 0;
}

/*Container div for rightnav*/
.rightNavContainer {
    position: absolute;
    top: 0px;
    right: 10px;
}

.cbConsentContent {
    float: left;
    width: 748px;
    border: 1px solid #d4d4d4;
}

.noCustIdMargin {
    margin: 60px 0 0 150px
}

/*Login Page*/
/*Login page VPlus Logo container position*/
.loginVPContainer {
    position: absolute;
    right: 250px;
    bottom: 55px;
}

.loginComponent {
    border: 1px solid var(--process-black);
    width: 300px;
    background: WhiteSmoke;
    font-size: 11px;
}

.loginContainer {
    width: 427px;
    height: 143px;
    text-align: center;
}

.loginBoxHeader {
    color: White;
    background-color: var(--fiserv-blue);
    font-weight: bold;
    padding: 4px 0;
}

.loginBoxMargin {
    margin: 75px 0 0 100px;
}

.logonInfoTextContainer {
    width: 427px;
    height: 182px;
}

.warningLink {
    display: inline;
}