body {
        color: Black;
        background: white;
}


h1 {
        color: white;
        background: #333  ;
        text-shadow: 2px 2px 1px Black;
}


.etherpad_container {
        background: white;
        color: black;
}


u {
        font-size: 155%;
        color: silver !important;
        color: white !important;
        background: #333  ;
}

strong {
        color: Black; /* changed Nov 9 - no contrast here ...*/
        color: Black; /* changed Nov 9 - no contrast here ...*/
        background: #BBB;

        display: inline;
        font-style: normal;
        font-weight: bold;

        padding: 3px;
        margin: 3px;
}

em {
        color: white;
        color: Black; /* changed Nov 9 */

        background: #eee;

        display: inline;
        font-style: normal;
        font-style: italic;

        /*
        padding: 3px 9 3 9;
        margin: 13px 9 13 9;
        */
}

a:link {
    color: #333;
    border-bottom: 2px solid black;
    box-shadow: 0 1px 0 black;
}

a:visited {
    color: #999;
    border-bottom-color: white !important;
    /*
    ######## LOL this does not work for some security concerns
    ######## http://stackoverflow.com/questions/10471929/underlining-visited-links
    border-bottom: 0px solid black !important;
    box-shadow: 0 0px 0 black !important;
    text-decoration: none !important;
    */
}

a:hover {
    font-weight: bold;
    text-decoration-style: dashed;
   border-bottom-color: white !important;
}


.btn {
        background: #333  ;
        color: white;
        text-shadow: none;
}