﻿/* General CSS classes */
/* Base overrides */

BODY {
  BACKGROUND-COLOR: #000000;
  BORDER: 0px;
  COLOR: #FFCC00;
  FONT-FAMILY: Verdana, Times, Serif;
  FONT-SIZE: 10px;
  MARGIN: 0px;
}

A {
  COLOR: #FFCC00;
  TEXT-DECORATION: none;
  WHITE-SPACE: nowrap;
}

A:HOVER {
  COLOR: #328032;
  TEXT-DECORATION: none;
  WHITE-SPACE: nowrap;
}

TD, DIV {
  COLOR: #FFCC00;
  FONT-FAMILY: Verdana, Times, Serif;
  FONT-SIZE: 10px;
}


/* More specific overrides */

A.DARK {
  COLOR: #FFCC00;
  TEXT-DECORATION: none;
  WHITE-SPACE: nowrap;
}

A.DARK:HOVER {
  COLOR: #FFCC00;
  TEXT-DECORATION: none;
  WHITE-SPACE: nowrap;
}

A.MENUA {
  COLOR: #FFCC00;
  FONT-SIZE: 12px;
  FONT-WEIGHT: normal;
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #328032;
  MARGIN: 1px;
  PADDING: 0 .5em;
  WIDTH: 3em;
  WHITE-SPACE: nowrap;
}

A.MENUA:HOVER {
  COLOR: #FFCC00;
  FONT-SIZE: 12px;
  FONT-WEIGHT: normal;
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #328032;
  PADDING: 0 .5em;
  MARGIN: 1px;
  WIDTH: 3em;
  WHITE-SPACE: nowrap;
}

A.MENUB {
  COLOR: #FFCC00;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  BACKGROUND-COLOR: #004E00;
  BORDER: 1px solid #328032;
  PADDING: 0 .5em;
  MARGIN: 1px;
  WIDTH: 3em;
  WHITE-SPACE: nowrap;
}

A.MENUB:HOVER {
  COLOR: #FFCC00;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  BACKGROUND-COLOR: #004E00;
  BORDER: 1px solid #328032;
  WIDTH: 3em;
  PADDING: 0 .5em;
  MARGIN: 1px;
  WHITE-SPACE: nowrap;
}

A.MENUD {
  COLOR: #FFCC00;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  BACKGROUND-COLOR: #004E00;
  BORDER: 1px solid #328032;
  WIDTH: 3em;
  PADDING: 0 .5em;
  MARGIN: 1px;
  WHITE-SPACE: nowrap;
}

A.MENUD:HOVER {
  COLOR: #FFCC00;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  BACKGROUND-COLOR: #004E00;
  BORDER: 1px solid #328032;
  WIDTH: 3em;
  PADDING: 0 .5em;
  MARGIN: 1px;
  WHITE-SPACE: nowrap;
}

DIV.NAVCONTAINER A {
  COLOR: #FFCC00;
  BACKGROUND-COLOR: #004E00;
  BORDER: 1px solid #328032;
  DISPLAY: block;
  MARGIN-BOTTOM: 2px;
  PADDING: 0 .8em;
  TEXT-DECORATION: none;
}

DIV.NAVCONTAINER A:HOVER {
  COLOR: #FFCC00;
  BACKGROUND-COLOR: #004E00;
  BORDER: 1px solid #328032;
}

DIV.NAVCONTAINER UL {
  LIST-STYLE-TYPE: none;
  MARGIN: 0px;
  PADDING: 3px;
}

SPAN.BLACK {
  COLOR: #000000;
}

SPAN.COPY {
  COLOR: #FFCC00;
  FONT-SIZE: 9px;
}

SPAN.SPEC {
  COLOR: #FFCC00;
}

SPAN.STARK {
  COLOR: #FFCC00;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
}

SPAN.TITLE {
  COLOR: #FFCC00;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
}

SPAN.WHITE {
  COLOR: #FFCC00;
}


/*                */
/*      Forms     */
/*                */

/* Base for forms */

INPUT {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #328032;
  COLOR: #FFCC00;
  FONT-SIZE: 10px;
  FONT-WEIGHT: normal;
}

