/* general style */
body {
  color: #000000;
  background: #FFFFFF;
  font-size: 11px;
}

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

.logo {
  background: url("../images/top.jpg") #FFF no-repeat left top;
  height: 75px;
}

.topbar {
  background: url("../images/topbar.jpg") #999999 repeat-x left bottom;
  height: 21px;
  margin: 0px;
  padding: 0px;
}

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

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

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

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

.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: black;
  text-decoration: none;
  display: block;
}

.pagecontent {
  padding: 15px;
  padding-bottom: 5px;
  background: url("../images/background.png") #FAFAFA; /* repeat-x left bottom; */
  background-attachment: fixed;
  color: #000000;
}

a {
  /*color: #60463C;*/
  color: #842;
  text-decoration: none;
}

a:hover {
  /*color: #73351E;*/
  color: #421;
  text-decoration: underline;
}

a.neg {
  color: #DD2200;
  font-weight: bold;
  text-decoration: none;
}

a.neg:hover {
  color: #FF3300;
  font-weight: bold;
  text-decoration: underline;
}

a.pos {
  color: #00AA22;
  font-weight: bold;
  text-decoration: none;
}

a.pos:hover {
  color: #00DD33;
  font-weight: bold;
  text-decoration: underline;
}

/* New Mail Link style */
a.newmailhigh {
  color: #AB3000;
  font-size: 26px;
  font-weight: bold;
  text-decoration: none;
}

a.newmailhigh:hover {
  color: #73351E;
  font-size: 26px;
  font-weight: bold;
  text-decoration: none;
}

a.newmailnormal, a.newmailnormal:hover {
  font-size: 26px;
  font-weight: normal;
  text-decoration: none;
}

div.header {
  border-bottom: 1px #000000 solid;
  font-size: 14px;
  font-weight: bolder;
}

div.scrollbox {
  border: 1px #222222 dashed;
  width: 100%;
  max-height: 250px;
  overflow: auto;
  /*background: url("../images/test_background.gif") #FAFAFA repeat left top;*/
  background: #FAFAFA repeat-x left bottom;
}

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

/* formular styles */

input, select, textarea {
  font-size: 11px;
  color: #000000;
  margin: 1px;
  background-color: #FFFFFF;
}

input {
  border: 1px #222222 solid;
  border-color: #000 #888 #888 #000;
}

input.button,
button {
  border: 1px solid;
  border-color: #888 #000 #000 #888;
  background-color: #eee;
  text-align: center;
}

input.button:hover {
  background-color: #CCC;
}

input.buttonactive {
  border: 1px solid;
  border-color: #000 #888 #888 #000;
  background-color: #CCC;
  text-align: center;
}

input.buttonred {
  border: 1px solid;
  border-color: #e75 #311 #311 #e75;
  background-color: #AA3311;
  color: #FFFFFF;
  text-align: center;
}

input.buttonred:hover {
  background-color: #D31;
}

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

select {
  border: 1px #222222 solid;
  background-color: #FFFFFF;
  text-align: left;
}

textarea {
  border: 1px solid;
  border-color: #222222 #555555 #555555 #222222;
  background-color: #FFFFFF;
  width: 100%;
}

/* <table> styles */

table {
  border: 1px #222222 solid;
}

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

/* <td> styles */

td {
  border: 0px #555 solid;
  background-color: #F0F0F0;
  color: #000000;
  font-size: 11px;
  font-weight: normal;
  vertical-align: center;
}

td.alt,
td.highlight,
td.toplinealt {
  background-color: #DFDFDF;
}

td.mbGrid, td.Grid,
td.mbGridAlt, td.GridAlt,
td.mbGridAltTopline, td.GridAltTopline,
td.mbGridTopline, td.GridTopline {
  border-color: #555;
  border-style: solid;
  border-width: 0px 0px 0px 1px;
  padding: 1px 3px 1px 3px;
}

td.mbGridAlt,
td.GridAlt,
td.mbGridAltTopline,
td.GridAltTopline {
  background-color: #DFDFDF;
}

td.mbGridAltTopline,
td.GridAltTopline,
td.mbGridTopline,
td.GridTopline {
  border-width: 1px 0px 0px 1px;
}


/* <th> styles */

th a, th a:hover, th a:visited {
  color: #000000;
  text-decoration: none;
}

th {
  border-color: #222;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  background-image: url("../images/th_top.gif");
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  height: 22px;
}

th.bottom {
  border-width: 1px 0px 0px 0px;
  background: #CCCCCC;
  color: #000000;
  font-size: 11px;
  font-weight: normal;
  height: 20px;
}

th.subheader, th.submiddleheader,
th.subsubheader, th.subsubmiddleheader,
th.subsubsubheader, th.subsubsubmiddleheader {
  border-color: #555;
  font-weight: normal;
  height: auto;
  background-image: url("../images/th_sub.gif");
}

