/*
    (c) Copyright 2001–2011 by eFolder, Inc.
    This CSS Template is generated automatically for use by the
    DoubleCheck Email Manager.

    The following colors were provided by through the web interface.

        MENUCOLOR: #339966
        HEADCOLOR: #FFFFCC
        TEXTCOLOR: #000000
          BGCOLOR: #FFFFFF

    The following colors were calculated automatically, as shades of
    the provided colors listed above.

    TEXTCOLOR1: #e6e6e6 -- 10% of TEXTCOLOR
    TEXTCOLOR2: #cccccc -- 20% of TEXTCOLOR
    TEXTCOLOR3: #b3b3b3 -- 30% of TEXTCOLOR
    TEXTCOLOR4: #999999 -- 40% of TEXTCOLOR
    TEXTCOLOR5: #808080 -- 50% of TEXTCOLOR
    TEXTCOLOR6: #666666 -- 60% of TEXTCOLOR
    TEXTCOLOR7: #4d4d4d -- 70% of TEXTCOLOR
    TEXTCOLOR8: #333333 -- 80% of TEXTCOLOR
    TEXTCOLOR9: #1a1a1a -- 90% of TEXTCOLOR
    MENUCOLOR1: #ebf5f0 -- 10% of MENUCOLOR
    MENUCOLOR2: #d6ebe0 -- 20% of MENUCOLOR
    MENUCOLOR3: #c2e0d1 -- 30% of MENUCOLOR
    MENUCOLOR4: #add6c2 -- 40% of MENUCOLOR
    MENUCOLOR5: #99ccb3 -- 50% of MENUCOLOR
    MENUCOLOR6: #85c2a3 -- 60% of MENUCOLOR
    MENUCOLOR7: #70b894 -- 70% of MENUCOLOR
    MENUCOLOR8: #5cad85 -- 80% of MENUCOLOR
    MENUCOLOR9: #47a375 -- 90% of MENUCOLOR
    HEADCOLOR1: #fffffa -- 10% of HEADCOLOR
    HEADCOLOR2: #fffff5 -- 20% of HEADCOLOR
    HEADCOLOR3: #fffff0 -- 30% of HEADCOLOR
    HEADCOLOR4: #ffffeb -- 40% of HEADCOLOR
    HEADCOLOR5: #ffffe6 -- 50% of HEADCOLOR
    HEADCOLOR6: #ffffe0 -- 60% of HEADCOLOR
    HEADCOLOR7: #ffffdb -- 70% of HEADCOLOR
    HEADCOLOR8: #ffffd6 -- 80% of HEADCOLOR
    HEADCOLOR9: #ffffd1 -- 90% of HEADCOLOR
*/
body {
    margin:0px;
    padding:0px;
    border: 0px;   /* This removes the border around the viewport in old versions of IE */
    width: 100%;
    background-color: #cccccc /* TEXTCOLOR2 */;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    color: #000000 /* TEXTCOLOR */;
}
a {
    color: #000000 /* TEXTCOLOR */;
    text-decoration: none;
}
a:link, a:visited, a:link:hover, a:visited:hover {
    text-decoration: underline;
}
a:link:hover, a:visited:hover {
    background-color: #ffffe0 /* HEADCOLOR6 */;
}
p {
    margin:0px;
    margin-top:.4em;
    margin-bottom:.8em;
    padding:0px;
}
img {
    margin:0px;
    border:0px;
}
.icon {
    height: 2.4ex;
    vertical-align: bottom;
}
img.preview {
    height: 2ex;
    border: 1px solid #808080 /* TEXTCOLOR5 */;
}

    button {
        background-color: #ffffd6 /* HEADCOLOR8 */;
        font-weight: bold;
        font-size: 12px;
        padding: 1px;
        border: 1px outset;
        margin: 1px;
        margin-left: 0px;
    }
    button:hover {
        background-color: #ffffe6 /* HEADCOLOR5 */;
    }
    button.active {
        background-color: #000000 /* TEXTCOLOR */;
        color: #FFFFFF /* BGCOLOR */;
        border: 1px inset;
    }

    .header {
        background-color: #cccccc /* TEXTCOLOR2 */;
    }
    .header td {
        border-bottom: 3px solid #000000 /* TEXTCOLOR */;
    }
    .header p,
    .header h1,
    .header h2 {
        padding-top:4em;
        padding-bottom:0px;
        padding-right:15px;
        padding-left:15px;
        margin:0px;
    }
    .menu {
        float:left;
        width:100%;
        margin:0px;
        padding:0px;
    }
    .menu button {
        float: left;
        border: 0px;
        padding: 2px;
        margin:0px;
        margin-left:1px;
        background-color: #339966 /* MENUCOLOR */;
        color: #000000 /* TEXTCOLOR */;
        position: relative;
        left: 15px;
        font-weight: bold;
        font-size: 16px;
    }
    .submenu {
        float: left;
        margin: 0px;
        padding: 0px;
        border-bottom: 3px solid #000000 /* TEXTCOLOR */;
    }
    .submenu button {
        position: relative;
        left: 15px;
        float: left;
        font-weight: bold;
        font-size: 14px;
        background-color: #339966 /* MENUCOLOR */;
        padding: 2px;
        margin: 0px;
        margin-top: 1px;
        margin-right: 1px;
        border: 0px;
    }
    .menu button:hover, .submenu button:hover {
        background-color: #85c2a3 /* MENUCOLOR6 */;
    }
    .menu button.active, .submenu button.active {
        color: #FFFFFF /* BGCOLOR */;
        background-color: #000000 /* TEXTCOLOR */;
    }