SELECT {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #328032;
  COLOR: #FFCC00;
  FONT-SIZE: 10px;
  FONT-WEIGHT: normal;
}

TEXTAREA {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #328032;
  COLOR: #FFCC00;
  FONT-SIZE: 10px;
  FONT-WEIGHT: normal;
}



/*        */
/*  Code  */
/*        */

/* Common fields used on Ethereal Realms */
/* Generalized to allow for more varied use */

.ERMAIN {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #328032;
  COLOR: : #FFCC00
  FONT-SIZE: 11px;
  OVERFLOW: hidden;
  PADDING: 3px;
  TEXT-ALIGN: center;
  TEXT-DECORATION: underline;
  WHITE-SPACE: nowrap;
  WIDTH: 510px;
}

.ERTITLE {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #328032;
  COLOR: : #FFCC00;
  FONT-SIZE: 10px;
  OVERFLOW: hidden;
  PADDING: 2px;
  WHITE-SPACE: nowrap;
}

.ERSUB {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #328032;
  COLOR: #FFCC00;
  FONT-SIZE: 10px;
  OVERFLOW: hidden;
  PADDING: 2px;
  WHITE-SPACE: nowrap;
}

.ERFIELD {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #328032;
  COLOR: #FFCC00;
  FONT-SIZE: 10px;
  PADDING: 2px;
  WHITE-SPACE: nowrap;
}


/* Coloured tables */
.ERLIGHT {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #328032;
  MARGIN: 5px;
}

.ERMEDIUM {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #328032;
  MARGIN: 5px;
}

.ERDARK {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #328032;
  MARGIN: 5px;
}

.ERBLANK {
  BORDER: 1px solid #328032;
  MARGIN: 5px;
}

.ERPORTAL {
  COLOR: #FFCC00;
  MARGIN: 5px;
}


/* Title Row Enhancements */
.ROWLIGHT {
  BACKGROUND-COLOR: #000000;
  BORDER-BOTTOM: 1px solid #328032;
  COLOR: #FFCC00;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  PADDING: 3px;
  WHITE-SPACE: nowrap;
  OVERFLOW: hidden;
}

.ROWDARK {
  BACKGROUND-COLOR: #000000;
  BORDER-BOTTOM: 1px solid #328032;
  COLOR: #FFCC00;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  PADDING: 3px;
  WHITE-SPACE: nowrap;
  OVERFLOW: hidden;
}

.ROWPORTAL {
  BACKGROUND-COLOR: #000000;
  BORDER-BOTTOM: 1px solid #328032;
  COLOR: #FFCC00;
  PADDING: 3px;
  WHITE-SPACE: nowrap;
  OVERFLOW: hidden;
}

/* Administrative row colour variation */
.ROWPRI {
  BACKGROUND-COLOR: #000000;
  COLOR: #FFCC00;
  FONT-SIZE: 11px;
}

.ROWSEC {
  BACKGROUND-COLOR: #000000;
  COLOR: #FFCC00;
  FONT-SIZE: 11px;
}

/* Message board overrides */
A.BOARD {
  COLOR: #FFCC00;
}

.BOARDBODY {
  BACKGROUND-COLOR: #000000;
  COLOR: #FFCC00;
}

.BOARDCHLD {
  BACKGROUND-COLOR: #000000;
  COLOR: #FFCC00;
  FONT-SIZE: 14px;
}

.BOARDKILL {
  BACKGROUND-COLOR: #004E00;
  COLOR: #FFCC00;
  FONT-SIZE: 14px;
}

.BOARDPRNT {
  BACKGROUND-COLOR: #004E00;
  COLOR: #FFCC00;
  FONT-SIZE: 14px;
}

.BOARDHEAD {
  BACKGROUND-COLOR: #004E00;
  COLOR: #FFCC00;
  FONT-SIZE: 14px;
}


/* Forcast overrides */
.FC_ALIGN {
  TEXT-ALIGN: left;
 }

.FC_TABLE {
  PADDING: 2px;
  WIDTH: 300px;
}

.FC_ENTRY {
  BACKGROUND-COLOR: #004E00;
  BORDER: 1px solid #328032;
  COLOR: #FFCC00;
  FONT-SIZE: 12px;
}

