body { overflow: hidden;
          margin-top: 0px;
          margin-left: 0px;
          margin-right: 0px;
          margin-bottom: 0px;
          background-size: cover;
          background-color: black;
          background-image: url("/images/wallpaper/KikaNuti.jpg");
          background-repeat: no-repeat;
          background-position: left top;
          background-attachment: fixed;
        }
   
  .mainCanvas { z-index: 0;
                position: absolute;
                margin-top: 15px;
                margin-left: 15px;
                margin-right: 15px;
                margin-bottom: 150px;
              }
   
  .required { top: 0px;
              right: 150px;
              z-index: 1;
              position: absolute;
              min-width: 253px;
              max-width: 253px;
              min-height: 256px;
              max-height: 256px;
              text-align: center;
            }
   
  .requiredText { top: -140px;
                  left: 70px;
                  position: relative;
                  min-width: 100px;
                  max-width: 100px;
                  font-size: 22px;
                  font-weight: bold;
                }
   
  .buttonCanvas { left: 0px;
                  bottom: 0px;
                  z-index: 9998;
                  padding: 2px;
                  position: absolute;
                  min-width: Calc(100% - 88px);
                  max-width: Calc(100% - 88px);
                  min-height: 88px;
                  max-height: 88px;
                  visibility: hidden;
                  background: rgba(255, 255, 255, 0.6);
                  border-radius: 0px 0px 0px 24px;
                }
   
  .icon { margin: 2px;
          cursor: pointer;
          padding: 8px;
          z-index: 9999;
          min-width: 64px;
          max-width: 64px;
          min-height: 64px;
          max-height: 64px;
          border-style: dotted;
          border-color: transparent;
          border-width: 1px;
          border-radius: 24px 24px 24px 24px;
        }
   
  .icon:hover { background: rgba(128, 128, 128, 0.6);
                border-style: dotted;
                border-width: 1px;
                border-color: #C0C0C0;
              }
   
  .configCanvas { right: 0px;
                  bottom: 0px;
                  z-index: 9998;
                  position: absolute;
                  min-width: 82px;
                  max-width: 82px;
                  min-height: 90px;
                  max-height: 90px;
                  visibility: hidden;
                  background: rgba(255, 255, 255, 0.6);
                  border-style: dotted;
                  border-color: transparent;
                  border-width: 1px;
                  border-radius: 0px 0px 24px 0px;
                }
   
  .widgetCanvas { top: 0px;
                  right: 0px;
                  z-index: 9998;
                  position: absolute;
                  min-width: 82px;
                  max-width: 82px;
                  min-height: Calc(100% - 94px);
                  max-height: Calc(100% - 94px);
                  visibility: hidden;
                  background: rgba(255, 255, 255, 0.6);
                  border-style: dotted;
                  border-color: transparent;
                  border-width: 1px;
                  border-radius: 0px 0px 0px 0px;
                }
   
  .widget { cursor: pointer;
            margin: 0px;
            padding: 8px;
            z-index: 9999;
            min-width: 64px;
            max-width: 64px;
            min-height: 64px;
            max-height: 64px;
            border-style: dotted;
            border-color: transparent;
            border-width: 1px;
            border-radius: 12px 12px 12px 12px;
          }
   
  .widget:hover { background: rgba(128, 128, 128, 0.6);
                  border-style: dotted;
                  border-width: 1px;
                  border-color: #C0C0C0;
                }
   
  .notesCanvas { min-width: 609px;
                 max-width: 609px;
                 min-height: 800px;
                 max-height: 800px;
               }
   
  .notesHeader { min-width: 609px;
                 max-width: 609px;
                 min-height: 125px;
                 max-height: 125px;
                 background-color: transparent;
                 background-image: url("/images/notesHeader.png");
               }
   
  .notesValues { font-size: 18px;
                 line-height: 26px;
                 font-family: "Verdana";
               }
   
  .divWindow { z-index: 998;
               position: absolute;
               min-width: 600px;
               max-width: 600px;
               min-height: 325px;
               max-height: 325px;
               text-align: center;
               box-shadow: 20px 10px 20px 0px rgba(0,0,0,0.5);
               background-image: url("/images/window.png");
             }
   
  .baseWindow { right: 100px;
                bottom: 110px;
              }
   
  .divHeader { cursor: move;
               padding: 2px;
               z-index: 999;
               min-width: 594px;
               max-width: 594px;
               min-height: 20px;
               max-height: 20px;
               font-weight: bold;
             }
   
  .divDetail { z-index: 999;
               overflow: auto;
               min-width: 579px;
               max-width: 579px;
               min-height: 300px;
               max-height: 300px;
               text-align: left;
               padding-left: 10px;
               padding-right: 10px;
             }
   
  .divSpacer { line-height: 125%;
             }
   
  .imgCloser { top: 4px;
               right: 4px;
               cursor: pointer;
               z-index: 9;
               position: absolute;
             }
  
  .contextMenu { cursor: context-menu;
                 padding: 15px;
                 position: absolute;
                 visibility: hidden;
                 box-shadow: 20px 10px 20px 0px rgba(0,0,0,0.5);
                 
                 font-size: 22px;
                 font-weight: bold;
                 font-family: courier, courier new, serif;
                 border-style: ridge;
                 background-color: lightGrey;
                 
                 min-width: 400px;
                 max-width: 400px;
                 min-height: 290px;
                 max-height: 290px;
                 
                 top:0;
                 left: 0;
                 right: 0;
                 bottom: 0;
                 margin: auto;
               }
   
  .iconMenu { cursor: context-menu;
              padding: 15px;
              position: absolute;
              visibility: hidden;
              box-shadow: 20px 10px 20px 0px rgba(0,0,0,0.5);
              
              font-size: 22px;
              font-weight: bold;
              font-family: courier, courier new, serif;
              border-style: ridge;
              background-color: lightGrey;
              
              min-width: 400px;
              max-width: 400px;
              min-height: 200px;
              max-height: 200px;
              
              top:0;
              left: 0;
              right: 0;
              bottom: 0;
              margin: auto;
            }
   
  .selectedIconImage { top: -2px;
                       margin: 2px;
                       position: absolute;
                       min-width: 48px;
                       max-width: 48px;
                       min-height: 48px;
                       max-height: 48px;
                     }
   
  .contextHead { 
                 
               }
   
  .contextItem { cursor: pointer;
                 font-size: 16px;
                 text-align: left;
                 padding-left: 25px;
                 padding-right: 25px;
                 
               }
   
  .contextItem:hover { border-radius: 20px;
                       background-color: PowderBlue;
                     }
   
  .verticalBar { top: -10px;
                 position: relative;
                 min-width: 2px;
                 max-width: 2px;
                 min-height: 100%;
                 max-height: 100%;
               }
   
  .customHyperlink:link    { color: black; text-decoration: none; }
  .customHyperlink:visited { color: black; text-decoration: none; }
  .customHyperlink:hover   { color: blue;  text-decoration: none; }
  .customHyperlink:active  { color: blue;  text-decoration: none; }
   
  .highlighter { }
  .notepad { }
  .sizer { }
  .eval { }
   
  ::-webkit-scrollbar { width: 10px; }
  ::-webkit-scrollbar-track { background: transparent; }
  ::-webkit-scrollbar-thumb { background: #888; }
  ::-webkit-scrollbar-thumb:hover { background: #555; }