/*
 *
 *   Ok, making your life a bit easier, here come the most important
 *   styles for mboard front page
 *

 */

/* This div surrounds whole mboard - you can use it, to give it special background or so */
.deboard {
  padding: 0px;
  margin: 0px;
  border: 0px;
  background: transparent;
}

/* Correct font-family for everyone */
.deboard th, 
.deboard td,
.deboard table,
.deboard input,
.deboard select,
.deboard textarea,
.deboard a {
  font-family: "Tahoma", Arial, Helvetica, sans-serif;
}

/* MBoard style */

/* color for thread subject ond mboard view when there is a new message */
.deboard .mbnew {
  color: #33BBFF;
  font-weight: bold;
}

.deboard .wide,
.deboard textarea {
	width: 100%;
}

/* same as above, but no new message */
.deboard .mbold {
  color: #0099FF;
  font-weight: normal;
}

/* the little NEW sign */
.deboard .mbnewsign {
  color: #DD0000;
  font-family: Arial;
  font-size: 10px;
}

/* style of last post date, when there is a new message */
.deboard .mbnewdate {
  color: #DD0000;
}

/* style of mboard name on mboards list, when tehre is a new message */
.deboard .mbboardnew {
  color: #55CCFF;
}

/* right side columns on message list */
.deboard td.mbGrid {
  border-style: solid;
  border-width: 0px 0px 0px 1px;
  border-color: #363A47;
  padding: 0px 5px 0px 5px;
}
 
/* alternative colors for right side columns on message list */
.deboard td.mbGridAlt {
  border-style: solid;
  border-width: 0px 0px 0px 1px;
  border-color: #363A47;
  padding: 0px 5px 0px 5px;
  background-color: #0E202E;
}

/* Top table with mboard name/category and description */
.deboard th.mbtop {
  border-bottom: 1px solid #363A47;
  padding-bottom: 2px;
  background: transparent;
  font-size: 14px;
}

.deboard td.mbtop {
  padding-top: 5px;
  background: transparent;
  font-align: justify;
}

/* main table */
.deboard table {
  border: 1px #363A47 solid;
}


/* default td style */
.deboard td {
  color: #CCCCCC;
  background-color: #09151E;
  font-size: 11px;
  border-color: #363A47;
  border: 0px #363A47 solid;
  font-weight: normal;
}

/* alt background color */
.deboard td.alt {
  background-color: #0F2231;
}

.deboard td.AltTopline {
  border-width: 1px 0px 0px 0px;
  background-color: #0F2231;
}

/* Default table header */
.deboard th {
  border: 0px #363A47 solid;
  border-width: 0px 0px 1px 0px;
  color: #DEDEDE;
  background: #0E202E;
  font-size: 12px;
  font-weight: bold;
}

/* <th> on left side ... e.g. @ "Add New Message" */
.deboard th.leftheader {
  border-bottom: 0px #363A47 solid;
  border-right: 1px #363A47 dashed;
  padding-left: 3px;
  padding-right: 3px;
  color: #BFBFBF;
  background: #0B1A24;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
}

/* <th> at end of table ... like for mboard name and version */
.deboard th.bottom {
  border-bottom: 0px #363A47 solid;
  border-top: 1px #363A47 solid;
  color: #C2C9CF;
  background: #0A1720;
  font-size: 12px;
  font-weight: normal;
}

/*
 *
 *  There are many more styles, but they are not that important
 *
 */

/* current message reading in tree-thread */
.deboard .mbcurrent {
  color: #EEEEEE;
  font-weight: normal;
  text-decoration: underline;
}

/* used to highlight author, post stamp etc on message view */
.deboard .mbhighlight {
  color: #EEEEEE;
  background-color: #0E202E;
  font-weight: normal;
}

.deboard th.subheader {
  color: #C0C6CC;
  background: #0F2231;
  font-size: 11px;
  font-weight: normal;
}

.deboard th.subsubheader {
  color: #B4BABF;
  background: #0D1D29;
  font-size: 10px;
  font-weight: normal;
}

.deboard th.subsubsubheader {
  color: #B4BABF;
  background: #0A1720;
  font-size: 9px;
  font-weight: normal;
}

/* table headers that are between two <td>-tags */
.deboard th.submiddleheader {
  border-width: 1px 0px 1px 0px;
  color: #C0C6CC;
  background: #0F2231;
  font-size: 11px;
  font-weight: normal;
}

