/*
                                 alamode.css

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

body
{
   background-color: #b5bdc8;
   font-family: "Lucida Sans",Arial,Helvetica,Tahoma,sans-serif;
   text-align: center;
}

html { height: 100%; }

iframe
{
   overflow: hidden;
   border: none;
   margin: 0;
   padding: 0;
}                `

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

.alamode
{
   font-family:"comic sans ms", sans;
   font-size: 110%;
   letter-spacing: -0.05em;
   word-spacing: -0.1em;
   margin-right: 0.1em;
   white-space: nowrap;
}

#alamode
{
   display: inline-block;
   margin: 0 10px 0 10px;
}

#closedAlamode { font-size:120%; }
#closedNodeName { font-weight:bold; }

#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:"comic sans ms", sans;
   font-size: 500%;
   letter-spacing: -0.06em;
   word-spacing: 0.01em;
   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;
   margin: 0;
   background-color: #f4f4f4;
   font-size: 9pt;
   text-align: left;
   overflow: hidden;
}

#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:16px; width:300px;
   margin:0; padding:0; 
   border-style:solid; border-color:black; border-width:1px 1px 0 1px;
   background-color:white;
}

#throttleBar { margin:0; padding:0; border-width:1px; }

.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;
}

#counts { width:100%; margin:0 5px 0 0; border-width:0; }
#counts th {
   min-width:5%; margin:0; padding:0 5px 0 0; text-align:right;
   white-space:nowrap;
}
#counts td {
   margin:0; padding:0; text-align:left; white-space:nowrap;
}

#status { width:100%; margin:0 15px 0 0; border-width:0; }
#status th {
   min-width:15%; margin:0; padding:0; text-align:right;
}
#status td {
   min-width:15%; margin:0; padding:0; text-align:right;
   white-space:nowrap;
}

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

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

#requestTab {
   min-height: 6.8em !important; height: 6.8em !important;
   margin: 10px 0 5px 0; white-space: nowrap; overflow: hidden;
}
#requestTab th {
   text-align: right; vertical-align: top;
   margin: 0; padding: 0 5px 0 0;
}
#requestTab td { text-align: left; margin: 0; padding: 0 10px 0 0; }
#reqRequest {
   white-space: pre; height:2.5em !important; vertical-align: top;
}
.rth { font-weight: bold; margin: 0 0.5em 0 0.8em; }

#detailTab {
   min-height: 6em !important;
   margin: 10px 0 5px 0; overflow: visible;
   font-size:90%;
}
#detailTab th {
   width: 10%;
   text-align: right; vertical-align: top;
   margin: 0; padding: 0 10px 0 0;
}
#detailTab td {
   text-align: right; vertical-align: top;
   margin: 0; padding: 0 1em 0 0;
   font-size:90%;
}

#scriptTab {
   min-height: 6em !important;
   margin: 10px 0 5px 0; overflow: hidden;
}
#scriptTab th {
   min-width: 45px !important;
   text-align: right; vertical-align: top;
   margin: 0; padding: 0 0.5em 0 0;
}
#scriptTab td {
   text-align: left; vertical-align: top;
   margin: 0; padding: 0 1em 0 0;
}

#proxyTab {
   margin: 10px 0 5px 0; overflow: hidden;
}
#proxyTab th {
   min-width: 45px !important;
   text-align: right; vertical-align: top;
   margin: 0; padding: 0 0.5em 0 0;
}
#proxyTab td {
   text-align: left; vertical-align: top;
   margin: 0; padding: 0 1em 0 0;
}

#statusTab {
   margin: 10px 0 5px 0; overflow: hidden;
}
#statusTab th {
   width: 2em; min-width: 1em;
   text-align: right; vertical-align: top;
   margin: 0; padding: 0 1em 0 0;
}
#statusTab td {
   width: 2em; min-width: 1em;
   text-align: right; vertical-align: top;
   margin: 0; padding: 0 1em 0 0;
}
#statusTab .talft { text-align: left; !important; }
#statusTab .targht { text-align: right !important; }
#statusTab .pdlft { padding-left: 1.0em; }

#webdavTab {
   margin: 10px 0 5px 0; overflow: hidden;
}
#webdavTab th {
   min-width: 60px !important;
   text-align: right; vertical-align: top;
   margin: 0; padding: 0 0.5em 0 0;
}
#webdavTab td {
   text-align: left; vertical-align: top;
   margin: 0; padding: 0 1em 0 0;
}

#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;
}

.instance { width: 935px; padding:0; margin:5px 0 0 0; }

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

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

.controlCheckbox { margin-right:3px; vertical-align: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; }
}