  ﻿

/*---Tables---*/
table {
    width: 100%;
}
    table.blue caption, table.green caption, table.orange caption {
        padding: 8px 5px;
        font-weight: bold;
        text-align: left;
        color: #FFFFFF;
    }

.table caption a.return-top {
    color: #fff;
    float: right;
    margin-right: 10px;
    text-decoration: none;
    border-bottom: 1px solid #fff;
}

    .table caption a.return-top:hover {
        color: #eee;
    }

table.blue caption {
    background-color: #6392C9;
}

table.blue tr:nth-child(odd) {
    background-color: #d7ebf9;
}

    table.blue tr:nth-child(odd) table.inner tr:nth-child(odd) {
        background-color: #fff;
    }

table.blue td {
    text-align: left;
}

table.green caption {
    background-color: #587D3E;
}

table.green tr:nth-child(odd) {
    background-color: #EFF5EC;
}

    table.green tr:nth-child(odd) table.inner tr:nth-child(odd) {
        background-color: #fff;
    }


table.orange caption {
    background-color: #EA6C33;
}

table.orange tr:nth-child(odd) {
    background-color: #F6EFE8;
}

    table.orange tr:nth-child(odd) table.inner tr:nth-child(odd) {
        background-color: #fff;
    }


table.collapsibleRisk td.navyBlue {
    background-color: #2d4c99;
    color: #FFFFFF;
    text-align: left;
    padding: 8px 5px;
    border-bottom: 1px solid #fff;
    vertical-align: middle;
}

table.collapsibleRisk td.lightBlue {
    background-color: #B9CDE5;
    text-align: left;
}

table.memberBlue caption {
    padding: 8px 5px;
    font-weight: bold;
    text-align: left;
    color: #FFFFFF;
    background-position: right center;
    background-repeat: no-repeat;
}

table.memberBlue caption {
    background-color: #6392C9;
}

table.memberBlue td.navyBlue {
    background-color: #95b6da;
    color: #FFFFFF;
}

table.memberBlue tr:nth-child(odd) {
    background-color: #d7ebf9;
}

    table.memberBlue tr:nth-child(odd) table.inner tr:nth-child(odd) {
        background-color: #fff;
    }

table.memberBlue th {
    text-align: left;
    padding: 5px 5px;
    border-bottom: none;
    vertical-align: middle;
}

table.memberBlue td:last-child {
    text-align: left;
}

.hintsnote {
    color: grey;
    font-style: italic;
    font-size: smaller;
    margin-bottom: 10px;
}

#closeSign {
    cursor: pointer;
}

#italeadlists {
    cursor: pointer;
    font-weight: bold;
    color: #6392C9;
}

#itacsllists {
    cursor: pointer;
    font-weight: bold;
    color: #6392C9;
}

table.itachild td:last-child {
    font-weight: normal;
}


table.RiskCompTable caption {
    padding: 8px 5px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    background-position: right center;
    background-repeat: no-repeat;
}

table.RiskCompTable caption {
    background-color: #6388C9;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: .5px solid #fff;
}

table.RiskCompTable td.column1 {
    width: 40%;
    border-bottom: 1px solid #fff;
    background-color: #95b6da;
    padding: 8px 5px;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    background-position: right center;
    background-repeat: no-repeat;
}

table.RiskCompTable td:nth-child(2) {
    color: #FF8000;
}

table.RiskCompTable td:nth-child(3) {
    color: #044476;
}

table.RiskCompTable td:nth-child(4) {
    color: #555555;
}

