@charset "iso-8859-1";
/* mac hide\*/
html, body {height:100%}
/* end hide */ 

/* basic layout */


body {
	padding:0px;
	margin:0px;
	text-align:center;
	min-width:1000px;/* for mozilla*/
	font-family: arial, sans-serif;
	color:#3f3;
	font-size:0.75em;
	background: #000;
}

#outer{
	height:100%;
	min-height:100%;
	width:998px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	text-align:left;
	margin:auto;
	position:relative;
	
	background-image:url("background.jpg");
    background-repeat:no-repeat;
	background-position: bottom;
	
}
 
html>body #outer{height:auto; } /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
	float:left;
	width:836px;
	
}

#header{
	position:absolute;
	top:0;
	left:-1px;
	width:998px;
	height:110px;
	
	
	overflow:hidden;
	color: #000;
	z-index:100;
}

#left {
	position:relative;/*ie needs this to show float */
	width:160px;
	float:left;
	
	margin-top:110px;/*needed to make room for header*/
	padding-bottom:32px;/* needed to make room for footer */
	font-size:1em;
	background-image:url("../graphics/general/leftbar.gif");
    background-repeat:no-repeat;
	background-position: left top;
}

#left p {padding-left:12px;padding-right:8px; font-size;1em; color: #000;}
#left ul {padding-left:12px;padding-right:4px; padding-top:20px; color:#000;}
#right p {padding-left:18px;padding-right:2px}

#right {
	position:relative;/*ie needs this to show float */
	width:160px;
	float:right;
	margin-top:110px;/*needed to make room for header*/
	padding-top:90px;
	padding-bottom:32px;/* needed to make room for footer */
	padding-left: 2px;
	
	background-image:url("../graphics/general/rightbar.gif");
    background-repeat:no-repeat;
	background-position: right top;
	color:#000;
	font-size:1em;

}
#right ul {
	padding-left:18px;
	padding-right:5px;
	color:#000;

}

#footer {
	width:998px;
	clear:both;
	height:50px;
	border-top:0px;
	border-bottom:1px solid #000;
	font-size: 0.8em;
	color: #fff;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;
}

* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}

p  {margin-top:0}/*clear top margin for mozilla*/ 

#centrecontent {
	width:666px;
	float:right;
	padding-top:110px;
	padding-bottom:32px;/* needed to make room for footer */
	
}

#centrecontent p {padding-left:15px; padding-top: 10px; clear:none; display:block;}
#centrecontent p.plain {padding-left:0px; padding-top: 2px; clear:none; display:block;}
#centrecontent p.right {padding-right:30px; padding-top: 0px; clear:none; display:block; text-align:right;}

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */
 

.ap-test {
	position: absolute; 
	top: -300px; 
	width: 160px; 
	height: 350px; 
}

/* \*/
* html .ap-test {
	top: -298px; 
	t\op: -298px; 
}
/* */

.ap-left {left: 0;}

.ap-right {right: 0;}












.paragraph {
	margin-left:15px;


}








/* heading styles */

H1 {
	display:none;
}

H2 {
	font-size:18pt;
	padding: 0px 30px 0px 5px;
	margin:0px;
	clear:both;
	background-image:url("../graphics/general/stripmedium.jpg");
    background-repeat:no-repeat;
	background-position: 100% 50%;
	display:inline;
	
}

H3 {
	font-size:14pt;
	padding: 0px 0px 0px 0px;
	width:100%;
	margin-bottom:0px;
	clear:both;
}

.spanheading {
	color: #3f3;
	background-image:url("../graphics/general/stripmedium.jpg");
	background-repeat:no-repeat;
	background-position: 100% 50%;
	padding: 0px 30px 0px 10px;
	
}

H4 {
	font-size:11pt;
	padding: 0px 0px 0px 10px;
	width:100%;
	clear:left;
	margin: 15px 0px 0px 0px;
	
}

H5 {
	font-size:11pt;
}

H6 {
	font-size:14pt;
	padding: 15px 0px 15px 0px;
}


/* paragraph styles */
p {
	text-align:left;
	padding: 0px 10px 0px 0px;
	clear:left;
	
	margin :0px;
}
p.plain {
	padding: 0px 0px 0px 0px;
}

/* link styles */
A:link	{
	color:#ffffff;
	font-family:Arial;
	text-decoration:none;
	font-weight:bold;
}
A:visited {
	color:#ffffff;
	font-family:Arial;
	text-decoration:none;
	font-weight:bold;
}
.leftmenu a:visited {
	color:#000000;
	font-family:Arial;
	text-decoration:none;
	font-weight:bold;
}

