/* -- Stylesheet for http://www.mathertel.de and AJAX Engine Example WebSite -- */

body, td, th, button {
  font-family: Tahoma,Helvetica, Arial;
  font-size: 10pt;
  color: black;
}
body {
  margin: 4px;
  background: white;
}

td.main {
  padding: 12px;
}

a, a:visited {
  color: #203050;
  font-weight: bold;
  text-decoration: underline;
}
a:hover {
  color: #7F2d2d;
}

p {
  margin: 8px 0px 8px 0px;
}

h1 {
  margin: 0px 0px 12px 0px;
  color: black;
  font-size: 20pt;
}
.subtitle {
  margin-top: -6px;
}
h1.post-title {
  font-size: 16pt;
}

h2 {
  margin: 24px 0px 12px 0px;
  color: black;
  font-size: 12pt;
}
h3 {
  color: black;
  font-size: 10pt;
  font-weight: bold;
  margin: 12px 0px 8px 0px;
}

img, form {
  border: 0px;
  margin: 0px;
}
hr {
  color: #203050;
}

table {
  empty-cells: show;
  margin-right: 0px;
}
td {
  vertical-align: top;
}

/* input fields lign up with images with class=INPUTFUNC */
input {
  height: 16px;
  border: solid 1px #203050;
  vertical-align: middle;
  padding: 0px 2px 1px 2px;
}

button, img.INPUTFUNC {
  padding: 1px;
  border: solid 1px #203050;
  vertical-align: middle;
  margin: 0px;
  background-color: #acc1e4;
  cursor: pointer;
}
img.INPUTFUNC {
  margin-left: -1px;
}

/* buttons etc.:active, passive, disabled layout */
.activ {
  background-color: #acc1e4 !important;
  border: solid 1px #203050 !important;
}
.passiv {
  background-color: #dddddd !important;
}
.disabled {
  background-color: #eeeeee !important;
  filter: alpha(opacity=25);
  -moz-opacity: 0.25;
  opacity: 0.25;
}

/* -- Page-Level controls -- */

.PageTitle {
  background-color: #dddddd;
  height: 32px;
  overflow: hidden;
  margin: -4px -4px 6px -4px;
  padding: 4px;
  xborder-bottom: solid 1px #aaaaaa;
}

.PageTitle .Logo {
  float: left;
  margin-right: 24px;
  text-decoration: none;
  font-size: 24px;
  font-style: italic;
  font-weight: bold;
}

#SITEMAPPATH {
  /* -- deprecated -- */
  background-color: #eeeeee;
  display: block;
  margin: -6px -4px 6px -4px;
  padding-top: 1px;
  padding-left: 4px;
  padding-bottom: 1px;
}

.SITEMAPPATH {
  background-color: #eeeeee;
  background-image: url(controls/images/PathIndicator.png);
  background-position:left top;
  background-repeat: no-repeat;
  display: block;
  margin: -6px -4px 6px -4px;
  padding-top: 2px;
  padding-left: 40px;
  padding-bottom: 2px;
  font-size: 9pt;
}


/* -- Visual Effects -- */

.VESimpleShadow {
  filter: progid:DXImageTransform.Microsoft.dropShadow(Color=AAAAAA,offX=8,offY=8,positive=true);
}

.VEShadow {
  position: absolute;
  left: 8px;
  top: 8px;
  width: 100%;
  height: 100%;
  background-color: black;
  border: solid 1px #888888;
  filter: alpha(opacity=25);
  -moz-opacity: 0.25;
  opacity: 0.25;
}

.VEKeyword {
  font-weight: bold;
  color: #203050;
  cursor: pointer;
}

/* --- rounded corners --- */
div.VERound {
  overflow: hidden;
  height: 1px;
  font-size: 1px;
}

/* --- Parts inc. Mover and Buttons --- */

.VEPart {
  position: relative;
  border: 2px solid #f0f0f0;
  top: -2px;
  left: 2px;
}

.VETitle, .VEMover {
  position: relative;
  padding: 3px;
  background-color: #203050;
  color: white;
  font-weight: bold;
}

.VEMover {
  cursor: move;
}
.VETitle {
  cursor: default;
}

.VEFull, .VEMini, .VEClose {
  cursor: pointer;
  border: 1px solid white;
  width: 14px;
  height: 14px;
}

.VEFull, .VEMini {
  position: absolute;
  text-align: center;
  right: 23px;
  top: 2px;
}

