
.metanav        { text-align: right; font-size: 0.8em; padding: 0.3em;
                  margin-bottom: 1em; background: #fafafa; }
.flash          { background: #cee5F5; padding: 0.5em;
                  border: 1px solid #aacbe2; }
.error          { background: #f0d6d6; padding: 0.5em; }
.highlight      { background: red }
.attention      { color: red;  font-weight: bold; }

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 600px;
    background-color: black;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 10px 10px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltiptext.tooltipnarrow {
    width: 300px;
}

.tooltiptext.tooltipcenternarrow {
    width: 300px;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 20%;
    margin-left: -120px; 
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

/* Provide a clean-table class to use in a div to make child tables nice */
.clean-table table {
    border: 1px solid black;
    width: 100%;
    text-align: center;    
}
.clean-table td {
    padding: 0px 10px;
}
.clean-table tr:nth-child(even) {
    background: #ccc;
}

.big-padding th, td {
    padding: 5px 15px;
}

.ui-resizable-ne { /* Used for jquery resizable stuff. */
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: 0px;
    top: 0px;   
    border-top: 10px solid #f00;
}


.ui-resizable-e { /* Used for jquery resizable stuff. */
    cursor: e-resize;
    width: 2px;
    height: 100%;
    right: -5px;
    top: 0px;   
    border-right: 2px solid #f00;
}

.emphasize-trade  {
    background: orange; padding: 0.5em;
    border: 1px solid #aacbe2;
}

/* Style for paragraph comment blurb */
details[open] summary p.cblurb {
    display: none;
}

.safebutton {
  text-align: center;
  overflow: hidden;
  display: block;
  background-color:#ededed;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
  border:1px solid #d6bcd6;
  padding:7px 25px;
}

.temperature_hot {
    background-color: red;
}

.temperature_n {
    background-color: Bisque;
}

.temperature_default {
    background-color: Bisque;
}

.holding_f {
    background-color: #616161;
}

.holding_mm {
    background-color: #f5511d;
}

.holding_default {
    background-color: #f5511d; 
}
