div {
 align: center;
}
body {
 background-color: #e6e6e6;
 font-family: Tahoma;
 font-size: medium;
 font-weight: bold;
 color: #7a6f47;
}
h1 {
 color: #6699ff;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: medium;
 margin: 0 0 10px 8px;
 padding: 0;
}
img {
 border: 0;
}
form {
 margin: 0;
 padding: 0;
}
#container {
 width: 960px;
 margin: 0 auto;
 border: 1px solid #cccccc;
 padding: 9px;
 background-color: #ffffff;
}
#breadcrumbs {
 color: #6699ff;
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 margin: 0 0 8px 8px;
}
#breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:link, #breadcrumbs a:active {
 color: #6699ff;
 text-decoration: none;
}
#breadcrumbs a:hover {
 text-decoration: underline;
}
#listingcontainer {
 background-image: url(bg.gif);
 padding: 10px;
 background-color: #e0dede;
}
#listingheader {
 color: #476bb3;
 font-weight: bold;
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 text-align: right;
}
#listingheader a, #listingheader a:active, #listingheader a:visited, #listingheader a:link {
 text-decoration: none;
 color: #476bb3;
}
#listingheader a:hover {
 text-decoration: underline;
 color: #476bb3;
}
#headerfile {
 text-align: left;
 float: left;
 width: 260px; /* width of "file" text in header */
}
#headersize {
 text-align: right;
 width: 75px;
 float: left;
}
#listing {
 border: 1px solid #a7c5ff;
}
#listing a {
 display: block;
 padding: 2px 5px 2px 5px;
 font-size: small;
 color: #6285ca;
 font-family: Arial, Helvetica, sans-serif;
 text-decoration: none;
 width: auto;
 text-align: right;
}
#listing a:hover {
 background-color: #dbe6fe;
}
#listing a img {
 float: left;
 margin-right: 4px;
}
#listing a strong {
 width: 260px; /* width of filename in directory entries */
 float: left;
 cursor: pointer;
 text-align: left;
}
#listing a em {
 float: left;
 width: 75px;
 text-align: right;
 cursor: pointer;
}
#listing a span {
 position: absolute;
 margin-left: -200px;
 margin-top: -2px;
}
#listing a span img {
 position:relative;
 display: block;
 left: -400px;
 width: 800px;
 background-color: #cccccc;
 visibility: hidden;
}
#listing a:hover span img {
 border: 1px solid #666666;
 visibility: visible;
}
#copy {
 width: 1200px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 font-size: x-small;
 color: #666666;
 font-family: Arial, Helvetica, sans-serif;
}
#copy a {
text-decoration: underline;
color: #666666;
}
.b {
background-color: #e9f0ff;
}
.w {
background-color: #ffffff;
}
.mod {
float: right;
}
.size {
float: right;
}