/* main attributes */
BODY, TD, TH, DIV, P, SPAN {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  text-decoration: none;
  color: #000000;
}
BODY {
  background-color: #000033;
  margin: 10px;
}
FORM {
  margin: 0px;
  padding: 0px;
  border: 0px none;
}

A {
  text-decoration: none;
  color: #000000;
}
A:hover {
  color: #FFFFFF;
}

.outerContainer {
  /* border: #FF0000 1px solid; */
}
.pageContainer {
  min-width: 400px;
  /* max-width: 900px; */
  margin: 0 auto;
}

/* entries */
.entryLabel, .oriEntryLabel, .cloEntryLabel, .resEntryLabel, .errEntryLabel, .ifEntryLabel {
  font-weight: bold;
  text-align: right;
  width: 150px;
  vertical-align: top;
  color: #000000;
}
.entryText, .oriEntryText, .cloEntryText, .resEntryText, .errEntryText, .ifEntryText {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  color: #000000;
}

TEXTAREA {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  text-decoration: none;
  color: #000000;
  width: 300px;
}

INPUT {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  text-decoration: none;
  color: #000000;
  width: 300px;
}

/* search */
.searchTable {
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
  border-spacing: 0;
}
.searchTable TH {
  text-align: left;
  font-weight: bold;
  margin: 0px;
  padding: 3px;
  border-top: #FFFFFF 1px solid;
  border-bottom: #FFFFFF 1px solid;
}
.searchTable TD {
  overflow-x: hidden;
  overflow-y: hidden;
  vertical-align: top;
  width: auto;
  margin: 0px;
  padding: 2px 4px 2px 0px;
  border-top: #FFFFFF 1px solid;
  border-bottom: #7C70DA 1px solid;
}

.searchResultRes TD, .searchResultOri TD, .searchResultClo TD, .searchResultErr TD {
  overflow-y: hidden;
  vertical-align: top;
  width: auto;
  margin: 0px;
  padding: 2px 4px 2px 0px;
}

.searchResultRes TD {
  border-top: #FFFFFF 1px solid;
  background-color: #ACEA88;
  border-bottom: #68A941 1px solid;
}
.searchResultOri TD {
  border-top: #FFFFFF 1px solid;
  background-color: #D0DC71;
  border-bottom: #905F25 1px solid;
}
.searchResultClo TD {
  border-top: #FFFFFF 1px solid;
  background-color: #ABABAB;
  border-bottom: #808080 1px solid;
}

.statsRes {
  border-top: #FFFFFF 1px solid;
  background-color: #ACEA88;
  border-bottom: #68A941 1px solid;
}
.statsOri {
  border-top: #FFFFFF 1px solid;
  background-color: #D0DC71;
  border-bottom: #905F25 1px solid;
}
.statsClo {
  border-top: #FFFFFF 1px solid;
  background-color: #ABABAB;
  border-bottom: #808080 1px solid;
}

/* interface */
.ifBox {
  border-width: 2px;
  border-style: solid;
  border-color: #FFFFFF #7C70DA #7C70DA #FFFFFF;
  background-color: #7ABFC7;
  padding: 3px;
  margin: 10px 0px 10px 0px;
  -moz-border-radius: 10px;
}

.ifFoot {
  border-width: 2px;
  border-style: solid;
  border-color: #FFFFFF #7C70DA #7C70DA #FFFFFF;
  background-color: #7ABFC7;
  text-align: right;
  padding: 3px;
  margin: 30px 0px 10px 0px;
  -moz-border-radius: 10px;
}

.ifBox A {
  text-decoration: none;
  color: #FFFFFF;
}
.ifBox A:hover {
  color: #7C70DA;
}
.ifBut A {
  text-decoration: none;
  color: #FFFFFF;
}
.ifBut A:hover {
  color: #7C70DA;
}
.ifTitle {
  text-align: center;
  font-weight: bold;
  font-size: 11pt;
}

.list_container {
  color: #FFFFFF;
}
.list_item_closed, .list_item_open {
  padding-left: 12px;
  cursor: pointer;
}
.list_item {
  font-weight: normal;
  /* padding-left: 12px;
  background: url( img/item_m.gif ) 0px 2px no-repeat; */
}
.list_item_closed {
  font-weight: normal;
  background: url( img/item_c.gif ) 0px 2px no-repeat;
}
.list_item_open {
  font-weight: bold;
  background: url( img/item_o.gif ) 0px 2px no-repeat;
}

