@charset "UTF-8";
/* CSS Document */

:root {  font-family: sans-serif;}

/* original design for dynamic listings */
body {
font-family:Arial, Helvetica, sans-serif;
font-size:small;
font-weight:bold;
background-color:#F5F5F5;
color:#000000;
}
#index {
background-color:#F5F5F5;
margin-left:20px;
margin-right:20px;
}
table {
background-color:#F5F5F5;
/*
border-style:ridge;
border-color:#3366FF;
border-width:thin;
*/
}
th {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-size:small;
font-weight:bold;
padding:1px;
background-color:#FFFFFF;
color:#000000;
border-bottom-style:ridge;
border-bottom-width:thin;
border-bottom-color:#3366FF;
vertical-align: middle;
padding-left:2px;
padding-right:8px;
}
td {
text-align:left;
/*font-family:"Courier New", Courier, monospace;*/
font-family:Arial, Helvetica, sans-serif;
font-size:small;
font-style:normal;
font-weight:normal;
color:#000000;
vertical-align: middle;
padding-left:2px;
padding-right:8px;
}
#header,h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:medium;
font-weight:bold;
}
#footer {
font-size: small;
color:#787878;
}
.s1 {
background-color: #F5F1F1;/* or #F5F5F5 */
}
tr.s1:hover {background-color: }
.s2 {
background-color: E7EFFF#; 
}
.ico {
padding-left:1px;
padding-right:1px;
vertical-align: middle;
}
.ds {
text-align:center;
}
a {text-decoration:none;}
a:hover, a:focus {text-decoration:underline; color:#333396;}


img {  border: 0;}
th { text-align: left;  white-space: nowrap;}
th > a {color: inherit;}
table[order] > thead > tr > th {  cursor: pointer;}
table[order] > thead > tr > th::after {  display: none;  width: .8em;  -moz-margin-end: .8em;  text-align: right;}
table[order="asc"] > thead > tr > th::after {  content: "\25BE"; /* DOWNWARDS ARROW (U+2193), or (U+25BC or 25BE for small arrow) */}
table[order="desc"] > thead > tr > th::after {  content: "\25B4"; /* UPWARDS ARROW (U+2191), or (U+25B2 or 25B4 for small arrow) */}

table[order][order-by="0"] > thead > tr > th:first-child > a ,table[order][order-by="1"] > thead > tr >th:first-child + th > a ,table[order][order-by="2"] > thead > tr > th:first-child + th + th > a {  text-decoration: underline;}

table[order][order-by="0"] > thead > tr > th:first-child::after ,table[order][order-by="1"]> thead > tr > th:first-child + th::after ,table[order][order-by="2"] > thead > tr > th:first-child + th + th::after {  display: inline-block;}

table.remove-hidden > tbody > tr.hidden-object {  display: none;}

td > a {  display: inline-block;}
/* headers */
/* icon */td:first-child { white-space: nowrap; width: 0;text-align: left;-moz-padding-start: 0em; -moz-padding-end: 0em;}
/* name */th:first-child +th { -moz-padding-end: 2em; text-align: left;}
/* size */th:first-child +th +th { -moz-padding-start: 1em; -moz-padding-end: 1em; text-align: center; white-space: nowrap; }
/* date */th:first-child +th +th +th { text-align: center; -moz-padding-start: 1em; -moz-padding-end: 1em; white-space: nowrap;}
/* type */th:last-child { white-space: nowrap; text-align:left; -moz-padding-start: 1em; -moz-padding-end: 1em;}
/* table rows */
/* icon */td:first-child { white-space: nowrap; width: 0;text-align: left;-moz-padding-start: 0em; -moz-padding-end: 0em;}
/* name */td:first-child +td { -moz-padding-end: 2em; text-align: left;}
/* size */td:first-child +td +td { text-align: right; -moz-padding-start: 1em; -moz-padding-end: 1em; white-space: nowrap; width: 0;}
/* date */td:first-child +td +td +td { -moz-padding-start: 1em; -moz-padding-end: 1em; white-space: nowrap; width: 0;}
/* type */td:last-child { white-space: nowrap; text-align:left; width: 0; -moz-padding-start: 1em; -moz-padding-end: 1em;}

@-moz-document url-prefix(gopher://) {  td {  white-space: pre !important;   font-family: monospace;  }}

.symlink {  font-style: italic;}
.dir ,.symlink ,.file {  -moz-margin-start: 20px;}
.dir::before ,.file > img {  -moz-margin-end: 4px;  -moz-margin-start: -20px;  vertical-align: middle;}
table[order]{margin-bottom:1em;}
p#UI_goUp+div{margin-top:4em;}
div+div{margin-top:2em;}
table{font-size:100%;}


:root {
  background-color: -moz-dialog;
  color: -moz-dialogtext;
  font: message-box;
  padding-left: 2em;
  padding-right: 2em;
}

body {
  border: 1px solid ThreeDShadow;
  -moz-border-radius: 10px;
  padding: 3em;
  /*min-width: 30em;*/
  max-width: 80em;
  margin: 2em auto;
  background-color: -moz-field;
  color: -moz-fieldtext;
}

h1 {
  font-size: 160%;
  margin: 0 0 .6em;
  border-bottom: 1px solid ThreeDLightShadow;
  font-weight: normal;
}

h2 {
  font-size: 130%;
  margin: 0 0 .6em;
  font-weight: normal;
}

h3 {
  font-size: 100%;
  margin: 0 0 .6em;
  font-weight: normal;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

p {
  font-size: 110%;
}

#UI_goUp {
  margin-top: 0;
  float: left;
  font-size: 130%;
  margin: 0 0 .6em;
  font-weight: normal;
}

#UI_path {
  font-size: 160%;
  margin: 0 0 .6em;
  border-bottom: 1px solid ThreeDLightShadow;
  font-weight: normal;
}

#UI_showHidden {
  margin-top: 0;
  float: right;
}

table {
  clear: both;
  width: 95%;
  margin: 0 auto;
}

th { font-size:120%; white-space: nowrap;}

tr { min-height:18px;}
td { min-height:18px;}

th:hover > a {
  text-decoration: underline;
}

tbody > tr:hover {
  outline: 2px solid ThreeDLightShadow;
	background-color: #ccccff;
	color: #D8D5CD;
	border: thin solid #E8E8E8;
  -moz-outline-radius: .3em;
}

.up {
  padding: 0 .5em;
  -moz-margin-start: 20px;
}

/* hardcoded img placements
.up::before {
  -moz-margin-end: 4px;
  -moz-margin-start: -20px;
  vertical-align: middle;
  content: url(chrome://global/skin/dirListing/up.png);
}

.dir::before {
  content: url(chrome://global/skin/dirListing/folder.png);
}

*/
.dir::before { content: url(/i/folder.png);}