﻿body {
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 12px;
   margin-left: 2px;
   margin-top: 2px;
   margin-right: 2px;
   margin-bottom: 2px;
   background-color: #f0f0f0;
   color: #0456a8;
   padding: 0;
   overflow: hidden;
}

/* cellpadding in cells */
th, td {
   padding: 0px;
   font-size: 11px;
}

/* cellspacing in tables */
table {
   border-collapse: collapse;
   border-spacing: 0px;
}

.std {
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   color: #0456a8;
}

/* define info window in footer */
#infoBox {
   display: none;
   height: 160px;
   width: 300px;
   position: absolute;
   bottom: 15px;
   left: 15px;
   background-color: #f8f8f8;
   z-index: 1000;
}

.infoline {
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 10px;
   color: #0456a8;
   vertical-align: top;
   border-bottom: 1px dotted #0456a8;
}


/* avoid borders on imagelinks */
a img {
   border: none;
   display: block;
}

/* align all images to avoid padding in html5 */
img {
   border: none;
   display: block;
}

/* for images inline with text */
.inline {
   display: inline;
}

#pagetotal {
   width: 100%;
}

#pageheader {
   position: absolute;
   top: 0px;
   left: 2px;
   border: none;
   height: 104px;
   width: 100%;
   z-index: 9;
}

#headertable {
   border: none;
   padding: 0px;
   margin: 0px;
   width: 100%;
   height: 104px;
   empty-cells: show;
}

#main {
   position: absolute;
   top: 104px;
   height:98%;
   width:100%;
   background-color: #f8f8f8;
   visibility:hidden;
}

#treearea {
   position: relative;
   left: 0px;
   vertical-align: top;
   overflow: auto;
   height: 100%;
}

#contentarea {
   position: relative;
   left: 0px;
   vertical-align: top;
   overflow: auto;
   padding-left: 5px;
   height: 100%;
}

#pagefooter {
   clear: both;
   position: absolute;
   bottom: 0px;
   height: 24px;
   width: 100%;
   background-color: #f0f0f0;
}

#footertable {
   width: 100%;
   height: 24px;
   color: #0456a8;
   font-size: 9px;
}

#positionarea, #infoarea {
   position: relative;
   left: 0px;
   top: 5px;
   width: 100%;
   height: 40px;
   vertical-align: top;
}

#positioninfo, #infotext {
   width: 100%;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 14px;
   font-weight: bold;
   line-height: 25px;
   border-bottom: 1px solid #0456a8;
}

#artsearch {
   width: 100%;
   height: 25px;
   float: left;
}

#artdetail {
   width: 100%;
   height: 25px;
   float: left;
}

.draghandle {
   padding: 0px;
   margin: 0px;
   height: 25px;
   width: 25px;
   vertical-align: middle;
   text-decoration: none;
   background-image: url('../assets/draghandle.gif');
   background-repeat: no-repeat;
   border: none;
   background-color: #f8f8f8;
   display: inline;
}

.docframe {
   width: 98%;
   height: 88%;
   border: 2px solid #c0c0c0;
}

.lvtop {
   line-height: 1px;
   background-color: #f0f0f0;
   border-top: 1px solid #c0c0c0;
   border-left: 1px solid #c0c0c0;
}

.lvtopr {
   border-right: 1px solid #c0c0c0;
}

.lvhead {
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   font-weight: bold;
   text-align: left;
   vertical-align: middle;
   line-height: 16px;
   padding-left: 3px;
   padding-right: 3px;
   background-color: #f0f0f0;
   border-left: 1px solid #c0c0c0;
}

.lvheadr {
   border-right: 1px solid #c0c0c0;
}

.lvsep {
   background-color: #f0f0f0;
   border-left: 1px solid #c0c0c0;
   border-bottom: 1px solid #c0c0c0;
}

.lvsepr {
   border-right: 1px solid #c0c0c0;
}

.lvcell {
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   text-align: left;
   vertical-align: middle;
   padding-left: 3px;
   padding-right: 3px;
   border-left: 1px solid #c0c0c0;
   border-bottom: 1px solid #c0c0c0;
}

.lvcellr {
   border-right: 1px solid #c0c0c0;
}

.lvbottom {
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   text-align: left;
   vertical-align: middle;
   padding-left: 3px;
   padding-right: 3px;
   border-bottom: 1px solid #c0c0c0;
}

.lvmsgtext {
   font-family:Courier New, Courier, monospace;
}

.detailcell1 {
   padding-right: 5px;
   width: 60px;
   height: 15px;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   font-weight: bold;
   text-align: right;
   vertical-align: top;
   line-height: 18px;
   border-bottom: 1px dotted #0456a8;
}

.detailcell2 {
   width: 180px;
   height: 15px;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   vertical-align: top;
   line-height: 18px;
   border-bottom: 1px dotted #0456a8;
}

.detailcell3 {
   width: 90%;
   height: 15px;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   vertical-align: top;
   line-height: 18px;
   border-bottom: 1px dotted #0456a8;
}

.logtext {
   font-family: Courier New, Courier;
   font-size: 11px;
}

.labelcol {
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   vertical-align: top;
   text-align: left;
   padding-top: 4px;
   padding-bottom: 4px;
   width: 160px;
}

