@charset "utf-8";

* {
  margin:0px;
  padding:0px;
  font-size:12px;
}

body {
 background-position:left top;
 margin: 0px;
 font-family: Lucida Grande, Verdana, Sans-serif;
 font-size: 14px;
 color: #fff;
}

a {
 color: #eef;
 background-color: transparent;
 font-weight: normal;
}
a:hover {
 color: #99f;
 }

h1 {
 color: #fff;
 background-color: transparent;
 font-size: 16px;
 font-weight: bold;
 margin: 24px 0 2px 0;
 padding: 5px 0 6px 0;
}

code {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #fff;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}

h1 {
  font-size:14px;
  line-height: 22px;
  margin: 5px 0 0;
  padding: 0 0 0 24px;
  height: 22px;
}

div.h1box {
 background:#002;
   filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;

  margin-top: 0;
  padding: 5px;
  border:1px solid gray;
  text-align:center;
  width:100%;
}


h2 {
  font-size:12px;
  border-left:2px solid blue;
  padding: 3px;
  margin: 5px;
}

h2.sidebar {
  font-size:12px;
  border:1px solid gray;
  margin: 5px 0px;
}

table.gray {
  border-collapse:collapse;
}

table.gray td, table.gray th {
  border:1px solid gray;
  padding:2px;
  vertical-align:top;
  font-size:11px;
}

p,div {
  margin-top:5px;
  padding:3px;
}

span {
  margin-right:1em;
}

input, option, select, button {
  font-size:12px;
}

input.readonly {
  background-color:#DDDDDD;
}


#container {
  width:980px;
  margin:10px auto;
}

#menu {

  float:left;
  width:200px;
  margin:15px 0px 10px;
  padding:5px;
  border:solid 1px gray;
}

#main {
  float:right;
  margin:5px 0px 10px;
  width:760px;
}

table.wishlist {
  margin:1em;
  table-layout:fixed;
  width:400px;
}

table.wishlist td {
  padding:3px;
  border-bottom:1px dashed gray;
}

table.visionlist {
  margin:1em;
  table-layout:fixed;
  border-collapse: collapse;
  border-bottom:1px solid gray;
}

table.visionlist td, table.visionlist th {
  padding:3px;
  _border-left:1px solid gray;
  _border-right:1px solid gray;
}

table.visionlist td {
  border-bottom:1px dashed gray;
}

table.visionlist th {
  _border-top:1px solid gray;
  border-bottom:1px solid gray;
}

table.history {
  margin:1em;
  border-collapse: collapse;
}

table.history th, table.history td {
  padding:3px;
  border:1px solid gray;
}

fieldset.userconfig {
  margin:10px 15px 5px;
  padding:5px;
}

table.userconfig .line th, table.userconfig .line td {
  padding:5px 10px;
  border-bottom:1px dashed gray;
}

table.userconfig th {
  padding:5px 10px;
  text-align:right;
  width:160px;
}

table.userconfig td {
  padding:5px 10px;
  width:300px;
}

div.box {
  border:1px solid gray;
  text-align:center;
  width:300px;
}


/*****************************************************************************
 * header
 *****************************************************************************/
#header {
width:800px;
margin:auto;
  padding: 0;
}
#header #header-left {
  float: left;
}
#header #header-right {
 display:none;
  float: right;
}
#header p.title {
  padding: 0;
  margin: 17px 0 12px 8px;
}
#header p.title a {
 color:#efefff;
  font-size: large;
  font-weight: bold;
  text-decoration: none;
}
#header p.subtitle {
display:none;
  color: black;
  font-size: 9px;
  font-weight: bold;
  padding: 0;
  margin: 12px 0 12px 8px;
}
#header div.gnavi {
display:none;
  background-color: #669966;
  color: white;
  padding: 0;
  margin: 0;
  line-height: 180%;
}
#header div.gnavi a {
  text-decoration: none;
  color: white;
  font-weight: bold;
  line-height: 180%;
}

/*****************************************************************************
 * footer
 *****************************************************************************/
div#footer-navi {
 display:none;
  background-color: #666666;
  color: white;
  font-size: small;
  border-bottom: 3px solid #cccccc;
  clear: both;
  text-align: right;
  height: 16px;
  padding: 3px;
}

div#footer-navi a { 
  text-decoration: none;
  color: white;
  font-size: small;
  margin: 0;
  padding: 0;
}

div#footer-copyright {
 color:#ccf;
  text-align: center;
  font-size: 9px;
  margin: 10px 0;
}




body {
	overflow:auto; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;		/* necesarry for the raster to fill the screen */
	height:100%;width:100%;
}

#bgimg {
	position:fixed;
	z-index: -1;
}

#realBody{
	position:absolute;
	z-index: 5;				/* Place the new body above the background image */
	overflow:auto; 			/* restore scrollbars for the content */
	height:100%;width:100%;	/* Make the new body fill the screen */
	background: url('../img/raster.png'); /* this is just a fancy raster, you can remove it; I kinda like it though */
}

/* 
	The following CSS code is for illustrative purposes, and is NOT necesarry for the fullscreenr plugin to work
*/

#exampleDiv {
	width:100%;
	background:#000;
	position:absolute;
	top: 50px;
	text-align:center;
	padding:10px 0;
}

	#exampleDiv a {
		color:#fff;
		font-family:Verdana;
		font-size:12px;
		text-decoration:none;
	}

	#exampleDiv a:hover {
		background:#fff;
		color:#000;
	}