body {
 margin: 0px;
 padding: 0px;
 color: #AAAAAA;
 background: black;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 height: 100%;
}

body, td, th, table, div, p, input, select, a, textarea {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  empty-cells: show;
}

.logo {
  background: url("../images/toplogo.jpg") transparent no-repeat left top;
  height: 66px;
}

.topbar {
  background: url("../images/topline.jpg") #999999 repeat-x left bottom;
  height: 22px;
}

.topbartext {
  background: url("../images/topline_light.jpg") transparent repeat-x left bottom;
  color: #CCC;
  font-size: 10px;
  padding-left: 5px;
  padding-right: 5px;
  wrap: no-wrap;
}

.topbarsep {
  background: transparent;
  width: 50%;
  height: 22px;
}

.topbarsepstart {
  background: url("../images/topline_right_sep.jpg") transparent no-repeat right top;
  padding: 0px 40px 0px 40px;
}

.topbarsepend {
  background: url("../images/topline_left_sep.jpg") transparent no-repeat left top;
  padding: 0px;
  padding: 0px 40px 0px 40px;
}

.topbarlogout,
.topbarlogouthover {
  background: url("../images/topbar_logout_bg.gif") #F00 repeat-x right top;
  wrap: no-wrap;
  font-size: 10px;
  padding-left: 5px;
  padding-right: 10px;
}

.topbarlogout {
  background: url("../images/topbar_logout_bg.gif") #F00 repeat-x right top;
}

.topbarlogouthover {
  background: url("../images/topbar_logout_bg_hover.gif") #F00 repeat-x right top;
}

.topbarlogout a,
.topbarlogouthover a,
.topbarlogout a:hover,
.topbarlogouthover a:hover {
  color: #ccc;
  text-decoration: none;
  display: block;
}

.pagecontent {
  background: transparent;
  padding: 15px;
  padding-bottom: 5px;
}


/*
 *
 * Tabs
 *
 */

.tabsbar {
  background: url("../images/tabs/tab_line.gif") top;
  border: 0px solid black;
  float: left;
  margin: 0px;
  padding: 0px;
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  width: 100%;
}

.tab a,
.tabhigh a,
.tabhighhover a,
.tabactive a,
.tabhover a {
  padding: 7px;
  padding-bottom: 4px;
  margin: 0px;
  display: block;
  white-space: nowrap;
}

.tab,
.tabhover,
.tabactive,
.tabhigh,
.tabhighhover {
  float: left;
  margin: 2px 1px 0px 1px;
  padding: 0px;
  line-height: normal;
}

/* tab color definitions */

.tab {
  background: url("../images/tabs/tab_inactive.gif") no-repeat right top;
}

.tabsbar .tab a,
.tabsbar .tab a:visited,
.tabsbar .tab a:hover {
  background: url("../images/tabs/tab_inactive_lb.gif") no-repeat left top;
  color: #aaa;
  text-decoration: none;
}

.tabactive {
  background: url("../images/tabs/tab_active.gif") no-repeat right top;
}

.tabsbar .tabactive a,
.tabsbar .tabactive a:visited,
.tabsbar .tabactive a:hover {
  background: url("../images/tabs/tab_active_lb.gif") no-repeat left top;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
}

.tabhover {
  background: url("../images/tabs/tab_hover.gif") no-repeat right top;
}

.tabsbar .tabhover a,
.tabsbar .tabhover a:visited,
.tabsbar .tabhover a:hover {
  background: url("../images/tabs/tab_hover_lb.gif") no-repeat left top;
  color: #CCCCCC;
  text-align: center;
  text-decoration: none;
}

.tabhigh {
  background: url("../images/tabs/tab_inactive.gif") no-repeat right top;
}

.tabsbar .tabhigh a,
.tabsbar .tabhigh a:visited,
.tabsbar .tabhigh a:hover {
  background: url("../images/tabs/tab_inactive_lb.gif") no-repeat left top;
  color: #FF3300;
  font-weight: bold;
  text-decoration: none;
}

