/********************/
/* Major components */
/********************/

.navbar
{
  FONT-SIZE: 			13px;
  FONT-WEIGHT: 		Bold;
  COLOR:				#FFFFFF;
  PADDING-LEFT:		4px;
  PADDING-RIGHT:		4px;
  PADDING-TOP:		1px;
  PADDING-BOTTOM:	1px;
  BACKGROUND-COLOR: #507300;
  }
body
{
  MARGIN:				0px;
  FONT-SIZE:			12px;
  COLOR: 				#C0C0C0; /* main text COLOR */
  PADDING:				0px;
  BACKGROUND-COLOR:	#303030;
  FONT-FAMILY: 		Verdana, Arial, Helvetica, sans-serif;
  }
TABLE
{
  empty-cells: show;
  }

.verification-images
{
  background: #FFFFEE;
  border: 1px solid #000000;
  }
.bbstable
{
  BACKGROUND-COLOR:	#000000;
  BORDER:				2px #CE6500 Solid;
  }
td
{
  FONT-SIZE:			12px;
  COLOR:				#C0C0C0;
  }

/********************/
/* Forum Components */
/********************/

.messagecellbody
{
  FONT-SIZE:			12px;
  COLOR:				#C3B2A5; /* text forum descriptions */
  BACKGROUND-COLOR:	    #272727; /* cell background for above */
  PADDING-LEFT:		4px;
  PADDING-RIGHT:		4px;
  PADDING-TOP:		2px;
  PADDING-BOTTOM:	2px;
  }
.messagecellbody2
{
  FONT-SIZE:			12px;
  COLOR:				#FEC423; /* threads, messages and last post */
  BACKGROUND-COLOR:	#202020; /* cell background for above */
  PADDING-LEFT:		4px;
  PADDING-RIGHT:		4px;
  PADDING-TOP:		2px;
  PADDING-BOTTOM:	2px;
  }
.messagecellbody3
{
  FONT-SIZE:				12px;
  COLOR:					#C0C0C0;
  BACKGROUND-COLOR:		#D2DDDD;
  PADDING-LEFT:			4px;
  PADDING-RIGHT:			4px;
  PADDING-TOP:			2px;
  PADDING-BOTTOM:		2px;
  }

/**********************/
/* Message Components */
/**********************/
.messageheader
{
  FONT-SIZE:				12px;
  COLOR:					#C0C0C0;
  BACKGROUND-COLOR:	    #6B4521;
  PADDING:				2px;
  }
.messagetable
{
  FONT-SIZE:				12px;
  COLOR:					#C0C0C0;
  BACKGROUND-COLOR:	#202020;
  BORDER:				2px #CE6500 Solid;
  }
.messagemiddle
{
  FONT-SIZE:				12px;
  COLOR:					#C0C0C0;
  BACKGROUND-COLOR:	#202020;
  PADDING:				2px;
  }
.messagefooter
{
  FONT-SIZE: 			12px;
  COLOR: 					#C0C0C0;
  BACKGROUND-COLOR: 	#393C39;
  PADDING:				2px
  }
.messagecellheader
{
  FONT-SIZE:				11px;
  FONT-WEIGHT:			Bold;
  COLOR:					#F5F5F5;
  BACKGROUND-COLOR:		#404040;
  PADDING-LEFT:			8px;
  PADDING-RIGHT:			8px;
  PADDING-TOP:			4px;
  PADDING-BOTTOM:		4px;
  background-image: url('/images/megabbs/layonara/images/common/messagecellheader-background.gif');
  background-repeat:repeat-x;
  background-position:top;
  height:16px;
  }
.messagesubheader
{
  font-size: 11px; font-weight: bold;
  color: #F5F5F5;
  font-family:Tahoma;
  }
.messagecellheader2
{
  FONT-SIZE: 				10px;
  FONT-WEIGHT:			Bold;
  COLOR: 					#C0C0C0;
  BACKGROUND-COLOR: 	#6B4521;
  PADDING-LEFT:			8px;
  PADDING-RIGHT:			8px;
  PADDING-TOP:			2px;
  PADDING-BOTTOM:		2px;
  background-image:url('/images/megabbs/layonara/images/common/messagecellheader2-background.gif');
  background-position: top;
  background-repeat:repeat-x;
  height:20px;
  }
.messagecellspacer
{
  BACKGROUND-COLOR: 	#C0C0C0;
  COLOR: 					#D0D7DD;
  height:					2px;
  FONT-SIZE:				1px;
  }