table.RiskCompTable td {
    width: 20%;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

table.RiskCompTable tr:nth-child(odd) {
    background-color: #d7ebf9;
}

table.RiskCompTable tr:nth-child(even) {
    background-color: #ECECEC;
}

table.RiskCompTable tr {
    border-bottom: 1px solid #fff;
    text-align: center;
    padding: 8px 5px;
    font-weight: bold;
}

table.RiskCompTable th {
    border-right: 1px solid #fff;
    background-color: #6392C9;
    padding: 8px 5px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    background-position: right center;
    background-repeat: no-repeat;
}

table.IndicatorCmpTable td:nth-child(1) {
    width: 46%;
    text-align: left;
}

table.IndicatorCmpTable td {
    width: 18%;
    text-align: center;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    vertical-align: middle;
}

table.IndicatorCmpTable tr {
    border-bottom: 1px solid #fff;
    padding: 8px 5px;
}

    table.IndicatorCmpTable tr:nth-child(odd) {
        background-color: #D4E0EF;
    }

    table.IndicatorCmpTable tr:nth-child(even) {
        background-color: #E6F0FA;
    }

table.IndicatorCmpTable th {
    text-align: center;
    border-right: 1px solid #fff;
    background-color: #6392C9;
    padding: 8px 5px;
    vertical-align: middle;
    color: #FFFFFF;
    background-position: right center;
    background-repeat: no-repeat;
}

    table.IndicatorCmpTable th:nth-child(3) {
        background-color: #f89822;
    }

    table.IndicatorCmpTable th:nth-child(1) {
        text-align: left;
    }

div.indices {
    margin-top: 5px;
    padding: 5px;
    font-weight: bold;
}

div.pointerstyle {
    cursor: pointer;
}

.alternating .indices:nth-child(odd) {
    background-color: #d7ebf9;
}

.alternating .indices:nth-child(even) {
    background-color: #6392C9;
    color: #fff;
}

div.indices {
    font-size: 1.3em;
}

div #countryrisknotes {
    color: #004E87;
}

div #econrisknotes {
    color: #004E87;
}


table.indicesRank td:last-of-type:not(:only-child) {
    text-align: right;
    width: 10%;
}

dl.table {
    overflow: hidden;
}

    dl.table dt {
        clear: both;
        float: left;
        font-weight: bold;
        position: relative;
        text-align: right;
        width: 24%;
    }

        dl.table dt:after {
            content: "\003A";
        }

    dl.table dd {
        float: right;
        margin-left: 0;
        width: 75%;
    }

.img-fit img {
    max-width: 100%;
    max-height: 100%;
}

#top5 .highlight, #bottom5 .highlight, #currentCountry .highlight {
    background-color: #EA6C33;
    color: #fff;
}

#currency {
    font-size: .85rem;
}

#page.full {
    background-image: none;
}

img {
    border: none;
}

#msu-title {
    background-color: #0d2620;
    height: 35px;
    position: relative;
    border-bottom: #cecece 1px solid;
}

#msuHeader {
    margin: 0 auto;
    width: 974px;
}

#msuLogo img {
    margin-left: 30px;
    margin-top: 5px;
}

#broadLogo img {
    margin-top: 5px;
    margin-left: 5px;
}

/*---Content---*/
.content {
    padding: 0 10px 10px 10px;
}

.insights h2 {
    background-color: #7DA8DD;
    color: #FFFFFF;
    padding: 1rem;
}

.result {
    border-bottom: 1px solid #c4c2c2;
    margin: 10px 0 0 15px;
    padding-bottom: 10px;
    position: relative;
}

    .result h3 {
        margin-bottom: 0;
        margin-left: 0;
        margin-top: 0;
    }

    .result p {
        clear: both;
    }

.search-keywords h2 {
    color: #8a8484;
}

.alert {
    margin: 0px;
    padding: 10px;
    border-radius: 5px;
}

.warning {
    background: #F0D6D6;
}


#blue-footer {
    background-color: #DFE8F4;
    border: 1px solid #90A0C9;
    padding: 10px;
}

.announcement-item {
    border-top: 1px solid #D0D0D0;
    height: auto;
    padding: 10px;
    position: relative;
    width: 95%;
}

    .announcement-item .image {
        display: table-cell;
        margin: 0 10px 0 0;
        width: 64px;
    }

    .announcement-item a {
        font-size: 16px;
        font-weight: bold;
    }

    .announcement-item .text {
        display: table-cell;
        vertical-align: middle;
    }

