h1, h2, h3, h4, h5 {
    font-family: Georgia, serif;
    font-weight: bolder;
}

ul#pagelocation,
ul#pagelocation li {
    font-family: Georgia, serif;
    font-weight: bolder;
    color: #0044B3;
}

table.navigation {
    float: none;
    margin: 0px;
}

table.navigation a {
    display: block;
}

pre {
    font-family: "Courier New", "Courier", monospace;
}

table.timecsv {
    width: 50%;
}

table.timecsv tr.active {
    background-color: #66FF66;
}

table.timecsv thead tr {
    background-color: #CCCCCC;
}

.hcolumn0, .hcolumn1, .hcolumn2, .hcolumn3, .hcolumn4, .hcolumn5, .hcolumn6,
.hcolumn7, .hcolumn8, .hcolumn9, .hcolumn10, .hcolumn11, .hcolumn12,
.hcolumn13, .hcolumn14, .hcolumn15, .hcolumn16, .hcolumn17, .hcolumn18,
.hcolumn19, .hcolumn20, .hcolumn21, .hcolumn22, .hcolumn23, .hcolumn24,
.hcolumn25, .hcolumn26, .hcolumn27, .hcolumn28, .hcolumn29, .hcolumn30 {
    background-color: #CCCCCC;
}



/* iPhone */
@media screen and (max-width: 500px) {
 #logo, #locationline, #pagetrail, #navibar, #pageline, #pageinfo { display: none; }
 #page { padding: 0 0.5em; }
 #header .editbar form { display: none; }
 table.timecsv { width: 97%; }

 /* Editor Page */
 #page-editor input[name="button_switch"],
 #page-editor input[name="button_spellcheck"],
 #page-editor #chktrivialtop,
 #page-editor label[for="chktrivialtop"]
 {
     display: none !important;
 }

 #page-editor #header, #page-editor #footer, #page-editor #editor-help, #page-editor form p {
     display: none;
 }

 #page-editor #page {
     margin: 0;
     padding: 0;
 }

 #page-editor textarea {
     border: none;
     height: 90vh;
     width: 100%;
 }
}


/* DND Upload Control */
#dnd-upload { border: 10px dashed #ccc; min-height: 100px; margin: 20px auto; padding: 1em;}
#dnd-upload.hover { border: 10px dashed #0c0; }
.dnd-overwrite { color: red; display: block; text-align: right; }
 
#dnd-upload li { list-style: none; padding: 1em; }
#dnd-upload .filename { font-weight: bolder; }
.progressbar { float: right; }
.progressbar progress { margin-right: 1em; }
.progressbar .size { display: inline-block; width: 3em; text-align: right; }