.messagecellfooter
{
  BACKGROUND-COLOR:		#393C39;
  PADDING:					4px;
  background-image: url('/images/megabbs/layonara/images/common/messagecellfooter-background.gif');
  background-position: bottom;
  background-repeat:repeat-x;
  height:18px;
  }
.newsbox
{
  background-color: #FFFFEE;
  border: 1px solid #EEEEBB;
  }
.rssimage
{
  background-color: #FFFFFF;
  border: 1px solid #000000;
  }
.quotation
{
  FONT-SIZE: 				11px;
  COLOR: 					#C0C0C0;
  MARGIN-left: 			20px;
  MARGIN-right: 			10px;
  PADDING: 				2px;
  BORDER-LEFT: 			1px Solid;
  }
.randomquote
{
  COLOR:					#C0C0C0;
  FONT-SIZE:				11px;
  font-style:				italic
  }
.smalltext
{
  FONT-SIZE: 				11px;
  }

.smalltext a
{
  text-decoration: none;
  }

.headercontrolbox .smalltext a
{
  text-decoration: underline;
  }

/*******************/
/* MAIN HYPERLINKS */
/*******************/

a
{
  COLOR: 					#FEC423
  }
a:hover
{
  COLOR: 					#ff0000;
  }
a:visited.threadlink
{
  COLOR: 					#BC8604;
  }
a:hover.threadlink
{
  COLOR: 					#ff0000;
  }
a:link.threadlink
{
  COLOR: 					#FEC423;
  }
a:hover.headerlink
{
  COLOR:					#FF0000;
  }
.headerlink2
{
  COLOR: 					#FEC423;
  TEXT-DECORATION: 		None
  }
.headerlink
{
  COLOR:					#FFFFFF;  /* forum headers */
  TEXT-DECORATION: 		None
  }
.homelink
{
  COLOR: 					#FEC423;
  TEXT-DECORATION: 		None;	 /* top link */
  }
.top_clocks
{
  COLOR: 					#FEC423;
  FONT-WEIGHT:				Bold;
  FONT-SIZE: 				10px;

  }


/********************************/
/* Headers (not used too often) */
/********************************/

.header6
{
  FONT-SIZE: 				12px;
  FONT-WEIGHT: 			Bold;
  }
.header5
{
  FONT-WEIGHT: 			Bold;
  FONT-SIZE: 			14px;
  }
.header4
{
  FONT-WEIGHT: 			Bold;
  FONT-SIZE: 			18px;
  }
.error
{
  FONT-WEIGHT: 			Bold;
  COLOR: 					#FF0000;
  }


/*********************************/
/* next thread / previous thread */
/*********************************/

.threadbox
{
  BACKGROUND-COLOR: 	#8094B0;
  FONT-SIZE: 				10px;
  FONT-WEIGHT: 			Normal;
  COLOR:					#FFFFFF;
  PADDING: 				3px;
  BORDER: 					1px Solid #000000;
  }
.threadboxlink
{
  COLOR: 					#FFFFFF;
  TEXT-DECORATION: 	None;
  }
:hover.threadboxlink
{
  COLOR: 					#FF0000;
  TEXT-DECORATION: 	None;
  }


/****************/
/* Header items */
/****************/

.headerbar
{
  FONT-SIZE: 			12px;
  COLOR: 					#111111;
  BACKGROUND-COLOR: 	#6B4521;
  }
.headercontrolbox
{
  BORDER-TOP:				1px;
  FONT-SIZE: 				12px;
  COLOR: 					#C0C0C0;
  BACKGROUND-COLOR: 	#202020;
  PADDING-LEFT:			3px;
  PADDING-RIGHT:			2px;
  PADDING-TOP:			4px;
  PADDING-BOTTOM:		4px
  }
.headercontrolbox a
{
  COLOR: 					#070707;
  }
.headerbarlink
{
  COLOR: 					#FFFFFF;
  FONT-SIZE: 				11px;
  TEXT-DECORATION:		None;
  FONT-WEIGHT:			Bold
  }
.adminlink
{
  COLOR: 					#005CB9;
  FONT-SIZE: 				12px;
  TEXT-DECORATION: 		None;
  FONT-WEIGHT: 			Bold;
  }


/****************/
/* footer items */
/****************/

.footerbar
{
  FONT-SIZE: 			12px;
  COLOR: 					#C0C0C0;
  }


/*********/
/* FORMS */
/*********/

form
{
  MARGIN: 					0px;
  }
.bbsbutton
{
  BACKGROUND-COLOR:		#6B4420;
  COLOR:					#FEC423;
  FONT-SIZE:				12px;
  BORDER-width:			1px;
  PADDING: 				0px 0px 0px 0px;
  MARGIN: 					0px 0px 0px 0px;
  BORDER: 					1px Solid #CE6500;
  }