/* seasonal interface */
.seaBox {
  border-width: 2px;
  border-style: solid;
  border-color: #FFFFFF #894036 #894036 #FFFFFF;
  background-color: #BB776D;
  padding: 3px;
  margin: 10px 0px 10px 0px;
}

.seaFoot {
  border-width: 2px;
  border-style: solid;
  border-color: #FFFFFF #894036 #894036 #FFFFFF;
  background-color: #BB776D;
  text-align: right;
  padding: 3px;
  margin: 30px 0px 10px 0px;
}
.seaBox A {
  text-decoration: none;
  color: #894036;
}
.seaBox A:hover {
  color: #FFFFFF;
}


/* resources common */
/* original */
.oriHead, .cloHead, .resHead, .errHead {
  border-width: 2px 2px 0px 2px;
  border-style: solid;
  padding: 3px;
  font-weight: bold;
  width: 194px;
  margin-top: 10px;
  -moz-border-radius: 10px 10px 0px 0px;
}
.oriBox, .cloBox, .resBox, .errBox {
  border-width: 3px;
  border-style: solid;
  padding: 3px;
  margin-bottom: -2px;
  -moz-border-radius: 0px 10px 0px 10px;
}
.oriFoot, .cloFoot, .resFoot, .errFoot {
  border-width: 4px 2px 2px 2px;
  border-style: solid;
  padding: 3px;
  width: 96px;
  text-align: right;
  font-size: 8pt;
  float: right;
  display: block;
  -moz-border-radius: 0px 0px 10px 10px;
}

.oriTable {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
  border-spacing: 0;
}
.oriTable TD {
  width: auto;
  margin: 0px;
  padding: 2px 0px;
  border-bottom: #905F25 1px solid;
}
.oriTable TH {
  font-weight: bold;
  margin: 0px;
  padding: 0px 0px 0px 2px;
  border-bottom: #FFFFFF 1px solid;
}

.oriHead, .oriBox {
  border-color: #FFFFFF #905F25 #905F25 #FFFFFF;
  background-color: #D0DC71;
}
.oriFoot {
  border-color: #905F25 #905F25 #905F25 #FFFFFF;
  background-color: #D0DC71;
}

/* clone */
.cloHead, .cloBox {
  border-color: #FFFFFF #808080 #808080 #FFFFFF;
  background-color: #ABABAB;
}
.cloFoot {
  border-color: #808080 #808080 #808080 #FFFFFF;
  background-color: #ABABAB;
}

.cloTable {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
  border-spacing: 0;
}
.cloTable TD {
  width: auto;
  margin: 0px;
  padding: 2px 0px;
  border-bottom: #808080 1px solid;
}
.cloTable TH {
  font-weight: bold;
  margin: 0px;
  padding: 0px 0px 0px 2px;
  border-bottom: #FFFFFF 1px solid;
}

/* resource */
.resHead, .resBox {
  border-color: #FFFFFF #68A941 #68A941 #FFFFFF;
  background-color: #ACEA88;
}
.resFoot {
  border-color: #68A941 #68A941 #68A941 #FFFFFF;
  background-color: #ACEA88;
}

.resTable {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
  border-spacing: 0;
}
.resTable TD {
  width: auto;
  margin: 0px;
  padding: 2px 0px;
  border-bottom: #68A941 1px solid;
}
.resTable TH {
  font-weight: bold;
  margin: 0px;
  padding: 0px 0px 0px 2px;
  border-bottom: #FFFFFF 1px solid;
}

/* error */
.errHead, .errBox {
  border-color: #FFFFFF #894036 #894036 #FFFFFF;
  background-color: #BB776D;
}
.errFoot {
  border-color: #FFFFFF #894036 #894036 #FFFFFF;
  background-color: #BB776D;
}

