.dir_row {
  font-family: Verdana;
  font-size: 10pt;
  font-weight: bold;
  width: 100%;
}

.file_row {
  font-family: Verdana;
  font-size: 9pt;
  font-weight: normal;
  width: 100%;
}

.icon {
  width: 24px;
  height:24px;
  vertical-align: middle;
}

.size {
  font-family: Verdana;
  font-size: 8pt;
  font-weight: bold;
  width: 0%;
  white-space:nowrap;
  padding:4px;
}

.permissions {
  font-family: Courier;
  font-size: 8pt;
  font-weight: normal;
  width: 0%;
  white-space:nowrap;
  padding:4px;
}
.owner {
  font-family: Courier;
  font-size: 8pt;
  font-weight: normal;
  width: 0%;
  white-space:nowrap;
  padding:4px;
}

.op {
  width: 32px;
  height:24px;
  vertical-align: middle;
}

.floatdiv {
  position: fixed;
  background-color: #ee2020;
  right: 30px;
  top: 20px;
}

.floatdiv2 {
  position: fixed;
  background-color: #f2f200;
  right: 30px;
  bottom: 20px;
}

.floatdiv3 {
  position: fixed;
  background-color: #a2a2a2;
  left: 30px;
  top: 20px;
}

.overlay {
  position:fixed;
  background-color: #9f9f9f;
  opacity: 0.8;
  zIndex: 20;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

.preview_overlay {
  position:absolute;
  background-color: 000000;
  opacity: 0.8;
  zIndex: 30;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

.notification {
  font-family: Verdana;
  font-size: 9pt;
  font-weight: normal;
  border-padding: 10px;
  border-spacing: 6px;
  border-collapse: separate;
  border: 0px;
}

.notification_td {
  border: 0px;
}

table, th, td {
   border: 1px dotted #efefef;
}

table {
    border-collapse: collapse;
}

td {
  vertical-align: middle;
}

tr:hover {
  border: 1px solid #a0a0a0;
}

.nohoverable {
  border: none;
}

a {
  color: #00005f;
  text-decoration: none;
}
img {
border:1px solid #;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.preview_name {
  font-family: Verdana;
  font-size: 10pt;
  font-weight: bold;
  color: #ffffff;
  text-shadow: -3px 3px 4px #000000;
  vertical-align: center;
  padding: 8px;
}