.searchcol {
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   vertical-align: top;
   text-align: left;
   padding-top: 4px;
   padding-bottom: 4px;
}

.searchinput {
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   vertical-align: top;
   text-align: left;
   width: 258px;
   background-color: #ffffff;
   border: 1px solid #dddddd;
   color: #0456a8;
   border-collapse: separate;
   padding: 1px;
}

.menu0down {
   padding: 0px;
   margin: 0px;
   height: 25px;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   color: #0456a8;
   text-align: left;
   vertical-align: middle;
   text-decoration: none;
   background-image: url('../assets/menu0down.gif');
   background-repeat: no-repeat;
   border: none;
   text-indent: 5px;
   line-height: 25px;
   width: 130px !Important;
}

.menu1go {
   padding: 0px;
   margin: 0px;
   height: 25px;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   color: #0456a8;
   text-align: left;
   vertical-align: middle;
   text-decoration: none;
   background-image: url('../assets/menu1go.gif');
   background-repeat: no-repeat;
   border: none;
   text-indent: -25px;
   line-height: 25px;
   position: relative;
   left: 13px;
   width: 135px !Important;
}

.menu1down {
   padding: 0px;
   margin: 0px;
   height: 25px;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   color: #0456a8;
   text-align: left;
   vertical-align: middle;
   text-decoration: none;
   background-image: url('../assets/menu1down.gif');
   background-repeat: no-repeat;
   width: 135px !Important;
   border: none;
   text-indent: -25px;
   line-height: 25px;
   position: relative;
   left: 13px;
}

.menu2go {
   padding: 0px;
   margin: 0px;
   height: 25px;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   color: #0456a8;
   text-align: left;
   vertical-align: middle;
   text-decoration: none;
   background-image: url('../assets/menu1go.gif');
   background-repeat: no-repeat;
   border: none;
   text-indent: -25px;
   line-height: 25px;
   position: relative;
   top: 10px;
   left: 5px;
}

.highlight, .menu0down:hover, .menu1go:hover, .menu1down:hover, .menu2go:hover, .menu0active, .menu1active, .menu2active {
      font-weight: bold !Important;
   }

.buttonitem {
   padding: 0px;
   margin: 0px;
   background-image: url('../assets/button_blue.png');
   border-style: none;
   width: 140px;
   height: 25px;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 12px;
   font-weight: normal;
   color: #f8f8f8;
   text-align: center;
   vertical-align: middle;
}

.buttonitem:hover {
      font-size: 12px;
      font-weight: bold;
   }


.buttonsmall {
   background-image: url('../assets/buttonsmall.png');
   padding: 0px;
   margin: 0px;
   width: 100px;
   height: 18px;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 9px;
   font-weight: bold;
   border-style: none;
   color: #f8f8f8;
   text-align: center;
   vertical-align: middle;
}

.login {
   padding: 0px;
   margin: 0px;
   width: 70px;
   font: Verdana;
   font-size: 11px;
   text-align: center;
   vertical-align: middle;
   text-align: left;
}

.bigtext {
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 14px;
   font-weight: bold;
}

.headtext {
   font-size: 20px;
   font-weight: normal;
   color: #0456a8;
   text-align: left;
   vertical-align: middle;
   height: 46px;
}

.invisible {
   display: none;
}

.silentlink {
   text-decoration: none;
   font-size: 12px;
}

.sepline {
   border-top: 1px solid #C0C0C0;
   margin-top: 1px;
}

.errortext {
   font-size: 12px;
   font-weight: bold;
   color: #FF2525;
}

.dayoff {
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   vertical-align: middle;
   text-align: center;
   background-color: #f0f0f0;
   color: #a0a0a0;
   border: 1px solid #f0f0f0;
   width: 75px;
}

.dayon {
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   font-weight: bold;
   vertical-align: middle;
   text-align: center;
   background-color: #c0c0c0;
   color: #0456a8;
   border: 1px solid #C0C0C0;
   width: 75px;
}

.tableline {
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   color: #0456a8;
   vertical-align: top;
   border-bottom: 1px dotted #0456a8;
}

.bordertop {
   background-image: url('../assets/headbd_top.png');
   background-repeat: repeat-x;
   height: 8px;
   padding: 0px;
}

.borderbottom {
   background-image: url('../assets/headbd_bottom.png');
   background-repeat: repeat-x;
   height: 8px;
   padding: 0px;
}

.borderleft {
   background-image: url('../assets/headbd_left.png');
   background-repeat: repeat-y;
   width: 8px;
   padding: 0px;
}

.borderright {
   background-image: url('../assets/headbd_right.png');
   background-repeat: repeat-y;
   width: 8px;
   padding: 0px;
}

.borderro {
   background-image: url('../assets/headbd_ro.png');
   width: 8px;
   height: 8px;
   padding: 0px;
}

.borderlo {
   background-image: url('../assets/headbd_lo.png');
   width: 8px;
   height: 8px;
   padding: 0px;
}

.borderru {
   background-image: url('../assets/headbd_ru.png');
   width: 8px;
   height: 8px;
   padding: 0px;
}

.borderlu {
   background-image: url('../assets/headbd_lu.png');
   width: 8px;
   height: 8px;
   padding: 0px;
}

 .k-pdf-export, .k-pdf-export * {
    font-family: Arial Unicode MS;
    font-size: 10px;
 }

