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: #332222;
	font-weight:bold;
}

form
{
    margin-bottom: 0;  
}

img.clickable-dot {
	line-height: 1em;
	cursor: pointer;
	margin: 0 2px 0 2px;
}

img.clickable-x {
	line-height: 1em;
	vertical-align: center;
	cursor: pointer;
}

img.add-specialty {
	cursor: pointer;
}

img.add-merit{
	cursor: pointer;
}

img.add-flaw {
	cursor: pointer;
}

img.add-merit {
	cursor: pointer;
}

img.remove-merit {
	cursor: pointer;
}

img.remove-flaw {
	cursor: pointer;
}

img.remove-specialty {
	cursor: pointer;
}

.long-text {
	width: 100%;
}

input.medium-text {
	width: 100px;
}

input.short-text {
	width: 35px;
}

.ui-widget input {
	border: solid 0px #000000;
	border-radius: 0px;
}

label
{
	display: block;
	font-weight: bold;
	color: #fe8a00;
}

.form-field  {
	font-weight:bold;
}

.helper-tip {
	background-image:url(/img/lightbulb.gif);
	background-repeat:no-repeat;
	padding-left:18px;
	cursor: help;
}

.header-row {
	background-color: #342018;
	text-align: center;
	border: solid 1px #330000;
	border-radius: 8px;
}

textarea {
	border: none;
}

.current-dots {
	border: 1px solid #ff0000;
}

#error-message { 
	border: solid 2px #ff0000;
	background-color: #440000;
	padding: 3px;
	margin: 0px 0px 5px 0px;
}

.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; }

.boldHighlight
{
	color: #fe8a00;
}

.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;
}

.centeredText
{
	text-align: center;
}

.container
{
  width: 100%;
}

.menuHeader
{
	color: #496FC4;
}

.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;
}

.overlayInputPane
{
	border: solid 4px #283b63;
	border-radius: 15px;
	position: absolute;
	padding: 4px;
	left: 400px;
	top: 140px;
	width: 500px;
	min-height: 350px;
	background-color: #150301;
}

.overlayInputPane label
{
	font-weight: bold;
	color: #fe8a00;
}

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

.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%;
}

.paragraph
{
	margin-bottom: 10px;
}

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

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

.user_bar_left
{
  text-align: right;
  position: absolute;
  left: 0px; 
  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;
}

.wikilink
{
  font-weight: 600;
}

.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;
}

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

#contentArea
{
	padding: 10px;
}

#contentBox
{
	margin-top: 35px;
	margin-left:250px;
	margin-right: 30px;
	min-height: 400px;
	border: solid 2px #283b63;
	background-color: #150301;
	border-radius: 15px;
	background-image: url(img/SD/wikibackground.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}

#contentBoxNoMenu
{
	margin-top: 35px;
	margin-left: 50px;
	margin-right: 50px;
	min-height: 400px;
	border: solid 2px #283b63;
	background-color: #150301;
	border-radius: 15px;
	background-image: url(img/SD/wikibackground.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

#contentImageHeader
{
	margin-left: 10px;
	margin-top: 5px;
}

#contentWrapper
{
	min-width: 1000px;
}

#favorPane
{
	border: solid 4px #283b63;
	border-radius: 15px;
	position: absolute;
	padding: 4px;
	left: 400px;
	top: 140px;
	width: 500px;
	min-height: 350px;
	background-color: #150301;
}

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

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

#header
{
	background-image: url(img/SD/wanwicSDbanner2.jpg);
	background-repeat: no-repeat;
	height: 100px;
	text-align:right;
	/*border-bottom: solid 1px #ffffff;*/
	cursor:pointer;
}

#userPanel
{
    width: 175px;
		margin-left: 25px;
		background-color: #3b5995;
		text-align: center;
		font-size: 12px;
		height: 33px;
		border-top: solid 2px #283b63;
		border-left: solid 2px #283b63;
		border-right: solid 2px #283b63;
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
}

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

#leftMenu
{
	clear:both;
	border: solid 2px #283b63;
	background-color: #150301;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 15px;
}

#leftMenuContents
{
	padding-left:10px;
	margin-top: 10px;
}

#territoryPane
{
	border: solid 4px #283b63;
	border-radius: 15px;
	position: absolute;
	padding: 4px;
	left: 400px;
	top: 140px;
	width: 500px;
	min-height: 350px;
	background-color: #150301;
}

#territoryPane label
{
	font-weight: bold;
	color: #fe8a00;
}

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