.bbstextbox
{
  BACKGROUND-COLOR:		#EFEFEF;
  FONT-SIZE:					11px;
  background-position: left top;
  background-image:url('/images/megabbs/layonara/images/common/cell-background.gif');
  background-repeat:no-repeat;
  background-attachment:fixed;
  }
.bbseditbox
{
  BACKGROUND-COLOR:		#EFEFEF;
  FONT-SIZE:					11px;
  background-position: left top;
  background-image:url('/images/megabbs/layonara/images/common/cell-background.gif');
  background-repeat:no-repeat;
  background-attachment:fixed;
  }
.bbscheckbox
{
  FONT-SIZE:					11px;
  }
.bbsradiobox
{
  BACKGROUND-COLOR:		#000000;
  FONT-SIZE:			11px;
  }
.bbsdropdownbox
{
  BACKGROUND-COLOR:		#405127;
  COLOR:						#FFFFFF;
  FONT-SIZE:					11px;
  }


/*************/
/* LEFTOVERS */
/*************/
span.highlight
{ background: #FFFF33; }

.adminname
{
  COLOR:					#FF0000
  }
.moderatorname
{
  COLOR:					#FF9966
  }
.registeredname
{
  COLOR: 					#999966
  }
.notregisteredname
{
  COLOR: 					#BC8604
  }



/* LORE Specific */
td.DEITY_REL_A    { padding: 1px; background-color: #0000C8;}
td.DEITY_REL_A_HL { padding: 1px; background-color: #0000C8; border: 1px solid #000000;}
td.DEITY_REL_F    { padding: 1px; background-color: #00C800;}
td.DEITY_REL_F_HL { padding: 1px; background-color: #00C800; border: 1px solid #000000;}
td.DEITY_REL_N    { padding: 1px; background-color: #FFFF00;}
td.DEITY_REL_N_HL { padding: 1px; background-color: #FFFF00; border: 1px solid #000000;}
td.DEITY_REL_U    { padding: 1px; background-color: #FFA500;}
td.DEITY_REL_U_HL { padding: 1px; background-color: #FFA500; border: 1px solid #000000;}
td.DEITY_REL_E    { padding: 1px; background-color: #C80000;}
td.DEITY_REL_E_HL { padding: 1px; background-color: #C80000; border: 1px solid #000000;}
td.DEITY_REL_S    { padding: 1px; background-color: #000000;}
td.DEITY_REL_S_HL { padding: 1px; background-color: #000000; border: 1px solid #000000;}

.pagetitle
{
  COLOR: 					#FFFFFF;
  FONT-SIZE: 				11px;
  TEXT-DECORATION:		None;
  FONT-WEIGHT:			Bold
}

/* all images have the span frame regardless of title */
span.IMAGEFRAME {  }
/* This is the div wrapping the image when there's a title */
div.IMAGESRC {  }
/* This is the div wrapping the text when there's a title */
div.IMAGETITLE {  }
/* This is an A HREF that's a file:/markup tag */
a.FILEREF {  }

/* This is the actual image tag */
img.IMAGEREF
{ margin: 1.5em 1.5em 1.5em 1.5em;
  border: 3px ridge #CE6500;
  background-color: #000000;
  clear: both;
  }

img.IMAGELEFT
{ float: left;
  margin: 1.5em 1.5em 1.5em 1.5em;
  border: 3px ridge #CE6500;
  background-color: #000000;
  clear: both;
  }

img.IMAGERIGHT
{ float: right;
  margin: 1.5em 1.5em 1.5em 1.5em;
  border: 3px ridge #CE6500;
  background-color: #000000;
  clear: both;
  }

span.DROPCAP
{

  float: left;
  text-align: center;
  padding-right: 2px;
  font-size: 62px;
  line-height: 51px;
  font-weight: normal;
  color: #444444;
  font-family: georgia, times;

  }
span.BOLD { font-weight: bold; }
span.ITALIC { font-style: italic; }
span.UNDERSCORE { text-decoration: underline; }
ins.INS {  }
small.SMALL {  }
p.PARAGRAPH {  }
del.DEL {  }
del.STRIKE {  } /* This is the deprecated <STRIKE> markup */
div.JUSTIFY { text-align: justify; }
div.LEFT { text-align: left; }
div.CENTER { text-align: center; width: 75%; margin: 0 auto 0 auto; }
div.RIGHT { text-align: right; }
div.HEADER1CENTER { text-align: center; }
div.HEADER2CENTER { text-align: center; }
div.HEADER3CENTER { text-align: center; }
div.HEADER4CENTER { text-align: center; }

div.HEADER1RIGHT { text-align: right; }
div.HEADER2RIGHT { text-align: right; }
div.HEADER3RIGHT { text-align: right; }
div.HEADER4RIGHT { text-align: right; }

div.HEADER1LEFT { text-align: left; }
div.HEADER2LEFT { text-align: left; }
div.HEADER3LEFT { text-align: left; }
div.HEADER4LEFT { text-align: left; }

div.HEADING1CENTER { text-align: center; }
div.HEADING2CENTER { text-align: center; }
div.HEADING3CENTER { text-align: center; }
div.HEADING4CENTER { text-align: center; }

div.HEADING1RIGHT { text-align: right; }
div.HEADING2RIGHT { text-align: right; }
div.HEADING3RIGHT { text-align: right; }
div.HEADING4RIGHT { text-align: right; }

div.HEADING1LEFT { text-align: left; }
div.HEADING2LEFT { text-align: left; }
div.HEADING3LEFT { text-align: left; }
div.HEADING4LEFT { text-align: left; }

tt.TELETYPE {  }

span.NOMARKUP {  }

div.HEADING2 { }
/* div.PRE { white-space: pre; } */

a.PERLMODULE { text-decoration: underline; }
a.CAMELCASE  { text-decoration: none; }
a.FORCELINK  { text-decoration: none; }
a.WEBLINK    { text-decoration: underline; }

table.BLOCKTABLE { border: 2px groove #6B4521; }

tr.BLOCKTHEAD { }

TH.BLOCKTHEAD { background: #6B4521; color: white; padding: 4px; text-align: left;}
td.BLOCKTHEAD { text-align: left;}
a.BLOCKTHEAD, a.BLOCKTHEAD:hover, a.BLOCKTHEAD:visited { font-weight: bold; color: #FFFFFF; text-decoration: none; }
tr.BLOCKTBODY { }
td.BLOCKTBODY { }

tr.BLOCKTBODYEVEN { background: #382B00; color: black; }
tr.BLOCKTBODYODD  { background: #36360D; color: black; }
tr.BLOCKTBODYEVENMINI { background: #382B00; color: black; }
tr.BLOCKTBODYODDMINI  { background: #36360D; color: black; }

td.BLOCKTBODYEVEN { border: 1px groove #6B4521; padding-left: 3px;}
td.BLOCKTBODYODD  { border: 1px groove #6B4521; padding-left: 3px;}
td.BLOCKTBODYEVENMINI { border: 0px; padding-left: 3px;}
td.BLOCKTBODYODDMINI  { border: 0px; padding-left: 3px;}


div.BLOCKPERL    { border: 2px ridge #FFD700; background: black; color: white; padding: 5px; }
div.BLOCKADHOC   { border: 2px ridge #FFD700; background: black; color: white; padding: 5px; }
span.CODECOMMENT { color: #880000; font-weight: bold; }
span.CODESTRING  { color: #00AA00; }

pre.PRE { border: 2px ridge #FFD700; background: #382B00; color: black; padding: 5px; }
.PRE { border: 1px ridge #FFD700; background: #382B00; color: white; padding: 15px; width: 400px; }

table.diff { border: 1px dotted #8e2e00; }
span.diff1 { background: red; color: black; }
span.diff2 { background: green; color: black; }

td.diffLeftTitle  { font-weight: bold; font-size: small; text-align: center; width: 50%; }
td.diffRightTitle { font-weight: bold; font-size: small; text-align: center; width: 50%; }
td.diffBlockTitle { font-weight: bold; font-size: xx-small; text-align: center; border-top: 1px dotted #8e2e00; border-bottom: 1px dotted #8e2e00; }
td.diffLeftBlock { border-right: 1px dotted #8e2e00; }
td.diffRightBlock { }

.bookmark-skip-button
{ color: #FFFFFF; background: #6B4521; border: 2px #CE6500 outset; font: 10px Verdana, Arial, sans-serif; }
.bookmark-button
{ color: #FFFFFF; background: #6B4521; border: 2px #CE6500 outset; font: 10px Verdana, Arial, sans-serif; }
.bookmark-list
{ color: #000000; background: #6B4521; border: 1px #CE6500 solid; font: 10px Verdana, Arial, sans-serif; }
.bookmark-info
{ color: #736F6E; font-size: x-small; vertical-align: middle; }

img.valign
{ height:100%; width:0px; vertical-align:middle;}

input, select
{ color: #FFFFFF; background: #6B4521; border: #CE6500 solid 1px; font: 10px Verdana, Arial, sans-serif; }
textarea
{ color: #FFFFFF; border: #CE6500 solid 1px; background: #6B4521; }

.submit-button
{ color: #FFFFFF; background: #6B4521; border: #CE6500 solid 1px; font: 10px Verdana, Arial, sans-serif; }
.select-box
{ color: #FFFFFF; background: #6B4521; border: #CE6500 solid 1px; font: 10px Verdana, Arial, sans-serif; }

img.CharacterPortrait
{ float: left; margin: 1em 2em 2em 0; border: 3px ridge #CE6500; background-color: #000000; }

a.ALPHABET, a.ALPHABET:hover, a.ALPHABET:visited
{ text-decoration: none; }

span.CharacterName    {  font-size: 28px; font-weight: normal; color:#444444; font-family: georgia, times; }

span.biowarename { font-size: 10px; display: inline; }
a.biowarename { font-size: 10px; color: silver; text-decoration: none; }
span.levelbreakdown { font-size: 11px; display: inline; }

tr.StatusGmRow { border: 2px dotted red; background: #8D6114; }
tr.StatusPermaDeadRow { border: 2px dotted red; background: #A52A2A; }
table.ServerStatus { border: 2px; padding: 2px; width: 100%;}
table.ServerStatusMini { border: 0px; padding: 0px; width: 100%;}
div.ServerStatusMini { border: 0px; padding: 0px; width: 100%;}
span.StatusCellIP { font-size: 11px; display: inline; }
span.StatusCellCDKey { font-size: 11px; display: inline; }
a.StatusCellAlignment, a.StatusCellAlignment:hover, a.StatusCellAlignment:visited { font-size: 11px; font-family: Verdana, Arial, sans-serif; color: #8E2E00; text-decoration: none; }
a.charnamemini, a.charnamemini:hover, a.charnamemini:visited { font-size: 13px; font-family: Verdana, Arial, sans-serif; color: #8E2E00; text-decoration: none; }
td.StatusCell { padding-left: 3px;}
td.StatusCellTop { padding-left: 3px; vertical-align: top;}
td.StatusPortrait          { padding-left:1px; padding-top:4px; text-align: center; width: 40px;}
img.StatusPortrait         { border: 1px solid #000000;}
td.StatusPortraitMini          { padding-left:1px; padding-top:2px; text-align: center; width: 22px;}
img.StatusPortraitMini         { border: 0px;}
a.StatusMiniLinks, a.StatusMiniLinks:hover, a.StatusMiniLinks:visited { font-size: 11px; font-family: Verdana, Arial, sans-serif; color: #8E2E00; text-decoration: none; }

.footinfo { font-size: x-small; }
.footerbottom { padding-top: 4px; text-align: center; color: #F3F3E2; font: 11px Verdana, Arial, sans-serif; }
a.footerbottom, a.footerbottom:hover, a.footerbottom:visited { color: #F3F3E2; font: 11px Verdana, Arial, sans-serif; }

img
{ border: none; }

hr
{ border: 1px solid #CE6500; }

.hrthick100 { border: 2px solid #CE6500; width: 100%; margin: 0 auto 0 auto; }
.hrthick75  { border: 2px solid #CE6500; width: 76%;  margin: 0 auto 0 auto; }
.hrthick50  { border: 2px solid #CE6500; width: 50%;  margin: 0 auto 0 auto; }
.hrthick25  { border: 2px solid #CE6500; width: 26%;  margin: 0 auto 0 auto; }

.hrthin100 { border: 1px solid #CE6500; width: 100%; margin: 0 auto 0 auto; }
.hrthin75  { border: 1px solid #CE6500; width: 76%;  margin: 0 auto 0 auto; }
.hrthin50  { border: 1px solid #CE6500; width: 50%;  margin: 0 auto 0 auto; }
.hrthin25  { border: 1px solid #CE6500; width: 26%;  margin: 0 auto 0 auto; }

div.hr { width: 95%; margin: 0 auto 0 auto; text-align: center; }

a.PAGINATE { text-decoration: none; }
a { text-decoration: none; }
a:HOVER { text-decoration: underline; }

.preview { text-align: left; border: 1px dotted #CE6500; }
a.infobox,a.infobox:HOVER,a.infobox:VISITED { text-decoration: underline; }

.BOXMARKUP { clear: both; background-color: black; color: white; text-align: left; border: 2px ridge #CE6500; }
.preview { text-align: left; border: 1px dotted #CE6500; }

.pfcontent {  }