body {
    margin: 0px;
    color: #666666;
    font-family: Trebuchet MS;
    font-size: 62.5%;
    background: #eeeeee;
}

.mainwrapper {
    width: 100%;
    height: auto;
    font-size: 1.3em;
}

.mainContent {
    padding: 20px 0 0 0;
    width: 100%;
    margin: 0 auto;
}

.contentWrapper {
    width: 920px;
    margin: 0 auto;
    height: auto;
    min-height: 400px;
    background: #ffffff;
    border: solid 1px #dfdfdf;
    padding: 20px;
}

.container {
    width: 960px;
    margin: 0 auto;
    height: auto;
}

#top {
    background: #6b8083;
    height: 20px;
    padding: 5px;
    color: #e5eecf;
    padding: 10px 0 6px 0;
}

.date {
    float: left;
    width: 300px;
}

#utilityBar {
    float: right;
    width: 400px;
    text-align: right;
    padding: 0;
    position: relative;
}

    #utilityBar img {
        vertical-align: bottom;
        margin: 0 3px 0 0;
    }

    #utilityBar .loggedUser {
        margin: 2px 10px 0 0;
        float: right;
    }

    #utilityBar .userProfile {
        float: right;
        width: 50px;
    }

    #utilityBar .login {
        float: right;
        width: 90px;
    }

    #utilityBar .greenArrow {
        margin: 0 0 3px 1px;
    }




    #utilityBar a {
        color: #e5eecf;
    }

#header {
    background: #e5eecf;
    border-bottom: solid 2px #c7d69d;
    height: 85px;
    padding: 10px 0 0 0;
}

#logo {
    width: 212px;
    height: 81px;
    background: url(/images/logo.png) no-repeat;
}



a {
    color: #74b6c2;
    text-decoration: underline;
}

    a:hover {
        color: #5faab3;
        text-decoration: none;
    }


    a.green {
        color: #7f9454;
    }

        a.green:hover {
            color: #90aa5b;
        }

    a.nounderline {
        color: #74b6c2;
        text-decoration: none;
    }

    a:hover.nounderline {
        color: #74b6c2;
        text-decoration: underline;
    }


.centeredText {
    text-align: center;
}

.rightText {
    text-align: right;
}


h1 {
    color: #6b8083;
    font-size: 1.6em;
}


h2 {
    color: #4e5e2d;
    font-size: 1.4em;
}


#overlayContainer {
    width: 100%;
    height: 100%;
}

.loading {
    top: 45%;
    position: absolute;
    left: 45%;
    width: 200px;
    height: 40px;
}


/**********************************************
 ****************** FOOTER  *******************
 **********************************************/

#footer {
    width: 960px;
    margin: 0 auto;
    height: 30px;
    background: #6b8083;
    padding: 3px 0 3px 0;
    text-align: center;
    position: relative;
    bottom: 0px;
}

    #footer p {
        margin: 7px 0;
        padding: 0;
    }

    #footer a {
        color: #fff;
        font-size: 12px;
    }

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

    #footer .sep {
        width: 1px;
        height: 14px;
        border-right: dotted 1px #ffffff;
        margin: 0 5px 0 8px;
    }

.copyright {
    width: 900px;
    padding-top: 5px;
    font-size: 11px;
    margin: 0 auto 5px auto;
    position: relative;
    text-align: center;
    color: #6b8083;
}

.sectionWrapper {
    width: 900px;
    margin: 0 auto;
    height: 40px;
    padding: 25px 0 10px 0;
}

    .sectionWrapper h1 {
        background: url(/images/provider-icon-big.png) 12px 6px no-repeat;
        padding: 18px 0 6px 50px;
        font-size: 1.5em;
        color: #6b8083;
    }

.sectionWrapperOrganizationHeader {
    height: unset !important;
}

    .sectionWrapperOrganizationHeader .bootstrap {
        background-color: #eeeeee;
    }
/**********************************************
 **************** PROVIDERS  ******************
 **********************************************/
#providerWrapper {
    position: relative;
    width: 100%;
    height: auto;
    display: inline-block;
}

#providerLeft {
    width: 640px;
    height: auto;
    float: left;
}

#piechart {
    width: 480px;
    margin: 0 0 0 50px;
    font-family: Trebuchet MS;
}

.pieChartSubtitle {
    position: absolute;
    width: 100%;
    font-size: 1.4em;
    border-bottom: solid 1px #c7c9be;
    margin: -30px 0 0 0;
    padding: 0 0 7px 35px;
}

.pieChartCenter {
    position: absolute;
    width: 80px;
    margin: -130px 0 0 110px;
    text-align: center;
    font-weight: lighter;
    color: #383737;
    line-height: 1.4em;
}

    .pieChartCenter span {
        display: block;
        font-size: 1.8em;
        font-weight: bold;
    }


.pieChartLegendHeader {
    position: absolute;
    width: 100%;
    margin: -190px 0 0 310px;
    font-size: 1.1em;
    color: #696969;
}


#providerRight {
    width: 250px;
    height: auto;
    float: right;
}

.tabs {
    position: relative;
    white-space: nowrap;
    margin: 50px 0 -2px 2px;
}

    .tabs > div {
        display: inline-block;
        border: solid 1px #c6d69d;
        background: #ffffff;
        border-radius: 5px 5px 0 0;
        margin: 0 -2px 0 -2px;
        width: 227px;
        text-align: center;
        padding: 7px 0;
        position: relative;
        color: #7f9454;
    }

        .tabs > div.selected {
            background: #d3e4a6;
            font-weight: bold;
        }

        .tabs > div:hover {
            background: #d3e4a6;
        }

        /** TODO remove, depracated**/
        .tabs > div.orange {
            border: solid 1px #ff4c22;
            color: #ff4c22;
            background: #ffffff;
        }

        .tabs > div.orangeselected {
            border: solid 1px #ff4c22;
            color: #e12d05;
            background: #ebaa9b;
            font-weight: bold;
        }

        .tabs > div.orange:hover {
            border: solid 1px #ff4c22;
            color: #e12d05;
            background: #ebaa9b;
        }


