/* body: */
    html {
        height: 100%; width: 100%;
        overflow-y: scroll;
    }

    body {
        height: 100%;
        background-image: url(images/background.jpg);
        margin: 0 auto;
        font-size: 100%;
        font-family: Arial, Helvetica, sans-serif;
        min-width: 1280px;
    }

/* page: */
    .page {
        margin: 0 auto;
        position: relative;
        min-height: 100%;
        background-color: #FFFFFF;
        width: 1280px;
    }

        /* header: */
    .header {
        position: absolute;
        top: 0;
        width: 100%;
        height: 110px;
        background-color: #416892;
    }
    #header_logo {
        float: left;
        width: 200px;
        margin-left: 10px;
        margin-top: 10px;
    }
    #cryoportal_logo {
        height: 90px;
    }
    #header_content {
        float: left;
        width: 1070px;
    }
    #header_header {
        width: 100%;
        height: 20px;
    }
    #header_div1 {
        float: left;
        width: 920px;
        height: 60px;
    }
    .header_title {
        text-align: center;
        font-weight: bold;
        font-size: 30px;
        color: #FFFFFF;
        margin-top: 5px;
    }
    #header_div2 {
        float: left;
        position: relative;
        width: 140px;
        height: 60px;
    }
    #enveo_logo {
        height: 50px;
        position: absolute;
        top: 10px;
        right: 5px;
    }
    #log_div {
        position: absolute;
        right: 30px;
        top: 5px;
        height: 12px;
    }
    .log_name {
        float: right;
        color: #ffffff;
        font-size: 12px;
        margin-right: 10px;
        margin-top: 0;
    }
    .log_button {
        float: right;
        height: 17px;
        margin-left: 10px;
    }
                        
/* data policy: */
    .datapolicy {
        float: right;
        margin-left: 20px;
        font-size: 12px;
        color: #ffffff;
        margin-top: 2px;
    }

/* navigation bar: */
    .navbar_div {
        position: absolute;
        top: 80px;
        width: 1060px;
        margin: 0;
    }
    ul.navbar {
        margin: 0;
        padding: 0;
        padding-left: 40px;
        overflow: hidden;
        background-color: #416892;
        list-style-type: none;
    }
    li.navbar {
        float: left;
/*         border: 0.2em solid #416892; */
/*         border-top: 0.35em solid #416892; */
/*         border-bottom: 0.35em solid #416892; */
    }
    a.navbar:link, a.navbar:visited {
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 16px;
        color: #FFFFFF;
        border: 0;
        width: 120px;
        height: 30px;
        line-height: 30px;
        background-color: #416892;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
    }
    a.navbar:hover, a.navbar:active {
        background-color: #8AB8E6;
        cursor: pointer;
    }
    a.navbar_current:link, a.navbar_current:visited, a.navbar_current:hover, a.navbar_current:active {
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 16px;
        color: #FFFFFF;
        border: 0;
        width: 120px;
        height: 30px;
        line-height: 30px;
        background-color: #7AA3CC;
        text-align: center;
        text-transform: uppercase;
    }

/* content: */
    .content {
        padding-top: 115px;
        font-size: 14px;
    }

/* clear both: */
    .div_clear_both {
        clear: both;
    }

/* div with main content on start page: */
    #home_main_container {
        float: left;
        width: 1100px;
    }

/* div with organisations and funding agencies on start page: */
    #organisations_container {
        float: left;
        width: 150px;
        margin-right: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 20px;
    }
    #organisations {
        border: 3px solid black;
        border-radius: 25px;
    }
    #funding {
        border: 3px solid black;
        border-radius: 25px;
        margin-top: 10px;
    }
    .organisations_logo {
        width: 90px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .organisations_text {
        text-align: center;
        font-weight: bold;
    }

/* introductory text: */
    .home_text {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 0;
        text-align: justify;
    }

/* images at start page: */
    #home_img_container {
        height: 380px;
        width: 1079;
        margin-top: 10px;
        margin-left: 20px;
        margin-bottom: 10px;
        background-color: #EEEEEE;
        border: 0.5px solid #DDDDDD;
    }
    #home_img_inner {
        position: relative;
        height: 340px;
        width: 1059px;
        margin-left: 10px;
        margin-top: 10px;
/*         background-color: #ff0000; */
    }
    #home_images {
        height: 340px;
/*         position: absolute; */
    }
    #home_img_text {
        width: 400px;
        height: 100px;
        position: absolute;
        bottom: 0px;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 10px;
        line-height: 180%;
