A:link {
  text-decoration:none;
  color:#444488;
}

A:visited {
  text-decoration:none;
  color:#444488;
}

A:active {
       text-decoration:none;
       color:#884444;
     }

A:hover {
  text-decoration:underline;
  color:#ff0000
}

A.pictureLink:hover { 
  text-decoration:none;
  color:#444488;
}

H1#title {
  background-color:#bbbbff;
  font-size:160%;
  padding:0.2em;
  margin-top:0em;
}

DIV#pictureBlock {
  text-align:center;
  margin-bottom:0.5em;
}

IMG.picture {
  max-width:48%;
  vertical-align:middle;
  margin-bottom:0.5em;
}

H2 {
  background-color:#d1d5d7;
  font-size:120%;
  text-align:center;
  margin:0em;
  padding:4px;
}

#pictureHeader {
  display:none;
}

DIV.listBlock {
  background-color:#eaecef;
  border-style:solid;
  border-color:#ff0000;
  border-width:2px;
  margin-bottom:1em;
}

LI.fileBlock, LI.dirBlock {
  border-bottom-style:dashed;
  border-bottom-width:thin;
  margin-right:2em;
  margin-bottom:0.5em;
  list-style-type:disc;
}

SPAN.isnew {
  font-size:80%;
  font-style:italic;
  color:#008000;
  margin-left: 2em;
}

SPAN.fileAction,SPAN.dirAction {
  text-align:right;
  position:relative;
  display:block;
  height:0em;
  top:-1.4em;
  font-size:80%;
}

DIV.linksBlock {
  font-style:italic;
  text-align:center;
  margin:-2px;
  padding:0em;
  padding-bottom:2px;
  padding-top:0.4em;
  background-color:#d1d5d7;
  border-style:solid;
  border-top-style:none;
  border-color:#ff0000;
  border-width:2px;
}

H3 {
  padding-bottom:0.2em;
  font-size:105%; 
  margin:0em;
}

.playAll,.enqueueAll,.shuffleAll,.enqueueShuffled {
  white-space:nowrap;
}

.tarAll {
  display:block;
}

#footer {
  border-top-style:solid;
  border-top-width:2px;
  border-color:#808080;
  padding-top:0.5em;
}

#poweredBy {
  margin-left:0.5em;
}

#sourceLinks {
  text-align:right;
  position:relative;
  display:block;
  top:-1.2em;
  margin-right:0.5em;
  height:0em;
}

#emptyDir, #failedDir {
  font-style:italic;
  font-weight:bold;
  margin:1em;
}