.get-connected-callout {
    border-top: 1px solid #D0D0D0;
    min-height: 115px;
    padding: 10px 5px;
    position: relative;
}

    .get-connected-callout .image {
        float: left;
        height: 100px;
        margin-right: 15px;
        margin-top: 20px;
    }

/*---Economy Page---*/
.econ-table-1 table {
    width: 49%;
    border: 1px solid #B9CDE5;
    float: left;
    margin-right: 14px;
    margin-bottom: 0px;
}

    .econ-table-1 table:last-child {
        margin-right: 0px;
    }

    .econ-table-1 table td {
        padding: 5px;
        vertical-align: middle;
        font-size: 15px;
    }

        .econ-table-1 table td:first-child {
            background: #5086C9;
            width: 140px;
            color: #fff;
            text-align: right;
        }

        .econ-table-1 table td:last-child {
            text-align: center;
        }

.econ-table-2 {
    border: 0px;
}

    .econ-table-2 td {
        border: 1px solid #B9CDE5;
        padding: 5px;
        vertical-align: middle;
        height: 50px;
    }

        .econ-table-2 td:first-child {
            width: 140px;
            color: #376092;
            text-align: right;
            font-size: 16px;
            background: #D4E0EF;
        }

        .econ-table-2 td:last-child {
            padding: 10px;
            border: 1px solid #95B3D7;
        }

.econ-header {
    border: 1px solid #B9CDE5;
    margin: 0px;
    margin-top: 10px;
}

    .econ-header h2 {
        background: #5086C9;
        color: white;
        padding: 4px;
        padding-left: 9px;
        margin: 0px;
        font-size: 16px;
        font-weight: normal;
    }

        .econ-header h2 small {
            color: white;
        }

    .econ-header h3 {
        background: #5086C9;
        color: white;
        padding: 4px;
        padding-left: 9px;
        margin: 0px;
        font-size: 12px;
        font-weight: normal;
    }

        .econ-header h3 small {
            color: white;
        }


.econ-panel .rank {
    margin-top: 15px;
    margin-bottom: 20px;
    border: 1px solid #B9CDE5;
    border-radius: 15px;
    background: #D4E0EF;
    width: 60%;
}

    .econ-panel .rank p {
        color: #376092;
        font-weight: bold;
        margin-left: 10px;
        margin-right: 10px;
    }

    .econ-panel .rank .right {
        float: right;
    }


.econ-panel .tablenote {
    color: grey;
    font-style: italic;
    font-size: smaller;
    margin-bottom: 10px;
}

.econ-panel td {
    padding: .5rem;
}

    .econ-panel td:last-child {
        text-align: right;
    }

.econ-panel .RiskCompTable td {
    text-align: center;
}

.econ-panel .RiskLists td {
    text-align: center;
}

.econ-panel .orgtable table {
    border: 1px solid;
}

.econ-panel .orgtable td {
    cursor: pointer;
    text-align: center;
    border: 1px solid;
}

.selected-cell {
    background: #BDDAFC; /* country-insight:government:organization-env */
}

.econ-panel tbody tr:nth-child(odd) {
    background: #D4E0EF;
}

.econ-panel .selectable {
    border: 2px solid #D4E0EF;
}

.selectable td:nth-child(2) {
    text-align: right;
    width: 200px;
}

.selectable td:nth-child(3) {
    width: 1%;
}

.econ-panel .selectable:hover {
    background-color: #ffd892;
    cursor: pointer;
}



.econ-panel .lineChart {
    height: 200px;
}

.econ-panel #gdpCompositionChart {
    height: 100px;
    min-width: 60%;
}

.econ-panel #economicSnapshotChart {
    height: 600px;
    width: 100%;
}

#countryRiskChart {
    height: 400px;
    width: 100%;
}

