/*

HRM default style

This file is part of the Huygens Remote Manager
Copyright and license notice: see license.txt

*/

/* basic elements */
body {
    background: #1e1e1e;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    margin: 0;
}

@media (min-resolution: 144dpi) {

    body {
        font-family: 'Open Sans Light', sans-serif;
        font-weight: 300;
    }
}

pre {
    font-size: 12px;
}

a:link {
    color: #4988de;
    text-decoration: none;
}

a:visited {
    color: #4988de;
    text-decoration: none;
}

a:hover, a:active {
    color: #2733ff;
}

h1 {
    font-size: 32px;
    margin-top: 20px;
}

h2 {
    font-size: 20px;
    margin-top: 15px;
}

h4 {
    font-size: 14px;
    font-weight: bold;
}

p {
    text-align: left;
}

img {
    vertical-align: middle;
    border: none;
}

textarea {
    width: 100%;
}

table {
    width: 100%;
    border-collapse: collapse;
}

#table_nyquist {
    width: 100%;
    border-collapse: collapse;
    margin-left: 15px
}

/* specific div elements */

.ui-dialog-titlebar {
    background: #62B0F9 none;
    color: #FFFFFF;
}

#welcome_intro {
    font-size: 16px;
    padding-top: 30px;
    padding-bottom: 30px;
    line-height: 1.5;
    font-style: italic;
}

.intro {
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.5;
}

.selection {
    width: 100%;
    background-color: rgba(51, 51, 51, 0.918);
    color:  #fff;
}

#basket {
    width: 1000px;
    border: #ddd 1px solid;
    margin: 0 auto 0 auto;
}

#title {
    display: block;
    color: black;
    text-align: center;
    border-bottom: solid #ddd 1px;
    background: url("../images/logo.png") no-repeat top left;
}

#title h1 {
    font-size: 36px;
    font-weight: bold;
    margin: 10px;
    position: relative;
    top: 10px;
    color: lightslategrey;
}

#logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 186px;
    height: 86px;
    background: url("../images/logo.png") no-repeat top left;
}

#stats {
    margin: 10px auto;
    width: 50%;
}

#statschart {
    width: 100%;
    height: 400px;
    margin: 16px 0 10px 0;
    border-top: #ccc 1px dotted;
}

#statstable {
    font-weight: normal;
    font-size: 0.7em;
    margin-left: 50px;
    margin-right: 50px;
    border-top: #ccc 1px dotted;
    background-color: rgb(62, 87, 111);
}

#statstable h3 {
    color: rgb(62, 87, 111);
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 16px;
}

#statstable table {
    margin-bottom: 20px;
}

#statstable table th {
    text-align: center;
    font-weight: bold;
    background-color: #888;
}

.clear {
    clear: both;
}

#nav {
    color: #888;
    font-size: 12px;
    font-weight: bold;
}

#navright {
    text-align: right;
    float: right;
}

#navleft {
    text-align: left;
    float: left;
}

#nav ul {
    list-style-type: none;
    padding: 2px 2px 2px 2px;
    margin: 0;
}

#nav li {
    display: inline-block;
    padding: 4px;
}

#nav a {
    font-weight: bold;
    color: #fff;
}

.requirements {
    text-align: center;
    background: #4988DE;
    color: #fff;
}

.submit_btn {
    background-color: #71cb55; /* Green. */
    border: none;
    color: white;
    margin: 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    /* vertical-align: middle; */
    padding: 0 20px 0 20px;
    height: 30px;
}

#controls {
    text-align: center;
    /*border-top: #ccc 1px dotted;*/
    margin-top: 30px;
    width: 100%;
}

#welcome {
    float: left;
    width: 970px;
    text-align: center;
    margin: 0;
    padding: 0 15px 0 15px;
}

#welcome h3 {
    font-size: 16px;
    height: 40px;
    font-weight: bold;
    text-align: center;
    border: solid 1px #aaa;
}

#welcome h2 {
    font-size: 20px;
    margin-top: 15px;
    border: solid 1px #ddd;
}

#welcome h4 {
    font-size: 12px;
    font-weight: bold;
    text-align: justify;
}

#welcome p {
    text-align: justify;
}

#content {
    float: left;
    width: 580px;
    text-align: left;
    margin: 0;
    padding: 0 15px 0 15px;
}

#content h3 {
    font-size: 16px;
    height: 40px;
    font-weight: bold;
    text-align: center;
    padding: 0 0 20px 0;
}

#content h2 {
    font-size: 16px;
    height: 18px;
    font-weight: bold;
    text-align: center;
    border: solid 1px #ddd;
}

#content h4 {
    font-size: 12px;
    font-weight: bold;
    text-align: justify;
}

#content p {
    text-align: justify;
}

#content_disabled {
    float: left;
    width: 580px;
    text-align: left;
    margin: 0;
    padding: 0 15px 0 15px;
}