.tabhighhover {
  background: url("../images/tabs/tab_hover.gif") no-repeat right top;
}

.tabsbar .tabhighhover a,
.tabsbar .tabhighhover a:visited,
.tabsbar .tabhighhover a:hover {
  background: url("../images/tabs/tab_hover_lb.gif") no-repeat left top;
  color: #FF3300;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}


/* <table> */
table {
  border: 1px #39444C solid;
}

table.openend {
  border-width: 1px 1px 0px 1px;
}

/* div scrollboxes */
div.scrollbox {
 max-height: 250px;
 overflow:auto;
 width:100%;
 border: 1px #39444C dashed;
 background-color: transparent;
}

div.scrollboxtop {
 border: 0px;
 width:100%;
 height: 25px;
 text-align: center;
 vertical-align: middle;
 font-size: 15px;
 font-variant:small-caps;
 font-weight: bold;
 background-color: transparent;
}

td {
  font-size: 11px;
  color: #CCCCCC;
  background-color:#09151E;
  border: 0px #39444C solid;
}

td.alt,
td.toplinealt {
  background-color:#0D1E2B;
}

td.highlight {
  background-color:#0E202E;
}

td.topline,
td.toplinealt {
  border-top-width: 1px;
}

th {
  font-size: 12px;
  color: #BFBFBF;
  font-weight: bold;
  border: 0px #39444C solid;
  border-bottom-width: 1px;
  background: url("../images/th_top.png") #213042;
  height: 25px;
  padding: 2px;
}

th.bottom { font-size: 12px; color: #C2C9CF; font-weight: normal; border-width: 1px 0px 0px 0px; }

th.subheader, th.submiddleheader,
th.subsubheader, th.subsubmiddleheader,
th.subsubsubheader, th.subsubsubmiddleheader {
  height: auto;
  background: url("../images/th_sub.png");
}

th.subheader, th.submiddleheader {
  font-size: 11px;
  color: #C0C6CC;
  font-weight: normal;
  background-color: #1C2938;
}

th.subsubheader, th.subsubmiddleheader {
  font-size: 10px;
  color: #B4BABF;
  font-weight: normal;
  background-color: #17212E;
}

th.subsubsubheader, th.subsubsubmiddleheader {
  font-size: 9px;
  color: #B4BABF;
  font-weight: normal;
  background-color: #141D29;
}

th.submiddleheader,
th.subsubmiddleheader,
th.subsubsubmiddleheader {
  border-top-width: 1px;
}


th.leftheader,
th.leftmiddleheader,
th.subleftheader,
th.subleftmiddleheader,
th.subsubleftheader,
th.subsubleftmiddleheader,
th.subsubsubleftheader,
th.subsubsubleftmiddleheader,
th.rightheader,
th.subrightheader,
th.subrightmiddleheader,
th.subsubrightheader,
th.subsubrightmiddleheader,
th.subsubsubrightheader,
th.subsubsubrightmiddleheader {
  height: auto;
  font-weight: normal;
  background: url("../images/th_leftright.png") #0D1E2B;
  padding-left: 3px;
  padding-right: 3px;
  border-bottom-width: 0px;
}

th.leftheader, th.leftmiddleheader,
th.subleftheader, th.subleftmiddleheader,
th.subsubleftheader, th.subsubleftmiddleheader,
th.subsubsubleftheader, th.subsubsubleftmiddleheader {
  border-right-width: 1px;
  text-align:left;
}

th.rightheader, th.rightmiddleheader,
th.subrightheader, th.subrightmiddleheader,
th.subsubrightheader, th.subsubrightmiddleheader,
th.subsubsubrightheader, th.subsubsubrightmiddleheader {
  border-left-width: 1px;
  text-align:right;
}

th.rightheader, th.rightmiddleheader,
th.leftheader, th.leftmiddleheader {
  font-size: 12px;
}

th.subrightheader, th.subrightmiddleheader,
th.subleftheader, th.subleftmiddleheader {
  font-size: 11px;
}

th.subsubrightheader, th.subsubrightmiddleheader,
th.subsubleftheader, th.subsubleftmiddleheader {
  font-size: 10px;
}

th.subsubsubrightheader, th.subsubsubrightmiddleheader,
th.subsubsubleftheader, th.subsubsubleftmiddleheader {
  font-size: 9px;
}

th.subleftmiddleheader,
th.subsubleftmiddleheader,
th.subsubsubleftmiddleheader {
  border-left-width: 1px;
  border-left-style: solid;
}

th.subrightmiddleheader,
th.subsubrightmiddleheader,
th.subsubsubrightmiddleheader {
  border-right-width: 1px;
  border-right-style: solid;
}

.numbers { color: #EEEEEE; text-align: right}
.centernumbers { color: #EEEEEE; text-align: center}
.big { font-size: 14px; color: #E6E6E6; font-weight:bolder; background-color:#09151E; }

a { text-decoration: none; color: #4c80bf; }
a:hover { text-decoration: underline; color: #DDDDDD;}

th a { color: #bbb; }
th a:hover { color: #ddd; }

input { font-size: 11px; color: #CCCCCC; background-color: #08121A; border: 1px #39444C solid; text-align: left; }
input.button { color: #CCCCCC; background-color: #102333; border: 1px solid; text-align: center ; border-color: #39444C #262E33 #262E33 #39444C; }
input.buttonred { color: #CCCCCC; background-color: #40150a; border: 1px solid; text-align: center ; border-color: #591d0e #4d190c #4d190c #591d0e; }

input.button:hover,
input.buttonactive {
  color: #CCCCCC;
  background-color: #213042;
  text-align: center;
}

input.buttonactive {
  border-color: #262E33 #39444C #39444C #262E33;
}

input.buttonhover {
  border-color: #39444C #262E33 #262E33 #39444C;
}

input.checkbox {
  border: 0;
  background: 0;
  color: 0;
  margin: 0;
  padding: 0;
}

textarea { font-size: 11px; color: #CCCCCC; background-color: #08121A; border: 1px solid; border-color: #39444C #262E33 #262E33 #39444C; scrollbar-base-color:#221A0D; scrollbar-3dlight-color:#08121A; scrollbar-arrow-color:#AAAAAA; scrollbar-darkshadow-color:#08121A; scrollbar-face-color:#102333; scrollbar-highlight-color:#39444C; scrollbar-shadow-color:#262E33; scrollbar-track-color:#08121A;}
select { font-size: 11px; color: #CCCCCC; background-color: #08121A; border: 1px #39444C solid; text-align: left;}

/* Failed Logins Warning */
table.warning { border: 2px #4D0F00 solid; }
th.warning { font-size: 12px; color: #BFBFBF; font-weight: bold; border-bottom: 1px #4D0F00 solid; background: #440000;}
th.subwarning { font-size: 11px; color: #C0C6CC; font-weight: normal; border-bottom: 1px #4D0F00 solid; background: #290000;}


/* top title / page description */
td.top { font-size: 11px; color: #CCCCCC; background-color:#000000;}
th.top { font-size: 16px; color: #AAAAAA; font-weight: bold; border-bottom: 2px #39444C dashed; background: #000000;}

/* navbar/sidebar style */
table.navbar {
  border: 0px #39444C solid;
  border-width: 0px 1px 0px 1px;
  height: 100%;
}

th.navbar {
  font-size: 12px;
  height: auto;
  color: #C2C9CF;
  font-weight: normal;
  border-width: 1px 0px 1px 0px;
  background: url("../images/th_top.png") #213042;
}
a.navbar { text-decoration: none; color: #AAA;}
a.navbar:hover { text-decoration: underline; color: white;}

td.navbar a.navbar, td.navbarh a.navbar {
  display: block;
  padding: 0px 2px 0px 2px;
}

td.navbarh {
  background: #112233;
  font-size: 11px;
  color: #FF3300;
}

td.navbar {
  font-size: 11px;
  color: #AAAAAA;
  background:#09151E;
}

td.navbarl {
  border-right: 1px solid #39444C;
  background: url("../images/th_nav_left_right.png");
}

td.navbarlh {
  border-right: 1px solid #39444C;
  background: url("../images/th_nav_left_right.png");
}

td.navbarr {
  border-left: 1px solid #39444C;
  background: url("../images/th_nav_left_right.png");
}

td.navbarrh {
  border-left: 1px solid #39444C;
  background: url("../images/th_nav_left_right.png");
}

/* New Mail Link style */
a.NewMailNormal { font-size: 26px; font-weight: normal; text-decoration: none; color: #AAAAAA; }
a.NewMailNormal:hover { font-size: 26px; font-weight: normal; text-decoration: none; color: #DDDDDD; }

a.NewMailHigh { font-size: 26px; font-weight: bold; text-decoration: none; color: #FF3300; }
a.NewMailHigh:hover { font-size: 26px; font-weight: bold; text-decoration: none; color: #DDDDDD; }


/* MBoard style */
.mbnew { color: #DDDDDD; font-weight: bold; }
.mbold { color: #CCCCCC; font-weight: normal; }
.mbcurrent { color: #d00; font-weight: normal; text-decoration: underline; }
.mbnewsign { font-size: 10px; color: #d00; }
.mbnewdate { color: #DD0000; }
.mbhighlight { color: #EEEEEE; font-weight: normal; }

.mboardnew { color: #d00; }
.mboardold {}

.Alt a.mboardold,
.Alt a.mboardnew {
  text-decoration: underline;
  color: white;
}

/* MBoardslist Category Box Frame */
.mblistcatframetop,
.mblistcatframeright,
.mblistcatframebottom,
.mblistcatframeleft {
  border: #39444C solid;
  padding: 0px 0px 0px 0px;
  background-color: transparent;
}

.mblistcatframetop {
  border-width: 0px 0px 1px 0px;
}

.mblistcatframeright {
  border-width: 0px 0px 0px 1px;
}

.mblistcatframebottom {
  border-width: 1px 0px 0px 0px;
}

.mblistcatframeleft {
  border-width: 0px 1px 0px 0px;
}

td.AltTopline {
 background-color: #0E202E;
 border-style: solid;
 border-width: 1px 0px 0px 0px;
 border-color: #39444C;
}

td.mbGrid,
.Grid {
 border-style: solid;
 border-width: 0px 0px 0px 1px;
 border-color: #39444C;
 padding: 0px 5px 0px 5px;
}

td.mbGridAlt,
.GridAlt {
 background-color: #0E202E;
 border-style: solid;
 border-width: 0px 0px 0px 1px;
 border-color: #39444C;
 padding: 0px 5px 0px 5px;
}

td.mbGridtopline,
.GridTopline {
 border-style: solid;
 border-color: #39444C;
 border-width: 1px 0px 0px 1px;
 padding: 0px 5px 0px 5px;
}

td.mbGridAlttopline,
.GridAltTopline {
 background-color: #0E202E;
 border-style: solid;
 border-width: 1px 0px 0px 1px;
 border-color: #39444C;
 padding: 0px 5px 0px 5px;
}

/* Different Colors */
.bgred { background-color:#6E151E; }
.bggreen { background-color:#09621E; }
.bgorange { background-color:#AF6C1A; }

/* Newsbox */
.newsbox {
  padding: 5px;
  font-size: 12px;
}

.news {
  border-top-width: 1px;
  padding: 5px;
}