


/* --- pagecont --- */
#cont {overflow-y:hidden;}

#cont .pagecont                   {text-align:left;overflow:auto;white-space:normal;}
#cont .pagecont                   {padding:0px 5px 0px;}
#cont .pagecont h1                {margin: 5px 0px 10px;border-bottom:1px solid #fff;font-size:32px;}
#cont .pagecont h1 a.active       {color:#aaf;}
#cont .pagecont h2                {margin: 5px 0px 10px;border-bottom:1px solid #fff;font-size:24px;}
#cont .pagecont h2 span.watcher   {padding-right:50px;}
#cont .pagecont h2 span.pinger    {padding-right:68px;}
#cont .pagecont h2 span.netstats  {padding-right:10px;}
#cont .pagecont h2 a              {font-size:24px;}

#cont .pagecont a                 {color:#08f;/*font-size:16px;*/}
#cont .pagecont .wbcdlist         {margin:5px 0px 10px;}
#cont .pagecont .wbcdlist a       {color:#aaf;}
#cont .pagecont .wbcdlist a:hover {text-decoration:underline;}



/* --- cont / nestats --------------------------------------------------------- */
.netstats #wikicont   {font-size:20px;}
.netstats #wikicont a.awikihref {font-size:20px;}
.netstats #wikicont a.aextshref {font-size:20px;}
.netstats #wikicont #wikitoc    {font-size:11px;}



/* --- osinfo --- */
#osinfo       {margin:0px 0px 20px;}
#osinfo h3    {margin:5px 0px 5px;/*border-bottom:1px solid #fff;*/font-size:20px;}
#osinfo pre   {margin:0px 0px 10px;padding:2px 5px 2px;border:1px solid #fff;color:#fff;background:#000;}



/* --- lg --- */
#lg           {margin:0px 0px 20px;}
#lg table     {width:580px;border-spacing:2px;margin:0px auto;}
#lg table td  {padding:2px 2px;background:#444;}
#lg td.type   {width:25%;}
#lg td.adds   {width:55%;}
#lg td.node   {width:20%;}
#lg .hostaddr {width:95%;}
#lg .timeout  {width: 5%;text-align:right;}
#lg .count    {width: 5%;text-align:right;}
#lg .ipport   {width:10%;text-align:right;}
#lg .insel    {width:95%;}
#lg .errmsg   {text-align:center;color:#f00;font-weight:bold;font-size:20px;}



/* --- watchhttp --- */
#watchhttp          {margin:0px 0px 20px;}
#watchhttp table    {width:580px;border-spacing:2px;margin:0px auto;}
#watchhttp table td {padding:2px 2px;background:#444;}
#watchhttp pre      {margin:30px 0px;}
#watchhttp .urladdr {width:98%;}
#watchhttp .timeout {width: 5%;text-align:right;}
#watchhttp .count   {width: 5%;text-align:right;}
#watchhttp .errmsg  {text-align:center;color:#f00;font-weight:bold;font-size:20px;}