.FC_FIELD {
  BACKGROUND-COLOR: #004E00;
  BORDER: 1px solid #328032;
  COLOR: #FFCC00;
  FONT-SIZE: 12px;
}

.FC_INFO {
  BACKGROUND-COLOR: #004E00;
  BORDER: 1px solid #328032;
  COLOR: #FFCC00;
  FONT-SIZE: 12px;
}

.FC_TITLE {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #328032;
  COLOR: #FFCC00;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
}


/* Polls and surveys */
A.POLL {
  COLOR: #FFCC00;
  FONT-SIZE: 16px;
}

.POLLHEAD {
  BACKGROUND-COLOR: #000000;
  BORDER-STYLE: outset;
  TEXT-ALIGN: justify;
}

.POLLBODY {
  COLOR: #FFCC00;
}

.POLLNAME {
  BACKGROUND-COLOR: #000000;
  COLOR: #FFCC00;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
  TEXT-ALIGN: center;
}


/* Gallery and work rotation overides */ 
.IMG_TABLE {
  BORDER: 1px solid #328032;
  PADDING: 2px;
}

.TXT_TABLE {
  BORDER: 1px solid #328032;
  PADDING: 2px;
  WIDTH: 200px;
}

.IMG_ENTRY {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #328032;
  COLOR: #FFCC00;
  FONT-SIZE: 12px;
}

.IMG_TITLE {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #328032;
  COLOR: #FFCC00;
  FONT-SIZE: 12px;
}

.TXT_ENTRY {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #328032;
  COLOR: #FFCC00;
  FONT-SIZE: 12px;
}

.TXT_TITLE {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #328032;
  COLOR: #FFCC00;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
}


/* RSS feeds */
A.FEED_LINK {
  COLOR: #FFCC00;
  FONT-SIZE: 11px;
  TEXT-DECORATION: none;
}

A.ITEM_LINK {
  COLOR: #FFCC00;
  FONT-SIZE: 11px;
  TEXT-DECORATION: none;
}

ITEM_DESCR {
  COLOR: #FFCC00;
  FONT-SIZE: 11px;
}

.FEED_TABLE {
  BORDER: 1px solid #328032;
  PADDING: 2px;
}

.FEED_DATE {
  BACKGROUND-COLOR: #004E00;
  BORDER: 1px solid #328032;
  COLOR: #FFCC00;
  FONT-SIZE: 11px;
}

.FEED_ITEM {
  BACKGROUND-COLOR: #004E00;
  BORDER: 1px solid #328032;
  COLOR: #FFCC00;
  FONT-SIZE: 12px;
}

.FEED_TITLE {
  BACKGROUND-COLOR: #004E00;
  BORDER: 1px solid #328032;
  COLOR: #FFCC00;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
}


/* Who is on */
.WHOGLOBAL {
  PADDING: 5px;
  WIDTH: 500px;
}

.WHOREGULAR {
  PADDING: 5px;
  WIDTH: 250px;
}

.WHOPRI {
  BACKGROUND-COLOR: #000000;
  COLOR: #FFCC00;
  FONT-SIZE: 11px;
}

.WHOSEC {
  BACKGROUND-COLOR: #000000;
  COLOR: #FFCC00;
  FONT-SIZE: 11px;
}


/* Zoomer */
.SPELC {
  COLOR: #FFCC00;
  FONT-SIZE: 14px;
}

.SPELW {
  COLOR: #FFCC00;
  FONT-WEIGHT: bold;
  VERTICAL-ALIGN: top;
}


/* Fancy table options */
/* Used for user level panels */

.FANCY {
  BORDER: 0px;
  FLOAT: left;
  MARGIN: 5px;
  WIDTH: 485px;
}

.FANCY_HOLDER {
  WIDTH: 725px;
}

.FANCY_HELP {
  BACKGROUND-COLOR: #000000
  BORDER: 1px solid #328032;
  FLOAT: right;
  HEIGHT: 100%;
  MARGIN: 5px;
  PADDING: 3px;
  TEXT-ALIGN: left;
  WIDTH: 200px;
}