/*         margin-bottom: 3px; */
/*         margin-left: 3px; */
    }

    /* possitility 1: switch between images */
/*    .home_img {
        height: 340px;
    }*/

    /* possitility 2: transition between images */
    .home_img {
        height: 340px;
        position: absolute;
        opacity: 0;
    }
    .home_img_text_p {
        position: absolute;
        padding-top: 0px;
        margin-top: 0px;
        padding-right: 10px;
        opacity: 0;
    }

    #home_img_buttons {
        margin-left: 10px;
        margin-top: 10px;
    }
    .img_switch_button {
        float: left;
        width: 10px;
        height: 10px;
        background-color: #416892;
        border: solid 1px #416892;
        border-radius: 50%;
        margin-right: 10px;
    }
    .img_switch_button_current {
        float: left;
        width: 10px;
        height: 10px;
        background-color: #7AA3CC;
        border: solid 1px #7AA3CC;
        border-radius: 50%;
        margin-right: 10px;
    }
    .img_switch_button:hover {
        background-color: #8AB8E6!important;
        border: solid 1px #8AB8E6!important;
    }
    .img_switch_button_current:hover {
        background-color: #8AB8E6!important;
        border: solid 1px #8AB8E6!important;
    }

/* logos to jump to data sets on start page: */
    #home_logos_header {
        background-color: #416892;
        width: 100%;
        height: 50px;
    }
    #home_logos_header p {
        text-align: center;
        color: #ffffff;
        font-weight: bold;
        font-size: 20px;
        padding-top: 15px;
    }
    #home_logos_container {
        margin-top: 20px;
        width: 1050px;
        height: 170px;
        margin-left: auto;
        margin-right: auto;
    }
    .logo_div {
        float: left;
        width: 150px;
        margin: 0px 30px;
    }
    .logo_img {
        width: 80px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .logo_text {
        color: #000000;
        text-align: center;
        font-size: 14px;
        margin-top: 5px;
    }
    #H_AA_cat_button, #H_Gr_cat_button, #H_Gl_cat_button {
        width: 80px;
        height: 80px;
        background-color: Transparent;
        border: none;
        cursor: pointer;
        outline: none;
        background-size: 80px 80px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    #H_AA_cat_button {
        background-image: url(icons/logo_antarctica_inactive.png);
    }
    #H_Gr_cat_button {
        background-image: url(icons/logo_greenland_inactive.png);
    }
    #H_Gl_cat_button {
        background-image: url(icons/logo_glaciers_inactive.png);
    }
    .button_logo_text {
        background-color: Transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        color: #000000;
        text-align: center;
        text-decoration: underline;
        font-size: 14px;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        margin-top: 5px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

/* news: */
    .news {
        width: 800px;
        display: block;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
        font-size: 13px;
        text-align: justify;
    }
    .cat_img {
        float: left;
        width: 35px;
        height: 35px;
        margin-right: 10px;
    }
    #news_table th, #news_table td {
        padding: 5px;
        padding-left: 20px;
        padding-right: 20px;
    }

/* updates: */
    .updates {
        width: 1000px;
        display: block;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
        font-size: 13px;
        text-align: justify;
    }
    .cat_img {
        float: left;
        width: 35px;
        height: 35px;
        margin-right: 10px;
    }
    #updates_table th, #updates_table td {
        padding: 5px;
        padding-left: 20px;
        padding-right: 20px;
    }

