html { height: 100%; margin-bottom: 1px; }

body {
   background: #ffffff;
   background-image: url("__settings/bg.gif");
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: fixed;

   text-align:center;

   margin: 0px;
   scrollbar-3dlight-color: #999999;
   scrollbar-arrow-color: #999999;
   scrollbar-base-color: #666666;
   scrollbar-darkshadow-color: #000000;
   scrollbar-face-color: #666666;
   scrollbar-highlight-color: #999999;
   scrollbar-shadow-color: #999999;
   scrollbar-track-color: #333333;
}


a {
   font-family: verdana, tahoma, arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   border-bottom: none;
}
a:link {
   color: #722222;
}
a:visited {
   color: #722222;
}
a:active {
   color: #722222;
}
a:hover {
   color: #FA0000;
}

img {
   border: 0px;
}

table {
   clear: both;
   padding: 5px;
   margin: 5px;
   margin-left:auto;
   margin-right:auto;
   border: #722222 2px solid;
   background: #EAE7E0;
   line-height:16px;
}
   tr {
      border: 0px;
   }
   td {
      border: 0px;
   }
table.tableinside {
   border: #ABABAB 1px solid;
   background: #ffffff;
   padding: 0;
   margin: 0;
}
table.tableimage {
   clear: both;
   padding: 0;
   margin: 0;
   border: none;
}
div#dirtop {
   font-family: verdana, tahoma, arial, sans-serif;
   font-size: 11px;
   line-height: 20px;
   margin: 0px;
   width: 100%;
   text-align: center;
   vertical-align: bottom;
   color: #F2F2F2;
   background-color: #722222;
   padding: 0px;
   border-style: none;
   border-bottom-style: ridge;
}
div#dirtop a {
   color: #F2F2F2;
   text-decoration: none;
   font-size: 12px;
   border-bottom: none;
   vertical-align: bottom;
   padding-top: 0px; padding-right: 4px; padding-left: 4px; padding-bottom: 0px;
}
div#dirtop a:hover  {
   color: #FA0000;
}


  input  {
      font-family: verdana, tahoma, arial, sans-serif;
      font-size: 11px;
      border: 1px solid #000000;
    }
  select,  textarea  {
      font-family: verdana, tahoma, arial, sans-serif;
    font-size: 11px;
    border: 1px solid #000000;
    }

/* This applies to everything that is shown under images/folders
   when on the index page. */
  .info {
      font-family: verdana, tahoma, arial, sans-serif;
    font-size: 10px;
    color: #000000;
    }

/* This applies to the descriptions when looking at a
   specific image. */
  .description {
      font-family: verdana, tahoma, arial, sans-serif;
    font-size: 12px;
    color: #000000;
    }

/* This applies to the pagecount in the image index. */
  .pages {
      font-family: verdana, tahoma, arial, sans-serif;
    font-size: 12px;
    color: #000000;
    }

/* This applies to the body text when looking at a
   specific image. */
  .imagebody {
      font-family: verdana, tahoma, arial, sans-serif;
    font-size: 12px;
    color: #000000;
    }

/* This applies to the login inputbox and submit button. */
  .login {
      font-family: verdana, tahoma, arial, sans-serif;
    font-size: 10px;
    color: #000000;
    height: 14px;
    border: 1px solid #000000;
    }

/* This applies to the upload inputbox and submit button. */
  .upload {
      font-family: verdana, tahoma, arial, sans-serif;
    font-size: 10px;
    color: #000000;
    height: 16px;
    }

/* This applies to the text at the bottom saying "Gallery Generated by Imager Gallery". */
  .using {
      font-family: verdana, tahoma, arial, sans-serif;
    font-size: 11px;
    color: #000000;
    }

/* This applies to the text in the Folder Browser window. */
  .folderbrowser {
      font-family: verdana, tahoma, arial, sans-serif;
    font-size: 12px;
    color: #000000;
    }

div.container {
   width:85%;
   margin-left:auto;
   margin-right:auto;
  }
div.spacer {
  clear: both;
  }
div.float {
  float: left;
  }

div.float p {
   text-align: center;
   }