/****************************************************************************************************************/
/* Global Standards */
/****************************************************************************************************************/

body,p,h1,h2,h3,h4,div,td,th,dd
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

body
{
  background-color:#ddd;
  margin:0px;
  padding:0px;
}

/****************************************************************************************************************/
/* Link Standards */
/****************************************************************************************************************/

a:LINK,a:ACTIVE,a:VISITED
{
  color:#0060B6;
  text-decoration:none;
}

a:HOVER
{
  color:#333;
  text-decoration:underline;
}

a img
{
  border:none;
}

a.contentbutton
{
  border:2px outset gray;
  padding:3px;
  background-color:#eee;
  text-align:center;
  text-decoration:none;
  color:black;
  display:block;
  font-weight:bold;
  width:200px;
}



/****************************************************************************************************************/
/* Headers */
/****************************************************************************************************************/

h1
{
  font-size:19px;
  padding-bottom:10px;
  margin:0px;
  padding-top:25px;
}

h2
{
  font-size:15px;
  padding-top:15px;
  padding-bottom:5px;
  margin:0px;
}

h3
{
  font-size:13px;
  padding-top:8px;
  padding-bottom:3px;
  margin:0px;
}



/****************************************************************************************************************/
/* Background Colors for the Sensorlist */
/****************************************************************************************************************/

.statusok,.statusokeven,.statuspaused, .statuspausedeven,.statusunknowneven
{
  background-color:#ddd;
}

.statusokodd,.statuspausedodd, .statusunknownodd
{
  background-color:#eee;
}

.statuserror
{
/* Uncomment to Groups with failing sensors with a Red Background 
  background-color:#FFD7D7;*/
}

.statuserroreven ,.statuserrorodd 
{
  background-color:#FFD7D7;
}

.statusunknown
{
  background-color:#D7D7D7;
}

/* Uncomment to Show Paused Sensors with Yellow Background 
.statuspaused, .statuspausedeven, .statuspausedodd
{
  background-color:#FFFED2;
}
*/

/****************************************************************************************************************/
/* Global Table Settings */
/****************************************************************************************************************/

table
{
  border-collapse:collapse;
  border-spacing:0px;
}

table td
{
  padding:0px;
}



/****************************************************************************************************************/
/* Design for Header and Footer */
/****************************************************************************************************************/

table.header, table.footer
{
  width:100%;
}

table.header td, table.footer td
{
  vertical-align:top;

}

table.header
{
  height:55px;
  background-image:url(/images/headerback.gif); 
  background-repeat:repeat-x;
  margin:0px; 
}

table.footer td
{
  font-size: 9px;
  padding:5px;
}

/****************************************************************************************************************/
/* Design for the gray statusbar/linkbar beneath the header */
/****************************************************************************************************************/

table.graybar
{
  margin-bottom:5px;
}

table.graybar td
{ 
  vertical-align:middle;
}

td.graybar
{
  background-image:url(/images/graybar.gif); 
  background-repeat:repeat-x;
  margin:0px; 
  color:white;
}

table.graybar td a.radioongraybar,table.graybar td a.radiooffgraybar,
table.graybar td a.radioongraybar:LINK, table.graybar td a.radioongraybar:ACTIVE, table.graybar td a.radioongraybar:VISITED,
table.graybar td a.radiooffgraybar:LINK, table.graybar td a.radiooffgraybar:ACTIVE, table.graybar td a.radiooffgraybar:VISITED

{
  margin-left:5px;
  color:white;
  font-weight:normal;
  display:inline-block;
}

a.graybarbutton, a.graybarbutton:link,a.graybarbutton:active,a.graybarbutton:visited
{
  margin-bottom:0px;
  margin-top:1px;
  background-color:#eee;
  text-align:center;
  display:block;
  text-decoration:none;
  color:black;
}

a.graybarbutton:HOVER
{
  background-color:#ddd;
}

/****************************************************************************************************************/
/* Design for the Main Layout Table (between header and footer) */
/****************************************************************************************************************/

table.layoutmain
{
  padding:0px;
  width:100%;
}

/****************************************************************************************************************/
/* Design for left section of the Main Layout Table (contains navigation */
/****************************************************************************************************************/

td.layoutnavigator
{
  padding:5px;
  text-align:left;
  vertical-align:top;
  width:130px;
}

div.navigatorouterbox
{
  border-bottom:10px solid #ddd;
}
div.navigatorinnerbox
{
  width:125px;
  padding:4px;
  background-color:#eee;
  overflow:auto;
  white-space:nowrap;
}