/* upload: */
    .upload {
        width: 1050px;
        display: block;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        font-size: 13px;
        text-align: justify;
    }
    .upload_header {
        font-size: 16px;
        font-weight: bold;
    }
    #id_title, #id_name {
        width: 400px;
    }
    #id_description {
        width: 600px;
    }
    .upload_table td {
        vertical-align: top;
        text-align: left;
        padding: 10px;
    }
    #id_north_lat, #id_west_lon, #id_east_lon, #id_south_lat, #id_ulc_lon, #id_ulc_lat, #id_urc_lon, #id_urc_lat, #id_llc_lon, #id_llc_lat, #id_lrc_lon, #id_lrc_lat {
        width: 120px;
        padding-right: 0;
    }
    .file_text {
        float: left;
        padding-right: 10px;
    }
    .clear_file_button {
        float: left;
        padding-left: 30px;
    }
    .add_button {
        padding-left: 20px;
        padding-bottom: 10px;
    }
    .add_button_inline {
        display: inline;
        padding-left: 20px;
        padding-bottom: 10px;
    }
    .add_to_db {
        border: 2px solid black;
        width: 800px;
        height: 600px;
        background-color: #FAFAFA;
        position: fixed;
        top: 25%;
        left: 50%;
        margin-top: -150px;
        margin-left: -400px;
        z-index: 1;
        padding: 50px;
    }
    .add_to_db_button {
        position: absolute;
        bottom: 10px;
        right: 100px;
    }
    .cancel_button {
        position: absolute;
        bottom: 10px;
        right: 10px;
    }
    .checkbox_my_ul {
        margin-top: 0px;
        padding-left: 0px;
    }
    #id_ref_name {
        width: 480px;
    }
    .upload_error {
        color: #FFFFFF;
        background-color: #FF3333;
        padding: 0.5em;
        margin-top: 10px;
        line-height: 150%;
        font-weight: bold;
    }
    #ul_no_linebreak {
        display: inline-block;
        padding-left: 8px;
    }
    #ul_no_linebreak li {
        display: inline;
        padding-right: 8px;
    }

/* wait messages: */
    .message {
        border: 1px solid black;
        width: 400px;
        height: 170px;
        line-height: 170px;
        text-align: center;
        background-color: #EEEEEE;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -170px;
        margin-left: -200px;
        z-index: 10;
    }

/* projects: */
    .projects {
        width: 700px;
        display: block;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
        font-size: 13px;
        text-align: justify;
    }
    .projects_text {
        float: left;
        vertical-align: top;
    }
    .projects_logo {
        height: 35px;
        margin-left: 10px;
        float: left;
    }

/* contact: */
    .contact {
        width: 700px;
        display: block;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
    }

/* data disclaimer: */
    .foot_line {
        clear: both;
        position: absolute;
        bottom: 10px;
        left: 10px;
        font-size: 14px;
        padding-top: 20px;
    }
    #disclaimer {
        float: left;
        margin-right: 30px;
    }
    .disclaimer {
/*         font-size: 80%; */
        text-align: justify;
        width: 700px;
        display: block;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
    }
    .disclaimer_header {
        font-size: 16px;
        margin-bottom: 30px;
    }
    .disclaimer_extra {
        color: #004d99;
        padding: 8px;
        border: 1px solid #004d99;
        font-style: italic;
    }
    .language_button {
        float: right;
    }

/* impressum: */
    #impressum {
        float: left;
    }
    .impressum {
        font-size: 80%;
        text-align: justify;
        width: 700px;
        display: block;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
    }
    .impressum_header {
        font-size: 20px;
    }
    #impressum_1 {
        font-size: 16px;
        font-weight: bold;
    }
    #impressum_2 {
        font-size: 12px;
    }
    .impressum td {
        vertical-align: top;
        padding-bottom: 10px;
    }

/* STATIC DATA */

/* unordered lists: */
    ul {
        list-style-type: none;
    }

