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

/* Login */
#login .logo {
}

#login .title {
   font-family         : Tahoma;
   font-size           : 24pt;
   text-align          : center;
   color               : #333333;
}


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

.hidden {
   display           : none;
}

.visible {
   display           : block;
}

@media print {
   .tabcontent {
      padding        : 0;
      border         : none;
   }

   .tabsheet {
      display        : none;
   }

   .hidden {
      display        : block;
   }
}

/* Selector boxes */

.selectorbox {
   margin-top       : 5px;
   margin-right     : 10px;
   width            : 170px;
   float            : left;
   background-image : url(images/group-corners.gif);
   background-repeat: no-repeat;
   background-color : #215dc6;
}

.selectorbox .title, .selectorbox .title_simple {
   background-image : url(images/group-expand.gif);
   background-repeat: no-repeat;
   background-position: 100% 0%;
   font-weight      : bold;
   color            : white;
   padding-bottom   : 5px;
   padding-top      : 2px;
   padding-left     : 10px;
   cursor           : pointer;
   _cursor           : hand;
}

.selectorbox .opened {
   background-image : url(images/group-collapse.gif);
}

.selectorbox .title_simple {
   background-image : none;
   cursor           : default;
}

.selectorbox .simple, .selectorbox .advanced {
   background-color : #d6dff7;
   padding          : 6px;
   width            : 158px;
   _width           : 170px;
}

.selectorbox .advanced {
   border-top       : 1px dashed white;
   display          : none;
}

.selectorbox .simple .label, .selectorbox .advanced .label {
   display          : block;
}

.selectorbox select, .selectorbox .label {
   width            : 156px;
}

/* Wizards */

.wizard .header {
   background-color  : rgb(0,0,100);
   color             : white;
   padding           : 5px;
}

.hidden {
   display           : none;
}

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

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 rgb(127,157,185);
   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 .input {
   border-right       : none;
   height             : 15px;
   _height            : 19px;
}

.dropdown {
   background-repeat  : no-repeat;
   background-position: center right;
   padding-right      : 17px;
   padding-left       : 2px;
   cursor             : hand;
   height             : 19px;
   white-space        : nowrap;
}

.disabled {
   color             : gray;
   background-color  : rgb(250,250,250);
   border            : 1px solid rgb(200,200,200);
}

.input .toggle {
   text-align         : right;
   border-top         : 1px solid black;
   padding-top        : 3px;
}

@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;
}

/* Paperclip */

#paperclip {
   position          : absolute;
   overflow          : hidden;
   top               : 0px;
   left              : 0px
}