/* notice that IE has several bugs, some of these:                     
   - do not interpret position correctly                               
   - do not interpret fixed keyword correctly                          
   work-arounds for these problems are to use the > tag (meaning child)
   which IE does not understand (and hence ignore)                     
                                                                       
   source: http://www.w3.org/Style/Examples/007/menus.html             
           http://w3development.de/css/hide_css_from_browsers          
*/                                                                     
                                                                       
BODY {                                                                 
  margin: 20 200 50 150;                                               
  padding: 0;
  /*background: #ffc;*/
  background: #ef9 url(icons/paw4.gif) repeat-y right;
  font-family: Arial, sans-serif;                                      
  font-size: 90%;                                                      
}                                                                      
                                                           
                                                                       
div.page {
  background: #fff;          
  padding: 10px 20px 20px 20px;                                        
  border: thin outset #B87333;
  /*margin-top: -8; */                                           
}                                                                      
                                                                       
h1 {                                                                   
  /*background: #090;                                                    
  border: thin outset #731;*/
  background: #531;
  border: thin outset #531;
  color:white;                                                         
  padding: 0 0 3px 20px;                                               
  margin-top: 0;                                                       
}                                                                      
                                                                       
h2 {                                                                   
  background: url(icons/blackbearcub_small.jpg) no-repeat left;              
  padding-left: 40px;                                                  
}                                                                                                                                          

p.nobreak {
  white-space: nowrap;
}                                                                       
                                                                       

/********* list with status icons *********/  

ul.status {
  list-style-type: none;
  padding-left: 20;
}

ul.status li.ok, ul.status li.alarm, ul.status li.noncritical {
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 20;
}

ul.status li.ok {
  background-image: url(icons/ok.gif);
}

ul.status li.alarm {
  background-image: url(icons/alarm.gif);
}

ul.status li.noncritical {
  background-image: url(icons/noalarm.gif);
}


                                                      
                                                                       
/********* fixed menu banner *********/                                
                                                                       
div.banner {                                                           
  margin: 0;                                                           
  font-size: 80% /*smaller*/;                                          
  font-weight: bold;                                                   
  line-height: 1.1;                                                    
  position: absolute;
  left: auto;                                                          
  /*width: 100px;*/                                                    
  left: 10px;                                           
}                                                                      
                                                                       
body>div.banner {position: fixed}   /* IE work-around */               
body>div.banner {top: 10}           /* IE work-around */               
                                                                       
div.banner p {                                                         
  /*margin: 0 0 10 0; */                                               
  padding: 0;                                                          
  background: #800 ;                                                
  border: thin outset #850;                                         
  color: white;                                                        
}                                                                      
                                                                       
div.banner a, div.banner em, div.banner span {                         
  display: block;                                                      
  margin: 2 ;                                                          
}                                                                      
                                                         
div.banner a, div.banner span {
  padding-left: 6;                                                     
}                                                                      
                                                                       
div.banner a.noblock, div.banner span.noblock {                        
  display: inline;
  padding-left: 2;
  padding-right: 2;
}                                                                      
                                                                       
div.banner em {                                   
  font-size: 100%;                                                     
}                                                                      
                                                                                                                                    
div.banner a:link, div.banner a:visited {                              
  text-decoration: none;                                               
  color: #fff;                                                         
}                                                                      
                                                                       
div.banner a:hover {                                                   
  background: white;                                                   
  color: #731;                                                         
} 

div.banner a.noblock:hover {
}                                                                     
                                                                       
                                                                       
/******************* list table **************************/            
                                                                       
table.listtable {                                                      
  font-size: 100% /*smaller*/;                                         
  border: 1px solid #000;                                              
  border-collapse: collapse;                                           
                                                                       
}                                                                      
table.listtable tr {                                                 
  background: white;                                                    
}                
                                                                   
table.listtable tr.header1, thead {                                    
  font-weight: bold;                                                   
  background: #CCC;                                                    
}                                                                      
                                                                       
table.listtable tr.header2 {                                           
  font-weight: bold;                                                   
  background: #888;                                                    
}                                                                      
                                                                       
table.listtable tr.header3 {                                           
  font-weight: bold;                                                   
  background: #333;                                                    
  color: #ccc;                                                         
}                                                                      
                                                                       
table.listtable tr.bring {                                             
  background: #af4;                                                    
}                                                                      
                                                                       
table.listtable td {                                                   
  border: 1px solid #000;                                              
  padding: 3px;                                                                     
}                                                                      
                                                                       
table.listtable td.mid {                                               
  text-align: center;                                                  
                                                                       
}                                                                      
                                                                    
                                                                       
/******************* images **************************/                
                                                                       
div.Lbox {                                                             
  text-align: center;                                                  
  font-size: 85%;                                                      
  font-family: Times Roman;                                            
  font-style: italic;                                                  
  float: left;                                                         
  margin-right: 15;                                                    
}                                                                      
                                                                       
div.Cbox {                                                             
  text-align: center;                                                  
  font-size: 85%;                                                      
  font-family: Times Roman;                                            
  font-style: italic;                                                  
  float: center;                                                       
}                                                                      
                                                                       
div.Rbox {                                                             
  text-align: center;                                                  
  font-size: 85%;                                                      
  font-family: Times Roman;                                            
  font-style: italic;                                                  
  float: right;                                                        
  margin-left: 15;                                                     
  margin-right: 5;                                                     
}                                                                      
                                                                       
td.caption {                                                           
  text-align: center;                                                  
  font-size: 85%;                                                      
  font-family: Times Roman;                                            
  font-style: italic;                                                  
}                                                                      
                                                                       
img {                                                                  
  border: 0;                                                           
  vertical-align: top;                                                 
}                                                                      
                                                                       
img.imgR {                                                             
  margin-left: 5;                                                      
  float: right;                                                        
}                                                                      
                                                                       
img.imgL {                                                             
  margin-right: 10;                                                    
  float: left;                                                         
}                                                                      
                                                                       
div.Rbox, div.Lbox, img.imgR, img.imgL {                               
  margin-top: 5;                                                       
  margin-bottom: 5;                                                    
}                                                                      
                                                                       
                                                                       
                                                                       
                                                                       
a.nolink:link, a.nolink:visited {                                      
  text-decoration: none;                                               
}                                                                      
                                                                       
a.nolink:hover {                                                       
  background: none;                                                    
}