/* CSS Document */
/* General CSS classes */
/* Base overrides */

BODY {
 
  BACKGROUND-COLOR: #000000;
  BORDER: 0px;
  COLOR: #808080;
  FONT-FAMILY: Verdana, Times, Serif;
  FONT-SIZE: 12px;
  MARGIN: 0px;}
body {	scrollbar-arrow-color: #404040;
	scrollbar-face-color: #808080;
	scrollbar-track-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-3dlight-color: #404040;
	scrollbar-highlight-color: #404040;
	scrollbar-shadow-color: #808080;
}

A {
  COLOR:#808080;
  TEXT-DECORATION: none;
  WHITE-SPACE: nowrap;
}

A:HOVER {
  COLOR: #808080;
  TEXT-DECORATION: none;
  WHITE-SPACE: nowrap;
}

TD, DIV {
  COLOR:#808080;
  FONT-FAMILY: Verdana, Times, Serif;
  FONT-SIZE: 12px;
}

/* When you are not sure what else will work*/
DIV.misckris {
  BACKGROUND-COLOR: #000000;
  BORDER-TOP: 1px solid #808080;
  BORDER-BOTTOM: 1px solid #808080;
  COLOR: #808080;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  OVERFLOW: hidden;
  PADDING: 2px;
  WHITE-SPACE: nowrap;
}

/* More specific overrides */

A.DARK {
  COLOR: #808080;
  TEXT-DECORATION: none;
  WHITE-SPACE: nowrap;
}
A.DARK:HOVER {
  COLOR: #808080;
  TEXT-DECORATION: none;
  WHITE-SPACE: nowrap;
}

A.MENUA {
  COLOR: #808080;
  FONT-SIZE: 12px;
  FONT-WEIGHT: normal;
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  MARGIN: 1px;
  PADDING: 0 .5em;
  WIDTH: 3em;
  WHITE-SPACE: nowrap;
}

A.MENUA:HOVER {
  COLOR: #808080;
  FONT-SIZE: 12px;
  FONT-WEIGHT: normal;
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  PADDING: 0 .5em;
  MARGIN: 1px;
  WIDTH: 3em;
  WHITE-SPACE: nowrap;
}

A.MENUB {
	COLOR: #808080;
	FONT-SIZE: 11px;
	FONT-WEIGHT: normal;
	BACKGROUND-COLOR: #000000;
	BORDER: 1px solid #808080;
	WIDTH: 3em;
	WHITE-SPACE: nowrap;
	margin-top: 8px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	padding-top: 0;
	padding-right: 0.5em;
	padding-bottom: 0;
	padding-left: 0.5em;
}

A.MENUB:HOVER {
  COLOR: #808080;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  WIDTH: 3em;
  PADDING: 0 .5em;
  MARGIN: 1px;
  WHITE-SPACE: nowrap;
}

A.MENUD {
  COLOR: #808080;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  WIDTH: 3em;
  PADDING: 0 .5em;
  MARGIN: 1px;
  WHITE-SPACE: nowrap;
}

A.MENUD:HOVER {
  COLOR: #808080;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  WIDTH: 3em;
  PADDING: 0 .5em;
  MARGIN: 1px;
  WHITE-SPACE: nowrap;
}

DIV.NAVCONTAINER A {
  COLOR: #808080;
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  DISPLAY: block;
  MARGIN-BOTTOM: 2px;
  PADDING: 0 .8em;
  TEXT-DECORATION: none;
}

DIV.NAVCONTAINER A:HOVER {
  COLOR: #808080;
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #
 ;
}

DIV.NAVCONTAINER UL {
  LIST-STYLE-TYPE: none;
  MARGIN: 0px;
  PADDING: 3px;
}

SPAN.BLACK {
  COLOR: #808080;
}

SPAN.COPY {
  color:#808080;
  FONT-SIZE: 9px;
}

SPAN.SPEC {
  COLOR: #808080;
}

SPAN.STARK {
  COLOR: #808080;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
}

SPAN.TITLE {
  COLOR: #808080;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
}

SPAN.WHITE {
  COLOR: #808080;
}
SPAN.mailwhite {
  COLOR: #808080;
}


/*                */
/*      Forms     */
/*                */

/* Base for forms */

INPUT {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  COLOR: #808080;
  FONT-SIZE: 12px;
  FONT-WEIGHT: normal;
}

SELECT {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  COLOR: #808080;
  FONT-SIZE: 12px;
  FONT-WEIGHT: normal;
}

TEXTAREA {
   BACKGROUND-COLOR:#000000;
  BORDER: 1px solid #808080;
  COLOR: #808080;
  FONT-SIZE: 12px;
  FONT-WEIGHT: normal;
}