th.subheader, th.submiddleheader {
  font-size: 11px;
  background-color: #EEDDD0;
}

th.subsubheader, th.subsubmiddleheader {
  font-size: 10px;
  background-color: #F5E3D5;
}

th.subsubsubheader, th.subsubsubmiddleheader {
  font-size: 9px;
  background-color: #FFECDE;
}

th.middleheader,
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 {
  border-color: #555;
  font-weight: normal;
  background-image: url("../images/th_sub_left.jpg");
  background-color: #CCC;
  padding-left: 3px;
  padding-right: 3px;
  border-bottom-width: 0px;
  height: auto;
}

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

th.rightheader, th.rightmiddleheader,
th.subrightheader, th.subrightmiddleheader,
th.subsubrightheader, th.subsubrightmiddleheader,
th.subsubsubrightheader, th.subsubsubrightmiddleheader {
  border-left-width: 1px;
  border-left-style: solid;
  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;
}

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

td.navbar,
td.navbarh {
  margin: 2px;
  padding: 0px;
  /*padding-left: 2px;
  padding-right: 2px;*/
  background: #CCCCCC;
  color: #000000;
  font-size: 11px;
}

td.navbarh {
  background: #EEEEEE;
  color: #73351E;
}

a.navbar {
  color: #000000;
  padding: 1px 5px 1px 5px;
  text-decoration: none;
}

a.navbar:hover {
  color: #73351E;
}

td.navbar a.navbar, td.navbarh a.navbar {
  display: block;
}

td.navbarl {
  border-right: 1px solid #000000;
  background: url("../images/sb_row.gif") #AAAAAA;
}

td.navbarlh {
  border-right: 1px solid #000000;
  background: url("../images/sb_row_high.gif") #CCC;
}

td.navbarr {
  border-left: 1px solid #000000;
  background: url("../images/sb_row.gif") #AAAAAA;
}

td.navbarrh {
  border-left: 1px solid #000000;
  background: url("../images/sb_row_high.gif") #CCC;
}

th.navbar {
  border-bottom: 1px #222222 solid;
  border-top: 1px #000000 solid;
  background-image: url("../images/sb_top.gif");
  color: #000000;
  font-size: 11px;
  font-weight: bold;
  height: auto;
}

/* Warning Box */
table.warn {
  border: 10px #FF0000 groove;
  padding: 0px;
}

table.warning {
  border: 2px #FF0000 solid;
  padding: 0px;
  background-color: #FF5555;
  background-image: none;
}

th.warning {
  background: #FF0000;
  color: #000000;
}

th.subwarning {
  background-color: #FFDDDD;
  background-image: none;
  color: #8B0000;
  height: auto;
}

td.warn {
  padding: 25px;
  background-color: #FFDDDD;
  color: #8B0000;
  font-size: 15px;
  font-weight: bolder;
}

div.warnbox {
  border: 2px #FF0000 solid;
  padding: 10px;
  background-color: #FFDDDD;
  color: #8B0000;
  font-size: 12px;
  text-align: center;
  margin: 25px;
}


/* Different Colors */
.bgred {
  background-color: #873B36;
}

.bggreen {
  background-color: #3F8736;
}

.bgorange {
  background-color: #BA7836;
}

.green {
  color: #00CC00;
}

.orange {
  color: #CC7700;
}

.red {
  color: #CC0000;
}


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

.news {
  border-top-width: 1px;
  padding: 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: #666666;
  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: #000000;
  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: #000000;
  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: #B2503A;
  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: #B2503A;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

/*
 *
 * MBoard styles
 *
 */

/* MBoardslist Category Table Frame */
.mblistcatframetop,
.mblistcatframeright,
.mblistcatframebottom,
.mblistcatframeleft {
  border: #222222 solid;
}

.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;
}

/* New Message */
.mbnew {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

/* Old Message */
.mbold {
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}

/* Current Message reading in tree */
.mbcurrent {
  color: #9C7262;
  font-weight: normal;
  text-decoration: none;
}

/* the NEW sign */
.mbnewsign {
  color: #FF3300;
  font-family: arial;
  font-size: 10px;
  font-weight: bold;
}

/* New Message in Board Date Color */
.mbnewdate {
  color: #FF3300;
}

/* New Message in Board Board color */
a.mboardnew,
.mboardnew {
  color: #AB3000;
  text-decoration: none;
}

/* just a dummy class */
a.mbordold,
.mboardold {
  text-decoration: none;
}

.Alt a.mboardold,
.Alt a.mboardnew {
  text-decoration: none;
  color: #73351E;
}

/* Different locations highlight of text */
.mbhighlight {
  /*color: black;*/
  font-weight: bold;
}