#claimsWrapper {
    margin: 0;
    background: #f2f6e7;
    border-radius: 0 0 6px 6px;
    border: solid 1px #d3e4a6;
    border-top: solid 3px #93ab61;
    position: relative;
}

    #claimsWrapper .claimsTotal {
        position: absolute;
        background: #f2f6e7 url(/images/search-claims-icon.png) 12px 3px no-repeat;
        padding: 2px 0 1px 38px;
        color: #4e5e2d;
        top: 35px;
    }

    #claimsWrapper .viewAll {
        position: absolute;
        background: #f2f6e7 url(/images/continue-icon.png) right 4px no-repeat;
        padding: 2px 12px 1px 0;
        color: #7f9454;
        top: 35px;
        right: 3px;
        text-decoration: none;
    }

    #claimsWrapper .exportToFile {
        position: absolute;
        padding: 2px 12px 1px 0;
        color: #7f9454;
        top: 6px;
        right: 3px;
        text-decoration: none;
        font-style: italic;
    }

.claimsTabGrid {
    width: 915px;
    position: relative;
    bottom: -50px;
}

.claimsGrid {
    font-size: 0.9em;
    margin: 70px 0 25px 0;
    background: #ffffff;
    text-align: center;
}

.selectedClaimsGrid {
    font-size: 0.9em;
    margin: 70px 0 25px 0;
    background: #ffffff;
    text-align: center;
}

.claimsGrid table {
    border-collapse: collapse;
    border-bottom: solid 1px #d3e4a6;
    width: 100%;
}

.selectedClaimsGrid table {
    border-collapse: collapse;
    border-bottom: solid 1px #d3e4a6;
    /*width: 100%;*/
}

.space {
    margin: 0 1px;
}


.claimsGrid table th {
    color: #7f9454;
    padding: 2px 3px;
    background: #f2f6e7;
    border: 0;
    border-bottom: solid 3px #93ab61;
    border-collapse: separate;
    border-spacing: 0;
}

.selectedClaimsGrid table th {
    color: #7f9454;
    padding: 2px 3px;
    background: #f2f6e7;
    border: 0;
    border-bottom: solid 3px #93ab61;
    border-collapse: separate;
    border-spacing: 0;
}

.claimsGrid table th > a {
    text-decoration: inherit;
    color: inherit;
}

.selectedClaimsGrid table th > a {
    text-decoration: inherit;
    color: inherit;
}

.claimsGridLinkHeader {
    color: inherit;
    text-decoration: inherit;
}

.claimsGridLinkHeader {
    color: inherit;
    text-decoration: inherit;
}

.claimsGrid table tr {
    background: #ffffff;
    border: 0;
    border-bottom: solid 2px #eeeeee;
}

.selectedClaimsGrid table tr {
    background: #ffffff;
    border: 0;
    border-bottom: solid 2px #eeeeee;
}

.claimsGrid table th:first-child {
    width: 70px;
}

.selectedClaimsGrid table th:first-child {
    width: 70px;
}

.claimsGrid table th:nth-child(2) {
    width: 90px;
}

.selectedClaimsGrid table th:nth-child(2) {
    width: 90px;
}

.claimsGrid table th:nth-child(3) {
    width: 140px;
}

.selectedClaimsGrid table th:nth-child(3) {
    width: 140px;
}

.claimsGrid table th:nth-child(5) {
    width: 140px;
}

.selectedClaimsGrid table th:nth-child(5) {
    width: 140px;
}

.claimsGrid table th:nth-child(6) {
    width: 60px;
}

.selectedClaimsGrid table th:nth-child(6) {
    width: 60px;
}


.claimsGrid table td {
    padding: 3px 7px;
}

.selectedClaimsGrid table td {
    padding: 3px 7px;
}









.claimsGridIndividual {
    font-size: 0.9em;
    margin: 7px 0 25px 0;
    background: #ffffff;
    text-align: center;
    width: 675px;
}


    .claimsGridIndividual table {
        border-collapse: collapse;
        border-bottom: solid 1px #d3e4a6;
    }

    .claimsGridIndividual space {
        margin: 0 1px;
    }


    .claimsGridIndividual table th {
        color: #7f9454;
        padding: 2px 3px;
        background: #f2f6e7;
        border: 0;
        border-bottom: solid 3px #93ab61;
        border-collapse: separate;
        border-spacing: 0;
    }

        .claimsGridIndividual table th > a {
            text-decoration: inherit;
            color: inherit;
        }

.claimsGridIndividualLinkHeader {
    color: inherit;
    text-decoration: inherit;
}

.claimsGridIndividual table tr {
    background: #ffffff;
    border: 0;
    border-bottom: solid 2px #eeeeee;
}

.claimsGridIndividual table td {
    padding: 3px 7px;
}

.claimsGridIndividual table th:first-child {
    width: 70px;
}

.claimsGridIndividual table th:nth-child(2) {
    width: 90px;
}

.claimsGridIndividual table th:nth-child(3) {
    width: 140px;
}

.claimsGridIndividual table th:nth-child(5) {
    width: 140px;
}

.claimsGridIndividual table th:nth-child(6) {
    width: 60px;
}




.gridPaging {
    float: right;
    margin: 0 5px 0 0;
}

    .gridPaging .first {
        background: url(/images/paging-icons.png) 1px 4px no-repeat;
        width: 16px;
        height: 17px;
        display: inline-block;
    }

    .gridPaging .previous {
        background: url(/images/paging-icons.png) -24px 4px no-repeat;
        width: 16px;
        height: 17px;
        display: inline-block;
        margin: 0 3px 0 0;
    }

    .gridPaging .next {
        background: url(/images/paging-icons.png) -53px 4px no-repeat;
        width: 16px;
        height: 17px;
        display: inline-block;
    }

    .gridPaging .last {
        background: url(/images/paging-icons.png) -82px 4px no-repeat;
        width: 16px;
        height: 17px;
        display: inline-block;
    }


    .gridPaging .pages {
        color: #696969;
        display: inline-block;
        text-decoration: none;
        height: 45px;
    }

        .gridPaging .pages a {
            color: #696969;
            text-decoration: none;
        }