#content_disabled h3 {
    color: grey;
    font-size: 16px;
    height: 40px;
    font-weight: bold;
    text-align: center;
    padding: 0 0 20px 0;
}

#content_disabled h2 {

    color: grey;
    font-size: 16px;
    height: 18px;
    font-weight: bold;
    text-align: center;
    border: solid 1px #ddd;
}

#content_disabled h4 {
    color: grey;
    font-size: 12px;
    font-weight: bold;
    text-align: justify;
}

#content_disabled p {
    text-align: justify;
}

#separator {
    width: 100%;
    border: 1px solid #CCCCCC;
    margin: 20px 0 20px 0;
}

#logos {
    font-size: 85%;
    text-align: center;
    background-color: #1e1e1e;
    color: #fff;
}

#logos table {
    border: 0;
    width: 100%;
}

#logos table.firstRow {
    margin: 6px 0 30px 0;
}

#logos table.secondRow {
    margin: 20px 0 30px 0;
}

#logos table.thirdRow {
    margin: 20px 0 30px 0;
}

#logos table tr.caption {
    vertical-align: top;
    text-align: center;
    color: white;
}

#logos table td {
    width: 200px;
}

#logos table td.epfl {
    height: 100px;
    cursor: pointer;
    background: url("../images/logo_epfl.png") no-repeat center;
    background-size: 130px;
}

#logos table td.mri {
    height: 100px;
    cursor: pointer;
    background: url("../images/logo_mri.png") no-repeat center;
    background-size: 80px;
}

#logos table td.svi {
    height: 100px;
    cursor: pointer;
    background: url("../images/logo_svi.png") no-repeat center;
    background-size: 80px;
}

#logos table td.bsse {
    height: 100px;
    margin-top: 50px;
    padding-bottom: 5px;
    cursor: pointer;
    background: url("../images/logo_bsse_neg.png") no-repeat center;
    background-size: 124px;
}

#logos table td.fmi {
    height: 100px;
    cursor: pointer;
    background: url("../images/logo_fmi_neg.png") no-repeat center;
    background-size: 150px;
}

#logos table td.bio-basel {
    height: 100px;
    cursor: pointer;
    background: url("../images/logo_biozentrum_neg.png") no-repeat center;
    background-size: 130px;
}

#logos table td.lin {
    height: 100px;
    cursor: pointer;
    background: url("../images/logo_lin_neg.png") no-repeat center;
    background-size: 130px;
}

#logos table td.cni {
    height: 100px;
    cursor: pointer;
    background: url("../images/logo_cni_neg.png") no-repeat center;
    background-size: 130px;
}

#logos table td.unf {
    height: 100px;
    cursor: pointer;
    background: url("../images/logo_unf_neg.png") no-repeat center;
    background-size: 120px;
}

#logos table td.miap {
    height: 100px;
    cursor: pointer;
    background: url("../images/logo_miap.png") no-repeat center;
    background-size: 110px;
}

#logos table td.unimanchester {
    height: 100px;
    cursor: pointer;
    background: url("../images/logo_unimanchester_neg.png") no-repeat center;
    background-size: 130px;
}

#logos table td.blank {
    height: 100px;
    cursor: pointer;
    background: url("../images/logo_blank.png") no-repeat center;
    background-size: 100px;
}

#templates select {
    width: 100%;
    resize: both;
}

#users_isadmin_label input[type=checkbox] {
    position: relative;
    vertical-align: middle;
}

#userfiles select {
    width: 100%;
    text-align: left;
    resize: both;
}

#selection {
    font-size: 0.8em;
    text-align: center;
}

#selection select {
    width: 50%;
}

#selection input {
    vertical-align: middle;
}

#autoseries_label {
    font-size: 80%;
}

#autoseries {
    vertical-align: middle;
}

#selection label {
    position: relative;
    left: 13.8em;
}

#selection_disabled {
    opacity: 0.4;
    filter: alpha(opacity=40);
    font-size: 0.8em;
    text-align: center;
}

#up_form {
    font-size: 0.8em;
    text-align: center;
}

#up_form input {
    vertical-align: middle;
}

#upload_list {
    padding: 15px;
    margin: 15px;
    border: #ccc 2px solid;
}

#upload_list input {
    width: 90%;
}

#settings select {
    width: 100%;
    resize: both;
}

#selectedfiles select {
    width: 100%;
    text-align: left;
    resize: both;
}

#upMsg {
    text-align: center;
    font-size: 70%;
    padding: 5px 0 0 0;
}

#upMsgError {
    text-align: center;
    color: red;
    font-size: 80%;
    font-weight: bold;
    margin: 5px;
}

input.down {
    background: url("../images/add.png") no-repeat center;
}

input.remove {
    background: url("../images/remove.png") no-repeat center;
}

