:root {
   --header-main: #009900;
   --header-hover: #00cc00;
   --box-border: #ff6633;
   --pathnav-hover: #990000;
   --primary-color: #cc0000;
   --body-bg: #ddddcc;
}
body {
   font-family: verdana;
   color: var(--primary-color);
   background-color: var(--body-bg);
}
a {
   text-decoration: none;
}
#pageheader {
   font-size: 16pt;
   font-weight: bold;
   color: var(--header-main);
}
#pageheader input {
   color: var(--header-main);
   font-size: 16pt;
   font-weight: bold;
}
#pageheader span {
   color: var(--header-main);
   cursor: pointer;
}
#pageheader span:hover {
   color: var(--header-hover);
}
.pathtree {
   border: 1px solid var(--box-border);
   font-size: 16pt;
   font-weight: bold;
   padding-left: 3px;
   text-decoration: none;
   width: 100%;
}
#pathtree div {
   color: var(--primary-color);
   cursor: pointer;
   margin-bottom: 0.25em;
}
#pathtree div:hover {
   color: var(--pathnav-hover);
}
.pathpad_1 {
   padding-left: 2em;
}
.foldercontents {
   border: 1px solid var(--box-border);
   border-top: 0px;
   font-size: 13pt;
   padding-left: 3px;
   position: relative;
   width: 100%;
}
#foldercontents div {
   margin-bottom: 0.25em;
}
#foldercontents a {
   color: var(--primary-color);
}
#foldercontents a:hover {
   color: var(--body-bg);
   background-color: var(--pathnav-hover);
}
.target {
   cursor: pointer;
}
.target:hover {
   color: var(--body-bg);
   background-color: var(--pathnav-hover);
}
.tokindle {
   color: var(--header-main) !important;
   cursor: pointer;
}
.tokindle:hover {
   color: var(--header-hover) !important;
}
.hide {
   display: none;
}