#econclassRiskChart {
    height: 400px;
    width: 100%;
}

#ageBarChart {
    height: 200px;
}

#ageBarChart.vertical {
    height: 325px;
}

.info-light {
    cursor: help;
    color: #fff;
    font-size: 14px;
}

a.tip {
    outline: none;
    font-weight: bold;
}

    a.tip:hover {
        text-decoration: none;
    }

    a.tip .tiptext {
        z-index: 10;
        display: none;
        padding: 14px 20px;
        margin-top: 30px;
        margin-left: -120px;
        max-width: 240px;
        line-height: 16px;
        text-align: left;
        font-size: 12px;
        font-weight: normal;
    }

    a.tip:hover .tiptext {
        display: inline;
        position: absolute;
        border: 1px solid #F1D031;
        color: #000;
        background: #FFFFA3;
    }


.econ-panel .trade-stat-data {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

    .econ-panel .trade-stat-data .pie-chart-container {
        flex: 0 0 50%;
    }

    .econ-panel .trade-stat-data hr {
        width: 95%;
        display: block;
        color: #8FAED4;
        border-style: double;
        margin-top: 15px;
        margin-bottom: 15px;
    }

.econ-panel .btn-container {
    text-align: center;
    flex: 1 100%;
}

    .econ-panel .btn-container button {
        margin-left: 20px;
        margin-right: 20px;
    }

.econ-panel .stat-table-container {
    flex: 0 0 50%;
}

.econ-panel .stat-table {
    border-collapse: separate;
    border: 0px;
    margin-top: 0px;
    text-align: left;
}

    .econ-panel .stat-table thead {
        color: #fff;
    }

        .econ-panel .stat-table thead tr {
            height: 73px;
        }

    .econ-panel .stat-table th {
        background-color: #558ED5;
        text-align: center;
        vertical-align: middle;
    }

    .econ-panel .stat-table tbody tr:nth-child(odd) {
        background: #E9EDF4;
    }

    .econ-panel .stat-table tbody tr:nth-child(even) {
        background: #D4E0EF;
    }

    .econ-panel .stat-table td:last-child {
        text-align: right;
    }

#emergingStatChart {
    height: 700px;
    width: 100%;
}

/*---Government---*/

.econ-panel .charts {
    margin-left: -10px;
    margin-top: 5px;
}

.branches {
    width: 100%;
    border: 0px;
    margin-top: 20px;
    margin-bottom: 25px;
}

    .branches tbody tr:nth-child(even) {
        background-color: #D4E0EF;
    }

    .branches td:first-child {
        background: #5086C9;
        color: #fff;
    }

    .branches td {
        border: 1px solid #B9CDE5;
        padding: 10px;
    }

        .branches td p {
            margin-top: 0;
            margin-bottom: 0;
        }

    .branches th:first-child {
        border: 0px;
        background-color: #fff;
    }

    .branches td:last-child {
        text-align: left;
    }

    .branches th {
        background: #5086C9;
        color: #fff;
        border: 1px solid #B9CDE5;
        padding: 4px;
        padding-left: 9px;
        padding-right: 9px;
    }

        .branches th a {
            color: #fff;
            border-bottom: 1px solid #fff;
        }

.w-60 {
    width: 60%;
}

    .w-60 td:nth-child(2) {
        text-align: right;
    }

#state-facts div:nth-child(odd) {
    background-color: #DFE8F4;
}

#state-facts div:nth-child(even) {
    background-color: #eef3fa;
}

#state-facts span.header {
    color: #486d9f;
    font-weight: bold;
}

/*---Insights Blocks---*/
.insights-block {
    border-right: 1px solid #D0D0D0;
    border-left: 1px solid #D0D0D0;
    border-top: 3px solid #D0D0D0;
    border-bottom: 1px solid #D0D0D0;
    float: left;
    margin-top: 20px;
    padding: 0 10px;
    width: 155px;
}

    .insights-block .picture {
        height: 100px;
    }

    .insights-block p {
        height: 80px;
    }