/*        */
/*  Code  */
/*        */

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

.ERMAIN {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  COLOR: #808080;
  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 #808080;
  COLOR: #808080;
  FONT-SIZE: 12px;
  OVERFLOW: hidden;
  PADDING: 2px;
  WHITE-SPACE: nowrap;
}

.ERSUB {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  COLOR: #808080;
  FONT-SIZE: 12px;
  OVERFLOW: hidden;
  PADDING: 2px;
  WHITE-SPACE: nowrap;
}

.ERFIELD {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  COLOR: #808080;
  FONT-SIZE: 12px;
  PADDING: 2px;
  WHITE-SPACE: nowrap;
}


/* Coloured tables */
.ERLIGHT {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  MARGIN: 5px;
COLOR: #808080;
}

.ERMEDIUM {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  MARGIN: 5px;
}

.ERDARK {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  MARGIN: 5px;
}

.ERBLANK {
  BORDER: 1px solid #808080;
  MARGIN: 5px;
  BACKGROUND-COLOR: #000000;
}

.ERPORTAL {
  COLOR: #808080;
  MARGIN: 5px;
  BACKGROUND-COLOR: #000000;
}


/* Title Row Enhancements */
.ROWLIGHT {
  BACKGROUND-COLOR: #000000;
  BORDER-BOTTOM: 1px solid #808080;
  COLOR: #808080;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  PADDING: 3px;
  WHITE-SPACE: nowrap;
  OVERFLOW: hidden;
}

.ROWDARK {
  BACKGROUND-COLOR: #000000;
  BORDER-BOTTOM: 1px solid #808080;
  COLOR: #808080;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  PADDING: 3px;
  WHITE-SPACE: nowrap;
  OVERFLOW: hidden;
}

.ROWPORTAL {
  BACKGROUND-COLOR: #000000;
  BORDER-BOTTOM: 1px solid #808080;
  COLOR: #808080;
  PADDING: 3px;
  WHITE-SPACE: nowrap;
  OVERFLOW: hidden;
}

/* Administrative row colour variation */
.ROWPRI {
  BACKGROUND-COLOR: #000000;
  COLOR: #808080;
  FONT-SIZE: 11px;
}

.ROWSEC {
  BACKGROUND-COLOR: #000000;
  COLOR: #808080;
  FONT-SIZE: 11px;
}

/* Message board overrides */
A.BOARD {
  COLOR: #808080;
}

.BOARDBODY {
  BACKGROUND-COLOR: transparent;
  COLOR: #808080;
}

.BOARDCHLD {
  BACKGROUND-COLOR: #000000;
  COLOR: #808080;
  FONT-SIZE: 14px;
}

.BOARDKILL {
  BACKGROUND-COLOR: #000000;
  COLOR: #808080;
  FONT-SIZE: 14px;
}

.BOARDPRNT {
  BACKGROUND-COLOR: #000000;
  COLOR: #808080;
  FONT-SIZE: 14px;
}

.BOARDHEAD {
  BACKGROUND-COLOR: #000000;
  COLOR: #808080;
  FONT-SIZE: 14px;
}


/* Forcast overrides */
.FC_ALIGN {
  TEXT-ALIGN: left;
 }

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

.FC_ENTRY {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  COLOR: #808080;
  FONT-SIZE: 12px;
}

.FC_FIELD {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  COLOR: #808080;
  FONT-SIZE: 12px;
}

.FC_INFO {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  COLOR: #808080;
  FONT-SIZE: 12px;
}

.FC_TITLE {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  COLOR: #808080;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
}


/* Polls and surveys */
A.POLL {
  COLOR: #808080;
  FONT-SIZE: 16px;
}

.POLLHEAD {
  BACKGROUND-COLOR: #000000;
  BORDER-STYLE: outset;
  TEXT-ALIGN: justify;
}

.POLLBODY {
  COLOR: #808080;
}

.POLLNAME {
  BACKGROUND-COLOR: #000000;
  COLOR: #808080;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
  TEXT-ALIGN: center;
}


/* Gallery and work rotation overides */ 
.IMG_TABLE {
  BORDER: 1px solid #E3F3FA;
  PADDING: 2px;
}

.TXT_TABLE {
  BORDER: 1px solid #808080;
  PADDING: 2px;
  WIDTH: 200px;
}

.IMG_ENTRY {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  COLOR: #808080;
  FONT-SIZE: 12px;
}

.IMG_TITLE {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  COLOR: #808080;
  FONT-SIZE: 12px;
}

