body
{
    margin: 0px;
    padding: 0px;
    background: url(/img/diamonds.gif);
    background-color: #000000;
    color: #FFFFFF;
		font-family: arial;
		font-size: 10pt;
		min-width: 1000px;
}

div
{
	margin: 0px;
}

div.formInput
{
	margin-bottom:10px;
}

div.cell
{
	float: left;
	border-bottom: solid 1px #ffffff;
	padding: 3px;
}

div.firstCell
{
	clear: left;
}

div.tableRow
{
	overflow:auto;
}

div.tableRowAlt
{
	overflow:auto;
	background-color: #555555;
}

div.tableRowHeaderCell
{
	background-color: #000000;
	font-weight:bold;
}

form
{
    margin-bottom: 0;  
}

label
{
	display: block;
}

.table { border: 2px solid #FFFFFF; }
.tmenu { border: 2px solid #FFFFFF; position: absolute; left: 10px; top: 134px; }
.tmain { border: 2px solid #FFFFFF; }
.tmainwod { border: 2px solid #FFFFFF; background:url(http://www.wantonwicked.net/img/bgwod1.gif); background-repeat: no-repeat; background-color: #262626; 
background-position: top center; }
.tbase { border: 2px solid #FFFFFF; }
.ttop { border-bottom: 1px solid #FFFFFF; }

a{text-decoration:none}
a:link, a:visited { color: silver; }
a:hover, a:active { color: white; text-decoration: none; }
/*a.linkmain:link, a.linkmain:visited { color: #4477ff; font-weight: 600; }
a.linkmain:hover, a.linkmain:active { text-decoration: underline; }*/
a.linkbase:link, a.linkbase:visited { color: gray; }
a.linkbase:hover, a.linkbase:active { color: white; font-weight: bold; }
a.linkcell:link, a.linkcell:visited { color: black; }
a.linkcell:hover, a.linkcell:active { font-weight: bold; color: maroon; }
a.linkxpsheet:link, a.linkxpsheet:visited { color: #2444bb; font-weight: 600; background-color:#ffffff; border: thin solid #000000}
a.linkxpsheet:hover, a.linkxpsheet:active { text-decoration: underline; }

.small_text {font-family: Arial; font-size: 8pt; }
.normal_text {font-family: Arial; font-size: 10pt; }
.highlight {font-family: Arial; font-size: 10pt; font-weight: 600; color:#eeeeee}
.error_text {font-family: Arial; font-size: 10pt; color: #ff0000}
.heading {font-family: Arial; font-size: 14pt; color:#eeeeee}
.major_heading {font-family: Arial; font-size: 16pt; font-weight:600; color:#eeeeee}
.mortal_normal_text {font-family: Arial; font-size: 10pt; color: #ddddee}
.vampire_normal_text {font-family: Arial; font-size: 10pt; color: #eedddd}
.werewolf_normal_text {font-family: Arial; font-size: 10pt; color: #eeeedd}
.mage_normal_text {font-family: Arial; font-size: 10pt; color: #d1e7ff}
.ghoul_normal_text {font-family: Arial; font-size: 10pt; color: #eedddd}
.promethean_normal_text {font-family: Arial; font-size: 10pt; color: #5c5aac}
.changeling_normal_text {font-family: Arial; font-size: 10pt; color: #eeeeee}
.submit { background-color: #000000; color: #808080; font-family: Arial; font-size: 8pt; border: thin solid #808080; }

.xp_sheet_help{
  font-family: Arial; 
  font-size: 10pt; 
  font-weight: 600;
  color: #ee4444;
  background-color: #e5e5e5;
  border: thin solid rgb(0,0,0);
  padding: 2px;
  width: 100px;
}

.xp_sheet_help_box
{
  position:absolute;
  width:200px;
  left:0px;
  top:0px;
  padding:8px;
  font-family: Arial; 
  font-size: 10pt; 
  text-align: left;
  color: #000000;
  background-color: #e5e5e5;
  border: thin solid rgb(0,0,0);
  visibility: hidden;
}

.brand_bar
{
  background: rgb(0,0,0);
  background-image: url('/img/title2.gif');
  vertical-align: bottom;
  height: 100px;
  width: 100%;
  border-bottom: thin solid white;
}

.brand_logo
{
  text-align: right;
  position:absolute;
  right:0px;
  top: 45px;
}

.user_bar
{
  background: #f00;
  position: absolute;
  left: 0; 
  top: 101px;
  width: 200px;
}

.user_bar_left
{
  text-align: right;
  position: absolute;
  left: 0px; 
  top: 0px;
}

.user_bar_center
{
  background-color: #c0c0c0;
  width:175px;
  height: 35px;
  position: absolute;
  left: 20px; 
  top: 0px;
}

.user_bar_right
{
  text-align: left;
  position: absolute;
  left: 195px; 
  top: 0px;
}

.user_bar_text
{
  width:175px;
  height: 35px;
  position: absolute;
  top: 2px;
  text-align: center;
}

.container
{
  width: 100%;
}

.navigation_bar
{
  border: 2px solid #FFFFFF; 
  position: absolute; 
  left: 10px; 
  top: 134px;
  width: 191px;
  background-color: #262626;
}

.navigation_bar_header_image
{
  text-align:center;
}

.navigation_bar_text
{
  color: #cc9900;
}

.page_content
{
  padding: 1em;
  position: absolute;
  top: 134px;
  left: 230px;
  border: 2px solid #FFFFFF; 
  background:url(http://www.wantonwicked.net/img/bgwod1.gif); 
  background-repeat: no-repeat; 
  background-color: #262626; 
  background-position: top center;
  width: 72%;
}

.wikilink
{
  font-weight: 600;
}

#header
{
	background-image: url(img/title2.gif);
	height: 100px;
	text-align:right;
	border-bottom: solid 1px #ffffff;
	cursor:pointer;
}

#leftEndCap
{
    width:20px;
    float:left;
}

#rightEndCap
{
    width:20px;
    float:left;
}

#userPanel
{
    width: 175px;
    float: left;
		background-color: #c0c0c0;
		text-align: center;
		font-size: 12px;
		height: 33px;
		padding-top:2px;
}

#leftBar
{
    width: 230px;
    height: 350px;
    margin-left: -100%;
    float:left;
}

#leftMenu
{
	clear:both;
	border: solid 2px #ffffff;
	background-color: #171725;
	margin-left: 5px;
	margin-right: 5px;
}

#leftMenuContents
{
	padding-left:10px;
}

#contentWrapper
{
	min-width: 1000px;
}

#content
{
    width: 100%;
    float: left;
		min-width: 800px;
}

#contentBox
{
	margin-top: 35px;
	margin-left:250px;
	margin-right: 30px;
	min-height: 400px;
	border: solid 2px #ffffff;
	background-color: #262635;
}

#contentBoxNoMenu
{
	margin-top: 35px;
	margin-left: 50px;
	margin-right: 50px;
	min-height: 400px;
	border: solid 2px #ffffff;
	background-color: #262635;
}

#contentArea
{
	padding: 10px;
}

.menuHeader
{
	color: #cc9900;
}

#favorPane
{
	border: solid 4px #7777cc;
	position: absolute;
	padding: 4px;
	left: 400px;
	top: 140px;
	width: 500px;
	min-height: 350px;
	background-color: #222222;
}

#favorPane label
{
	font-weight: bold;
	color: #ddddff;
}

#favorPaneClose
{
	cursor:pointer;
	float:right;
	font-size:9px;
	color:#888888;
}