.rightmenu a:visited {
	color:#000000;
	font-family:Arial;
	text-decoration:none;
	font-weight:bold;
}




A:active {
	color:#22cc22;
	font-family:Arial;
	text-decoration:none;
	font-weight:bold;
}

A:hover	{
	color:#6666ff;
	cursor:pointer;
	font-family:Arial;
	text-decoration:none;
	font-weight:bold;
}










		.rightmenu {
list-style-type: none;
padding:0px;
text-align:left;
margin:0px;

}
.rightmenu a {
	color:#000;
}
.rightmenu a:hover {
	color:#f00;
}
.leftmenu a {
	color:#000;
	font-size:1.1em;
}
.leftmenu a:hover {
	color:#f00;
}

		.leftmenu {
list-style-type: none;
padding:0px;
text-align:left;
margin:0px;

}

span.dropcapA {
  display:block;
  float:left;
  width:27px;
  height:28px;
  margin-right:0px;
  background-image:url("../graphics/general/lettera.gif");
  background-repeat:no-repeat;
  }
      span.dropcapB {
  display:block;
  float:left;
  width:26px;
  height:27px;
  margin-right:0px;
  background-image:url("../graphics/general/letterb.gif");
  background-repeat:no-repeat;
  }
      span.dropcapC {
  display:block;
  float:left;
  width:21px;
  height:29px;
  margin-right:0px;
  background-image:url("../graphics/general/letterc.gif");
  background-repeat:no-repeat;
  }
  span.dropcapD {
  display:block;
  float:left;
  width:28px;
  height:30px;
  margin-right:0px;
  background-image:url("../graphics/general/letterd.gif");
  background-repeat:no-repeat;
  }
      span.dropcapE {
  display:block;
  float:left;
  width:26px;
  height:30px;
  margin-right:0px;
  background-image:url("../graphics/general/lettere.gif");
  background-repeat:no-repeat;
  }
      span.dropcapF {
  display:block;
  float:left;
  width:19px;
  height:30px;
  margin-right:0px;
  background-image:url("../graphics/general/letterf.gif");
  background-repeat:no-repeat;
  }
    span.dropcapG {
  display:block;
  float:left;
  width:25px;
  height:30px;
  margin-right:0px;
  background-image:url("../graphics/general/letterg.gif");
  background-repeat:no-repeat;
  }

      span.dropcapH {
  display:block;
  float:left;
  width:24px;
  height:27px;
  margin-right:0px;
  background-image:url("../graphics/general/letterh.gif");
  background-repeat:no-repeat;
  }
      span.dropcapI {
  display:block;
  float:left;
  width:14px;
  height:27px;
  margin-right:0px;
  background-image:url("../graphics/general/letteri.gif");
  background-repeat:no-repeat;
  }
      span.dropcapJ {
  display:block;
  float:left;
  width:17px;
  height:31px;
  margin-right:0px;
  background-image:url("../graphics/general/letterj.gif");
  background-repeat:no-repeat;
  }
      span.dropcapK {
  display:block;
  float:left;
  width:26px;
  height:27px;
  margin-right:0px;
  background-image:url("../graphics/general/letterk.gif");
  background-repeat:no-repeat;
  }
    span.dropcapL {
  display:block;
  float:left;
  width:22px;
  height:27px;
  margin-right:0px;
  background-image:url("../graphics/general/letterl.gif");
  background-repeat:no-repeat;
  }
      span.dropcapM {
  display:block;
  float:left;
  width:35px;
  height:27px;
  margin-right:0px;
  background-image:url("../graphics/general/letterm.gif");
  background-repeat:no-repeat;
  }
      span.dropcapN {
  display:block;
  float:left;
  width:31px;
  height:26px;
  margin-right:0px;
  background-image:url("../graphics/general/lettern.gif");
  background-repeat:no-repeat;
  }
      span.dropcapO {
  display:block;
  float:left;
  width:27px;
  height:29px;
  margin-right:0px;
  background-image:url("../graphics/general/lettero.gif");
  background-repeat:no-repeat;
  }
      span.dropcapP {
  display:block;
  float:left;
  width:30px;
  height:33px;
  margin-right:0px;
  background-image:url("../graphics/general/letterp.gif");
  background-repeat:no-repeat;
  }
      span.dropcapQ {
  display:block;
  float:left;
  width:27px;
  height:29px;
  margin-right:0px;
  background-image:url("../graphics/general/letterq.gif");
  background-repeat:no-repeat;
  }
      span.dropcapR {
  display:block;
  float:left;
  width:29px;
  height:27px;
  margin-right:0px;
  background-image:url("../graphics/general/letterr.gif");
  background-repeat:no-repeat;
  }
      span.dropcapS {
  display:block;
  float:left;
  width:20px;
  height:27px;
  margin-right:0px;
  background-image:url("../graphics/general/letters.gif");
  background-repeat:no-repeat;
  }
    span.dropcapT {
  display:block;
  float:left;
  width:31px;
  height:30px;
  margin-right:3px;
  background-image:url("../graphics/general/lettert.gif");
  background-repeat:no-repeat;
  }
      span.dropcapU {
  display:block;
  float:left;
  width:26px;
  height:26px;
  margin-right:0px;
  background-image:url("../graphics/general/letteru.gif");
  background-repeat:no-repeat;
  }
      span.dropcapV {
  display:block;
  float:left;
  width:23px;
  height:26px;
  margin-right:0px;
  background-image:url("../graphics/general/letterv.gif");
  background-repeat:no-repeat;
  }
