/* Layout */
div.resultHeader {
  border: none;
  border-top: 2px solid #b2cc2b;
  border-bottom: 2px solid #b2cc2b;
  background-color: #f2f2f2;
  padding: 5px 0px 5px 0px;
}

hr {
	margin-bottom: 4px;
}

div.error {
  margin-top: 10px;
}

div.error b {
  color: red;
}

/* BEGIN: Result */
td.resultNavigation {
}

td.resultValue {
  font-size: 0.9em;
  padding: 4px 4px 2px 2px;
  white-space: nowrap;
  vertical-align: top;
}

td#big {
  font-size: 1em;
}

td.keywords {
  font-size: 0.75em;
  background-color: #f2f2f2;
  padding: 4px 4px 0px 4px;
  vertical-align: top;
  white-space: nowrap;
}

td.keywords div.header {
  font-weight: bold;
  background-color: #D1D1D1;
}

td.keywords div.even {
  min-width: 200px;
	color: #31794F;
}

td.keywords div.odd {
  min-width: 200px;
	color: Black;
}

span.highlight {
	background-color: #FFFFC0;
}
/* END: Result */

/* BEGIN: Form */
table.form  {
	border-spacing: 1px;
}

table.form  td {
  padding-left: 0px;
}

label.title {
	padding-left: 1px;
	font-size: 1.2em;
}

select {
  font-size: 1em;
}

input {
  font-size: 1em;
}

input.button {
  font-size: 1em;
  font-family: Verdana, Helvetica, sans-serif;
}

#myButton {
  background-color: #cfc;
}

input.error,textarea.error,select.error {
  background-color: #FF9999;
}
/* END: Form */

/* BEGIN: Scrollable Table */
.scrolltable {
  border: 1px solid black;
  border-collapse: collapse;
}

.scrolltable thead tr th {
  background-color: #A9A9A9;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  text-align: left;
  padding-left: 2px;
}

.scrolltable tfoot tr td {
  font-size: 10pt;
  background-color: #A9A9A9;
  border-top: 1px solid #666666;
  font-weight: bold;
}

.scrolltable tbody tr td div.innerb {
  max-height: 450px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.scrolltable2 {
  border-collapse: collapse;
  table-layout: fixed; /* IE 5.5+: Damit auch ein Langer Text wie "DasIstEinEtwasLängererInhalt" das Tabellenlayout nicht beeinträchtigt */
}

.scrolltable2 tr td, .scrolltable2 tr.even td {
  border-right: 1px solid #778899;
  border-bottom: 1px solid #778899;
  vertical-align: top;
  word-wrap: break-word; /* IE 5.5+: Damit auch ein Langer Text wie "DasIstEinEtwasLängererInhalt" das Tabellenlayout nicht beeinträchtigt */
  padding-left: 2px;
}

.scrolltable2 tr.odd {
  background-color: white; /* Workaround IE, damit hover Backgroundcolor funktioniert. */
}

.scrolltable2 tr.even {
  background-color: gainsboro;
}

.scrolltable2 tr.odd:hover, .scrolltable2 tr.even:hover {
  background-color: #CFCFFF;
}

.scrolltable2 tr.selected {
  background-color: #CFCFFF;
}
/* END: Scrollable Table */

/* BEGIN: Tree Component */
div.tree {
  background-color: White;
  border: 1px solid Black;
  overflow: auto;
}

div.block {
  display: block;
}

a.folder { padding:0px; }
a.folder:link { text-decoration:none; }
a.folder:visited { text-decoration:none; }
a.folder:hover { text-decoration:none; cursor: hand; }
a.leaf { padding: 0px; cursor: hand; }

span.readonly {
  color: black;
}
/* END: Tree Component */

/* BEGIN: Button Links */
  /* Button XP 22px */
  a.button {
      background: transparent url(../images/custombuttons/button22_xp_right.gif) no-repeat scroll top right;
      color: #333333;
      display: block;
      float: left;
      height: 22px;
      margin-right: 6px;
      padding-right: 8px; /* sliding doors padding */
      text-decoration: none;
  }

  a.button span {
      background: transparent url(../images/custombuttons/button22_xp_left.gif) no-repeat;
      display: block;
      line-height: 12px;
      padding: 5px 0px 5px 8px;
  }

  a.button:active {
      background-position: bottom right;
      color: Black;
      outline: none; /* hide dotted outline in Firefox */
  }

  a.button:active span {
      background-position: bottom left;
      padding: 6px 0px 4px 8px; /* push text down 1px */
  }

  a.button:hover {
      background: transparent url(../images/custombuttons/button22_xp_right_hover.gif) no-repeat scroll top right;
  }

  a.button:hover span {
      background: transparent url(../images/custombuttons/button22_xp_left_hover.gif) no-repeat;
  }

  a.button img {
    margin-top: -2px;
  }
/* END: Button Links */