/* ------------------------------------------------------- */
/* ..public/stylesheets/style.css */
/* ------------------------------------------------------- */
:root {
--backcolor: #ffffff;
--backcolor1: #f0f0f0;  
--backcolor2: #e0e0e0;  
--fontcolor:  #101010;	
--fontcolor1: #202020;  
--fontcolor2: #303030;  
--fontcolor3: #404040;  
--headerfontcolor: #ffffff; 
--bordercolor: #d1d1d1;
}
body, a, th, input, textarea, select  { font:10pt/1.5 Arial, "Trebuchet MS", Helvetica, Sans-Serif; color:var(--fontcolor); }
@media screen and (min-device-width: 2000px){
body, a, th, input, textarea, select {font-size: 12pt;}
}
body { background-color:#02254E; margin:0; padding:0; border:0; cursor:default; }
body#mainbody { }
* { scrollbar-width: thin }
* ::-webkit-scrollbar { width: 12px; }
* ::-webkit-scrollbar-track { background: #F1F1F1; }
* ::-webkit-scrollbar-thumb { background-color: #C1C1C1; border-radius:0; border:0; }
h1 {font-size:150%; font-weight:bold; padding:6px 0px 7px 0px; margin:0; }
h2 {font-size:130%; font-weight:bold; padding:4px 0px 7px 0px; margin:0; }
h3 {font-size:104%; font-weight:bold; padding:0px 0px 7px 0px; margin:0; }
h4 {font-size:100%; font-weight:bold; padding:0px 0px 7px 0px; margin:0; }
div.formblock h1, div.formblock h2, div.formblock h3, div.formblock h4  {
color:#02254E; } 
span.title { color:#02254E; }
span.ki {font-size:0.8em;padding:0 2px;border:1px solid royalblue;color:royalblue;margin-right:0.5em }
.colortitle { color:#02254E; }
p { clear:both; margin:0; padding:0 0 8px 0; }
.toggleDisplay { }  
div.displayBigger { display:none }
@media screen and (min-device-width: 2200px){
div.displayBigger { display:block; }
}
ol, ul { vertical-align:top; margin:0 0 0.5em 2em; padding:0; line-height: 1.3;  }
ul > li::marker { font-size:125%; line-height:1.0;  } 
li { margin:0; padding:0 0 0.5em 0.3em; }
li > ol, li > ul {margin-top:7px; } 
.readonly {background-color:transparent; }
.bigger { font-size:105%; }
.bigandbold { font-size:105%; font-weight:bold; }
body#framebody { background-color:#02254E; } 
div#frameDetailDiv, div#frameEditorDiv, iframe { border:0; margin:0; padding:0; background-color:#02254E; } 
td, th { vertical-align:top; padding:0; }
form { width:auto; margin:0; padding:0; background-color:transparent; }
hr { clear:both; height:1px; border:0; background:#C2C2C2;}
div.absatz { line-height:1.6; margin:0px 0px 15px 0px; }
span.hervorhebung { font-weight:bold; font-size:105%; }
a, a:link, a:active, a:visited, a:link.smaller, a:active.smaller, a:visited.smaller { font-size:inherit; font-weight:normal;
color: var(--fontcolor); padding:0; margin:0; text-decoration:none; }
a:hover, a.smaller:hover, form a:hover, a:hover.menu, span.menu a:hover { text-decoration:underline; cursor:pointer; }
div.formblock a, a.command { color:var(--fontcolor); margin:0 1.2em 0 0; }   
div.formblock a::before, a.command:before { content: "🡢";  }
div.cke_inner a::before { content: none !important; }
a.standard { margin:0 !important; }  
a.standard:before { content: none !important }  
textarea { padding:8px 7px 7px 7px; border:1px solid #C0C0C0; margin:0; line-height:1.5; border-radius:2px; background:var(--backcolor); }
div.field { background:var(--backcolor); border:1px solid #C0C0C0;  margin:0; padding:10px 3px 0 11px; min-height:28px; width:230px; border-radius:2px; }
input[type=text], input.field, input.fieldlist, input.fielddate, textarea.field {
background:var(--backcolor); color:var(--fontcolor); font-weight:normal; border:1px solid #C0C0C0; border-radius:2px; margin:0;
padding:8px 10px 8px 10px;
min-height:22px; max-height:1000px; width:230px;
-webkit-appearance:none; 
}
textarea.field { display:block; padding-top:11px } 
input.field:focus, input.fieldlist:focus, input.fielddate:focus, textarea.field:focus  {
box-shadow: rgba(16,16,16,1.0) 0px 0px 0.33em inset; 
}
input.fieldlist, input.fielddate { background-image:url('/images/fieldlist.png'); background-position:right bottom ; background-repeat: no-repeat; }
input.fieldlist:hover, input.fielddate:hover { cursor:pointer }
.hint { background-color:#0078D4; border:1px solid #004a8e; color:white }
.hintcolor { color:#0078D4;}
input[type=button],input[type=submit],
input.fieldbutton, input.fieldbutton2 { height:40px; margin:2px 0 0 0; padding:0; text-align:center;  
border-radius:2px; border: 1px solid #004a8e;
background:#0078D4; color:white; text-decoration: none;
-webkit-appearance:none; 
transition:background-color 0.2s ease;
}
input[type=button].fieldbutton  { width: 28px; padding-left:0; padding-right:0; } 
input[type=button],input[type=submit], input.fieldbutton2 { width: auto; padding-left:1em; padding-right:1em; } 
.btn_transparent { background:var(--backcolor)!important; color:var(--fontcolor)!important; border:1px solid #C0C0C0!important }
.btn_transparent:hover { color:var(--backcolor); background:var(--fontcolor); }
div.fieldbutton, div.fieldbutton2 { display:inline-block;  height:24px; margin:0; padding:14px 0 0 0; line-height:1.0; text-align:center;
border: 1px solid #A0A0A0; border-radius:2px; background:#0078D4; color:white; text-decoration: none;
transition:background-color 0.2s ease; }
div.fieldbutton  { width:30px; } 
input.fieldbutton:hover, div.fieldbutton:hover { background:#02254E!important; color:white!important; cursor:pointer; }
div.fieldbutton2 { width:auto; padding-left:1em; padding-right:1em; border: 1px solid #0078D4  }
input.fieldbutton2:hover, div.fieldbutton2:hover {	background:#02254E; color:white!important; cursor:pointer }
span.fieldinfo {position:absolute; z-index: 10; top: 10px; right:7px; color:gray;}
::-ms-input-placeholder { color: #808081; font-weight: normal; }
::placeholder { color: #808081; font-weight: normal; }
input[readonly], input[readonly="readonly"] { }   
input[disabled], input[disabled="disabled"] { color:#808080; } 
input.file { padding:0px 4px 0px 4px;  }
select { border:1px solid #C0C0C0; border-radius:2px 0 0 2px; }
select.field { background-color:var(--backcolor); padding:3px 3px 4px 5px; margin:0; width:250px; }
.checkbox { vertical-align:middle;width:1.25em; height:1.25em; }
.radiobutton { vertical-align:middle; margin-top:-2px; width:1.25em; height:1.25em; }
img { background-color:var(--backcolor); border:1px solid #C0C0C0; padding:1px; margin:0px; }
div.imgreplace { background-color:transparent; border:1px solid #C0C0C0; padding:1px; margin:0px; }
label, label.label2, label.top { width:120px; float:left; margin:0; padding:10px 0 0 0; white-space:nowrap; overflow:hidden; border:0; color:inherit;}
label.label2 { width:auto; float:none; }
label.top { display:block; width:auto; float:none; padding:0 0 4px 0; }
span.label2 { white-space:nowrap; overflow:hidden;  }
div.fieldSeparator, div.separator  { height:0.8em; }
table.frm { table-layout:fixed; background-color:transparent; width:100%; border:0; border-collapse:collapse; border-spacing:0px; }
table.frm td       { background-color:transparent; padding:0 0 8px 0; border:0;}
table.frm td.label, table.frm td.label150 { width:120px; padding:10px 0 0 0; white-space:nowrap;overflow:hidden; }
table.frm td.label150 { width:150px; } 
table.frm td.field { width:auto; padding-right:22px !important; } 
table.frm td.fieldrow { width:auto; padding-right:0; } 
table.frm td.labelpadding { font-weight:normal; width:100px;  }
table.frm td.fieldpadding { padding-top:9px; width:auto; }
table.inputrow, table.nostyle  {
table-layout:fixed; background-color:transparent; width:100%; border:0; border-collapse:collapse; border-spacing:0px;
}
table.inputrow tr { border:0 }
table.inputrow td, table.inputrow th { background:transparent; color:var(--fontcolor) }
table.inputrow td.inputrow, table.inputrow th { vertical-align:top; padding:0; border:0;}
table.inputrow th { font-weight:bold; text-align:left;padding:7px 0;}
table.inputrow td.field  { background:var(--backcolor); color:var(--fontcolor); text-align:left; width:auto; padding:0 }
table.inputrow tr td.field:hover  { background:var(--backcolor); }
table.inputrow td.button { background:var(--backcolor); color:var(--fontcolor); text-align:right; width:30px;  padding:0 0 0 2px } 
table.frm td table.inputrow {
border-collapse: separate;       
border-spacing: 0;               
border: 1px solid #c0c0c0;       
border-radius: 5px;             
overflow: hidden;   }
table.frm td table.inputrow td input[type=text],
table.frm td table.inputrow td input[type=button].button,
table.frm td table.inputrow td input[type=button].fieldbutton,
table.frm td table.inputrow td textarea.field,
table.frm td table.inputrow td div,
table.frm td table.inputrow td div.button,
table.frm td table.inputrow td div.fieldbutton {
background:transparent; color:var(--fontcolor);
border:0px solid transparent; border-radius:0;  }
table.frm td table.inputrow td input[type=button].fieldbutton { height:38px }  
table.frm table.inputrow tr td input[type=text] { border-left:1px solid #c0c0c0;  } 
table.frm table.inputrow tr td:first-child input[type=text] { border-left: 0;  }
input.button { line-height:1.0; height:20px; padding:0 7px; margin:0 }
.bgtoolbar {background:#F5F5F5; border: 0px solid #C2C2C2; }
div.toolbarframe { height:33px; margin:0; padding:17px 0 0 13px; line-height:1.3;  
background:#FFFFFF none repeat-x;
border-top:0px;
border-bottom:1px solid #C2C2C2;
white-space:nowrap;overflow:hidden; }
div.toolbarframe input.field { border-color:#02254E } 
table.toolbar { table-layout:fixed; background:transparent; width:100%; border:0; border-collapse:collapse; border-spacing:0px; }
table.toolbar tr { border-bottom-width:1px; border-style:solid; border-color:#C2C2C2; }
table.toolbar td { vertical-align:top; background:transparent; padding:0; border:0; white-space:nowrap; overflow:hidden; }
table.toolbar td.label { font-weight:normal; width:100px; padding:10px 0 0 13px; }
table.toolbar td.field { width:auto; padding-right:7px;}
@media screen and (min-device-width: 2200px){
div.toolbarframe { height:38px; }
}
div.separatorColor { background-color:#02254E; }
div.toolbar { text-align:center; margin:7px 0; padding:0; }
div.toolbar input.fieldbutton2 { margin:0 4px 8px 0 }
a.button, a.buttonborder, span.button { font-weight:normal; text-decoration:none; padding:2px 15px 4px 0px; border:0; line-height:1.0;
color:var(--fontcolor); }
a.buttonborder { padding-left:15px; }
a.button:hover, a.buttonborder:hover { cursor:pointer; background-image:url('/images/transparent10.png'); background-repeat:repeat;
margin-left:-15px;
padding-left:15px; padding-top:18px; padding-bottom:18px;
}
a.buttonborder:hover { margin-left:0; } 
span.toolbarbox { border:1px solid #303030;padding:7px 9px 6px 9px; border-radius:2px; color:inherit; background:transparent;}
div.buttonsideleft, div.buttonsideright { position:fixed; z-index:10; top:33%; width:10px; height:auto; line-height:1.0; background:#404041; color:var(--headerfontcolor); cursor:pointer;}
div.buttonsideleft  { border-radius: 0 5px 5px 0; left:0px;  padding:7em 10px 7em 9px; box-shadow: rgba(0,0,0,0.7) 10px 0px 20px -1px; }
div.buttonsideright { border-radius: 5px 0 0 5px; right:0px; padding:7em 7px 7em 12px; box-shadow: rgba(0,0,0,0.7) -10px 0px 20px -1px; }
input.editorFormatted { font-weight:normal; width:99%; }
div.editorFormatted { display:block; background-color:white; border:1px solid #C0C0C0;
margin:1px 0px 0px 0px; padding:7px 7px 7px 9px;
width:100%; min-height:150px; height:auto;
overflow:hidden; }
div.editorFormatted:hover { cursor:pointer; }
div.inputframe { clear:both; margin:0;padding:0;border:1px solid #C0C0C0; }
table {	border:0px; margin:0px; padding:0px; border-collapse:collapse; border-spacing:0; width:100%; }
tr    {	border:0px; margin:0px; }
tr.pointer:hover  { cursor:pointer }
td    {	border:0px; margin:0px; padding:0;  }
div.iframediv, div.iframedivShadow { background:transparent; border:0; padding:0; margin:0; display:none; }
div.iframediv { box-shadow: none; display:relative; }
div.iframedivShadow {
box-shadow: rgba(0,0,0,0.7) 0px 0px 20px -1px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 0px 20px -1px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 0px 20px -1px;
}
div.iframedivdrag { position:absolute; top:0px; left:0px; height:40px; width:90%; z-index:10; background:transparent;cursor:move }
div.popup { z-index:140; position:absolute; display:none; padding:0; margin:0; border:0; color:var(--fontcolor); 
box-shadow: rgba(0,0,0,0.8) 0px 0px 20px;
overflow:scroll; overflow-x:auto; overflow-y:auto;
}
div.popupframe { border:0; background-color:var(--backcolor); }
div.popupframetitle { font-size:100%; line-height:1.25; text-align:left; background-color:#033C80; color:var(--headerfontcolor); padding:0px 0px 0px 16px; margin:0; }
div.popupframetitle:hover { cursor:move; }
div.popupframetitle td { color:var(--headerfontcolor); padding:15px 0 15px 0; }
div.popupframetitle td.close { padding:0px 10px; vertical-align:middle; }
div.popupframetitle td.close:hover { cursor:pointer; background-color:red; color:white }
div.popupframetitle a { color:inherit; }
div.popupframetitle a:hover { color:red; }
div.popupframeinner { padding:12px 16px 16px 16px; background-color:var(--backcolor); color:var(--fontcolor); }
div.popupframeinner td { color:var(--fontcolor); }
span.close { line-height:0.9; padding:0 0.25em; color:inherit; }  
.closeX { font-weight:normal; width:2em; padding:0 0.25em; background:transparent; color:inherit; color:var(--headerfontcolor) }
.closeX:hover { background-color:red; color:white }
div.sidebar { position:fixed; z-index:100; padding:0; margin:0; width:400px; top:0px; right:0px; height:200px;
border:0;
box-shadow: rgba(0,0,0,0.7) -4px 0px 20px ;
overflow:scroll; overflow-x:hidden; overflow-y:auto; background-color:var(--backcolor);
}
div.sidebarDiv { padding: 1.6em 1em 1em 1.6em; margin:0; border:0; } 
.sidebartitle { font-size:150%; font-weight:bold; width:auto; padding-left:0;  }
.sidebarclose { font-size:150%; font-weight:normal; width:1.4em; padding-left: 0px; padding-right:0px; text-align:center; }
.sidebarclosebottom { position:absolute; bottom: 20px; right: 20px; font-weight:normal;color:gray; } 
.sidebarcontent { overflow:scroll;overflow-x:hidden;overflow-y:auto; padding:0; border:0; }
.sidebarclose:hover { cursor:pointer; background-color:red!important; color:white!important; }
div#contentOuter { background-color:transparent;border:0;padding:0;margin:0; }
div#content { border:0; margin:0; padding:0; }
td#mainRight div#content  { padding-right:4px; } 
table#main { width:100%; table-layout:fixed; }
td#mainLeft, td#mainRight, td#mainSeparator { border:0; margin:0; padding:0; border-bottom:1px solid #C2C2C2; background-color:#FFFFFF; }
td#mainLeft, td#mainRight  { width:auto; }  
td#mainRight  { width:50%; border-left:1px solid #C2C2C2; padding-bottom:5px; }
td#mainSeparator { width:0px; padding:0; border:0; background-color:transparent; }
div#headerseperatorframe { width:80px; position:relative; top:0px; left:-79px; border:0; }
div#headerseperator { z-index:10; float:right; width:1px; height:44px; border:0; margin:0; background-color: #00154a; }
div#mainscreendrag, div.screendrag { position:absolute; top:0; left:0; height:100%; width:2px; background:transparent; }
div#mainscreendrag:hover, div.screendrag:hover { cursor:ew-resize; border-left: 5px dashed black; z-index:10; }
div#mainscreenhelp { z-index:10; float:right; width:22px; border:0; margin:12px 0 0 0; padding:0 0 0 7px; color:var(--headerfontcolor); background:transparent; opacity: 0.5; }
div#mainscreenhelp:hover { opacity:1.0; cursor:pointer; }
div#contentLeft   { margin:0; padding:0; overflow:hidden; }
div#contentRight  { margin:0; padding:0; overflow:hidden; }
div#contentDetail { margin:0; padding:0; border:0; background-color:#FFFFFF; }
div.contentframe  { border:0; margin:0; padding:0; }
div#contentLeft   div.contentframe  { }
div#contentRight  div.contentframe  { padding:12px 5px 12px 12px; }
div#contentDetail div.contentframe  { padding:0px 4px 6px 2px;min-height:300px;  }
div.frame        { border:0; margin:0; padding:12px 3px 21px 10px; background-color:#FFFFFF;  } 
div.frameborder  { border:1px solid transparent; padding:20px; background-color:transparent; margin:0; } 
.frameinner{ border:0; margin:0; padding:0; background-color:transparent; }
h1.windowtitle, div#contentDetail > h1, div#contentLeft > h1, div#contentRight > h1 {
height:29px; padding:15px 0 0 13px; font-size:100%; font-weight:normal; line-height:1.0; white-space:nowrap; margin:0;
background:#033C80; color:var(--headerfontcolor); border:0; border-top:0px solid #0A346E; border-bottom:1px solid #C2C2C2; 
}
@media screen and (min-device-width: 2200px){
}
div#contentRight > h1 { background-position:-600px 0; }
h1#detailHeader, body#detailbody h1#detailHeader { height:auto; font-weight:bold; padding-top: 15px; padding-bottom: 15px; line-height:1.0; overflow:hidden; } 
.headerAddition { font-size:90%; color:inherit; }
div.formblock, div.formblockexpand  { background:#F4F5F6; border:1px solid #C2C2C2;
padding:16px 12px 12px 12px; margin:0 4px 12px 0; border-radius:0px; }
div.formblocktitle  { background-color:transparent; background-image:url('/images/transparent02.png'); border-width:0; border-bottom-width:1px; border-style:solid; border-color:#C2C2C2; }
div.formblock h3  { line-height:1.1; white-space:nowrap; overflow:hidden; padding:0 0 11px 0; margin:0; border:0; }
div.commentblock { padding:0.2em 0 0 3px; }
@media screen and (max-device-width: 1050px){
div.formblock, div.formblockexpand  { background:transparent;  }
}
div.footerframe { background:#02254E; margin:0; padding:35px 0 50px 35px; border:0; height:auto; }
table.footer { table-layout:fixed; width:100%; background:transparent; margin:0; padding:0;  }
table.footer td, td.footer { padding:0; border:0; color:#F0F0F0; line-height:1.5; }
table.footer td#ft1 { text-align:left; width:40%; }
table.footer td#ft2 { text-align:left; width:35%; padding-left:50px; padding-right:20px; }
table.footer td#ft3 { text-align:left; width:auto; }
td.footer a:link, td.footer a:active, td.footer a:visited { font-weight:normal; color:inherit; }
table.list { width:100%; border-collapse:collapse; border-spacing:0px; clear:both; margin-bottom:1px;  }
table.list th {	white-space:nowrap; font-weight:bold;
text-align:left; vertical-align:top; line-height:1.0;
height:30px; padding:17px 0 0 13px; overflow:hidden;
background:transparent; color:var(--fontcolor); border:0; border-bottom:4px solid #02254E;
}
table#tabLeftside tr:first-child      { border-bottom:4px solid #02254E;  }
table#tabLeftsideOrder tr:first-child { border-bottom:4px solid #02254E;  }
table#tblprods tr:first-child { border-bottom:4px solid #02254E;  }
div#myreports table.list tr:first-child { border-bottom-width:4px;  }
table#tabLeftside tr:first-child th { height:30px; }
table#tabLeftsideOrder tr:first-child th { height:30px; }
table.list th.colorfull { height:30px; }
table.list th.colorfull { background:#02254E; color:var(--headerfontcolor); font-weight:normal; } 
table.list th.display { } 				
table.list th.hidden { display:none } 	
table.list th.id   { width:0px; display:none }
table.list tr {	background-color:transparent;  }
table.list tr:hover  { background-image:url('/images/transparent05.png'); cursor:pointer }
table.list tr:nth-child(1):hover  { cursor:default; background:transparent } 
table.list tr.none {  background-color:transparent; cursor:default }
table.list tr.none:hover {  background-color:transparent; cursor:default }
table.list tr.newentry  { background-color:#F3DBDB; }
table.list td {	overflow:hidden; padding:0.9em 0px 0.9em 15px; border-width: 0 0 1px 0; border-color:#C2C2C2; border-style:solid; }
table.list tr:nth-child(2) td { border-top-width:1px; } 
table.list td.display { }
table.list td.hidden { display:none } 
table.list td.prj  { }
table.list td.id {  width:0px; border-bottom:1px solid #d0d1e6; display:none;  }
td#filepic { padding-left:25px; background-image:url('/images/file.png'); background-repeat:no-repeat }
td#dirpic  { padding-left:25px; background-image:url('/images/dir.png');  background-repeat:no-repeat }
div.adrcard { position:relative; float:left; overflow:hidden;
background-color:var(--backcolor);
border:1px solid #C2C2C2;
width:180px; height:136px;
padding:7px 3px 0 9px;
margin:12px 0 0 10px;  }
@media screen and (min-device-width: 2200px){
div.adrcard{ height:180px; }
}
div.adrcard:hover  { background-image:url('/images/transparent05.png'); cursor:pointer }
div.adrcard p { white-space:nowrap; overflow:hidden; }
div.flagouter {float:left; width:90px; padding:2px; margin:0 5px 5px 0; background-color:#FFFFFF; border:1px solid #C2C2C2; }
div.flagouter:hover { cursor:pointer; }
div.flag { font-size:90%; width:90px; height:90px; padding:0; background-color:#D0D0D1; text-align:center; }
div.flag img { float:none; border:0; padding:0; margin:0; max-width:90px; max-height:90px; }
div.flag div.type { font-size:150%; font-weight:bold; line-height:1.1; border:0; padding:10px 0 0 0; margin:0 10px; }
div.flagsubline { padding:0; margin:2px 0 0 0; font-size:90%; white-space:nowrap; overflow:hidden; text-align:center; }
div.timescaledrop, div.timescalenodrop { position:relative; top:0; left:0; border:0;border-left:1px solid transparent; margin:0; padding:10px 0 0 0; height:30px; overflow:hidden; }
div.timescalenodrop { width:20px; }
table.timescale1 { table-layout:fixed;  }
table.timescale1 tr { background-color:transparent; border-bottom-width:1px!important; }
table.timescale1 tr:hover { background-color:transparent;  }
table.timescale1 td.timescale1 { white-space:nowrap; overflow:hidden; line-height:1.0; font-size:90%;
border:0; color:var(--fontcolor); border-left:1px solid white;
background-color:transparent; padding:3px 0 3px 0; }
table.timescale2 { table-layout:fixed; }
table.timescale2 tr { background-color:transparent; border:0!important; }
table.timescale2 tr:hover { background-color:transparent;  }
table.timescale2 td.timescale2 { white-space:nowrap; overflow:hidden; line-height:1.0; font-size:85%;
border:0; color:var(--fontcolor); border-left:1px solid white;
background-color:transparent; padding:4px 0 4px 0; }
div.prjduration {background-color:red;border:0;padding:0;width:0;height:3px;font-size:2px;}
div.prjcompletion {background-color:#00ff00;border:0;padding:0;width:0;height:6px;font-size:2px;}
.dragprjtime { position:relative; top:10px; background-color:#435368; height:20px; margin:0; padding:0; }
.dragprjtime:hover { background-color:black; cursor:move; }
.prjtimebackground { position:absolute; top:2px; height:36px; margin:0; padding:0; background:transparent url('/images/transparent10.png') repeat;}
.prjtitleinfo { font-weight:bold; }
div.tabreiter { position:relative; height:52px; padding:0; margin:0; border:0; background:transparent; color:calc(--fontcolor); }
table.tab { table-layout:fixed; width:100%; border-spacing:0px; margin:0; }
table.tab td { text-align:center; vertical-align:top; line-height:1.0; white-space:nowrap; overflow:hidden;
height:30px; padding:17px 0 0 0; border:0; border-bottom:1px solid #c2c2c2;
}
table.tab td.tabactive    { font-weight:bold; }
table.tab td.tabinactive  { font-weight:normal; }
table.tab td.tabinactive:hover { background-image:url('/images/transparent10.png'); border-radius:0!important; background-repeat:repeat; cursor:pointer; }
div.tabactivemarker { border:0; height:4px; margin:0; background: #02254E } 
table.tab td.tabactive > div.tabactivemarker { display:block }
table.tab td.tabinactive > div.tabactivemarker { display:none; }
table.tab td.tabseparator { width:1px; padding:0; background:transparent; }
div.tabelement { font-weight:inherit; border:0; border-left:10px solid transparent; border-right:10px solid transparent;
margin:0; padding:0; white-space:nowrap; overflow:hidden; height: 30px; 
}
div.tabreiterPopup { z-index:150; position:absolute; display:none; padding:0; margin:0; border:0; overflow:scroll; overflow-x:auto; overflow-y:auto; border:1px solid #c2c2c2; }
table.noframe { background-color:transparent; width:100%; }
table.noframe tr { }
table.noframe tr:hover { background-image:url('/images/transparent05.png'); cursor:pointer; }
table.noframe tr.none {  background-color:transparent; cursor:default }
table.noframe tr.none:hover {  background-color:transparent; cursor:default }
table.noframe td { padding:0.8em 2px 0.7em 2px; margin:0; border:0; }
table.noframe td div.comment{ margin:0; }
table.noframe td div.commentNoMargin{ margin-left:0px; margin-top:3px;  }
table.noframe td.colortable { border:1px solid #C2C2C2; padding:3px; }
table.noframe td.borderbottom { border-bottom:1px solid #C2C2C2; }
table.noframe td.mail, table.noframe td.hidden { font-weight:normal; white-space:nowrap; overflow:hidden; padding:0.9em 13px 0.9em 0px; margin:0; border:0; border-color:#C2C2C2; border-style:solid; border-bottom-width:1px; }
table.noframe tr:first-child { background-image:none }
table.noframe td.hidden { display: none; }
table.noframe tr.mailheader { border-bottom:5px solid #02254E;   }
table.noframe tr.mailheader td.mail { border-bottom:0; font-weight:bold; height:28px; padding-top:13px; padding-bottom:0; }
table.key { width:100%; table-layout:fixed; border:0; background-color:var(--backcolor); }
table.key tr { border:0}
table.key td { text-align:top; border-bottom:1px dotted #C0C0C0; background-color:var(--backcolor); color:var(--fontcolor); padding:9px 5px 7px 8px; white-space:nowrap; overflow:hidden; }
table.key td#keyedit { width:35px; padding-left:3px; padding-right:0px; text-align:center; color:silver; }
table.key td#filler { width:10px; border:0; padding-left:0px; padding-right:0px; }
table.key tr td:hover  { background-image:url('/images/transparent05.png'); cursor:pointer }
table.key td.title  { background-image:url('/images/transparent10.png'); color:var(--fontcolor); font-weight:bold; border:0; cursor:default; text-transform:uppercase; }
table.key tr td.title:hover { background-image:url('/images/transparent10.png'); cursor:default }
table.key td.menu  { white-space:normal; overflow:auto; padding:9px 5px 7px 9px;  }  
table.key tr td.menu:hover  { cursor:pointer; }
span.menuicon { display:inline-block; width:2.2em; color:var(--fontcolor1); }
span.icon { opacity: 0.80;  } 
span.icon:hover { opacity:1.0; cursor:pointer; }
table.key td.empty  { background:var(--backcolor); color:var(--fontcolor); cursor:default }
table.key tr td.empty:hover  { background:inherit; cursor:default }
div.keylvl1 { padding:0;border:0;margin:0; font-size:105%; font-weight:bold; text-transform:uppercase; }
div.keylvl2 { padding:0;border:0;margin:0; }
div.keylvl3 { padding:0;border:0;margin:0; }
div.keyindent { margin:-9px 0 -9px 9px;padding:9px 0 9px 9px; border-left:1px dotted #C0C0C0;}  
span.keywords1, span.keywords2, span.keywords3, span.keywords4, span.keywords5
{ font-size:11px; font-weight:bold; line-height:2.1; margin-right:10px; padding:0; color: #101010; }
span.keywords2 { font-size:14px; line-height:1.9; color:#202020 }
span.keywords3 { font-size:17px; line-height:1.7; color:#303030 }
span.keywords4 { font-size:20px; line-height:1.5; color:#404040 }
span.keywords5 { font-size:23px; line-height:1.3; color:#505050 }
span.keywords1:hover, span.keywords2:hover, span.keywords3:hover, span.keywords4:hover, span.keywords5:hover { cursor:pointer; color:red;  }
.dateHeader  { font-size:110%; font-weight:bold; color:var(--fontcolor2); line-height:1.3; text-align:center; width:100%; padding:0; margin:0; }
.dateTodayDiff  { font-size:90%; line-height:1.2; color:var(--fontcolor1); text-align:center; padding:2px 0 0 0; }
a.dateNavigation  { font-weight:normal; line-height:1.3; padding:1px 3px 2px 3px;  }
a.dateNavigation:hover  { text-decoration:none; background-image:url('/images/transparent05.png'); cursor:pointer  }
a.dateNavigationLeft  { font-weight:bold; color:#101010; line-height:1.3; }
a.dateNavigationRight  { font-weight:bold; color:#101010; line-height:1.3; }
a.dateTimeNavigationLeft  { font-weight:bold; color:var(--fontcolor); vertical-align:top; padding:1px 5px 0px 5px;  }
a.dateTimeNavigationRight  { font-weight:bold; color:var(--fontcolor); vertical-align:top; padding:1px 5px 0px 5px;  }
table.dateCal { width:100%;border:0;background-color:transparent; margin:5px 0px 3px 0px; }
table.dateCal tr { border:0; }
table.dateCal th { font-weight:normal; border:0; background-color:var(--backcolor); color:var(--fontcolor); text-align:center; padding:4px 0; }
table.dateCal th.dateNavigation, table.dateCal th.dateNavigationBorder { background:transparent; text-align:center; padding:2px 0 5px 0; }
table.dateCal th.dateNavigationBorder { text-align:center;  }
table.dateCal th.weekdays, table.dateCal th.kw { background:transparent; text-align:center; width:39px;
color:var(--fontcolor); border-bottom:4px solid #02254E; font-weight:bold; padding:5px 0; }
table.dateCal th.prev { text-align:right; }
table.dateCal th.next { text-align:left; }
table.dateCal td { text-align:center; font-weight:normal; line-height:1.0; border:0; background-color:var(--backcolor); color:var(--fontcolor); padding:6px 0px; }
table.dateCal td.othermonth { background-color:var(--backcolor1);  color:var(--fontcolor1); }
table.dateCal td.kw { background-color:var(--backcolor1)  }
table.dateCal td.today { font-weight:normal; background-color:#b4f4b4; } 
table.dateCal td.weekend { color:red; }
table.dateCal td.weekendothermonth { background-color:var(--backcolor1);  color:red; }
table.dateCal td:hover  { background-color:var(--backcolor2); cursor:pointer }
table.dateCal td.kw:hover { cursor:default }
div#dateTimeTable { padding:0; margin:0px 0px 5px 0px; border:0;  }
table.dateHour, table.dateMinute { border:0; background-color:var(--backcolor); margin:0 }
table.dateHour th, table.dateMinute th { background:transparent;  border-bottom:4px solid #02254E; color:var(--fontcolor); font-weight:bold; padding:5px 0px; }
table.dateHour td, table.dateMinute td { width:35px; padding:6px 0;  }
table.dateHour td.hh, table.dateMinute td.mm { font-weight:normal; line-height:1.0; background-color:var(--backcolor); color:var(--fontcolor); text-align:center; }
table.dateHour td:hover.hh, table.dateMinute td:hover.mm { background-image:url('/images/transparent05.png'); cursor:pointer }
td.searchatoz { line-height:1.0; padding:0; text-align:center;
background-color:transparent;
border-right-width:0px;
border-style:solid;
border-color:#A2A5AC;
}
td.searchatoz:hover { color:#02719a; cursor:pointer; }
.drag, .drag1, .drag2, .drag3
{ width:auto; border:1px solid #909090; margin:0px; padding:2px; }
.drag0, .drag01, .drag02, .drag03
{ width:auto; margin:0px; padding:0 4px; }
.drag:hover, .drag1:hover, .drag2:hover, .drag3:hover, .drag0:hover, .drag01:hover, .drag02:hover, .drag03:hover
{ background-color:black!important; color:white!important; cursor:move;  }
.drop {} 
.dropover { background-color:yellow!important;   }
.dropoverborder { border:5px solid #FAFAD2; background-color:#FAFAD2; }
.dropoverbordertblrow { background-color:#FAFA00!important; }  
table.folderframe { width:100%; border-collapse:collapse; border-spacing:0px; background-color:transparent; margin:0; }
th.folderframe { color:var(--fontcolor); white-space:nowrap; overflow:hidden; text-align:left; height:17px;
padding:6px 0px 5px 12px;
background:#02254E; border:0; border-bottom:1px solid #00214f;
}
td.folderframe, td.folderframesmall { padding:0px;  border:0px solid #C2C2C2; background-color:transparent; }
td.folderframesmall { background-color:#F5F5F6; } 
div.foldercontainer { padding:0; overflow:scroll;overflow-x:hidden;overflow-y:auto; }
table.folders { width:100%; border:0; border-collapse:collapse; border-spacing:0px; }
table.folders td { height:35px; vertical-align:middle; padding:1px 1px 0 12px;   } 
table.folders tr:hover { background-image:url('/images/transparent05.png'); cursor:pointer; }
div.foldername { border:0; margin:0; padding:3px 0 4px 0px; font-weight:normal; white-space:nowrap; overflow:hidden;
}
div.foldernamenopic { border:0; margin:0; padding:0; font-weight:normal; white-space:nowrap; overflow:hidden; }
.fchildtitle { font-weight:bold; }
div.fdrag { float:left; padding:0; width:19px;height:19px; margin-top:-3px; margin-right:5px;
background-image:url('/images/todo_small.png');
background-repeat:no-repeat; }
div.fdrag:hover { background-color:black; cursor:move;  }
.hidden { display:none }
.fdrop { border:0; background-color:transparent;   }
.fdropover { background-color:#FAFAD2; }
table.mail { table-layout:fixed; background:transparent; width:100%; border:0; border-collapse:collapse; border-spacing:0px; }
table.mail tr, table.mail tr:hover { background:transparent; }
table.mail tr.mail, table.mail.tr:hover { background:transparent; }
table.mail td { vertical-align:top; background:transparent; padding:0; border:0; white-space:nowrap; overflow:hidden; }
table.mail td.label { font-weight:normal; width:91px; padding:9px 0 0 0; }
table.mail td.field { width:auto; padding-right:7px;}
table.mail td.headerlabel { font-weight:normal; width:85px; padding:0 0 5px 0; }
table.mail td.headerfield { font-weight:normal; width:auto; padding:0 0 5px 0; }
table.mail td.headerfield p { padding:0 0 4px 0; }
@media screen and (min-device-width: 2200px){
table.mail td.headerlabel { width:110px; }
}
div.mailscontainer { min-height:0; padding:0;margin:0;border:0;overflow:scroll;overflow-x:hidden;overflow-y:auto; }  
iframe.mailcontainer { background:white; } 
.singleline { white-space:nowrap; overflow:hidden; }
.imgexpand { background-color:transparent; float:left; padding:1px 14px 0 3px; border:0 }
div.colorselect { float:left; text-align:center; width:150px; border:1px solid #a0a0a1; margin:0 10px 10px 0; padding:10px; background-color:transparent; }
div.colorlabel { font-family:Arial;font-size:95%;text-align:center; min-height:38px; border:0; margin:0; padding:0; background-color:transparent; }
input.color { width:120px; height:40px; padding:2px 10px; border:1px solid #101010; margin-top:1px; background-color:var(--backcolor); }
div.editorFormatted h1, div.editorShow h1 { font-size:175%; font-weight:bold; margin:0; padding:0.65em 0; line-height:1.4; white-space:normal; background:transparent; filter: none; border:0;}
div.editorFormatted h2, div.editorShow h2 { font-size:150%; font-weight:bold; margin:0; padding:0.50em 0; line-height:1.4; }
div.editorFormatted h3, div.editorShow h3 { font-size:110%; font-weight:bold; margin:0; padding:0.40em 0; line-height:1.4; }
div.editorFormatted h4, div.editorShow h4 { font-size:100%; font-weight:bold; margin:0; padding:0.25em 0; line-height:1.4; }
div.editorFormatted p, div.editorShow p {  line-height:1.4; padding:0 0 0.6em 0; }
div.editorFormatted ul, div.editorShow ul, div.editorFormatted ol, div.editorShow ol { vertical-align:top; margin:0 0 0.5em 2em; padding:0; line-height: 1.3;  }
div.editorFormatted li, div.editorShow li {  line-height:1.3; margin:0; padding:0 0 0.5em 0.3em;  }
div.editorFormatted li > ol, div.editorFormatted li > ul,
div.editorShow li > ol, div.editorShow li > ul {margin-top:7px; margin-bottom: 0px } 
div.editorFormatted table, div.editorShow table { border:0; border-collapse:collapse; border-spacing:0px; margin:0 0 14px 0; }
div.editorFormatted td, div.editorShow td { line-height:1.3; padding: 3px 7px 3px 3px; border:1px solid #C2C2C2; vertical-align:top; }
div.editorFormatted td p, div.editorShow td p { padding-bottom:7px; }
form#frmsearch { background-color:transparent; float:left; margin:-4px 12px 0px 0px; padding:0;} 
input.searchfield  { font-weight:bold; width:100px; height:17px; float:left;
padding:7px 7px 5px 7px; margin:-5px 0 0 0; background-color:#FFFFFF; border:1px solid #C0C0C0; border-radius:2px;
-webkit-appearance:none; 
}
input.searchbutton  { line-height:1.0; padding:0; font-size:11px; }
img.searchlupe  { float:left; background-color:transparent; border:0; margin:0; padding:0 0 0 7px; }
img.searchlupe:hover { cursor:pointer;}
div.round, span.round, .hint, .hintcolor, .hintborder {  padding:2px 4px; }
.hint { background-color:#0078D4; border:1px solid #004a8e; color:white }
.hintcolor { color:#0078D4;}
.hintborder { border:1px solid #0078d4; } 
.hintbg { background-color:#0161BA!important; color:white }	
.hintwarning, .hintwarningcolor, .hintwarningborder {  padding:2px 4px; }
.hintwarning { background-color:#A61700; border:1px solid #951400; color:white }
.hintwarningcolor { color:#A61700;}
.hintwarningborder { border:1px solid #A61700; } 
.hintwarningbg { background-color:#af2e1a!important; color:white }
.hintfine, .hintfinecolor, .hintfineborder {  padding:2px 4px;  }
.hintfine { background-color:#009C79; border:1px solid #008c6c; color:white }
.hintfinecolor { color:#009C79;}
.hintfineborder { border:1px solid #009C79; } 
.hintfinebg { background-color:#1aa686!important; color:white }
div.streetmap { width:100%; height:700px; border:1px solid #C2C2C2; }
div.streetmap img { background:transparent; border:0; margin:0; padding:0; }
div#transparent { z-index:99; display:none;
position:fixed; left:0px; top:0px; width:100%;
padding:0; margin:0; border:0;
background:transparent url('/images/transparent50.png') repeat;
}
div.punkt { background-color:#303030; }
input[type="range"] {
-webkit-appearance: none;
appearance: none;
background: white; border:1px solid black;
cursor: pointer;
height:7px; width: 5rem;
}
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none; 
appearance: none;
margin-top: 0px; 
background: white; border:1px solid black;
height: 20px;
width: 12px;
}



/* ------------------------------------------------------- */
/* ..public/stylesheets/topmenu.css */
/* ------------------------------------------------------- */
.headerframe { background-color:#02254E!important; border-color:#02254E!important; color:var(--headerfontcolor); border-width:0; }
.backgroundColor { background-color:#02254E; }
.borderColor { border-color:#02254E; }
.borderColorDark { border-color:#00214f; }
.menuFontColor { color:#FFFFFF!important; }
.menuFontColorActive { color:#007CB6!important;  }
.menuBorderColorActive { border-color:#007CB6!important;  }
table.topmenuLogoBox { position:absolute; top:0px; right:0px; border:0; width:auto;  }
table.topmenuLogoBox td { width:auto; height:63px; background:#02254E; border:0;
border-bottom:1px solid #00214f; padding:0 20px; text-align:center; vertical-align:middle;
}
.customlogo { background:transparent; color:var(--headerfontcolor); opacity:0.85 } 
img#topmenuLogo { border:0; padding:0; max-height:63px; max-width:250px; background-color:transparent;  }
div#titletop { position:relative; font-size:21px; font-weight:bold; line-height:1.0; color:var(--headerfontcolor); background-color:transparent; padding:15px 0 0 20px; margin:0; }
div#titletop span#top1 { letter-spacing:-0.05em; color:var(--headerfontcolor); }
div#titletop span#top2 { letter-spacing:-0.06em; color:#b0d8ff; padding-left:7px; }
.colormandant {color:#02254E}
.colormandantFG { color:var(--headerfontcolor);}
.colormandantBG {background-color:#02254E!important; color:var(--headerfontcolor);}
div.topMandantFrame { display:none; padding:0; background:#02254E; border-bottom:1px solid #00214f; }
table.topMandant { width:auto; background-color:transparent; border-collapse:separate; border-spacing:0px;  }
table.topMandant td {
line-height:1.0; color:var(--headerfontcolor); height:28px; padding:12px 12px 0px 12px; white-space:nowrap; overflow:hidden;
background-color:transparent; border-left:1px solid #0A346E; border-right:1px solid #00214f;
}
table.topMandant td span.button { border:1px solid white; border-radius:2px; padding:1px 3px 0px 3px; }
table.topMandant td span.button:hover { color:#3398ff;  }
div.menuround, div.menuroundSmall { display:inline-block; text-align:center; font-size:20px; line-height:1.7;
width:36px; height:36px; padding:0;
border-radius:20px;
color:var(--headerfontcolor);
border:2px solid var(--headerfontcolor);
cursor: pointer;
}
div.menuroundSmall {
width:27px; height:27px; font-size:13px; line-height:2.0; border-radius:15px; }
div.topmenu {  height:auto; margin:0; padding:0; overflow:hidden;
border:0; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#00214f;
}
span.topmenuColor { color:#02254E; }
table.topmenu { width:auto; background:transparent; border-collapse:collapse; border-spacing:0px; }
table.topmenu td { background:transparent; color:var(--headerfontcolor); vertical-align:middle; height:50px; padding:0px 13px 0px 13px; margin:0; border-width:0; border-color:#00214f; border-style:solid;  }
table.topmenu td:hover { background-image:url('/images/transparentw20.png'); background-repeat:repeat; border-radius:0!important  }
table.topmenu td span { color:var(--headerfontcolor); }
table.topmenu td.activeMainMenu { background:var(--backcolor); color:var(--fontcolor); border:0;  }  
table.topmenu td.logocell { background:transparent; text-align:right; padding:0px; }
table.topmenu td.logocell:hover { cursor:pointer; }
table.topmenu td#btsetting:hover { background:royalblue; }
table.topmenu td#btsupport:hover { background:darkgoldenrod; }
table.topmenu td#bthelp:hover { background:lightseagreen; }
table.topmenu td#btlogout:hover { background:red; }
div.topmenuRow1 { color:inherit; white-space:nowrap; text-transform:uppercase;line-height:1.0;padding:5px 0 2px 0;} 
div.topmenuRow2 { color:inherit; white-space:nowrap; text-transform:none;line-height:1.1; } 
table.topmenu td.activeMainMenu div { color:var(--fontcolor);  }  
a.topmenu,  a.topmenu:link,  a.topmenu:visited, span.topmenuText {
display:inline-block; white-space:nowrap; font-weight:normal; line-height:1.0; color:var(--headerfontcolor); margin:0; border:0; padding:0; text-decoration:none; text-transform:uppercase; }
a.topmenu:hover { cursor:pointer;  }
span.topmenuText { text-transform:none; background:transparent none; }
form#frmglobalsearch  { color:var(--headerfontcolor); }
form#frmglobalsearch > input.searchfield { border-color:white; }
div.submenu { background:#02254E; margin:0; padding:0px 2px 0px 0px; overflow:hidden; border:0px solid #00214f; border-bottom-width:1px } 
table.submenuFrame { width:100%; border:0; border-collapse:collapse; border-spacing:0px; }
td.submenuFrameLeft { text-align:left; padding:0; }
td.submenuFrameRight { text-align:right; padding:0; }
table.submenu { width:auto; border:0; border-collapse:separate; border-spacing:0px; }
table.submenu td.submenu, table.submenu td.submenuActive { vertical-align:top; line-height:1.0; padding:1em 1em 1em 13px;  margin:0; white-space:nowrap; overflow:hidden; }
table.submenu td.submenuActive { background-color:#007CB6; }
table.submenu td.submenu:hover { background-image:url('/images/transparentw20.png'); background-repeat:repeat; }
a.submenuLeft,  a.submenuLeft:link,  a.submenuLeft:visited,
a.submenuSelect,  a.submenuSelect:link,  a.submenuSelect:visited {
color:var(--headerfontcolor); font-weight:normal; line-height:1.0; text-decoration:none; margin:0; padding:0; }
a.submenuLeft:hover { cursor:pointer; }  
a.submenuSelect,  a.submenuSelect:link,  a.submenuSelect:visited {  }
a.submenuSelect:hover { cursor:pointer; }
span#submenuLeftBarLabel { position:absolute; width: 100px; display:none; color:var(--headerfontcolor); line-height:1.0; border:2px solid white; border-radius:5px; padding:7px 18px 8px 12px; }
div.submenupopup {
z-index:150; position:absolute; display:none; padding:0; margin:0; border:0;
box-shadow: rgba(0,0,0,0.5) 10px 10px 15px -6px, rgba(0,0,0,0.5) -10px 10px 15px -6px;
}
div.submenupopup div.popupframeinner { padding:18px;border-radius:0px 2px 2px 2px; }
div.indicator {
display: none;
z-index:100;
position: fixed; left:30%; top: 117px; margin:0;  
width:40%; height:10px; padding: 0; border:0;
background: transparent;
}
div.indicator .indicatorBar {
position:absolute;
height:8px;
left:50%;
top:0;
width:0;
border-radius: 3px;
background:#0078D4; 
animation:indicatorAnimation 2s linear infinite;
}
@keyframes indicatorAnimation {
0%  { left:50%; width:0%;  }
40% { left:0%; width:100%; }
50% { left:12.5%; width:75%; }
60% { left:0%; width:100%; }
100% {left:50%; width:0%;  }
}
.blink {
animation-name: animation_blink;
animation-timing-function: ease-in;
animation-duration: 2s;
animation-iteration-count: infinite;
}
@keyframes animation_blink {
0% { opacity: 1; }
50% { opacity: 0.1; }
100% { opacity: 1; }
}
div.clockDigital { max-width:100px;white-space:nowrap;overflow:hidden;color:inherit;text-transform:uppercase;font-size:144%;line-height:1.0;margin-top:-1px;padding-bottom:1px;}
div.timezone { max-width:100px;white-space:nowrap;overflow:hidden;color:inherit;text-transform:uppercase;font-size:66%;line-height:1.1; }



/* ------------------------------------------------------- */
/* ..public/stylesheets/postit.css */
/* ------------------------------------------------------- */
td#postittoolbar {
padding:10px 20px 20px 10px;
background:transparent url('/images/transparent70.png') repeat;
}
input.btnpostit { background-color:white; color:black;}
div#postit_pane {
min-height:600px;
margin:10px 0 0 0;
background-color:transparent;
}
div.postit_frame { position:absolute;
background:#fffde7;
padding:0px;
display:block;
width:300px;
border:8px solid #fffde7; ;
}
div.postit_frame:hover { border-color:#0078D4; cursor:move; }
img.postit_size { position:absolute; right:0px; bottom:0px; width:20px; height:20px;
background:transparent;
padding:0; border:0;
}
div.postit {
background-color:transparent;
width:300px;
border:0; }
div.postitheader {
font-size:0.9em; text-align:right;;
font-weight:normal;
margin:5px 10px 7px 0px;
white-space:nowrap;
overflow:hidden;
color:black;
}
div.postittext, div.postittext p, div.postittext a, div.postittext td  {
font-size:18px;
font-weight:400;
margin:0;
padding:0;
border:0;
background-color:transparent; color:black;
}
div.postittext td { padding: 2px 7px 2px 0 }
div.postittext  {
width:240px;
margin:5px 0 0 20px;
overflow:scroll; overflow-x:auto; overflow-y:auto;
scrollbar-width: thin;
}
* { scrollbar-width: thin }
* ::-webkit-scrollbar { width: 7px; }
* ::-webkit-scrollbar-track { background: #F1F1F1; }
* ::-webkit-scrollbar-thumb { background-color: #C1C1C1; border-radius:0; border:0; }
div.postittext:hover { cursor:pointer; }
div.postittext p, div.postittext li  { padding:0 0 0.5em 0;	}
div.postitmenu { padding:7px 0 2px 0; white-space:nowrap; overflow:hidden; }
a.postit { font-size:0.9em; font-weight:normal; margin:0 10px 0 0; color:black; }
textarea.postitinput { width:96%; height:200px; margin-bottom:10px; }
div.targetframe { width:720px; text-align:left;
border:10px solid #D0D0D1; border-radius: 5px;
background:white;
}
div.target {  padding:15px 20px 20px 20px; background:white; }
p.targethelp { color:#ffffff; font-size:14px; line-height:1.2; padding-bottom:10px; }
div.targetdate, div.targetmenu { float:left; color:#A0A0A0; width:170px; min-height:60px; padding:7px 10px; text-align:center;
border:2px solid #D0D0D1; border-radius: 4px; }
div.targetmenu:hover { cursor:pointer }
span.targetdate1 { font-size:30px; color:#808080; font-weight:bold; line-height:1.2; letter-spacing:-0.05em; }
span.targetdate2 { font-size:14px; color:#808080; font-weight:bold; line-height:1.0 }
div.targetGlobal, div.targetDay , div.targetReward { overflow:hidden; padding:10px 0 10px 5px; height:100px; }
div.targetGlobal, div.targetGlobal p { font-size:48px; font-weight:bold; line-height:1.1 }
div.targetDay, div.targetDay p { font-size:24px; font-weight:bold; }
div.targetReward, div.targetReward p { font-size:16px; font-weight:bold; }
span.targetlabel { background:black;color:white; padding:2px 7px; border:1px solid #C2C2C2; border-radius: 4px; }