input.create {
    background: url("../images/create.png") no-repeat center;
}

input.edit {
    background: url("../images/edit.png") no-repeat center;
}

input.imageTotemplate {
    background: url("../images/template_from_file.png") no-repeat center;
}

input.huygens {
    background: url("../images/huygens_template.png") no-repeat center;
}

input.clone {
    background: url("../images/clone.png") no-repeat center;
}

input.share {
    background: url("../images/share.png") no-repeat center;
}

input.mark {
    background: url("../images/mark.png") no-repeat center;
}

input.delete {
    background: url("../images/delete.png") no-repeat center;
}

input.update {
    background: url("../images/update.png") no-repeat center;
}

input.download {
    background: url("../images/download.png") no-repeat center;
}

input.upload {
    background: url("../images/upload.png") no-repeat center;
}

input.omero {
    background: url("../images/omero_data_neg.png") no-repeat center;
}

input.save {
    width: 60px;
    height: 60px;
    background: url("../images/save.png") no-repeat center;
}

input.apply {
    width: 60px;
    height: 60px;
    background: url("../images/apply.png") no-repeat center;
}

#actions {
    text-align: center;
    font-size: 80%;
    padding: 20px 0 0 0;
}

#actions label {
    display: block;
    text-align: center;
    font-size: 100%;
    margin-bottom: 20px;
}

#actions_disabled {
    opacity: 0.4;
    filter: alpha(opacity=40);
    text-align: center;
    font-size: 80%;
    padding: 20px 0 0 0;
}

#actions_disabled label {
    display: block;
    text-align: center;
    font-size: 100%;
    margin-bottom: 20px;
}

#actions table {
    font-size: 100%;
}

#actions td {
    text-align: center;
}

#actions td.button {
    font-weight: bold;
    width: 50px;
}

#actions td.label {
    font-weight: bold;
    width: 50px;
    vertical-align: top;
}

#omeroActions {
    text-align: center;
    font-size: 70%;
    padding: 5px 0 0 0;
}

#omeroTree {
    width: 450px;
}

#newTemplateDiv {
    font-size: 14px;
    text-align: center;
    width: 100%;
    display: none;
    padding: 30px 30px 0 0;
}

#copyTemplateDiv {
    font-size: 14px;
    text-align: center;
    width: 100%;
    display: none;
    padding: 30px 30px 0 0;
}

#login {
    text-align: left;
    display: inline-block;
    white-space: nowrap;
    margin-right: 25px;
}

#login img {
    float:left;
    margin-right: 4px;
}

#login label {
    font-weight: normal;
}

#login input.textfield {
    width: 80px;
    text-align: center;
    color: white;
}

#login .button {
    font-weight: normal;
    background-color: white;
    color: black;
    border: thin solid #5294e2;
    margin: 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    height: 22px;
    width: 60px;
}

#login .dark {
    font-weight: bold;
    background-color: #5294e2; /* Light blue. */
    border: none;
    color: white;
    margin: 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    padding: 0 20px 0 20px;
    height: 22px;
}

#rightpanel {
    float: right;
    width: 350px;
    text-align: right;
    margin: 0;
    padding: 0 25px 0 15px;
}

#info {
    text-align: center;
    padding: 0;
    width: 100%;
    line-height: 1.5;
}

#output {
    width: 100%;
}

#info p {
    font-size: 12px;
    text-align: justify;
}

#info p.report {
    font-size: 11px;
    text-align: left;
}

#info h3 {
    font-size: 16px;
    line-height: 40px;
    white-space: nowrap;
    font-weight: bold;
    text-align: center;
    height:40px;
    padding: 0 0 20px 0;
}

#footer {
    clear: both;
    font-size: 60%;
    padding: 30px 0 5px 0;
}

#footer #version_info {
    font-size: 120%;
}

#about {
    clear: both;
    font-size: 75%;
    padding: 5px 0 5px 0;
}

#bottom {
    background: url("../images/bottom_bkg.png") repeat-x top left;
    text-align: center;
    height: 32px;
    padding-top: 10px;
    padding-bottom: 10px;
}

table#Servers th {
    text-align: center;
    padding-top: 6px;
    padding-bottom: 20px;
    font-weight: bold;
}

table#Servers td {
    padding-top: 4px;
    padding-bottom: 4px;
}

#joblist {
    float: left;
    text-align: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 98%;
    margin-top: 0;
    color: #fff;
}

#joblist h3 {
    margin-top: 15px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 0 0 20px 0;
}

#joblist summary {
    text-align: center;
}

#input input {
    vertical-align: middle;
}

#queue {
    margin-bottom: 1em;
}

#queue table {
    font-size: 75%;
    padding-bottom: 1em;
    color: #000;
}

#queue td {
    text-align: center;
    border: thin solid;
}