/* static data divs: */
    .data_header {
        width: 1240px;
        height: 40px;
        margin: 10px;
        padding: 10px;
        background-color: #eeeeee;
        font-size: 13.5px;
/*         background-color: #ff0000; */
    }
    .cat_selection {
        float: left;
        width: 220px;
    }
    .date_selection {
        float: left;
        width: 335px;
        margin-top: 10px;
    }
    .reg_selection {
        float: left;
        width: 575px;
        margin-top: 7px;
    }
    .data_header_reset {
        float: left;
        width: 110px;
        margin-top: 7px;
    }
    .bound_button {
        margin-left: 10px;
        padding: 0px;
        height: 25px;
        width: 60px;
    }
    .reset_button {
        float: right;
        padding: 0px;
        height: 25px;
        margin: 0px;
        width: 70px;
    }
    .bound_apply_button {
        padding: 0px;
        height: 25px;
        width: 70px;
    }
    .date_label {
        float: left;
    }
    .date_form {
        float: left;
    }
    .data_selections {
        float: left;
        width: 230px;
        margin: 10px;
        padding: 10px;
        background-color: #eeeeee;
        font-size: 13.5px;
        line-height: 20px;
    }
    .data_content {
        float: left;
        width: 990px;
        padding: 10px;
        margin-bottom: 20px;
    }
    .data_nav {
        padding-right: 50px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .ds_table td {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .dataset_bb {
        float: left;
        padding-top: 10px;
        width: 220px;
    }
    .boundingbox {
        width: 220px;
        height: 120px;
    }
    .dataset_text {
        float: left;
        font-size: 13px;
        padding-top: 15px;
        line-height: 18px;
        width: 560px;
    }
    .dataset_text_first {
        width: 150px;
    }
    .dataset_text_second {
        width: 370px;
        padding-right: 20px;
    }
    .dataset_text td {
        padding-left: 20px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .dataset_logos {
        float: left;
        width: 120px;
    }
    .ds_funding {
        height: 25px;
        margin-bottom: 5px;
    }
    .dataset_dld {
        float: left;
        width: 45px;
    }
    .ds_download {
        width: 45px;
        margin-bottom: 5px;
    }
    .more_button {
        float: right;
        font-size: 12px;
        padding: 0;
        margin-top: 10px;
        width: 60px;
        height: 25px;
    }
    .edit_button {
        width: 50px;
        padding: 0;
        text-align: center;
    }
    .edit_link:active, .edit_link:visited {
        color: #0000ff;
    }
    .dld_number {
        clear: both;
        text-align: right;
    }
    .data_nav_links {
        float: right;
        margin-left: 10px;
    }

/* dataset details: */
    .ds_details {
        border: 2px solid black;
        width: 1100px;
        height: 700px;
        background-color: #FAFAFA;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -350px;
        margin-left: -550px;
        z-index: 1;
        padding: 20px;
        font-size: 12px;
    }
    .close_button {
        position: absolute;
        bottom: 10px;
        right: 10px;
    }
    .download_button {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 50px;
    }
    .details_header {
/*         background-color: #ff0000; */
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .details_images {
/*         background-color: #00ff00; */
        float: left;
        width: 220px;
    }
    .details_content {
/*         background-color: #0000ff; */
        float: left;
        width: 780px;
        padding-left: 60px;
        padding-right: 20px;
    }
    .details_ql {
        width: 220px;
        margin-top: 30px;
    }
    .details_table td {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 5px;
    }
    #id_start_date, #id_end_date {
        width: 65px;
        height: 10px;
        font-size: 11px;
    }
    .more_logo {
        height: 35px;
        margin-left: 10px;
        float: left;
    }
    .details_text {
        float: left;
        vertical-align: top;
    }

/* delete dataset: */
    .delete_button {
        background: none!important;
        border: none;
        padding: 0!important;
        font: inherit;
        cursor: pointer;
        color: #0000ff;
        text-decoration: underline;
        width: 50px;
    }
    .message_border {
        height: 100%;
        width: 1280px;
        background-color: #FFFFFF;
        opacity: 0.7;
        filter: alpha(opacity=70); /* For IE8 and earlier */
        position: fixed;
        top: 0;
        z-index: 1;
    }
    .message_content {
        border: 0.125em solid black;
        width: 400px;
        height: 170px;
        background-color: #EEEEEE;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -85px;
        margin-left: -200px;
        z-index: 2;
        padding: 30px;
    }
    .message_yesno_buttons {
        width: 80px;
        font-size: 14px;
        margin-left: 80px;
    }

/* dataset download statistics: */
    .download_statistics {
        padding-left: 20px;
        padding-right: 20px;
    }
    .dld_stat_table td, .dld_stat_table th {
        text-align: left;
        padding: 10px;
        padding-right: 20px;
    }
    .dld_stat_table th {
        background-color: #416892;
        color: #FFFFFF;
    }
    .dld_stat_table tr:nth-child(even) {
        background-color: #7AA3CC;
    }
    .dld_stat_table tr:nth-child(odd) {
        background-color: #8AB8E6;
    }

/* map for the selection of spatial boundaries: */
    .selectmap_div {
        clear: both;
        width: 520px;
        height: 420px;
        background-color: #ffffff;
        border: 1px solid black;
        padding: 10px;
/*         height: 700px; */
        position: absolute;
        z-index: 5;
        top: 190px;
        right: 20px;
/*        top: 50%;
        left: 50%;
        margin-top: -165px;
        margin-left: -300px;*/
    }
    .selectmap_header {
        width: 520px;
        height: 30px;
        text-align: center;
        font-weight: bold;
    }
    .selectmap {
        width: 520px;
        height: 270px;
    }
    .map_underline {
        width: 520px;
        height: 40px;
    }
    .show_hide_datapoints {
        float: left;
    }
    .show_hide_datapoints_button {
        padding: 0px;
        height: 25px;
        width: 140px;
    }
    .mouse_position {
        float: right;
        font-size: 10px;
    }
    .manual_coord {
        width: 520px;
        height: 50px;
    }
    #id_west_lon_sel, #id_east_lon_sel, #id_north_lat_sel, #id_south_lat_sel {
        width: 35px;
        height: 10px;
        margin-right: 7px;
        font-size: 11px;
    }
    #id_west_lon_sel_map, #id_east_lon_sel_map, #id_north_lat_sel_map, #id_south_lat_sel_map {
        width: 50px;
        margin-right: 10px;
    }
    .apply_div {
        width: 520px;
        height: 20px;
    }
    .apply_map_button {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .map_close {
        position: absolute;
        margin: 0;
        padding: 0;
        top: 0px;
        right: 7px;
        font-size: 32px;
        font-weight: bold;
        background-color: transparent;
        border: 0;
        color: #888888;
    }
    .map_close:hover {
        color: #000000;
        cursor: pointer;
    }

/* datepicker: */
    .datepicker {
        width: 80px;
        height: 15px;
    }
    .datepicker_label {
        float: left;
        margin-left: 10px;
        padding-right: 5px;
    }
    .datepicker_field {
        float: left;
        height: 15px;
    }
    a.ui-datepicker-prev, a.ui-datepicker-next {
        padding-left: 20px;
        padding-right: 20px;
    }

/* choosing a category: */
    #AA_cat_button {
        float: left;
/*         opacity: 0.5; */
        width: 40px;
        height: 40px;
        background-image: url(icons/logo_antarctica_inactive.png);
        background-size: 40px 40px;
        margin-right: 20px;
        background-color: Transparent;
        border: none;
        cursor: pointer;
        outline: none;
    }
    #AA_cat_button_clicked {
        float: left;
        width: 40px;
        height: 40px;
        background-image: url(icons/logo_antarctica.png);
        background-size: 40px 40px;
        margin-right: 20px;
        background-color: Transparent;
        border: none;
        cursor: pointer;
        outline: none;
    }
    #Gr_cat_button {
        float: left;
