/* Actual KoL CSS */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: white;
	color: black;
}
td {
	font-family: Arial, Helvetica, sans-serif;
}
a:link {	color: black; }
a:visited {	color: black; }
a:active {	color: black; }
.tiny { font-size: 8pt; }
.small { font-size: .8em; }
.nounder { text-decoration: none; }
input.text, textarea {
	border: 1px black solid;
	font-family: Arial, Helvetica,  sans-serif;
	font-size: 10pt;
}
input.button {
	border: 2px black solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #000000;
}

div.rcm {
	position: absolute;
	font-family: Arial;
	font-size: 10pt;
	border: 1px solid black;
	background: white;
	display: none;
}

p.rcm {
   cursor: pointer;
   background-color: white;
   margin: 0px;
   padding: 0px 2px;
}

p.rcm:hover {
   background-color: #ccccff;
}
img.hand {
   cursor: pointer;
/*
   cursor: hand;
*/
   border: 0px;
   height: 30px;
   width: 30px;
}
.black,.red {
   font-weight: bold;
   color: black;
   font-size: smaller;
}
.red {
   color: red;
}
.redbold {
	color: red;
   font-weight: bold;
}
img.item {
   border: 0px;
   height: 30px;
   width: 30px;
   vertical-align: middle;
}
div.effect td.effect { font-size: 8pt; }

/* Added CSS to mimic KoL styles not in the CSS */
p.centered, td.centered, div.centered { text-align: center; }
.vcentered {  vertical-align: middle; }
p.effect, span.effect {
    color: blue;
    font-weight: bold;
}
.heat      { color: red; }
.hot       { color: red; }
.cold      { color: blue; }
.stench    { color: green; }
.spooky    { color: gray; }
.spelling  { color: purple; }
.sleaze    { color: blueviolet; }
.slime     { color: darkgreen; }
.shadow    { color: gray; }

table.middleframesize
{
  width: 550px;
  margin-left: auto;
  margin-right: auto;

}
td.kolhr {
  height: 1px;
  background-color: black;
}
td.bordered {
  padding: 5px;
  border: 1px solid blue;
}
thead {
  background-color: blue;
  color: white;
  text-align: center;
  font-weight: bold;
}
a.inthead {
  color: white;
  text-decoration: none;
}
table.centered {
  margin-left: auto;
  margin-right: auto;
}

table.faux_window
{
  width: 300px;
  min-height: 200px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  border-spacing: 0px;
  border: 1px solid blue;
  border-collapse: collapse;
}

select {
	border: 1px black solid;
	font-family: Arial, Helvetica,  sans-serif;
	font-size: 10pt;
}