/* --- netapp - hostping / tlscheck / named --- */
.netapp form         {margin:5px 0px 15px;border:5px solid #888;}
.netapp form .sptd   {width:50px;}
.netapp form  label  {float:none;padding-left:0px;}
.netapp form .inport {width:40px;margin:0px;padding:0px;text-align:right;}
.netapp form .inurls {width:360px;margin:0px;padding:0px;}

/* .netapp .checkres h1 {margin:0px 5px 0px;padding:0px;font-size:34px;border:0px solid #000;background:#fff;} */
.netapp .checkres h1 span {margin:0px;padding:0px;}
.netapp .checkres h1 span {font-size:24px;}
/*.netapp .checkres h1 span        {border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #444;border-bottom:1px solid #444;}*/
/*.netapp .checkres h1 span:active {border-top:1px solid #444;border-left:1px solid #444;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}*/
.netapp .checkres h1 span {font-size:24px;}

.netapp .checkres h2 {margin:0px 5px 0px;padding:0px;font-size:16px;}
.netapp .checkres h2 a {font-size:16px;}

.netapp .checkres         {font-size:14px;}
.netapp .checkres pre     {font-size:14px;}
.netapp .checkres code    {font-size:14px;}
.netapp .checkres span    {font-size:14px;}

.netapp .checkres #pingtcptlscheckstep {height:16px;margin:0px;padding:0px;border:1px solid #fff;background:#111;}



.netapp .checkres .divrow {margin:0px 0px 0px;padding:0px 0px 0px;}
.netapp .checkres .divrow h2 {margin:0px 0px 0px;padding:0px 0px 0px;font-size:16px;}
.netapp .checkres .divrow h2 a {font-size:16px;}

/* emulate span button */
/* .netapp .checkres .divrow span.spbutt       {border:1px solid #111;} */
.netapp .checkres .divrow span.spbutt       {border-left:1px solid #a9a9a9;border-top:1px solid #a9a9a9;border-right:1px solid #a9a9a9;border-bottom:1px solid #a9a9a9;}
.netapp .checkres .divrow span.spbutt       {background-color:#333;}
.netapp .checkres .divrow span.spbutt:hover {border-left:1px solid #dddddd;border-top:1px solid #dddddd;border-right:1px solid #666666;border-bottom:1px solid #666666;}
.netapp .checkres .divrow span.spbutt:hover {background-color:#555;}

.netapp .checkres .divrow .divcont {min-height:16px;margin:0px 0px 0px;padding:0px 2px 0px;border:1px solid #fff;background:#000;}
/* .netapp .checkres .divrow #pingsocktls-info.divcont {border:0px;background:none;} */
.netapp .checkres .divrow .divcont span    {}
.netapp .checkres .divrow .divcont pre     {overflow-y:auto;margin:0px;border:2px solid #888;background:#000;font-family:monospace;white-space:pre;}
.netapp .checkres .divrow .divcont pre     {border:0px;}
.netapp .checkres .divrow .divcont code    {white-space:pre-wrap;}
.netapp .checkres .divrow .divcont .cmdinfo span {border-bottom:1px solid #fff;/*background:#000;*/}
.netapp .checkres .divrow .divcont .rawout       {border:2px solid #888;margin:0px 0px 0px;}
.netapp .checkres .divrow .divcont .rawout pre   {}

.netapp .checkres .divrow .tooglea {padding-left:16px;}
.netapp .checkres .divrow .tooglec {background:url('../img/icons/toogle-close.png') no-repeat top left;}
.netapp .checkres .divrow .toogleo {background:url('../img/icons/toogle-open.png')  no-repeat top left;}

.netapp .checkres .divrow              .spannone {color:#888;}

.netapp .checkres .divrow              .spanok   {color:#0f0;}
.netapp .checkres .divrow              .spanerr  {color:#822;}
.netapp .checkres .divrow              .spanwarn {color:#ff0;}
.netapp .checkres .divrow              .spanfail {color:#f00;}

.netapp .checkres .divrow .divcont  div.spanok   {min-height:25px;padding-left:30px;background:url('../img/icons/success_512---24x24.png')              no-repeat left;}
.netapp .checkres .divrow .divcont  div.spanerr  {min-height:25px;padding-left:30px;background:url('../img/icons/Status-dialog-error-icon---24x24.png') no-repeat left;}
.netapp .checkres .divrow .divcont  div.spanwarn {min-height:25px;padding-left:30px;background:url('../img/icons/warning_512---24x24.png')              no-repeat left;}
.netapp .checkres .divrow .divcont  div.spanfail {min-height:25px;padding-left:30px;background:url('../img/icons/error_512---24x24.png')                no-repeat left;}
.netapp .checkres .divrow .divcont span.spanok   {font-size:14px;}
.netapp .checkres .divrow .divcont span.spanerr  {font-size:14px;}
.netapp .checkres .divrow .divcont span.spanwarn {font-size:14px;}
.netapp .checkres .divrow .divcont span.spanfail {font-size:14px;}



.SUMMLINE {width:600px;border:1px solid #fff;border-collapse:collapse;}
.SUMMLINE caption {white-space:nowrap;}
.SUMMLINE th {border:1px solid #fff;white-space:nowrap;}
.SUMMLINE td {border:1px solid #fff;white-space:nowrap;}

.SUMMLINE tr:hover th {background:#444;}
.SUMMLINE tr:hover td {background:#444;}

.SUMMLINE th.name    {width:10%;}
.SUMMLINE th.ok      {width:40%;}
.SUMMLINE th.not     {width:40%;}
.SUMMLINE th.nums    {width:10%;}
.SUMMLINE td.ok  div {margin-left:0px;margin-right:auto;width:10px;height:10px;background:#0f0;}
.SUMMLINE td.not div {margin-left:auto;margin-right:0px;width:10px;height:10px;background:#f00;}



.SUMMARY  {border:1px solid #fff;border-collapse:collapse;}
.SUMMARY  caption {white-space:nowrap;}
.SUMMARY  th {border:1px solid #fff;white-space:nowrap;}
.SUMMARY  td {border:1px solid #fff;white-space:nowrap;}
.SUMMARY  tr:hover th {background:#444;}
.SUMMARY  tr:hover td {background:#444;}





/* --- named --- */
#named .checkres .divrow .divcont {}
#named .checkres .divrow .divcont table {border:1px solid #fff;}
#named .checkres .divrow .divcont table th {padding:0px 2px;border:1px solid #fff;}
#named .checkres .divrow .divcont table td {padding:0px 2px;border:1px solid #fff;}





/* --- mailinfo --- */
#mailinfo           {margin:0px 0px 20px;}
#mailinfo .mailinfo {border-collapse:collapse;border:1px solid #fff;}
#mailinfo .mailinfo td          {border:1px solid #fff;}
#mailinfo .mailinfo tr:hover td {                      background:#888;}
#mailinfo .mailinfo .date       {width:100px;padding:0px 2px;text-align:left; white-space:nowrap;}
#mailinfo .mailinfo .value      {width: 50px;padding:0px 2px;text-align:right;white-space:nowrap;}
#mailinfo .mailinfo .Mon        {background:#222;}
#mailinfo .mailinfo .Tue        {background:#222;}
#mailinfo .mailinfo .Wed        {background:#222;}
#mailinfo .mailinfo .Thu        {background:#222;}
#mailinfo .mailinfo .Fri        {background:#222;}
#mailinfo .mailinfo .Sat        {background:#444;}
#mailinfo .mailinfo .Sun        {background:#400;}
#mailinfo .mailinfo .divpx      {           padding:0px 2px;}
#mailinfo .mailinfo .divpx div  {height:8px;background:#0a0;}





/* --- mailstat --- */
#mailstat {/*position:relative;*/margin:10px 0px;}
#mailstat a        {color:#48c;}
#mailstat a:hover  {text-decoration:underline;}
#mailstat a.active {color:#6ae;font-weight:bold;}


#mailstat .statrel     {position:relative;float:right;min-height:300px;}
#mailstat .status      {position:absolute;right:5px;top:5px;min-width:300px;}
#mailstat .status      {margin-bottom:20px;padding:5px 10px 5px;text-align:left;border:1px solid #123;color:#aaa;font-weight:bold;font-size:10px;background:#111;}
#mailstat .status span {color:#aaa;font-weight:bold;font-size:16px;}

#mailstat .message {color:#6af;font-weight:bold;font-size:16px;}

#mailstat .flatmenu {float:none;clear:both;margin:5px 0px;padding-bottom:20px;border-bottom:3px solid #48b;}
#mailstat .flatmenu li {float:left;padding:0px 5px;}
#mailstat .flatmenu a.off    {color:#888;font-style:italic;}
#mailstat .flatmenu a.active {font-weight:bold;}

#mailstat table {border-spacing:0px;}
#mailstat table th {text-align:center;background:#222;}
#mailstat table td {padding:1px 20px;}

#mailstat table                       {border-right:1px solid #888;border-bottom:1px solid #888;}
#mailstat table td, #mailstat table th {border-top  :1px solid #888;border-left  :1px solid #888;}
#mailstat table                       {border-top  :1px solid #aaa;border-left  :1px solid #aaa;}
#mailstat table td, #mailstat table th {border-right:1px solid #aaa;border-bottom:1px solid #aaa;}
#mailstat table tr.bgon:hover  td {background:#444;}
#mailstat table tr.bgout:hover td {background:#444;}
#mailstat table tr.bgon        td {background:#234;}
#mailstat table tr.bgout       td {background:#000;}



/* message colors - OK */
span.colorok      {color:#00cc00;}
tr.colorok td     {color:#00cc00;}
pre.colorok       {background:#00cc00;border:1px dashed #00f;}

/* message colors - WARN */
span.colorwarn    {color:#ffff00;}
tr.colorwarn td   {color:#ffff00;}
pre.colorwarn     {background:#ffff00;border:1px dashed #00f;}

/* message colors - ERR */
span.colorerr     {color:#ff0000;}
tr.colorerr td    {color:#ff0000;}
pre.colorerr      {background:#ff0000;border:1px dashed #00f;}
span.colorerror   {color:#ff0000;}
tr.colorerror td  {color:#ff0000;}
pre.colorerror    {background:#ff0000;border:1px dashed #00f;}



#mailabs {position:absolute;left:0px;top:0px;width:100%;background:#000;}
#mailrel {position:relative;left:0px;top:0px;width:1800px;margin:0px auto;padding:0px 0px;}

#mailstat #maildraw {position:relative;top: 0px;min-height:450px;}
#mailstat #mailline {position:relative;top: 0px;min-height:100px;white-space:nowrap;}
#mailstat #maildata {position:relative;top: 0px;height:100px;overflow-y:auto;}

#mailstat #maildraw {padding:0px 0px;}
#mailstat #mailline {padding:0px 0px;}
#mailstat #maildata {overflow:scroll;overflow-x:auto;overflow-y:scroll;}

#mailstat #maildraw {border:1px solid #00f;}
/*#mailstat #mailline {border:1px solid #0f0;}*/
/*#mailstat #maildata {border:1px solid #f00;}*/

#mailstat .close {position:absolute;z-Index:100;top:0px;right:0px;}

#mailstat #maildraw #networkfrom {position:absolute;top: 25px;left:  20px;background:#333;}
#mailstat #maildraw #networkcore {position:absolute;top:  0px;left: 815px;} /* 900px - 170px/2 = 815px */
#mailstat #maildraw #networkdisk {position:absolute;top:350px;left: 865px;}
#mailstat #maildraw #networktoto {position:absolute;top: 25px;left:1480px;background:#333;}

#mailstat #maildraw .textfrom {position:absolute;}
#mailstat #maildraw .texttoto {position:absolute;}
#mailstat #maildraw .textdisk {position:absolute;}

#mailstat #mailline th    {text-align:left;}
#mailstat #mailline table {margin:0px;padding:0px 0px;}
#mailstat #mailline th    {margin:0px;padding:0px 1px;}
#mailstat #mailline td    {margin:0px;padding:0px 1px;}

/*
         #svgelem{
            position: relative;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
         }
*/

div#site
div#main
div#cont
div#mailstat.pagecont
div#mailabs
div#mailrel
div#maildraw
.svgelem {
position:absolute;
left: 0%;
-webkit-transform: translateX(-0%);
-ms-transform: translateX(-0%);
transform: translateX(-0%);
stroke:red;
}


#site #main #cont #mailstat #mailabs #mailrel #maildraw line {color:#ff1;background:#fff;stroke:red;stroke-width:10;}
#site #main #cont #mailstat #mailabs #mailrel #maildraw polyline {color:#ff1;background:#fff;stroke:red;stroke-width:10;}
#site #main #cont #mailstat #mailabs #mailrel #maildraw path {color:#ff1;background:#fff;stroke:red;/*stroke-width:10;*/}