.deboard th.subsubmiddleheader {
  border-width: 1px 0px 1px 0px;
  color: #B4BABF;
  background: #0D1D29;
  font-size: 10px;
  font-weight: normal;
}

.deboard th.subsubsubmiddleheader {
  border-width: 1px 0px 1px 0px;
  color: #B4BABF;
  background: #0A1720;
  font-size: 9px;
  font-weight: normal;
}





.deboard th.subleftheader {
  border-bottom: 0px #363A47 solid;
  border-right: 1px #363A47 dashed;
  padding-left: 3px;
  padding-right: 3px;
  color: #BFBFBF;
  background: #0B1A24;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
}

.deboard th.subsubleftheader {
  border-bottom: 0px #363A47 solid;
  border-right: 1px #363A47 dashed;
  padding-left: 3px;
  padding-right: 3px;
  color: #BFBFBF;
  background: #0B1A24;
  font-size: 10px;
  font-weight: normal;
  text-align: left;
}

.deboard th.subsubsubleftheader {
  border-bottom: 0px #363A47 solid;
  border-right: 1px #363A47 dashed;
  padding-left: 3px;
  padding-right: 3px;
  color: #BFBFBF;
  background: #0B1A24;
  font-size: 9px;
  font-weight: normal;
  text-align: left;
}

/* same as normal left header but with a line at top */
.deboard th.leftmiddleheader {
  border-left: 1px #363A47 solid;
  border-bottom: 0px #363A47 solid;
  border-right: 1px #363A47 dashed;
  padding-left: 3px;
  padding-right: 3px;
  color: #BFBFBF;
  background: #0B1A24;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
}

.deboard th.subleftmiddleheader {
  border-left: 1px #363A47 solid;
  border-bottom: 0px #363A47 solid;
  border-right: 1px #363A47 dashed;
  padding-left: 3px;
  padding-right: 3px;
  color: #BFBFBF;
  background: #0B1A24;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
}

.deboard th.subsubleftmiddleheader {
  border-left: 1px #363A47 solid;
  border-bottom: 0px #363A47 solid;
  border-right: 1px #363A47 dashed;
  padding-left: 3px;
  padding-right: 3px;
  color: #BFBFBF;
  background: #0B1A24;
  font-size: 10px;
  font-weight: normal;
  text-align: left;
}

.deboard th.subsubsubleftmiddleheader {
  border-left: 1px #363A47 solid;
  border-bottom: 0px #363A47 solid;
  border-right: 1px #363A47 dashed;
  padding-left: 3px;
  padding-right: 3px;
  color: #BFBFBF;
  background: #0B1A24;
  font-size: 9px;
  font-weight: normal;
  text-align: left;
}

/* same for right side */
.deboard th.rightheader {
  border-bottom: 0px #363A47 solid;
  border-left: 1px #363A47 dashed;
  padding-left: 3px;
  padding-right: 3px;
  color: #BFBFBF;
  background: #0B1A24;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
}

.deboard th.subrightheader {
  border-bottom: 0px #363A47 solid;
  border-left: 1px #363A47 dashed;
  padding-left: 3px;
  padding-right: 3px;
  color: #BFBFBF;
  background: #0B1A24;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
}

.deboard th.subsubrightheader {
  border-bottom: 0px #363A47 solid;
  border-left: 1px #363A47 dashed;
  padding-left: 3px;
  padding-right: 3px;
  color: #BFBFBF;
  background: #0B1A24;
  font-size: 10px;
  font-weight: normal;
  text-align: left;
}

.deboard th.subsubsubrightheader {
  border-bottom: 0px #363A47 solid;
  border-left: 1px #363A47 dashed;
  padding-left: 3px;
  padding-right: 3px;
  color: #BFBFBF;
  background: #0B1A24;
  font-size: 9px;
  font-weight: normal;
  text-align: left;
}

.deboard th.rightmiddleheader {
  border-right: 1px #363A47 solid;
  border-bottom: 0px #363A47 solid;
  border-left: 1px #363A47 dashed;
  padding-left: 3px;
  padding-right: 3px;
  color: #BFBFBF;
  background: #0B1A24;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
}

.deboard th.subrightmiddleheader {
  border-right: 1px #363A47 solid;
  border-bottom: 0px #363A47 solid;
  border-left: 1px #363A47 dashed;
  padding-left: 3px;
  padding-right: 3px;
  color: #BFBFBF;
  background: #0B1A24;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
}