#queue td.del {
    width: 3%;
    font-weight: bold;
    color: #fff;
}

#queue td.nr {
    width: 3%;
    font-weight: bold;
    color: #fff;
}

#queue td.owner {
    width: 10%;
    font-weight: bold;
    color: #fff;
}

#queue td.files {
    width: 24%;
    font-weight: bold;
    color: #fff;
}

#queue td.created {
    width: 15%;
    font-weight: bold;
    color: #fff;
}

#queue td.status {
    width: 8%;
    font-weight: bold;
    color: #fff;
}

#queue td.started {
    width: 15%;
    font-weight: bold;
    color: #fff;
}

#queue td.stop {
    width: 15%;
    font-weight: bold;
    color: #fff;
}

#queue td.pid {
    width: 8%;
    font-weight: bold;
    color: #fff;
}

#queue td.server {
    width: 14%;
    font-weight: bold;
    color: #fff;
}

#queue input {
    vertical-align: middle;
}

#ChromaticAberrationTable table {
    font-size: 90%;
    padding-bottom: 1em;
}

#ChromaticAberrationTable td.header {
    font-weight: bold;
}

#ChromaticAberration select {
    width: 15%;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 2em;
}

#ChromaticAberration p.info {
    text-align: center;
    margin-bottom: 0;
    color: #4988DE;
    font-size: 90%;
}

#HotPixelCorrection p.info {
    text-align: center;
    margin-bottom: 0;
    color: #4988DE;
    font-size: 90%;
}

#AberrationCorrectionModeDiv {
    margin-top: 25px;
}

#TimeStabilization select {
    width: 100%;
    text-align: left;
    margin-top: 1em;
    margin-bottom: 2em;
}

#jobParameters {
    margin-top: 2em;
}

#jobParameters table {
    margin-bottom: 2em;
    font-size: 100%;
    width: 610px;
}

#jobParameters td {
    text-align: center;
}

#jobParameters td.header {
    font-weight: bold;
}

#jobParameters td.param {
    width: 175px;
    font-weight: bold;
    background-color: rgba(51, 51, 51, 0.918);
;
}

#jobParameters td.value {
    width: 100px;
    font-weight: bold;
    background-color: rgba(51, 51, 51, 0.918);
}

#jobParameters td.channel {
    width: 50px;
    font-weight: bold;
    background-color: rgba(51, 51, 51, 0.918);
;
}

#jobParameters td.source {
    width: 100px;
    font-weight: bold;
    background-color: rgba(51, 51, 51, 0.918);
;
}

#jobParameters td.metadata {
    background-color: rgba(110, 139, 105, 0.904);
}

#jobParameters td.userdef {
    background-color: rgb(121, 126, 145);
    color: #000;
}

#colocPage {
    text-align: left;
}

#colocTabs {
    width: 100%;
    border-bottom: 1px solid;
    overflow: hidden;
}

#colocTab {
    float: left;
    width: 150px;
    height: 40px;
    font-size: 1.1em;
    border: #fff 1px solid;
    padding: 10px 10px 10px 10px;
    margin-right: 1em;
    margin-bottom: 1em;
}

#colocTab.normal {
    color: #4988DE;
    background-color: #fff;
    border-color: #888;
}

#colocTab.normal:hover {
    background-color: #ffa;
}

#colocTab.selected {
    color: black;
    background-color: #aaa;
    border-color: #555;
}

#colocResults {
    width: 100%;
}

#colocRun {
    float: left;
    width: 100%;
}

#colocHist {
    float: left;
    padding-right: 18px;
    text-align: center;
    margin-bottom: 10px;
}

#ColocCoefficientSelectionDiv table {
    font-size: 100%;
}

#ColocCoefficientSelectionDiv td.text {
    text-align: right;
}

#ColocCoefficientSelectionDiv td.check {
    text-align: left;
}

#colocCoefficients table {
    font-size: 100%;
    float: left;
    color: black;
}

#colocCoefficients td {
    text-align: center;
}

#colocCoefficients td.title {
    text-align: center;
    font-weight: bold;
    background-color: #BFFFB3;
    color: #3F4641;
 }
 
 #colocCoefficients td.header {
    width: 60px;
    font-weight: bold;
    background-color: #CFD7F2;
    border: solid thin #B6ECFF;
    color: #3F4641;
 }
 
 #colocCoefficients td.coefficient {
    background-color: #A9A9A9;
    color: #3F4641;
 }
 
 #colocCoefficients td.thresh {
    background-color: #A9A9A9;
    color: #3F4641;
 }
 
 #colocCoefficients td.cell {
    background-color: #A9A9A9;
    color: #3F4641;
 }
 
 #colocCoefficients td.marked {
    background-color: #A9A9A9;
    color: #3F4641;
 }

 #colocMap table {
    font-size: 100%;
    float: left;
}

#colocMap td {
    text-align: center;
}

