div.trim { background-color: #555 }
div.trim h1 { margin-top: 0px; margin-bottom: 0px; color: white }
div.leftbar { float: left; _background-color: #cccccc; width: 10%; text-align: center }

div.loginbody { clear: none }

div.leftbar a { text-decoration: none }
div.leftbar a:hover { text-decoration: underline }
div.leftbar img { border: 0px }

div.leftbar p, div.leftbar h4 { margin-top: 3px; margin-bottom: 0px }

_div.body { _float: left; padding: 10px }

div.body tr th,
div.body tr td { text-align: left; vertical-align: top }

_div.body tr th { background-color: #555; color: white }
_div.body tr td.msgbody { background-color: #eee }
_div.body tr.maillist_odd { background-color: #ddd }
_div.body tr.maillist_even { background-color: #eee }


div.heading1 { text-align: center }
div.heading1 p { margin-top: 0px; margin-bottom: 0px; padding: 0px }

address { clear: both }

table.login {
    text-align: center;
    clear: none;
    border: none;
    background: none;
    width: 100%;
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-left: 0px;
}
table.login tr th, table.login tr td { text-align: center; border: 0px }
table.maillist tr.maillist_odd { background-color: red }

/******************************* formatting links *****************************/

.JUSTIFY  { text-align: justify }
.TBAR     { color: #505050; font-size: 8pt; font-family: Geneva, Arial, Verdana; text-decoration: none; }
th        { color: #000000; background-color: #000050 }
.butClass { border: 1px solid; border-color: #D6D3CE; }

/******************* css used by all of the control panel *********************/

/******************************* Colour Palette *******************************/

/* #CCC      grey */
/* #E8EBF0   light grey */
/* #7F7F7F   darkish grey */
/* #555555   darker grey */
/* #FF0000   red */
/* #008000   green */
/* #FFF      white */
/* #0000FF   blue */
/* #000080   navy blue */

/********************************* General CSS ********************************/

html, body, p, a, input, form, table,
    td, th, span, select { font-size: 12px; font-family: sans-serif }

body {
    font-family: arial;
    _text-align: center;
}

div.body {
    clear: both;
    border: solid 1px #CCC;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

div.error {
    margin-top: 7px;
    margin-bottom: 7px;
    color: #FF0000;
}

div.message {
    margin-top: 7px;
    margin-bottom: 7px;
    color: #009900;
}

div.copyrights { margin-top: 20px }

span.highlight { color: #008000 }

span.lowlight { color: #7F7F7F }

div.section {
    width: 95%;
    margin: 5px auto;
    border: 1px solid #555555;
}

div.tip {
    width: 95%;
    color: #FFF;
    background-color: #BBB;
    margin: 0 auto;
}

div.spacer {
    clear: both;
    border: none;
    margin: 30px 0;
}

div.box {
    width: 400px;
    margin: 5px auto;
    padding: 5px 5px 8px 5px;
    background-color: #E8EBF0;
}

div.text { margin: 2px 7px 2px 7px }

div.changeuser {
    border-bottom: 1px solid #CCCCCC;
    margin: 0 auto 5px auto;
    padding: 3px 10px 2px 10px;
    text-align: center;
}

div.kill {
    padding-right: 2px;
    text-align: right;
}

img { border: none }

img.icon { padding-right: 15px }

p {
    width: 95%;
    margin-left:  auto;
    margin-right: auto;
}

/********************************** headings **********************************/

div.mainheading {
    clear: both;
}

span.title {
    font-weight: bold;
    font-size: 18px;
}

div.heading1, div.heading2, div.heading3, div.heading4 {
    font-weight: bold;
    padding: 3px 0px 2px 0px;
}

div.heading1 {
    font-size: 120%;
    background-color: #E8EBF0;
}

div.heading2 {
    font-size: 105%;
    background-color: #E8EBF0;
}

div.heading3 {
    font-style: italic;
    padding: 5px 0px 2px 0px;
}

div.heading4 {
    background-color: #CCCCCC;
    margin: 5px auto 0 auto;
    padding: 5px 10px 3px 10px;
}

div.heading5 {
    background-color: #CCCCCC;
    margin: 15px auto 6px auto;
    padding: 3px 10px 2px 10px;
}

/************************* form and alignment settings ************************/

div.row {
    clear: both;
    padding-top: 7px;
}

div.row span.left {
    float: left;
    text-align: right;
    width: 47%;
}

div.row span.right {
    float: right;
    text-align: left;
    width: 52%;
}

div.form {
    clear: both;
    width: 600px;
    padding-top: 4px;
    margin: 5px auto;
}

div.form span.left {
    padding-top: 3px;
    float: left;
    width: 22%;
    text-align: right
}

div.form span.right {
    float: right;
    width: 77%;
    text-align: left;
}

form.search {
    margin-top: 10px;
}

form.search input {
    text-align: left;
}

input.submit1 { float: left }

input.submit2 { float: right; }

input.inline {
    clear: none;
    display: inline;
    margin-right: 5px;
}

/**************************** list used in help files *************************/

div.list {
    clear: both;
    width: 95%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

div.list li { font-weight: bold }

div.list a { font-weight: normal }

/******************************* table formatting *****************************/

table {
    clear: both;
    width: 95%;
    border: 1px solid #CCC;
    margin: 5px auto 5px auto;
    text-align: left;
    background-color: #E8EBF0;
}

table th, table td {
    padding: 2px 2px 2px 5px;
    border: 1px solid #CCC;
    background-color: #FFF;
}

table th { font-style: italic }

table td.blank {
    height: 1.5em;
    border: none;
    background-color: #E8EBF0;
}

table.info {
    margin: 15px auto 5px auto;
    border-collapse: collapse;
    border: none;
    text-align: center;
}

table.info th, table.info td { border: none }

table.info td.text {
    padding: 0 10px 10px 10px;
    text-align: justify;
}

table.info input { text-align: center }

table.rules {
    width: 95%;
    border-collapse: collapse;
    border: 1px solid #555555;
}

table.rules th, table.rules td { border: 1px solid #555555 }

.hidden {
    border: none;
    background: none;
    width: 100%;
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

/******************************* formatting links *****************************/

a { color: #0000FF }

a:hover { color: #000080 }

/*********************************** end css **********************************/

/***************************** css for navi-bar *******************************/

/***************************** primary navi-bar *******************************/

.navlist {
    border-bottom: 1px solid #CCC;
    margin: 0;
    margin-top: 5px;
    padding-bottom: 19px;
    padding-left: 10px;
}

.navlist ul, .navlist li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.navlist a:link, .navlist a:visited {
    background: #E8EBF0;
    border: 1px solid #CCC;
    color: #666;
    float: left;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    margin-right: 8px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
}

.navlist a:link.current, .navlist a:visited.current {
    background: #FFF;
    border-bottom: 1px solid #FFF;
    color: #000;
}

.navlist a:hover { color: rgb(0,0,255); }

.navlist ul a:hover { color: rgb(0,0,255) !important; }


/*************************** spamassassin navi-bar ****************************/

.navcontainer2 ul {
    padding: .2em 0 .3em 0;
    margin: 0;
    list-style-type: none;
    background-color: #036;
    color: #FFF;
    width: 100%;
    font: normal 90% arial, helvetica, sans-serif;
    text-align: center;
    margin-top: 3px;
}

.navcontainer2 li { display: inline; }

.navcontainer2 li a {
    text-decoration: none;
    background-color: #036;
    color: #FFF;
    padding: .2em .5em;
}

.navcontainer2 li a:hover {
    background-color: #369;
    color: #FFF;
}

.navlist2 li a#current2 { background-color: #006699 }

/*********************************** end css **********************************/