@charset "UTF-8";

body {
    font: small "Helvetica", sans-serif;
    padding: 5px;
    margin: 5px;
}

.heading-major {
    font: xx-large "Helvetica", sans-serif;
    color: #336699;
}

.version {
    font: small/60% "Courier", monospace;
    margin-top: 0px;
    padding-top: 0px;
    color: gray;
}

.protocol-major {
    font: xx-large "Courier", monospace;
    margin-top: 0px;
    padding-top: 0px;
    color: gray;
}

.protocol-minor {
    font: small/60% "Courier", monospace;
    margin-top: 0px;
    padding-top: 0px;
    color: gray;
}

.italic {
    font-style: italic;
}

table.main-table {
    padding: 0;
    margin: 0;
}

#datatable thead th {
    text-align: center;
    /*vertical-align: top;*/
}

input, select {
    border: 0.5px solid lightgray;
    border-radius: 5px;
    padding-right: 0.3em;
    background-color: #ffffee;
    -webkit-box-shadow: 
        inset 0 0 8px  rgba(0,0,0,0.1),
        0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
        inset 0 0 8px  rgba(0,0,0,0.1),
        0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
        inset 0 0 8px  rgba(0,0,0,0.1),
        0 0 16px rgba(0,0,0,0.1);
    text-align: right;
}

input:hover, select:hover {
    border: 0.5px solid gray;
}

.yellow-shadowbox {
    /*border: 0.1px dotted lightgray;*/
    background-color: #ffffee;
    -webkit-box-shadow: 
        inset 0 0 8px  rgba(0,0,0,0.1),
        0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
        inset 0 0 8px  rgba(0,0,0,0.1),
        0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
        inset 0 0 8px  rgba(0,0,0,0.1),
        0 0 16px rgba(0,0,0,0.1);
}

ul.params, ul.params li {
    margin: 0;
    padding: 0;
}

div.progress {
    background-color: #336699;
}

div.progress-bar {
    background-color: red;
}

.alignRight { 
    text-align: right;
    white-space: nowrap;
}

.alignLeft { 
    text-align: left;
    white-space: nowrap;
}

#datatableDiv {
    padding: 3em 10px 2em 10px;
}

#unitsRow1, #unitsRow1 td, #unitsRow1 td p {
    padding: 0;
    margin: 0;
    text-align: center;
}

.dropZoneBig {
    border: lightgray dashed thick;
    border-radius: 25px;
    color: gray;
    text-align: center;
    vertical-align: middle;
}

.dropZoneBig:hover {
    border: gray dashed thick;
}

#refZone {
    border: lightgray dashed thick;
}

#mainDropZone, tr.mainDropZone {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

table.main-table thead tr th {
    padding-bottom: 10px;
}

#dragDrop1 {
    font: xx-large "Helvetica", sans-serif;
    line-height: 200px;
}

tr.protocol-selector td {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: top;
    border-bottom: #336699 dashed thin;
}

tr.protocol-selector td img {
    padding-left: 15%;
}

tr.protocol-selector td.example-caption {
    vertical-align: middle;
}

td.example-caption a {
    text-decoration: none;
}

td.example-caption a:hover {
    background-color: #ffffee;
}

tr.hover-backlight:hover {
    background-color: #ffffee;
}

.link a, a.link {
    text-decoration: none;
    color: blue;
}

.link a:hover, a:hover.link {
    text-decoration: underline;
    color: blue;
}

a {
    text-decoration: none;
    color: blue;
}

a:hover {
    text-decoration: underline;
    color: blue;
}