/*         opacity: 0.5; */
        width: 40px;
        height: 40px;
        background-image: url(icons/logo_greenland_inactive.png);
        background-size: 40px 40px;
        margin-right: 20px;
        background-color: Transparent;
        border: none;
        cursor: pointer;
        outline: none;
    }
    #Gr_cat_button_clicked {
        float: left;
        width: 40px;
        height: 40px;
        background-image: url(icons/logo_greenland.png);
        background-size: 40px 40px;
        margin-right: 20px;
        background-color: Transparent;
        border: none;
        cursor: pointer;
        outline: none;
    }
    #Gl_cat_button {
        float: left;
/*         opacity: 0.5; */
        width: 40px;
        height: 40px;
        background-image: url(icons/logo_glaciers_inactive.png);
        background-size: 40px 40px;
        margin-right: 20px;
        background-color: Transparent;
        border: none;
        cursor: pointer;
        outline: none;
    }
    #Gl_cat_button_clicked {
        float: left;
        width: 40px;
        height: 40px;
        background-image: url(icons/logo_glaciers.png);
        background-size: 40px 40px;
        margin-right: 20px;
        background-color: Transparent;
        border: none;
        cursor: pointer;
        outline: none;
    }

/* forms: */
    .form_helptext {
        color: #000000;
        text-decoration: none;
        padding: 0;
    }
    .form_field {
        clear: both;
        padding: 0;
        margin: 0;
        position: relative;
        left: 0px;
    }
    .all_button {
        float:left;
        margin-right: 20px
    }
    .none_button {
        float:left;
    }

/* downloading data: */
    .downloadFrame {
        display: none;
    }

/* ADMIN: */
    .admin_div {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 80px;
    }
    .details_window {
        border: 2px solid black;
        width: 1100px;
/*         height: 700px; */
        background-color: #FAFAFA;
        position: fixed;
/*         top: 50%; */
        top: 0%;
        left: 50%;
/*         margin-top: -350px; */
        margin-top: 170px;
        margin-left: -550px;
        z-index: 1;
        padding: 20px;
        font-size: 12px;
    }
    .details_window_scroll {
        overflow-y: scroll;
        height: 80%;
        border: 2px solid black;
        width: 1100px;
/*         height: 700px; */
        background-color: #FAFAFA;
        position: fixed;
/*         top: 50%; */
        top: 0%;
        left: 50%;
/*         margin-top: -350px; */
        margin-top: 20px;
        margin-left: -550px;
        z-index: 1;
        padding: 20px;
        font-size: 12px;
    }
    .details_table td, th {
        padding: 10px;
        padding-left: 20px;
        padding-right: 20px;
        text-align: left;
    }
    .admin_button {
        float: left;
        margin-right: 20px;
    }
    .no_padding_button {
        padding: 0;
        width: 30px;
        background-color: #eeeeee;
    }
    .close_button_top {
        position: absolute;
        top: 10px;
        right: 10px;
    }