.errTable {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
  border-spacing: 0;
}
.errTable TD {
  width: auto;
  margin: 0px;
  padding: 2px 0px;
  border-bottom: #894036 1px solid;
}
.errTable TH {
  font-weight: bold;
  margin: 0px;
  padding: 0px 0px 0px 2px;
  border-bottom: #FFFFFF 1px solid;
}

/* link overrides */
.oriBox A, .oriFoot A, .searchResultOri A, .oriEntryLabel A, .oriEntryText A, .oriTable A {
  text-decoration: none;
  color: #894036;
}
.oriBox A:hover, .oriFoot A:hover, .searchResultOri A:hover, .oriEntryLabel A:hover, .oriEntryText A:hover, .oriTable A:hover {
  color: #FFFFFF;
}

.cloBox A, .cloFoot A, .searchResultClo A, .cloEntryLabel A, .cloEntryText A, .cloTable A {
  text-decoration: none;
  color: #894036;
}
.cloBox A:hover, .cloFoot A:hover, .searchResultClo A:hover, .cloEntryLabel A:hover, .cloEntryText A:hover, .cloTable A:hover {
  color: #FFFFFF;
}

.resBox A, .resFoot A, .searchResultRes A, .resEntryLabel A, .resEntryText A, .resTable A {
  text-decoration: none;
  color: #894036;
}
.resBox A:hover, .resFoot A:hover, .searchResultRes A:hover, .resEntryLabel A:hover, .resEntryText A:hover, .resTable A:hover {
  color: #FFFFFF;
}

.errBox A, .errFoot A, .searchResultErr A, .errEntryLabel A, .errEntryText A, .errTable A {
  text-decoration: none;
  color: #894036;
}
.errBox A:hover, .errFoot A:hover, .searchResultErr A:hover, .errEntryLabel A:hover, .errEntryText A:hover, .errTable A:hover {
  color: #FFFFFF;
}

/* C64 colours */
.black {
  color: #000000;
}

.white {
  color: #FFFFFF;
}

.red {
  color: #894036;
}

.cyan {
  color: #7ABFC7;
}

.purple {
  color: #8A46AE;
}

.green {
  color: #68A941;
}

.blue {
  color: #3E31A2;
}

.yellow {
  color: #D0DC71;
}

.ltbrown {
  color: #905F25;
}

.dkgrey {
  color: #555555;
}

.brown {
  color: #5C4700;
}

.grey {
  color: #808080;
}

.pink {
  color: #BB776D;
}

.ltgreen {
  color: #ACEA88;
}

.ltgrey {
  color: #ABABAB;
}

.ltblue {
  color: #7C70DA;
}

/* gallery */
.cloGalleryEntry, .resGalleryEntry, .oriGalleryEntry {
  text-align: center;
  border: 1px solid;
  padding: 2px;
  float: left;
  width: 170px;
  height: 158px;
  overflow: hidden;
}

.cloGalleryEntry {
  border-color: #FFF #808080 #808080 #FFF;
  background-color: #ABABAB;
}
.oriGalleryEntry {
  border-color: #FFF #905F25 #905F25 #FFF;
  background-color: #D0DC71;
}
.resGalleryEntry {
  border-color: #FFF #7C70DA #7C70DA #FFF;
  background-color: #ACEA88;
}
DIV.oriGalleryEntryThumb,  DIV.cloGalleryEntryThumb, DIV.resGalleryEntryThumb {
  width: 164px;
  height: 124px;
  margin: 0 auto;
  padding: 0px;
  overflow: hidden;
}
.oriGalleryEntryTitle, .cloGalleryEntryTitle, .resGalleryEntryTitle {
  text-align: center;
  margin-top: 2px;
  width: 160px;
  overflow: hidden;
}
a {
border: 0 solid #fff;
}

.snapshot {
  background-color: #000;
}

/* file browser */
.fileTable {
  font-family: "Courier New", courier, monospace;
  white-space: pre-wrap;
  width: 95%;
  border-bottom: 1px solid #006;
}
.fileTable th {
  text-align: left;
  border-bottom: 2px solid #003;
}
.fileTable td {
  min-width: 100px;
  max-width: 300px;
}
.preCode {
  font-family: Courier New, Courier, monospace;
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.preFix {
  font-family: Courier New, Courier, monospace;
  white-space: pre;
  word-wrap: normal;
}