/****************************************************************************************************************/
/* Headers for the left navigation */
/****************************************************************************************************************/

h2.navigator
{
  font-size:13px;
  padding:0px;
  padding-bottom:2px;
  color:#333;
  
}

h3.navigator
{
  color:#333;
  font-size:11px;
  margin-bottom:2px;
  padding-top:0px;
  margin-top:2px;
}

/****************************************************************************************************************/
/* Radio and checkboxes in the Navigator */
/****************************************************************************************************************/

a.radioon,a.radiooff,a.radioongraybar,a.radiooffgraybar,a.tag,a.tagactive,a.radiooffdisabled
{
  background-repeat:no-repeat;
  margin:0px; 
  padding:0px;
  padding-left:13px;
  background-position:2px 3px;
}
a.radioon,a.radiooff,a.tag,a.tagactive,a.radiooffdisabled
{
  margin-bottom:3px;
  overflow:hidden;
  display:block;
}


a.tagactive
{
  background-image:url(/images/boxfull.gif); 
}

a.radioon,a.radioongraybar
{
  background-image:url(/images/ballfull.gif); 
}

a.tag
{
  background-image:url(/images/boxempty.gif); 
}

a.radiooff,a.radiooffdisabled,a.radiooffgraybar
{
  background-image:url(/images/ballempty.gif); 
}
               
a.radioon:LINK, a.radioon:ACTIVE, a.radioon:VISITED, a.tagactive:LINK, a.tagactive:ACTIVE, a.tagactive:VISITED
{
  color:black;
  text-decoration:none;
}

a.radiooff:LINK, a.radiooff:ACTIVE, a.radiooff:VISITED,a.tag:LINK, a.tag:ACTIVE, a.tag:VISITED
{
  color:#333;
  text-decoration:none;
}

a.radiooffdisabled:LINK, a.radiooffdisabled:ACTIVE, a.radiooffdisabled:VISITED,a.radiooffdisabled:HOVER
{
  color:#888;
  text-decoration:none;
}

a.radioon:HOVER, a.radiooff:HOVER,a.tagactive:HOVER, a.tag:HOVER
{
  color:#000;
  text-decoration:underline;
}

/****************************************************************************************************************/
/* Buttons */
/****************************************************************************************************************/


a.button:LINK, a.button:ACTIVE, a.button:VISITED, a.button:HOVER,
a.buttondisabled:LINK, a.buttondisabled:ACTIVE, a.buttondisabled:VISITED, a.buttondisabled:HOVER
{
  border:1px outset gray;
  margin-bottom:3px;
  margin-top:1px;
  background-color:#fff;
  display:block;
  width:115px;
  text-align:center;
  text-decoration:none;
  color:black;
}

a.buttondisabled:LINK, a.buttondisabled:ACTIVE, a.buttondisabled:VISITED, a.buttondisabled:HOVER
{
  border:1px inset gray;
  background-color:#fff;
  color:gray;
}

a.button:HOVER
{
  background-color:#ddd;
}

table.header a.button:LINK, table.header a.button:ACTIVE, table.header a.button:VISITED, table.header a.button:HOVER
{
  width:50px;
}



/****************************************************************************************************************/
/* Design for right section of the Main Layout Table (contains main content) */
/****************************************************************************************************************/

td.layoutcontent
{
  margin-right:10px;
  padding:5px;
  padding-left:10px;
  text-align:left;
  vertical-align:top;
  background-color:#fff;
  height:400px;
}

div.breadcrumbs 
{
  text-align:left;
  font-size: 9px;
}

/****************************************************************************************************************/
/* Design for the main Sensor Table (url /sensorlist.htm) */
/****************************************************************************************************************/

table.sensortable
{
  /* Design for the main table of the Sensor list */
  width:100%;
}

table.sensortable td
{
  padding:2px;
}

td.group,td.groupleft,td.groupright
{
  /* Design for Group Line */
  font-size:15px;
  font-weight:bold;
}

td.sensorright
{
  text-align:right;
}

tr.onesensor td
{
  /* Design for Each Sensor Line */
  /* e.g. "border-bottom:1px solid white;" */
}

td.space,td.openclose
{
  /* width for Spacer cells, cells with open/close icon*/
  width:9px;
}

td.openclose img
{
  /* Size of the openclose icons */
  width:9px;
  height:9px;
}

