/*
 * Some basic CSS styles which usually do not need to be customized.
 */

/* Pop-up menu */

.contextmenu {
   position        : absolute;
   width           : 75px;
   border          : 2px outset;
   background-color: menu;
   font-family     : Tahoma;
   line-height     : 14pt;
   cursor          : default;
   font-size       : 8pt;
   z-index         : 100;
   visibility      : hidden;
}

.contextitem {
   padding-left    : 10px;
   padding-right   : 10px;
}

/* Icons on top of form */

.icon {
   position        : absolute;
   left            : 0px;
   top             : 0px;
}

/* Tabsheets */

.tabcontent {
   background        : #FFFFFF;
   padding           : 1em 1em;
   border-right      : 1px solid rgb(145, 155, 156);
   border-left       : 1px solid rgb(145, 155, 156);
   border-bottom     : 1px solid rgb(145, 155, 156);
   clear             : both;
}

.tabfiller {
   border-bottom     : 1px solid rgb(145, 155, 156);
}

.tab {
   background-repeat : repeat-x;
   background-image  : url(images/tab-c.gif);
   border-bottom     : 1px solid rgb(145, 155, 156);
}

.tab-left {
   background-repeat : no-repeat;
   background-image  : url(images/tab-l.gif);
   border-bottom     : 1px solid rgb(145, 155, 156);
}

.tab-right {
   background-repeat : no-repeat;
   background-image  : url(images/tab-r.gif);
   border-bottom     : 1px solid rgb(145, 155, 156);
}

.tabselected {
   background-repeat : repeat-x;
   background-image  : url(images/tab-s-c.gif);
}

.tabselected-left {
   background-repeat : no-repeat;
   background-image  : url(images/tab-s-l.gif);
}

.tabselected-right {
   background-repeat : no-repeat;
   background-image  : url(images/tab-s-r.gif);
}

/* Borders */

.bordertop {
   border-top        : 1px solid gray;
}

.borderleft {
   border-left       : 1px solid gray;
}

.borderright {
   border-right      : 1px solid gray;
}

.borderbottom {
   border-bottom     : 1px solid gray;
}

/* Errors, invalid input fields */

span.invalid {
   background-color  : red;
   color             : white;
   text-align        : center;
   font-weight       : bold;
}

input.invalid, textarea.invalid {
   background-image  : url(images/inputerror.gif);
   background-repeat : no-repeat;
}

/* Colors */

.gray {
   background-color  : rgb(240,240,240);
}

/* Input elements */

input.checkbox {
   border-style      : none;
}

input, textarea, select, .input {
   border            : 1px solid gray;
   font-family       : Tahoma, sans-serif;
   font-size         : 8pt;
}

@media print {
   input, textarea, select, .input {
      border            : none;
   }
}

form {
   margin            : 0pt;
}

.formfield .label {
   width             : 150px;
}

.detailbutton {
   margin-left       : 3px;
   margin-right      : 3px;
}

/* Drop down selectors */

.input {
   padding            : 1px;
   padding-left       : 3px;
   background-color   : white;
}

.dropdown {
   background-repeat  : no-repeat;
   background-position: center right;
   padding-right      : 18px;
   padding-left       : 2px;
   cursor             : hand;
   height             : 16px;
}

@media screen {
   .dropdown {
      background-image   : url(images/dropdown.gif);
   }
}

/* Hyperlinks */

a {
  text-decoration    : none;
}

a:hover {
  text-decoration    : underline;
}

/* Table of contents for help - do not make it very blue... */

.toc {
   text-align        : left;
   color             : black;
   background-color  : white;
}

.help .prev {
   text-align        : left;
}

.help .up {
   text-align        : center;
}

.help .next {
   text-align        : right;
}

/* Lists */

ul,ol {
   margin-bottom     : 0px;
}