#colocMap td.title {
    text-align: center;
    font-weight: bold;
    background-color: #CFD7F2;
}

#colocMap td.cell {
    padding-right: 1em;
}

#warning table {
    font-size: 105%;
    padding-bottom: 1em;
    width: 610px;
    border: none;
    left: 0;
}

#warning td {
    text-align: left;
    border: thin solid;
}

#warning td.text {
    color: #E80010;
    padding-left: 6px;
}

#scaling table {
    margin-bottom: 2em;
    font-size: 100%;
    width: 610px;
}

#scaling td {
    text-align: center;
}

#scaling td.header {
    font-weight: bold;
}

#scaling td.param {
    width: 175px;
    font-weight: bold;
    background-color: #eee;
}

#scaling td.value {
    width: 100px;
    font-weight: bold;
    background-color: #eee;
}

#scaling td.channel {
    width: 50px;
    font-weight: bold;
    background-color: #eee;
}

#scaling td.reason {
    width: 100px;
    font-weight: bold;
    background-color: #eee;
}

#scaling td.cell {
    background-color: #CFD7F2;
}

#listusers {
    text-align: center;
    padding-bottom: 1em;
}

#listusers table {
    font-size: 70%;
}

#listusers tr.upline {
    border-right: thin solid;
    border-top: thin solid;
    border-left: thin solid;
}

#listusers tr.middleline {
    margin-bottom: 1em;
    border-right: thin solid;
    border-left: thin solid;
}

#listusers tr.bottomline {
    margin-bottom: 1em;
    border-right: thin solid;
    border-left: thin solid;
    border-bottom: thin solid;
}

#listusers p {
    text-align: center;
}

#listusers td {
    padding: 3px;
}

#listusers td.menu {
    padding: 0;
}

#listusers td.hr {
    padding: 0;
}

#listusers td.notice {
    font-size: medium;
}

#homepage {
    width: 970px;
    text-align: left;
    margin: 15px;
    line-height: 1.5;
}

#homepage h3 {
    margin-top: 15px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 1.0;
}

#homepage table {
    border: 0;
    font-size: 14px;
}

#homepage table tr {
    height: 120px;
    vertical-align: bottom;
}

#homepage table tr.separator {
    height: 1px;
    width: 200px;
    border: 0 solid #CCCCCC;
    border-top-width: 1px;
}

#homepage table td {
    padding: 3px;
}

#homepage table td.icon {
    width: 120px;
}

#homepage table td img {
    width: 96px;
    height: 96px;
}

#homepage table td.text {
    vertical-align: top;
    text-align: left;
    width: 253px;
}

#homepage .cell {
    position: relative;
    top: 25px;
}

#homepage table a:link {
    font-size: 20px;
    font-weight: bold;
    color: lightslategrey;
}

#homepage table a:visited {
    font-size: 20px;
    font-weight: bold;
    color: lightslategrey;
}

#homepage .added_jobs {
    color: #4988de;
    font-weight: normal;
    font-size: 14px;
}

#homepage .added_jobs a:link {
    color: #4988de;
    font-weight: normal;
    text-decoration: none;
    font-size: 14px;
}

#homepage .added_jobs a:visited {
    color: #4988de;
    font-weight: normal;
    text-decoration: none;
    font-size: 14px;
}

#cmle-snr {
    text-align: left;
}

#gmle-snr {
    text-align: left;
}

#qmle-snr {
    text-align: left;
}

td {
    text-align: center;
}

td.name {
    font-weight: bold;
    font-size: 1.2em;
    text-align: left;
}

td.group {
    text-align: left;
}

td.email {
    width: 50%;
    text-align: right;
}

td.auth {
    text-align: left;
}

td.date {
    text-align: left;
}

td.operations {
    text-align: right;
}

td.operations input {
    font-size: 70%;
}

tr.disabled {
    background: silver;
}

a.selected {
    color: #fff;
    text-decoration: none;
    border: solid 1px darkgrey;
    font-size: 14px;
    padding: 1px;
    font-weight: bold;
}

a.empty {
    color: #f00;
    text-decoration: none;
    font-size: 9px;
    padding: 1px;
}

a.filled {
    color: #4988de;
    text-decoration: none;
    font-size: 14px;
    padding: 1px;
    font-weight: bold;
}

#password_reset {
    text-align: right;
}

#password_reset label {

}

#password_reset input {
    width: 300px;
}

#account {
    text-align: right;
}

#account label {
}

#account input {
    width: 300px;
}

#adduser {
    text-align: right;
}

#adduser #notice {
    text-align: center;
    color: red;
}

#adduser label {
}

#adduser input {
    width: 300px;
}

#adduser textarea {
    width: 300px;
    height: 100px;
}

#addanotherfile {
    margin: 5px;
    color: #f23;
    font-size: 100%;
    text-decoration: underline;
}