.memberinfopopup tr > td:nth-child(odd) {
    text-align: right;
    font-weight: bold;
    color: #696969;
}

.memberinfopopup tr > td:nth-child(even) {
    text-align: left;
}

.summaryTipHeader {
    font-size: 1.1em;
}

.summaryTipBody {
    font-size: 0.8em;
}

#accordion {
    width: 100%;
    border: transparent;
    height: auto;
    font-family: Trebuchet MS;
    overflow: hidden;
    margin: 0 0 10px 0;
}

.fixed250 {
    width: 250px;
}


#accordion h3 {
    height: 20px;
    background: #e5eecf;
    border: 0;
    border-bottom: solid 2px #9cc525;
    border-radius: 0;
    padding: 7px 0 2px 10px;
    color: #516264;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
}

#accordion .check {
    background: #e5eecf url(/images/eligibility-icons.png) 12px 6px no-repeat;
    padding: 8px 0 1px 38px;
    font-size: 10pt;
}

#accordion .file {
    background: #e5eecf url(/images/eligibility-icons.png) 10px -25px no-repeat;
    padding: 8px 0 1px 38px;
}

#accordion .status {
    background: #e5eecf url(/images/eligibility-icons.png) 10px -57px no-repeat;
    padding: 8px 0 1px 38px;
}

#accordion .quickLinks {
    background: #e5eecf url(/images/goto-big-icon.png) 13px 13px no-repeat;
    padding: 8px 0 1px 38px;
}

#accordion .panel {
    overflow: auto;
    height: 125px;
}

#accordion ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    #accordion ul li {
        border-bottom: solid 1px #c6d69d;
        padding: 6px 15px;
    }

        #accordion ul li a {
            color: #516264;
            text-decoration: none;
        }

#accordion .member {
    background: #e5eecf url(/images/eligibility-icons.png) 9px -90px no-repeat;
    padding: 8px 0 1px 38px;
}

#accordion div {
    border: 0;
    margin: 0;
    padding: 5px 10px 10px 10px;
    background: #f9f9f9;
    border: 0;
    color: #696969;
    font-size: 0.9em;
}


    #accordion div input[type=text] {
        width: 150px;
    }

    #accordion div .radiolist {
        width: 14px;
        height: 14px;
        padding: 0;
        margin: 0;
        position: relative;
    }

        #accordion div .radiolist input {
            margin: 5px 1px 0 0;
            position: relative;
        }


#accordion .btn, .btn {
    color: #FFFFFF;
    border: 0;
    border-radius: 4px;
    font-size: 0.9em;
    font-weight: bold;
    background: #208eb1;
    padding: 7px 8px 6px 8px;
    margin: 0 0 0 10px;
}


    #accordion .btn:hover, .btn:hover {
        background: #29a4cb;
    }


#profileContainer ul.level-1 {
    margin: 0 0 0 10px;
    padding: 0;
    top: 0;
    float: right;
    display: block;
    width: 30px;
    height: 30px;
    list-style: none;
}

    #profileContainer ul.level-1 > li {
        position: relative;
        list-style-type: none;
        margin: -22px 0 0 0;
        height: 30px;
        width: 30px;
        z-index: 1100;
    }

        #profileContainer ul.level-1 > li:hover div.level-2 {
            top: 14px;
            left: -670px;
            height: 30px;
            width: 30px;
        }

#profileContainer div.level-2 {
    display: block;
    list-style-type: none;
    margin: 0 0px;
    padding: 0;
    width: 500px;
    position: absolute;
    top: -1000px;
    padding-top: 18px;
    height: 300px;
}

    #profileContainer div.level-2 .inside {
        border-radius: 4px;
        width: 500px;
        height: 300px;
    }



.rightMenu {
    margin: 60px 0 3px 0;
    position: relative;
}

    .rightMenu .heading {
        height: 20px;
        background: #e5eecf;
        border-bottom: solid 2px #93ab61;
        border-radius: 8px 8px 0 0;
        padding: 10px 0 2px 10px;
        color: #4e5e2d;
        font-size: 1.2em;
        font-weight: normal;
        margin: 0;
    }

    .rightMenu .info {
        background: #f2f6e7;
        border: solid 1px #d3e4a6;
        border-radius: 0 0 6px 6px;
        padding: 20px 0;
        color: #696969;
    }

    .rightMenu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .rightMenu ul li {
            border-bottom: solid 1px #c6d69d;
            padding: 6px 15px;
        }

            .rightMenu ul li a {
                color: #516264;
                text-decoration: none;
            }

    .rightMenu .pdf {
        background: url(/images/green-pdf-icon.png) no-repeat;
        width: 11px;
        height: 12px;
        display: inline-block;
        position: relative;
        margin: 4px 0 0 5px;
    }


    .rightMenu .quickLinks {
        background: #e5eecf url(/images/goto-big-icon.png) 13px 13px no-repeat;
        padding: 10px 0 2px 35px;
    }


