/* Set default html/body properties */

   html, body {
      font-family: arial, helvetica, sans-serif;
      font-size: 12px;
      padding: 0px;
      margin: 0px;
      width: 100%;
      height: 100%;
      color: black;
      background-color: white;
   }

   /* Do some CSS resets. */

   * {
      -moz-user-select:    none; /* Remove ugly text selections. */
      -khtml-user-select:  none; /* All browsers except but IE.  */
      -webkit-user-select: none; /* Use JS to remove selections  */
       user-select:        none; /* in IE. --------------------  */
      margin:  0px;
      padding: 0px;
      outline: none;
   }

   table {
      border-collapse: collapse;
      border-spacing:  0;
   }

   table tr th, table tr td {
      border: solid 1px gray;
      padding: 5px 10px;
   }

   img { border: 0; }

   ul { list-style-type: none; }

   label { cursor: pointer; }

   input {
      vertical-align: bottom;
      position: relative;
      top: -1px;
      cursor: pointer;
   }

   /* Check boxes and options. */

   ._9A_checked    { background-image: url(../images_9A/checked.png); }
   ._9A_unchecked  { background-image: url(../images_9A/unchecked.png); }
   ._9A_BgImgLeft  { background-position: left  center; background-repeat: no-repeat; }
   ._9A_BgImgRight { background-position: right center; background-repeat: no-repeat; }

   /* Page title. */

   #_9A_PageTitle {
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      height: 30px;
      color: white;
      font-size: 1.2em;
      font-weight: bold;
      text-align: center;
      line-height: 30px;
      border-top: solid 1px #85abe5;
      border-bottom: solid 1px #2e4f8c;
   }

   #_9A_FolderListToolbar {
      position: absolute;
      top: 36px;
      height: 65px;
      left: 3px;
      width: 290px;
      padding: 5px;
      border: solid 1px gray;
   }

   #_9A_AutoCollapseTree, #_9A_SelectBrowsing, #_9A_SelectFileList {
      display: block;
      padding: 3px 23px 3px 4px;
      text-decoration: none;
      color: gray;
   }

   #_9A_AutoCollapseTree { float: left; }
   #_9A_SelectBrowsing, #_9A_SelectFileList { float: right; }

   #_9A_FolderListToolbar a:hover { color: red; }

   #_9A_FolderMenu {
      list-style-type: none;
      padding: 0px;
      margin: 0px -5px;
      width: 300px;
      display: inline-block;
      border-top: solid 1px gray;
      position: absolute;
      bottom: 0px;
      right; 0px;
      background-color: gainsboro;
   }

   #_9A_FolderMenu ._9A_menu_item {
      float: left;
      display: inline-block;
      border-right: solid 1px gray;
   }

   #_9A_FolderMenu ._9A_menu_item_last {
      float: right;
      display: inline-block;
      border-left: solid 1px gray;
   }

   #_9A_FolderMenu li a {
      text-decoration: none;
      display: block;
      color: gray;
      padding: 3px 10px;
      text-align: center;
      background-color: white;
      outline: none;
   }

   #_9A_FolderMenu li a:hover {
      color: white;
      background-color: steelblue;
   }

   /* Folder tree box. */

   #_9A_FolderListBox {
      position: absolute;
      top: 115px;
      left: 3px;
      bottom: 3px;
      width: 280px;
      padding: 10px;
      border: solid 1px gray;
      overflow: scroll;
   }

   #_9A_FolderTreeContainer { background-image: url(../images_9A/folder_root_opened.gif); background-repeat: no-repeat; padding-left: 30px; }
   ._9A_folder_closed       { background-image: url(../images_9A/folder_closed.gif); background-repeat: no-repeat; }
   ._9A_folder_opened       { background-image: url(../images_9A/folder_opened.gif); background-repeat: no-repeat; }
   ._9A_folder_no_items     { background-image: url(../images_9A/folder_no_items.gif); background-repeat: no-repeat; }
   ._9A_folder_selected     { background-color: gainsboro; }


   #_9A_FolderTreeContainer ul {
      margin: 0px;
      display: none;
      margin-left: 15px;
      list-style-type: none;
   }

   #_9A_FolderTreeContainer>ul { display: block; }

   #_9A_FolderTreeContainer ul li { padding: 5px 10px 0px 30px; margin-left: -30px; margin-bottom: 3px; background-position: 0px 4px; }

   #_9A_FolderListBox a { text-decoration: none; color: gray; display: inline-block; padding: 2px 5px; outline: none; }
   #_9A_FolderListBox a:hover { color: white; background-color: steelblue; }



   #_9A_FolderTreeContextMenu {
      display: none;
      position: absolute;
      background-color: white;
      top: 50%;
      left: 50%;
      border: solid 1px gray;
      z-index: 100000;
   }

   #_9A_FolderTreeContextMenu li a {
      display: block;
      text-decoration: none;
      color: gray;
      background-color: white;
      padding: 4px 20px 4px 8px;
   }

   #_9A_FolderTreeContextMenu li a:hover {
      color: white;
      background-color: steelblue;
   }

   #_9A_SelectedFolderItemPath {
      position: absolute;
      top: 40px;
      left: 307px;
      right: 3px;
      padding: 0px 25px;
      background-image: url(../images_9A/folder_no_items.gif);
      background-repeat: no-repeat;
      background-position: -7px -1px;
      color: gray;
   }

   #_9A_SelectedFolderItemPath a {
      text-decoration: none;
      color: gray;
      display: inline-block;
      padding: 2px 3px 2px 14px;
      background-image: url(../images_9A/triangle_black.png);
      background-repeat: no-repeat;
      background-position: 5px center;
   }

   #_9A_SelectedFolderItemPath a:hover {
      color: white;
      background-image: url(../images_9A/triangle_white.png);
      background-color: steelblue;
   }

   ._9A_Loading {
      display: block;
      padding: 5px 5px 5px 25px;
      background-image: url(../images_9A/loading.gif);
      background-repeat: no-repeat;
      background-position: 4px center;
      border: solid 1px gainsboro;
      color: gray;
      background-color: white;
   }

   #_9A_TabulatorBox {
      position: absolute;
      top: 64px;
      left: 307px;
      bottom: 3px;
      right: 3px;
   }

   #_9A_TabContent {
      position: absolute;
      border: solid 1px gray;
      left: 0px;
      right: 0px;
      top: 26px;
      bottom: 0px;
      text-align: left;
   }

   ._9A_TabContainer {
      display: none;
      overflow: scroll;
      position: absolute;
      top: 10px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      padding: 0px 10px 10px 10px;
   }

   ._9A_TabVisible { display: block; }

   ._9A_Tabs {
      list-style-type: none;
      padding: 0px 0px 1px 0px;
      margin: 0px;
      position: absolute;
      left: 0px; top: 0px;
      right: 52px;
      overflow: hidden;
      z-index: 10000;
   }

   ._9A_Tabs li {
      margin-right: 1px;
      text-align: center;
      float: left;
      min-width: 100px;
      border-top: solid 1px gray; border-right: solid 1px gray; border-left: solid 1px gray;
      border-radius: 10px 10px 0 0; /* Opera, Safari and Chrome */
      -moz-border-radius: 10px 10px 0 0; /* FireFox */
      -webkit-border-radius: 10px 10px 0 0; /* Chrome and Safari */
   }

   ._9A_Tabs li a {
      text-decoration: none;
      padding: 5px; 10px;
      display: block;
      color: gray;
      font-size: 1em;
      border-bottom: solid 1px gray;
      outline: none;
   }

   ._9A_TabActive { border-bottom: solid 1px red; }

   ._9A_Tabs li a:hover { color: red; }

   #_9A_TabDropButton {
      display: block;
      background-image: url(../images_9A/drop_gray.gif);
      background-repeat: no-repeat;
      background-position: center center;
      width: 25px;
      height: 25px;
      border: solid 1px gray;
      position: absolute;
      top: 0px;
      right: 0px;
      outline: none;
   }

   #_9A_CloseTabButton {
      display: block;
      background-image: url(../images_9A/quit_gray.gif);
      background-repeat: no-repeat;
      background-position: center center;
      width: 25px;
      height: 25px;
      border: solid 1px gray;
      position: absolute;
      top: 0px;
      right: 26px;
      outline: none;
   }

   #_9A_TabDropDown {
      display: none;
      position: absolute;
      top: 0px;
      right: 0px;
      list-style-type: none;
      padding: 2px;
      background-color: white;
      border: solid 1px gray;
   }

   #_9A_TabDropDown li a {
      text-decoration: none;
      color: gray;
      display: block;
      border-bottom: solid 1px  gainsboro;
      padding: 5px 10px;
      min-width: 200px;
      z-index: 10001;
   }

   #_9A_TabDropDown li a:hover { background-color: gainsboro; }

   ._9A_blue_gradient {
      color: white;
      background-color: #4271c9;
      background: -moz-linear-gradient(top, #6293dd 0%, #4271c9 100%); /* FireFox */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6293dd), color-stop(100%, #4271c9)); /* Chrome and Safari */
      background: -webkit-linear-gradient(top, #6293dd 0%, #4271c9 100%); /* Chrome and Safari */
      background: -o-linear-gradient(top, #6293dd 0%, #4271c9 100%); /* Opera */
      background: -ms-linear-gradient(top, #6293dd 0%, #4271c9 100%);
      background: linear-gradient(to bottom, #6293dd 0%, #4271c9 100%) /* Chrome */;
      filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#6293dd', EndColorStr='#4271c9', GradientType=0); /* Internet Explorer */
   }

   .gray_gradient {
      color: navy;
      background-color: white;
      background: -moz-linear-gradient(top, gainsboro 0%, white 100%); /* FireFox */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, gainsboro), color-stop(100%, white)); /* Chrome and Safari */
      background: -webkit-linear-gradient(top, gainsboro 0%, white 100%); /* Chrome and Safari */
      background: -o-linear-gradient(top, gainsboro 0%, white 100%); /* Opera */
      background: -ms-linear-gradient(top, gainsboro 0%, white 100%);
      background: linear-gradient(to bottom, gainsboro 0%, white 100%) /* Chrome */;
      filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='gainsboro', EndColorStr='white', GradientType=0); /* Internet Explorer */
   }