﻿html, body {
    margin: 0;
    padding: 0;
}
a {
    cursor: pointer;
}

p {
    font-size: medium;
}
/* Header */
.dxpnl-edge.t.headerPane {
    background-color: #EDEDED;
    background-position: left top;
    background-repeat: no-repeat;
}

    .dxpnl-edge.t.headerPane.panel {
        padding: 0;
    }

.headerMenu {
    border-width: 0 !important;
    border-top-width: 1px !important;
}

.expandedPanel {
    padding: 2px !important;
}

    .expandedPanel .headerMenu {
        border-top-width: 0 !important;
    }

    .expandedPanel .headerTop {
        display: none;
    }

.templateTitle {
    float: left;
    margin-left: 10px;
    margin-bottom: 5px;
    margin-top: 10px;
    margin-right: 10px;
}

.dxpnl-edge.t.headerPane.bar .templateTitle {
    margin: 0;
}

.templateTitle a {
    text-decoration: none;
    font-size: x-large;
    color: black;
}

.loginControl {
    float: right;
    margin: 24px 25px 12px;
    font-size: 12px;
}

    .loginControl a {
        color: black;
        text-decoration: none;
        border-bottom: dashed 1px black;
        display: inline-block;
    }


/* Footer */
.dxpnl-edge.b.footerPane {
    background-color: #EDEDED;
}

    .dxpnl-edge.b.footerPane.panel {
        padding: 0;
    }

.footerMenu {
    float: right;
    padding-top: 7px;
}

.copyright {
    float: left;
    margin: 30px 15px 11px;
}

.content {
    padding: 5px;
}

/* Left Panel */
.leftPane.panel {
    padding: 1px;
    width: 200px;
}

/* Right Panel */
.rightPane.panel {
    padding: 0;
    width: 250px;
}

/* Account */
.accountHeader h2 {
    margin: 10px 0 7px 0;
    font-size: 16px;
}

