/* CSS Document */
body {
		background-image: url('./background.gif');
		background-repeat: repeat-y;
		background-position:center;
		background-color: #000000;
		font-family:  Arial, Helvetica, Verdana,  sans-serif;
		font-size: 13px;
		text-align: center;
		margin-top: 0;
		margin-bottom: 0;
		border-collapse: collapse;
		background-color: #000000;
	}
	
		
	a {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	div.pentaboard {
		background-color: #5a0c08;
		text-align: left;
		width: 770px;
		margin:0px auto;
	}
	
	h2 {
		font-size: 1.5em;
		margin: 0.1em;
		padding: 0.1em;
	}
	
	div.pentaboard .announce { 
		background-image:url('./indexbg.gif');
		background-color: #200202;
		background-repeat: repeat-x;
		padding: 5px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 100%;
		text-align: center;
		color: #eee;
		border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	
	
	div.pentaboard .index { 
		background-image:url('./indexbg.gif');
		background-color: #200202;;
		background-repeat:repeat-x;
		padding: 5px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 100%;
		text-align: left;
		color: #eee;
		border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	div.pentaboard .index .indexonline{
		background-color: #5a0c08;
		padding: 5px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 90%;
		border: 1px solid #000000; 
		margin: 4px 4px 4px 4px;
	}
	
	div.pentaboard .index .folder{
		padding-right: 5px;
		padding-left: 0px;
		float: left;
	}
	
	div.pentaboard .index .indexonline .key{
		padding: 5px;
		background-color: #842421;
	}
	
	div.pentaboard .index .name{
		font-size: 130%; 
		font-weight: bold;
	}
	
	div.pentaboard .index .threads{
		width:10%; 
		padding:0px 3px; 
		font-size: 80%;
		border:0; 
		border-left: 1px solid #000000;
		text-align:right;
	}
	div.pentaboard .index .poststhreads{
		font-size: 80%;
		border:0; 
		float:right;
		text-align:right;
	}
	div.pentaboard .index .lastpost{
		font-size: 70%;
	}
	
	div.pentaboard .right { 
		float:right;
	}
	
	div.pentaboard .index_category { 
		background-image:url('./index_hd.gif');
		background-color: #842421;
		padding: 8px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 130%;
		text-align: center;
		color: #eee;
		border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	
	
	
	div.pentaboard .navigationtop { 
		background-image:url('./nav2.jpg');
		background-position:bottom;
		background-color: #5a0c08;
		padding: 5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-align:center;
		vertical-align:middle;
		color: #FFFFFF;
		border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		height: 35px;
	}
	
	
	
	div.pentaboard .navigation { 
		background-image:url('./nav1.jpg');
		background-position: top;
		background-color: #5a0c08;
		padding: 5px;
		text-align: center;
		color: #eee;
		border-bottom: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		height: 35px;
	}
	
	div.pentaboard .navigation .navlink{
		padding: 5px;
		font-family:  Arial, Verdana, Helvetica, sans-serif;
		text-align: center;
		color: #FFFFFF;
		text-decoration: none;
		vertical-align:middle;
		height: 35px;
	}
	
	.attachment { 
		background-image:url('./welcome_guest.gif');
		background-repeat: no-repeat;
		background-position:right top;
		background-color: #B60404;
		padding: 5px;
		margin: 5px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #eee;
		width: 70%;
		text-align:center;
		border: 1px solid #000000;
	}
	
	div.pentaboard .header { 
		background-image:url('./gradient_1.png');
		background-repeat: repeat-x;
		background-color: #270101;
		padding-top: 4px;
		padding-bottom: 4px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 120%;
		color: #eee;
		font-weight: bold;
		text-align: center;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	
	div.pentaboard .headertop { 
		background-image:url('./header_bg.jpg');
		background-color: #5a0c08;
		padding: 0 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	
	div.pentaboard .index .welcomeguest { 
		background-image:url('./welcome_member.gif');
		background-repeat: no-repeat;
		background-position:right top;
		background-color: #31B00B;
		padding: 5px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-weight:bold;
		font-size: 90%;
		color: #ffffff;
		text-align:center;
		border: 1px solid #000000;
	}
	
	
	div.pentaboard .index .welcomemember { 
		background-image:url('./welcome_guest.gif');
		background-repeat: no-repeat;
		background-position:right top;
		background-color: #B60404;
		padding: 5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #eee;
		text-align:center;
		border: 1px solid #000000;
	}
	
	div.pentaboard .footer { 
		background-image:url('./sig_bg.gif');

		background-repeat: repeat-x;
		background-color: #842421;
		padding: 5px;
		font-size: 80%;
		color: #AAAAAA;
		text-align:center;
		border: 1px solid #000000;
		margin: 0 0;
	}
	
	div.pentaboard .headertext { 
		padding: 5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #eee;
		text-align:right;
		float:right;
	}
	
	.post-content {
		padding: 0;
		width: 100%;
		overflow: auto;
	}
	
	div.pentaboard .navline {
		background-image:url('./navline.gif');
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		background-color: #840909;
		padding: 5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
	}
	
	div.pentaboard .toolsrow {
		background-image:url('./navline.gif');
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		background-color: #842421;
		padding: 5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 80%;
		font-weight:bold;
	}
	
	
	div.pentaboard .threadlinks {
		background-image:url('./alt_bg.jpg');
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		background-repeat:repeat-x;
		background-color: #842421;
		text-align: right;
	}
	
	div.pentaboard .threadlinks a:hover{
		padding: 10px;
	}
	
	div.pentaboard .threadlinks .guestslinks { 
		background-image:url('./images/corp/welcome_guest.gif');
		background-repeat: repeat-x;
		background-color: #D43A3A;
		padding: 5px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-weight:bold;
		font-size: 90%;
		color: #eee;
		text-align:center;
		border: 1px solid #000000;
	}
	
	div.pentaboard .forumdisplay { 
		background-image:url('./alt_bg.jpg');
		background-color: #200202;
		background-repeat:repeat-x;
		background-color: #842421;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 90%%;
		font-weight: bold;
		color: #eee;
		padding: 3px;
		border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	
	div.pentaboard .index .seperated { 
		background-color: #5a0c08;
		padding: 5px;
		float: right;
		font-size: 90%;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		text-align: justify;
		color: #eee;
		line-height: 20px;
		width: 202px;
		border: 1px dashed #eee;
	}
	
	div.pentaboard .index .hilite { 
		padding: 5px;
		font-size: 100%;
		font-weight: bold;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		color: #eee;
		line-height: 20px;
	}
	
	div.pentaboard .index .desc { 
		padding: 10px;
		font-size: 108%;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		color: #eee;
		line-height: 20px;
	}
	
	
	
	
	div.pentaboard .books { 
	}
	
	.pentaboard #leftnav {
		background-image:url('./indexbg.gif');
		background-color: #200202;
		background-repeat:repeat-x;
		border-left: 1px solid #000000;
		float: left;
		width: 220px;
		margin: 0;
		padding: 1em;
	}
	
	.pentaboard #content {
		background-image:url('./indexbg.gif');
		background-color: #200202;
		background-repeat:repeat-x;
		margin-left: 240px;
		border-left: 1px solid #000000;
		padding: 1em;
		max-width: 39em;
		line-height: 20px;
	}
	
	div.pentaboard .books .item { 
		font-size: 100%;
	}
	
	div.pentaboard .books .hilite { 
		background-color: #5a0c08;
		font-weight: bold;
	}
	
	div.pentaboard .books tr:hover{
		background-image:url('./alt_bg.jpg');
		background-color: #200202;
		background-repeat:repeat-x;
		background-color: #842421;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 100%;
		font-weight: bold;
		color: #eee;
		padding: 6px;
		border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	
	
	
	
	
	div.pentaboard .search { 
		background-image:url('./indexbg.gif');
		background-color: #200202;
		background-repeat:repeat-x;
		padding: 5px;
		padding-left: 30px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 100%;
		text-align: left;
		color: #eee;
		line-height: 32px;
		border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	
	div.pentaboard .search .searchinfo { 
		padding: 5px;
		float: right;
		font-size: 90%;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		text-align: justify;
		color: #eee;
		line-height: 16px;
		width: 300px;
		border: 1px dashed #eee;
	}
	
	
	div.pentaboard .searchresults { 
		background-image:url('./indexbg.gif');
		background-color: #200202;
		background-repeat:repeat-x;
		padding: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 100%;
		text-align: left;
		color: #eee;
		border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	div.pentaboard .altone { 
		background-image:url('./indexbg.gif');
		background-color: #200202;
		background-repeat:repeat-x;
		background-color: #5a0c08;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 120%;
		font-weight: bold;
		color: #eee;
		padding: 6px;
		border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	div.pentaboard .alttwo { 
		background-image:url('./alt_bg.jpg');
		background-color: #200202;
		background-repeat:repeat-x;
		background-color: #842421;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 120%;
		font-weight: bold;
		color: #eee;
		padding: 6px;
		border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	div.pentaboard .searchtype { 
		background-image:url('./index_hd.gif');
		background-color: #200202;
		background-repeat:repeat-x;
		background-color: #842421;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 120%;
		font-weight: bold;
		text-align: center;
		color: #eee;
		line-height: 35px;
		padding: 0;
		border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	
	div.pentaboard .specialstats { 
		background-color: #842421;
		padding: 5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 80%;
		text-align: left;
	}
	
	/* for member profiles */
	div.pentaboard .profile { 
		background-color: #5a0c08;
		padding: 5px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 100%;
		text-align: left;
		color: #eee;
		border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	
	div.pentaboard .profile .column{ 
		background-image:url('./indexbg.gif');
		background-color: #200202;
		background-repeat:repeat-x;
		padding: 5px;
		font-family: Helvetica, Arial, Verdana,  sans-serif;
		font-size: 100%;
		text-align: left;
		color: #eee;
		margin: 0;
		border: 1px dotted #842421;
	}
	
	div.pentaboard .profile .column2{ 
		background-image:url('./indexbg.gif');
		background-color: #200202;
		background-repeat:repeat-x;
		padding: 5px;
		font-family: Helvetica, Arial, Verdana,  sans-serif;
		font-size: 100%;
		text-align: left;
		color: #eee;
		margin: 0;
		border: 1px dotted #842421;
	}
	
	div.pentaboard .profile .column .avatar{ 
		text-align: center;
		padding: 5px;
	}
	div.pentaboard .profile .column .columnheader{ 
		background-color: #5a0c08;
		padding: 0;
		font-size: 140%;
	
		font-weight: bold;
		text-align: center;
		color: #eee;
		border: none;
	}
	div.pentaboard .profile .column2 .columnheader{ 
		background-color: #5a0c08;
		padding: 0;
		font-size: 140%;
		font-weight: bold;
		text-align: center;
		color: #eee;
		border: none;
	}
	
	
	div.pentaboard .threadopts {
		background-image:url('./gradient_1.png');
		background-repeat:repeat-x;
		background-color: #5a0c08;
		text-align: right;
		padding: 0px;
		margin: 0px;
		font-size: 90%;
		line-height: 29px;
		height: 29px;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	div.pentaboard .threadopts .opts {
		text-align: left;
		float: left;
	}
	
	
	div.pentaboard .stats {
		background-image:url('./indexbg.gif');
		background-color: #200202;;
		background-repeat:repeat-x;
		padding: 5px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 100%;
		text-align: left;
		color: #eee;
		border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	
	form {
		margin: 0px;
	}
	
	hr {
		background: #000000;
		border: 0px;
		height: 1px;
	}
	
	#tickertoggle {
		color: #eee;
	}
	
	.divider {
		background-color: #000000;
		padding:1px 0 0 0;
		margin: 2px 0 5px 0;
	}
	
	/* for bbcode code table */
	table.code {
		border: 1px solid #000000;
		margin: 15px auto 10px auto;
		width: 80%;
	}
	
	td.code {
		background-color: #000;
		border-bottom: 1px solid #000000;
		color: #eee;
		font-family: Arial, Verdana, Helvetica;
		font-size: 13px;
		font-weight: bold;
		height: 20px;
		padding-left: 5px;
	}
	
	td.codemessage {
		background-color: #842421;
		color: #dddddd;
		font-family: Courier New;
		font-size: 13px;
		padding: 10px 5px 10px 5px;
		white-space: pre;
	}
	
	/* for bbcode quote table */
	table.quote {
		border: 1px solid #000000;
		margin: 10px 5% 10px 5%;
		width: 80%;
	}
	
	td.quote {
		background-color: #000;
		border-bottom: 1px solid #000000;
		color: #eee;
		font-family: Arial, Helvetica, Verdana,  sans-serif;
		font-size: 105%;
		font-weight: bold;
		height: 20px;
		padding-left: 5px;
	}
	
	td.quotemessage {
		background-image: url('./quote_bg.gif');
		background-repeat: no-repeat;
		background-position: left top;
		background-color: #240101;
		color: #ddd;
		font-family: Arial, Helvetica, Verdana,  sans-serif;
		font-size: 13px;
		padding: 10px 0 20px 5px;
	}
	
	textarea, select, input, object {
		background-color: #5a0c08;
		border: 1px solid #000000;
		color: #ddd;
		font-family: Verdana, arial, helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		table-layout: fixed;
	}
	
	.category {
		background-image:url('./index_hd.gif');
		background-color: #842421;
		padding: 5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 120%;
		font-weight: bold;
		text-align:center;
		color: #eee;
		border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		text-align: left;
	}
	
	.ctrtablerow {
		background-image:url('./tabular_1.jpg');
		background-color: #0C0000;
		background-repeat:repeat-x;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 100%;
		font-weight: bold;
		color: #ddd;
		table-layout: fixed;
		text-align: center;
	}
	
	.header {
		background-color: #000;
		color: #eee;
		font-family: Verdana;
		font-size: 10px;
		font-weight: bold;
		table-layout: fixed;
	}
	
	.header2 {
		background-color: #5a0c08;
		font-family: Verdana;
		font-size: 11px;
		font-weight: bold;
		table-layout: fixed;
	}
	
	.mediumtxt {
		color: #ddd;
		font-family: Arial, Helvetica, Verdana,  sans-serif;
		font-size: 13px;
		font-weight: normal;
		table-layout: fixed;
	}
	
	.multi {
		font-family: Arial, Helvetica, Verdana,  sans-serif;
		font-size: 11px;
		table-layout: fixed;
	}
	
	.nav {
		font-family: Arial, Helvetica, Verdana,  sans-serif;
		font-size: 13px;
		font-weight: bold;
		table-layout: fixed;
	}
	
	.navtd {
		padding: 5px;
	/*    background-color: #000;*/
		color: #eee;
		font-family: Arial, Helvetica, Verdana,  sans-serif;
		font-size: 11px;
		table-layout: fixed;
		text-decoration: none;
	
	}
	
	.navtd2 {
		background-color: #000;
		color: #eee;
		font-family: Arial, Helvetica, Verdana,  sans-serif;
		font-size: 9px;
		table-layout: fixed;
		text-decoration: none;
	}
	
	.post {
		font-family: Arial, Helvetica, Verdana,  sans-serif;
		font-size: 110%;
		font-weight: normal;
	}
	
	.rghttablerow {
		background-image:url('./tabular_1.jpg');
		background-color: #0C0000;
		background-repeat:repeat-x;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 100%;
		font-weight: bold;
		color: #ddd;
		padding: 6px;
		table-layout: fixed;
		text-align: right;
	}
	
	.sig {
		background-image:url('./sig_bg2.gif');
		background-color: #590606;
		background-repeat: repeat-x;
		padding: 5px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 80%;
		text-align: left;
		color: #eee;
		margin: 0px;
		border-right: 1px dashed #000000;
		border-left: 1px dashed #000000;
		border-top: 1px dashed #000000;
	}
	
	.smalltxt {
		font-size: 70%;
		line-height: 12px;
		font-weight: normal;
	}
	
	.subject {
		font-family: Arial, Helvetica, Verdana,  sans-serif;
		font-size: 13px;
		font-weight: bold;
	}
	
	.submit {
		text-align: center;
	}
	
	.tablerow {
		background-image:url('./tabular_1.jpg');
		background-color: #0C0000;
		background-repeat:repeat-x;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 100%;
		color: #ddd;
		padding: 6px;
		table-layout: fixed;
		text-align: left;
	}
	div.transON {background-color: #000000;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:0px solid black; }
	div.trans25 {background-color: #000000;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;border:0px solid black; }
	div.trans75 {background-color: #000000;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;border:0px solid black; }
	
	
	/* CHAT */
	
	/*
	will break display (margins, paddings) on IE6
	div#pfc_container * {
	  border: none;
	  margin: 0;
	  padding: 0;
	}
	*/
	div#pfc_container {
		background-image:url('./indexbg.gif');
		background-color: #200202;;
		background-repeat: repeat-x;
		padding: 5px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 100%;
		color: #eee;
		border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		width: 770px;
	}
	
	div#pfc_container a img { border: 0px; }
	
	#pfc_minmax {
	  margin: 0; padding: 0;
	  cursor: pointer;
	}
	div#pfc_content_expandable {
	  margin: 0; padding: 0;
	  margin-top: 0.2em;
	}
	
	div#pfc_channels_content {
	  margin: 0; padding: 0;
	  z-index: 20;
	  position: relative;
	  width: 100%;
	  border-right: 1px solid #555;
	  border-left: 1px solid #555;
	  border-bottom: 1px solid #555;
	  background-color:  #842421;
	  height: 300px;
	}
	div.pfc_content {
	  margin: 0; padding: 0;
	}
	
	/* channels tabpanes */
	ul#pfc_channels_list {
	  margin: 0; padding: 0;
	  list-style-type: none;
	  display: block;
	  z-index: 50;
	  border-bottom: 1px solid #555;
	/*  margin-bottom: -5px;*/
	}
	ul#pfc_channels_list li {
	  margin: 0; padding: 0;
	  display: inline;
	  margin-left: 5px;
	}
	ul#pfc_channels_list li img {
	  margin: 0; padding: 0;
	  vertical-align: bottom;
	}
	ul#pfc_channels_list li div {
	  margin: 0; padding: 0;
	  display: inline;
	  padding: 0 4px 0 4px;
	  border-top: 1px solid #000000;
	  border-right: 1px solid #000000;
	  border-left: 1px solid #000000;
	  border-bottom: 1px solid #000000;
	  background-color:  #5a0c08;
	  vertical-align: bottom;  
	}
	ul#pfc_channels_list li.selected div {
	  background-color:  #842421;
	  border-bottom: 1px solid #FFF;
	  color: #000;
	  font-weight: bold;  
	}
	ul#pfc_channels_list li div:hover {
	  background-color: #5a0c08;
	}
	ul#pfc_channels_list li a {
	  margin: 0; padding: 0;
	  color: #000;
	  text-decoration: none;  
	}
	ul#pfc_channels_list li a.pfc_tabtitle {
	  cursor: pointer;
	}
	ul#pfc_channels_list li a.pfc_tabtitle img {
	  padding-right: 4px;
	}
	ul#pfc_channels_list li a.pfc_tabclose {
	  margin-left: 4px;
	  cursor: pointer;
	}
	/* blinking stuff (tab notifications) */
	ul#pfc_channels_list li div.pfc_tabblink2 {
	  background-color: #FFF;
	}
	
	
	div.pfc_chat {
		background-image:url('./indexbg.gif');
		background-color: #200202;;
		background-repeat:repeat-x;
		padding: 5px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 100%;
		text-align: left;
		color: #eee;
	
	  margin: 0; padding: 0;
	  z-index: 100;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 80%;
	/* WARNING: do not fix height in % because it will display blank screens on IE6 */
	/*  height: 100%;*/
	  overflow: auto;
	  word-wrap: break-word;
	}
	div.pfc_chat div {
	  margin: 0; padding: 0; border: none;
	}
	
	
	div.pfc_online {
	  margin: 0; padding: 0;
	  position: absolute;
	  right: 0;
	  top: 0;
	  overflow: auto;
	  width: 20%;
	/* WARNING: do not fix height in % because it will display blank screens on IE6 */
	/*  height: 100%;*/
	  color: #000; /* colors can be overriden by js nickname colorization */
		background-color: #200202;;
	
	  /* borders are drawn by this image background */
	  background-image: url('/themes/default/images/online-separator.gif');
	  background-position: left;
	  background-repeat: repeat-y;
	
	}
	div.pfc_online ul {
	  margin: 4px; padding: 0;
	  list-style-type: none;
	  font-size: 90%;
	  font-weight: bold;  
	}
	ul.pfc_nicklist li {
	  margin: 0 0 5px 0; padding: 0;
	  border-bottom: 1px solid #AAA;
	}
	ul.pfc_nicklist img {
	  vertical-align: middle; /* fix icon position problem in IE6 */
	}
	ul.pfc_nicklist a {
	  text-decoration: none;
	}
	ul.pfc_nicklist nobr span {
	  margin: 0; padding: 0;
	  display: inline;
	  text-decoration: none;
	}
	
	
	
	
	h2#pfc_title {
	  margin:0; padding:0; border: none;
	  font-size: 120%;
	}
	
	img#pfc_minmax {
	  float: right;
	}
	
	.pfc_invisible {
	  display: none;
	}
	
	div.pfc_message {
	  margin: 0; padding: 9px;
		background-color: #200202;;
		background-repeat:repeat-x;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 100%;
		text-align: left;
		color: #eee;
		border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	div.pfc_message img {
	  margin: 0; padding: 0;
	  vertical-align: middle;
	}
	div.pfc_oldmsg {
	  margin: 0; padding: 9px;
		background-color: #842421;
		background-repeat: repeat-x;
		padding: 5px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 100%;
		text-align: left;
		color: #eee;
	}
	
	span.pfc_heure {
	  color: #bebebe;
	  font-size: 70%;
	}
	
	span.pfc_date {
	  color: #bebebe;
	  font-size: 70%;
	}
	
	span.pfc_nick {
	  color: #fbac17;
	  font-weight: bold;
	}
	
	div#pfc_input_container {
	  margin: 5px 0 0 0; padding: 0;
	}
	div#pfc_input_container input {
	  margin: 0; padding: 0;
		background-image:url('./indexbg.gif');
		background-color: #200202;;
		background-repeat:repeat-x;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 200%;
		text-align: left;
		color: #eee;
		border: 1px solid #000000;
	}
	div#pfc_input_container td.pfc_td2 {
	  padding-right: 5px;
	  width: 100%;
	}
	
	input#pfc_words {
	  margin: 0; padding: 0;
	  border: #555 solid 1px;
	  background-color: #FAFAFA;
	  width: 100%;
	  font-size: 12px;
	  height: 40px;
	  vertical-align: bottom;
	  font-size: 1em;
	  height: 1.2em;
	}
	
	input#pfc_send {
		background-image:url('./indexbg.gif');
		background-color: #200202;;
		background-repeat: repeat-x;
	  margin: 0; padding: 0;
	  display: block;
	  padding: 2px;
	  border: 1px solid #000000;
	  font-weight: bold;
	  vertical-align: bottom;
	  height: 1.2em;
	  cursor: pointer;
	}
	
	div#pfc_cmd_container {
	  position: relative;
	  margin: 4px 0 0 0; padding: 0;
	}
	
	p#pfc_handle {
	  margin: 0; padding: 0;
	  display: inline;
	  cursor: pointer;
	  margin-right: 5px;
	  color: #eee;
	  font-size: 120%;
	  font-weight: bold;
	  /*background-color: #EEE;*/
	  font-size: 70%;          /* these two line fix a display problem in IE6 : */
	  vertical-align: top;
	  white-space: pre;
	}
	
	a#pfc_logo {
	  margin: 0; padding: 0;
	  float: right;
	}
	#pfc_ping { 
	  margin: 0 5px 0 0; padding: 0;
	  float:right;
	  font-size: 80%;
	}
	a#pfc_logo img {
	  margin: 0; padding: 0;
	  display: none;
	}
	div.pfc_btn {
	  margin: 0; padding: 0;
	  display: inline;  
	  cursor: pointer;
	}
	div.pfc_btn img {
	  margin: 0; padding: 0; border: none;
	  vertical-align: middle;
	}
	
	div#pfc_bbcode_container {
	  margin: 4px 0 4px 0; padding: 0;
	}
	
	div#pfc_errors {
	  margin: 0 0 4px 0; padding: 5px;
	  display: none;
	  border: 1px solid #555;
	  color: #EC4B0F;
	  background-color: #FFBB77;
	  font-style: italic;
	  font-family: monospace;
	  font-size: 90%;
	}
	
	/* commands */
	.pfc_cmd_msg {
	  color: black;
	}
	.pfc_cmd_me {
	  font-style: italic;
	  color: black;
	}
	.pfc_cmd_notice {
	  font-style: italic;
	  color: #888;
	}
	
	/* commands info */
	.pfc_info {
	  color: #888;
	
	  /* to fix IE6 display bug */
	  /* http://sourceforge.net/tracker/index.php?func=detail&aid=1545403&group_id=158880&atid=809601 */
	  font-family: sans-serif; /* do NOT setup monospace font or it will not work in IE6 */
	
	  font-style: italic;
	  background-color: #EEE;
	  font-size: 80%;
	}
	
	div#pfc_colorlist {
	  margin:0; padding:0;
	  display: none;
	}
	img.pfc_color {
	  margin: 1px;padding: 1px;
	  cursor: pointer;
	  vertical-align: middle;
	}
	
	.pfc_nickmarker {
	  white-space: pre;
	}
	
	div#pfc_smileys {
	  margin: 0; padding: 0;
	  display: none; /* will be shown by javascript routines */
		background-image:url('./index_hd.gif');
		background-color: #842421;
		padding: 8px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 130%;
		text-align: center;
		color: #eee;
	}
	div#pfc_smileys img {
	  margin: 0; padding: 0;
	  margin-right: 2px;
	  cursor: pointer;
	  vertical-align: middle;
	}
	
	div.pfc_nickwhois { padding: 0; margin: 0; }
	div.pfc_nickwhois a img { border: none; }
	div.pfc_nickwhois {
	  border: 1px solid #444;
	  background-color: #FFF;
	  font-size: 75%;
	}
	.pfc_nickwhois_header {
	  background-color: #EEE;
	  border-bottom: 1px solid #444;
	  text-align: center;
	  font-weight: bold;
	  vertical-align: middle;
	}
	.pfc_nickwhois_header img {
	  float: left;
	  cursor: pointer;
	  vertical-align: middle;
	  margin: 3px 0 3px 2px;
	}
	div.pfc_nickwhois table {
	  width: 120px;
	}
	td.pfc_nickwhois_c1 {
	  font-weight: bold;
	}
	td.pfc_nickwhois_c2 {
	}
	.pfc_nickwhois_pv a {
	  text-decoration: none;
	}
	
	
	img.pfc_nickbutton {
	  cursor: pointer;
	}
	
	div#pfc_debug {
	  font-size: 11px;
	}
	div#pfc_sound_container {
	  position: absolute;
	  top: 0;
	  left: 0;
	  visibility:hidden; /* this box is hidden because it contains a flash sound media (sound.swf)*/
	  width: 0;
	  height: 0;
	}
	
	
	/* The DHTML prompt */
	div#pfc_promptbox {
	  border: 2px solid #000;
	  background-color: #DDD;
	  width: 350px;
	}
	div#pfc_promptbox h2 {
	  margin: 0;
	  width: 100%;
	  background-color: #888;
	  color: white;
	  font-family: verdana;
	  font-size: 10pt;
	  font-weight: bold;
	  height: 20px;
	}
	div#pfc_promptbox p {
	  margin: 10px 0 0 10px;
	}
	div#pfc_promptbox form {
	  margin: 0 10px 10px 10px;
	  text-align: right;
	}
	div#pfc_promptbox input {
	  border: 1px solid #000;
	}
	input#pfc_promptbox_field {
	  width: 100%;
	}
	input#pfc_promptbox_submit {
	  margin: 0;
	}
	input#pfc_promptbox_cancel {
	  margin: 5px 10px 0 0;
	}
	
	
	/* IMAGE GALLERY */
	.hoverbox
	{
		cursor: default;
		list-style: none;
	}
	
	.hoverbox a
	{
		cursor: pointer;
	}
	
	.hoverbox a .preview
	{
		display: none;
	}
	
	.hoverbox a:hover .preview
	{
		display: block;
		position: absolute;
		top: -33px;
		left: -45px;
		z-index: 1;
	}
	
	.hoverbox img
	{
		background: #fff;
		border-color: #842421 #5a0c08 #842421 #5a0c08;
		border-style: solid;
		border-width: 1px;
		color: inherit;
		padding: 2px;
		vertical-align: top;
		width: 100px;
		height: 75px;
	}
	
	.hoverbox li
	{
		background: #5a0c08;
		border-color: #5a0c08 #842421 #5a0c08 #842421;
		border-style: solid;
		border-width: 1px;
		color: inherit;
		display: inline;
		float: left;
		margin: 3px;
		padding: 5px;
		position: relative;
	}
	
	.hoverbox .preview
	{
		border-color: #842421;
		width: 200px;
		height: 150px;
	}
	
	/* GALLERY END */
	
	/* MENU */
	
	
	/* ================================================================ 
	This copyright notice must be untouched at all times.
	
	The original version of this stylesheet and the associated (x)html
	is available at http://www.cssplay.co.uk/menus/simple_vertical.html
	Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
	This stylesheet and the associated (x)html may be modified in any 
	way to fit your requirements.
	=================================================================== */
	
	/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
	#menu_container {margin:0px 0px 0px 0px; position:relative; width:735px; height:25px; z-index:100;}
	
	/* Get rid of the margin, padding and bullets in the unordered lists */
	#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}
	
	/* Set up the link size, color and borders */
	#pmenu a, #pmenu a:visited {display:block;width:120px; font-size:11px; color:#fff; height:25px; line-height:24px; text-decoration:none; text-indent:5px; border:1px solid #000; border-width:1px 0 1px 1px;}
	
	/* Set up the sub level borders */
	#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
	#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}
	
	/* Set up the list items */
	#pmenu li {float:left; background:#842421;}
	
	/* For Non-IE browsers and IE7 */
	#pmenu li:hover {position:relative;}
	/* Make the hovered list color persist */
	#pmenu li:hover > a {background:#5a0c08; color:#c00;}
	/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
	#pmenu li ul {display:none;}
	/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
	#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:120px;}
	/* Position the first sub level beneath the top level links */
	#pmenu > li:hover > ul {left:-30px; top:16px;}
	
	/* get rid of the table */
	#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
	
	/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
	* html #pmenu li a:hover {position:relative; background:#5a0c08; color:#c00;}
	
	/* For accessibility of the top level menu when tabbing */
	#pmenu li a:active, #pmenu li a:focus {background:#5a0c08; color:#c00;}
	
	/* Set up the pointers for the sub level indication */
	#pmenu li.fly {background:#842421 url(http://www.cssplay.co.uk/menus/fly.gif) no-repeat right center;}
	#pmenu li.drop {background:#842421 url(http://www.cssplay.co.uk/menus/drop.gif) no-repeat right center;}
	
	
	/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */
	
	/* change the drop down levels from display:none; to visibility:hidden; */
	* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}
	
	/* keep the third level+ hidden when you hover on first level link */
	#pmenu li a:hover ul ul{
	visibility:hidden;
	}
	/* keep the fourth level+ hidden when you hover on second level link */
	#pmenu li a:hover ul a:hover ul ul{
	visibility:hidden;
	}
	/* keep the fifth level hidden when you hover on third level link */
	#pmenu li a:hover ul a:hover ul a:hover ul ul{
	visibility:hidden;
	}
	/* keep the sixth level hidden when you hover on fourth level link */
	#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
	visibility:hidden;
	}
	
	/* make the second level visible when hover on first level link and position it */
	#pmenu li a:hover ul {
	visibility:visible; left:-30px; top:14px; left:-31px; to\p:15px;
	}
	
	/* make the third level visible when you hover over second level link and position it and all further levels */
	#pmenu li a:hover ul a:hover ul{ 
	visibility:visible; top:-11px; left:80px;
	}
	/* make the fourth level visible when you hover over third level link */
	#pmenu li a:hover ul a:hover ul a:hover ul { 
	visibility:visible;
	}
	/* make the fifth level visible when you hover over fourth level link */
	#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
	visibility:visible;
	}
	/* make the sixth level visible when you hover over fifth level link */
	#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
	visibility:visible;
	}
	/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */
	
	
	
	
	/* 
	
		SPEECH BUBBLES!
	
	*/
	
	 /* #container {background:#d8d8ee; width:600px; margin:15px; padding:20px;} DONT THINK THIS IS NEEDED? */
	.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:1px;}
	.xsnazzy h1 {font-size:2.5em; text-align: center; color: #eee;}
	.xsnazzy h2 {font-size:1.8em;color: #eee; text-align: center; border:0;}
	.xsnazzy p {padding-bottom:0.5em; color: #eee;}
	.xsnazzy h2 {padding-top:0.0em;}
	.xsnazzy {background: transparent; margin:1em;}
	
	.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #000000; border-left:12px solid transparent; border-right:12px solid transparent; margin-left:50px;}
	/* hack for IE5.5 */
	* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
	.xsnazzy span {display:block; width:0; height:0; color:#000000; overflow:hidden; border-top:10px solid #5a0c08; border-left:10px solid transparent; border-right:10px solid transparent; margin-left:52px; margin-top:-15px;}
	* html .xsnazzy span {display:none;}
	
	.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
	.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
	.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #000000; border-right:1px solid #000000;}
	
	.xb1 {margin:0 8px; background:#000000;}
	.xb2 {margin:0 6px; background:#000000;}
	.xb3 {margin:0 4px; background:#000000;}
	.xb4 {margin:0 3px; background:#5a0c08; border-width:0 5px;}
	
	.xb5 {margin:0 2px; background:#5a0c08; border-width:0 4px;}
	.xb6 {margin:0 2px; background:#5a0c08; border-width:0 3px;} 
	.xb7 {margin:0 1px; background:#5a0c08; border-width:0 3px; height:2px;} 
	
	.xboxcontent {display:block; background:#5a0c08; border:3px solid #000000; border-width:0 3px;}
	
	/* HERE BE STUFF FOR POLLBARS/PERCENTAGE METERS */
	dl { 
		margin: 0; 
		padding: 0;                     
	}
	dt { 
		font-family: Helvetica, Arial, Helvetica, sans-serif;
		position: relative; /* IE is dumb */
		clear: both;
		display: block; 
		float: left; 
		width: 200px; 
		height: 20px; 
		line-height: 20px;
		margin-right: 17px;              
		font-size: 1.0em; 
		text-align: right; 
	}
	dd { 
		position: relative; /* IE is dumb */
		display: block;                 
		float: left;     
		width: 200px; 
		height: 20px; 
		margin: 0 0 15px; 
		background: url("bars_bg.png"); 
	 }
	 * html dd { float: none; } 
	/* IE is dumb; Quick IE hack, apply favorite filter methods for 
	wider browser compatibility */
	
	 dd div { 
		position: relative; 
		background: url("level.png"); 
		height: 20px; 
		width: 75%; 
		text-align:right; 
	 }
	 dd div strong { 
		position: absolute; 
		right: -5px; 
		top: -2px; 
		display: block; 
		background: url("bars_indicator.png"); 
		height: 24px; 
		width: 9px; 
		text-align: left;
		text-indent: -9999px; 
		overflow: hidden;
	 }
	/* END OF STATS/POLLBARS/PERCENTAGEMETERS */