span.spacer {
    display: block;
    clear: both;
}

fieldset {
    border: none;
    margin: 15px 5px 5px;
    padding: 10px 5px 10px 10px;
}

fieldset legend {
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    color: white;
    width: 100%
}

fieldset.report {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 15px;
}

fieldset.p {

}

fieldset .values {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    width: 100%;
}

fieldset .reset {
    background: url("../images/reset.png") no-repeat left center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 20px;
}

fieldset .bottom {
    clear: both;
    width: 100%;
}

ol li {
    display: inline;
}

input {
    text-align: center;
    height: 18px;
    border: solid #aaa 1px;
    background-color: rgba(51, 51, 51, 0.918);
    color: #fff;
}

input.icon {
    width: 50px;
    height: 60px;
    color: #fff;
    font-size: 0;
    text-align: left;
    cursor: pointer;
    border: none;
}

input.empty {
    width: 60px;
    height: 60px;
    cursor: default;
    background: url("../images/empty.png");
}

input.previous {
    width: 60px;
    height: 60px;
    background: url("../images/previous.png") no-repeat right;
}

input.launch {
    width: 60px;
    height: 60px;
    background: url("../images/launch.png") no-repeat right;
}

input.launch_start {
    width: 80px;
    height: 60px;
    background: url("../images/launch_start.png") no-repeat right;
}

input.next {
    width: 60px;
    height: 60px;
    background: url("../images/next.png") no-repeat right;
}

input.up {
    width: 60px;
    height: 60px;
    background: url("../images/up.png") no-repeat right;
}

input.calc {
    width: 60px;
    height: 60px;
    background: url("../images/calc.png") no-repeat right;
}

input.cancel {
    width: 60px;
    height: 60px;
    background: url("../images/cancel.png") no-repeat center;
}

input.back {
    width: 60px;
    height: 60px;
    background: url("../images/previous.png") no-repeat center;
}

input.upload {
    width: 60px;
    height: 60px;
    background: url("../images/upload.png") no-repeat center;
}

input.abort {
    width: 60px;
    height: 60px;
    background: url("../images/cancel_small.png") no-repeat center;
}

input.clearlist {
    width: 60px;
    height: 60px;
    background: url("../images/clear-list.png") no-repeat center;
}

/* The dimensions are set to values smaller than the image to solve an
issue in Chrome where some white padding is added to the image. */
input.noPreview {
    width: 196px;
    height: 146px;
    background: url("../images/no_preview_button.png") no-repeat center;
}

.expandedView {
    font-size: 175%;
    font-weight: bold;
    color: #4988de;
    cursor: pointer;
}

#ithumb {
    padding-top: 3px;
    padding-bottom: 0;
    cursor: pointer;
}

#ithumba {
    padding-top: 3px;
    padding-bottom: 0;
    cursor: pointer;
}

#ithumbb {
    padding-bottom: 0;
    background: #444;
    padding-top: 1px;
    cursor: pointer;
}

#thumb {
    position: relative;
}

select {
    width: 100%;
    text-align: center;
    border: 1px solid #aaa;
    background-color: rgba(51, 51, 51, 0.918);
    color: #fff;
    padding: 5px;
}

select:disabled {
    color: #777777;
}

select.snrselect {
    width: 80px;    
    margin-left: 7px;
}

span.multichannel {
    margin-left: -8px;
}

div.multichannel {
    padding-top: 5px;
    text-align: justify;
}

.nowrap {
    display: inline;
}

.nowrap_noborder {
    border: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    display: inline;
}

.multichannelinput {
    text-align: center;
}

option.default {
    font-weight: bold;
    background: #c5d4ff;
}

.line {
    display: block;
}

.textfield {
    width: 50%;
    text-align: left;
    margin: 1px 5px 1px 1px;
}

.textfield_20 {
    text-align: left;
    vertical-align: middle;
    padding: 4px;
    margin: 1px 5px 1px 1px;
}

.psffile {
    width: 70%;
}

.psfmissing {
    width: 70%;
    color: red;
}

.button {
    width: 25%;
    text-align: center;
}

.submit {
    width: 30%;
}

#message {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

#message p {
    text-align: center;
    color: darkorange;
}

.message_small {
    font-size: 10px;
    font-weight: normal;
    margin-bottom: 0;
    padding: 0;
}

.notice {
    text-align: center;
}

.info {
    color: red;
}

.highlightedPSF {
    color: red;
    font-style: italic;
    font-weight: bold;
    text-decoration: line-through;
}

.dbOutDated {
    background-color: #FF0000;
    color: white;
    font-size: 120%;
    padding: 5px;
}

.menu {
    font-size: 80%;
    text-align: center;
}

.normal {

}

.footnote {
    font-size: 80%;
}

.disabled {
    background: gray;
}

