/* Nightshades by James Morris of MyWebResource (contact@MyWebResource.com) */
/* modifications by the Spiral */

/* element formatting */
body {margin:0;padding:0;color:#DEDEDE;background:#000 url(images/pageback.jpg) no-repeat fixed top right;font:12px Arial,Helvetica,sans-serif}
#banner
{
  width: 896px;
  padding: 5px;
  text-align: center;
}
#container {
    width: 896px;
    padding:3px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
}
#wrapper { margin-top: 7px; }
#left {
    float: left; 
    width: 155px;
    display:block;font-weight:bold;font-size:120%;text-align:left;padding:2px;margin:0;color:#CCC;border-top:1px solid #999;border-left:1px solid #999;border-right:1px solid #555;border-bottom:1px solid #555;background:url(images/blockback.jpg) repeat-x
    }
#right {
    float: right;
    width: 155px;
    display:block;font-weight:bold;font-size:120%;text-align:left;padding:2px;margin:0;color:#CCC;border-top:1px solid #999;border-left:1px solid #999;border-right:1px solid #555;border-bottom:1px solid #555;background: black url(images/blockback.jpg) repeat-x
    }
#content {
    margin-left: 170px;
    margin-right: 170px;
    margin-bottom: 5px;
    padding: 10px;
    border: 1px solid silver;
}
#footer {
    clear: both;
    padding: 4px;
    border: 1px solid silver;
    text-align: center;
}

/* item formatting */
strong { font-size: 1.2em; color: silver; font-weight: bold; border-left: 1px solid silver; border-bottom: 1px solid silver; padding: 1px; margin: 5px;}
em {font-style: italic;}


/* li:hover {background-color: maroon; color: white; border: solid silver 1px; }  */
li.static { position: relative; }
ul.static { position: relative; }
li.static:hover { background-color: black; border: none; }
ul
{
  list-style-type: none;
  background-color: black;
  padding: 0px;
  margin: 0px;
  position: absolute;
}
li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  background-color: black;
}
li:hover
{
  z-index: 10;
}
div.menuheader
{
   border: solid silver 1px;
   background-color: black;
     padding: 0px;
  margin: 0px;
  cursor: default;
}
ul.menu
{
  display: none;
    padding: 0px;
  margin: 0px;
}
div.menuheader > li:hover > ul.menu, ul.menu:hover
div.menuheader > ul > li:hover > ul.menu, ul.menu:hover
{
  display: block;
  position: absolute;
  z-index: 10;
    border: solid silver 1px;
}

div.menuheader > li:hover > ul.menu > li
div.menuheader > ul > li:hover > ul.menu > li
{
  position: relative;
  cursor: pointer;
}
#items > li:hover
{
  background-color: maroon;
}

ul.submenu
{
  display: none;
  position: absolute;
  border: solid silver 1px;
  background-color: black;
  left: 3em;
  top: -1em;
}
ul.menu > li:hover > ul.submenu, ul.submenu:hover
{
  display: block;
  z-index: 20;
}

.tooltip
{
  background-color: darkred;
  border: solid silver 1px;
}

.tipped > div > .hover-tooltip
{
  background-color: darkred;
  border: solid silver 1px;
  top: -3em;
  left: 2em;
  position: absolute;
  display: none;
}
.tipped > div
{
  position: relative;
}
.tipped:hover > div > .hover-tooltip
{
  display: inline;
  z-index: 20;
}



div.cell-info
{
  height: 16px;
  width: 16px;

}
div.cell-info > li
{
  border: none;
  background-color: transparent;
}
div.cell-info > li > ul > li
{
  border: none;
}
div.cell-info > li > ul
{
  border: none;
}
div.cell-info > li:hover > ul.menu, ul.menu:hover
{
  display: block;
  position: absolute;
}

blockquote
{
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 3px;
    border: 1px dotted silver;
}
h1
{
    padding: 5px;
    font-size: 2em;
    color: silver;
    margin-top: 5px;
    margin-bottom: 15px;
}
h2
{
    padding: 5px;
    font-size: 1.5em;
    margin-top: 5px;
    margin-bottom: 5px;
}
img
{
    border: none;
}

td
{
  margin: 1px;
  padding: 0px;
  border: none;
}
td.grid
{
  margin: 0px;
  padding: 0px;
  border: solid black 1px;;
  text-align: center;
  background-color: black;
  background-repeat: no-repeat;
}
td.grid.move:hover { border: solid white 1px; cursor: move; }
td.grid.enemy { border: solid orange 1px; }
td.grid.enemy:hover { border: solid red 1px; cursor: crosshair; }
td.grid.ally:hover { border: solid lime 1px; cursor: pointer; }
td.grid.other_pc:hover { border: solid purple 1px; cursor: pointer; }
td.grid.npc:hover { border: solid blue 1px; cursor: pointer; }
td.grid.functional:hover { border: solid yellow 1px; cursor: pointer; }

div.cell-holder
{
  width: 16px;
  height: 16px;
  overflow: hidden;
}
.icon { border: solid transparent 1px; vertical-align: bottom;}
.icon:hover { border: solid silver 1px; }

.tooltip { background-color: maroon; border: solid silver 1px; }
.tipped > div > .hover-tooltip {
  background-color: maroon;
  border: solid silver 1px;
  top: -2em;
  left: 2em;
  position: absolute;
  display: none;
}
.hover-tooltip { display: none; }
.tipped > div { position: relative; }
.tipped:hover > div > .hover-tooltip { display: inline; z-index: 20; }

button
{
  border: 1px solid white;
  color: white;
  margin: 5px;
  background-color: black;
  font-size: 1em;
}
button:active
{
  background-color: red;
}
button:hover
{
  background-color: maroon;
}
/*
.list {
    margin-left: 25px;
    list-style-type: none;
    /*list-style-image: url(images/list_bullet.png);
    margin-top: 30px;
}
     */
.submit_button
{
   border-bottom: 1px solid white;
}



a 
{
  text-decoration:none;
  color:#FFF;
  background:transparent;
  font-weight:bold;
  cursor: pointer;
}
a:hover {text-decoration:none;color:silver;background:transparent}

/********** Begin top navigation *************/
#navlist
{
    height: 2.6em;
    margin-top: 7px;
    padding: 1.7em 0em .3em .4em;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    border: 1px solid #FFFFFF;
}

#navlist li
{
padding-right: 1px;
display: inline;
font-size: 1em;
}
#navlist li:hover { background-color:transparent; border:none; }
#navlist ul
{
margin: 0px;
padding: 0px;
}
#navlist a, #navlist a:link, #navlist a:visited
{
padding: 1.2em;
padding-left: 0.5em;
padding-right: 0.5em;
text-decoration: none;
}
#navlist a:hover
{
text-decoration:none;color: silver; background-color:transparent;
}

/* Nightshades by James Morris of MyWebResource (contact@MyWebResource.com) */
/* modifications by the Spiral */