#providerFooter {
    width: 100%;
    margin: 30px auto 0 auto;
    height: auto;
    position: relative;
    background: #ffffff;
    padding: 10px 0;
}


    #providerFooter .wrapper {
        width: 900px;
        margin: 10px auto 20px auto;
        background: #f2f6e7;
        height: 200px;
        border-radius: 8px;
        padding: 10px;
    }

    #providerFooter .box {
        width: 220px;
        height: 200px;
        float: left;
        margin: 20px 8px;
    }

        #providerFooter .box .heading {
            border-bottom: solid 1px #7f9454;
            color: #7f9454;
            padding: 0 0 3px 30px;
            font-size: 1.1em;
        }

        #providerFooter .box .newsletter {
            background: url(/images/newsletter-icon.png) 10px 1px no-repeat;
        }

        #providerFooter .box .news {
            background: url(/images/news-icon.png) 7px 1px no-repeat;
        }

        #providerFooter .box .blog {
            background: url(/images/blog-icon.png) 10px 1px no-repeat;
        }

        #providerFooter .box .info {
            padding: 20px 10px;
        }

            #providerFooter .box .info img {
                margin: 0 0 0 60px;
            }

            #providerFooter .box .info a.more {
                padding: 0 15px 0 0;
                background: url(/images/goto-big-icon.png) right 4px no-repeat;
            }

            #providerFooter .box .info ul {
                margin: 0;
                padding: 0;
                font-size: 0.9em;
            }

                #providerFooter .box .info ul li {
                    list-style: none;
                    margin: 3px 0;
                }

                    #providerFooter .box .info ul li a {
                        color: #666666;
                        text-decoration: none;
                    }

                        #providerFooter .box .info ul li a:hover {
                            text-decoration: underline;
                        }

    #providerFooter .contact {
        width: 160px;
        float: right;
        margin: 20px 0 0 0;
        color: #4e5e2d;
        border-left: solid 1px #4e5e2d;
        padding: 10px 7px;
    }

        #providerFooter .contact a {
            color: #4e5e2d;
        }

        #providerFooter .contact p {
            margin: 2px 0;
        }

        #providerFooter .contact .phone {
            background: url(/images/contact-icons.png) left 6px no-repeat;
            padding: 4px 0 0 19px;
        }

        #providerFooter .contact .email {
            background: url(/images/contact-icons.png) left -13px no-repeat;
            padding: 4px 0 0 19px;
        }


        #providerFooter .contact .address {
            margin: 17px 0 0 0;
            background: url(/images/contact-icons.png) left -30px no-repeat;
            padding: 6px 0 10px 19px;
            border-bottom: solid 1px #4e5e2d;
        }

    #providerFooter .social {
        width: 25px;
        height: 25px;
        float: left;
        position: relative;
        margin: 5px 2px;
    }

    #providerFooter .facebook {
        background: url(/images/social-icons.png) 1px 1px no-repeat;
    }

    #providerFooter .twitter {
        background: url(/images/social-icons.png) -29px 1px no-repeat;
    }

    #providerFooter .linkedin {
        background: url(/images/social-icons.png) -57px 1px no-repeat;
    }

    #providerFooter .youtube {
        background: url(/images/social-icons.png) -86px 1px no-repeat;
    }

    #providerFooter .pinterest {
        background: url(/images/social-icons.png) -113px 1px no-repeat;
    }

/**********************************************
 ************** Login Control  *****************
 **********************************************/
.loginWrapper {
    width: auto;
    margin: 50px auto 0 auto;
}

.loginControl {
    width: 340px;
    height: auto;
    margin: 0 auto;
}

    .loginControl .heading {
        border-bottom: solid 3px #93ab5f;
        background: #e5eecf url(/images/account-login.png) 23px 6px no-repeat;
        color: #627434;
        padding: 7px 0 7px 50px;
    }

    .loginControl .heading2 {
        border-bottom: solid 3px #93ab5f;
        background: #e5eecf url(/images/forgot-pwd-icon.png) 23px 6px no-repeat;
        color: #627434;
        padding: 7px 0 7px 50px;
    }


        .loginControl .heading span, .loginControl .heading2 span {
            font-size: 1.2em;
            font-weight: normal;
        }

    .loginControl .info {
        padding: 20px 0 20px 30px;
    }

        .loginControl .info span {
            font-weight: normal;
        }

        .loginControl .info .toLeft {
            margin: 3px 0;
        }

    .loginControl .pwd {
        margin: 10px 0 0 65px;
    }

    .loginControl .register {
        margin: 20px 50px 0 0;
        text-align: center;
        font-size: 1.1em;
    }

        .loginControl .register img {
            margin: 6px 0 -2px 0;
        }

    .loginControl .btn {
        color: #FFFFFF;
        border: 0;
        border-radius: 4px;
        box-shadow: 1px 1px 1px #dad8db;
        font-size: 1.1em;
        font-weight: bold;
    }



    .loginControl .login {
        padding: 5px 0 5px 10px;
        margin: 20px 0 0 75px;
        background: #208eb1 url(/images/login-icon.png) 15px 3px no-repeat;
    }


        .loginControl .login:hover {
            background: #2ea2c7 url(/images/login-icon.png) 15px 3px no-repeat;
        }


    .loginControl .submit {
        padding: 5px 0 5px 10px;
        background: #208eb1 url(/images/confirm-icon.png) 10px 6px no-repeat;
    }


        .loginControl .submit:hover {
            background: #2ea2c7 url(/images/confirm-icon.png) 10px 6px no-repeat;
        }


    .loginControl .cancel {
        padding: 5px 0 5px 10px;
        background: #208eb1 url(/images/white-cancel-icon.png) 10px 6px no-repeat;
    }


        .loginControl .cancel:hover {
            background: #2ea2c7 url(/images/white-cancel-icon.png) 10px 6px no-repeat;
        }




/**********************************************
 **************** Main Panel  ******************
 **********************************************/
.mainPanelWrapper {
    width: auto;
    margin: 20px 0;
}

.mainPanel {
    width: auto;
    height: auto;
    margin: 0 auto;
}

    .mainPanel .heading {
        border-bottom: solid 3px #93ab5f;
        background: #e5eecf url(/images/account-login.png) 23px 6px no-repeat;
        color: #627434;
        padding: 7px 0 7px 50px;
    }

    .mainPanel .heading2 {
        border-bottom: solid 3px #93ab5f;
        background: #e5eecf url(/images/forgot-pwd-icon.png) 23px 6px no-repeat;
        color: #627434;
        padding: 7px 0 7px 50px;
    }


        .mainPanel .heading span, .mainPanel .heading2 span {
            font-size: 1.2em;
            font-weight: normal;
        }

    .mainPanel .info {
        padding: 10px 30px;
    }

        .mainPanel .info .line {
            width: 100%;
            float: left;
        }

        .mainPanel .info .toLeft {
            margin: 3px 0;
            float: left;
            width: auto;
        }

    .mainPanel .btn {
        color: #FFFFFF;
        border: 0;
        border-radius: 4px;
        box-shadow: 1px 1px 1px #dad8db;
        font-size: 1.1em;
        font-weight: bold;
    }



    .mainPanel .login {
        padding: 5px 0 5px 10px;
        margin: 20px 0 0 75px;
        background: #208eb1 url(/images/login-icon.png) 15px 3px no-repeat;
    }


        .mainPanel .login:hover {
            background: #2ea2c7 url(/images/login-icon.png) 15px 3px no-repeat;
        }


    .mainPanel .submit {
        padding: 5px 0 5px 10px;
        background: #208eb1 url(/images/confirm-icon.png) 10px 6px no-repeat;
    }


        .mainPanel .submit:hover {
            background: #2ea2c7 url(/images/confirm-icon.png) 10px 6px no-repeat;
        }


    .mainPanel .cancel {
        padding: 5px 0 5px 10px;
        background: #208eb1 url(/images/white-cancel-icon.png) 10px 6px no-repeat;
    }


        .mainPanel .cancel:hover {
            background: #2ea2c7 url(/images/white-cancel-icon.png) 10px 6px no-repeat;
        }







