﻿body {
        padding: 0px;
        margin: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        color: #4a4a49;
        background-color: #ffffff;
        overflow-y: scroll;
        z-index: 1;
    }

    h1 {
        font-family: Arial, Helvetica, sans-serif;
        padding: 50px 0px 30px 0px;
        margin: 0px;
        text-align: center;
        color: #8b3575;
        font-size: 25px;
    }

    h2 {
        font-family: Arial, Helvetica, sans-serif;
        margin: 0px;
        padding: 0px;
        color: #ba4c88;
        font-size: 18px;
    }

    h3 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        margin: 15px 0px 15px 0px;
        padding: 0px;
        color: #0077bc;
        font-size: 17px;
    }

    p {
        margin: 7px 0px 10px 0px;
        line-height: 20px;
    }

    .center {
        text-align: center;
    }

    .underline {
        text-decoration: underline;
    }

    .clear {
        clear: both;
    }

    .green {
        color: #a8c638;
    }

    .red {
        color: red;
    }

    .pagePosition {
        /*position: absolute;
        left: 50%;
        width: 0px;
        height: 0px;
            */
        width: 100%;

    }

    .pageHolder {
        position: absolute;
        /*left: -500px;*/
        width: 100%;
    }
        .pheader{
            margin: auto;
            position: relative;
            width: 1000px;
            height: 135px;
            margin-bottom: 14px;
            border-bottom: 1px solid #3f408f;
        }
            .pheader .logo {
                position: absolute;
                top: 17px;
                left: 17px;
            }
            .pheader .medicalProviderPortalText {
                position: relative;
                top: 40px;
                margin: auto;
                color: #3f408f;
                font-size: 41px;
                font-family: Arial, Helvetica, sans-serif;
                width: 500px;
                text-align: center;
            }
            .pheader .logOut {
                position: absolute;
                top: 10px;
                right: 5px;
                width: 70px;
                height: 19px;
            }

            .pheader .logOut .logOutText a {
                position: relative;
                top: 2px;
                font-size: 12px;
                color: #545454;
                float: left;
            }

            .pheader .logOut .logOutTextImg {
                font-size: 12px;
                color: #545454;
                float: left;
                margin-left: 6px;
            }
            .pheader ul {
            position: absolute;
            bottom: 8px;
            right: 10px;
            padding: 0px;
            margin: 0px;
            list-style: none;
        }

        .pheader ul li {
            float: left;
            margin-left: 10px;
            font-size: 14px;
        }

            .pheader ul li a {
                text-decoration: none;
                padding: 8px;
                color: #ffffff;
                background-color: #8b3575;
            }

                .ppheader ul li a:hover {
                    color: #ffffff;
                    background-color: #0077bc;
                }

                .pheader ul li a.selected {
                    color: #ffffff;
                    background-color: #0077bc;
                }

    .header {
        width: 1000px;
        margin: auto;
        position: relative;
        height: 135px;
        margin-bottom: 14px;
        background-color: #ffffff;
        /*background-image: url('/images/header-background.png');
        background-repeat: repeat-x;*/
        
    }

    .headerLeft {
        width: 705px;
        height: 100%;
        float: left;
    }

        .headerLeft .logo {
            position: relative;
            top: 17px;
            left: 17px;
            float: left;
        }

        .headerLeft .medicalProviderPortalText {
            position: relative;
            top: 40px;
            left: 66px;
            color: #3f408f;
            font-size: 41px;
            font-family: Arial, Helvetica, sans-serif;
            float: left;
        }

    .headerRight {
        width: 295px;
        height: 100%;
        float: left;
    }

        .headerRight .onlineText {
            position: relative;
            top: 59px;
            right: 10px;
            text-align: right;
            font-family: Arial, Helvetica, sans-serif;
            color: #a8c638;
            font-size: 20px;
        }

        .headerRight .logOut {
            position: absolute;
            top: 10px;
            right: 5px;
            width: 70px;
            height: 19px;
        }

            .headerRight .logOut .logOutText a {
                position: relative;
                top: 2px;
                font-size: 12px;
                color: #545454;
                float: left;
            }

            .headerRight .logOut .logOutTextImg {
                font-size: 12px;
                color: #545454;
                float: left;
                margin-left: 6px;
            }

    .header ul {
        position: absolute;
        bottom: 8px;
        right: 10px;
        padding: 0px;
        margin: 0px;
        list-style: none;
    }

        .header ul li {
            float: left;
            margin-left: 10px;
            font-size: 14px;
        }

            .header ul li a {
                text-decoration: none;
                padding: 8px;
                color: #ffffff;
                background-color: #8b3575;
            }

                .header ul li a:hover {
                    color: #ffffff;
                    background-color: #0077bc;
                }

                .header ul li a.selected {
                    color: #ffffff;
                    background-color: #0077bc;
                }

    .page {
        width: 100%;
        min-height: 500px;
        background-color: #ffffff;
    }

    .pageInner {
        position: relative;
        margin: auto;
        width: 920px;
    }

 

        .pageInner .expandable {
            padding: 10px;
            background-color: #eeeeee;
        }

            .pageInner .redIcons, .pageInner .expandable .redIcons {
                position: relative;
                top: 7px;
            }

    .plusIcon {
        position: relative;
        cursor: pointer;
        padding-left: 7px;
        top: 7px;
    }

    .defaultMenu {
        text-align: center;
        display: table;
        margin: 0 auto;
    }

        .defaultMenu ul {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }

            .defaultMenu ul li {
                float: left;
                margin-left: 5px;
                margin-right: 5px;
                font-size: 14px;
                display: inline;
            }

                .defaultMenu ul li a {
                    text-decoration: none;
                    padding: 8px;
                    color: #ffffff;
                    background-color: #0077bc;
                }

                    .defaultMenu ul li a:hover {
                        color: #ffffff;
                        background-color: #0077bc;
                    }

    /* NCRN and FCD Tables */

    .table {
        display: table;
        width: 100%;
    }

    .tr {
        display: table-row;
    }

    .td {
        display: table-cell;
        font-size: 12px;
        padding: 10px 0px 10px 0px;
    }

    .filter .td {
        width: 50px;
        padding: 10px 0px 0px 0px;
        text-align: center;
        background-color: #fbfbfb;
        border-top: 1px solid #cccccc;
    }

    div.td input[type="button"] {
        width: 90%;
        margin-right: 5px;
        height: 26px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        color: #ffffff;
        background-color: #0077bc;
        border: 0px;
        cursor: pointer;
    }

    .search {
        text-align: center;
        background-color: #fbfbfb;
    }

    div.td input[type="text"], div.td input[type="password"] {
        width: 80%;
        height: 20px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #4a4a49;
        background-color: #ffffff;
        border: 1px solid #cccccc;
        padding-left: 3px;
        padding-right: 3px;
    }

    div.td img {
        position: relative;
        top: 8px;
        cursor: pointer;
    }

    .tableHeader .td {
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        color: #0077bc;
        font-size: 12px;
        text-decoration: underline;
        cursor: pointer;
        background-color: #fbfbfb;
        padding: 0px 2px 10px 2px;
        font-weight: bold;
    }

    .line .td {
        border-top: 1px solid #cccccc;
        padding: 0px;
    }

    .date {
        width: 80px;
        text-align: center;
    }

    .cci {
        width: 150px;
    }

    .type {
        width: 40px;
    }

    .hoverable {
        line-height: 15px;
       cursor: default;
        vertical-align: central;
    }

        .hoverable .td {
            border-bottom: 1px solid #cccccc;
            padding: 4px 5px 15px 5px;
        }

        .hoverable:hover {
            background-color: #eeeeee;
        }

    .noneFound .td {
        text-align: center;
        border-bottom: 1px solid #cccccc;
    }

    .tableBottom {
        width: 100%;
        height: 42px;
        font-size: 14px;
        background-color: #fbfbfb;
        border-bottom: 1px solid #cccccc;
    }

    .numbering {
        width: 720px;
        padding-top: 13px;
        padding-left: 40px;
        float: left;
    }

        .numbering span {
            cursor: pointer;
        }

    .results {
        padding-top: 13px;
        float: left;
    }

    .resultsText {
        width: 125px;
        float: left;
    }

    .results select {
        position: relative;
        top: -3px;
        width: 60px;
        height: 24px;
        border: 1px solid #cccccc;
        float: left;
        color: #4a4a49;
        background-color: #ffffff;
        padding-left: 2px;
        font-family: Arial, Helvetica, sans-serif;
    }

    /* ----------------- */

    .documents {
        position: relative;
        left: 20px;
    }

        .documents .row {
            height: 45px;
            text-align: left;
        }

            .documents .row img {
                float: left;
                margin-right: 10px;
            }

            .documents .row a {
                position: relative;
                top: 9px;
                float: left;
                color: #4a4a49;
            }

    .updateDetailsRow {
        width: 920px;
        height: 40px;
    }

        .updateDetailsRow label {
            position: relative;
            top: 4px;
            width: 180px;
            height: 20px;
            float: left;
        }

        .updateDetailsRow input {
            width: 547px;
            height: 20px;
            border: 1px solid #cccccc;
            float: left;
            font-size: 15px;
            color: #4a4a49;
            padding-left: 6px;
            padding-right: 6px;
            background-color: #ffffff;
            font-family: Arial, Helvetica, sans-serif;
        }

        .updateDetailsRow select {
            width: 561px;
            height: 24px;
            border: 1px solid #cccccc;
            float: left;
            font-size: 15px;
            color: #4a4a49;
            background-color: #ffffff;
            padding-left: 2px;
            font-family: Arial, Helvetica, sans-serif;
        }

        .updateDetailsRow img {
            position: relative;
            top: 3px;
            width: 20px;
            height: 20px;
            float: left;
            margin-left: 10px;
            cursor: pointer;
        }

        .updateDetailsRow .passwordText {
            color: red;
            font-style: italic;
            font-size: 13px;
        }

        .updateDetailsRow .googleMap {
            width: 559px;
            height: 360px;
            border: 1px solid #cccccc;
            float: left;
            margin-bottom: 20px;
        }

        .updateDetailsRow .latLong {
            position: relative;
            left: 77px;
            width: 464px;
            height: 30px;
            float: left;
            margin-bottom: 20px;
        }

            .updateDetailsRow .latLong p {
                position: relative;
                top: -4px;
                height: 30px;
                float: left;
            }

            .updateDetailsRow .latLong input {
                width: 112px;
                height: 20px;
                border: 1px solid #cccccc;
                float: left;
                font-size: 15px;
                color: #4a4a49;
                padding-left: 6px;
                padding-right: 6px;
                margin-left: 10px;
                margin-right: 10px;
                background-color: #ffffff;
                font-family: Arial, Helvetica, sans-serif;
            }

    .updateDetailsRowButton {
        width: 190px;
        height: 26px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        color: #ffffff;
        background-color: #0077bc;
        border: 0px;
        cursor: pointer;
    }

    .updatePasswordRowButton {
        width: 150px;
        height: 26px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        color: #ffffff;
        background-color: #0077bc;
        border: 0px;
        cursor: pointer;
    }

    .updateEmailRowButton {
        width: 120px;
        height: 26px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        color: #ffffff;
        background-color: #0077bc;
        border: 0px;
        cursor: pointer;
    }

    .individualCase {
        width: 918px;
        border: 1px solid #cccccc;
    }
   

    .individualCaseHeader {
        position: relative;
        padding: 10px 0px 7px 10px;
        border-bottom: 1px solid #cccccc;
        background-color: #eeeeee;
    }

    .individualCaseHeaderLeft {
        position: relative;
        width: 870px;
        font-family: Arial, Helvetica, sans-serif;
        color: #0077bc;
        font-size: 22px;
        float: left;
        font-weight: bold;
    }

    .individualCaseHeaderRight img {
        position: relative;
        top: 1px;
        left: 7px;
        cursor: pointer;
    }

    .individualCaseInner {
        padding: 13px 13px 0px 13px;
    }

    .individualCaseRow {
        min-height: 20px;
        margin-bottom: 13px;
    }

    .individualCaseTitle {
        position: relative;
        width: 205px;
        font-family: Arial, Helvetica, sans-serif;
        color: #0077bc;
        font-size: 15px;
        float: left;
        font-weight: bold;
    }

    .individualCaseText {
        position: relative;
        top: 2px;
        width: 687px;
        float: left;
    }

    .twoSections {
        width: 920px;
        margin-bottom: 13px;
    }

    .twoSectionsLeft {
        width: 604px;
        height: 180px;
        border: 1px solid #cccccc;
        background-color: #fbfbfb;
        float: left;
    }

    .twoSectionsRight {
        width: 298px;
        height: 180px;
        border: 1px solid #cccccc;
        background-color: #fbfbfb;
        float: right;
    }

    .oneSection {
        width: 920px;
        border: 1px solid #cccccc;
        background-color: #fbfbfb;
    }

    .twoSectionsLeftInner, .twoSectionsRightInner, .oneSectionInner {
        padding: 13px 13px 0px 13px;
    }

    .deductionLeft {
        width: 315px;
        float: left;
    }

    .deductionRight {
        float: left;
    }

    .paymentDetails {
    }

    .deductionLeftRow, .deductionRightRow, .paymentDetailsRow {
        height: 30px;
    }

    .deductionLeftRowTitle, .deductionRightRowTitle, .paymentDetailsRowTitle {
        width: 90px;
        float: left;
    }

    .deductionLeftRowText, .deductionRightRowText, .paymentDetailsRowText {
        float: left;
    }

    .backAndEmailLink {
        color: #4a4a49;
    }

    .footer {
        position: relative;
        margin: auto;
        width: 1000px;
        height: 160px;
        padding-top: 50px;
        text-align: center;
        background-color: #ffffff;
    }

        .footer p {
            font-size: 12px;
        }

        .footer a {
            color: #4a4a49;
        }

    .footerLeft {
        position: absolute;
        left: 40px;
        height: 133px;
        float: left;
    }
        .footerLeft img {
            float: left;
            margin-right: 10px;
        }
    .footerMiddle {
        position: absolute;
        left: 355px;
        width: 290px;
        height: 103px;
        float: left;
        padding-top: 30px;
    }

    .footerRight {
        position: absolute;
        left: 665px;
        height: 103px;
        float: left;
        padding-top: 30px;
    }
