/* CSS Document */

caption {
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


table.nav {
	background-color: #1d3736;
	border: 1px solid #000000;
	height: auto;
	width: 182px;
}

.navhead {
	text-decoration: none;
	width: 180px;
	height: auto;
	padding: 1px;
	float: left;
	line-height: 18px;
	clear: none;
	background-color: #1d3736;
	font-weight: bold;
	color: #FFFFFF;
	cursor: default;
	text-align: center;
	font-variant: small-caps;
}

a {
	color: #D1FFD1;
	text-decoration: none;
}

a.nav {
	color: #D1FFD1;
	text-decoration: none;
	width: 181px;
	height: auto;
	float: left;
	padding: 1px;
	clear: none;
	background-color: #1d3736;
	border: 1px solid #000000;
	text-align: left;
}

.navhelp {
	text-decoration: none;
	width: 181px;
	height: auto;
	padding: 1px;
	float: left;
	clear: none;
	background-color: #656565;
	border: 1px solid #656565;
}

a:hover.nav {
	background-color: #656565;
	border-top: 1px solid #029402;
	border-left: 1px solid #029402;
	border-bottom: 1px solid #013901;
	border-right: 1px solid #013901;
}
a.navhilite {
	text-decoration: none;
	width: 150px;
	height: auto;
	padding: 1px;
	float: left;
	clear: none;
	color:#FFFF00;
	background-color: #330000;
	border-top: thin solid #330000;
	border-bottom: thin solid #330000;
	border-right: thin none #330000;
	border-left: thin none #330000;
}
a:hover.navhilite {
	background-color: #CC0000;
	border-top: thin outset #CC0000;
	border-right: thin none #CC0000;
	border-bottom: thin outset #CC0000;
	border-left: thin none #CC0000;
}


table {
}
td.charinfo {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #656565;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: default;
}
td.charhead {
	background-color: #656565;
	border: none;
	cursor: default;
	color: #000000;
}
table.charinfo {
	border: none;
	width: 182px;
}
td.popupheader {
	background-color: #333399;
	background-image: url(../images/headbkg.GIF);
	height: 20px;
}
td.noborder {
	border: none;
}
table.noborder {
	border: none;
}
input {
	background-color: #656565;
	border: 1px solid #013901;
	color: #CCCCCC;
}
.button {
font-family: verdana,arial,helvetica,sans-serif;  
	 font-size: 12px;  
	 color: #FFFFFF;  
	 background-color: #656565;  
	 border-top: 1px solid #029402;  
	 border-left: 1px solid #029402;  
	 border-right: 1px solid #013901;  
	 border-bottom: 1px solid #013901;
}
.input {
	background-color: #656565;
	border: 1px solid #013901;
	color: #CCCCCC;
}
select {
	background-color: #656565;
	border: 1px solid #806B4D;
	color: #CCCCCC;
}
table.vitalinfo {
	background-color: #003300;
	border: 1px solid #000000;
	width: 182px;
}
a.motd {
	text-decoration: none;
	color:#C6C3B5;
}
a:hover.motd {
	font-weight: normal;
	color:#C6C3B5;
}

a.hotmotd {
	color:#313131;
     -webkit-animation:colorchange 5s infinite alternate;      
    }
    @-webkit-keyframes colorchange {
      0% {        
        color: blue;
      }      
      10% {        
        color: #8e44ad;
      }      
      20% {        
        color: #1abc9c;
      }      
      30% {        
        color: #d35400;
      }      
      40% {        
        color: blue;
      }      
      50% {        
        color: #34495e;
      }      
      60% {        
        color: blue;
      }      
      70% {        
        color: #2980b9;
      }
      80% {     
        color: #f1c40f;
      }      
      90% {     
        color: #2980b9;
      }      
      100% {        
        color: pink;
      }
    }

.pagetitle {
	font-family: "Arial Black", "Courier";
	font-variant: small-caps;
	font-size: 20px;
	color: #FFFFFF;
}
.navhi {
	color: #FFFFFF;
	text-decoration: underline;
}

td.nav a.thot {
	position: absolute;
	left: 0px;
	height: auto;
}
td.nav a.t {
	position: absolute;
	left: 0px;
	height: auto;
}

a.t {
	width: 7px;
	height: 7px;
	border: 1px dotted #0000FF;
	background-color: #9999FF;
	color: #FFFFFF;
	font-size: 7px;
	text-decoration: none;
	padding-left: 1px;
	padding-right: 1px;
}

a.thot {
	width: 7px;
	height: 7px;
	border: 1px dotted #FF0000;
	background-color: #FF9999;
	color: #FFFFFF;
	font-size: 7px;
	text-decoration: none;
	padding-left: 1px;
	padding-right: 1px;
}

div.debug {
	background-color: #FFFFFF;
	color: #000000;
	border: 1px dotted #000000;
	width: auto;
	height: auto;
	font-size: 10px;
}
.colCrimson	{ color: #F40055; }
.colTomato { color: #FF4D4D; }
.colCandyApple { color: #FF0800; }
.colOrangeRed { color: #D00804; }
.colDarkCandyApple { color: #A10808; }
.colBlood { color: #870505; }
.colBloodRed { color: #6E0303; }
.colMaroon { color: #540000; }
.colDarkGoldenrod { color: #C08321; }
.colOchre { color: #C17A1A; }
.colAlloyOrange { color: #C17014; }
.colHoneyTeriyaki { color: #C1660E; }
.colRustOrange { color: #C25D08; }
.colBurntOrange { color: #C25302; }
.colSaddleBrown { color: #9F4402; }
.colDarkVanilla { color: #D2C996; }
.colDarkKhaki { color: #CBBD71; }
.colVegasGold { color: #C3B04C; }
.colOldGold { color: #C3AE3A; }
.colLemonCurry { color: #C3AB27; }
.colSunburst { color: #A0903E; }
.colSeaform { color: #76A091; }
.colOxley { color: #679178; }
.colMiddleGreen { color: #578360; }
.colFernGreen { color: #487447; }
.colDeepMossGreen { color: #306C43; }
.colDarkSpringGreen { color: #18653F; }
.colSeaGreen { color: #005D3B; }
.colSkyBlue { color: #78C5CF; }
.colCadetBlue { color: #5EA2AB; }
.colJellyBeanBlue { color: #447E86; }
.colDeepSpaceSparkle { color: #37636F; }
.colDarkSlateGrey { color: #2A4858; }
.colTurquoise { color: #153F48; }
.colSmokyTurquoise { color: #003537; }
.colCoolGrey { color: #8790B4; }
.colShadowBlue { color: #747BAB; }
.colSteelBlue { color: #6265A1; }
.colLiberty { color: #4F5098; }
.colDarkSlateBlue { color: #3A508A; }
.colMetallicBlue { color: #24507C; }
.colPoliceBlue { color: #294A6B; }
.colCharcoal { color: #2E445A; }
.colAfricanViolet { color: #B682BD; }
.colPlum { color: #A96EB3; }
.colPurpureus { color: #9C5AA8; }
.colCadmiumViolet { color: #8F419D; }
.colMaximumPurple { color: #743584; }
.colImperial { color: #5A2A6B; }
.colAmericanPurple { color: #3F1E52; }
.colDeepAmethyst { color: #A57A9E; }
.colRoseQuartzPink { color: #B25696; }
.colRedViolet { color: #BE338E; }
.colMediumVioletRed { color: #CB0F86; }
.colDeepPurple { color: #AF2473; }
.colPaleVioletRed { color: #93395F; }
.colLightGrey { color: #D5D5D5; }
.colSilver { color: #B7B7B7; }
.colSpanishGrey { color: #999999; }
.colGrey { color: #7C7B7B; }
.colDavysGrey { color: #5E5D5D; }
.colBlackOlive { color: #403F3F; }
.colOnyx { color: #383838; }
.colArtichoke { color: #8D8B70; }
.colShadow { color: #817C62; }
.colDimGrey { color: #756D54; }
.colQuincy { color: #685E46; }
.colCamouflage { color: #5C4F38; }
.colDarkChocolate { color: #50402A; }


.trhead  { background-color:#888888; color:#FFFFFF; }
.trlight { background-color:#333333; }
.trdark  { background-color:#333333; }
.trhilight { background-color: #333333; }
.trlist {background-color: #000000;}
.colrainbow {
  background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.coltrans {
  background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #xxx), color-stop(0.5, #yyy), color-stop(1.0, #zzz));
  background-image: gradient( linear, left top, right top, color-stop(0, #xxx), color-stop(0.5, #yyy), color-stop(1.0, #zzz);
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.colGreyGreen {
  background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #000000), color-stop(0.15, #cccccc), color-stop(0.3, #99ff99), color-stop(0.45, #cccccc), color-stop(0.6, #000000),color-stop(0.75, #cccccc), color-stop(0.9, #99ff99), color-stop(1, #cccccc) );
  background-image: gradient( linear, left top, right top, color-stop(0, #000000), color-stop(0.15, #cccccc), color-stop(0.3, #99ff99), color-stop(0.45, #cccccc), color-stop(0.6, #000000),color-stop(0.75, #cccccc), color-stop(0.9, #99ff99), color-stop(1, #cccccc) );
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
}