/**************************************/
/*             FORM INPUT             */
/**************************************/


.darkgrayinput {
    background: #3d3d3d; /*border-radius: 5px;     -webkit-border-radius: 5px;     -moz-border-radius: 5px;*/
    width: auto;
    height: 28px;
    color: #FFFFFF;
    border: 0;
    padding: 0 12px;
    margin: 0 0 0 3px;
}


    .darkgrayinput:hover {
        background: #525252;
    }


.line {
    float: left;
    width: 100%;
    margin: 4px 0;
}


.left {
    width: auto;
    float: left;
    margin: 0 8px 0 0;
}


input[type="text"], textarea, select, input[type="password"] {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 4px 0;
    border: 1px solid #dddeda;
    padding: 5px 10px;
    color: #696969;
}



    input[type="text"]:hover, input[type="password"]:hover, select:hover, textarea:hover, select:hover {
        border: 1px solid #aaca5d;
    }

input[type="checkbox"] {
    position: relative;
    margin-top: 12px;
}

input[type="radio"] /*radiobutton*/ {
    width: 15px;
    height: 15px;
}

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

    .rbl label {
        margin: 1px 10px 0 0;
    }



.sbiTableBorder {
    /* border: 1px solid #93ab61;*/
}

.sbiTableBorderDark {
    border: 1px solid #93ab61;
}

.sbiRoundedCorner {
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.sbiColumnHeader {
    background-color: #d3e4a6;
    color: #4e5e2d;
    text-align: center;
}

.sbiAlignCenter {
    margin: 0px auto;
    width: 900px;
}

.sbiFormHeader {
    background-color: #d3e4a6;
    font-size: 1.1em;
    text-align: center;
    margin: 0;
    /*font-weight: 700;*/
}

.sbiFormHeaderSeparator {
    border-bottom: solid 3px #93ab61;
    background-color: #d3e4a6;
    /*border-bottom-style: None;
    background-image: url(/images/headerSeparator.gif);
    background-repeat: repeat-x;
    background-position: left bottom;*/
}

.sbiFormBodyBackground {
    background-color: #f2f6e7;
}

.sbiButton {
    color: Black;
    background-color: #DBE4C5;
    font-weight: bold;
    border-color: #AFC185;
    border-style: solid;
    border-width: 1px;
    font-family: Tahoma, Verdana, Arial;
}

    .sbiButton:hover {
        background-color: White;
        cursor: pointer;
    }

.sbiTextBox {
    background-color: White;
    border-color: #AFC185;
    border-style: solid;
    border-width: 1px;
    font-family: Tahoma, Verdana, Arial;
}

    .sbiTextBox:focus {
        border-color: #669933;
    }

.sbiDisclaimer {
    color: Black;
    font-weight: normal;
    font-family: Tahoma, Verdana, Arial;
    font-size: smaller;
}

.sbiLabel {
    color: Black;
    font-size: 9pt;
    font-weight: normal;
    font-family: Tahoma, Verdana, Arial;
}

.sbiLabelBold {
    color: #666666;
    font-weight: bold;
    font-family: Tahoma, Verdana, Arial;
}

.sbiHeaderLabel {
    color: #4e5e2d;
    /* font-weight: bold;*/
    font-family: Tahoma, Verdana, Arial;
    /* added to aid with bootstrap*/
    font-size: 10.5pt;
}





.sbiDropDown {
    background-color: White;
    border-color: #AFC185;
    border-style: solid;
    border-width: 1px;
    font-family: Tahoma, Verdana, Arial;
}

    .sbiDropDown:focus {
        border-color: #669933;
    }

.sbiValidationSummary {
    color: Red;
    font-weight: normal;
    font-family: Tahoma, Verdana, Arial;
}


.sbiGridView {
    background-color: White;
    color: Black;
}

    .sbiGridView tr td {
        border: 1px solid #93ab61;
    }

.sbiGridHeader th {
    background-color: #D3E4A6;
    color: black;
    font-weight: normal;
    font-family: Tahoma, Verdana, Arial;
    text-align: center;
    border: 1px solid #93ab61;
}

.sbiGridHeader a {
    background-color: #D3E4A6;
    color: black;
    font-weight: normal;
    font-family: Tahoma, Verdana, Arial;
    border: none;
    text-decoration: none;
}

.sbiResourceGridView {
    background-color: white;
    color: Black;
    border: 1px solid #669933;
}

    .sbiResourceGridView tr td {
        border-top: 1px solid #D3E4A6;
        border-bottom: 1px solid #D3E4A6;
        border-left: 0px;
        border-right: 0px;
    }

.sbiResourceGridSubHeader {
    background-color: #E5EECF;
    color: Black;
    font-weight: bold;
    font-family: Tahoma, Verdana, Arial;
    text-align: center;
}

.sbiResourceGridView tr td {
    border-top: 1px solid #669933;
    border-bottom: 1px solid #D3E4A6;
    border-left: 0px;
    border-right: 0px;
}

.sbiResourceGridFooter {
    border-top: 0px;
    border-bottom: 1px solid #669933;
    border-left: 0px;
    border-right: 0px;
}

.sbiLink a {
    text-decoration: underline;
    color: black;
}

    .sbiLink a:hover {
        color: #053e79;
    }



.bodyBackground {
    background-color: #DDDDDD;
    margin: 0;
    text-align: center;
}

.shadowL, .shadowR {
    display: block;
    float: left;
}

.shadowL {
    /*background: url(../images/border_bg_left.jpg) left repeat-y;*/
}

.shadowR {
    /*background: url(../images/border_bg_right.jpg) right repeat-y;*/ /*padding: 0px 9px;*/
}

.formerror {
    font-weight: bold;
    font-size: 10pt;
    color: red;
    font-family: Verdana, Arial;
}



IMG {
    border-right: 0px;
    border-top: 0px;
    border-left: 0px;
    border-bottom: 0px;
}

.boxBody {
    background-color: #ffffff;
}

.logoBar {
    padding-right: 8px;
    padding-left: 8px;
    background-color: #ffffff;
}

.memberBar {
    padding-right: 8px;
    padding-left: 8px;
    background-color: #eef2f7;
}

    .memberBar IMG {
        vertical-align: middle;
    }

.fontItem {
    font-weight: bold;
    font-size: 8pt;
    color: #3a4f6c;
    font-family: Tahoma, Verdana, Arial;
}

    .fontItem A {
        color: #3a4f6c;
        text-decoration: none;
    }

.fontMedium {
    font-size: 9pt;
    color: #3a4f6c;
    font-family: Tahoma, Verdana, Arial;
}

.font-weight-normal,
.font-weight-normal th {
    font-weight: normal;
}

.titleLarge {
    font-weight: bold;
    font-size: 14pt;
    color: #006666;
    font-family: Tahoma, Verdana, Arial;
}

.DoubleHeaderStyle {
    background-image: url(../images/tbHeaderBack.png);
}

.background-image-checkbox {
    background-position: -157px -15px;
    width: 15px;
    height: 15px;
    margin: auto;
    background-image: url(../images/sprite.png);
}

.titleMedium {
    font-weight: bold;
    font-size: 12pt;
    color: #000000;
    font-family: Tahoma, Verdana, Arial;
}

.HeaderStyle /*Common Styles*/ {
    background-image: url(../images/GridHeader.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-color: #E5EECF;
    font-weight: lighter;
    font-size: 9pt; /*color: #000000; */
    font-family: Tahoma, Verdana, Arial;
}
/*
.PagerStyle /*Common Styles*/
/*{
    background-color: #d8e4bc;
    border-color: #d3e4a6;
}*/





.wizardButton {
    background-color: #E5EECF;
    border-color: #669933;
    border-style: solid;
    border-width: 1px;
}

    .wizardButton:hover {
        border: 1px solid #669933;
        background-color: #E5EECF;
    }

.mysolsticeTable {
    border-style: solid;
    border-width: 13px;
    border-color: #E5EECF;
    margin-left: auto;
    margin-right: auto;
}

.mysolsticeTableContents {
    font-weight: normal;
    font-size: 9pt;
    font-family: Tahoma;
    color: Black;
    text-decoration: none;
}

.mysolsticeTableContentsBold {
    font-weight: bold;
    font-size: 9pt;
    font-family: Tahoma;
    color: Black;
    text-decoration: none;
}

.mysolsticeTableMinReqContents {
    font-weight: normal;
    font-size: 8pt;
    font-family: Tahoma;
    color: Black;
    text-decoration: none;
}

.mysolsticeTableFooter {
    font-weight: normal;
    font-size: 7pt;
    font-family: Tahoma;
    color: Black;
    vertical-align: top;
    text-decoration: none;
}

#progressBackgroundFilter {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    z-index: 1000;
}

#processMessage {
    position: fixed;
    top: 30%;
    left: 43%;
    padding: 10px;
    width: 14%;
    z-index: 1001;
    background-color: #fff;
    border: solid 1px #000;
}