.accountHeader p {
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.accountHeader {
    margin-bottom: 20px;
}

.form-field {
    margin-bottom: 8px;
}

/* iOS */
.dxpnlControl_iOS.leftPane,
.dxpnlControl_iOS.rightPane,
.dxpnlControl_iOS.contentPane {
    border-width: 1px !important;
}

    .dxpnlControl_iOS.leftPane.panel {
        width: 300px;
    }

.dxpnlControl_iOS.rightPane {
    width: 450px;
}

.dxpnlControl_iOS .templateTitle {
    margin: 17px 25px;
}

    .dxpnlControl_iOS .templateTitle a {
        color: #303030;
        font-size: 26px;
        line-height: 1em;
        font-weight: bold;
    }

.dxpnlControl_iOS .loginControl a {
    color: #0160E7;
    text-decoration: underline;
    font-size: 20px;
    font-weight: bold;
}

.dxpnlControl_iOS.mainContentPane {
    border-width: 0px !important;
    box-shadow: initial;
    -webkit-box-shadow: initial;
    -moz-box-shadow: initial;
}

.dxpnlControl_iOS.dxpnl-edge.b.footerPane {
    border-width: 1px !important;
}

.dxpnlControl_iOS .accountHeader p {
    color: #303030;
}

.dxpnlControl_iOS .accountHeader h2 {
    color: #303030;
    font-size: 26px;
    margin-bottom: 10px;
}


/* Aqua */
.dxpnlControl_Aqua.dxpnl-edge.t.headerPane,
.dxpnlControl_Aqua.dxpnl-edge.b.footerPane,
.dxpnlControl_Aqua .footerMenu li {
    background-color: #BFDBFF;
}

.dxpnlControl_Aqua.dxpnl-edge.t.headerPane {
    background-image: url('images/AquaHeader.jpg');
}

.dxpnlControl_Aqua .accountHeader h2 {
    color: #5689C5;
}

.dxpnlControl_Aqua .loginControl a,
.dxpnlControl_Aqua .templateTitle a {
    color: White;
    border-color: White;
}


/* DevEx */
.dxpnlControl_DevEx.dxpnl-edge.t.headerPane,
.dxpnlControl_DevEx.dxpnl-edge.b.footerPane,
.dxpnlControl_DevEx .footerMenu li {
    background-color: #F2F3F4;
}

.dxpnlControl_DevEx .templateTitle a,
.dxpnlControl_DevEx .loginControl,
.dxpnlControl_DevEx .loginControl a {
    color: #4B4B57;
}

    .dxpnlControl_DevEx .loginControl a {
        border-bottom-color: #4B4B57;
    }


/* BlackGlass */
.dxpnlControl_BlackGlass.dxpnl-edge.t.headerPane,
.dxpnlControl_BlackGlass.dxpnl-edge.b.footerPane,
.dxpnlControl_BlackGlass .footerMenu li {
    background-color: #2A2A2A;
    color: white;
}

.dxpnlControl_BlackGlass.dxpnl-edge.t.headerPane {
    background-image: url('images/BlackGlassHeader.jpg');
}

.dxpnlControl_BlackGlass .leftPanel li[class$="dxnb-last"] ul {
    border-bottom: 1px solid black;
}

.dxpnlControl_BlackGlass .accountHeader p {
    color: #585858;
}

.dxpnlControl_BlackGlass .loginControl a,
.dxpnlControl_BlackGlass .templateTitle a {
    color: White;
    border-color: White;
}


/* Glass */
.dxpnlControl_Glass.dxpnl-edge.t.headerPane,
.dxpnlControl_Glass.dxpnl-edge.b.footerPane,
.dxpnlControl_Glass .footerMenu li {
    background-color: #CFE0E7;
}

.dxpnlControl_Glass.dxpnl-edge.t.headerPane {
    background-image: url('images/GlassHeader.jpg');
}

.dxpnlControl_Glass .footerMenu * {
    background-image: none !important;
}

.dxpnlControl_Glass .templateTitle a,
.dxpnlControl_Glass .loginControl,
.dxpnlControl_Glass .loginControl a {
    color: #4B4B57;
}

    .dxpnlControl_Glass .loginControl a {
        border-bottom-color: #4B4B57;
    }

.dxpnlControl_Glass .accountHeader h2 {
    color: #387FA4;
}

.dxpnlControl_Glass .accountHeader p {
    color: #575757;
}



/* Office2003Blue */
.dxpnlControl_Office2003Blue.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2003Blue.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2003Blue .footerMenu li {
    background-color: #BCD4F6;
}

.dxpnlControl_Office2003Blue .footerMenu div {
    background: transparent none;
}

.dxpnlControl_Office2003Blue .leftPanel > ul {
    background: transparent none;
}

.dxpnlControl_Office2003Blue .templateTitle a,
.dxpnlControl_Office2003Blue .loginControl,
.dxpnlControl_Office2003Blue .loginControl a {
    color: #4B4B57;
}

    .dxpnlControl_Office2003Blue .loginControl a {
        border-bottom-color: #4B4B57;
    }

.dxpnlControl_Office2003Blue .accountHeader p {
    color: #424242;
}


/* Office2003Olive */
.dxpnlControl_Office2003Olive.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2003Olive.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2003Olive .footerMenu li {
    background-color: #D6DCBB;
}

.dxpnlControl_Office2003Olive .footerMenu div {
    background: transparent none;
}

.dxpnlControl_Office2003Olive .leftPanel > ul {
    background: transparent none;
}

.dxpnlControl_Office2003Olive .templateTitle a,
.dxpnlControl_Office2003Olive .loginControl,
.dxpnlControl_Office2003Olive .loginControl a {
    color: #4B4B57;
}

    .dxpnlControl_Office2003Olive .loginControl a {
        border-bottom-color: #4B4B57;
    }

.dxpnlControl_Office2003Olive .accountHeader p {
    color: #424242;
}

/* Office2003Silver */
.dxpnlControl_Office2003Silver.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2003Silver.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2003Silver .footerMenu li {
    background-color: #D0D0DE;
}

.dxpnlControl_Office2003Silver .footerMenu div {
    background: transparent none;
}

.dxpnlControl_Office2003Silver .leftPanel > ul {
    background: transparent none;
}

.dxpnlControl_Office2003Silver .templateTitle a,
.dxpnlControl_Office2003Silver .loginControl,
.dxpnlControl_Office2003Silver .loginControl a {
    color: #4B4B57;
}

    .dxpnlControl_Office2003Silver .loginControl a {
        border-bottom-color: #4B4B57;
    }

.dxpnlControl_Office2003Silver .accountHeader p {
    color: #424242;
}

/* Office2010Black */
.dxpnlControl_Office2010Black.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2010Black.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2010Black .footerMenu li {
    background-color: #393939;
    color: white;
}

.dxpnlControl_Office2010Black .footerMenu a {
    color: white !important;
}

.dxpnlControl_Office2010Black .accountHeader h2 {
    color: #3C3C3C;
}

.dxpnlControl_Office2010Black .loginControl a,
.dxpnlControl_Office2010Black .templateTitle a {
    color: White;
    border-color: White;
}


/* Office2010Blue */
.dxpnlControl_Office2010Blue.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2010Blue.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2010Blue .footerMenu li {
    background-color: #D3E4F6;
}

.dxpnlControl_Office2010Blue .templateTitle a,
.dxpnlControl_Office2010Blue .loginControl,
.dxpnlControl_Office2010Blue .loginControl a {
    color: Black;
}

    .dxpnlControl_Office2010Blue .loginControl a {
        border-bottom-color: Black;
    }

.dxpnlControl_Office2010Blue .accountHeader h2 {
    color: #498BC2;
}


/* Office2010Silver */
.dxpnlControl_Office2010Silver.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2010Silver.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2010Silver .footerMenu li {
    background-color: #A9ACB4;
    color: white;
}

.dxpnlControl_Office2010Silver .accountHeader h2 {
    color: #3B3B3B;
}

.dxpnlControl_Office2010Silver .loginControl a,
.dxpnlControl_Office2010Silver .templateTitle a {
    color: White;
    border-color: White;
}



/* PlasticBlue */
.dxpnlControl_PlasticBlue.dxpnl-edge.t.headerPane,
.dxpnlControl_PlasticBlue.dxpnl-edge.b.footerPane,
.dxpnlControl_PlasticBlue .footerMenu li {
    background-color: #3C4F8F;
    color: white;
}

.dxpnlControl_PlasticBlue.dxpnl-edge.t.headerPane {
    background-image: url('images/PlasticBlueHeader.jpg');
}

.dxpnlControl_PlasticBlue .accountHeader h2 {
    color: #5A83D0;
}

.dxpnlControl_PlasticBlue .accountHeader p {
    color: #575757;
}

.dxpnlControl_PlasticBlue .loginControl a,
.dxpnlControl_PlasticBlue .templateTitle a {
    color: White;
    border-color: White;
}


/* RedWine */
.dxpnlControl_RedWine.dxpnl-edge.t.headerPane,
.dxpnlControl_RedWine.dxpnl-edge.b.footerPane,
.dxpnlControl_RedWine .footerMenu li {
    background-color: #78002B;
    color: white;
}

.dxpnlControl_RedWine.dxpnl-edge.t.headerPane {
    background-image: url('images/RedWineHeader.jpg');
    background-position: top right;
}

.dxpnlControl_RedWine .footerMenu div {
    background: transparent none;
}

.dxpnlControl_RedWine .accountHeader h2 {
    color: #8A0A37;
}

.dxpnlControl_RedWine .loginControl a,
.dxpnlControl_RedWine .templateTitle a {
    color: White;
    border-color: White;
}


/* SoftOrange */
.dxpnlControl_SoftOrange.dxpnl-edge.t.headerPane,
.dxpnlControl_SoftOrange.dxpnl-edge.b.footerPane,
.dxpnlControl_SoftOrange .footerMenu li {
    background-color: #F9F9F9 !important;
    background-image: none !important;
}

.dxpnlControl_SoftOrange .templateTitle a,
.dxpnlControl_SoftOrange .loginControl,
.dxpnlControl_SoftOrange .loginControl a {
    color: Black;
}

    .dxpnlControl_SoftOrange .loginControl a {
        border-bottom-color: Black;
    }

.dxpnlControl_SoftOrange .accountHeader h2 {
    color: Black;
}

.dxpnlControl_SoftOrange .accountHeader p {
    color: #707070;
}


/* Youthful */
.dxpnlControl_Youthful.dxpnl-edge.t.headerPane,
.dxpnlControl_Youthful.dxpnl-edge.b.footerPane,
.dxpnlControl_Youthful .footerMenu li {
    background-color: #8AA150;
    color: white !important;
}

.dxpnlControl_Youthful .accountHeader h2 {
    color: #80A70E;
}

.dxpnlControl_Youthful .loginControl a,
.dxpnlControl_Youthful .templateTitle a {
    color: White;
    border-color: White;
}

/* Metropolis */
.dxpnlControl_Metropolis.dxpnl-edge.t.headerPane,
.dxpnlControl_Metropolis .footerMenu li {
    background-color: White;
    color: Black;
}

.dxpnlControl_Metropolis.rightPane {
    width: 400px;
}

.dxpnlControl_Metropolis .accountHeader h2 {
    color: #3B3B3B;
}

.dxpnlControl_Metropolis .loginControl a,
.dxpnlControl_Metropolis .templateTitle a {
    color: Black;
    border-color: Black;
}

.dxpnlControl_Metropolis .templateTitle a {
    font-size: 28px;
}

/* MetropolisBlue */
.dxpnlControl_MetropolisBlue.dxpnl-edge.t.headerPane,
.dxpnlControl_MetropolisBlue .footerMenu li {
    background-color: White;
    color: Black;
}

.dxpnlControl_MetropolisBlue.rightPane {
    width: 400px;
}

.dxpnlControl_MetropolisBlue .accountHeader h2 {
    color: #3B3B3B;
}

.dxpnlControl_MetropolisBlue .loginControl a,
.dxpnlControl_MetropolisBlue .templateTitle a {
    color: Black;
    border-color: Black;
}

.dxpnlControl_MetropolisBlue .templateTitle a {
    font-size: 28px;
}

/* Moderno */
.dxpnlControl_Moderno.dxpnl-edge.t.headerPane,
.dxpnlControl_Moderno .footerMenu li {
    background-color: White;
    color: Black;
}

.dxpnlControl_Moderno.headerPane .headerMenu .dxm-main {
    border-color: #d1d1d1;
    border-style: solid;
}

.dxpnlControl_Moderno.leftPane {
    padding: 0px;
}

    .dxpnlControl_Moderno.leftPane .dxnbLite_Moderno .dxnb-gr:first-child .dxnb-header,
    .dxpnlControl_Moderno.leftPane .dxnbLite_Moderno .dxnb-gr:first-child .dxnb-headerCollapsed {
        border-top: 0px;
    }

.dxpnlControl_Moderno.rightPane {
    width: 350px;
}

.dxpnlControl_Moderno .accountHeader h2 {
    color: #3B3B3B;
}

.dxpnlControl_Moderno .loginControl a,
.dxpnlControl_Moderno .templateTitle a {
    font-size: 14px;
    color: #0072c6;
    border-color: #0072c6;
}

.dxpnlControl_Moderno .templateTitle a {
    font-size: 28px;
}

.dxpnlControl_Moderno .contentPane .dxgvControl_Moderno .dxgvTable_Moderno {
    border: 0 !important;
}

.dxpnlControl_Moderno .contentPane .dxgvControl_Moderno .dxgvHeader_Moderno {
    border-top: 0 !important;
}

.dxpnlControl_Moderno.dxpnl-edge.b.footerPane {
    background: #EDEDED;
}

/* Mulberry */
.dxpnlControl_Mulberry .footerMenu li {
    background-color: White;
    color: Black;
}

.dxpnlControl_Mulberry .accountHeader h2 {
    color: #3B3B3B;
}

.dxpnlControl_Mulberry .loginControl a,
.dxpnlControl_Mulberry .templateTitle a {
    color: #BF4E6A;
    border-color: #BF4E6A;
    font-size: 14px;
}

.dxpnlControl_Mulberry .templateTitle a {
    font-size: 28px;
}

.dxpnlControl_Mulberry.dxpnl-edge.t.headerPane,
.dxpnlControl_Mulberry.dxpnl-edge.b.footerPane {
    background: #F1F2F5;
}

.dxpnlControl_Mulberry .contentPane .dxgvControl_Mulberry .dxgvTable_Mulberry {
    border: 0 !important;
}

.dxpnlControl_Mulberry .contentPane .dxgvControl_Mulberry .dxgvHeader_Mulberry {
    border-top: 0 !important;
}

.SubTitle {
    vertical-align: middle;
    text-align: left;
    color: #0072c6;
    font-size: x-large;
    font-weight: 400;
    padding-left: 5px;
}

.SubSubTitle {
    vertical-align: middle;
    text-align: left;
    color: #0072c6;
    font-size: large;
    font-weight: 400;
    padding-left: 5px;
}

.PartTitle {
    vertical-align: middle;
    text-align: left;
    color: #0072c6;
    font-size: x-large;
    font-weight: 400;
    padding: 0px;
    padding-top: 10px;
}

.ImportantText {
    color: #404040;
    font-size: medium;
    font-weight: 400;
}

.ButtonState {
    text-align: left;
    color: #0072c6;
    font-size: medium;
    font-weight: 500;
    margin: 5px;
    padding: 0px;
    width: 220px;
}

    .ButtonState:hover {
        color: #ffffff;
    }

.ButtonStateAbbr {
    text-align: center;
    color: #0072c6;
    font-size: medium;
    font-weight: 500;
    margin: 5px;
    padding: 0px;
    width: 40px;
}

    .ButtonStateAbbr:hover {
        color: #ffffff;
    }

.MenuItem {
    text-align: left;
    color: #0072c6;
    background-color: #dddddd;
    font-size: large;
    font-weight: 500;
    width: 220px;
    padding: 5px 10px 5px 10px;
}

    .MenuItem:checked {
        color: #FFFFFF;
        background-color: #646B9D
    }

    .MenuItem:hover {
        color: #FFFFFF;
        background-color: #646B9D
    }

.ButtonMenu {
    color: #0072c6;
    font-size: large;
    font-weight: 500;
    padding: 3px;
    border-color:white;
    border-width:2px;
    border-bottom:none;
    border-top:none;
}
    .ButtonMenu:hover {
        border-color: white;
        border-width: 2px;
        border-bottom: none;
        border-top: none;
    }
.FormTextBox {
    margin-top: 10px;
}

.FooterInformation {
    vertical-align: middle;
    text-align: left;
    color: #0072c6;
    font-size: small;
    font-weight: 400;
    padding-left: 5px;
}

.JurisdictionInformation {
    border-right: solid;
    border-right-color: #777777;
    border-right-width: thin
}

.JurisdictionURL {
    vertical-align: middle;
    text-align: left;
    color: #0072c6;
    font-size: medium;
    font-weight: 400;
    padding: 5px;
    text-decoration: none;
}

.JurisdictionInstructions {
    vertical-align: middle;
    text-align: left;
    color: #444444;
    font-size: medium;
    font-weight: 400;
    padding: 5px;
    text-decoration: none;
}

.AdminCheckbox {
    font-size: medium;
    font-weight: 500;
    color: #666666;
    text-decoration: none;
    vertical-align: top;
    display: inline-table;
}

.ActionButton {
    margin: 5px;
    background-color: #D4D7F1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-style: none;
    padding: 0;
    cursor: pointer;
    font: bold medium Arial, Helvetica;
    color: #646B9D;
    width: 120px;
    height: 25px;
}

    .ActionButton:hover {
        color: #FFFFFF;
    }

a.StandardLink {
    color: #0072c6;
    font-weight: 500;
    text-decoration: none;
}

    a.StandardLink:hover {
        text-decoration: none;
        color: darkred;
    }

    a.StandardLink:visited {
        color: #0072c6;
    }

        a.StandardLink:visited:hover {
            text-decoration: none;
            color: darkred;
        }

a.TreeRoot,
a.TreeRoot:link,
a.TreeRoot:visited,
a.TreeRoot:hover {
    FONT-WEIGHT: 700;
    FONT-SIZE: medium;
    COLOR: #13132D;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}

a.TreeMJSRoot,
a.TreeMJSRoot:link,
a.TreeMJSRoot:visited,
a.TreeMJSRoot:hover {
    FONT-WEIGHT: 700;
    FONT-SIZE: medium;
    COLOR: #144678;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}

a.TreeTopic,
a.TreeTopic:link,
a.TreeTopic:visited,
a.TreeTopic:hover {
    FONT-WEIGHT: 400;
    FONT-SIZE: medium;
    color: #144678;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}

.eBookHeader {
    color: #707070;
    font-size: larger;
    font-family: Arial, sans-serif;
    display: inline-block;
    padding-top: 5px;
    padding-left: 10px;
}

.eBookHeaderChild {
    color: #707070;
    font-size: larger;
    font-family: Arial, sans-serif;
    display: inline-block;
    padding-top: 5px;
    padding-left: 0px;
}

.eBookSubHeader {
    color: #707070;
    FONT-SIZE: larger;
    FONT-FAMILY: Arial, sans-serif;
    display: inline-block;
    padding-top: 5px;
    padding-left: 10px;
}

.eBookContentTitle {
    color: #0072c6;
    FONT-WEIGHT: 400;
    FONT-SIZE: x-large;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding: 5px
}

.eBookContentSubTitle {
    color: #0072c6;
    FONT-WEIGHT: 400;
    FONT-SIZE: large;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding: 5px
}

.TopicList, a.TopicList {
    color: #0072c6;
    FONT-WEIGHT: 400;
    FONT-SIZE: larger;
    text-decoration: none !important;
    padding: 10px;
    padding-left: 20px;
}

    a.TopicList:visited {
        color: #0072c6;
        text-decoration: none;
    }

    a.TopicList:hover {
        color: darkred;
        text-decoration: none;
    }

    a.TopicList:visited:hover {
        color: darkred;
        text-decoration: none;
    }

.DocumentList {
    color: #444444 !important;
    font-weight: bold;
    font-size: larger;
    font-family: Arial, sans-serif;
    padding: 10px;
    padding-left: 20px;
}

.FilterButton {
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 3px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.eBookCrumbTrail,
a.eBookCrumbTrail,
a.eBookCrumbTrail:link,
a.eBookCrumbTrail:visited,
a.eBookCrumbTrail:hover {
    color: #889739;
    font-weight: bold;
    font-size: medium;
    font-family: Arial, sans-serif;
    display: inline-block;
    text-decoration: none;
}

    a.eBookCrumbTrail:hover {
        color: #144678;
    }

a.IndexCompany,
a.IndexCompany:link,
a.IndexCompany:visited,
a.IndexCompany:hover {
    FONT-WEIGHT: 700;
    FONT-SIZE: xx-large;
    color: #13132D;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}

a.IndexLibrary,
a.IndexLibrary:link,
a.IndexLibrary:visited,
a.IndexLibrary:hover {
    FONT-WEIGHT: 700;
    FONT-SIZE: x-large;
    color: #144678;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}

a.IndexCollection,
a.IndexCollection:link,
a.IndexCollection:visited,
a.IndexCollection:hover {
    FONT-WEIGHT: 700;
    FONT-SIZE: large;
    color: #144678;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}

a.IndexThemeMain,
a.IndexThemeMain:link,
a.IndexThemeMain:visited,
a.IndexThemeMain:hover {
    FONT-WEIGHT: 700;
    FONT-SIZE: large;
    color: #336699;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}

a.IndexThemeSub,
a.IndexThemeSub:link,
a.IndexThemeSub:visited,
a.IndexThemeSub:hover {
    FONT-WEIGHT: 700;
    FONT-SIZE: medium;
    color: #336699;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}

a.IndexeBook,
a.IndexeBook:link,
a.IndexeBook:visited,
a.IndexeBook:hover {
    FONT-WEIGHT: 700;
    FONT-SIZE: medium;
    color: #444444;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}

.LibraryTreeThemeMain,
.LibraryTreeThemeMain:link,
.LibraryTreeThemeMain:visited,
.LibraryTreeThemeMain:hover {
    FONT-WEIGHT: 700;
    FONT-SIZE: large;
    color: #3970c8;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}

.LibraryTreeThemeSub,
.LibraryTreeThemeSub:link,
.LibraryTreeThemeSub:visited,
.LibraryTreeThemeSub:hover {
    FONT-WEIGHT: 700;
    FONT-SIZE: medium;
    color: #444444;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}

.LibraryTreeEbook,
.LibraryTreeEbook:link,
.LibraryTreeEbook:visited,
.LibraryTreeEbook:hover {
    FONT-WEIGHT: 500;
    FONT-SIZE: medium;
    color: #444444;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}

.LibraryTreeContent,
.LibraryTreeContent:link,
.LibraryTreeContent:visited,
.LibraryTreeContent:hover {
    FONT-WEIGHT: 500;
    FONT-SIZE: medium;
    color: #444444;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}

.IndexEbookCell {
    padding: 5px;
    background-color: #f2f2f2;
    width: 100%;
}

a.IndexButton,
a.IndexButton:link,
a.IndexButton:visited,
a.IndexButton:hover {
    background-color: #efefef;
    border: 1px solid #fefefe;
    padding: 3px;
    padding-right: 20px;
    padding-left: 20px;
    font-weight: 500;
    color: #444444;
    font-family: Arial;
    text-decoration: none;
    -webkit-appearance: button;
    -moz-appearance: button;
    border-radius: 5px;
}

    a.IndexButton:hover {
        background-color: #444444;
        color: #efefef;
    }

td.IndexButtonLeft,
td.IndexButtonMiddle,
td.IndexButtonRight {
    vertical-align: middle;
    text-align: center;
    width: 33%;
}

td.IndexButtonLeft {
    text-align: left;
}

td.IndexButtonRight {
    text-align: right;
}

tr.IndexButtons {
}

div.IndexButtons {
    padding-top: 5px;
    padding-bottom: 2px;
    vertical-align: middle;
}

div.IndexAdminButtons {
    background-color: #fffa99;
    padding: 5px;
    padding-left: 10px;
    color: #144678;
    font-weight: 700;
    vertical-align: middle;
}

.LogoColor1 {
    color: #13132D;
}

.LogoColor1 {
    color: #144678;
}

.LogoColor1 {
    color: #889739;
}

h1.login {
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);
    text-transform: uppercase;
    text-align: center;
    color: #666;
    margin: 0 0 30px 0;
    letter-spacing: 4px;
    font: normal 26px/1 Verdana, Helvetica;
    position: relative;
}

    h1.login:after, h1.login:before {
        content: " ";
        height: 30px;
        position: absolute;
        top: 5px;
        width: 120px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    h1.login:after {
        background-image: url('Images/HeaderRight.png');
        right: 0;
    }

    h1.login:before {
        background-image: url('Images/HeaderLeft.png');
        left: 0;
    }

.inputUser {
    margin: 0 0 20px 100px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-position: 15px !important;
    -webkit-box-shadow: 10px 10px 10px 0px rgba(136,136,136,1);
    -moz-box-shadow: 10px 10px 10px 0px rgba(136,136,136,1);
    box-shadow: 10px 10px 10px 0px rgba(136,136,136,1);
}

.inputPassword {
    margin: 0 0 20px 100px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 10px 10px 10px 0px rgba(136,136,136,1);
    -moz-box-shadow: 10px 10px 10px 0px rgba(136,136,136,1);
    box-shadow: 10px 10px 10px 0px rgba(136,136,136,1);
    background-position: 15px !important;
}

.inputUser:focus {
    background-color: #fff;
    border-color: #e8c291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;
}

.LoginButton {
    margin: 20px 0 20px 0;
    background-color: #cccccc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#cccccc));
    background-image: -webkit-linear-gradient(top, #aaaaaa, #cccccc);
    background-image: -moz-linear-gradient(top, #aaaaaa, #cccccc);
    background-image: -o-linear-gradient(top, #aaaaaa, #cccccc);
    background-image: linear-gradient(top, #aaaaaa, #cccccc);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: 5px 5px 5px 0px rgba(136,136,136,1);
    -moz-box-shadow: 5px 5px 5px 0px rgba(136,136,136,1);
    box-shadow: 5px 5px 5px 0px rgba(136,136,136,1);
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc #aaaaaa #cccccc #aaaaaa;
    padding: 0;
    cursor: pointer;
    font: bold 14px Arial, Helvetica;
    color: #ffffff;
}

    .LoginButton:hover, .LoginButton:focus {
        background-color: #666666;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#aaaaaa));
        background-image: -webkit-linear-gradient(top, #666666, #aaaaaa);
        background-image: -moz-linear-gradient(top, #666666, #aaaaaa);
        background-image: -o-linear-gradient(top, #666666, #aaaaaa);
        background-image: linear-gradient(top, #666666, #aaaaaa);
    }

    .LoginButton:active {
        outline: none;
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
    }

.LoginButtondisabled {
    background-color: #FF0000;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#aaaaaa));
    background-image: -webkit-linear-gradient(top, #666666, #aaaaaa);
    background-image: -moz-linear-gradient(top, #666666, #aaaaaa);
    background-image: -o-linear-gradient(top, #666666, #aaaaaa);
    background-image: linear-gradient(top, #666666, #aaaaaa);
}

.LoginButton::-moz-focus-inner {
    border: none;
}

#actions a {
    color: #3151A2;
    float: right;
    line-height: 35px;
    margin-left: 10px;
}

.RoleCaption {
    font-size: medium;
    font-weight: 500;
    color: #666666;
    text-decoration: none;
}

.GrayLink,
a.GrayLink {
    font-size: medium;
    font-weight: 700;
    color: #666666;
    text-decoration: none;
}

.GrayLinkSmall,
a.GrayLinkSmall {
    font-size: medium;
    font-weight: 700;
    color: #666666;
    text-decoration: none;
}

a.GrayLinkSmaller {
    font-size: small;
    font-weight: 700;
    color: #666666;
    text-decoration: none;
}

.inputRounded {
    margin: 0 0 10px 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(136,136,136,1);
    -moz-box-shadow: 5px 5px 5px 0px rgba(136,136,136,1);
    box-shadow: 5px 5px 5px 0px rgba(136,136,136,1);
    background-color: #F1F1F1;
    Font-Size: medium;
    border-style: solid;
    border-color: #cccccc;
    Border-Width: 1px;
    Padding: 5px;
    width: 100%;
}

.inputRoundedImage {
    margin: 0 0 10px 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-position: 10px !important;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(136,136,136,1);
    -moz-box-shadow: 5px 5px 5px 0px rgba(136,136,136,1);
    box-shadow: 5px 5px 5px 0px rgba(136,136,136,1);
    background-color: #F1F1F1;
    Font-Size: medium;
    border-style: solid;
    border-color: #cccccc;
    Border-Width: 1px;
    Padding: 5px;
    padding-left: 45px;
}

.inputRoundedAccount {
    margin: 0 0 10px 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-position: 10px !important;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(136,136,136,1);
    -moz-box-shadow: 5px 5px 5px 0px rgba(136,136,136,1);
    box-shadow: 5px 5px 5px 0px rgba(136,136,136,1);
    background-color: #F1F1F1;
    Font-Size: medium;
    border-style: solid;
    border-color: #cccccc;
    Border-Width: 1px;
    Padding: 5px;
    padding-left: 45px;
    background-repeat: no-repeat;
    background-position: center left;
    width: 300px;
    margin-right: auto;
    margin-left: auto;
}

.CaptionAccount {
    font-size: medium;
    font-weight: 400;
    color: #666666;
    text-decoration: none;
}

.inputRoundedAccountCompact {
    margin: 5px;
    margin-top: 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-position: 15px !important;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(136,136,136,1);
    -moz-box-shadow: 3px 3px 3px 0px rgba(136,136,136,1);
    box-shadow: 3px 3px 3px 0px rgba(136,136,136,1);
    background-color: #F1F1F1;
    Font-Size: medium;
    border-style: solid;
    border-color: #cccccc;
    Border-Width: 1px;
    Padding: 3px;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 20px;
    width: 240px;
}

.CaptionAccountCompact {
    font-size: medium;
    font-weight: 700;
    color: #666666;
    text-decoration: none;
    padding-left: 5px;
}

.AccountCompact {
    font-size: medium;
}

.LoginButton-Compact {
    margin: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(136,136,136,1);
    -moz-box-shadow: 3px 3px 3px 0px rgba(136,136,136,1);
    box-shadow: 3px 3px 3px 0px rgba(136,136,136,1);
    font-size: medium;
    padding: 3px;
    width: 240px
}

div.AccountCompact {
    margin: 0px;
    width: 250px;
    padding: 10px;
    text-align: left;
    border: solid;
    border-color: #DCDCDC;
    background-color: #F5F5F5;
    display: inline-block;
    vertical-align: top
}

.SPFormHeading {
    margin: 0px auto;
    margin-bottom: 10px;
    width: 100%;
    padding: 0px;
    padding-bottom: 5px;
    text-align: left;
    font-size: large;
    font-weight: 700;
    color: #666666;
    border-bottom: solid;
    border-bottom-color: #DCDCDC;
}

.SPFormHeadingCell {
    margin: 0px auto;
    margin-bottom: 10px;
    padding: 0px;
    padding-bottom: 5px;
    text-align: left;
    font-size: large;
    font-weight: 700;
    color: #666666;
    border-bottom: solid;
    border-bottom-color: #DCDCDC;
}

.AccountCompactHeading {
    margin: 0px auto;
    margin-bottom: 10px;
    width: 100%;
    padding: 0px;
    padding-bottom: 5px;
    text-align: left;
    font-size: large;
    font-weight: 700;
    color: #666666;
    border-bottom: solid;
    border-bottom-color: #DCDCDC;
}

.AccountCompactMessage {
    display: block;
    padding: 10px;
    Font-Size: medium;
    font-weight: 700;
    Color: darkgreen;
}

.AccountCompactError {
    display: block;
    padding: 10px;
    Font-Size: medium;
    font-weight: 700;
    Color: red;
}

.AccountCompactImportant {
    display: block;
    Font-Size: medium;
    font-weight: 700;
    color: #666666;
}

.ValidationAccount {
    font-size: medium;
    font-weight: 700;
    color: #FF0000;
    text-decoration: none;
    text-align: center;
}

div.center300 {
    margin: 0px auto;
    width: 300px;
    text-align: center;
}

div.center600 {
    margin: 0px auto;
    width: 600px;
    text-align: center;
}

div.center900 {
    margin: 0px auto;
    width: 900px;
    text-align: center;
}

div.SiteSeal {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.HeaderLoginText {
    color: #999999;
    font-family: Verdana;
    font-size: small;
    font-weight: 300;
    text-decoration: none;
}

    .HeaderLoginText:hover {
        text-decoration: none;
    }

.DocumentContainer {
    position: relative;
    height: 60vh;
    padding-bottom: 30px;
    width: 95%;
}

.DocumentContaineriframe {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 75vh;
}

.ErrorLabel {
    color: red;
    font-size: large;
    font-weight: 700;
}
.StatusLabel {
    color: #666666;
    font-size: small;
    font-weight: 500;
}
    .StatusLabel:hover{
        text-decoration:none;
    }
.StatusLabelLink {
    color: #0072c6;
    font-size: small;
    font-weight: 500;
}

    .StatusLabelLink:hover {
        text-decoration: none;
        color: darkred;
    }

.SuccessLabel {
    color: green;
    font-size: large;
    font-weight: 700;
}

.SPCell {
    margin: 0px auto;
    padding: 3px;
    padding-bottom: 5px;
}

.ReportTitle {
    vertical-align: middle;
    text-align: left;
    color: #0072c6;
    font-size: xx-large;
    font-weight: 700;
    padding: 10px;
    padding-left: 0px;
}

.ReportSubTitle {
    background-color: aliceblue;
    vertical-align: middle;
    text-align: left;
    color: #0072c6;
    font-size: x-large;
    font-weight: 500;
    padding: 10px;
    padding-left: 5px;
}

.ReportSubSubTitle {
    vertical-align: middle;
    text-align: left;
    color: #0072c6;
    font-size: large;
    font-weight: 500;
    padding: 10px;
    padding-left: 10px;
}

.ReportContent {
    display: block;
    padding-left: 20px;
    padding-bottom: 0px !important;
}

.ReportContentUpdated {
    display: block;
    padding-left: 20px;
    color: darkgray;
    padding-top: 0px !important;
}

.MenuButton {
    width: 110px;
    padding: 3px;
    display: inline-block;
    margin: 5px;
    color: #0072c6;
    font-size: large;
    font-weight: 500;
}
    .MenuButton:hover {
        color: #ffffff;
    }

.AdminField {
    break-inside: avoid;
}

.AdminInput {
    margin: 0 0 10px 0px;
    border-radius: 5px;
    font-size: medium;
    Padding: 3px;
    width: 100%;
}

.AdminCaption {
    margin: 0 0 10px 0px;
    Padding: 3px;
    color: #666666;
    font-size: medium;
    font-weight: 500;
    width: 200px;
}

.AdminFormHeading {
    color: #666666;
    font-size: large;
    font-weight: 700;
}

.AdminTitle {
    margin: 0 0 10px 0px;
    Padding: 3px;
    font-size: medium;
    font-weight: 500;
}

.Spacer20 {
    width: 20px;
    display: inline-block;
    position: relative
}

.Spacer10 {
    width: 10px;
    display: inline-block;
    position: relative
}

.SelectionTable {
    width: 900px !important;
}

.SelectionCell {
    vertical-align: top;
    width: 400px !important;
}

.ButtonsCell {
    text-align: center;
    vertical-align: middle;
    width: 100px !important;
}

.SelectionButton {
    width: 80% !important;
    padding-left: 0px;
    padding-right: 0px;
}

.ControlInline {
    display: inline-table;
}

.SmallActionButton {
    margin: 5px;
    background-color: #D4D7F1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-style: none;
    padding: 3px;
    cursor: pointer;
    font: bold small Arial, Helvetica;
    color: #646B9D;
    height: 25px;
}

    .SmallActionButton:hover {
        color: #FFFFFF;
    }

a.IDLink {
    vertical-align: top;
    text-align: left;
    color: #0072c6;
    font-size: large;
    font-weight: 400;
    padding: 0px;
    text-decoration: none;
}
    a.IDLink:hover {
        text-decoration: none;
        color: darkred;
        font-weight: 400;
    }
    a.IDLink:visited {
        color: #0072c6;
    }
        a.IDLink:visited:hover {
            text-decoration: none;
            color: darkred;
            font-weight: 400;
        }

a.LibraryLink {
    vertical-align: middle;
    text-align: left;
    color: #428968;
    font-size: large;
    font-weight: 500;
    padding: 5px;
    text-decoration: none;
}

    a.LibraryLink:hover {
        text-decoration: none;
        color: darkred;
        font-weight: 500;
    }

    a.LibraryLink:visited {
        color: #428968;
    }

        a.LibraryLink:visited:hover {
            text-decoration: none;
            color: darkred;
            font-weight: 400;
        }

.IDLink {
    vertical-align: middle;
    text-align: left;
    color: #0072c6;
    font-size: large;
    font-weight: 400;
    padding: 5px;
    text-decoration: none;
}

.AlertHeader {
    color: #666666;
    font-weight: 500;
    font-family: Arial, sans-serif;
    vertical-align: middle;
    text-align: left;
    font-size: x-large;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.AlertTitle {
    vertical-align: middle;
    text-align: left;
    color: #666666;
    font-size: large;
    font-weight: 500;
    padding: 5px;
}

    .AlertTitle:hover {
        color: #0072c6;
    }

.AlertPanel {
    border-style: none !important;
    font-weight: 400;
    font-size: medium;
}

.AlertsContainer {
    width: 350px;
    padding-left: 30px;
    margin: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(136,136,136,1);
    -moz-box-shadow: 3px 3px 3px 0px rgba(136,136,136,1);
    box-shadow: 3px 3px 3px 0px rgba(136,136,136,1);
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc #aaaaaa #cccccc #aaaaaa;
}

.AlertLink {
    vertical-align: middle;
    text-align: left;
    color: #0072c6;
    font-size: medium;
    font-weight: 700;
    text-decoration: none;
}

    .AlertLink:hover {
        color: #c33333;
    }

.RelatedEbooksContainer {
    vertical-align: top;
    text-align: left;
    font-size: medium;
    font-weight: 500;
    text-decoration: none;
    padding: 10px;
}

.RelatedEbook {
    vertical-align: top;
    text-align: left;
    color: #0072c6;
    font-size: medium;
    font-weight: 500;
    text-decoration: none;
    padding: 0px;
}

    .RelatedEbook:visited {
        color: #0072c6 !important;
    }

    .RelatedEbook:hover {
        color: darkred !important;
        text-decoration: none !important;
    }

.RelatedEbookSeperator {
    vertical-align: top;
    text-align: left;
    font-size: medium;
    font-weight: 500;
    text-decoration: none;
    padding: 0px;
}

a.BannerButton,
a.BannerButton:link,
a.BannerButton:visited,
a.BannerButton:hover {
    background-color: #efefef;
    border: 1px solid #fefefe;
    padding: 15px;
    padding-right: 30px;
    padding-left: 30px;
    font-size: 18pt;
    font-weight: 500;
    color: #444444;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    text-decoration: none;
    -webkit-appearance: button-bevel;
    -moz-appearance: button-bevel;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 30px;
}

    a.BannerButton:hover {
        background-color: #444444;
        color: #efefef;
    }

a.BannerButton2,
a.BannerButton2:link,
a.BannerButton2:visited,
a.BannerButton2:hover {
    background-color: #1062ad;
    border: 1px solid #fefefe;
    padding: 15px;
    padding-right: 30px;
    padding-left: 30px;
    font-size: 18pt;
    font-weight: 500;
    color: #ffffff;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    text-decoration: none;
    -webkit-appearance: button-bevel;
    -moz-appearance: button-bevel;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 30px;
}

    a.BannerButton2:hover {
        background-color: #444444;
        color: #efefef;
    }

.ProductFee {
    font-size: medium;
    font-weight: 700;
    color: #666666;
    text-decoration: none;
    display: block;
    text-align: left;
    padding-left: 40px;
    padding-bottom: 30px;
    padding-top: 15px;
}

.ProductDescription {
    font-size: medium;
    font-weight: 500;
    color: #333333;
    text-decoration: none;
    display: block;
    text-align: left;
    padding-left: 40px;
}

.EbookLastUpdated {
    width: 100%;
    padding-top: 30px;
    font-weight: 500;
    color: #333333;
    text-align: center;
}

a.TableLink,
a.TableLink:link,
a.TableLink:visited,
a.TableLink:hover {
    background-color: #1062ad;
    border: 1px solid #fefefe;
    padding: 5px 5px;
    text-align: center;
    font-size: 14pt;
    font-weight: 500;
    color: #ffffff;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    text-decoration: none;
    -webkit-appearance: button-bevel;
    -moz-appearance: button-bevel;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-wrap: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
}

    a.TableLink:hover {
        background-color: #444444;
        color: #efefef;
    }

a.ShareButton,
a.ShareButton:link,
a.ShareButton:visited,
a.ShareButton:hover {
    background-color: #eeeeee;
    border: none;
    padding: 3px 3px;
    text-align: center;
    font-size: 12pt;
    font-weight: 400;
    color: #444444;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    text-decoration: none;
    -webkit-appearance: button-bevel;
    -moz-appearance: button-bevel;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-wrap: none;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

    a.ShareButton:hover {
        background-color: #444444;
        color: #efefef;
    }

.GridHeader {
    font-weight: 700;
    color: #000000 !important;
}



.dropdown-button {
    background-color: #0000b3;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-list {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 500px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
    /* Links inside the dropdown */
    .dropdown-list a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        font-family: verdana;
    }
        /* Change color of dropdown links on hover */
        .dropdown-list a:hover {
            background-color: #ddd;
        }
/* Show the dropdown list on hover */
.dropdown:hover .dropdown-list {
    display: block;
}
/* Change the background color of the dropdown button when the dropdown list is shown */
.dropdown:hover .dropdown-button {
    background-color: #6666ff;
}

.Tablelink {
    /*color: #0072C6 !important;*/
}

.TreeMiniAlerts {
    font-size: 8pt;
    font-weight: 500;
    color: cadetblue;
}

.dxtlDataTable {
    border: none !important;
}

.dxrpHT {
    width: 100%;
}

.AlertSubTitle {
    background-color: #efefef;
    padding: 5px;
    text-align: left;
    font-size: small;
}

a.AlertLink,
a.AlertLink:link,
a.AlertLink:visited,
a.AlertLink:hover {
    background-color: #ababab;
    border: 1px solid #fefefe;
    padding: 3px 3px;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
    font-size: 14pt;
    font-weight: 500;
    color: #ffffff;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    text-decoration: none;
    -webkit-appearance: button-bevel;
    -moz-appearance: button-bevel;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-wrap: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
}

    a.AlertLink:hover {
        background-color: #777777;
    }
.StatusNone{
    font-weight:500;
    color:#666666;
}
.StatusEditing {
    font-weight: 500;
    color: #146978;
}
.StatusSubmitted {
    font-weight: 500;
    color: #e9ab2a;
}
.StatusRejected {
    font-weight: 500;
    color: darkred;
}
.StatusPublished {
    font-weight: 500;
    color: darkgreen;
}
.BoxContainer {
    width: 100%;
    padding: 5px;
    margin: 5px;
    margin-bottom:10px;
    margin-top:10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(136,136,136,1);
    -moz-box-shadow: 3px 3px 3px 0px rgba(136,136,136,1);
    box-shadow: 3px 3px 3px 0px rgba(136,136,136,1);
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc #aaaaaa #cccccc #aaaaaa;
}

a.ButtonLink,
a.ButtonLink:link,
a.ButtonLink:visited,
a.ButtonLink:hover {
    background-color: #0072c6;
    border: 1px solid #fefefe;
    padding: 3px 3px;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
    font-size: 14pt;
    font-weight: 500;
    color: #ffffff;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    text-decoration: none;
    -webkit-appearance: button-bevel;
    -moz-appearance: button-bevel;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-wrap: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
}

    a.ButtonLink:hover {
        background-color: #777777;
    }

/* BEGIN: Styles for formatting chart topic tables */
.TableTopic0 {
    padding: 5px;
    vertical-align: middle;
    text-align: left;
    color: darkslategray;
    font-size: x-large;
    font-weight: 700;
    background-color: #F1F1F1;
    margin: 5px;
}
.TableTopic1 {
    padding: 5px;
    padding-left: 10px;
    vertical-align: middle;
    text-align: left;
    color: darkslategray;
    font-size: large;
    font-weight: 700;
    background-color: #f5f5f5;
    margin: 5px;
}
.TableTopic2 {
    padding: 5px;
    padding-left: 15px;
    vertical-align: middle;
    text-align: left;
    color: darkslategray;
    font-size: large;
    font-weight: 500;
    background-color: #fafafa;
    margin: 5px;
}
.TableTopic3 {
    padding: 5px;
    padding-left: 15px;
    vertical-align: middle;
    text-align: left;
    color: darkslategray;
    font-size: large;
    font-weight: 400;
    background-color: #fdfdfd;
    margin: 5px;
}
.TableTopicInline{
    display:inline-block;
    background-color:transparent;
    vertical-align:top;
    padding-left:0px;
}
.PopupCircle {
    display: inline-block;
    width: 80px;
    vertical-align:top;
}
.PopupAnswer {
    display: inline-block;
    width: 80%;
    vertical-align: top;
    padding-top: 4px;
}
.TableTopicWrapper {
    padding-top:3px;
   
}
.TableRow {
    vertical-align: middle;
    text-align: left;
    font-size: medium;
    font-weight: 400;
    height: 40px
}
.ShortAnswer {
    display: inline-block;
    vertical-align: top;
    line-height: 13px;
    margin: 5px;
    color: darkslategray;
    font-weight: 700;
}
.ShortAnswerScore {
    display: inline-block;
    vertical-align: top;
    line-height: 11px;
    margin: 5px;
    color: darkslategray;
    font-weight: 700;
}
.ShortAnswerScoreLabel {
    display: inline-block;
    vertical-align: top;
    line-height: 13px;
    margin: 5px;
    color: darkslategray;
    font-weight: 700;
}
.ShortAnswerScoreLabelWrap {
    display: inline;
    vertical-align:baseline;line-height: 13px;margin: 5px;color: darkslategray;font-weight: 700;
}
.TableQuestion {
    padding: 5px;
    vertical-align: top;
    text-align: left;
    color: darkslategray;
    font-size: medium;
    font-weight: 500;
    margin: 5px;
    margin-left: 25px;
}
.TableQuestionWrap {
    padding: 5px;
    vertical-align: top;
    text-align: left;
    color: darkslategray;
    font-size: medium;
    font-weight: 500;
    margin: 5px;
    margin-left: 25px;
}
.TableMore {
    background-color:transparent;
    background-image: url(/Content/Images/help_32.png);
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
    border: none;
    margin: 3px;
    font-size: x-small;
    font-weight: 700;
    color: transparent;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}

a.ChartTableLink,
a.ChartTableLink:link,
a.ChartTableLink:visited,
a.ChartTableLink:hover {
    font-size: medium;
    color: #0072c6;
    font-weight: 500;
    text-decoration: none;
    text-wrap: none;
    display: inline-block;
    cursor: pointer;
}


.Level-0 {
    width: 35px;
    height: 35px;
    line-height: 35px;
}
.Level-1 {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.Level-2 {
    width: 25px;
    height: 25px;
    line-height: 25px;
}
.Level-3 {
    width: 20px;
    height: 20px;
    line-height: 20px;
}
.Level-Q {
    width: 20px;
    height: 20px;
    line-height: 20px;
}

.Circle {
    display: inline-block;
    text-decoration: none;
    border-radius: 50%;
    overflow: hidden;
    margin: 5px;
}

.Score-G {
    background: #aaaaaa;
    fill: #aaaaaa;
}
    .Score-G::before {
        font-weight: bold;
        color: #aaaaaa;
        content: "NA";
    }

.Score-0 {
    background: #aa0000;
    fill: #aa0000;
}
    .Score-0::before {
        font-weight: bold;
        color: #aa0000;
        content: "0";
    }

.Score-1 {
    background: #c34300;
    fill: #c34300;
}
    .Score-1::before {
        font-weight: bold;
        color: #c34300;
        content: "1";
    }

.Score-2 {
    background: #d66f00;
    fill: #d66f00;
}
    .Score-2::before {
        font-weight: bold;
        color: #d66f00;
        content: "2";
    }

.Score-3 {
    background: #e49900;
    fill: #e49900;
}
    .Score-3::before {
        font-weight: bold;
        color: #e49900;
        content: "3";
    }

.Score-4 {
    background: #ecc300;
    fill: #ecc300;
}
    .Score-4::before {
        font-weight: bold;
        color: #ecc300;
        content: "4";
    }

.Score-5 {
    background: #eeee00;
    fill: #eeee00;
}
    .Score-5::before {
        font-weight: bold;
        color: #eeee00;
        content: "5";
    }

.Score-6 {
    background: #c8e200;
    fill: #c8e200;
}
    .Score-6::before {
        font-weight: bold;
        color: #c8e200;
        content: "6";
    }

.Score-7 {
    background: #a2d500;
    fill: #a2d500;
}
    .Score-7::before {
        font-weight: bold;
        color: #a2d500;
        content: "7";
    }

.Score-8 {
    background: #7bc700;
    fill: #7bc700;
}
    .Score-8::before {
        font-weight: bold;
        color: #7bc700;
        content: "8";
    }

.Score-9 {
    background: #50b900;
    fill: #50b900;
}
    .Score-9::before {
        font-weight: bold;
        color: #50b900;
        content: "9";
    }

.Score-10 {
    background: #00aa00;
    fill: #00aa00;
}
    .Score-10::before {
        font-weight: bold;
        color: #00aa00;
        content: "10";
    }

/* END: Styles for formatting chart topic tables */

/* BEGIN: MAP Styles */
#us-map {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.state {
    stroke: #fafafa;
    stroke-width: 2;
}
.dccircle {
    display: block;
    stroke: #fafafa;
    stroke-width: 2;
}
path:hover, circle:hover {
    stroke-linejoin: round;
    cursor: pointer;
}
#info-box {
    display: none;
    position:absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background-color: #fafafa;
    border: 2px solid #0072c6;
    border-radius: 10px;
    padding: 5px;
    opacity:1;
    width:500px !important;
}
/* END: MAP Styles */

.MenuButton {
    background: linear-gradient(to bottom, #489cf0 5%, #1e7ad6 100%);
    background-color: #489cf0;
    border-radius: 5px;
    border: 1px solid #84bbf3;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 15px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #2576c7;
}

    .MenuButton:hover {
        background: linear-gradient(to bottom, #1e7ad6 5%, #489cf0 100%);
        background-color: #1e7ad6;
    }

    .MenuButton:active {
        position: relative;
        top: 1px;
    }
a.collapsed {
    cursor: pointer;
}

@media print {
    .TableMore {
        display:none !important;
    }
}

li.SpacedMedium {
    padding-top:3px;
    padding-bottom:3px;
}

.ExpandingTitle {
    color: #0072c6;
    FONT-WEIGHT: 500;
    FONT-SIZE: large;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding: 5px;
    text-decoration:none;
}

.LibraryTreeChart0,
.LibraryTreeChart0:link,
.LibraryTreeChart0:visited,
.LibraryTreeChart0:hover {
    FONT-WEIGHT: 700;
    FONT-SIZE: 16px;
    color: #3970c8;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}

.LibraryTreeChart1,
.LibraryTreeChart1:link,
.LibraryTreeChart1:visited,
.LibraryTreeChart1:hover {
    FONT-WEIGHT: 700;
    FONT-SIZE: 15px;
    color: #3970c8;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}

.LibraryTreeChart2,
.LibraryTreeChart2:link,
.LibraryTreeChart2:visited,
.LibraryTreeChart2:hover {
    FONT-WEIGHT: 700;
    FONT-SIZE: 14px;
    color: #444444;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}

.LibraryTreeChart3,
.LibraryTreeChart3:link,
.LibraryTreeChart3:visited,
.LibraryTreeChart3:hover {
    FONT-WEIGHT: 700;
    FONT-SIZE: 13px;
    color: #444444;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}
