body{
    background-image: url("../img/bg.jpg"); background-repeat: repeat-x; background-color: white;    color: #46464A;
    margin: 0px; padding: 0px;
}

body,p,li,td,th{
    font-family: Arial,sans-serif;
    font-size: 12px;    
}

a{
    color: #D00000; 
}

    a:hover{
        color: #FF0000;    
    }

a img{
    border: none;    
}

form{
    margin: 0px; padding: 0px;    
}

    input,select, textarea{
            width: 100%;
            border: 1px solid black; font-size: 11px;
    }
        input.radiobutton,
        input.button,
        input.checkbox,
        input.small{
            width: auto;
        }
    

    #container{
        width: 100%;    
        margin: 0px auto;
        text-align: left;
        position: relative; left: 0px; top:0px;
    }
    
        #header{
            position: relative; left: 0px; top: 0px;
            height: 41px;    
        }
        
            #header .menu{
                margin: 0px; padding: 0px; list-style: none; position: absolute;
                right: 12px; top: 6px;
            }
            
                #header .menu li{
                    line-height: 29px;
                    float: left;    margin: 0px 0px 0px 14px;
                }
                
                #header .menu img{
                    vertical-align: middle;   border-bottom: 3px solid white;
                }
                
                    #header .menu a{
                        text-decoration: none;
                        color: #46464A;
                        font-size: 12px; font-weight: bold;
                    }
                        #header .menu a:hover{
                            color: red;    
                        }
        #col1, #col2{
            float: left; margin: 0px; padding: 0px 0px 30px 0px;
        }
        
        #col1{
            width: 40%; 
            background-color: #46464A;
            color: white;
        }
        
            #col1 h2{
                color: white;
            }
        
            #col1 p{
                padding: 7px;    
            }
            
                #col1 p a{
                    color: white;
                }
                
            #col1 .content{
                padding: 7px;       
            }
                
            .alertbox{
                background-color: #D00000; 
                padding: 7px;
                
            }
            
                .alertbox h3{
                    color: white; margin: 0px; padding: 0px;
                }
                    .alertbox h3 a{
                        color: white;    
                    }
            
                    .alertbox p {
                        margin: 0px; font-size: 11px; padding-left: 8px; line-height: 16px;  
                    }
                    
            .monitorlist{
                border-collapse: collapse;
                width: 100%;
            }
                .monitorlist th{
                    color: white;
                    font-size: 11px; font-weight: normal;
                    text-align: left; padding-left: 3px; padding-top: 4px;
                }
            
                .monitorlist td{
                    padding: 2px 3px;    line-height: 16px;
                }
                
                .monitorlist tbody{
                    background-color: #D7D6E3; 
                    color: #46464A;
                }
                
                
                td.number{
                    text-align: right; font-size: 11px;    
                }
                
                td.alert{
                    font-weight: bold; color: #D00000;    
                }
                
                td.warn{
                    font-weight: bold; color: #FA5600;    
                }
                
                
                .monitorlist td.controls a{
                    text-decoration: none;  font-weight: bold; text-align: right;   
                }
                
                .monitorlist .scroller{
                    text-align: right;   line-height: 20px;
                }
                    .monitorlist .scroller a{
                        font-weight: bold; color: #DDDDDD; text-decoration: none;
                        padding: 1px 7px; background-color: #535358;
                    }
                    
                    .monitorlist .scroller a.active{
                        background-color: #666666; color: white;
                    }
            
                    .monitorlist .controls a{
                        visibility: hidden;    
                    }
                   
                    .monitorlist .active .controls a,
                    .monitorlist .over .controls a{
                        visibility: visible;   
                    }
                    
                .monitorlist .active{
                    background-color: #E7E6EE;    
                }
                
                .monitorlist .over{
                    background-color: white;    
                }
        #col2{
            width: 55%;
        }
        
            .details{
                padding: 0px 15px 30px 15px;    
                position: relative;
            }
        
            
                .details .controls{
                    position: absolute; top: 0px; right: 15px;
                    line-height: 18px; font-size: 11px; font-weight: bold; 
                }
                    .details .controls a{
                        text-decoration: none;    
                    }
                    .details .controls img{
                        vertical-align: middle;    
                    }
                    
                .details table,
                .content table{
                    width: 100%;    border-collapse: collapse; margin: 0px;
                }
             
                    .details table th,
                    .content table th{
                        color: #9999A3; text-align: left;
                    }
                
            
        h2{
            font-size: 14px; color: #46464A;   margin: 10px 0px; padding: 0px;
        }
            h2 input{
                width: auto;
                font-size: 14px;    
            }
        
        h3{
            font-size: 12px;  margin: 8px 0px 2px 0px;  
        }
    
        
        #alerttip{
            background-color: #D00000; color: white; font-weight: bold;  width: 200px;    
            border: 1px solid white;    
        }
        
            #alerttip h2{
                color: white;   
            }
            
    .tabbed{
        margin-top: 30px;    
    }
    
    .tabnames{
        line-height: 17px;
    }
    
        .tabnames a{ padding: 1px 5px; background-color: #EBEAF1; 
            color: #46464A;
            text-decoration: none; font-weight: bold;
            margin: 0px 1px;
            border-width: 1px; border-style: solid; border-color: #D7D6E3;
            border-bottom: none;
        }
        
        .tabnames a.active{ background-color: #46464A; color: white; border-color: #46464A}
                
        .tab{
            margin: 0px;
            padding: 5px 5px 15px 5px; border: 1px solid #46464A;
            background-color: #EBEAF1;
            height: 200px; overflow: auto;
        }     
        
        
        .footer{
            padding: 15px;
        }
        
        .footer p{
        }