/*
                                 INTRUspect.css

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

body
{
   background-color: darkGray;
   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;
   /* not needed with alamode and MondeSi! */
   margin-left: 0.7em;
}                `

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

.wordINTRUspect
{
   font-family: "Monaco", Tahoma, Geneva,
                "Lucida Sans Unicode", "Lucida Grande", monospace;
   letter-spacing: -0.03em;
   font-size:105%;
}

#INTRUspect
{
   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: Tahoma, Geneva, sans-serif;
   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; max-width:930px !important;
   background-color: white;
   font-size: 9pt;
   text-align: left;
   overflow: hidden;
}

#closedNodeName { font-weight:bold; }

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

#summary {
   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 {
   vertical-align:bottom;
   margin:0; padding:0 17px 0 0; 
}

#intrusion {
}

#intruTableDiv {
   max-width: 920px;
   border-collapse:collapse;
   border:0;
   word-wrap: break-word;
}

#intruTable td {
   padding:0 1em 0 0;
   min-width:1em;
   vertical-align:top;
}

#intruTable th {
   padding:0 1em 0 0;
   text-decoration:underline;
   min-width:1em;
}

.breakword { 
   max-width:20em;
   overflow-wrap:break-word;
   white-space:normal;
}

.row_deleted { background-color:yellow; border-color:yellow; }

.row_expired { background-color:whiteSmoke; border-color:whiteSmoke; }

.row_history { background-color:lemonChiffon; border-color:lemonChiffon; }

.row_intruder { background-color:pink; border-color:pink; }

.row_delta { background-color:yellow; border-color:yellow; }

.row_noticed { background-color:paleGreen; border-color:paleGreen; }

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

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

.rateTable {
   text-align:right;
}

.rateTable th {
   width:4em;
   min-width:4em;
   max-width:4em;
   text-decoration:underline;
}

.rateTable td {
   width:4em;
   min-width:4em;
   max-width:4em;
}

.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; }
   * { box-shadow:none !important; }
   * { background-color:white !important; }
}