.VEClose {
  position: absolute;
  text-align: center;
  right: 4px;
  top: 2px;
}

.VEPopUpDialog {
  position: absolute;
  z-index: 98;
  top: 200px;
  left: 100px;
  margin-bottom: 12px;
  margin-right: 12px;
}

.VEPopUpDialog.Error {
  z-index: 99;
  top: 390px;
  left: 60px;
}

.VEContent {
  position: relative;
  padding: 3px;
  background-color: #f8f8ff;
}

.VEPopUpDialog.Error .VEContent {
  border: 2px solid #b40a0a;
  background-color: white;
  padding: 8px 8px 8px 6px;
}

/* --- buttons+hover --- */

.VEButton, .VEButtonHover, .VEButtonPushed {
  display: -moz-inline-box;
  display: inline-block;
  cursor: pointer;
  padding: 2px 6px 2px 6px;
}

.VEButton {
  background-image: url(controls/images/buttonback.png);
  background-color: #eaeef7;
  background-position: bottom;
  background-repeat: repeat-x;
  border: solid 1px #517dc7;
}

.VEButtonHover {
  background-image: url(controls/images/buttonbackhover.png);
  background-color: #eaf7ee;
  background-position: bottom;
  background-repeat: repeat-x;
  border: solid 1px #51c77d;
}

.VEButtonPushed {
  background-image: url(controls/images/buttonbackpushed.png);
  background-color: #eaeef7;
  background-position: top;
  background-repeat: repeat-x;
  border: solid 1px #517dc7;
}

/* --- menu --- */

.VEMenuBar {
  padding: 2px 8px 2px 8px;
  height: 20px;
  overflow: hidden;
}
.VEMenuBar * {
  vertical-align: top;
}
.VEMenuBar span, .VEMenuBar a {
  display: -moz-inline-box;
  display: inline-block;
}
.VEMenuBar label {
  display: -moz-inline-box;
  display: inline-block;
  border: 0px;
  padding: 2px;
  cursor: default;
}

.VEMenu {
  border: 0px;
  padding: 2px;
  cursor: pointer;
}
.VEMenuHover {
  border-style: solid;
  border-width: 1px;
  border-color: #acc1e4 #203050 #203050 #acc1e4;
  padding: 1px;
  cursor: pointer;
}
.VEMenuPushed {
  border-style: solid;
  border-width: 1px;
  border-color: #203050 #acc1e4 #acc1e4 #203050;
  padding: 1px;
  cursor: pointer;
}
.VEMenuSeparator {
  height: 20px;
  width: 1px;
  border-left: solid 1px #203050;
}

.VEColorPicker {
  border: solid 2px #203050;
  moz-user-select: none;
  background-color: yellow;
  position: absolute;
  width: 161px;
}
.VEColorPicker table {
  background-color: white;
}
.VEColorPicker td {
  border: 0px;
  width: 15px;
  height: 15px;
}

/* --- overlay tabs and panels+hover --- */

.VEOverlayPanel .VEPart {
  border-top: none;
}
.VETabStart, .VETabGap, .VETabEnd {
  display: inline-block;
  overflow: hidden;
  border-bottom: solid 1px #203050;
}
.VETabGap, .VETabEnd {
  height: 8px;
  width: 4px;
  background-color: black;
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
}
.VETabStart, .VETabEnd {
  width: 8px;
}

.VETab, .VETabSel, .VETabSelHover, .VETabSelPushed, .VETabHover, .VETabPushed {
  display: inline-block;
  height: 16px;
  padding: 1px 8px 1px 8px;
  cursor: pointer;
  border-left: solid 1px #517dc7;
  border-top: solid 1px #517dc7;
  border-right: solid 1px #203050;
}
.VETab {
  background-color: #bbbbbb;
  border-bottom: solid 2px #203050;
}
.VETabHover, .VETabPushed {
  background-color: #dddddd;
  border-bottom: solid 2px #203050;
}
.VETabSel, .VETabSelHover, .VETabSelPushed {
  background-color: #eeeeee;
  padding-bottom: 3px;
  border-bottom: 0px;
}

/* -- calendar -- */