.TXT_ENTRY {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  COLOR: #808080;
  FONT-SIZE: 12px;
}

.TXT_TITLE {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  COLOR: #808080;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
}


/* RSS feeds */
A.FEED_LINK {
  COLOR: #808080;
  FONT-SIZE: 11px;
  TEXT-DECORATION: none;
}

A.ITEM_LINK {
  COLOR: #808080;
  FONT-SIZE: 11px;
  TEXT-DECORATION: none;
}

ITEM_DESCR {
  COLOR: #808080;
  FONT-SIZE: 11px;
}

.FEED_TABLE {
  BORDER: 1px solid #808080;
  PADDING: 2px;
}

.FEED_DATE {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  COLOR: #808080;
  FONT-SIZE: 11px;
}

.FEED_ITEM {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  COLOR: #808080;
  FONT-SIZE: 12px;
}

.FEED_TITLE {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  COLOR: #808080;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
}


/* Who is on */
.WHOGLOBAL {
  PADDING: 5px;
  WIDTH: 500px;
}

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

.WHOPRI {
  COLOR: #808080;
  FONT-SIZE: 11px;
  font-weight:bold;
}

.WHOSEC {
  COLOR: #808080;
  FONT-SIZE: 11px;
  font-weight:bold;
}


/* Zoomer */
.SPELC {
  COLOR: #808080;
  FONT-SIZE: 14px;
}

.SPELW {
  COLOR: #808080;
  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: 800px;
}

.FANCY_HELP {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
color: #808080;
  FLOAT: right;
  HEIGHT: 100%;
  MARGIN: 5px;
  PADDING: 3px;
  TEXT-ALIGN: left;
  WIDTH: 200px;
}

.FANCY_LAYER {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  FLOAT: right;
  HEIGHT: 100%;
  MARGIN: 5px;
  PADDING: 3px;
  TEXT-ALIGN: left;
  WIDTH: 200px;
}

.FANCY_TITLE {
  BACKGROUND-COLOR: #000000;
  BORDER-TOP: 1px solid #808080;
  BORDER-BOTTOM: 1px solid #808080;
  COLOR:#808080;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  OVERFLOW: hidden;
  PADDING: 2px;
  WHITE-SPACE: nowrap;
}

.FANCY_FOLLOW {
  BACKGROUND-COLOR: #000000;
  BORDER-BOTTOM: 1px solid #808080;
  COLOR: #808080;
  FONT-WEIGHT: bold;
  OVERFLOW: hidden;
  PADDING: 2px;
  WHITE-SPACE: nowrap;
}

.FANCY_SUB {
  BACKGROUND-COLOR: #000000;
  BORDER-TOP: 1px solid #808080;
  BORDER-BOTTOM: 1px solid #808080;
  COLOR: #808080;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  OVERFLOW: hidden;
  PADDING: 2px;
  WHITE-SPACE: nowrap;
}

.FANCY_BLANK {
	COLOR: #808080;
	FONT-SIZE: 12px;
	PADDING: 2px;
}

.FANCY_DESCR {
  COLOR:#808080;
  FONT-SIZE: 12px;
  OVERFLOW: hidden;
  PADDING: 2px;
  VERTICAL-ALIGN: top;
  WHITE-SPACE: nowrap;
  font-weight: bold;

}

.FANCY_DESCR1 {
	COLOR: #808080;
	FONT-SIZE: 12px;
	OVERFLOW: hidden;
	PADDING: 2px;
	VERTICAL-ALIGN: top;
	WHITE-SPACE: nowrap;
	font-weight: bold;
}

.FANCY_DIV {
  HEIGHT: 10px;
}

/* Leechning Features */
/* Related heavily to the fancy set */
.LEECH_TOP {
  BACKGROUND-COLOR: #000000;
  BORDER-BOTTOM: 1px solid #808080;
  VERTICAL-ALIGN: middle;
  WIDTH: 100%;
  PADDING: 2px;
}

.LEECH_BOTTOM {
  BACKGROUND-COLOR: #000000;
  BORDER-TOP: 1px solid #808080;
  BORDER-BOTTOM: 1px solid #808080;
  WIDTH: 100%;
  PADDING: 2px;
}

.LEECH_TEXT {
  COLOR: #808080;
  FONT-SIZE: 12px;
  WIDTH: 90%;
  PADDING: 2px;
}

.LEECH_DISPLAY {
  COLOR: #808080;
  FONT-SIZE: 12px;
  PADDING: 2px;
}


/*                 */
/*     Geteway     */
/*                 */

/* Gateway widgits */
SELECT.CHAR {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  COLOR: #808080;
  FONT-SIZE: 12px;
  FONT-WEIGHT: normal;
}