.columns { 
    clear: both;
    background-color: #FFFFFF /* BGCOLOR */;
    width: 100%;
}
.content {
    padding: .5em;
    vertical-align: top;
}
.content div {
    width: 98%;
}

.emailtoplevel {
    background-color: #FFFFFF /* BGCOLOR */;
    padding: 1em;
    font-size: 12px;
}

.footer {
    font-size: 9px;
    background-color: #cccccc /* TEXTCOLOR2 */;
    margin:0px;
}
.footer td {
    border-top: 3px solid #000000 /* TEXTCOLOR */;
    padding:10px;
}

img.logo {
    float: right;
    margin:5px;
}

#Status {
    margin-bottom:10px;
    margin-top:10px;
    padding-bottom:10px;
    border-bottom: 1px dotted #000000 /* TEXTCOLOR */;
    font-size: 10px;
}
.sidebar {
    padding: .5em;
    padding-bottom: 3em;
    vertical-align: top;
    background-color: #FFFFCC /* HEADCOLOR */;
    overflow: hidden;
    margin-bottom: 1em;
}
    .sidebar div {
        width: 15em;
    }

    .sidebar .noaccess {
        color: #808080 /* TEXTCOLOR5 */;
    }
    .sidebar .head {
        margin:0px;
        margin-top:10px;
        font-weight: bold;
        text-decoration: underline;
    }
    .sidebar ul {
        list-style-position: inside;
        margin:0px;
        padding:0px;
        text-indent:0;
    }
    .sidebar ul a, .sidebar ul a:hover {
        text-decoration: none;
    }
    .sidebar ul .active {
        background-color: #000000 /* TEXTCOLOR */;
        font-weight: bold;
    }
    .sidebar ul .active a {
        color: #FFFFFF /* BGCOLOR */;
    }
    .sidebar ul .active a:hover {
        color: #ffffe6 /* HEADCOLOR5 */;
        background-color: #000000 /* TEXTCOLOR */;
    }
    .sidebar ul li.global {
        list-style-image: url('/static/icons/world.png');
    }
    .sidebar ul li.global.noaccess {
        list-style-image: url('/static/icons/world_inactive.png');
    }
    .sidebar ul li.global.noaccess a {
        color: #808080 /* TEXTCOLOR5 */;
    }
    .sidebar ul .active li.global {
        list-style-image: url('/static/icons/world_edit.png');
    }
    .sidebar ul li.global.jump {
        list-style-image: url('/static/icons/world_go.png');
    }
    .sidebar ul li.dgroup {
        list-style-image: url('/static/icons/folders.png');
    }
    .sidebar ul li.dgroup.noaccess {
        list-style-image: url('/static/icons/folders_inactive.png');
    }
    .sidebar ul li.dgroup.noaccess a {
        color: #808080 /* TEXTCOLOR5 */;
    }
    .sidebar ul .active li.dgroup {
        list-style-image: url('/static/icons/folders_edit.png');
    }
    .sidebar ul li.dgroup.jump {
        list-style-image: url('/static/icons/folders_go.png');
    }
    .sidebar ul li.domain {
        list-style-image: url('/static/icons/folder.png');
    }
    .sidebar ul li.domain.noaccess {
        list-style-image: url('/static/icons/folder_inactive.png');
    }
    .sidebar ul li.domain.noaccess a {
        color: #808080 /* TEXTCOLOR5 */;
    }
    .sidebar ul .active li.domain {
        list-style-image: url('/static/icons/folder_edit.png');
    }
    .sidebar ul li.domain.jump {
        list-style-image: url('/static/icons/folder_go.png');
    }
    .sidebar ul li.dalias {
        list-style-image: url('/static/icons/folder_alias.png');
    }
    .sidebar ul li.dalias.noaccess {
        list-style-image: url('/static/icons/folder_alias_inactive.png');
    }
    .sidebar ul li.dalias.noaccess a {
        color: #808080 /* TEXTCOLOR5 */;
    }
    .sidebar ul li.ugroup {
        list-style-image: url('/static/icons/group.png');
    }
    .sidebar ul li.ugroup.noaccess {
        list-style-image: url('/static/icons/group_inactive.png');
    }
    .sidebar ul li.ugroup.noaccess a {
        color: #808080 /* TEXTCOLOR5 */;
    }
    .sidebar ul .active li.ugroup {
        list-style-image: url('/static/icons/group_edit.png');
    }
    .sidebar ul li.ugroup.jump {
        list-style-image: url('/static/icons/group_go.png');
    }
    .sidebar ul li.user {
        list-style-image: url('/static/icons/user.png');
    }
    .sidebar ul li.user.noaccess {
        list-style-image: url('/static/icons/user_inactive.png');
    }
    .sidebar ul li.user.noaccess a {
        color: #808080 /* TEXTCOLOR5 */;
    }
    .sidebar ul .active li.user {
        list-style-image: url('/static/icons/user_edit.png');
    }
    .sidebar ul li.user.jump {
        list-style-image: url('/static/icons/user_go.png');
    }
    .sidebar ul li.ualias {
        list-style-image: url('/static/icons/user_alias.png');
    }
    .sidebar ul li.ualias.noaccess {
        list-style-image: url('/static/icons/user_alias_inactive.png');
    }
    .sidebar ul li.ualias.noaccess a {
        color: #808080 /* TEXTCOLOR5 */;
    }

