table.form_table {

 margin: 0.4em;
 padding: 0.8em;
}
table.form_table td {
 padding: 0.2em;
 font-size: 10pt;
}
/*** ESSENTIAL STYLES ***/
ul.game-list, ul.game-list * {
 list-style: none;
}
ul.game-list {
 margin-left: 1em;
 padding-left: 1em;

}
table.game-list {
 width: 600px;
}
div.page-msg {
 margin: 1em;
 padding: 1em;
 border: 1px solid green;
 background: #dfd;
}
div.page-error {
 margin: 1em;
 padding: 1em;
 border: 1px solid red;
 background: #fdd;
}

table.game-list tr.header td {
 font-weight: bold;
 background: #eeeeee;

}
table.game-list td {
 font-size: 11pt;
 color: black;
 opacity: 1.0;
}
div.content p {
	clear: both;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

div.content .more {
 margin: 0px;
 margin-left: 1em;
 font-weight: bold;
}

div.content h3 {
 clear: both;
 margin-bottom: 0.1em;
}

div.content h2 {
 clear: both;
 margin-bottom: 0.1em;
}

.top-menu, .top-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.top-menu li {
	float:			left;
	position:		relative;
}



div#right_pane {
 background: #ffffff;
 overflow: auto;
 margin-left: 2px;
}

div#look_pane div.look_title {
  font-weight: bold;
}

div#look_pane div.icon {
  padding-right: 0.3em;
}

div#look_pane div.container {
}

div#look_pane {
  font-size: 9pt;
  font-family: Arial;
 padding: 0.3em;
}

div#status_me {
  font-size: 9pt;
  font-family: Arial;
 padding: 0.3em;
}
div.pane_div {

  margin-bottom: 4px;
}

div.pane {   clear: both; overflow: auto; } /* to make it scroll */
div.pane_div div.header {
  padding: 3px;
  font-family: Arial;
  font-size: 8pt;
 background: #dddddd;
 height: 1em;
}
div.pane_div div.title {
 float: left;
 width: 50%;
 text-align: left;
}
div.pane_div div.toggle_pane {
 float: left;
 width: 50%;
 text-align: right;
}

body,td {
 font-family: Arial;
 font-size: 11pt;
 color: black;
 background: white;
 margin: 0px 0px 0px 0px;
}

div#controls div {
 float: left;
}

div#content {
  margin-left: 0.5em;
  margin-top: 0.5em;
}

h1 { font-size: 1.3em; }
h2 { font-size: 1.2em; }

div#top_menu a {
 color: #ffffff;
 margin-right: 1em;
}

div#top_menu a:hover {
 color: #999999;
}
a {
 color: #000088;
 text-decoration: none;
}

a:hover { color: #444488; text-decoration: underline;}

	
div#edit_select {
 filter:alpha(opacity=50);
 -moz-opacity:0.5;
 -khtml-opacity: 0.5;
 opacity: 0.5;
 background: #aaaaff;
  border: 1px solid red;

 z-index: 1000;  /* always on top */
 position: absolute;
}

div#inv {
 background: #eeeeee;
 width: 440px;
 height: 440px;
 padding: 5px;
 overflow: hidden;
 display: none;
 position: relative;
}

div#encap {
 position: relative;
 background: gray;
 padding: 0px;
 width: 450px;
 height: 450px;
 overflow: hidden;
}


div#stuff{
 background-color: red;
 height: 100px;
 width: 100px;
 left: 0px;
 top: 0px;
 position: relative;

}

canvas#main {
 width: 450px;
 height: 450px;
 z-index: 1; 
 position: relative;
}

div#fov {
 position: absolute;
 left: 0px;
 top: 0px;
 width: 450px;
 height: 450px;
 z-index: 2;
}

div#main {
  background-color: #222222;
  background-repeat: repeat;
 border: 0px;
 left: 0px;
 top: 0px;
 position: relative;
 height: 450px;
 width: 450px; 
 z-index: 1; 
}

table {
position: relative;
left: 0px;
margin: 0px;
 border-collapse: collapse;
padding: 0px;
border: none;
}

td {
padding: 0px;
margin: 0px;
background-color: white;
width: 50px;
overflow: hidden;
}

td.trans {
background-color: transparent;
}

div.row{
height: 50px;
margin: 0px;
padding: 0px;
border: none;
clear: both;

}


div.context_menu div {
 background: #cccccc;
 padding: 0.3em;
}
div.context_menu div.invcontext {
 float: left;
}
div.context_menu {
 font-family: Arial;
 font-size: 10pt;
 z-index: 10000;
 position: absolute;
 border: 1px solid black;
}

div.tile{
height: 50px; /* this is by default */
width: 50px;
margin: 0px;
padding: 0px;
border: none;
overflow: hidden;
position: absolute;
background: url('man.jpg');
z-index: 3;
}

div.fov_tile{
height: 50px; /* this is by default */
width: 50px;
margin: 0px;
padding: 0px;
border: none;
overflow: hidden;
position: absolute;
background-image: url('images/black.gif');
opacity: 1;
z-index: 20;
}

div.recent {
 background: #bbf;
 font-weight: bold;
}

div.msg {
 padding: 1px;
 font-family: "Monospace","DejaVu Sans","Courier New",monospace,sans;
 font-size: 8pt;
}

div#msgboard {
 border: 1px solid black;
 background: #eeeeee;
 overflow: auto;
 width: 344px;
 height: 10em;
}

input.dialog_button {
  font-size: 1.2em;
 padding: 5px;
}

input.ok {
 padding-left: 2em;
 padding-right: 2em;
}
div.prompt {
 font-size: 1.3em;
}

div.item {
 position: relative;
  vertical-align: top;
   margin: 2px;
}

.jqmWindow {
  z-index: 50000;
    display: none;
    position: absolute;
    top: 50px;
    left: 100px;
    width: 600px;
    background-color: #EEE;
    color: #333;
    border: 2px solid black;
    padding: 12px;
}

div#talk_dialog div {
 float: left;
 padding: 3px;
}
div#talk_dialog div.says {
  font-style: italic;
 font-size: 0.8em;
}


div#talk_dialog div.content{
 font-size: 1.5em;
 padding: 2px;
 margin-bottom: 1em;
}

div.item_list {
 position: relative;
 overflow: auto;
 height: 10em;
 background: white;
 border: 2px solid black;
 padding: 2px;
 font-size: 0.8em;
 margin: 1em 1em 1em 1em;

}



.jqmOverlay { 
 filter:alpha(opacity=50);
 opacity: 0.5;
 background-color: #000; 
}

.jqmOverlay { background-color: #fff; display: none;}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
        width: expression(this.parentNode.offsetWidth+'px');
        height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     z-index: 500002;
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}