/*
                                 MonDeSi.css

Some of these are (re)set by wmonBuildPage().
*/

body
{
   background-color: #a9a9a9;
   font-family:
        "Lucida Sans","Lucinda Grande",Arial,Helvetica,Tahoma,sans-serif,
         "Lucida Console", "Courier New", Courier, Monaco;
   text-align: center;
}

iframe
{
   overflow: hidden;
   border: none;
}                `

/* keep later Chrome under control */
*:focus { outline: 0 !important; }

.wordMonDeSi
{
   font-family: "Trebuchet MS", futura, "Tw Cen MT", helvetica, arial, sans;
   font-size:105%;
}

#MonDeSi
{
   display: block;
   margin: 0 10px 0 10px;
}
#SECTION0
{ 
   display: block;
   margin: 0 10px 0 10px;
   position: relative;
}
#configTick
{
   position:absolute; top:0; left:0;
   display:block; z-index:1;
}
#monitorTick
{
   position:absolute; top:0; left:0;
   display:block; z-index:1;
}
#configTitle
{
   margin: 0 0 5px 0;
   font-family:"Trebuchet MS", futura, "Tw Cen MT", helvetica, arial, sans;
   letter-spacing:-0.06em;
   font-size: 500%;
   color: transparent;
}
#configLink
{
   display: block;
   width: 900px;
   color: black;
   text-shadow: 1px 1px #cccccc;
}
#configLink a:link,a:visited { color:black; }
#configAnchor
{
   display: block;
   text-decoration: none;
}
#configControl
{
   display: block;
}

#monitor {
   min-width: 930px !important; width:930px !important;
   background-color: #f4f4f4;
   font-size: 9pt;
   text-align: left;
   overflow: hidden;
}

#closedNodeName { font-weight:bold; }

#summaryTab { margin:0 0 3px 0; }

#summary {
   width:600px !important; vertical-align:top !important;
   white-space:normal;
   margin:0; padding:0 17px 0 0; 
   text-shadow: 1px 1px #ffffff;
}

#sumHeader  { margin-bottom: 3px; }
#sumNodeName {
   font-size: 140%; font-weight: bold; text-decoration: underline;
}
#sumService  { font-size: 120%; margin-left: 10px; font-weight: bold; }
#sumVMStime  { font-size: 110%; font-weight: bold; margin-bottom: 2px; }

#alert {
   border-left:1px solid lightgray;
   margin-left:5px; padding-left:5px;
   font-size:90%;
}
#alert .exclaim, #closedAlert .exclaim  { color:red; }
#alert .hash, #closedAlert .hash  { color:blue; }

#control {
   width:600px !important; vertical-align:bottom;
   margin:0; padding:0 17px 0 0; 
}

#bar {
   margin:0; padding:0; 
   box-shadow: 3px 3px 2px #bbbbbb;
}

.bar {
   height:17px; width:300px;   /* plus one height for border collapse */
   margin:0; padding:0; 
   border-style:solid; border-color:black; border-width:1px;
   margin-top:-1px;  /* effectively collapse the top border */
   background-color:white;
}

.history {
   height:100px; width:300px;
   border-style:solid; border-color:black; border-width:1px;
   display:inline-block;
   margin:7px 2px 5px 2px; padding:0;
   background-color:white;
   box-shadow: 3px 3px 2px #b0b0b0;
}

.diskory {
   min-width:302px; width:302px;
   margin:0 8px 0 0; padding:0;
   display:inline-block;
}

#opcom {
   border: none;
   margin:10px 10px 0 10px;
   font-family:monospace; white-space:pre-wrap;
}

#insight {
   border-style:dashed; border-color:black; border-width:1px;
   margin:10px 0 10px 0; padding:10px;
   font-family:monospace; white-space:pre-wrap;
}

td {
   min-width:5em; border:none; padding:0; margin:0;
   white-space:nowrap;
}

.modesTab th,td {
   min-width:2.7em; border:none; padding:0; margin:0;
   white-space:nowrap;
}

#divToolTip
{
   position: absolute;
   background-color:#FFFFE1; border:1px solid black; 
   border-radius:5px; color:Black;
   padding:4px 4px 4px 4px; 
   max-width:20em; display:none;
   text-align: left;
   box-shadow: 3px 3px 2px #c0c0c0;
   font-size: 85%;
}

#divToolTip p { margin:0.4em 0 0.4em 0; }

#divToolTip h1:first-of-type { margin-top: 0; }

#divToolTip h1 { margin:0.4em 0 0.4em 0; font-size:110%; }

#divToolTip h5
{
   margin:0.4em 0 0 0;
   font-weight: normal; font-style: italic; font-size:95%;
}

.bar_ave   { fill:#ffee00; }
.bar_green { fill:#88dd00; }
.bar_blue  { fill:#00eeff; }
.bar_red   { fill:#ee8800; }
.bar_text  { font-family:monospace; font-size:12px; fill:#000000; }

.hist_grad { stroke:#000000; stroke-width:1; stroke-opacity:1; fill:none; }
.hist_text { font-family:monospace; font-size:12px; fill:#000000; }
.hist_ave  { stroke:#ccbb00; stroke-width:1; stroke-opacity:1; fill:none; }
.hist_text_ave { font-family:monospace; font-size:12px; fill:#bbaa00; }
.hist_green { stroke:#44cc00; stroke-width:1; stroke-opacity:1; fill:none; }
.hist_text_green { font-family:monospace; font-size:12px; fill:#229900; }
.hist_blue { stroke:#0088bb; stroke-width:1; stroke-opacity:1; fill:none; }
.hist_text_blue { font-family:monospace; font-size:12px; fill:#0066aa; }
.hist_red  { stroke:#ee8800; stroke-width:1; stroke-opacity:1; fill:none; }
.hist_text_red { font-family:monospace; font-size:12px; fill:#cc6600; }
.hist_gap0 { stroke:#bbccdd; stroke-width:1; stroke-opacity:1; fill:none; }
.hist_gap1
{
   stroke:#bbccdd; stroke-width:1; stroke-opacity:1; fill:none;
   stroke-dasharray:3,1;
}
.hist_gap2
{
   stroke:#bbccdd; stroke-width:1; stroke-opacity:1; fill:none;
   stroke-dasharray:4,2;
}

.modes_grad { stroke:#000000; stroke-width:1; stroke-opacity:1; fill:none; }
.modes_text { font-family:monospace; font-size:12px; fill:#000000; }

.modes_total { stroke:#44cc00; stroke-width:1; stroke-opacity:1; fill:none; }
.modes_text_total { font-family:monospace; font-size:12px; fill:#229900; }
.modes_key_total { background-color:#229900; min-width:1.2em; max-width:1.2em;}

.modes_kernel { stroke:#a52a2a; stroke-width:1; stroke-opacity:1; fill:none; }
.modes_text_kernel { font-family:monospace; font-size:12px; fill:#a52a2a; }
.modes_key_kernel { background-color:#a52a2a; min-width:1.2em; max-width:1.2em;}

.modes_exec  { stroke:#ee8800; stroke-width:1; stroke-opacity:1; fill:none; }
.modes_text_exec { font-family:monospace; font-size:12px; fill:#cc6600; }
.modes_key_exec { background-color:#cc6600; min-width:1.2em; max-width:1.2em;}

.modes_super { stroke:#9400d3; stroke-width:1; stroke-opacity:1; fill:none; }
.modes_text_super { font-family:monospace; font-size:12px; fill:#9400d3; }
.modes_key_super { background-color:#9400d3; min-width:1.2em; max-width:1.2em;}

.modes_user { stroke:#0000ff; stroke-width:1; stroke-opacity:1; fill:none; }
.modes_text_user { font-family:monospace; font-size:12px; fill:#0000ff; }
.modes_key_user { background-color:#0000ff; min-width:1.2em; max-width:1.2em;}

.modes_inter { stroke:#0088bb; stroke-width:1; stroke-opacity:1; fill:none; }
.modes_text_inter { font-family:monospace; font-size:12px; fill:#0088bb; }
.modes_key_inter { background-color:#0088bb; min-width:1.2em; max-width:1.2em;}

.modes_mpsyn { stroke:#0088bb; stroke-width:1; stroke-opacity:1; fill:none; }
.modes_text_mpsyn { font-family:monospace; font-size:12px; fill:#0088bb; }
.modes_key_mpsyn { background-color:#0088bb; min-width:1.2em; max-width:1.2em;}

.modes_gap0 { stroke:#bbccdd; stroke-width:1; stroke-opacity:1; fill:none; }
.modes_gap1
{
   stroke:#bbccdd; stroke-width:1; stroke-opacity:1; fill:none;
   stroke-dasharray:3,1;
}
.modes_gap2
{
   stroke:#bbccdd; stroke-width:1; stroke-opacity:1; fill:none;
   stroke-dasharray:4,2;
}

#topTab { font-family:monospace; font-size:85%; height:90px; margin-top: 10px;}
#topTab td { min-width:185px; white-space:pre; }

#perTab { font-family:monospace; font-size:85%; height:100px; }
#perTab th { min-width:30px; line-height:9px; }
#perTab td { min-width:150px; line-height:9px; }
.perAlert { color:red; }

.usedBar
{
   height:16px; width:300px;
   border-style:solid; border-color:black; border-width:1px;
   display: inline-block;
   margin:3px 6px 0 3px; padding:0;
   background-color:white;
   box-shadow: 3px 3px 2px #c0c0c0;
}

.used_bar { fill:#88dd00; }
.used_bar_alert { fill:#ee4400; }

.controlCheckbox { margin-right:3px; vertical-align:text-bottom; }
.controlCheckbox+label { margin-right:7px; }

@media print {
   #monitor {
      min-width:940px !important; width:940px !important;
      border:none !important; 
   }
   #configSection { display:none; }
   #monitorTick { display:none; }
   #printBtn { display:none; }
   #zeroBtn { display:none; }
   #divToolTip { display:none; }
   * { box-shadow:none !important; }
   * { background-color:white !important; }
}