mailbag.css

* {
    padding : 0;
    margin : 0;
}
body {
    color : #000000;
    margin : 0;
    padding : 0;
    background : url('../images/bg.gif') repeat-y;
    background-position : center;
    background-color : #707070;
}
.clear {
    content : ".";
    display : block;
    height : 0;
    clear : both;
    visibility : hidden;
}
img {
    margin : 0;
    padding : 0;
    border : 0;
}
img#wpstats {
    display : none;
}
#mainpage {
    width : 898px;
    margin : 0 auto;
    background : url('../images/mainpagebg.gif') repeat-y;
    padding-left : 1px;
    padding-right : 1px;
}
h1 {
    font : bold 22px/1em Tahoma, Geneva, Verdana, sans-serif;
    color : #FFF;
}
div.title {
    border : 1px #000;
    border-style : groove;
    width : 300px;
    background : url('../images/headerbg.gif') repeat;
    text-align : center;
    margin : 0 auto;
    padding-top : 8px;
    padding-bottom : 8px;
}
h2 {
    font : 14px Tahoma;
    color : #424141;
    margin : 0;
    padding : 0;
}
h3 {
    font : 14px Tahoma;
    color : #424141;
    margin : 0;
    padding : 0;
}
a:link, a:visited, a:active {
    color : #054474;
    text-decoration : none;
    outline : none;
    font-weight : bold;
}
a:hover {
    text-decoration : underline;
}
a:focus {
    outline : none;
}
.right-pic {
    border: 0px none ;
    float: right;
    padding-left: 5px;
    padding-bottom: 5px;
}
pre {
    width : 520px;
    border : 1px solid #cccccc;
    font-size : 12px;
    font-family : "Lucida Console", monospace, "Courier New", Courier;
    color : #000;
    margin : 10px 0 10px 0;
    padding : 5px;
    overflow : auto;
}
code, kbd, tt, samp {
    font-family : "Lucida Console", monospace, "Courier New", Courier;
    font-size : 12px;
    color : #000;
}
input {
    border : 1px solid #303030;
    vertical-align : middle;
}
#header {
    float : left;
    width : 898px;
    height : 132px;
    padding : 0;
    background : url('../images/headerbg.gif') repeat-x;
    margin : 0;
    padding : 0;
}
#header .logo {
    float : left;
    width : 388px;
    height : 132px;
}
#header .banner {
    float : right;
    padding-top : 36px;
    padding-right : 20px;
}
#content {
    font : 12px Verdana;
    color : #000000;
    float : left;
    text-align : justify;
    width : 770px;
    margin : 0;
    padding : 0;
    overflow : hidden;
    padding-top : 20px;
    padding-left : 9px;
    padding-right : 9px;
    padding-bottom : 10px;
}
.notes {
    float : left;
    width : 330px;
}
.entry {
    float : left;
    width : 530px;
    margin : 0;
    padding : 0;
}
.entry h2, .notes h2 {
    font : 16px Verdana;
    color : #054474;
    font-weight : bold;
    margin : 0;
    padding : 0;
    line-height : 34px;
    padding-top : 14px;
}
.entry h2 a, .entry h2 a:visited, .notes h2 a, .notes h2 a:visited {
    text-decoration : none;
    color : #054474;
    margin : 0;
    font-weight : bold;
}
.entry h2 a:hover, .entry h2 a:visited:hover, .notes h2 a:hover, .notes h2 a:visited:hover {
    text-decoration : none;
}
.entry h3, .notes h3 {
    font : 16px Verdana;
    color : #054474;
    font-weight : bold;
    line-height : 34px;
    padding-top : 14px;
}
.entry h4, .notes h4 {
    font : 11px Verdana;
    color : #808080;
    margin : 0;
    padding : 0;
    padding-left : 5px;
    padding-bottom : 10px;
    border-bottom : 1px dotted #b3b3b3;
    margin-bottom : 15px;
}
td h4 {
    font : 11px Verdana;
    color : #282a30;
    margin : 0;
    padding : 0;
    padding-left : 5px;
    padding-bottom : 10px;
    margin-top : 5px;
    margin-bottom : 5px;
}
.navigation {
    float : left;
    color : #303030;
    width : 636px;
    margin : 0;
    padding : 0;
    margin-left : 13px;
    margin-right : 19px;
    padding-top : 6px;
}
.navigation p {
    color : #303030;
    margin : 0;
}
.navigation a:hover {
    text-decoration : underline;
}
.alignright {
    float : right;
    margin-top : 10px;
}
.alignleft {
    float : left;
    margin-top : 10px;
}
#footer {
    color : #ffffff;
    clear : both;
    height : 0;
    margin : 0;
    padding : 0;
}
#footerbox {
    color : #ffffff;
    margin : 0;
    padding : 0;
    width : 898px;
    height : 35px;
    margin : 0 auto;
    background : #000000;
}
#footerbox p {
    color : #ffffff;
    margin : 0;
    font : 11px Verdana;
    color : #ffffff;
    font-weight : bold;
    line-height : 35px;
    text-align : center;
}
#footerbox a {
    color : #ffffff;
    font-weight : bold;
}
#footerbox a:hover {
    text-decoration : underline;
}
/* TABLES */
table, .button-link, input.rails {
    font-style : normal;
    font : normal 12px Tahoma, Geneva, Verdana, sans-serif;
    background : #FFF;
    vertical-align : top;
    width : 100%;
    margin : 5px 0 5px 0;
}
th, .button-link, input.rails {
    left : auto;
    right : 0;
    margin-top : -1px;
    border-top : 1px solid #1a1a1a;
    border-bottom : 1px solid #1a1a1a;
    border-left : 1px solid #4c4c4c;
    border-right : 1px solid #4c4c4c;
    height : 30px;
    color : #000;
    white-space : nowrap;
    text-align : center;
    font : bold 12px/1em Tahoma, Geneva, Verdana, sans-serif;
}
td {
    padding-left : 5px;
    padding-right : 5px;
}
td span {
    padding-left : 14px;
}
.button-link, .button-link a, input.rails, input.rails a {
    margin : 5px 0 0 0;
    height : 25px;
    text-align : center;
    width : 100px;
    margin-right : auto;
    margin-left : auto;
}
.button-link .adjust {
    margin : 5px 0 0 0;
}
input.rails {
    margin : 5px 0 0 0;
}
.button-link a, input.rails a {
    color : #FFF;
}
.tablemesh {
    color : #000;
    font-style : normal;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    background : #fff;
    vertical-align : top;
    width : 100%;
    margin : 5px 0 5px 0;
}
.tablemesh_title {
    text-align : center;
    color : #010b46;
    font-style : normal;
    font-size : 16px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
}
#content-small, #content-medium, #content-main, #table-small, #table-med, #table-large {
    position : inherit;
    white-space : nowrap;
    font-family : helvetica, sans-serif;
    margin : auto auto !important ;
}
#content-small {
    width : 400px !important ;
}
#content-medium {
    width : 600px !important ;
}
#content-main {
    width : 913px !important ;
}
#table-small {
    width : 595px !important ;
}
#table-med {
    width : 1010px !important ;
}
#table-large {
    width : 1220px !important ;
}
.rightAlign {
    text-align : right;
}
.centerAlign {
    text-align : center;
}
.leftAlign {
    text-align : left;
}
.rightAlignSm {
    text-align : right;
    font-size : 10px;
}
.centerAlignSm {
    text-align : center;
    font-size : 10px;
}
.leftAlignSm {
    text-align : left;
    font-size : 10px;
}
.smtable, .mdtable {
    position : inherit;
    text-align : center;
    white-space : nowrap;
    margin : 0 0 0 0;
    margin : auto auto !important ;
}
.smtable {
    width : 450px;
}
.mdtable {
    width : 550px;
}
.tablehead, .tablemesh {
    color : #000;
    font-style : normal;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    vertical-align : top;
    width : 100%;
    margin : 5px 0 5px 0;
}
.tablehead {
    background : #ddd;
}
.tablemesh {
    background : #fff;
}
.tablemesh_title {
    text-align : center;
    color : #010b46;
    font-style : normal;
    font-size : 16px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
}
.tablekey {
    color : #000;
    font-style : normal;
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    background : #f7fcfb;
    vertical-align : top;
    width : 100%;
    margin : 3px 0 3px 0;
}
.TrHover {
    background-color : #f8fdbb;
    color : #000000;
}
.tablehead td, .tableheadFixWidth td {
    padding : 4px 2px;
}
.tablehead th {
    max-width : 100px;
}
.tableheadFixWidth {
    color : #000;
    font-style : normal;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    background : #011430;
    margin : 5px 0 5px 0;
}
.tablehead a:link, .tablehead a:visited {
    color : #02029f;
}
.tablehead a:hover {
    color : #000;
}
.colhead {
    background : #012b43;
    color : #fff;
    font-weight : bold;
    font-size : 0.9em;
    font-family : Verdana, Arial, Helvetica, sans-serif;
}
.colheadC {
    background : #303030;
    color : #fff;
    font-weight : bold;
    font-size : 0.9em;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    text-align : center;
}
.colhead a:link, .colhead a:visited {
    color : #000;
}
.colhead a:hover {
    color : #fff;
}
.stathead {
    background : #000;
    color : #fff;
    font-weight : bold;
    font-size : 0.9em;
    font-family : Verdana, Arial, Helvetica, sans-serif;
}
.oddrow {
    background-color : #fff;
}
.evenrow {
    background-color : #ececec;
}
.nobr {
    white-space : nowrap;
}
/* Menu Start */
#menu {
    float : left;
    line-height : 1.2em;
    width : 898px;
}
ul.dropdown li ul li{
    background : #333333;
}
ul.dropdown, ul.dropdown li, ul.dropdown ul {
    list-style : none;
    margin : 0;
    padding : 0;
}
ul.dropdown {
    position : relative;
    z-index : 597;
    float : left;
}
ul.dropdown li {
    float : left;
    line-height : 1.2em;
    vertical-align : middle;
}
ul.dropdown li.hover, ul.dropdown li:hover {
    position : relative;
    z-index : 599;
    cursor : default;
}
ul.dropdown ul {
    visibility : hidden;
    position : absolute;
    top : 100%;
    left : 0;
    z-index : 598;
    width : 100%;
}
ul.dropdown ul li {
    float : none;
}
ul.dropdown ul ul {
    top : 1px;
    left : 99%;
}
ul.dropdown li:hover > ul {
    visibility : visible;
}
ul.dropdown li {
    padding : 5px;
}
ul.dropdown *.dir {
    padding-right : 30px;
    background-image : inherit;
    background-position : 100% 50%;
    background-repeat : no-repeat;
}
ul.dropdown ul *.dir {
    padding-right : 15px;
    background-position : 100% 50%;
    background-repeat : no-repeat;
}
ul.dropdown-vertical-rtl *.dir {
    padding-right : 15px;
    background-position : 0 50%;
}
ul.dropdown {
    font : bold 17px/normal Arial, Helvetica, sans-serif;
}
ul.dropdown li {
    background-color : #333;
    color : #fff;
}
ul.dropdown a:link, ul.dropdown a:visited {
    color : #fff;
    text-decoration : none;
}
ul.dropdown a:hover {
    border-top-color : #5db1e0 !important ;
    border-left-color : #5db1e0;
    background-color : #4498c7;
    color : #fff;
}
ul.dropdown ul a.dir:hover {
    background-color : #4698ca;
    color : #fff;
}
ul.dropdown a:active {
    background : #058acf repeat-x 0 0 !important ;
    color : #fff;
}
ul.dropdown ul {
    left : auto;
    right : 0;
    width : 150px;
    margin-top : -1px;
    border-top : 1px solid #1a1a1a;
    border-left : 1px solid #4c4c4c;
    font : bold 11px/1em Tahoma, Geneva, Verdana, sans-serif;
}
ul.dropdown ul li {
    background-color : #3a3a3a;
}
ul.dropdown ul ul {
    top : 0;
    right : auto;
    left : 100%;
    margin-top : 0;
    border-top : none;
    border-left : none;
    font-weight : normal;
}
ul.dropdown ul ul li {
    background-color : #4c4c4c;
}
ul.dropdown ul ul ul li {
    background-color : #595959;
}
ul.dropdown li a, ul.dropdown *.dir {
    border-style : solid;
    border-width : 1px;
    border-color : #404040 #1a1a1a #1a1a1a #505050;
}
ul.dropdown ul li a, ul.dropdown ul *.dir {
    border-color : #4a4a4a #242424 #242424;
    border-left : none;
}
ul.dropdown ul ul li a, ul.dropdown ul ul *.dir {
    border-color : #595959 #333 #333;
}
ul.dropdown ul ul ul li a, ul.dropdown ul ul ul *.dir {
    border-color : #767676 #404040 #404040;
}
ul.dropdown a, ul.dropdown span {
    display : block;
    padding : 5px 30px;
}
ul.dropdown li {
    padding : 0;
}
ul.dropdown ul a, ul.dropdown ul span {
    padding : 8px;
}
ul.dropdown *.dir {
    padding : 5px 30px;
}
ul.dropdown ul *.dir {
    padding : 8px 30px 8px 8px;
}
ul.dropdown ul a {
    width : 133px;
}
ul.dropdown ul a.dir {
    width : 111px;
}
ul.dropdown *.open {
    background-color : #3d3d3d;
}
ul.dropdown ul *.open {
    background-color : #4c4c4c;
    color : #fff;
}
ul.dropdown ul ul *.open {
    background-color : #595959;
    color : #fff;
}
ul.dropdown a.open:hover {
    background-color : #4698ca;
    color : #fff;
}
ul.dropdown ul a.open:hover {
    color : #fff;
}
ul.dropdown li:hover > *.dir {
    background-color : #3d3d3d;
}
ul.dropdown ul li:hover > *.dir {
    background-color : #4c4c4c;
}
ul.dropdown ul ul li:hover > *.dir {
    background-color : #595959;
    color : #fff;
}
ul.dropdown li:hover > a.dir:hover {
    background-color : #4698ca;
    color : #fff;
}
ul.dropdown ul li:hover > a.dir:hover {
    color : #fff;
}
/* Menu End */