span.dropcapW {
  display:block;
  float:left;
  width:32px;
  height:26px;
  margin-right:3px;
  background-image:url("../graphics/general/letterw.gif");
  background-repeat:no-repeat;
  
  }
      span.dropcapX {
  display:block;
  float:left;
  width:23px;
  height:26px;
  margin-right:0px;
  background-image:url("../graphics/general/letterx.gif");
  background-repeat:no-repeat;
  }
      span.dropcapY {
  display:block;
  float:left;
  width:23px;
  height:34px;
  margin-right:0px;
  background-image:url("../graphics/general/lettery.gif");
  background-repeat:no-repeat;
  }
      span.dropcapZ {
  display:block;
  float:left;
  width:18px;
  height:27px;
  margin-right:0px;
  background-image:url("../graphics/general/letterz.gif");
  background-repeat:no-repeat;
  
  }

span.hide {display:none;}  


/* text styles */
.error {
 color:#f00;
 
 font-size:.9em;
} 

.alignright {
text-align:right;

}

.gallery_nav {
	text-align:right;
	padding:0px 15px 0px 0px;
	margin:0px auto;
	clear:none;
	
}

.gallery_info {
	text-align:left;
	padding:10px 0 10px 0;
	margin:0px auto;
	font-size:.9em;
}
.gallery_caption {
	text-align:center;
	padding:10px 0 10px 0;
	margin:0px auto;

	font-weight:bold;
}




/* picture styles */
img {
	border:0px;
	padding: 0px;
	margin: 0px;
}
.out {
  display:block; 
  background:#060; 
  border:1px solid #030; 
  position:relative;
  margin:0px;
  padding:0px;
  clear:none;
 
  }
.in {
	display:block;
  text-align:center; 
  background:#000; 
  border:1px solid #3e3; 
  position:relative; 
  padding:1px;
  font-weight:normal;
  clear:none;
  
  }
 .largein {
	display:block;
  text-align:center; 
  background:#000; 
  border:1px solid #3e3; 
  position:relative; 
  padding:1px;
  font-weight:normal;
  clear:none;
  height:160px;
  background-image:url("../graphics/general/nopic_l.jpg"); 
  background-repeat:no-repeat; 
  background-position: 1px 1px;
  
  
  }
   .mediumin {
	display:block;
  text-align:center; 
  background:#000; 
  border:1px solid #3e3; 
  position:relative; 
  padding:1px;
  font-weight:normal;
  clear:none;
  height:120px;
  background-image:url("../graphics/general/nopic_m.jpg"); 
  background-repeat:no-repeat; 
  background-position: 1px 1px;
  
  }
  
     .smallin {
	display:block;
  text-align:center; 
  background:#000; 
  border:1px solid #3e3; 
  position:relative; 
  padding:1px;
  font-weight:normal;
  clear:none;
  height:80px;
  background-image:url("../graphics/general/nopic_s.jpg"); 
  background-repeat:no-repeat; 
  background-position: 1px 1px;
  
  }
.noimage{
	margin: 5px;
	font-weight: bold;
	


}

  
.in2 {
  display:block; 
  background:#1c1; 
  border:1px solid #191; 
  position:relative;
  padding:1px;
  margin:1px;
  clear:none;
  }