.row1 {
    margin:4px;
    background-color: #fffff5 /* HEADCOLOR2 */;
    clear: both;
    vertical-align: top;
}
.row2 {
    margin:4px;
    background-color: #ffffeb /* HEADCOLOR4 */;
    clear: both;
    vertical-align: top;
}

/* class="Login" is intended to wrap around a class="MainHead" div */
.Login {
    padding:0px;
    clear: both;
    width: 500px;
    text-align: left;
    margin:auto;
}

ul.notices {
    list-style-position: inside;
    width: 80%;
    margin: auto;
}
    ul.notices .head {
        text-transform: uppercase;
        font-weight: bold;
    }
    ul.notices li {
        border: 1px solid black;
        padding: 2px;
        margin: 3px;
    }
    ul.notices li.notice {
        list-style-image: url(/static/icons/information.png);
        background-color: #ffffe0 /* HEADCOLOR6 */;
    }
    ul.notices li.warning {
        list-style-image: url(/static/icons/error.png);
        background-color: #add6c2 /* MENUCOLOR4 */;
    }
    ul.notices li.error {
        list-style-image: url(/static/icons/exclamation.png);
        background-color: #FF6666;
    }

div.inline_warning {
    width: 90%;
    float: left;
    border: 1px solid black;
    padding: 2px;
    margin: 3px;
    background-color: #add6c2 /* MENUCOLOR4 */;
}