td.doticons
{
  /* width for the cells with links  */
  width:40px;
  padding:0px;
  text-align:right;
}

td.doticons img
{
  /* Size of the link icons */
  width:10px;
  height:9px;
  margin-left:2px;
}

div.dotred,div.dotgreen,div.dotblue,div.dotyellow
{
  /* Size etc. of the colored dot icons */
  width:10px;
  height:9px;
  margin-right:2px;
  display:inline;
  padding-right:10px;
  background-repeat:no-repeat;
  background-position:0px 2px;
}

div.dotred
{
  background-image:url(/images/dotred.gif); 
}
div.dotblue
{
  background-image:url(/images/dotblue.gif); 
}
div.dotgreen
{
  background-image:url(/images/dotgreen.gif); 
}
div.dotyellow
{
  background-image:url(/images/dotyellow.gif); 
}

div.dotgreen,div.dotblue
{
  /* we don't show the dots for these statuses, can optionally be shown */
  display:none;
}




/****************************************************************************************************************/
/* Table below the three graphs on sensor detail page (url /sensor.htm) */
/****************************************************************************************************************/

table.sensordata
{
  width:100%;
  border-collapse:separate;
  border-spacing:1px;
}

table.sensordata td
{
  background-color:#eee;
  padding:2px;
}



/****************************************************************************************************************/
/* Table of the Custom Graphs (/customgraphs.htm) */
/****************************************************************************************************************/

table.customgraphs
{ 
  /* main table that contains the table of the graphs */
	width:90%;
}

table.prtg
{
  /* main table of the panels and views for the custom graph list */
  width:100%;
}
table.prtg td
{
  padding:2px;
}

td.prtgheader
{ 
  /* Headline of one panel */
  padding-top:12px;
  padding-bottom:3px;
  font-size:15px;
  font-weight:bold;
}

table.graphlist
{
  /* lines for the views of the panels */
  width:100%;
  margin-left:20px;
  margin-bottom:10px;
}

td.graphlist
{ 
  border-bottom:1px solid white;
  width:100%;
  background-color:#eee;
}

/****************************************************************************************************************/
/* One Custom Graph (="Panel") (/panel.htm) */
/****************************************************************************************************************/

table.panel td
{
  /* Main Table containing all graphs */
  text-align:center;
  vertical-align:top;
}

table.panel table.prtg
{
  background-color:#fff;
}

td.oneview
{
  /* Cell that contains the table that contains one view of a panel */
  padding:0px;
}

table.oneview td
{
  /* Cell that contains the table that contains one view of a panel */
  padding:0px;
}

table.oneview
{
  /* Table that contains one view of a panel */
  border:2px solid #eee;
}

table.oneviewgraphs
{
  /* Table that contains one view of a panel */
  padding:0px;
  margin:0px;
  border:2px solid red;
  }

td.prtgheadersmall
{ 
  /* Table cell that contains a view's headline */
  font-weight:bold;
  background-color:#eee;
}

/****************************************************************************************************************/
/* One Custom View  (/view.htm) */
/****************************************************************************************************************/

table.channeltable, table.view
{ 
  width:100%;
  border-collapse:separate;
  border-spacing:1px;
  
}

table.channeltable tr.channeltab
{ 
  background-color:#eee;
}

table.channeltable table td
{ 
  padding-left:20px;
}

/****************************************************************************************************************/
/* Eventlist  (/events.htm) */
/****************************************************************************************************************/

table.events
{
}

table.events td
{
  background-color:#eee;
  border-top:1px solid white;
  border-right:3px solid white;
  padding:1px;
  padding-right:5px;
  padding-left:5px;
  white-space:nowrap;
}
  
  
/****************************************************************************************************************/
/* Toplists (part of /sensortable.htm) */
/****************************************************************************************************************/

div.tabletoplist table
{
  border-collapse:collapse;
  border-spacing:4px;
}

/****************************************************************************************************************/
/* Login  */
/****************************************************************************************************************/

table.login
{
  border:2px solid #ddd;
}

table.login td
{
  background-color:#eee;
  padding:5px;
}

table.login input
{
  width:200px;
}

/****************************************************************************************************************/
/* Data Tables*/
/****************************************************************************************************************/


div.subtable table td,div.tabledata table td
{
  background-color:#fff;
  
}
div.subtable table td[bgcolor],div.tabledata table td[bgcolor]
{
  background-color:#eee;
}