.ltin {
  left:-5px;
  clear:none;
  }
.tpin {
  top:-5px;
  clear:none;
  }
  .normal {
  	margin-left:auto;
	margin-right:0px;
	 text-align:right;
    
	 clear:none;

}
  .largepic {
  	margin:auto;
	
	 text-align:center;
     width:130px;
	
}
  .mediumpic {
  	margin:auto;
	 text-align:right;
     width:100px;
	 clear:none;

}

  .smallpic {
  	margin: 0px;
	 text-align:left;
     width:70px;
	 clear:none;

}


  .small {
  	margin:auto;
	 text-align:right;
     width : 100px;
	 clear:none;

}

.bigthumb_array {
text-align:center;
width:150px;
display:inline;
float:left;
margin:5px;

height:250px;
vertical-align:top;
}

.smallthumb_array {
text-align:center;
width:100px;
display:inline;
float:left;
margin:5px;

height:150px;
vertical-align:top;
}



/*<div class="out normal">
<div class="in2">
<div class="in">

<p>and finally a text box with a surround shadow.</p>

</div>
</div>
</div>*/	
.large_pagepic_right {
 padding:10px;
 float:right;
 clear:none;
 width:130px;

}
.large_pagepic_left {
 padding:10px;
 float:left;
 clear:none;
 width:130px;

}
.medium_pagepic_left {
 padding:10px;
 float:left;
 clear:none;
 width:100px;

}
.medium_pagepic_right {
 padding:10px;
 float:right;
 clear:none;
 width:100px;

}
.small_pagepic {
 padding:10px;
 float:right;
 clear:none;
 width:70px;

}



