styles.css

@charset "UTF-8";
/* 
    Document   : styles.css
    Created on : 06.07.2012, 12:21:59
    Author     : Christian Foellmann (foe-services.de)
    Description:
        Basis was css-code from the "ISPConfig 3: default theme" which was based on
        "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework 3.0.6
        by Copyright 2005-2008, Dirk Jesse (http://www.yaml.de)
*/

/* overall
-------------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}
header, #nav, #main, footer {
    clear: both;
}
ul, ol, dl {
    margin: 0 0 1em 1em;
}
.skip, .hideme, .print {
    height: 1px;
    left: -1000em;
    position: absolute;
    top: -1000em;
    width: 1px;
}

/* header
-------------------------------------------------------------- */
header {
    position: relative;
    color: #faf0e6;
    padding: 15px 2em 5px 20px;
    background: #9a9a9a url(../images/header_bg.png) repeat-x top left;
}
header h1 {
    font-size:2.5em;
    letter-spacing:-2px;
    line-height:65%;
    color: silver;
}
header span {
    color: #333333;
}

/* header/topsubnav
-------------------------------------------------------------- */
#topsubnav {
    position:absolute;
    top: 10px;
    right: 10px;
    text-align: right;
}
#topsubnav a { color: #f0f8ff; font-weight: normal; background:transparent; text-decoration:none; }
#topsubnav a:focus, 
#topsubnav a:hover,
#topsubnav a:active { text-decoration:underline; background-color: transparent;}

/* nav
    TODO: sprite image
-------------------------------------------------------------- */
#topNav ul {
    list-style: none;
    padding: 0 0 0 20px;
    margin: 0;
    background: #9a9a9a
}

#topNav ul li {
    display: inline;
    margin: 0 2px 0 0;
}

#topNav a {
    background-color: #D3D3D3;
    background-position: center 5px;
    background-repeat: no-repeat;
    color:black;
    display:inline-block;
    height:20px;
    padding-top:37px;
    text-align:center;
    text-decoration:none;
    width:78px;
}

#topNav a:hover {
    background-color: #eeeeee;
    color: #000000;
}

#topNav #topNav_current {
}

#topNav #topNav_current a {
    font-weight: bold;
    color: black;
    background-color: #ffffff;
}

.topnav-admin {
    background-image: url('../icons/x32/system.png') !important;
}

.topnav-client {
    background-image: url('../icons/x32/client.png') !important;
}

.topnav-mail {
    background-image: url('../icons/x32/email.png') !important;
}

.topnav-mailuser {
    background-image: url('../icons/x32/email.png') !important;
}

.topnav-monitor {
    background-image: url('../icons/x32/monitor.png') !important;
}

.topnav-sites {
    background-image: url('../icons/x32/sites.png') !important;
}

.topnav-dns {
    background-image: url('../icons/x32/dns.png') !important;
}

.topnav-tools {
    background-image: url('../icons/x32/tools.png') !important;
}

.topnav-help {
    background-image: url('../icons/x32/help.png') !important;
}

.topnav- {
    background-image: url('../icons/x32/login.png') !important;
}

.topnav-domain {
    background-image: url('../icons/x32/domain.png') !important;
}

.topnav-dashboard {
    background-image: url('../icons/x32/dashboard.png') !important;
}

.topnav-vm{
    background-image: url('../icons/x32/drawer.png') !important;
}

.topnav-billing{
    background-image: url('../icons/x32/calculator.png') !important;
}

/* main
-------------------------------------------------------------- */
#main { 
    background: #fff;
    padding: 1em 0;
}

/* main/sideNav + submenu
-------------------------------------------------------------- */
#sideNav { width: 200px; 
           float:left;
           padding: 0 10px 0 0; 
}

#submenu {
    width: 100%;
    overflow: hidden;
    margin: 0px;
    list-style-type: none;
    border-bottom: 2px #ddd solid;
}

#submenu ul { list-style-type: none; margin:0; padding: 0; }
#submenu li { float:left; width: 100%; margin:0; padding: 0; font-size:0.9em; }

#submenu a,
#submenu strong {
    display:block;
    width: 90%;
    padding: 2px 0px 2px 10%;
    text-decoration: none;
    background-color:#fff;
    color: #444;
    border-bottom: 1px #eee solid;
}

/* Menu Title */
#submenu li.title {
    width: 100%;
    padding: 0px;