/* tabs for admin: */
    .tabs_container {
        position: absolute;
        background-color: #5C7A99;
        height: 45px;
        width: 1240px;
        padding: 0;
        margin: 0;
        border: 0;
        top: 120px;
    }
    .button_container {
        position: absolute;
        bottom: 0;
        margin-left: 20px;
        width: 96%;
    }
    .button_tab {
        background-color: #8AB8E6;
        height: 20px;
        margin: 0;
        margin-top: 30px;
        border-bottom: 0;
/*         font-size: 12px; */
        font-weight: bold;
    }
    .button_tab_current {
        background-color: #FFFFFF;
        height: 20px;
        margin: 0;
        margin-top: 30px;
        border-bottom: 0;
/*         font-size: 12px; */
        font-weight: bold;
    }

/* administration of users: */
    .users_table td, .users_table th {
        text-align: left;
        padding: 10px;
    }
    .users_table th {
        background-color: #AAAAAA;
        color: #FFFFFF;
    }
    .users_table tr:nth-child(even) {
        background-color: #EEEEEE;
    }
    .users_table tr:nth-child(odd) {
        background-color: #DDDDDD;
    }
    .users_table table, .users_table tr, .users_table td, .users_table th {
        position: relative;
    }
    .verticalTableHeader span {
        transform-origin: 0 50%;
        transform: rotate(-90deg);
        white-space: nowrap;
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
    }

/* administration of IV permissions: */
/* TABLE */
/* collapse table borders: */
    .admin_iv_glc_perm_table {
        border-collapse: collapse;
    }
    /* set table borders to grey color: */
    .admin_iv_glc_perm_table th, .admin_iv_glc_perm_table td {
        border: 2px solid #CCCCCC;
    }
    /* set outside table borders to black color: */
    .admin_iv_glc_perm_table tr:first-child th {
        border-top: 2px solid black;
    }
    .admin_iv_glc_perm_table tr:last-child td {
        border-bottom: 2px solid black;
    }
    .admin_iv_glc_perm_table tr td:first-child, .admin_iv_glc_perm_table tr th:first-child {
        border-left: 2px solid black;
    }
    .admin_iv_glc_perm_table tr td:last-child, .admin_iv_glc_perm_table tr th:last-child {
        border-right: 2px solid black;
    }
    .admin_iv_glc_perm_table th, .admin_iv_glc_perm_table td {
        padding: 5px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .admin_iv_glc_perm_table tr:nth-child(even) {
/*         background-color: #EEEEEE; */
        background-color: rgba(245,245,245,0.5);
    }
    .admin_iv_glc_perm_table tr:nth-child(odd) {
/*         background-color: #DDDDDD; */
        background-color: rgba(220,220,220,0.5);
    }
/* set position to relative in order to enable vertical text in table cells: */
    .admin_iv_glc_perm_table, .admin_iv_glc_perm_table tr, .admin_iv_glc_perm_table td, .admin_iv_glc_perm_table th {
        position: relative;
    }
/* define vertical table headers: */
    .verticalTableHeader span {
        transform-origin: 0 50%;
        transform: rotate(-90deg);
        white-space: nowrap;
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
    }

/* administration of download statistics: */
    .downloads_table td, .downloads_table th {
        text-align: left;
        padding: 10px;
    }
/*    .downloads_table th {
        background-color: #AAAAAA;
        color: #FFFFFF;
    }*/
    .downloads_table tr:nth-child(even) {
        background-color: #EEEEEE;
    }
    .downloads_table tr:nth-child(odd) {
        background-color: #DDDDDD;
    }
    .chart_countries_div {
        float: left;
        width: 250px;
    }
    .chart_users_envelope {
        float: left;
    }
    .chart_users_div {
        width: 900px;
    }
    .overlay {
        position: relative;
        bottom: 10px;
/*         top: 35.2em; */
    }
    .colbar_label {
        font-family: 'Arial';
        font-size: 12px;
        margin-left: 21px;
    }