/*

//
// Copyright (C) Julian I. Kamil <julian.kamil@gmail.com>
// No warranty is provided.  Use at your own risk.
//
// Commercial support is available through ESV Media Group
// who can be reached at: http://www.ESV-i.com/.
//
// Name: simple.css
// Author: Julian I. Kamil <julian.kamil@gmail.com>
// Created: 2005-05-18
// Description:
//     This is a simple skin for PmWiki. Please see:
//         http://www.madhckr.com/project/PmWiki/SimpleSkin
//     for a live example and doumentation.
//
// $Id: simple.css,v 1.3 2005/09/14 15:14:27 julian Exp $
//
// History:
//     2005-05-18  jik  Created.
//     2005-08-16  jik  Simplified and cleaned up.
//

*/

body {
    margin: 0px; padding: 0px 0px 0px 0px; 
    background-color: #fff; color: #666;
    font: 10pt Verdana;
    line-height: 20px;
}

table { border-collapse: collapse; margin: 0px; }
table tr td { border: 0px solid #ddd; padding: 0px 10px; vertical-align: top; }
form { margin: 0px; padding: 0px; }
hr { border: 0px; height: 1px; background-color: #ccc; color: #ccc; }
p { margin: 0px; padding: 0px; }

ul { margin: 0px 24px; padding: 0px; list-style: disc outside; }
ul ul { margin-top: 0px; padding-top: 0px; list-style: circle outside; }
ul ul ul { margin-top: 0px; padding-top: 0px; list-style: square outside; }

a { text-decoration:none; color: #00f; }
a:visited { text-decoration:none; color: #00f; }
a:hover { text-decoration:underline; color: #00f; }
a:active { color: #00f; }

.vspace { margin-top: 4px; margin-bottom: 4px; }
p.vspace { padding-top: 3px; padding-bottom: 3px; }
.content-mat { padding: 10px; margin: auto; background: none; }
.clearer{ clear: both; display: block;  margin: 0px; padding: 0px; height: 0px; line-height: 1px; font-size: 0px; }
.borderless-table tr td { border: none }

#header { width: 100%; height: 90px; margin: 0px; text-align: left; background-color: #000; }
#header #page-title { color: #eeeeee; font: 18pt Arial; font-weight: bold; padding: 15px 8px 8px 15px; }
#header #page-subtitle { color: #eeeeee; font: 12pt Arial; font-weight: bold; padding: 0px 8px 8px 15px; }
#header a { color: #eeeeee; }

#main { 
    width: 100%; margin: 0px 0px 0px 0px; 
    border-bottom: 1px solid transparent; 
}

#main h1 { font-size: 12pt; margin: 0px; padding: 0px; }
#main h2 { font-size: 11pt; margin: 0px; padding: 0px; }
#main h3 { font-size: 10pt; margin: 0px; padding: 0px; }
#main h4 { font-size:  9pt; margin: 0px; padding: 0px; }

#content { margin: 0px; text-align: left; padding: 0px; }

#footer {
    width: 100%; height: 40px;
    border: 1px none #ccc; 
    margin: 0px  0px 0px 0px; padding: 0px 0px 8px 0px;
}

#copyright { margin: 0px 12px 0px 11px; padding: 2px 0px; border-top: 1px solid #ddd; font-size: 8pt; }

#topnav {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: right;
    font-size: 11px; font-weight: bold;
}

#topnav ul { margin: 15px 0px 0px 0px; padding: 0px; }
#topnav ul li { list-style: none; display: text-indent: 0px; display: inline; padding-right: 10px; }
#topnav a { color: #eee;}


#menubar {
    margin: 0px 0px 0px 0px;
    padding: 3px 15px 3px 15px;
    border-bottom: 1px solid #e8e8e8;
    background-color: #e8e8e8;
    text-align: left;
    font-size: 10px; font-weight: bold;
}

#menubar ul { margin: 0px; padding: 0px; }
#menubar ul li { list-style: none; display: inline; text-indent: 0px; text-align: left; padding-right: 15px; }
#menubar a { color: #666; }

#popupmenu a { color: #aaa; }
#popupmenu a:hover { color: #fff; }
#popupmenu li:hover { background: #444; color: #eec; }
#popupmenu li:hover ul { display: block; }
#popupmenu ul { padding: 0px; margin: 0px; list-style: none; }
#popupmenu ul li { padding: 0px 8px; float: left; position: relative; }

#popupmenu li ul {
    display: none;
    position: absolute;
    top: 8px;
    right: 0px;
    width: 180px;
    margin-top: 10px;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    padding-top: 3px;
    padding-bottom: 4px;
    background: #444;
}

#popupmenu li ul li {
    display: block;
    clear: both;
    color: #aaa;
}

#popupmenu li ul li:hover { color: #aaa; }

#toext { margin-top: 12px; margin-bottom: 12px; font-family: monospace; }

.graphcell, .ifcell, .datacell { margin: 5px; left; padding: 10px; border: 0px; background: #e8e8e8; float: left; }
.ifcell { float: left; clear: right; background:none; }

.nofloat { clear: left; }

.servercell, .corecell, .othercell, .custcell, .unlabelledcell, .cpecell, .unknowncell {
float: left; padding: 0px; margin: 3px; border: 1px; height: 100px; width: 140px;
text-align: center;
}

.corecell, .servercell, .othercell {
background: #ffa0a0;
}

.custcell, .cpecell {
background: #ffe0e0;
}

.unknowncell {
background: #ddd;
}

.unlabelledcell {
background: #eee;
}