/* This sets the background color and default text size and color for text outside of a table element */
.body		{	font-family: Verdana,sans-serif;
				font-size: 11px;
				color: #000000;
				margin: 8px;
				background-color: #FFFFCC;
				background-image:url(bg.gif);	}

table	{	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   			font-size: 11px;
   			color: #FFFFCC;	}

td 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

hr
{
				border-right:		none;
	border-top:	1px dashed #030000;
	border-bottom:	1px dashed #030000;
	border-left:	none;
}

#masterborder
{
	border: 1px solid #030000;
	background: #FFFFFF;
}

.main_container
{
border: 1px solid #030000;
}

.top_menu_bar
{
background-color: #FFFFCC;
padding-top:2px;
padding-right:2px;
padding-bottom:4px;
padding-left:2px;
}

.left_menu_bar
{
background-color: #FFFFCC;
padding:2px;
}

.center_menu_area
{
background-color: #FFFFFF;
border: 1px solid #030000;
padding: 2px;
}

.right_menu_bar
{
background-color: #FFFFCC;
padding:2px;
}

.bottom_menu_bar
{
background-color: #FFFFCC;
padding-top:4px;
padding-right:2px;
padding-bottom:2px;
padding-left:2px;
}

/* This sets the link colors for text that is not defined by another class */
a, a:link, a:active, a:visited 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

.breadcrumb		{	
				font-family: verdana, tahoma, arial, helvetica, sans-serif;
				font-size: 11px;
				font-weight: bold;
				color:#000000;
				border: 1px solid #FFFFCC;
				background-color: #FFFFCC;
				background-image:url(cat.gif);
				padding:3px;	}
.breadcrumb a:link,
.breadcrumb a:active,
.breadcrumb a:visited	{	font-size: 11px;color:#000000; text-decoration:none;	}
.breadcrumb a:hover		{	font-size: 11px;color:#000000; text-decoration:underline;	}

/* This controls the background properties for the logo area */
.logo		{	background-image:url(logo_bg.gif);
				background-color: #FFFFCC;
				border: 1px solid #030000;	}

img			{	border:0px;	}

.mark_as_read {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #000000;
	text-align: right;
}
.mark_as_read a:link,
.mark_as_read a:active,
.mark_as_read a:visited {color:#000000; font-weight:bold; text-decoration:none;}
.mark_as_read a:hover {color:#000000; font-weight:bold; text-decoration:underline;}

/* The current location/breadcrumb bar font style is controlled by this */
.currentlocation {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#000000;
}
.currentlocation a:link,
.currentlocation a:active,
.currentlocation a:visited {color:#030303; text-decoration:none;	}
.currentlocation a:hover {color:#000000; text-decoration:underline;	}

.members_box				{	
							font-family:  tahoma, verdana, arial, helvetica, sans-serif;
							font-size:10px;
							font-weight: bold;
							color: #0a0808;
							border: 1px solid #ADAFB6;
							background: #F1F1F1;
							padding:4px;
							white-space: nowrap;
							margin-right:2px;
							text-align:center;
							float:right;	}
.members_box a:link,
.members_box a:active,
.members_box a:visited 		{	color:#0a0808; text-decoration:none;	}
.members_box a:hover			{	color:#000000; text-decoration:underline;	}

.members_all				{	
							font-family:  tahoma, verdana, arial, helvetica, sans-serif;
							font-size:10px;
							font-weight: bold;
							color: #000000;
							border: 1px solid #f3d5dc;
							background: #030000;
							padding:4px;
							white-space: nowrap;
							margin-right:2px;
							text-align:center;
							float:right;	}
.members_all a:link,
.members_all a:active,
.members_all a:visited 		{	color:#000000; text-decoration:none;	}
.members_all a:hover			{	color:#000000; text-decoration:underline;	}

/* This controls the background properties for all of the main tables and blocks */
.outer2					{	background-color: #FBFBFB; border: 1px solid #FFFFCC;	}

/* This sets everything for the category name area */
.catrow		{	font-family: verdana, tahoma, arial, helvetica, sans-serif;
				font-size: 11px;
				font-weight: bold;
				color:#ffffff;
				border: 1px solid #030000;
				background-color: #FFFFCC;
				background-image:url(cat.gif);
				padding:3px;	}
.catrow a:link,
.catrow a:active,
.catrow a:visited	{	color:#FFFFFF; text-decoration:none;	}
.catrow a:hover		{	color:#FFFFFF; text-decoration:underline;	}

/* This sets everything for the area above the category, displays text like forum...topics...posts..etc */
th 			{	font-family: verdana, tahoma, arial, helvetica, sans-serif;
				font-size: 10px;
				font-weight: bold;
				color:#FFFFCC;
				background-color: #030000;
				border: 1px solid #030000;
				padding:3px;	}
th a:link,
th a:active,
th a:visited	{color:#FFFFCC; text-decoration:none;	}
th a:hover		{color:#FFFFCC; text-decoration:underline;	}

.board_legend	{
font-family: verdana, tahoma, arial, helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color:#FFFFCC;
}
.board_search	{
font-family: verdana, tahoma, arial, helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color:#FFFFCC;
}

.button_container
{
text-align: right;
}			
/* This controls what the forum name link will look like */

a.forum {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #ffffff;
}
a.forum:link,
a.forum:active,
a.forum:visited {color:#000000; font-weight:bold; text-decoration:none;}
a.forum:hover {color:#000000; font-weight:bold; text-decoration:underline;}



.menubar
{  
	background:  #030000;
}

.menubartext {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #FFFFCC;
}
.menubartext a:link {color:#FFFFCC; text-decoration:none;}
.menubartext a:active,
.menubartext a:visited {color:#FFFFCC; text-decoration:none;}
.menubartext a:hover {color: #FFFFCC; text-decoration:underline;}

/* This makes the newpost/nonewpost images and text in the legend area of the main page stay to the right */
.flright	{	float: right;	}

/* This controls the area at the top of the main calendar page with the left/right arrows in it */
.calendartop			{	padding:5px;
							background: #f7f3e7;
	border-top:		none;
	border-right:	1px solid #CAD8EA;
	border-bottom:	1px solid #CAD8EA;
	border-left:	none;	none;}

/* This sets the backgrounds for the top buttonrow areas */							
td.toprow				{	padding:2px;
							background: #FFFFCC;
	border-top:		none;
	border-right:	1px solid #CAD8EA;
	border-bottom:	1px solid #CAD8EA;
	border-left:	none;	}

td.buttonrow
{
padding:2px;
background: #f7f3e7;
}

/* These effect the post view of the first post in a topic */
/* This controls the top bar of the first post with the edit....quote...etc buttons in it */
.postrowtop				{	font-family: verdana, tahoma, arial, helvetica, sans-serif;
							font-size: 11px;
							font-weight: bold;
							color:#f20c38;
							background: #f7f3e7;
							padding:2px;	}
.postrowtop a:link,
.postrowtop a:active,
.postrowtop a:visited	{	color:#f20c38; text-decoration:none;	}
.postrowtop a:hover		{	color:#000000; text-decoration:underline;	}
/* This controls everything in the left side of the first post, user info...etc */
td.postrow1				{	padding: 8px;
							color:#000000;
							background: #fefdfa;
}
/* This sets everything in the right side of the first post, the post text...signature..etc */
td.postrow1a			{	padding: 8px;
							color:#030303;
							background: #fefdfa;
}

/* These effect the post view of the second post in a topic */
/* This controls the top bar of the second post with the edit....quote...etc buttons in it */
.postrowtop2			{	font-family: verdana, tahoma, arial, helvetica, sans-serif;
							font-size: 11px;
							font-weight: bold;
							color:#f20c38;
							background: #f7f3e7;
							padding:2px;	}
.postrowtop2 a:link,
.postrowtop2 a:active,
.postrowtop2 a:visited	{	color:#f20c38; text-decoration:none;	}
.postrowtop2 a:hover	{	color:#000000; text-decoration:underline;	}
/* This controls everything in the left side of the second post, user info...etc */
td.postrow2				{	padding: 8px;
							color:#000000;
							background: #fefdfa;
}
/* This sets everything in the right side of the second post, the post text...signature..etc */
td.postrow2a			{	padding: 8px;
							color:#030303;
							background: #fefdfa;
}
/* This controls the new horizontal topic posts bar under the forum name on the main index page */
.forum2 {
	border: #DEDECC 1px dashed;
	background-color: #EEEEDA;
}
/* This controls the fontstyle inside of it */
.forum2font {
	padding:4px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.forum2font a:link,
.forum2font a:active,
.forum2font a:visited {color:#6B6448; text-decoration:none;}
.forum2font a:hover {color:#000000; text-decoration:underline;}

/* This controls the areas that contain the forum name and description, plus all other similar colored areas */
.tablelight				{	font-family: verdana, tahoma, arial, helvetica, sans-serif;
							font-size: 11px;
							color:#757575;
							background: #fefdfa;
}

/* This controls the effect that you get when you mouseover the table light area above */
.tablelightover			{	font-family: verdana, tahoma, arial, helvetica, sans-serif;
							font-size: 11px;
							color:#757575;
							background: #fefdfa;
}

/* This controls the areas that contain the number of posts, topics, plus some of the other similar colored areas */
.tabledark				{	font-family: verdana, tahoma, arial, helvetica, sans-serif;
							font-size: 11px;
							color:#430505;
							padding: 4px;
							background: #f7f3e7;
}
.tabledark a:link		{	color:#0a0808; font-family: Verdana,sans-serif; font-size: 11px; text-decoration:none;	}
.tabledark a:visited	{	color:#0a0808; font-family: Verdana,sans-serif; font-size: 11px; text-decoration:none;	}
.tabledark a:hover		{	color:#000000; font-family: Verdana,sans-serif; font-size: 11px; text-decoration:none;	}

/* This controls the calendar normal days and areas that are a similar color to the tablelight above, kinda like leftovers hehe */
.tabledark1				{	font-family: verdana, tahoma, arial, helvetica, sans-serif;
							font-size: 11px;
							color:#030000;
							padding: 4px;
							background: #FEF6F6;
}
.tabledark1 a:link		{	color:#0a0808; font-family: Verdana,sans-serif; font-size: 11px; text-decoration:none;	}
.tabledark1 a:visited	{	color:#0a0808; font-family: Verdana,sans-serif; font-size: 11px; text-decoration:none;	}
.tabledark1 a:hover		{	color:#000000; font-family: Verdana,sans-serif; font-size: 11px; text-decoration:none;	}

/* This controls the areas that forum view last posts in topic area and other similar colored areas */
.tabledark2				{	font-family: verdana, tahoma, arial, helvetica, sans-serif;
							font-size: 11px;
							color:#430505;
							padding: 4px;
							background: #fbf5d5;
}
.tabledark2 a:link		{	color:#0a0808; font-family: Verdana,sans-serif; font-size: 11px; text-decoration:none;	}
.tabledark2 a:visited	{	color:#0a0808; font-family: Verdana,sans-serif; font-size: 11px; text-decoration:none;	}
.tabledark2 a:hover		{	color:#000000; font-family: Verdana,sans-serif; font-size: 11px; text-decoration:none;	}


td.topicrow1			{	}

/* This controls the areas in the integration active topics row */
td.topicrow2			{	background-color: #fcf9e7;
							font-family: verdana, tahoma, arial, helvetica, sans-serif;
							font-size: 11px;
							color:#000;
							padding: 4px;
							border: #6686D7 1px solid;	}

td.topicrow3			{	}

td.topicrow4			{	}

/* Not sure what this does, gonna leave it to be safe */
td.poll					{	background-color: #f9f8e5; border: none;	}

td.selectedrow			{	background-color: #C0D8F0;	}

td.userinfo				{	font-size: 10px; border: none;	}

td.code					{	font-family: Courier New,monospace;
   							color: #006600;
   							background-color: #F8F8F8;
   							border: 1px solid #C0C0C0;
   							padding: 8px;	}

td.clean				{	border: none;	}

/* This effects the bottom bar on all the posts, the one with the post last edited...etc */
.category2				{	padding:4px;
							font-family: verdana, tahoma, arial, helvetica, sans-serif;
							font-size: 10px;
							font-weight:bold;
							color: #000000;
							background: #f7f3e7;
}
.category2 a:link,
.category2 a:active,
.category2 a:visited 	{	color:#000000; text-decoration:none;	}
.category2 a:hover 		{	color:#030303; text-decoration:underline;	}

/* These classes effect the buttons themselves. */
.button1				{	border: 1px solid #f20c38;
							padding:4px;
							white-space: nowrap;
							float: left;
							margin-right:2px;
							text-align:center;
							background-image: url(button_bg.gif);	}

.button1a				{	border: 1px solid #8E997D;
							padding:4px;
							white-space: nowrap;
							float: inherit;
							margin-right:2px;
							text-align:center;
							background-image: url(button_bg2.gif);	}

.button1b				{	border: 1px solid #f20c38;
							padding:4px;
							white-space: nowrap;
							float: left;
							margin-right:2px;
							text-align:center;
							background-image: url(button_bg.gif);	}

.button2				{	border: 1px solid #8E997D;
							padding:4px;
							white-space: nowrap;
							float: right;
							margin-left:2px;
							text-align:center;
							background-image: url(button_bg2.gif);	}

.button3				{	
							font-family:  tahoma, verdana, arial, helvetica, sans-serif;
							font-size:10px;
							font-weight: bold;
							color: #0a0808;
							border: 1px solid #ADAFB6;
							background: #F1F1F1;
							padding:4px;
							white-space: nowrap;
							margin-right:2px;
							text-align:center;
							float:right;	}
.button3 a:link,
.button3 a:active,
.button3 a:visited 		{	color:#0a0808; text-decoration:none;	}
.button3 a:hover			{	color:#000000; text-decoration:underline;	}

.button3a				{	
							font-family:  tahoma, verdana, arial, helvetica, sans-serif;
							font-size:10px;
							font-weight: bold;
							color: #FFFFFF;
							border: 1px solid #f3d5dc;
							background: #030000;
							padding:4px;
							white-space: nowrap;
							margin-right:2px;
							text-align:center;	}
.button3a a:link,
.button3a a:active,
.button3a a:visited 		{	color:#FFFFFF; text-decoration:none;	}
.button3a a:hover			{	color:#FFFFFF; text-decoration:underline;	}

/* This controls the bottom area that has the page..next page...etc links in it */
.ndcat  				{	color:FFFFFF;
							font-family: verdana, tahoma, arial, helvetica, sans-serif;
							font-size:10px; font-weight:bold;
							padding:4px;
							border: 1px solid #D08597;
				background-color: #f9f5de;	}
.ndcat a:link,
.ndcat a:active,
.ndcat a:visited 		{	color:#FFFFFF; text-decoration:none;	}
.ndcat a:hover			{	color:#030303; text-decoration:underline;	}


/* Some areas have small dividers.....this controls them */
.catbottom				{	padding:0px;
							border: 1px solid #8a8a8a;
				background-color: #8a8a8a;	}

form					{	margin: 0; padding: 0;	}

.quicksearch
{
	margin-top:4px;
	
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:ffffff;
}
.quicksearch a:link
{
   font-weight: bold;
   color: #0a0808;
}


.quicksearch a:visited
{
   font-weight: bold;
   color: #0a0808;
}

.popup
{
   position: absolute;
   padding: 8px;
   width: 180px;
   font-weight: bold;
   background-color: #FFFFCC;
   border: solid 1px #FFFFCC;
   display: none;
   z-index: 100;
   filter: progid:DXImageTransform.Microsoft.Fade(duration=0.25,overlap=0.25) progid:DXImageTransform.Microsoft.Shadow(color=#808080, direction=135, strength=4);
}


.popup2
{
   position: absolute;
   padding: 8px;
   width: 180px;
   background-color: #FFFFCC;
   border: solid 1px;
   display: none;
   z-index: 100;
   filter: progid:DXImageTransform.Microsoft.Fade(duration=0.25,overlap=0.25) progid:DXImageTransform.Microsoft.Shadow(color=#808080, direction=135, strength=4);
}


.menuitem
{
   font-size: 10px;
   width: 180px;
   height: 16px;
   padding: 2px;
   display: block;
}


.menuitemdisabled
{
   font-size: 10px;
   width: 180px;
   height: 16px;
   padding: 2px;
   display: block;
}


.menuseparator
{
   font-size: 1px;
   width: 180px;
   height: 1px;
}


.statusmessage
{
   font-family: Verdana,sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   color: #800000;
}


.statusline
{
   font-family: Verdana,sans-serif;
   font-size: 10px;
   font-weight: bold;
   color: #0a0808;
   background: #f7f3e7;
	border-top:		none;
	border-right:	1px solid #CAD8EA;
	border-bottom:	1px solid #CAD8EA;
	border-left:	none;
	
}

.toolbarbutton
{
   background-image: url(toolbar_bg.gif);
   width: 23px;
   height: 23px;
   border: none;
   border: 1px solid #2E4E9F;
   margin:1px;
}


.toolbarseparator
{
   width: 6px;
   height: 23px;
   border: none;
   border: 1px solid #2E4E9F;
}


.texteditorenhanced
{
   font-size: 12px;
   background-color: #FFFFFF;
   height: 200px;
   width: 500px;
   padding: 8px;
   border: 1px inset #A0A0A0;
   overflow: scroll;
}


q
{
   display: block;
   background-color: #F8F8F8;
   border: 1px solid #C0C0C0;
   padding: 8px;
   padding-left: 16px;
}


.textbox
{
   border: 1px inset #808080;
}

.textbox2
{
   font-size: 10px;
   border: 1px solid #000000;
   background-color: #FFFFFF;
   color: #030303;
   padding: 2px;
}

/* This controls the main block for the emoticons when making a post */
.emoticontable
{
   background-color: #FFFFFF;
   border: 1px solid #ADAFB6;
}


.pmtoolbar
{
   text-align: right;
   background-color: #CCD5D7;
   width: 100%;
}


.publiceventtime
{
   font-size: 9px;
   background-color: #fcf9e7;
   padding: 2px;
   border: #244395 1px solid;
}


.publicevent
{
   padding: 2px;
   font-size: 9px;
  
}


.privateeventtime
{
   font-size: 10px;
   background-color: #9AEB78;
   padding: 2px;
}


.privateevent
{
   padding: 2px;
   background-color: #ADEF92;
}

/* This controls the text style inside of all the buttons */
a.navbutton:link
{
   font-family: Tahoma,sans-serif;
   font-size: 10px;
   font-weight: bold;
   color: #ffffff;
}
a.navbutton:visited
{
   font-family: Tahoma,sans-serif;
   font-size: 10px;
   font-weight: bold;
   color: #ffffff;
}
a.navbutton:hover
{
   font-family: Tahoma,sans-serif;
   font-size: 10px;
   font-weight: bold;
   color: #ffffff;
   text-decoration: underline;
}


a.userlocation:link
{
   font-size: 10px;
}


a.userlocation:visited
{
   font-size: 10px;
}

.username
{
   color: #000000;
   font-weight: bold;
}

/* This controls the way your name looks in posts and in the recent/online areas */
a.username:link
{
   color: #000000;
   font-weight: bold;
}
a.username:visited
{
   color: #000000;
   font-weight: bold;
}
a.username:hover
{
   color: #000000;
   font-weight: bold;
}


a.userselected:link
{
   background-color: #000080;
   color: #FFFFFF;
}


a.userselected:visited
{
   background-color: #000080;
   color: #FFFFFF;
}


a.userselected:hover
{
   text-decoration: none;
}


a.typo:visited
{
   color: #800000;
}


a.foldernormal
{
   font-family: Verdana,sans-serif;
   font-size: 11px;
}


a.folderselected:link
{
   background-color: #000080;
   color: #FFFFFF;
}


a.folderselected:visited
{
   background-color: #000080;
   color: #FFFFFF;
}


a.folderselected:hover
{
   text-decoration: none;
}


a.menuitem:hover
{
   text-decoration: none;
   width: 155px;
   background-color: #000080;
   color: #FFFFFF;
}


a.menuitemdisabled
{
   color: #808080;
}


a.menuitemdisabled:visited
{
   color: #808080;
}


a.menuitemdisabled:hover
{
   text-decoration: none;
   width: 155px;
   background-color: #000080;
   color: #808080;
}

.menu_image_box
{
background-color: #f7f3e7;
border: 1px solid #CFE0F8;
text-align: center;
}
/* This controls how the text looks in the topic legend */
.topiclegend
{
	padding:2px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #004080;

}
/* This controls how the text looks in the topic legend alternate cells */
.topiclegend2
{
	padding:2px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #030303;
}

 .collapse { position: absolute; visibility: hidden; }
 .expand { position: relative; visibility: visible; }

/* Not sure what this does, gonna leave it to be safe */
 .preview	{
 	background-color: #FFFFCC;
	border:1px solid #000000;
	padding:4px;
}