.superscript {
    vertical-align: super;
    font-size: 0.75em;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
}

.removeFile {
    font-size: 70%;
}

#prevMenu {
}

#prevMenu .menuEntry, .menuEntryActive {
    background-color: #1e1e1e;
    color: #000;
    padding: 10px;
    white-space: nowrap;
    display: inline-block;
    vertical-align:  middle;
    font-size: 1.0em;
}

#prevMenu .menuEntryActive {
    background-color: #ccc;
}

#prevMenu .menuEntry:hover {
    background-color: #ffa;
}

#previewContents {
    overflow: auto;
    max-width: 98%;
    padding: 1em;
}

#previewImg {
    text-align: center;
}

#logFile {
    text-align: left;
}

#parameterFile {
    text-align: left;
    margin-left: 180px;
}

#report {
    background: #ff9;
    color: black;
}

#licenses {
    text-align: left;
}

#licenses .category {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
}

#licenses .row {
    white-space: nowrap
}

#licenses .present {
    font-weight: normal;
    text-decoration: none;
    display: inline-block;
}

#licenses .absent {
    font-style: italic;
    color: lightslategrey;
    display: inline-block;
}

#licenses .checked {
    background: url("../images/accept.png") no-repeat center;
    background-size: 22px;
    width: 50px;
    display: inline-block;
}

#licenses .unchecked {
    width: 50px;
    height: 22px;
    display: inline-block;
}

#system {
    width: 100%;
    text-align: left;
    margin: 0;
}

#system table {
    border-collapse: collapse;
    border: 0;
    font-size: 75%;
}

#system table tr {
    text-align: left;
}

#system table td {
    padding: 0;
}

#system table td.section {
    padding-top: 10px;
    padding-bottom: 3px;
    vertical-align: top;
    text-align: left;
    width: 70%;
    font-weight: bold;
}

#system table td.key {
    vertical-align: top;
    text-align: left;
    width: 70%
}

#system table td.subkey {
    vertical-align: top;
    text-align: left;
    padding-left: 20px;
    width: 70%
}

#system table td.value {
    vertical-align: top;
    text-align: left;
    width: 30%
}

#psfselection {
    padding-left: 10px;
}

div.StedDeplModeValues {
    width: 250px;
    float: left;
    vertical-align: middle;
}

.message_confidence_asIs {
    border: none;
    height: 30px;
    margin-top: 0;
    margin-bottom: -5px;
}

.message_confidence_asIs:before {
    font-size: 0.8em;
    content: "Leave blank to read from file during deconvolution.";
    color: #009C89;
}

.message_confidence_verified {
    border: none;
    height: 30px;
    margin-top: 5px;
    margin-bottom: -5px;
}

.message_confidence_verified:before {
    font-size: 0.8em;
    content: "Leave blank to read from file during deconvolution.";
    color: #009C89;
}

.message_confidence_reported {
    border: none;
    height: 30px;
    margin-top: 5px;
    margin-bottom: -5px;
}

.message_confidence_reported:before {
    font-size: 0.8em;
    content: "Leave blank to read from file during deconvolution.";
    color: #009C89;
}

.message_confidence_estimated {
    border: none;
    height: 30px;
    margin-top: 5px;
    margin-bottom: -5px;
}

.message_confidence_estimated:before {
    font-size: 0.8em;
    content: "Estimated from other parameters, please check.";
    color: #F0C010;
}

.message_confidence_default {
    border: none;
    height: 30px;
    margin-top: 5px;
    margin-bottom: -5px;
}

.message_confidence_default:before {
    font-size: 0.8em;
    content: "Cannot be read from file, please fill in.";
    color: #b09065;
}

.message_confidence_provided {
    border: none;
    height: 0;
    margin-top: 5px;
    margin-bottom: -5px;
}

.message_confidence_provided:before {
    font-size: 0.8em;
    content: "";
    color: #fff;
    height: 0;
}

#login_user {
    margin: 0;
    text-align: left;
}

#login_user h1,
#login_user h2,
#login_user h3,
#login_user h4,
#login_user h5,
#login_user h6 {
    border: 0;
    color: lightslategrey;
}

#cal_from {
    float: left;
}

#cal_to {
    float: right;
}

#cal_filter {
    font-size: 12px;
}

#phpinfo {
    text-align: left;
    font-size: 10px;
}

#phpinfo tr {
    border-bottom: 1px solid #ccc;
}

#phpinfo td {
    text-align: left;
    font-size: 10px;
}

#phpinfo h1 {
    font-size: 18px;
    font-weight: bold;
}

#phpinfo h2 {
    font-size: 14px;
    font-weight: bold;
}

#phpinfo td.e {
    font-weight: bold;
    vertical-align: top;
}

#phpinfo td.v {
    vertical-align: top;
}

#filemanager {
    width: 800px;
    height: 350px;
    text-align: center;
}