.FANCY_LAYER {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #328032;
  FLOAT: right;
  HEIGHT: 100%;
  MARGIN: 5px;
  PADDING: 3px;
  TEXT-ALIGN: left;
  WIDTH: 200px;
}

.FANCY_TITLE {
  BACKGROUND-COLOR: #000000
  BORDER-TOP: 1px solid #328032;
  BORDER-BOTTOM: 1px solid #274F60;
  COLOR: #FFCC00;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  OVERFLOW: hidden;
  PADDING: 2px;
  WHITE-SPACE: nowrap;
}

.FANCY_FOLLOW {
  BACKGROUND-COLOR: #000000
  BORDER-BOTTOM: 1px solid #328032;
  COLOR: #FFCC00;
  FONT-WEIGHT: bold;
  OVERFLOW: hidden;
  PADDING: 2px;
  WHITE-SPACE: nowrap;
}

.FANCY_SUB {
  BACKGROUND-COLOR: #004E00;
  BORDER-TOP: 1px solid #328032;
  BORDER-BOTTOM: 1px solid #328032;
  COLOR: #FFCC00;
  FONT-WEIGHT: bold;
  PADDING: 2px;
  WHITE-SPACE: nowrap;
}

.FANCY_BLANK {
  COLOR: #FFCC00;
  FONT-SIZE: 10px;
  PADDING: 2px;
}

.FANCY_DESCR {
  BACKGROUND-COLOR: #004E00;
  BORDER: 1px solid #328032;
  COLOR: #FFCC00;
  FONT-SIZE: 10px;
  OVERFLOW: hidden;
  PADDING: 2px;
  VERTICAL-ALIGN: top;
  WHITE-SPACE: nowrap;
}

.FANCY_DIV {
  HEIGHT: 10px;
}

/* Leechning Features */
/* Related heavily to the fancy set */
.LEECH_TOP {
  BACKGROUND-COLOR: #004E00;
  BORDER-BOTTOM: 1px solid #328032;
  VERTICAL-ALIGN: middle;
  WIDTH: 100%;
  PADDING: 2px;
}

.LEECH_BOTTOM {
  BACKGROUND-COLOR: #004E00;
  BORDER-TOP: 1px solid #328032;
  BORDER-BOTTOM: 1px solid #328032;
  WIDTH: 100%;
  PADDING: 2px;
}

.LEECH_TEXT {
  COLOR: #FFCC00;
  FONT-SIZE: 10px;
  WIDTH: 90%;
  PADDING: 2px;
}

.LEECH_DISPLAY {
  COLOR: #FFCC00;
  FONT-SIZE: 10px;
  PADDING: 2px;
}


/*                 */
/*     Geteway     */
/*                 */

/* Gateway widgits */
SELECT.CHAR {
  BACKGROUND-COLOR: #004E00;
  COLOR: #FFCC00;
  WIDTH: 170px;
  BORDER: 1px solid #E3F3FA;
}

SELECT.ROOM {
  BACKGROUND-COLOR: #004E00;
  COLOR: #FFCC00;
  WIDTH: 170px;
  BORDER: 1px solid #E3F3FA;
}

/* Selection process for the site */
.ROOMS {
  COLOR: #FFCC00;
  TEXT-DECORATION: none;
  WHITE-SPACE: nowrap;
  CURSOR: crosshair;
}

.ROOMS:HOVER {
  COLOR: #FFCC00;
  TEXT-DECORATION: none;
  WHITE-SPACE: nowrap;
  CURSOR: crosshair;
}

/* Javascript description */
.JSDESCR {
  BORDER: 1px solid #328032;
  BACKGROUND-COLOR: #004E00;
  FONT-SIZE: 11px;
  HEIGHT: 67px;
  PADDING: 2px;
  TEXT-ALIGN: justify;
  WIDTH: 250px;
}


/* Spalsh page controls */
.SPLASH {
  WIDTH: 100%;
  HEIGHT: 100%;
}

.SPLASH_INFO {
  VERTICAL-ALIGN: Top;
  WIDTH: 275px;
}

.SPLASH_INTRO {
  VERTICAL-ALIGN: Top;
}