.deboard th.subsubrightmiddleheader {
  border-right: 1px #363A47 solid;
  border-bottom: 0px #363A47 solid;
  border-left: 1px #363A47 dashed;
  padding-left: 3px;
  padding-right: 3px;
  color: #BFBFBF;
  background: #0B1A24;
  font-size: 10px;
  font-weight: normal;
  text-align: left;
}

.deboard th.subsubsubrightmiddleheader {
  border-right: 1px #363A47 solid;
  border-bottom: 0px #363A47 solid;
  border-left: 1px #363A47 dashed;
  padding-left: 3px;
  padding-right: 3px;
  color: #BFBFBF;
  background: #0B1A24;
  font-size: 9px;
  font-weight: normal;
  text-align: left;
}

/* default link color */
.deboard a {
  color: #0099FF;
  text-decoration: none;
}

.deboard a:hover {
  color: #33BBFF;
  text-decoration: underline;
}

/* <input> ... textareas and stuff like this */
.deboard input {
  border: 1px #363A47 solid;
  color: #CCCCCC;
  background-color: #08121A;
  font-size: 10px;
  text-align: left;
  margin: 1px;
}

/* normal for text-inputfields */
.deboard input.left {
  border: 1px #363A47 solid;
  color: #CCCCCC;
  background-color: #08121A;
  font-size: 12px;
  text-align: left;
}

/* Button class */
.deboard input.button {
  border: 1px solid;
  border-color: #363A47 #262E33 #262E33 #363A47;
  color: #CCCCCC;
  background-color: #102333;
  text-align: center;
  font-size: 10px;
}

/* Warning button class */
.deboard input.buttonred {
  border: 1px solid;
  border-color: #4D3A1D #403118 #403118 #4D3A1D;
  color: #CCCCCC;
  background-color: #221A0D;
  text-align: center;
}

/* Checkbox */
.deboard input.checkbox {
  border: 1px #363A47 solid;
  color: #CCCCCC;
  background-color: #09151E;
  font-size: 10px;
}

/* textarea */
.deboard textarea {
  border: 1px solid;
  border-color: #363A47 #262E33 #262E33 #363A47;
  color: #CCCCCC;
  background-color: #08121A;
  font-size: 12px;
  scrollbar-base-color: #221A0D;
  scrollbar-3dlight-color: #08121A;
  scrollbar-arrow-color: #AAAAAA;
  scrollbar-darkshadow-color: #08121A;
  scrollbar-face-color: #102333;
  scrollbar-highlight-color: #363A47;
  scrollbar-shadow-color: #262E33;
  scrollbar-track-color: #08121A;
}

/* <select> */
.deboard select {
  border: 1px #363A47 solid;
  color: #CCCCCC;
  background-color: #08121A;
  font-size: 11px;
  text-align: left;
}

/*
 *   You shouldn't change anything below here
 */
 
/* A line at top ... mainly used for button bars at end of tables */
.deboard td.topline {
  border-top-width: 1px;
}

 /* style for <pre>-tag and tables with code in it */
 .deboard .pre,
 .deboard pre {
   font-family: "Courier New", Courier;
   font-size: 11px;
}
 
 /* Table with an open end */

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

 
 /* Invisible tables, td, th, etc */
 .deboard .invisible {
   border: 0px;
   background: transparent;
   padding: 0px;
   margin: 0px;
 }
 
 .deboard td.invisintable {
   background-color: transparent;
 }
 
 .deboard td.invisinsbtable {
   background-color: transparent;
}

/* Tabs */
.deboard .tab {
  background: url("images/tabs/tab_inactive.gif") no-repeat right top;
  color: #666666;
}

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

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

.deboard .tabactive {
  background: url("images/tabs/tab_active.gif") no-repeat right top;
  color: #FFFFFF;
  font-weight: bold;
}

.deboard .tabhigh {
  background: url("images/tabs/tab_inactive.gif") no-repeat right top;
  color: #33BBFF;
  font-weight: bold;
}

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

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

.deboard .tabsbar {
  border-bottom: 1px #363A47 solid;
  float: left;
  padding: 0px;
  width: 100%;
  margin: 10px;
}

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

.deboard .tabsbar .tabactive a,
.deboard .tabsbar .tabactive a:visited,
.deboard .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;
}

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

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

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