#reg {
    width: 614px;
    height: 350px;
    background: url(../images/registration2.png) no-repeat;
    /*background: url(../images/registration.png);*/
}

    #reg .left {
        width: 180px;
        height: 120px;
        /* border: solid 1px red;*/
        float: left;
        margin: 30px 0 15px 105px;
    }


    #reg .right {
        width: 180px;
        height: 120px;
        /* border: solid 1px red;*/
        float: right;
        margin: 30px 20px 15px 0;
    }

    #reg p {
        font-family: Arial;
        font-size: 12px;
        line-height: 15px;
        text-align: left;
    }

    #reg h1 {
        font-family: Arial;
        font-size: 15px;
        line-height: 16px;
        font-weight: 400;
        margin-bottom: 8px;
        text-align: left;
    }

        #reg h1 a {
            font-size: 15px;
            text-decoration: underline;
            color: #3a4f6c;
        }


    #reg a {
        font-family: Arial;
        font-size: 12px;
        line-height: 15px;
        color: #206ab4;
        text-decoration: underline;
    }

        #reg a:hover {
            color: #053e79;
        }

    #reg img {
        vertical-align: middle;
        border: 0;
    }

.New {
    color: green;
    font-size: 10px;
    font-family: Tahoma, Verdana, Arial;
}

.NewAnnouncementHeader {
    color: green;
    font-size: 14px;
    font-family: Tahoma, Verdana, Arial;
}

a.AnnouncementLink {
    color: #0071c0;
    font-family: Tahoma, Verdana, Arial;
    text-decoration: none;
}




#progressBackgroundFilter {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 1000;
}

.provInfo {
    padding: 10px;
    line-height: 16px;
}

    .provInfo p {
        text-align: left;
    }

.collProvLbl {
    text-align: right;
}

.collProvTxt {
    text-align: left;
    padding-left: 5px;
}

.myCalendar .ajax__calendar_container {
    border: 1px solid #D3E4A6;
    background-color: #fff;
    color: #464646;
}

.myCalendar .ajax__calendar_header {
    background-color: #D3E4A6;
    border-bottom: solid 3px #9bc53c;
}

.myCalendar .ajax__calendar_footer {
    background-color: #E5EECF;
}

.myCalendar .ajax__calendar_active .ajax__calendar_day {
    color: #464646;
    font-weight: bold;
}


mbrTable {
    text-align: left;
    border-radius: 15px 15px;
    background-color: #E5EECF;
    padding: 10px 50px 10px 50px;
}



