body {font-family: sans-serif }
.drop_zone { border: solid 1px #421; padding: 1ex; background-color: #e8e0d0}
div#list ul { border: solid 1px blue;background-color: #eef }
div.warning { border: solid 1px red; background-color: #fee; margin: 1ex 0; padding: 1ex 1ex }
pre { background-color: #ddd; border: 1px solid #aaa; width: 80ex }
.narrow {padding: 0em 2em; max-width: 80ex }
table.step td:first-child { vertical-align: top }
span.stepnum { font-size: 150%; background-color: black;
   padding: 0.25ex 0.5ex; border: 3px solid blue; color: white }
span.spacer { width: 4em }
div#intro { background-color: #eee; padding: 0.25ex 0.25ex; margin-bottom: 1em}
div#step2 {display: none; padding-top: 1em}
div#step3 {display: none}
div#step3_out {margin-top: 1em}
div.output {background-color: #dde}
div#displays {width: 100%; height: 100%}
table.displays {width: 100%}
table.displays th#othertab {
    width:100%;
    background-color: transparent;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid black;
}
table.displays th.tab {
    cursor: pointer;
    border-top: solid black 1px;
    border-right: solid black 1px;
    border-left: solid black 1px;
    border-bottom: none;
    padding: 3px;
    white-space: nowrap;
    background-color: #eee;
    border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;
}
table.displays td#content {height: 100%; vertical-align: middle}
table.displays tr#content_pane {
    background-color: #eef; height: 100%; margin-right: 1ex
}
div#content {min-height: 8em; vertical-align: middle; height: 100%}
#explain_ML {width: 80ex}
.explanation {display: none; position: absolute; left: 400px; width: 40ex; border: 2px solid black; background-color: #ffc; padding: 1ex}
table.displays tr#line {height: 1px; background-color: black}
table.displays tr#tabs {
    background-color: white;
}
table.rvr_report { height: 16em; border-left: 1px solid black; width: 100% }
table.rvr_report td { text-align: center }
table.paper_report { width: 100%; background-color: #efe;  border-left: 1px solid black}
table.paper_report td { text-align: center }
table.rvr_report th, table.paper_report th { padding: 0 1ex }
th.sortable { cursor: pointer}
canvas#plot { background-color: white; border-left: solid 1px black;
   	  border-right: solid 1px black; width: 100%; height: 100% }
p.please_upload { text-align: center; font-style: italic; padding: 4em 0 }
span.question { background-color: #ffc; border: 2px solid black; margin-left: 1em;
   padding: 2px;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px 4px; cursor: help; 
}
table#fullpage { height: 100%; width: 100% }
tr#page { height: 100% }
td#leftcolumn { max-width: 80ex; vertical-align: top }
td#rightcolumn {  height: 100%; width: 100%; vertical-align: top;}
button.rerun {margin-left: 2em}
div#credits_link { font-size: 80%; border: 1px solid black; font-weight: bold;
   position: fixed; left: 1ex; bottom: 1ex; padding: 0.5ex; background-color: #e8e0d0;
  cursor: pointer }
div#credits { font-size: 80%; padding: 1em; display: none; font-weight: medium }