.glossary {
    font-size: 80%;
    text-align: center;
}

select.selectby {
    width: 160px;
    background-color: #e0e8f5;
    border: 1px solid #abbad1;
    color: #47709e;
}

button.blue, a.blue {
    background-color: #6391c6;
    border-radius: 10px;
    border: 2px solid #95b6da;
    color: #fff;
    font-weight: bold;
    width: auto;
    margin: 10px 0;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Arial;
    margin: 0;
}

a.blue {
    padding: 3px 6px;
}

button.blue:hover {
    background-color: #95b6da;
    border: 2px solid #6391c6;
}

/*MPI*/
table.MPI td:nth-child(2), table.LMPI td:first-of-type, table.Fortune1000 td:first-of-type {
    white-space: nowrap;
}

table.MPI td:not(:nth-child(2)), table.Fortune1000 td:not(:first-of-type), table.LMPI td:not(:first-of-type), table.LMPI th:not(:first-of-type) {
    text-align: right;
    width: auto;
}

table.MPI td, table.LMPI td {
    padding: 3px;
}

/*Fortune1000*/
table.Fortune1000 th:not(:first-of-type) {
    text-align: right;
}

table.Fortune1000 th {
    width: 25%;
}
/*My Grids */
.span-full, #left-sidebar, .span-2col, .span-3col, .span-right {
    float: left;
}

.span-2col {
    width: 731px;
}

.span-3col {
    width: 495px;
    margin: 0 10px;
    padding-right: 10px;
    border-right: 1px solid #E3E3E3;
}

.span-right {
    width: 205px;
}

.span-full {
    width: 974px;
    margin-right: 0;
}

.last {
    margin-right: 0;
}

.clearfix::before,
.clearfix::after {
    content: " ";
    display: table;
    clear: both;
}

.clearfix::after {
    clear: both;
}

.clear {
    clear: both;
}

div.prepend-top, .prepend-top {
    margin-top: 1.5em;
}

div.append-bottom, .append-bottom {
    margin-bottom: 1.5em;
}

.split-1-2, .split-1-3, .split-2-3, .split-1-4, .split-3-4 {
    float: left;
}

.split-1-2 {
    width: 50%;
}

.split-1-3 {
    width: 33.33333%;
}

.split-2-3 {
    width: 66.66667%;
}

.split-1-4 {
    width: 25%;
}

.split-3-4 {
    width: 75%;
}

#folding .body {
    padding: 10px;
}

#folding .title {
    cursor: pointer;
    font-weight: bold;
    border: 1px solid black;
    padding: 10px 30px;
    color: #fff;
    margin-bottom: 10px;
    background-color: #6392C9;
    color: #FFFFFF;
}

p.right, th.right {
    text-align: right;
}

.strong {
    font-weight: bold;
}

.textLeft {
    display: inline-block;
    width: 50%;
    text-align: left;
    vertical-align: top;
}

.textRight {
    display: inline-block;
    width: 50%;
    text-align: right;
    vertical-align: top;
}

.nowrap {
    white-space: nowrap;
}

.icons {
    cursor: pointer;
    display: inline-block;
    margin: 0 4px;
    padding: 0;
}

#exportimport {
    font-size: 9px;
    margin: 10px 0;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.letterNav {
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
}

.imgPadding {
    padding-left: 20px;
    padding-bottom: 20px;
}

#corporations .material-icons {
    font-weight: 900;
}

.small {
    font-size: 75%;
}

.u {
    border-bottom: 1px solid #000;
}

.rss {
    background: url('/content/images/rss-orange-14.png') no-repeat scroll 100% 0%;
    padding: 1px 20px 0 0;
}

a.music {
    background: url("/content/icons/music.png") no-repeat scroll 100% 0 transparent;
    padding: 1px 20px 0 0;
}