/**********************************************
 **************** HOME PAGE  ******************
 **********************************************/
.greenBox {
    background: #E5EECF;
    border-radius: 12px 12px;
    width: 800px;
    height: auto;
    color: #000;
    margin-top: 20px;
}

    .greenBox .info {
        padding: 20px 10px 10px 10px;
    }

        .greenBox .info h2 {
            color: #669933;
            font-size: 14px;
            font-family: Tahoma, Verdana, Arial;
            margin: 0 0 5px 0;
            padding: 0;
            text-align: left;
        }

            .greenBox .info h2 span.gray {
                color: #464646;
            }

        .greenBox .info p {
            line-height: 17px;
            text-align: justify;
            margin: 7px 0 7px 0;
            padding: 0;
        }

    .greenBox a {
        color: #0071c0;
        font-family: Tahoma, Verdana, Arial;
        text-decoration: underline;
        font-weight: bold;
    }

UL.common, UL.green {
    list-style: none;
    margin: 1px;
    padding: 0;
    margin-left: 15px;
    text-align: left;
}

    UL.common LI {
        background: url(/images/blue-bullet-point.png) no-repeat 12px 7px;
        padding: 2px 0 0 25px;
    }

    UL.green LI {
        background: url(/images/green-bullet-point.png) no-repeat 12px 7px;
        padding: 2px 0 0 25px;
    }

.boxFLoatLeft {
    float: left;
    width: 158px;
    height: 195px;
    margin-right: 15px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.boxFLoatRight {
    float: right;
    width: 195px;
    height: 157px;
    margin-left: 15px;
    display: block;
}

.mgnLeft {
    margin-left: 50px;
}

.divider {
    width: 800px;
    height: 2px;
    background: url(/images/divider.png) no-repeat;
    padding: 10px 0 5px 0;
}

.newMbrWrapper {
    position: relative;
    height: auto;
    z-index: 0;
    margin-bottom: 5px;
}

.newMbr {
    width: 260px;
    height: 37px;
    background: url(/images/top-blue-banner.png) no-repeat;
    position: absolute;
    top: -15px;
    left: -17px;
}

    .newMbr p {
        color: #fff;
        font-size: 1.4em;
        font-weight: bold;
        margin: 0;
        padding: 3px 0 0 28px;
        text-align: left;
    }

        .newMbr p.smaller {
            font-size: 1.2em;
        }

.error {
    background: url(/images/error.png) no-repeat;
    width: 17px;
    height: 17px;
}

.greenBtn {
    background: #E5EECF;
    border: solid 1px #afc185;
    color: #000;
    padding: 5px 20px 5px 20px;
    margin: 5px 0 5px 0;
}

.loading {
    padding: 5px 20px 5px 20px;
    background: #fff;
    font-weight: bold;
}

.note {
    font-size: 11px;
    color: #afc185;
    font-weight: lighter;
}



#EmailNotify {
    text-align: left;
    padding: 10px;
    position: relative;
}

.EmailChange {
    position: absolute;
    left: 450px;
    top: 130px;
    border: solid 1px #afc185;
    border-radius: 12px 12px;
    background: #dae6bc;
    width: 210px;
    height: auto;
    padding: 15px;
}

    .EmailChange a {
        color: #0071c0;
        font-family: Tahoma, Verdana, Arial;
        text-decoration: underline;
    }

.unsubscribe {
    margin-left: 7px;
}

.footbar {
    width: 98%;
    height: 1px;
    border-bottom: dashed 1px #afc185;
    float: left;
    margin: 3px;
}


.envelope {
    width: 63px;
    height: 67px;
    float: left;
    margin-right: 5px;
}

/**********************************************
 ************** REGISTRATION  *****************
 **********************************************/
/* WIZARD */

.stepNotCompleted, .stepCompleted, .stepCurrent {
    width: 19px;
    height: 19px;
    color: White;
    font-size: 12px;
    text-align: center;
}

.stepNotCompleted {
    background: url(/images/green-step.png) no-repeat;
}

.stepCompleted {
    background: url(/images/green-step.png) no-repeat;
}

.stepCurrent {
    background: url(/images/blue-step.png) no-repeat;
    font-weight: bold;
}

.stepBreak {
    width: 3px;
    background-color: Transparent;
}

.wizardProgress {
    padding-right: 10px;
    color: #333333;
    font-size: 12px;
}

.wizardTitle {
    font-size: 12px;
    vertical-align: middle;
    padding-left: 25px;
    font-weight: bold;
}

.stepInfo {
    margin-left: 25px;
    position: relative;
}

.stepFinish {
    position: absolute;
    left: 180px;
    bottom: 2px;
}

.small-font, .small-font td {
    font-size: 8pt;
}

/**********************************************
 ************** TAB CONTROLS  *****************
 **********************************************/

.MyTabStyle .ajax__tab_header {
    font-family: "Helvetica Neue", Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    display: block; /*float: left;              background-color: White;             */
}


    /*      Dark Green  9cc525
Medium Green d3e4a6
Dark Orange f4921b
Light Green e5eecf*/

    .MyTabStyle .ajax__tab_header .ajax__tab_outer /* important */ {
        border-right: white;
        border-left: white;
        border-bottom: white;
        border-top: solid 4px #9cc525;
        background-color: #d3e4a6;
        padding-left: 10px;
        margin-right: 1px;
    }




    .MyTabStyle .ajax__tab_header .ajax__tab_inner {
        border-color: #666;
        color: #666;
        padding: 3px 10px 2px 0px;
    }

.MyTabStyle .ajax__tab_hover .ajax__tab_outer {
    /* background-color:#9c3;*/
    border-right: white;
    border-left: white;
    border-bottom: white;
    border-top: solid 4px #e3b43e;
    cursor: pointer;
}

.MyTabStyle .ajax__tab_hover .ajax__tab_inner {
    /*color: #fff; */
}

.MyTabStyle .ajax__tab_active .ajax__tab_outer {
    background-color: #e5eecf;
    border-right: white;
    border-left: white;
    border-bottom: solid 1px #e5eecf;
    border-top: solid 4px #f4921b;
    cursor: default;
}

