/* style/css3.0 */
HTML, BODY{
background:#225533;	
border:0px;
color:#EEFFCC;
margin:0px;
padding:0px;
min-height: 100vh;
line-height	:1.3;
font-family:Arial, Helvetica, Sans-serif;
font-size:medium;
font-size:1vw;
image-rendering:-moz-crisp-edges;
image-rendering:pixelated;
caret-color: red;
}
IMG {border:0px;max-width:100%;height:auto;}
TABLE{
border:0px solid #993333;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, Sans-serif;
font-size:medium;
font-size:1.5vw;
line-height	:1.3;
/* background:#002200;*/
/* color:#CCDDAA;*/
}
P{color:#EEFFCC;}
B{color:#EEFFCC;}
TR{border:0px;margin:0px;padding:0px;}
TH{border:0px;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, Sans-serif;
font-weight :bold ;
background:#114411;
color:#DDFFBB;
}
TD{
/* background:#003300;*/ 
/* color:#CCFFAA;*/
border:0px;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, Sans-serif;
}
PRE { white-space: break-spaces;  }
TT{
background-color: ; 
color: ; 
display:inline;
font-family:monospace, fixed;
font-size: .85em;
font-size:1.3vw;
border:0px;
border-radius: 3px; 
/*margin:0px ;*/
padding:0px 2px 1px 2px;
}
CODE { 
font-family:monospace, fixed;
background-color: ; 
color: ;  
display:block;
overflow: hidden;
font-size: .85em;
font-size:1.3vw;
border:0px;
border-radius: 3px; 
margin:3px 0px 3px 0px ;
padding:  3px  8px 3px  8px;
/*word-break: break-word;*/
white-space: break-spaces;
}
KBD {
background-color: #003300;
margin: 0;
outline: 0;
vertical-align: baseline;
color: #BBCC99;
display: inline-block;
font-size: 1.9vw;
font-weight: 700;
line-height: 1;
padding: 3px 3px 1px 3px ;
border-radius: 5px;
border-color: #001100    #225522        #225522       #002200       ;
border-style: solid;
border-width: 3px;
white-space: nowrap;  

}
KBD:hover {
background-color: #002200;
top: 3px;
}
BLOCKQUOTE{border:0px;margin:0px;}
H1{font-size:7vw ;font-weight :100;border:0px;margin:0px 0px 0px 0px;padding:0px 0px 0px 32px;}
H1.title{font-size:7vw ;font-family:Sans;font-weight :100;border:0px;margin:0px 0px 0px 0px;padding:0px;}
H2{font-size:5vw;border:0px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} 
H2.title{font-size:5vw;font-family:Sans,Arial, Helvetica, Sans-serif;border:0px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} 
H3{font-size:3.2vw;border:0px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
H4{font-size:2.2vw;border:0px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} 
H5{font-size:1.6vw;border:0px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
H6{font-size:1.2vw;border:0px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
BIG{font-size:2.7vw;font-weight :bold;border:0px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} 
SMALL{font-size:x-small;border:0px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
TEXTAREA{
background:#114422;
color:#DDEEBB;
border:1px solid #FFFFEE;
margin:0px ;padding:3px 2px 3px 2px;font-size:small;
font-size: 1em;
font-size:1vw;
}
INPUT{
background:#114422;
color:#DDEEBB;
border:0;padding:0;display:inline;}
BUTTON, INPUT[type="submit"] , INPUT[type="reset"], INPUT[type="button"]{
border-radius: 3px; 
border:2px;
border-style: outset; 
border-color:#003311;
display:inline;
background:#114422;
color:#DDEEBB;	
/*margin:3px;*/
}
INPUT[type="image"]{
border-radius: 0px; 
border:0px;
padding:0px;
/*margin:0px;*/
display:inline;
background:none;
}	 
FORM{ margin:0px;border:0;padding:0;display:inline;}
UL{color:#EEFFCC;}
A:link{text-decoration:none;color:#CCFF33;}
A:hover{text-decoration:underline;color:#FFFF66;}
A:visited{text-decoration:none;color:#BBEE22;}
A.big{text-decoration:none;color:#CCFF33;font-size:180%;font-weight:bold;}
A.big:hover{text-decoration:none;color:#FFFF66;font-size:180%;font-weight:bold;}
A.current{ color:#1C3C2C;text-decoration:none;font-size:small;}
A.current:visited{ color:#000900;text-decoration:none;font-size:small;}
A.current:hover{color:#3E5E4E;text-decoration:underline;font-size:small;}
A.menu_dir{color:#CCFF33;text-decoration:none;font-size:large;}
A.menu_dir:visited{color:#99CC00;text-decoration:none;font-size:large;}
A.menu_dir:hover {color:#FFFF66;text-decoration:underline;font-size:large;}
A.menu_current_dir {color:#CCFF33;text-decoration:none;font-size:large;}
A.menu_current_dir:visited{color:#99CC00;text-decoration:none;font-size:large;}
A.menu_current_dir:hover{color:#EEFF55;text-decoration:underline;font-size:large;}
A.menu_file,A.menus {color:#CCFF33;text-decoration:none;font-size:medium;}
A.menu_file:visited,A.menus:visited{color:#99CC00;text-decoration:none;font-size:medium;}
A.menu_file:hover,A.menus:hover{color:#FFFF66;text-decoration:underline;font-size:medium;}
A.menu_current_file{color:#CCFF33;text-decoration:none;font-size:medium;}
A.menu_current_file:visited{color:#99CC00;text-decoration:none;font-size:medium;}
A.menu_current_file:hover{color:#EEFF55;text-decoration:underline;font-size:medium;}
A.path {color:#FFFFFF;text-decoration:none;}
A.path:hover {color:#FFFFFF;text-decoration:underline;}
A.grid{color:#1C3C2C;font-size:small;}
A.grid:visited {color:#000900;font-size:small;}
A.grid:hover{color:#1C3C2C;text-decoration:underline;font-size:small;}
A.footer, A.footer:link, A.footer:visited, A.footer:active, A.footer:hover,.footer{color:#7F7F7F;text-decoration:none;font-size:x-small;}
TABLE A {word-wrap: break-word;}
/* TABLE {table-layout: fixed; } */
TD.cell {background:#003300;}
TD.date_cell{background:#225533;color:#333333;font-size:small;}
TD.date_lnk_cell {background:#003300;color:#BBEE99;}
TD.full_cell_a{background:#001100;}
TD.full_cell_b{background:#002200;}
TD.empty_cell_a{background:#001100;}
TD.empty_cell_b{background:#002200;}
.code{font-family:monospace, fixed;background:#003300;color:#CCFFAA;}
.bg{background:#225533;}
.dir{ color :#000099;font-weight:bold ;}
.title{ text-decoration:none;}
/* //**FIXME** sort bar toolbar leaf_toolbarstyle/css2.1*/
.bar{
font-size: 16px;
text-decoration:none;
border:0px;
margin:0px;
padding:0px;
background:#1C3C2C;
color:#4F6F5F;
height:16px;
}
.leaf_toolbar{
text-decoration:none;
border:0px;
margin: 0 0 0 0px;
padding:0px;
color:#CCEEBB;
font-size:x-small;
height:16px;
}
.hl0{background:#999900;}
.hl1{background:#003300;}
.hl2{background:#660000;}
.hl3{background:#000099;}
.col{height:8px;border:0px;margin:0px 0px 0px 0px;font-family:monospace;font-size:small;text-decoration:none;}
.box{background:#000000;color:#CCFFAA;}
.bax{background:#001100;color:#CCFFAA;} 
.bux{background:#002200;color:#CCFFAA;} 
.bix{background:#003300;color:#CCFFAA;}
.lister{ border:0px;margin:0px 0px 0px 0px;text-decoration:none;}
.listerfile{ border:0px;margin:0px 0px 0px 0px;text-decoration:none;color:#009900;font-family:monospace;font-size:x-small;height:8px;background:#002200;}
.listerdir{ border:0px;margin:0px 0px 0px 0px;text-decoration:none;color:#000099;height:8px;font-family:monospace;font-size:x-small;background:#001100;}
.remark{ background:#999911;color:#333300;display:block;border:0px;margin:0px;}
.palette{background:#000000;text-align:center;visibility:hidden;display:none;position:absolute;border:solid 1px #CCC;padding:4px;z-index:999;}
.trk{
border:0px;padding:10px;
background:#003311;
color:#99BB88;
max-height: 200px;
overflow-y: scroll;
}  
#status{background:#660000;text-align:center;position:fixed;width:100%;top:0px;border:0px #CCC;padding:0px;visibility:visible;}	
[id^="tr_"]{padding:20px 0px 20px 0px; justify-content:center;}
[id^="cal_"]{padding:20px 0px 20px 0px; justify-content:center;text-align:center;}
[id^="code_"]{justify-content:center;}
[id^="tools_"]{padding:5px 0px 5px 0px;margin: 10px -32px 10px -32px; justify-content:center;text-align:center; background:#0B2B1B20;border-radius:10px;}
[id^="water_lookahead_"]{padding:16px 0px 20px 0px; justify-content:center;  font-size:2.5vw;  vertical-align: middle;}
#navpath{white-space:pre;font-size:13px;}
#content{padding:0px 32px 10px 32px;justify-content:center;}
/*   */