BODY { padding: 0px; margin: 0px; color: #000000; font-size: 11px; font-family: Tahoma, Helvetica, sans-serif; background: url(images/bg_body.gif) #fff repeat-y left top; }
H1 { margin: 0px; padding: 4px 0px; font-family : Tahoma, Helvetica, sans-serif; font-size: 24px; color: #000000; }
H2 { margin: 0px; padding: 4px 0px; font-family : Tahoma, Helvetica, sans-serif; font-size: 15px; color: #000000; }
H3 { margin: 0px; padding: 5px 0px; font-family : Tahoma, Helvetica, sans-serif; font-weight: normal; color: #000000; font-size: 13px; }
H4 { margin: 0px; padding: 0px 0px 5px 0px; font-family : Tahoma, Helvetica, sans-serif; font-weight: normal; color: #000000; font-size: 11px; }
H5 { margin: 0px; padding: 0px 0px 5px 0px; font-family : Tahoma, Helvetica, sans-serif; font-size: 10px; color: #000000; font-style:italic; }
.topmenu { background: url(images/bg_topmenu.gif) repeat top; height: 28px; }
.topmenuitem { float: left; font-family: Gill Sans MT, Tahoma, Helvetica, sans-serif; font-size : 12px; color: #fff; text-transform:uppercase; font-weight: bold; padding: 5px 10px; cursor: pointer; }
.topmenuitem:HOVER { border: 1px solid #12395f; background: #006699 url(images/bg_gloss-wave_small.png) repeat-x; border-bottom: 1px solid #006699; padding: 4px 9px; }
.topmenuitemsel { float: left; font-family: Gill Sans MT, Tahoma, Helvetica, sans-serif; font-size : 12px; color: #fff; text-transform:uppercase; font-weight: bold; padding: 4px 9px; cursor: pointer; border: 1px solid #12395f; background: #006699 url(images/bg_gloss-wave_small.png) repeat-x; border-bottom: 1px solid #006699; }
.topmenushadow { background: #04689a; }
.menutitel { font-family : Tahoma, Helvetica, sans-serif; font-size : 12px; font-weight:bold; color: #fff; padding: 0px 8px 5px 5px;}
.menu { font-family : Tahoma, Helvetica, sans-serif; font-size : 12px; color: #fff; padding: 0px 8px 0px 5px;}
.menu a:ACTIVE, .menu a:LINK, .menu a:VISITED { font-family : Tahoma, Helvetica, sans-serif ; color: #fff;text-decoration : underline; }
.menu a:HOVER { text-decoration : none; }
.name { font-family : Verdana, Helvetica, sans-serif; font-size : 9px; color: #fff; padding: 17px 8px 20px 5px; }
.contentarea { font-family : Tahoma, Helvetica, sans-serif; font-size : 12px; color: #000000; padding: 10px }
.titel { font-family : Tahoma, Helvetica, sans-serif; font-size: 15px; color: #000000;  padding: 5px 0px 12px 2px;}
.subtitel { font-family : Tahoma, Helvetica, sans-serif; font-size : 12px; color: #000000; font-weight: bold;}
.error { font-family : Tahoma, Helvetica, sans-serif; font-size : 11px; color: #d96507; }
TD.error { font-family : Tahoma, Helvetica, sans-serif; font-size : 11px; border: 1px solid #d96507; background-color: #f1ceb2; font-weight:bold; }
DIV.error { font-family : Tahoma, Helvetica, sans-serif; font-size : 11px; border: 1px solid #d96507; font-weight:bold; padding: 5px 5px 5px 30px; margin: 5px 0px; background: #f1ceb2 url(images/icon_warning.png) no-repeat 8px 5px; }
.thanks { font-family : Tahoma, Helvetica, sans-serif; font-size : 11px; color: #53ac16; }
DIV.thanks { font-family : Tahoma, Helvetica, sans-serif; font-size : 11px; border: 1px solid #53ac16; font-weight:bold; padding: 5px 5px 5px 30px; margin: 5px 0px; background: #d5efc4 url(images/icon_ok.png) no-repeat 8px 5px; }
.content { font-family : Tahoma, Helvetica, sans-serif; font-size : 11px; color: #000000; }
.content a:ACTIVE, .content a:LINK, .content a:VISITED { font-family : Tahoma, Helvetica, sans-serif ; color: #75797A;text-decoration : underline; }
.content a:HOVER { text-decoration : none; }
.contentsmall {	font-family : Tahoma, Helvetica, sans-serif; font-size : 11px; color: #000000; }
.contentsmall a:ACTIVE, .contentsmall a:LINK, .contentsmall a:VISITED { font-family : Tahoma, Helvetica, sans-serif ; color: #75797A;text-decoration : underline; }
.contentsmall a:HOVER {	text-decoration : none; }
.clearboth { clear:both; }
.big { font-family : Tahoma, Helvetica, sans-serif; font-size : 24px; color: #000000; letter-spacing: 0.1em; padding: 4px; font-weight:bold;} 
.small { font-family : Tahoma, Helvetica, sans-serif; font-size : 10px; color: #818181; }
.small a:ACTIVE,  .small a:LINK, .small a:VISITED { font-family : Tahoma, Helvetica, sans-serif ; color: #818181;text-decoration : underline; }
BODY.print { background-image: none;}


/* -- Form Fields ----------------------------------*/
.content FIELDSET { padding: 0px 5px 10px; border: 1px solid #006699; margin: 10px 0px; }
.content LEGEND { padding: 0px 5px 5px; font-weight: bold; }
.form-input, .form-inputshort, .form-inputamount, .form-checkbox, .form-checkboxbig, .form-text { float: left; padding: 2px 2px 2px 5px; margin-right: 10px; }
.form-input LABEL { width: 115px; padding-top: 1px; float: left; display: block; }
.form-inputamount LABEL { width: 105px; padding-top: 1px; float: left; display: block; }
.form-inputamount DIV { float:left; padding-top: 1px; width: 10px; text-align: right; display: block; }
.form-text LABEL { width: 115px; padding-top: 0px; float: left; display: block; }
.form-text DIV { float: left; display: block; width: 315px;  }
.form-inputshort LABEL { width: 42px; padding-top: 1px; margin-left: 20px; float: left; display: block; }
.form-checkbox LABEL { width: 115px; padding-top: 2px; float: left; display: block; }
.form-checkboxbig LABEL { width: 205px; padding: 2px 2px 2px 5px; float: left; display: block; }
.form-input IMG, .form-inputshort IMG { margin: 1px 0px 0px 4px;  }
.form-selected { background-color: #f3f3f3; }
.form-selected INPUT, .form-selected SELECT { border: 1px solid #525759; }
.form-checkbox INPUT { border: 0px; }
.form-checkboxbig INPUT { border: 0px; padding: 2px; margin-left: 118px; float: left; display: block;  }
.form-note { float:left; font-family : Tahoma, Helvetica, sans-serif; font-size : 10px; color: #818181; text-align:right; padding-right: 12px; font-style:italic; }
.form-remark {  font-family : Tahoma, Helvetica, sans-serif; font-size : 10px; color: #818181; text-align:right; padding-right: 12px; font-style:italic; }
.form-button {  float: left; display: block; padding: 2px 0px 0px 28px; }
.form-dropdown { padding: 2px 2px 2px 120px; display: block;  }
.input-field { font-family : Tahoma, Helvetica, sans-serif; font-size : 11px; color: #000000; background-color:#fff; border-bottom: #D4D0C8 1px solid; border-left: #808080 1px solid; border-right: #D4D0C8 1px solid; border-top: #808080 1px solid; }
.input-fieldmand { font-family : Tahoma, Helvetica, sans-serif; font-size : 11px; color: #000000; background-color:#fdf8dc; border-bottom: #fbcb09 1px solid; border-left: #fbcb09 1px solid; border-right: #fbcb09 1px solid; border-top: #fbcb09 1px solid; }
.input-fielderror { font-family : Tahoma, Helvetica, sans-serif; font-size : 11px; color: #d96507; background-color:#f1ceb2; border-bottom: #d96507 1px solid; border-left: #d96507 1px solid; border-right: #d96507 1px solid; border-top: #d96507 1px solid; }
.input-fieldstatus { font-family : Tahoma, Helvetica, sans-serif; font-size : 12px; font-weight: bold; color: #000000;  border-bottom: #D4D0C8 1px solid; border-left: #6b6b6b 1px solid; border-right: #D4D0C8 1px solid; border-top: #6b6b6b 1px solid; width:285px; }
.select-field { font-family : Tahoma, Helvetica, sans-serif; font-size : 11px; color: #000000;  border-bottom: #D4D0C8 1px solid; border-left: #6b6b6b 1px solid; border-right: #D4D0C8 1px solid; border-top: #6b6b6b 1px solid; width:170px;}
.select-fieldmand { font-family : Tahoma, Helvetica, sans-serif; font-size : 11px; color: #000000; background-color:#fdf8dc; border-bottom: #fbcb09 1px solid; border-left: #fbcb09 1px solid; border-right: #fbcb09 1px solid; border-top: #fbcb09 1px solid; width:170px;}
.select-fielderror { font-family : Tahoma, Helvetica, sans-serif; font-size : 11px; color: #d96507; font-weight: bold; background-color:#f1ceb2; border-bottom: #d96507 1px solid; border-left: #d96507 1px solid; border-right: #d96507 1px solid; border-top: #d96507 1px solid; width:170px;}
.select-fieldstatus { font-family : Tahoma, Helvetica, sans-serif; font-size : 12px; font-weight: bold; color: #000000;  border-bottom: #D4D0C8 1px solid; border-left: #6b6b6b 1px solid; border-right: #D4D0C8 1px solid; border-top: #6b6b6b 1px solid; width:290px; }
.textarea-field { padding: 3px; margin: 0 0 5px 0; width: 580px; font: 11px/13px Tahoma, Helvetica, sans-serif; border-bottom: #D4D0C8 1px solid; border-left: #808080 1px solid; border-right: #D4D0C8 1px solid; border-top: #808080 1px solid; }
.data-field { font-family : Tahoma, Helvetica, sans-serif; font-size : 11px; color: #000000; padding-top: 3px; padding-bottom: 3px;}

div.trigger { margin: 4px 4px 0px; padding: 4px 10px; background: url(images/bg_trigger.gif) no-repeat left bottom; width: 192px; font-weight: bold; }
div.trigger a { text-decoration: none; display: block; }
div.active { background-position: left top; } /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container { border-top: 1px solid #fff; }

.hand { cursor: pointer; }
.button { font-family : Tahoma, Helvetica, sans-serif; font-size:11px; background:#C0C0C0; border-left: 1px solid #F3F3F3; border-top: 1px solid #F3F3F3; border-right: 1px solid #626262; border-bottom: 1px solid #626262; color:#000000; font-weight: bold; height:20px; padding-left: 10px; padding-right: 10px; text-decoration:none; cursor: pointer;}
.buttondisabled { font-family : Tahoma, Helvetica, sans-serif; font-size:11px; background:#DADADA; border-left: 1px solid #F3F3F3; border-top: 1px solid #F3F3F3; border-right: 1px solid #626262; border-bottom: 1px solid #626262; color:#000000; font-weight: bold; height:20px; padding-left: 10px; padding-right: 10px; text-decoration:none;}
.buttonsmall { font-family : Tahoma, Helvetica, sans-serif; font-size:10px; background:#C0C0C0; border-left: 1px solid #F3F3F3; border-top: 1px solid #F3F3F3; border-right: 1px solid #626262; border-bottom: 1px solid #626262; color:#000000; font-weight: bold; height:16px; padding-left: 4px; padding-right: 4px; text-decoration:none; cursor: pointer;}
.toolbar { font-family : Tahoma, Helvetica, sans-serif; font-size:11px; background:#EAEAEA; border-left: 1px solid #F3F3F3; border-top: 1px solid #F3F3F3; border-right: 1px solid #626262; border-bottom: 1px solid #626262; height:20px;  }
.formmenu { font-family : Tahoma, Helvetica, sans-serif; font-size:11px; background:#DADADA; border-left: 1px solid #6B6B6B; border-top: 1px solid #6B6B6B; border-right: 1px solid #6B6B6B; border-bottom: 1px solid #6B6B6B; border-collapse: collapse;}
.formmenutop { font-family : Tahoma, Helvetica, sans-serif; font-size : 10px; color: #6b6b6b; border: 1px solid #6B6B6B; background-image:url(images/bg_formtop.gif); height: 20px; padding: 0px 4px; }
.formmenucontent { font-family : Tahoma, Helvetica, sans-serif; font-size : 11px; color: #000000; border: 1px solid #6B6B6B; padding: 4px; }
.formmenubutton { font-family : Tahoma, Helvetica, sans-serif; font-size : 11px; color: #000000; border: 1px solid #6B6B6B; padding: 1px; background-color: #fff }
.explorer_tab1 { clear:both; font-family : Tahoma, Helvetica, sans-serif; font-size : 11px; background: #fff url(images/bg_tab1.gif) no-repeat; color: #000000;  border-bottom: #D4D0C8 1px solid; border-left: #6b6b6b 1px solid; border-right: #D4D0C8 1px solid; overflow:auto; width:284px; height:103px;  padding:2px 2px 4px; }
.explorer_tab1add { clear:both; font-family : Tahoma, Helvetica, sans-serif; font-size : 11px; background: #fff url(images/bg_tab1add.gif) no-repeat; color: #000000;  border-bottom: #D4D0C8 1px solid; border-left: #6b6b6b 1px solid; border-right: #D4D0C8 1px solid; overflow:auto; width:284px; height:103px; padding:4px 2px 2px; }
.explorer_tab2 { clear:both; font-family : Tahoma, Helvetica, sans-serif; font-size : 11px; background: #fff url(images/bg_tab2.gif) no-repeat; color: #000000;  border-bottom: #D4D0C8 1px solid; border-left: #6b6b6b 1px solid; border-right: #D4D0C8 1px solid; overflow:auto; width:284px; height:103px;  padding:4px 2px 2px; }
.explorer_tab3 { clear:both; font-family : Tahoma, Helvetica, sans-serif; font-size : 10px; background: #fff url(images/bg_tab3.gif) no-repeat; color: #818181;  border-bottom: #D4D0C8 1px solid; border-left: #6b6b6b 1px solid; border-right: #D4D0C8 1px solid; overflow:auto; width:284px; height:103px;  padding:4px 2px 2px; }
.tabrow1 { height:15px; background:url(images/tab1.gif) no-repeat; margin-top: 10px; margin-bottom: 0px; padding: 0px; }
.tabrow2 { height:15px; background:url(images/tab2.gif) no-repeat; margin-top: 10px; }
.tabrow3 { height:15px; background:url(images/tab3.gif) no-repeat; margin-top: 10px;  }
DIV.tab { float: left; height:14px; width: 79px; text-align:center; padding:1px 0px 0px 0px; margin: 0px; }
DIV.tab a:ACTIVE, DIV.tab a:LINK, DIV.tab a:VISITED { text-decoration:none; }
.tablereport { padding:0px; margin:0px; }
.tablereport TH { font-family : Tahoma, Helvetica, sans-serif; font-size : 11px; color: #000000; font-weight:bold; border-bottom: #6B6B6B 2px solid; }
.tablereport TD { font-family : Tahoma, Helvetica, sans-serif; font-size : 11px; color: #000000; }
.tabletop { font-family : Tahoma, Helvetica, sans-serif; font-size : 10px; color: #6B6B6B; padding-top:5px;}
.tabletop a:ACTIVE, .tabletop a:LINK, .tabletop a:VISITED, .tabletop a:HOVER { font-family : Tahoma, Helvetica, sans-serif; font-size : 10px; color: #006699; text-decoration : none; }
.hide { display: none; }
#loadcat { position:absolute; visibility:hidden; padding: 0px; margin: 0px; left:0; top:0 }
div#category { float: left; margin: 0px; padding: 0px; display:none; /* until loaded */ }
.right { margin: 0px; padding: 0px; float:right; } 
.rightpadding { margin: 0px; padding: 3px 4px 0px 0px; float:right; } 
.left { margin: 0px; padding: 0px; float:left; } 
.header { overflow:hidden; }
#buffer { position:absolute; visibility:hidden; left:0; top:0 }
DIV#display { margin: 10px 0px; padding: 0px; display:none; /* until loaded */ }
DIV.color { background-color:#EAEAEA; }
#autocomplete1, #autocomplete2, #autocomplete3 { width: 170px; }
#divresult_autocomplete1, #divresult_autocomplete2, #divresult_autocomplete3 { border: 1px solid #626262; font-family : Tahoma, Helvetica, sans-serif; font-size : 11px; color: #000000; padding: 0px; display: none; background-color: #fff; }
#divresult_autocomplete1 div, #divresult_autocomplete2 div, #divresult_autocomplete3 div { padding: 3px; }
.selected { background-color: #dadada; color: #000; cursor:pointer; }
.unselected { color: #000; }
.unselected .highlight { font-weight : bold;  }
.selected .highlight { font-weight : bold; color: #000; }