div.inside_table {
    width: 100%;
}
.inside_table {
    clear: both;
    padding:5px;
    vertical-align: top;
    width: 100%;
}
.MainHead {

    float: left;
    background-color: #85c2a3 /* MENUCOLOR6 */;
    font-size: 16px;
    font-weight: bold;
    padding:2px;
    margin:0px;
    margin-top: 10px;
    margin-bottom: 10px;
}
h1, h2 {
    background-color: #339966 /* MENUCOLOR */;
    font-size: 18px;
    font-weight: bold;
    padding: 2px;
    border-bottom: 2px solid black;
}
.heading, .contents h2 {
    background-color: #FFFFCC /* HEADCOLOR */;
    font-size: 16px;
    font-weight: bold;
    padding:3px;
    margin:4px;
    text-align: left;
    border: none;
}
h3, .subheading {
    background-color: #ffffd6 /* HEADCOLOR8 */;
    font-weight: bold;
    font-size: 14px;
    padding:4px;
    margin:4px;
    text-align: left;
    vertical-align: bottom;
}
.important {
    font-weight: bold;
}

INPUT,
SELECT {
    background-color: #d6ebe0 /* MENUCOLOR2 */;
    color: #000000 /* TEXTCOLOR */;
}
:disabled {
    background-color: #cccccc /* TEXTCOLOR2 */;
    color: #808080 /* TEXTCOLOR5 */;
}
.disabled {
    color: #808080 /* TEXTCOLOR5 */;
}

INPUT {
    font-family: Verdana, Ariel, Helvetica, Sans-Serif;
}
INPUT[type="submit"],
.button {
    background-color: #ffffd6 /* HEADCOLOR8 */;
    padding: .4ex;
    font-weight:bold;
    border: 1px outset #000000 /* TEXTCOLOR */;
    margin:7px;
    margin-bottom: 0px;
}

    span.button,
    span.button:hover { /* Used for active */
        background-color: #000000 /* TEXTCOLOR */;
        color: #FFFFFF /* BGCOLOR */;
    }
    .button:hover {
        background-color: #ffffe0 /* HEADCOLOR6 */;
    }
    a.button {
        padding: .4ex;
        padding-bottom: .3ex;
        font-weight: bold;
    }
    .disabled a.button {
        color: #808080 /* TEXTCOLOR5 */;
    }
.note {
    font-size: .8em;
    font-weight: normal;
    padding-left: 20px;
}
.log {
    vertical-align: top;
    font-size: .8em;
    overflow: hidden;
    text-wrap: suppress;
}
    .log .head {
        font-weight: bold
    }

.hostrules {
    font-size: .8em;
}
.normal {
    font-weight: normal;
}

.virus {
    background-color: red;
    color: #FFFFAA;
}
.unknown {
    background-color: #000000 /* TEXTCOLOR */;
    color: #FFFFFF /* BGCOLOR */;
}
.delivered {
    background-color: #AAFFAA;
}
.active {
    background-color: #FFFFAA;
}
.quarantined {
    background-color: #FFCC99;
}
.rejected,
.bounced,
.deleted {
    background-color: #FFAAAA;
}
.deferred {
    background-color: #FFAA66;
}
.unknown,
.n_a {
    background-color: #FFAA99;
}

.pagenav {
    text-align: center;
}
.pagenav a {
    text-decoration: underline;
}
.unimportant {
    font-size: .8em;
    font-weight: normal;
}

table.inside_table tr td.num {
    text-align: right;
}
table.inside_table tr td.num_hl {
    text-align: right;
    background-color: #c2e0d1 /* MENUCOLOR3 */;
}

.address {
    font-weight: small;
    color: #666666;
}
.address button.unselected {
    border: 2px outset black;
    font-weight: normal;
    color: #000000;
}

.address button.selected {
    border: 2px inset black;
    font-weight: normal;
    color: #000000;
}

.number {
    font-weight: bold;
    text-align: right;
}