#filemanager h3 {
    background-color: #eee;
    margin-top: 15px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

#filemanager #left {
    float: left;
    width: 350px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-right: 30px;
    text-align: right;

}

#filemanager #right {
    float: right;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 30px;
    width: 350px;
    text-align: left;
}

#filemanager #bottom {
    clear: both;
    width: 800px;
    text-align: center;
    margin-bottom: 50px;
}

#filemanager #bottom p {
    text-align: center;
    font-size: 18px;
}

/* Make sure the tooltip is initially hidden */
.toolTip {
    display: none;
}

.updateNotification {
    font-size: 13px;
    font-weight: bold;
}

.noUpdateNotification {
    font-size: 13px;
}

.updateError {
    font-size: 13px;
    font-weight: bold;
    color: red;
}

#sharedTemplatePicker {
    width: 500px;
    display: none;
    left: 50%;
    top: 130px;
    margin-left: -397px;
    padding: 0;
    font-size: 12px;
    background-color: #1e1e1e;
    position: absolute;
    z-index: 15;
    border: 2px solid #000;
    border-radius: 7px;
}

#shareTemplatePickerHeader {
    display: block;
    width: 480px;
    height: 35px;
    background: url("../images/share.png") no-repeat center left;
    margin-left: 10px;
}

#shareTemplatePickerHeaderClose {
    float: right;
    position: relative;
    top: 7px;
    font-weight: bold;
    color: white;
    font-size: 18px;
    cursor: pointer;
}

#shareTemplatePickerHeader p {
    float: left;
    position: absolute;
    top: -2px;
    left: 50px;
    font-size: 14px;
    font-weight: bold;
    color: white;
}

#shareTemplatePickerBody {
    position: relative;
    display: block;
    width: 480px;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    background-color: #1e1e1e;
    padding: 10px 10px 20px;
}

.tableTitle {
    border-bottom: 1px solid #4284E0;
    color: #4284E0;
    margin-top: 10px;
    font-weight: bold;
}

#shareTemplatePickerFooter {
    display: block;
    width: 480px;
    height: 12px;
}

#shareTemplatePickerFooter p {
    position: relative;
    top: -5px;
    left: 5px;
    font-size: 10px;
    color: white;
    font-weight: normal;
}

#sharedWithTemplatePickerTable {
    margin-bottom: 25px;
}

#sharedByTemplatePickerTable {
}

.from_by_template {
    vertical-align: middle;
    text-align: left;
    padding-bottom: 5px;
}

.accept_template, .reject_template, .preview_template, .blank_template {
    width: 20px;
    height: 16px;
    cursor: pointer;
}

.blank_template {
    cursor: default;
}

.accept_template {
    background: url("../images/accept.png") no-repeat top center;
}

.reject_template {
    background: url("../images/reject.png") no-repeat top center;
}

.preview_template {
    background: url("../images/preview.png") no-repeat top center;
}

.name_template {
    text-align: left;
    font-weight: bold;
}

/* Dropdown Button */
.dropbtn {
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #1e1e1e;
    padding: 0;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #000;
    min-width: 200px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    border: solid #aaa 1px;
    text-align: left;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: #f1f1f1
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
    display:block;
}

.highlight {
    background-color: #FF0;
    color: #000;
    padding: 2px;
}

.theme_div {
    float: right;
    font-size: 1.5em;
    position: relative;
    top: -18px;
    color: lightslategrey;
}

.theme_div > form > label {
    margin-right: 5px;
}

.theme_name {
    font-size: 1.0em;
    margin-right: 5px;
    border: 1px solid lightgray;
}

.highlighted {
    color: darkorange;
}

/* Override color of jqTree items */
.jqtree-tree .jqtree-title {
    color: #73A7C3;
}

ul.jqtree-tree .jqtree-toggler {
    color: #aaa;
}

ul.jqtree-tree .jqtree-toggler:hover {
    color: #fff;
}

/* Overrides for selections (NOTE: using 'background: unset;' doesn't work) */
ul.jqtree-tree li.jqtree-selected > .jqtree-element,
ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover {
    background-color: #445662;
    background: -webkit-gradient(linear, left top, left bottom, from(#445662), to(#445662));
    background: -moz-linear-gradient(top, #445662, #445662);
    background: -ms-linear-gradient(top, #445662, #445662);
    background: -o-linear-gradient(top, #445662, #445662);
    text-shadow: unset;
}

#OmeroData {
    border: 1px solid #335c70;
    border-radius: 10px;
    padding: 5px;
    background: #1e2a30;
    margin-left: 15px;
    margin-right: 10px;
}

#legendOmeroData {
    width: unset;
    margin-left: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

#backproj_result {
    color: #3f993f;
}

.result_value {
    font-weight: bolder;
    font-size: 1.2em;
    font-style: normal;
}