.VECalendar {
  border-collapse: collapse;
}
.VECalendar td {
  cursor: default;
  white-space: pre;
  font-family: Tahoma,Helvetica,Arial;
  font-size: 12px;
  text-align: right;
  width: 20px;
  height: 14px;
  border: solid 1px #203050;
  background-color: #eeeeee;
}
.VECalendar td.f {
  color: #203050;
  background-color: #acc1e4;
  text-align: center;
  border: solid 1px white;
}
.VECalendar td.h {
  color: #203050;
  background-color: transparent;
  width: 62px;
  text-align: center;
  border: solid 1px white;
}
.VECalendar td.w {
  color: #203050;
  background-color: transparent;
  border-left: solid 1px white;
  border-top: solid 1px white;
  border-right: solid 1px white;
  text-align: center;
}
.VECalendar td.m {
  color: #203050;
  cursor: pointer;
}
.VECalendar td.p {
  color: #808080;
  cursor: pointer;
}
.VECalendar td.sel {
  color: black;
  background-color: yellow;
  cursor: pointer;
}

/* -- dialogs, lightbox -- */

.DIALOGFUNCTIONBAR {
  height: 22px;
  border-top: solid 1px white;
  background-image: url(controls/images/FunctionBar.png);
  background-repeat: repeat-x;
  text-align: right;
}

.DIALOGFUNCTION {
  display: inline-block;
  padding: 2px 10px 2px 10px;
  height: 18px;
  cursor: pointer;
  font-weight: bold;
  color: white;
  text-align: left;
  background-image: url(controls/images/Function.png);
  background-repeat: repeat-x;
  border-left: solid 1px white;
}

.DATAINPUT {
}
.DATAINPUT.EMPTY {
  color: silver;
}

/* -- content area style -- */
.box {
  background-color: #dddddd;
  background-image: url(line.png);
  background-position: left top;
  background-repeat: repeat-x;
  padding: 6px;
  margin-bottom: 12px;
  border-top: solid 1px #203050;
  border-right: dotted 1px #203050;
  border-bottom: dotted 1px #203050;
  border-left: dotted 1px #203050;
}

/* -- block for source code formatting -- */
pre.code {
  display: block;
  margin: 2px;
  border: solid 1px black;
  font-family: Monospace;
  font-size: 9pt;
  color: black;
  background-color: lightyellow;
  overflow: hidden;
}

/* -- View Selector classes -- */
a.activ, a.passiv, a.disabled {
  border: solid 1px #203050;
  padding: 1px 4px;
}

/* -- TableData controls -- */
.TableDataPager {
  background-color: #dddddd;
  border: solid 1px #203050;
  padding: 2px;
}
.TableDataPager A {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
  width: 16px;
  font-weight: bold;
  text-decoration: none;
  padding: 1px 3px 1px 3px;
  border: solid 1px white;
  height: 15px;
  vertical-align: middle;
}

.TableData {
  background-color: #dddddd;
  border: dotted 1px #203050;
  padding: 0px;
}
.TableData thead tr {
  position: relative;
  top: 0px;
  background-color: #dddddd;
}
.TableData table {
  border-collapse: collapse;
}
.TableData th {
  border-bottom: solid 1px #203050;
}
.TableData td {
  border-bottom: solid 1px #203050;
}

/* -- TreeView controls -- */
div.TreeView .du {
  height: 18px;
  overflow: hidden;
  cursor: hand;
  background-image: url(controls/images/dc.png);
  background-repeat: no-repeat;
}
div.TreeView .do {
  height: 18px;
  overflow: hidden;
  cursor: hand;
  background-image: url(controls/images/do.png);
  background-repeat: no-repeat;
}
div.TreeView .dc {
  height: 18px;
  overflow: hidden;
  cursor: hand;
  background-image: url(controls/images/dc.png);
  background-repeat: no-repeat;
}
div.TreeView .de {
  height: 18px;
  overflow: hidden;
  background-image: url(controls/images/de.png);
  background-repeat: no-repeat;
}
div.TreeView .fl {
  height: 18px;
  overflow: hidden;
  background-image: url(controls/images/file.png);
  background-repeat: no-repeat;
}
div.TreeView .ft {
  padding-left: 40px;
}
div.TreeView .subframe {
  margin-left: 18px;
}


/* -- more... controls -- */

@media print {
  div.SIDEBAR, #sidebarZone {
    display: none !important;
  }
  div.MAIN, #main {
    width: auto; margin-right:12px !important;
  }

  div.VETitle, div.VEMover {
    border: 1px solid black !important;
    padding: 1px;
    background-color: white !important;
    color: black !important;
  }

  .VEShadow {
    display: none !important;
  }
}