html, body, div, h1, form {
      margin: 0px;
      padding: 0px;
      border: 0px;
    }  
  
    body {
      font-family: Arial, Helvetica, Tahoma, sans-serif;
      font-size: 9pt;
      font-style: normal;
      font-weight: normal;
      
      background-color: #f4f4f1;
      color: black;
    }
    
    a {
      color: black;
    }

    input, textarea, button, .input {
      color: black;
      text-decoration: none;
      font-family: Arial, Helvetica, Tahoma, sans-serif;
      font-size: 8pt;
      font-style: normal;
      font-weight: bold;      
      line-height: 10pt;        
      
          padding: 1px 2px 1px 3px;
          margin: 1px 2px;          
        
    }    
    
    select {
      color: black;
      text-decoration: none;
      font-family: Arial, Helvetica, Tahoma, sans-serif;
      font-size: 8pt;
      font-style: normal;
      font-weight: bold;      
      line-height: 10pt;        
      
          padding: 1px 2px 1px 0px;
          margin: 1px 2px;          
            
    }
    
    input[type="text"], input[type="password"], input[type="file"], select, textarea, .input {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      border: 1px solid #a0a0a0;
      background-color: white;
      color: black;
    }

    input[type="text"]:disabled, input[type="password"]:disabled, input[type="file"]:disabled, select:disabled, textarea:disabled, .input:disabled {
      background-color: #f6f6f6;
    }
    
    button, input[type="button"], input[type="submit"] {
      font-weight: normal;
      padding: 2px;
      padding-left: 4px; 
      padding-right: 4px;
      height: 25px;
      vertical-align: middle;
    } 
    
    button {
      margin: 0px;
      width: auto;
      overflow: visible;
    }            
    
    img {
      padding: 0px;
      margin: 0px;
      border: 0px;
    }    
  
    
    .dialog {
      background-color: #f4f4f1;
      text-align: center;
      padding: 16px;
    }    
    
    .frame {
      margin: auto;
    }
    
    .outer {
      background: url(resource?name=com.triboni.core.ui.skin.dialogImg) repeat-x;
      background-color: #647e63;
      position:relative;
      left: -3px;
      top: -3px;        
      color: white;
      width: 100%;
      padding: 2px;
      margin: 0px;
      border: 0px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;    
      border-radius: 4px;
    }

    .outer h1 {
      font-size: 10pt;
      font-weight: bold;
      line-height: 20pt;
      padding:0 3px 2px;
      text-align: left;
      padding-left: 5px;
    }

    .inner {
      background-color: #f6f6ef;
      color: black;
      padding: 5px 0 2px 2px;
        
      font-family: Arial, Helvetica, Tahoma, sans-serif;
      font-size: 8pt;
      font-style: normal;
      font-weight: normal;
      text-align: left;     
    }
    
    .inner td {
      text-align: left;
      vertical-align: middle;
      padding-left: 7px;
      padding-right: 7px;
      line-height:20px;
    }       
    
    .inner td.label {
      white-space: nowrap; 
      vertical-align: middle;
    }
    
    .inner td.buttons {
      text-align: right;
      margin: 0px;
      margin-top: 5px;
      padding: 0px;
      padding-left: 10px;
      padding-right: 6px;
      padding-top: 10px;
      border: 0px;
    }
    
    /* for backward compatibility */ 
    .inner table.buttons {
      float:right;
      margin: 0px;
      margin-top: 5px;
      padding: 0px;
      border: 0px;
    }    
    .inner table.buttons td {
      margin: 0px;
      padding: 0px;
      border: 0px;    
    }    
    
    .inner button, input[type="button"], input[type="submit"] {
      width: 150px;
      height: 27px;
      vertical-align: middle;
    }       
    
    .inner input[type="radio"], input[type="checkbox"] {
      vertical-align: middle;
    } 
    
    .inner td img {
      margin-top: 3px;
      vertical-align: top;    
    }
    
    .inner input[type='text'] {
      width: 200px;
    }
    
    /* --------------------------------*/
    /* ----- inner table          -----*/
    /* --------------------------------*/
    
    .dialogList {
      border: 1px solid #647e63;
      margin-top: 5px;
    }
    
    .dialogList table {
      border-collapse:collapse;
      empty-cells: show;
      width: 100%;
      background-color: #fbfbfb;
      color: black
      
      font-style: normal;
      font-weight: normal;
      font-family: Arial, Helvetica, Tahoma, sans-serif;
      font-size: 8pt;
    }    

    .dialogList table th {
      background-color: #f4f4f1;
      color: black;
  
      text-align: center;
      text-decoration: none;
      font-style: normal;
      font-weight: normal;
      font-size: 8pt;
      padding: 2px;
      
      border-top: 1px solid #cdcdcd !important;
      border-right: 1px solid #cdcdcd;      
    }
    .dialogList table th span, .dialogList table th a {
      padding: 0 0.3em;
    }
    .dialogList table th span {
      font-weight: bold;
    }
    .dialogList table td {                
      font-style: normal;
      font-weight: normal;
      font-size: font-size: 9pt;
      line-height: 18pt;
      padding: 1px 3px;
      
      border-right: 1px solid #f3f3f3;
      border-top: 1px solid #cdcdcd;
    }
    .dialogList table td, .dialogList table td * {
      vertical-align: middle;
    }
    .dialogList table td input {
      margin-left: 5px;
    }    
    
    .dialogList table td a {
        text-decoration: none;        
    }    
    
    .dialogList table td a:hover {
      text-decoration: underline !important;
    }    
    
    .dialogList table tr.mouseover:hover {
      background-color: #e6ede5 !important;
      color: black !important;
    }
    .dialogList table tr.mouseover {
      hover:expression(this.onmouseover=new Function("this.style.backgroundColor='#e6ede5 !important';this.style.color='black !important';"),this.onmouseout=new Function("this.style.background='#fbfbfb !important';this.style.color='black !important';"));
    }    
    
    /* --------------------------------*/
    /* ----- inner toolbar        -----*/
    /* --------------------------------*/    
    
    .dialogToolbar {
      background: url(resource?name=com.triboni.core.ui.skin.toolbarImg) repeat-x;
      background-color: #767776;
      color: black;
      height: 40px;  
      padding: 0px;
      vertical-align: middle;
    }    
    
    .dialogToolbar table {
        text-align: left;
        margin: 0;
        padding: 0;
    }

    .dialogToolbar table td {
        color: black;
    
        text-decoration: none;
        font-family: Arial, Helvetica, Tahoma, sans-serif;
        font-size: 8pt;
        font-style: normal;
        font-weight: normal;
        text-align: left;
        margin: 0;
        padding: 1px;
        height: 36px;
        vertical-align: middle;
    }    

    .dialogToolbar a {
      border: 0px;
      text-decoration: none;
    }

    .dialogToolbar img {
      margin: 4px 2px 2px 3px;
    }        

    /* --------------------------------*/
    /* ----- general settings     -----*/
    /* --------------------------------*/

    .dialogList table input {
      margin: -3px;
    }
    .dialogList table img {
      margin: 0 5px 0 5px;
      vertical-align: middle;
    }
    .dialogList table .checkbox {
      width: 2em;
      text-align: center;
    }
    .dialogList table .checkbox input {
      margin: 0;
    }
    
    .dialogInnerBg {
      background-color: #f6f6ef !important;
    }
    .dialogInnerFg {
      color: black !important;
    }
    
    .text {
      font-weight: normal !important;
      font-size: 8pt !important;
      line-height: 16px !important;
    }
    .text a {
      text-decoration: underline;
      line-height: 16px !important;
    }
  
    .fontSizeSmall {
      font-size: 8pt !important;
    }
    .fontSizeNormal {
      font-size: 9pt !important;
    }
    .fontSizeLarge {
      font-size: 10pt !important;
    }
    
    .fontBold {
      font-weight: bold !important;
    }
    .fontItalic {
      font-style: italic !important;
    }
    .fontNormal {
      font-weight: normal !important;
    }
    .fontDisabled {
      color: gray;
    }
    
    .fontMonospaced {
      font-family: Courier New !important;
    }
    
    .floatRight {
      float: right !important;
    }
    .floatLeft {
      float: left !important;
    }
    
    .alignRight {
      text-align: right !important;
    }
    .alignLeft {
      text-align: left !important;
    }
    .alignCenter {
      text-align: center !important;
    }
    
    .alignTop {
      vertical-align: top !important;
    }
    .alignMiddle {
      vertical-align: middle !important;
    }
    .alignBottom {
      vertical-align: bottom !important;
    }    
    
    .selected, .selected * span, .selected * table, .selectet * td {
      background-color: #b0e4ac !important;
    }
    .highlighted, .highlighted * span, .highlighted * table, .highlighted * td  {
      background-color: #ffeeaa !important;
    }

    .attention, .attention * span, .attention * table, .attention * td {
      background-color: #ffdeb4 !important;
    }

    .warning, .warning * span, .warning * table, .warning * td {
      background-color: #f3d6d3 !important;
    }
    .disabled, .disabled * span, .disabled * table, .disabled * td {
      background-color: #f6f6f6 !important;
    }
    
    .waitInfoBg {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      z-index: 990;
      background-color: #f4f4f1;
      filter:alpha(opacity=40); /* IE */
      -moz-opacity:0.4; /* Gecko-Browser */
      opacity:0.4;
    }
    
    .freezeInfoBg {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      z-index: 980;
      background-color: #f4f4f1;
      filter:alpha(opacity=30); /* IE */
      -moz-opacity:0.3; /* Gecko-Browser */
      opacity:0.3;
    }    
    
    .waitInfo {
      position: absolute;
      width: 160px;
      height: 80px;
      left: 50%;
      top: 50%;
      margin-left: -80px;
      margin-top: -40px;
      z-index: 995;
      text-align: center;
      vertical-align: middle;
      background-image: url(resource?name=com.triboni.core.ui.skin.waitImg);
      background-repeat: no-repeat;
      background-position: center; 
      border: 1px dotted #647e63;
      background-color: #f4f4f1;
      color: black;
      filter:alpha(opacity=80); /* IE */
      -moz-opacity:0.8; /* Gecko-Browser */
      opacity:0.8;      
    }
        
    .layoutTable, .layoutTable th, .layoutTable tr, .layoutTable td {
      padding: 0px;
      margin: 0px;
      border: 0px !important;
      background-color: transparent;
      font-weight: normal;
      font-family: Arial, Helvetica, Tahoma, sans-serif;
      font-style: normal;
      font-size: 8pt;
    }
    
    .tableBorder {
      border: 1px solid #647e63 !important;
    }
    
    .tableBorderTop {
      border-top: 1px solid #647e63 !important;
    }
    .tableBorderBottom {
      border-bottom: 1px solid #647e63 !important;
    }
    .tableBorderLeft {
      border-left: 1px solid #647e63 !important;
    }
    .tableBorderRight {
      border-right: 1px solid #647e63 !important;
    }    
    
    .noPaMaBo {
      padding: 0px !important;
      margin: 0px !important;
      border: 0px !important;
    }
    
    .action {
      text-align: center !important;
      vertical-align: middle !important;
      margin: 0px !important;
    }
    .action img {
      cursor: pointer !important; 
      margin: 4px !important; 
      margin-right: 2px !important;
      margin-left: 2px !important;
      padding: 0px !important;
      text-align: center !important;
      vertical-align: middle !important;
    }
    .actionLayer {
      position: absolute; 
      display: none;
      margin: 0px;
      border: none;
      scrolling: no;
    }
    
    .checkbox {
      width: 2em;
      text-align: center !important;
      vertical-align: middle !important;      
    }
    .checkbox input {
      margin: 0 !important;
    }
    
    .inputBorder {
      border: 1px solid #a0a0a0;
      margin: 2px;
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
    }
    
    .inputBorder td {
      padding: 2px;
    }
    
    /* Progress bar styles */
    .progressBg {
      padding-right: 2px;
      position: relative;
      height: 24px;
      /* Background gradient */
      background-color: #b7b5b3 !important;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #aba9a7), color-stop(1, #b7b5b3)) !important;
      background: -moz-linear-gradient(#9da5b0 0%, #b6bcc6 100%) !important;
      background: -o-linear-gradient(#9da5b0 0%, #b6bcc6 100%) !important;
      /* Box shadow: */
      -webkit-box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px rgba(255,255,255,.5);
      -moz-box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px rgba(255,255,255,.5);
      box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px rgba(255,255,255,.5);
      /* Border radius: */
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      vertical-align: middle;
    }

    .progressBar {
      overflow: hidden;
      top: 0px;
      width: 0;
      height: 22px;
      margin: 1px 0 0 1px;
      position: absolute;
      /* Background gradient: */
      background-color: #3f88d0 !important;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6da8ef), color-stop(1, #3776b4)) !important;
      background: -moz-linear-gradient(#6da8ef 0%, #3776b4 100%) !important;
      background: -o-linear-gradient(#6da8ef 0%, #3776b4 100%) !important;
      /* Border radius: */
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      color: white;
      font-weight: bold;
    }
    
    .progressBarRest {
      width: 100%;      
      color: white;
      font-weight: bold;
      padding-top: 1px;
      vertical-align: middle;
    }
    
    .defaultCursor {
      cursor: default !important;
    }
    .pointerCursor {
      cursor: pointer !important;
    }