#govtResources caption {
    background-color: #6392C9;
    color: #FFFFFF;
    padding: 5px;
    font-weight: bold;
    text-align: left;
}

#govtResources tr:nth-child(even) {
    background-color: #E8E7E8;
}

#govtResources td {
    padding: 5px;
}

.hide {
    display: none;
}

div.messages {
    padding: 0 10px;
    margin: 10px 0;
}

table.internships th {
    width: 15%;
    text-align: right;
}

.international-programs {
    margin-top: 10px;
}

    .international-programs h3 {
        color: #fff;
        font-size: 1em;
        float: left;
        margin: 0 0 4px 0;
    }

    .international-programs h4 {
        clear: both;
        color: #fff;
        font-size: .8em;
        margin: 0;
    }

    .international-programs .location {
        float: right;
        margin: 0;
    }

        .international-programs .location a {
            color: #fff;
            display: inline;
            padding: 0;
        }

    .international-programs .more {
        margin-left: 25%;
    }

.international-program-columns {
    margin: 8px 0 8px 0;
}

    .international-program-columns label {
        display: inline-block;
    }

        .international-program-columns label:nth-child(1) {
            width: 150px;
        }

        .international-program-columns label:nth-child(2) {
            width: 120px;
        }

        .international-program-columns label:nth-child(3) {
            width: 120px;
        }

        .international-program-columns label:nth-child(4) {
            width: 75px;
        }

        .international-program-columns label:nth-child(5) {
            width: 200px;
        }

div.listAlign div:nth-of-type(odd) {
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    float: left;
    width: 25%;
}

div.listAlign div:nth-of-type(even) {
    float: left;
    width: 70%;
}

div.listAlign:nth-of-type(odd) {
    background-color: #d7ebf9;
}

div.listAlign {
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
}

    div.listAlign:nth-of-type(2) {
        border-top: 1px solid #ccc;
    }

.leftsideBorder {
    border-left: 1px solid #ccc;
    margin-left: -6px;
    padding-left: 5px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error, label.error {
    color: #a94442;
}

.field-validation-valid {
    display: none;
}

.input-validation-error, input.error, select.error, textarea.error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label {
    margin: 1em 0 0 0;
}

.display-field,
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 18em;
}

    .text-box.multi-line {
        height: 6.5em;
    }

.tri-state {
    width: 6em;
}
/*---Country Risk Page---*/

table.keyFact-risk td:first-child {
    width: 80px;
    color: #eee;
    text-align: center;
    vertical-align: middle;
    font-size: 25px;
    transition-duration: 1.5s;
    background-color: #DFE8F4;
    padding: 10px;
}

table.keyFact-risk td:nth-child(2) {
    background-color: #DFE8F4;
    vertical-align: middle;
    font-size: 16px;
    padding: 10px;
    line-height: 1.4;
}

table.keyFact-risk {
    border: 0;
}

.countries-risk {
    font-size: 20px;
    font-weight: bold;
}

.risk-svg {
    margin-bottom: 20px;
}

/*---Trade Bloc History Page---*/
table.keyFact-odd td:first-child {
    width: 80px;
    background-color: #6392C9;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    font-size: 25px;
}

table.keyFact-odd td:nth-child(2) {
    background-color: #DFE8F4;
    vertical-align: middle;
    font-size: 15px;
}

table.keyFact-even td:first-child {
    background-color: #DFE8F4;
    vertical-align: middle;
    font-size: 15px;
}

table.keyFact-even td:nth-child(2) {
    width: 80px;
    background-color: #6392C9;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    font-size: 25px;
}

div.question {
    padding: 10px;
    margin-top: 15px;
    cursor: pointer;
}

#mpiDates {
    text-align: right;
}

#prevNext {
    font-size: 125%;
    margin: 20px 0 0 20px;
}

#filters {
    text-align: center;
    border: 1px solid white;
    padding: 5px;
    background-color: #9FBDE4;
    color: #fff;
    font-weight: bold;
    margin: 12px 0;
}

    #filters span.filters {
        color: #fff;
        cursor: pointer;
    }

