﻿/***********************************************/
/* Default_print.css                           */
/* Set as the StyleSheetTheme in web.config.   */
/* Loaded for all clients and overridden by    */
/* SuperClient specific CSS in their Theme.    */
/***********************************************/


/*margins set to 0 in order to eliminate default margins in IE, Firefox, Mozilla and Netscape*/
/*padding set to "0" in order to eliminate default padding in Opera*/

@media print {

    /***********************************************/
    /* HTML tag styles                             */
    /***********************************************/


    html {
        font-size: 100.01%;
    }


    body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
        background-color: #ffffff;
        color: #000000;
        margin: 0;
        padding: 0;
        border: none;
    }

    a:link {
        color: #336699;
        text-decoration: none;
        padding: 0;
        border: none;
        margin: 0;
    }

    a:visited {
        color: #660099;
        text-decoration: underline;
        padding: 0;
        margin: 0;
        border: none;
    }

    a:hover {
        color: #6699FF;
        text-decoration: underline;
        padding: 0;
        margin: 0;
        border: none;
    }

    p {
        color: #000000;
        padding: 0 0 5px 5px;
        margin: 0;
        border: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.8em;
        line-height: 1.3em;
    }


    /* Heading Levels 
---------------------------------------------------------------------------------------------------------------------------*/
    h1 {
        font: bold 1.1em arial, Helvetica, sans-serif;
        text-transform: none;
        text-align: left;
        color: #003366;
        margin: 0;
        border: none;
        padding: 10px 0 5px 4px;
    }

    h2 {
        text-transform: none;
        text-align: left;
        color: #336699;
        padding: 5px 0 3px 4px;
        margin: 0 0 5px 0;
        border: none;
        font-family: arial, sans-serif;
        font-size: 1em;
        font-weight: bold;
    }

    h3 {
        text-transform: none;
        text-align: left;
        color: #1A1A1A;
        font-family: arial, sans-serif;
        font-size: 0.9em;
        font-weight: bold;
        margin: 0;
        padding: 5px 0 3px 4px;
        border: none;
    }

    h4 {
        margin: 0;
        padding: 5px 0 3px 4px;
        font: normal .8em arial, sans-serif;
        text-transform: none;
        text-align: left;
        color: #003366;
    }

    /* Header and Page Containers - organizers of content
---------------------------------------------------------------------------------------------------------------------------*/


    .header {
        margin: 0;
        padding: 0;
        height: 100px;
        width: 1004px;
        z-index: 1;
        color: #000000;
        background-color: #FFFFFF;
    }


    .headerLogo {
        left: 50px;
        top: 3px;
        position: absolute;
    }

    .headerWelcome {
        display: none;
    }

    .headerUserName {
        display: none;
    }

    .headerTitle {
        font-size: 1.1em;
        color: #000000;
        text-align: left;
        left: 210px;
        top: 20px;
        position: absolute;
        width: 500px;
        height: 20px;
        padding: 0px;
    }

    .headerSubTitle {
        font-size: 1.5em;
        color: #000000;
        text-align: left;
        left: 210px;
        top: 45px;
        position: absolute;
        width: 500px;
        height: 20px;
        padding: 0px;
        font-weight: bold;
    }


    .headerLink {
        display: none;
    }

        .headerLink a:link {
            display: none;
        }

        .headerLink a:hover {
            display: none;
        }

        .headerLink a:visited {
            display: none;
        }


    .headerLogout {
        display: none;
    }

    #outercontainer {
        background-image: none;
        background-color: white;
        min-height: 100%;
        width: 1004px;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
    }

    #container {
        width: 1004px;
        left: 0px;
        top: 0px;
        background-color: #FFFFFF;
        position: relative;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        padding: 0;
        border: none;
    }

    .column20 {
        display: none;
        background-color: #FFFFFF;
        width: 204px;
        position: static;
        left: 0px;
        float: left;
        margin: 0;
        padding: 0;
        border: none;
    }

    .column80 {
        width: 799px;
        position: static;
        left: 0px;
        float: left;
        margin: 0;
        padding: 0;
        border: none;
        background-color: #FFFFFF;
    }

    .column80top {
        width: 782px;
        position: static;
        left: 0px;
        float: left;
        margin: 0;
        padding: 0;
        background-color: #FFFFFF;
        border-bottom: 2px solid #336699;
        border-top: 2px solid #336699;
        border-right-style: none;
        border-left-style: none;
    }

    .column80TopLeft {
        float: left;
        width: 20%;
    }

    .column80TopRight {
        float: right;
        width: 80%;
    }

    .data20Left {
        background-color: #FFFFFF;
        width: 199px;
        position: static;
        overflow: auto;
        clear: right;
        border: none;
        padding-top: 3px;
        padding-right: 0;
        padding-bottom: 5px;
        margin-top: 0;
        margin-right: 0px;
        margin-bottom: 0;
        margin-left: 5px;
    }

    .data20Right {
        background-color: #FFFFFF;
        width: 190px;
        position: static;
        float: right;
        padding: 3px 2px 5px 0;
        margin: 0;
    }


    .data30Left {
        background-color: #e5e8f5;
        width: 280px;
        position: static;
        clear: right;
        float: left;
        padding-top: 5px;
        padding-right: 0px;
        padding-bottom: 10px;
        padding-left: 5px;
        margin-top: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
        margin-left: 0px;
    }

    .data30Right {
        background-color: #FFFFFF;
        width: 260px;
        position: static;
        float: right;
        padding-top: 5px;
        padding-right: 0px;
        padding-bottom: 10px;
        padding-left: 5px;
        margin: 5px;
    }

    .column30percent {
        width: 30%;
    }


    .data40Left {
        background-color: #FFFFFF;
        width: 380px;
        position: static;
        float: left;
        padding: 3px 2px 5px 0;
        margin: 0;
        border: none;
        clear: both;
    }

    .data40Right {
        background-color: #FFFFFF;
        width: 380px;
        position: static;
        float: right;
        padding: 3px 5px 5px 2px;
        margin: 0;
        border: none;
    }


    .data60 {
        background-color: #FFFFFF;
        width: 575px;
        position: static;
        clear: both;
        float: left;
        padding-top: 5px;
        padding-right: 0px;
        padding-bottom: 10px;
        padding-left: 5px;
        border: 1px solid #CCCCCC;
        margin: 5px 5px 10px 5px;
    }

    .data60noBorder {
        background-color: #FFFFFF;
        width: 575px;
        position: static;
        clear: both;
        float: left;
        padding-top: 5px;
        padding-right: 0px;
        padding-bottom: 10px;
        padding-left: 0px;
        margin-top: 10px;
        margin-right: 5px;
        margin-bottom: 10px;
        margin-left: 5px;
    }


    .data70 {
        background-color: #FFFFFF;
        width: 780px;
        position: static;
        border: 1px solid #cccccc;
        padding-top: 5px;
        padding-right: 3px;
        padding-bottom: 5px;
        padding-left: 3px;
        margin-top: 5px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
    }


    .data80 {
        background-color: #FFFFFF;
        width: 790px;
        margin: 0px;
        position: static;
        padding: 5px 2px 5px 0;
    }


    .data100 {
        width: 992px;
        border: none;
        padding: 3px 2px 5px 4px;
        margin: 0;
        float: none;
    }


    /* Left navigation styles */

    .leftNav {
        display: none;
    }

        .leftNav ul {
            display: none;
        }

        .leftNav li {
            display: none;
        }

            .leftNav li a:link {
                display: none;
            }

            .leftNav li a:hover {
                display: none;
            }

            .leftNav li a:visited {
                display: none;
            }

        .leftNav .on {
            display: none;
        }

    /* Top navigation styles */
    .topNav {
        display: none
    }

        .topNav ul {
            display: none
        }

        .topNav li {
            display: none
        }

            .topNav li a:link {
                display: none
            }

            .topNav li a:visited {
                display: none
            }

            .topNav li a:hover {
                display: none
            }

        .topNav .on {
            display: none
        }

    /* Progress Bar
---------------------------------------------------------------------------------------------------------------------------*/

    #progress ul {
        display: none;
    }

    #progress li {
        display: none;
    }

    .progressOn {
        display: none;
    }

    .progressOff {
        display: none;
    }

    .progressNext {
        display: none;
    }

    #progress a {
        display: none;
    }

        #progress a:visited {
            display: none;
        }

        #progress a:hover, #progress a:active {
            display: none;
        }

    #progressOn a:link, #progressOn a:hover, #progressOn a:active {
        display: none;
    }

    #progressOff a:visited {
        display: none;
    }




    /* Tables
---------------------------------------------------------------------------------------------------------------------------*/

    table {
        border: none;
        margin-top: 0;
        margin-right: 5px;
        margin-bottom: 10px;
        margin-left: 5px;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        font-family: Arial, Helvetica, sans-serif;
    }

    th {
        background-color: #336699;
        font-weight: bold;
        color: #FFFFFF;
        text-align: left;
        font-size: 0.8em;
        margin: 0;
        border: 0;
        padding-top: 2px;
        padding-right: 3px;
        padding-bottom: 2px;
        padding-left: 3px;
        text-decoration: none;
    }

        th .center {
            text-align: center;
        }


        th a:link {
            color: #FFFFFF;
        }

        th a:visited {
            color: #FFFFFF;
        }

        th a:hover {
            color: #6699FF;
        }


    td {
        font-size: 0.8em;
        padding: 2px;
    }


    .rows_even {
        background-color: #e5e8f5;
        margin: 0;
        border: none;
        padding-top: 2px;
        padding-right: 0;
        padding-bottom: 2px;
        padding-left: 2px;
    }

    .rows_odd {
        background-color: #FFFFFF;
        margin: 0;
        border: none;
        padding-top: 2px;
        padding-right: 0;
        padding-bottom: 2px;
        padding-left: 2px;
    }

    .icon {
        margin: 0;
        border: none;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0;
        padding-left: 0px;
        vertical-align: middle;
        text-align: right;
    }

    .iconCentered {
        text-align: center;
        vertical-align: middle;
        padding-top: 10px;
        padding-right: 5px;
        padding-bottom: 10px;
        padding-left: 5px;
        margin-right: 40px;
    }

    img {
        border: none;
        margin: 0;
        padding: 0;
    }


    /* Alignment for tables only. Use .iconCentered to position icons within tables to avoid extra border. */

    .center {
        text-align: center;
        padding-right: 3px;
        margin: 0;
        border-right: 1px solid #b2bbe3;
    }

    .right {
        text-align: right;
        padding-right: 3px;
        margin: 0;
        border-right: 1px solid #b2bbe3;
    }


    /* Forms organization and styling + message bars (for errors and confirmations)
---------------------------------------------------------------------------------------------------------------------------*/



    .message {
        background-color: #FFFFCC;
        width: 98%;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 5px;
        margin-left: 0;
        border-top-style: solid;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        background-image: url(../images/messages.gif);
        background-position: bottom;
        background-repeat: repeat-x;
        border-top-width: 2px;
        border-top-color: #990000;
        padding: 5px;
        outline: none;
    }

        .message ul {
            list-style-type: disc;
            padding-left: 5px;
            margin-left: 50px;
        }

        .message li {
            color: #000000;
            font-weight: normal;
            line-height: 1.5em;
            text-align: left;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 0.8em;
        }


        .message .icon {
            width: 25px;
            float: left;
            clear: right;
            color: #000000;
            text-align: center;
            vertical-align: sub;
            margin-right: 20px;
            margin-top: 14px;
        }

        .message .boldTxt {
            font-weight: bold;
            color: #000000;
        }

    .confirmation {
        background-color: #FFFFCC;
        width: 98%;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 5px;
        margin-left: 0;
        border-top-style: solid;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        background-image: url(../images/messages.gif);
        background-position: bottom;
        background-repeat: repeat-x;
        border-top-width: 2px;
        border-top-color: #009933;
        padding: 5px;
    }

        .confirmation ul {
            list-style-type: none;
            padding-left: 5px;
            margin-left: 50px;
        }

        .confirmation li {
            color: #000000;
            font-weight: normal;
            line-height: 1.5em;
            text-align: left;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 0.8em;
        }


        .confirmation .icon {
            width: 25px;
            float: left;
            clear: right;
            text-align: center;
            vertical-align: sub;
            margin-right: 20px;
            margin-top: 14px;
        }


        .confirmation .boldTxt {
            font-weight: bold;
            color: #000000;
        }

    .info {
        background-color: #FFFFCC;
        width: 98%;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 5px;
        margin-left: 0;
        border-top-style: solid;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        background-image: url(../images/messages.gif);
        background-position: bottom;
        background-repeat: repeat-x;
        border-top-width: 2px;
        border-top-color: #336699;
        padding: 5px;
    }

        .info ul {
            list-style-type: none;
            padding-left: 5px;
            margin-left: 50px;
        }

        .info li {
            color: #000000;
            font-weight: normal;
            line-height: 1.5em;
            text-align: left;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 0.8em;
        }

        .info .icon {
            width: 25px;
            float: left;
            clear: right;
            text-align: center;
            vertical-align: sub;
            margin-right: 20px;
            margin-top: 14px;
        }


        .info .boldTxt {
            font-weight: bold;
            color: #000000;
        }




    .tableForm {
        border: none;
        vertical-align: middle;
        width: 98%;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 5px;
        margin-left: 0px;
        background-color: #FFFFFF;
        padding: 3px;
    }

        .tableForm th {
            border: none;
            vertical-align: middle;
        }


        .tableForm tr {
            margin: 0;
            border: none;
            padding-top: 0;
            padding-right: 3px;
            padding-bottom: 0;
            padding-left: 3px;
        }

        .tableForm td {
            margin: 0;
            border: none;
            padding-top: 5px;
            padding-right: 0;
            padding-bottom: 5px;
            padding-left: 3px;
        }

        .tableForm .boldTxt {
            font-weight: bold;
            color: #000000;
        }


        .tableForm .labels {
            font-size: 0.8em;
            font-weight: normal;
            color: #000000;
            padding-left: 5px;
        }

        .tableForm .subLabels {
            font-size: 0.9em;
            font-weight: normal;
            color: #000000;
        }

        .tableForm .verticalAlign {
            font-weight: normal;
            vertical-align: text-top;
        }

        .tableForm .creditcards {
            vertical-align: middle;
            padding: 3px;
        }

        .tableForm ul {
            list-style-type: disc;
            margin-left: 5px;
            padding-left: 5px;
        }

        .tableForm li {
            color: #000000;
        }

        .tableForm .tableWidth {
            width: 98%;
            margin: 0px;
        }

        .tableForm .tableMax {
            width: 100%;
            margin: 0px;
            padding: 0px;
        }

    form {
        padding: 0;
        margin: 0;
        border: none;
    }

    .required {
        text-align: center;
        border: none;
        font-size: 1.2em;
        font-weight: bold;
        color: #990000;
    }

    /*label {
	color: #000000;
	padding: 0 0 0 2px;
	margin: 0;
	border: none;
}*/

    label {
        font-weight: normal;
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
    }

    .boldTxt {
        font-weight: bold;
        color: #000000;
    }

    .paymentAmountColumn1 {
        width: 20%;
    }

    .paymentAmountColumn2 {
        width: 80%;
    }

    .paymentConfColumn1 {
        width: 20%;
    }

    .paymentAmountConfColumn1 {
        width: 15%;
    }

    .paymentAmountConfColumn2 {
        width: 85%;
        font-size: 0.71em;
    }

    .column05percent {
        width: 5%;
    }

    .column20percent {
        width: 20%;
    }

    .column25percent {
        width: 25%;
    }

    .column35percent {
        width: 35%;
    }

    .column30percent {
        width: 30%;
        border: none;
    }

    .column40percent {
        width: 40%;
    }

    .column45percent {
        width: 45%;
    }

    .column50percent {
        width: 50%;
    }

    .column60percent {
        width: 60%;
    }

    .column80percent {
        width: 80%;
    }


    .column100percent {
        width: 100%;
    }


    /* Alignment for forms only - positions icons creates no border*/

    .center_form {
        text-align: center;
        padding: 0 2px 0 2px;
        margin: 0;
        border: none;
    }

    .right_form {
        text-align: right;
        padding: 0 2px 0 2px;
        margin: 0;
        border: none;
    }

    /* Horizontal rule to use on any page to help visually separate groups of information */

    .separator {
        display: none;
    }



    /* Buttons */


    .buttonPosition {
        display: none;
    }

    .buttonPositionCenter {
        display: none;
    }

    .buttonPositionBottomCenter {
        display: none;
    }

    .button_main {
        display: none;
    }

    .button_secondary {
        display: none;
    }

    .button_tertiary {
        display: none;
    }

    .button_noClick {
        display: none;
    }

    /* Terms and Conditions Panel
---------------------------------------------------------------------------------------------------------------------------*/

    .collapsePanelHeader {
        display: none;
    }

        .collapsePanelHeader a:link {
            display: none;
        }

        .collapsePanelHeader a:hover {
            display: none;
        }

        .collapsePanelHeader a:visited {
            display: none;
        }

    .collapsePanelHeader {
        display: none;
    }

    .collapsePanel {
        display: none;
    }

    /* "hidden link" styles
---------------------------------------------------------------------------------------------------------------------------*/

    .textLink a {
        outline: none;
    }

        .textLink a:link {
            color: #000000;
            text-decoration: none;
            margin: 0;
            border: none;
            cursor: default;
        }

        .textLink a:hover {
            color: #000000;
            text-decoration: none;
            margin: 0;
            border: none;
        }

        .textLink a:visited {
            color: #000000;
            text-decoration: none;
            margin: 0;
            border: none;
            cursor: default;
        }


    /* Pop Ups
---------------------------------------------------------------------------------------------------------------------------*/
    .popup {
        border-top-width: 10px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #336699;
        border-right-color: #CCCCCC;
        border-bottom-color: #CCCCCC;
        border-left-color: #CCCCCC;
        font-size: .8em;
        font-weight: normal;
        color: #000000;
        text-decoration: none;
        text-align: left;
        height: 150px;
        width: 400px;
        margin: 5px;
        background-color: #FFFFFF;
    }

        .popup p {
            color: #666666;
            text-align: left;
            font-size: 1em;
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .popup .icon {
            width: 25px;
            float: left;
            clear: right;
            text-align: center;
            vertical-align: sub;
            margin-right: 20px;
            margin-top: 14px;
        }

    .modalBackground {
        background-color: Gray;
        filter: alpha(opacity=70);
        opacity: 0.7;
    }





    /* Footer
---------------------------------------------------------------------------------------------------------------------------*/
    #footer, .footer {
        display: none !important;
    }



    /* change password
---------------------------------------------------------------------------------------------------------------------------*/
    .changePassword {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
        color: #000000;
    }

    /* pagination or paging through multiple screens
---------------------------------------------------------------------------------------------------------------------------*/
    .paging table {
        display: none;
    }

    .paging td {
        display: none;
    }

        .paging td a:link {
            display: none;
        }

        .paging td a:hover {
            display: none;
        }

        .paging td a:visited {
            display: none;
        }

    #ctl00_ContentPlaceHolder1_Step4ClientAccountNumberPartsRepeater_ctl01_Step4PrintUnAuthImage {
        display: none;
    }

    #ctl00_ContentPlaceHolder1_Step4ClientAccountNumberPartsRepeater_ctl01_Step4PrintUnAuthLink {
        display: none;
    }

    #ctl00_ContentPlaceHolder1_DisplayItemRepeater_ctl01_Step4PrintImage {
        display: none;
    }

    #ctl00_ContentPlaceHolder1_DisplayItemRepeater_ctl01_Step4PrintLink {
        display: none;
    }

    .PrintControls {
        display: none;
    }
}
/* @media print */