/* tables */
table {font-size:1em; margin-left:15px;}
table tr {vertical-align: top; }
table.skilllist {width:90%; text-align:left; }
table.right_menu {width:145px; text-align:left; padding:0px;}
table.spelllist {width:90%; text-align:left; }
table.spell_select {width:90%; text-align:left; margin:0px; clear:left;}
table.half_form {width:320px; text-align:left; margin:0px;}
table.stats_form {width:120px; text-align:left; margin:0px;}
table.skills_form {width:320px; text-align:left; margin:0px;}
table.skills_spec { margin: 0px; }
table.plain { margin: 0px; }
table.stat_form {width:120px; text-align:left; margin:0px;}
table.char_gen_biog {width:90%; text-align:left; margin:0px;}
table.char_gen_biog  p {margin-top:-10px; margin-left:-10px; }
table.spell_select tr {vertical-align:top;}
table.padded { margin-left:30px; }
table.character_list { margin: 0px; padding: 0px; border: 0px;}
table.character_list.td { margin: 0px; padding: 0px; border: 0px;}
table.character_list.tr { margin: 0px; padding: 0px; border: 0px;}
table.yp_character { margin: 0 0 20px 30px; padding: 0px; border: 0px;}
tr.skillname {vertical-align:top; padding: 12px 12px 12px 12px; background-color: #3c3; color: #000;}
td.skillname {vertical-align:top;  background-color: #3c3; color: #000; width:100px;}
td.skilllist_sp {vertical-align:top; width:50px;}
td.skilllist_level {vertical-align:top;}
td.skilllist_description {vertical-align:top;}
tr.spellname {vertical-align:top; padding: 12px 12px 12px 12px; background-color: #3c3; color: #000; font-weight:bold;}
td.spellname {vertical-align:top;  padding:5px; background-color: #3c3; color: #000; width:140px;}
td.spelldescription {vertical-align:top;  padding:5px; background-color: #3c3; color: #000; }
td.spellmaxmp {vertical-align:top;  padding:5px; background-color: #3c3; color: #000; width:40px;}
table.form {
	text-align:left;
	width:600px;
	margin:auto;
 }
 table.character_display { margin-top:30px; }
table.small_skills {font-size:.8em; margin:0px; }
table.nopadding { margin-left:0px; }
table.chargen_skills {text-align:center; width:600px; margin:auto; margin-top:15px; clear: left;}

table.forum { width:95%; margin:auto; padding: 0px; margin-top:15px; border: 1px solid #3c3;}
table.forum td { vertical-align: top; border: 1px solid #3c3; padding:2px;}
table.forum th { vertical-align: top; border: 1px solid #3c3; padding:2px; text-align: center; color:#000; background:#3c3;}
span.forum_admin { font-size: 0.8em; }
td.forum_num {width: 80px;}
.forum_num_large {width: 100px; text-align: center;}
.forum_num_small {width: 60px; text-align: center;}
td.forum_post { width: 500px; margin-left: 20px; padding:18px;}
table.forum p { padding:0px; margin-left: -15px; }
div.forum { padding:15px; }
.forum_nav {
	text-align:right;
	padding:0px 0px 0px 0px;
	margin-right: 20px;
	margin-bottom: -10px;
	clear:none;
	
	
	
	
}
.crumbs_nav {
	text-align:left;
	padding:10px 15px 0px 0px;
	
	
	
	clear:none;
	
	
	
}

.small2 {
	font-size: 0.8em;


}



.charskill_table {
	padding:5px 10px 5px 10px;
}
.chargen_table {
	vertical-align:top;
}
.table_heading {
	color:#fff;
	text-align:center;
}
.chargen_sp {
	width:28px;
	
	padding:0px;
	margin:0px;
	border:0px;
}
.pic_success {
	width:130px;
}
.pic_success_text {
	vertical-align:top;
}
table.no_margin { margin:0px; padding:0px; border:0px;}

td.yp_character_info {
	width:300px;
}

td.yp_character_pic {
	width:130px;
} 
td.align_top {
	vertical-align:top;
}
td.character_heading {
	width:105px;
	vertical-align:top;
}
td.character_stat_heading {
	width:65px;
}
td.character_avatar {
	width:170px;
	vertical-align:top;
}

td.biog {
	vertical-align:top;
	width:500px;
}




/* lists */
ul.character_list {
list-style-type:none;
padding: 0px;
margin: 0 0 0 132px;

}
ul.plain {
list-style-type:none;
padding: 0px 1px 10px 0px;
margin: 2px;
}
p.plain {
	padding: 0px 1px 10px 0px;
margin: 0px;
}
div.plain {
	padding: 0px;
margin: 0px 0px 0px 130px;

}
ul ul {
list-style-type:none;
padding:0px;
margin:0px;
}
li ul {
list-style-type:disc;
padding:0px;
margin-left:15px;
}


/* forms */

fieldset.form {
	width:620px;
	margin:auto;
	margin-left:15px;
	margin-top:20px;
	
	}
legend.form {
	color:#fff;
	font-weight:bold;
	}
label {
background:#3c3;
padding:2px 4px 2px 4px;
width:120px;
display:block;
float:left;
color:#000;
font-weight:bold;
text-align: left;
margin-right:4px;

}

label.stat_label {
width: 60px;
}

label.label_small {
width: 105px;
}

label.login {
background:none;

font-weight:bold;

}
input.login {
background:transparent;;

border-bottom:2px dashed;

font-weight:bold;

}

td.submit {
	padding:2px 4px 2px 4px;
	width:620px;
	text-align:right;
	background:#3c3;
	color:#000;
}


input {
font-size:.9em;
float:left;
margin-right:5px;

}

input.forum_check {
	float:none;
	clear:none;
	display:inline;
	margin:0px;
	padding:0px;
}
input.disabledButton {
   font-weight:bold;cursor:pointer;float:none;

}

input.disabled {
font-size:.9em;
float:left;
margin-right:5px;
background:#000;
color:#3c3;
border:0px;
font-weight:bold;
}
select {
font-size:.9em;
float:left;
margin-right:5px;
}
input.buttons{font-weight:bold;cursor:pointer;float:none;}

.edit_post { text-align:right; margin-right:5px;}
div.label {
background:#3c3;
padding:2px 4px 2px 4px;
width:100px;
display:block;
float:left;
color:#000;
font-weight:bold;
text-align: left;
margin-right:4px;

}
div.label_full {
background:#3c3;
padding:2px 4px 2px 4px;
width:120px;
display:block;
float:left;
color:#000;
font-weight:bold;
text-align: left;
margin-right:4px;

}

div.stat_label {
background:#3c3;
padding:2px 4px 2px 4px;
width:60px;
display:block;
float:left;
color:#000;
font-weight:bold;
text-align: left;
margin-right:4px;

} 

.tooltip
{
color: #9F141A;
cursor: help;
text-decoration: none;
height: 100px;
}

.backtotop {
margin-top:15px;
padding-right:15px;

text-align:right;
clear:both;

}

.small {
	font-size: 0.8em;

}

#smilie_input {
  
   margin: -4px;
   padding: 0px;
   width:134px;
   height:220px;
   overflow: auto;
   display: none;
> }