.removeLink {
    color: #000;
    text-decoration: none;
}

img.flag {
    border: 1px solid #ccc;
    box-shadow: 5px 5px 15px #ccc;
}

#chart_bubble {
    height: 450px;
    width: 100%;
    background-color: #eee;
}

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
    margin-bottom: 0;
}

.tt-dropdown-menu {
    min-width: 160px;
    margin-top: 2px;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.tt-suggestion {
    display: block;
    padding: 3px 20px;
}

    .tt-suggestion.tt-is-under-cursor {
        color: #fff;
        background-color: #0081c2;
        background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
        background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
        background-image: -o-linear-gradient(top, #0088cc, #0077b3);
        background-image: linear-gradient(to bottom, #0088cc, #0077b3);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
    }

        .tt-suggestion.tt-is-under-cursor a {
            color: #fff;
        }

    .tt-suggestion p {
        margin: 0;
    }

button.typeahead {
    vertical-align: top;
}

.social-align {
    display: inline-block;
}

.twitter-share-button {
    vertical-align: bottom;
}

/* AmCharts AmMaps height/width default */


#rankingsMap {
    width: 100%;
    height: 400px;
}

#rankingsChart {
    width: 100%;
    height: 370px;
}

#memberChart {
    width: 100%;
    height: 500px;
}

#zoomhome {
    position: relative;
    width: 40px;
    top: -330px;
    right: -515px;
    z-index: 20;
    font-family: Arial;
    font-size: 12px;
    cursor: context-menu;
    padding: 10px 10px 10px 30px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABLUlEQVRIS+XUPyuGURjH8c/jVciqSFmUyYjVYPSvDLwDykswMRtQKIvNJsluEYWSMnoV0qnrrtvd/ec85RmenDrLfZ/z+16/39V1ega8egPW9/8A8xHpXW60/USUxK9DeAlZkFxAIX4bgEVkQXIAZfHLAKwgC9IFqIqfB2AdqzmQNkCdeAHYwFrsVidNgCbxrXBwjOSiE1IHaBP/DsAITiKmBEmwWid1gH1MITU0RZJ2qrwQL0YgQU6RGl5AXrFXnpGmiMbx1iJeB5nAZ3UAmwDTeMYMHrGLycrlFxxgFg/hOhX1a+UC7kPgPW6nap8i9z8DJPubAbjA6FAAjvAVlaeYyg7mcIYxbPfbg5TxTaVfV9iJb4dYrvxfwEduk3Of+85zXY9dp0DXgeEH/AAU2VYZ/cPKKgAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: 5px;
    display: none;
}

    #zoomhome:hover {
        background-color: rgba(0, 0, 0, 0.1);
    }

.hasStrong {
    border: 3px inset red;
}

.quizselection-item {
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    font-size: 38px;
    width: 70%;
    height: 50px;
    background-color: #093667;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 5px solid #ffffff;
    padding: 5px;
}

    .quizselection-item:hover {
        background-color: #BDDAFC;
    }

.new-fonts {
    font-size: 1.333rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

    .new-fonts p {
        font-size: 1.333rem;
        line-height: normal;
    }

    .new-fonts h3 {
        font-size: 2.0rem;
    }

fieldset {
    margin-bottom: 1.333rem;
}

.new-fonts .blue {
    padding: 1rem;
    border-radius: 0;
}

.btn-block {
    width: 100%;
    display: block;
    transition: background-color 1s;
}

    .btn-block + .btn-block {
        margin-top: 1rem;
    }

.knowledge-tools-answer {
    box-sizing: border-box;
    height: 0px;
    overflow: hidden;
    transition: height .7s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    border: 1px solid #ccc;
    visibility: hidden;
    padding: 0 1rem 1rem;
}

.knowledge-tools-question {
    margin-bottom: 1rem;
}