/*
#=================================================================
#
#  Author: Thomas Wahlmann
#
#=================================================================
 */



/*
 * main layout concept
 */
body {
   background-color: #FFEEEE; 
}

#header_left  {   background-color: #F0F040;   }
#header_right {   background-color: #F0F040;   }
#header_middle {
   background-image: url(image/hmi_logo.png);
}
h1 {  color: white; background-color: #1C2462;  }
h2 {  color: white; background-color: #2C367D;  }
h3 {  color: white; background-color: #35439C;  }
h4 {  color: white; background-color: #495081;  }
span.footer {   border-color: #1C2462;  }



/* links */
a:link    { text-decoration: none;  }
a:visited { text-decoration: none;  }
a:hover   { text-decoration: underline; }

/* messages */
span.message {
   display: inline-block; 
   border: 1px dashed #808080;
   padding-left: 5px;  padding-right: 5px;
   padding-top: 1px;  padding-bottom: 1px;
   margin: 5px;
   border-radius: 4px;
   font-size: 115%;
}
span.message.error  {  color: #FF0000;  font-weight: bold;  }
span.message.note   {  color: #0000FF;  font-weight: bold;  }



/*
 * menu
 */
.menu { margin-left: 15px;  }
.menu span { display: block; }
.menu .lvl1 {  margin-left: 0px;  }
.menu .lvl2 {  margin-left: 15px;  }
.menu .head {  font-weight: bold;  font-size: 115%;  }

/*
 * active/inactive
 */
.active {
   background-color: #FF8080;
   padding-left: 3px;  padding-right: 3px; 
   text-align: center;
}
.inactive {
   color: #404040;
   font-style: italic; 
   text-align: center;
}
.red       {  background-color: #FF9090;   }
.orange    {  background-color: #FFC060;   }
.green     {  background-color: #A0FFA0;   }


 
/*
 * table td classes
 */
table td.CRITICAL {  background-color: #606060; color: #FFFFFF   }
table td.CRITICAL a {  color: #FFFFFF   }
table td.FATAL    {  background-color: #C060FF;   }
table td.ERROR    {  background-color: #FF9090;   }
table td.WARN     {  background-color: #FFC060;   }
table td.NOTE     {  background-color: #A0FFA0;   }


/*
 * privileges table
 */
table.privileges tr td {
   border-width: 0px;
   padding: 0px;
   padding-left: 5px;
}
table.privileges tr.project td {
   background-color: #A0A0FF;
}
table.privileges tr.route   td {
   font-size: 90%;
   padding-left: 30px;
}

table.privileges tr.grayed  td { 
   color: #606060;
}


/*
 * buttons
 */
span.button {
    display: inline-block;
    margin: 5px 5px;
    padding: 1px 5px;
    background-color: #A0A0C0;
    border-radius: 3px; 
}
span.button a {
    color: black; 
}


/*
 *  tags
 */
.tag  {
   display: inline-block;
   padding-left: 5px;  padding-right: 5px; 
   text-align: center;
   border-radius: 4px; border: 1px solid #808080; 
   color: #303030;  background-color: #F0F0F0;
}
.tag.active    {   color: #303030;  background-color: #FF8080;   }
.tag.inactive  {   color: #303030;  background-color: #8080FF;   }
.tag.monitored {   color: #303030;  background-color: #FF80FF;   }
.tag.deleted   {   color: #303030;  background-color: #FFFFFF;   }

.tag.yes       {   color: #E0E0E0;  background-color: #008000;   }
.tag.no        {   color: #404040;  font-style: italic;   }

.tag.red       {  background-color: #FF9090;   }
.tag.orange    {  background-color: #FFC060;   }
.tag.green     {  background-color: #A0FFA0;   }
.tag.blue      {  background-color: #A0A0FF;   }






.filter { width: 50px; background-color: #A0DDdd; }



/*
 * log
 */
.log {
   display: block;
   padding: 10px; margin: 10px; width: 75%;
   border: 3px inset #808080;
   font-family: Terminal,monospace;   white-space: pre;
   font-size: 11px; 
   background-color: #300A24;   color: white; 
}

.log .head  { color: #4674CA; }
.log .date  { color: #709FCF; }
.log .error { color: #FF2020; }
.log .good  { color: #20A020; }