SELECT.ROOM {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  COLOR: #808080;
  FONT-SIZE: 12px;
  FONT-WEIGHT: normal;
}

/* Selection process for the site */
.ROOMS {
  COLOR: #808080;
  TEXT-DECORATION: none;
  WHITE-SPACE: nowrap;
  CURSOR: crosshair;
}

.ROOMS:HOVER {
  COLOR: #808080;
  TEXT-DECORATION: none;
  WHITE-SPACE: nowrap;
  CURSOR: crosshair;
}

/* Javascript description */

.JSDESCR {
  BORDER: 1px solid #000000;
  BACKGROUND-COLOR: #000000;
  FONT-SIZE: 11px;
  HEIGHT: 67px;
  PADDING: 2px;
  TEXT-ALIGN: justify;
  WIDTH: 400px;
}


/* Spalsh page controls */
.SPLASH {
  WIDTH: 100%;
  HEIGHT: 100%;
}

.SPLASH_INFO {
	VERTICAL-ALIGN: Top;
	WIDTH: 275px;
	COLOR: #808080;
	font-weight: bold;
}

.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 #808080;
}

.HEADER_RIGHT {
  FLOAT: right;
  MARGIN-TOP: 5px;
  MARGIN-RIGHT: 5px;
}

.HEADER_LEFT {
  FLOAT: left;
}

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

.WORK {
  MARGIN: 10px;
}

.FOOTER {
  BORDER-TOP: 1px solid #808080;
  TEXT-ALIGN: center;
  color:#808080;
} 


/*                 */
/*     Gallery     */
/*                 */

/* Gallery basics */

.GALWRAP {
  BORDER: 1px solid #808080;
  MARGIN: 5px;
}

.GALHEAD {
  BACKGROUND-COLOR: #000000;
  BORDER-BOTTOM: 1px solid #808080;
  COLOR: #808080;
  PADDING: 3px;
}

.GALFOOT {
  BACKGROUND-COLOR: #000000;
  BORDER-TOP: 1px solid #808080;
  COLOR: #808080;
  PADDING: 3px;
}


/* EXIF Information */
.EXIFTAG {
  COLOR: #808080;
  FONT-WEIGHT: bold;
}

.EXIFVAL {
  COLOR: #808080;
}


/* Layer adjustments */
/* Applies to Images */
DIV.PARENT {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  MARGIN: 5px;
}

DIV.CHILD {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  MARGIN: 5px;
}

/* Applies to Text */
A.PARENT {
  COLOR: #808080;
  BACKGROUND-COLOR: #000000;
  BORDER-TOP: 1px solid #808080;
  BORDER-BOTTOM: 1px solid #808080;
  FONT-SIZE: 11px;
  PADDING: 0 .5em;
  MARGIN-LEFT: 5px;
  WHITE-SPACE: nowrap;
  WIDTH: 3em;
}

A.PARENT:HOVER {
  COLOR: #808080;
  BACKGROUND-COLOR: #000000;
  BORDER-TOP: 1px solid #808080;
  BORDER-BOTTOM: 1px solid #808080;
  FONT-SIZE: 11px;
  PADDING: 0 .5em;
  MARGIN-LEFT: 5px;
  WHITE-SPACE: nowrap;
  WIDTH: 3em;
}

A.CHILD {
  COLOR: #808080;
  BACKGROUND-COLOR: #000000;
  BORDER-TOP: 1px solid #808080;
  BORDER-BOTTOM: 1px solid #808080;
  FONT-SIZE: 11px;
  PADDING: 0 .5em;
  MARGIN-LEFT: 5px;
  WHITE-SPACE: nowrap;
  WIDTH: 3em;
}

A.CHILD:HOVER {
  COLOR: #808080;
  BACKGROUND-COLOR: #000000;
  BORDER-TOP: 1px solid #808080;
  BORDER-BOTTOM: 1px solid #808080;
  FONT-SIZE: 11px;
  PADDING: 0 .5em;
  MARGIN-LEFT: 5px;
  WHITE-SPACE: nowrap;
  WIDTH: 3em;
}


/* Vanity voting sections */


.VAINMILD {
  COLOR: #808080;
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  MARGIN: 5px;
  TEXT-ALIGN: center;
  WIDTH: 45px;
}


.VAINMID {
  COLOR: #808080;
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  MARGIN: 5px;
  TEXT-ALIGN: center;
  WIDTH: 45px;
}


.VAINHOT {
  COLOR: #808080;
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #808080;
  MARGIN: 5px;
  TEXT-ALIGN: center;
  WIDTH: 45px;
}