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


/* 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;}

/* -- 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 #666666;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 #203050; 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;
  float: left;
}

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

.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 { background-color:#eeeeee;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:8pt;color:black;background-color:#ffff99;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 {
  #sidebarZone {display:none !important;}
  #main {width:auto;}
  
  div.VETitle, div.VEMover {
    border:1px solid black !important;
    padding:1px;background-color:white !important;color:black !important;}

  .VEShadow {display:none !important;}
}