body {
    font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    /* width: 460px; */
}
a img {border: 0;}

h1 {
    font-size: 18pt;
    margin-top: 0;
}
h2 {
    font-size: 14pt;
    margin-top: 1.5em;
}

#slider {
    margin: 10px auto;
    width: 440px;
}
.tick {
    font-size: 0;
    height: 12px;
    line-height: 0 !important;
    position: absolute;
    width: 0;
}

#legend {
    margin: 5px auto;
    font-size: 0.8em;
}
    #legend td {padding: 7px ; width: 85px; color: white; margin: 7px; text-align: center;}
    .legend_color {
        border: 1px solid #aaa;
        padding: 0 !important;
        width: 25px;
    }
    .legend_num {margin: 0 10px 0 0;}
    
    /* Colorbrewer Blues with six classes */
    .legend_unavailable {background-color: #999999;}
    .legend_1 {background-color: #eff3ff; color: #444 !important;}
    .legend_2 {background-color: #c6dbef; color: #444 !important;}
    .legend_3 {background-color: #9ecae1; color: #444 !important;}
    .legend_4 {background-color: #6baed6;}
    .legend_5 {background-color: #3182bd;}
    .legend_6 {background-color: #08519c;}

caption {
    font-weight: bold;
    font-size: 1.25em;
    padding-bottom: 5px;
}

#tooltip {
    background-color: #fff;
    border: 1px solid #ccc;
    
    padding: 5px;
    position: absolute;
    width: 160px;
}
    #tooltip h3 {
        font-size: 14pt;
        margin-top: 0;
        text-align: center;
    }
    #tooltip p {
        margin-bottom: 5px;
        text-align: center;
    }
    #tooltip_chart {
        height: 90px;
        width: 140px;
    }

.attribution {
    font-size: 0.75em;
    font-style: italic;
    text-align: right;
    text-transform: uppercase;
    width: 460px;
}
    .attribution a {text-decoration: none;}

#by-year p {margin-left: 5em;}
    #by-year p a {text-decoration: none;}
    #by-year p select {margin: auto 1em;}
.by-year-ranking-rank {
    padding-right: 0.5em;
    text-align: right;
}
.by-year-ranking-country {
    text-align: left;
    width: 6em;
}
.by-year-ranking-percent {width: 8em;}
.by-year-ranking-participants {text-align: right;}