.SPLASH_WARN {
  VERTICAL-ALIGN: Top;
  WIDTH: 275px;
}


/*                 */
/*       Site      */
/*                 */

/* Site defaults   */
/* Header simple   */
.HEADER {
  BACKGROUND-COLOR: #000000;
  MARGIN: 0px;
  BORDER-BOTTOM: 1px solid #004E00;
}

.HEADER_RIGHT {
  FLOAT: right;
  MARGIN-TOP: 5px;
  MARGIN-RIGHT: 5px;
}

.HEADER_LEFT {
  FLOAT: left;
}

.HEADER_IMAGE {
  VERTICAL-ALIGN: -10px;
}

.WORK {
  MARGIN: 10px;
}

.FOOTER {
  BACKGROUND-COLOR: #000000
  BORDER-TOP: 1px solid #328032;
  TEXT-ALIGN: center;
}


/*                 */
/*     Gallery     */
/*                 */

/* Gallery basics */

.GALWRAP {
  BORDER: 1px solid #328032;
  MARGIN: 5px;
}

.GALHEAD {
  BACKGROUND-COLOR: #000000
  BORDER-BOTTOM: 1px solid #328032;
  COLOR: #FFCC00;
  PADDING: 3px;
}

.GALFOOT {
  BACKGROUND-COLOR: #000000;
  BORDER-TOP: 1px solid #328032;
  COLOR: #FFCC00;
  PADDING: 3px;
}


/* EXIF Information */
.EXIFTAG {
  COLOR: #FFCC00;
  FONT-WEIGHT: bold;
}

.EXIFVAL {
  COLOR: #FFCC00;
}


/* Layer adjustments */
/* Applies to Images */
DIV.PARENT {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #328032;
  MARGIN: 5px;
}

DIV.CHILD {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #328032;
  MARGIN: 5px;
}

/* Applies to Text */
A.PARENT {
  COLOR: #FFCC00;
  BACKGROUND-COLOR: #000000
  BORDER-TOP: 1px solid #328032;
  BORDER-BOTTOM: 1px solid #328032;
  FONT-SIZE: 11px;
  PADDING: 0 .5em;
  MARGIN-LEFT: 5px;
  WHITE-SPACE: nowrap;
  WIDTH: 3em;
}

A.PARENT:HOVER {
  COLOR: #FFCC00;
  BACKGROUND-COLOR: #000000
  BORDER-TOP: 1px solid #328032;
  BORDER-BOTTOM: 1px solid #328032;
  FONT-SIZE: 11px;
  PADDING: 0 .5em;
  MARGIN-LEFT: 5px;
  WHITE-SPACE: nowrap;
  WIDTH: 3em;
}

A.CHILD {
  COLOR: #FFCC00;
  BACKGROUND-COLOR: #000000
  BORDER-TOP: 1px solid #328032;
  BORDER-BOTTOM: 1px solid #328032;
  FONT-SIZE: 11px;
  PADDING: 0 .5em;
  MARGIN-LEFT: 5px;
  WHITE-SPACE: nowrap;
  WIDTH: 3em;
}

A.CHILD:HOVER {
  COLOR: #FFCC00;
  BACKGROUND-COLOR: #000000
  BORDER-TOP: 1px solid #328032;
  BORDER-BOTTOM: 1px solid #328032;
  FONT-SIZE: 11px;
  PADDING: 0 .5em;
  MARGIN-LEFT: 5px;
  WHITE-SPACE: nowrap;
  WIDTH: 3em;
}


/* Vanity voting sections */


.VAINMILD {
  COLOR: #FFCC00;
  BACKGROUND-COLOR: #000000
  BORDER: 1px solid #328032;
  MARGIN: 5px;
  TEXT-ALIGN: center;
  WIDTH: 45px;
}


.VAINMID {
  COLOR: #FFCC00;
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #328032;
  MARGIN: 5px;
  TEXT-ALIGN: center;
  WIDTH: 45px;
}


.VAINHOT {
  COLOR: #FFCC00;
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #328032;
  MARGIN: 5px;
  TEXT-ALIGN: center;
  WIDTH: 45px;
}