.MyTabStyle .ajax__tab_active .ajax__tab_inner {
    color: #000; /*border-color: #333; */
    border-bottom: solid 1px #e5eecf;
}

.MyTabStyle .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    background-color: #e5eecf;
    border-top-width: 0;
    border: solid 1px #e5eecf; /*border-top-color: #ffffff; */
    padding: 15px;
}

.agentWrapper {
    position: relative;
    margin-top: 50px;
}

.groupsperpage {
    position: absolute;
    /*left: 640px;*/
    left: 600px;
    top: -20px;
}

.MyTabStyle {
}

    .MyTabStyle .ajax__tab_header {
        position: absolute;
        width: 180px;
        height: 30px;
        left: 120px;
        padding-bottom: 0;
        top: -25px;
    }

    .MyTabStyle .ajax__tab_body {
        margin-top: 20px;
    }


    .MyTabStyle .ajax__tab_active .ajax__tab_outer {
        top: -28px;
    }

/********************************/
/**Modal Dialog from jQuery UI **/
/********************************/
/** structure **/
.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #7f9454;
        font-size: 1.2em;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        padding: .8em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-se {
        width: 12px;
        height: 12px;
        right: -5px;
        bottom: -5px;
        background-position: 16px 16px;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
    font-size: 0.9em;
    font-weight: bold;
}

.ui-button-icon-only {
    width: 2.2em;
}

button.ui-button-icon-only {
    width: 2.4em;
}

.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}



/** end structure **/
/** theme **/
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("../scripts/jquery-ui-1.11.4.custom/images/ui-icons_222222_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("../scripts/jquery-ui-1.11.4.custom/images/ui-icons_222222_256x240.png");
}

.ui-state-default .ui-icon {
    background-image: url("../scripts/jquery-ui-1.11.4.custom/images/ui-icons_888888_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("../scripts/jquery-ui-1.11.4.custom/images/ui-icons_454545_256x240.png");
}

.ui-state-active .ui-icon {
    background-image: url("../scripts/jquery-ui-1.11.4.custom/images/ui-icons_454545_256x240.png");
}

.ui-state-highlight .ui-icon {
    background-image: url("../scripts/jquery-ui-1.11.4.custom/images/ui-icons_2e83ff_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("../scripts/jquery-ui-1.11.4.custom/images/ui-icons_cd0a0a_256x240.png");
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    /*background: #aaaaaa url("../scripts/jquery-ui-1.11.4.custom/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;*/
    background-color: black;
    opacity: .6;
    filter: Alpha(Opacity=30);
    support: IE8;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url("../scripts/jquery-ui-1.11.4.custom/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30); /* support: IE8 */
    border-radius: 8px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Verdana,Arial,sans-serif;
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff url("../scripts/jquery-ui-1.11.4.custom/images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
    color: #222222;
}

    .ui-widget-content a {
        color: #222222;
    }

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #cccccc url("../scripts/jquery-ui-1.11.4.custom/images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #222222;
    }

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3;
        background: #e5eecf url("../scripts/jquery-ui-1.11.4.custom/images/ui-bg_glass_75_e5eecf_1x400.png") 50% 50% repeat-x;
        font-weight: normal;
        color: #555555;
    }

    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus {
        background: #208eb1 url("../scripts/jquery-ui-1.11.4.custom/images/ui-bg_glass_75_208eb1_1x400.png") 50% 50% repeat-x;
        font-weight: normal;
        color: #FFFFFF;
    }

td.dxic {
    overflow-x: hidden;
}

.hide {
    display: none;
}

#request-id-popup div {
    margin-bottom: 15px;
}

.w_170 {
    width: 170px;
}

.ui-datepicker-trigger {
    vertical-align: middle;
    margin: 0 6px 0 6px;
}

.terminate-member-popup-body {
    margin: 8px 0 8px 0;
}

.icon.help-green-hint {
    background: transparent url("/images/help-icon-green.png") no-repeat scroll 0 0;
    padding: 0 0 0 20px;
    position: relative;
    top: 2px;
}

.checkRegister {
    visibility: hidden;
}

.sectionWrapperOrganizationHeader .bootstrap .nav-pills .nav-item.show .nav-link, .bootstrap .nav-pills .nav-link.active {
    background-color: #eeeeee !important;
}

.sectionWrapperOrganizationHeader .bootstrap a {
    color: #6b8083 !important;
    font-weight: bold;
}

.sectionWrapperOrganizationHeader .bootstrap .dropdown-menu {
    background-color: #eeeeee
}

.sectionWrapperOrganizationHeader .bootstrap a.dropdown-item.organization-selection {
    font-weight: normal !important;
    color: #6b8083;
}

.sectionWrapperOrganizationHeader .bootstrap .dropdown-divider-organization-office {
    background-color: #93ab61;
}

.mfa-challenge {
    width: 400px;
}

    .mfa-challenge .heading {
        border-bottom: solid 3px #93ab5f;
        background: #e5eecf url(/images/account-login.png) 23px 6px no-repeat;
        color: #627434;
        padding: 7px 0 7px 50px;
    }

    .mfa-challenge .info {        
        display: block;
        box-sizing: content-box;
        margin-left: 20px; 
        margin-top: 25px;
    }

        .mfa-challenge .info span {
            font-weight: normal;
        }

        .mfa-challenge .info .error {
            align-self: center;
            margin-left: 5px;
            margin-right: 5px;
        }
       
    .mfa-challenge .btn {
        color: #FFFFFF;
        border: 0;
        border-radius: 4px;
        box-shadow: 1px 1px 1px #dad8db;
        font-size: 1.1em;
        font-weight: bold;
        cursor: pointer;
    }

    .mfa-challenge .footer .continue {        
        margin: unset;
        background: #208eb1;
        right: 0;
    }

        .mfa-challenge .footer .continue:hover {
            background: #2ea2c7;
        }

    .mfa-challenge .cancel {        
        margin: unset;
        background: #696969;
        left: 0;
    }

        .mfa-challenge .cancel:hover {
            background: #9A9A9A;
        }

    .mfa-challenge .footer {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }