/*****************************************************
Community Server Forums default theme
Modify this stylesheet to change the colours
and appearance of the Community Server Forums
*****************************************************/

/*****************************************************
Body: General page style
*****************************************************/
body /*The scroll bar colours are only visible in IE5.5+ */
{
    font-size: 0.8em;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    background-color: #EFEFEF; 
   SCROLLBAR-BASE-COLOR: #2D2D4A;
}

pre.source
{
	font-size: 1em;
	margin-left: 20px;
	color: black;
	font-family: Lucida Console, Courier New, Courier;
	background-color: gainsboro;
}

body.admin /* Admin page style */
{
    background-color: #DDEEFF;
}



/*****************************************************
Forum Name Title
*****************************************************/
/* em: unit of measurement for the height of the element's font, which is resolution independent */
.forumName /* text style for the main forum name */
{
    font-family: Trebuchet MS, Arial, Helvetica;
    font-size: 1.4em;
    font-weight: bold;
}

a.forumName:hover /* text style for when mouse hovers over main forum name */
{
    color: #FF3300;
    text-decoration: none;
}

.forumThread /* description of Forums on main page (underneath Forum Name) */
{
    font-family: Trebuchet MS, Arial, Helvetica;
    font-size: 0.9em;
}

A:link {color:#ccccff; text-decoration: underline; font-weight : none } 
A:visited {color:#ccccff; text-decoration: underline; font-weight : none} 
A:active {color:midnightblue; text-decoration: underline; font-weight : none}
A:hover {color:#FFFFFF; text-decoration: None; font-weight : none}
.CodeBlock {
	font-family: Courier New, Courier;
	font-size: 10pt;		
	background-color: #EFEFEF;
	border: 1px dashed black;
	margin-bottom: 10px;
	overflow: auto;
	padding: 2px;
}




/*****************************************************
General Text
*****************************************************/
.txt1 { font-size : 1.0em; } 
.txt2 { font-size : 0.9em; }
.txt3 { font-size : 0.8em; }
.txt4 { font-size : 0.7em; }
.txt5 { font-size : 0.6em; }

.txt1Bold { font-size : 1.0em; font-weight:bold; }
.txt2Bold { font-size : 0.9em; font-weight:bold; }
.txt3Bold { font-size : 0.8em; font-weight:bold; }
.txt4Bold { font-size : 0.7em; font-weight:bold; }
.txt5Bold { font-size : 0.6em; font-weight:bold; }

.txt3red { font-size : 0.8em; color: Red; }

.printDetails{ font-size : 0.6em; color: darkgray; }
.noTopics { font-size: 0.7em; font-weight:bold; }
.dateText { font-size: 0.6em; color: white; }

/* IRC Style Text */
.txtIrcMe { color:Fuchsia ; }

/*****************************************************
Tables
*****************************************************/
.tableBorder /* This is the outline round the main forum tables */
{
/*    border: 1px #B2B2B2 solid;  */
    border: 1px outset;
    background-color: #FFFFFF;
}

.moderationTable /* Moderation table */
{
    border: 1px #FFFFFF solid; 
    background-color: #F1F1F1;
}

.adminTable /* Admin table */
{
    background-color: #FFFFFF;
}

.quoteTable { /* This is the quote table, where quotes from previous posts are shown */
    border:1px inset;
    background-color: #EEF7FF;
}

.editTable { /* This is the edit notes table, shown when someone has edited a post, and this feature is enabled */
    border: 1px inset; 
    color: Red;
    background-color: #EEF7FF;
    font-size: 0.8em;
}

/*****************************************************
Table Header and cell definitions
*****************************************************/
td.column /* td.column is the main heading row of the table, shows either the table title, or the column headings, such as 'Posts', 'Last Post' etc. Top row of all tables. */
{
    font-weight: bold; 
    font-size: 0.7em; 
    background-color: #78ABDE; 
    background-image: url(../images/forumColumnBackground.gif); 
    background-repeat: repeat-x; 
    COLOR: white;
}

td.h1a /* td.h1a is the subheading row of the table, shows the names of Forum Groups on main page, or 'Announcements', 'Topics' on ShowForum page */
{
    color: #4455aa;
    font-size: 0.8em;
    font-weight:bold;
    text-decoration: none; 
    background-image: url(../images/forumHeaderBackgroundAlternate.gif);
    background-color: #E7E3E7;
    background-repeat: repeat-x; 
}

td.h1 /* td.h1 was the old subheading row of the table. This should probably be deleted as I don't think it is used anymore. */
{
    color: white;
    font-size: 0.7em;
    font-weight:bold;
    background-image: url(../images/forumHeaderBackground.gif);
    background-color: #4455aa
}


td.f /* Forums column cells on main page; last post, replies, view cells on ShowForums page (shaded cells?) */
{
    font-size: 0.71em; 
    background-color: #CFCFE0;

}

td.f2
{
    font-size: 0.8em;
    background-color: #DDEEFF;
}

td.fh /* forumRowHighlight - such as forumOptions, forumStatistics, WhoIsOnline boxes etc.*/
{
    font-size: 0.71em; 
    background-color: #FFFFFF; 
    background-image: url(../images/fhBg.gif); 
    background-repeat: repeat-x;
}

TD.fh2 /* used in Forums Statistics box to control size of text*/
{
	font-size: 0.71em; 
}

TD.fh3 /* TD.fh3 is Threads, Posts cells on main table, Thread cells on ShowForum page (not shaded?) */ 
{
	font-size: 0.71em; 
	background-color: #FFFFFF; 
	border-top: 1px solid #DDEEFF;
	border-left: 1px solid #DDEEFF;
}

TD.fh3a /* TD.fh3a is Alternating table for Post Body in the PostView */ 
{
	font-size: 0.71em; 
	background-color: #F6FBFF; 
	border-top: 1px solid #DDEEFF;
	border-left: 1px solid #DDEEFF;
}

TD.fh4 /* TD.fh4 is Last Post cells on main table (not shaded?) */
{
	font-size: 0.71em; 
	background-color: #FFFFFF; 
	border-top: 1px solid #DDEEFF;
	border-left: 1px solid #DDEEFF;
}

/*****************************************************
Background color and text used in threaded view
*****************************************************/
td.threadTitle
{
    background-color: #D4D9EC;
}

.threadDetailTextSmall
{
    color: #0055E7;
    font-size: 0.7em;
}

.threadDetailTextSmallBold
{
    color: #0055E7;
    font-size: 0.7em;
    font-weight: bold;
}

/*****************************************************
General Anchors
*****************************************************/
a, a:visited, a:link /* General page anchors */
{
    color: #013DA4;
    text-decoration: none;
}

a:Hover /* General page anchors */
{
	color: #FF3300;
    text-decoration: underline;
}

a.linkSmallBold, a.linkMenuSink 
{
    font-weight: bold;
}

a.linkSmall, a.LinkSmallBold, a.linkMenuSink
{
    color: navy;
    font-size: 0.7em;
}

a.linkSmallBold:visited, a.linkMenuSink:visited
{
    color: #013DA4;
}

a.linkSmallBold:Hover, a.linkMenuSink:Hover
{
/*	color: #DD6900;	*/
    color: #FF3300;
}

a.lnk3, a.lnk3:visited, a.lnk3:link /* Active/Unanswered, name of forum underneath table */
{
	font-size: 0.9em; 
    font-weight: bold;
    color: #013DA4;
}

a.lnk3:Hover
{
    color: #FF3300;
    text-decoration: underline;
}

/*****************************************************
Text and links used in ForumGroupRepeater and ForumRepeater
*****************************************************/
columnText, a.columnText, a.columnText:visited, a.columnText:link 
{ 	
	font-size: 0.7em; 
	color: white; 
	font-weight:bold;
}

a.columnText:hover
{
	color: #FF3300;	
}

a.column:visited, a.column:link, a.column:hover
{
    color: white;
    font-weight:bold;
}

.flnk3
{
    font-weight: bold;
    color: #013DA4;
}

a.flnk3:visited, a.flnk3:link
{
    font-weight: bold;
    color: #013DA4;
}

a.flnk3:hover
{
    color: #FF3300;
}

.inlineLink /* Username in ShowPost, next to online status */
{
  cursor:pointer;
  color: #555555;
}

.inline 
{
  font-size: 0.75em;
  color: #555555;
}

/*****************************************************
Text and Anchor to display when a user is online
*****************************************************/
.userOnlineLink, a.userOnlineLink, a.userOnlineLink:Visited, a.userOnlineLink:Link
/* text style to show when a user is online */
{
    font-weight: normal;
    color: #013DA4;
}

a.userOnlineLinkBold:Hover
{
	color: #FF3300;
}

.moderatorOnlineLinkBold, a.moderatorOnlineLinkBold, a.moderatorOnlineLinkBold:Visited, a.moderatorOnlineLinkBold:Link
/* text style to show when a moderator is online */
{
    font-weight: bold;
    color: darkBlue;
}

a.moderatorOnlineLinkBold:Hover
{
	color: #FF3300;
}

.adminOnlineLinkBold, a.adminOnlineLinkBold, a.adminOnlineLinkBold:Visited, a.adminOnlineLinkBold:Link
/* text style to show when an administrator is online */
{
    font-weight: bold;
    color: Blue;
}

a.adminOnlineLinkBold:Hover
{
	color: #FF3300;
}

/*****************************************************
Navigation: Text and anchors used in the navigation menu
*****************************************************/
.menuText /* Font used for navigation menu */
{
    font-size: 0.6em;
    font-weight: bold;
    color: #FFFFFF;
}

a.menuLink:visited, a.menuLink:link /* Font used for links in the navigation menu */
{
	font-size: smaller;
	font-weight: normal;
    text-decoration: none; 
    color: white;
}

a.menuLink:Hover /* Font used for hovering over a link in the navigation menu */
{
    color: #FF3300;
}


/*****************************************************
Default separator style for PostList
*****************************************************/
td.flatViewSpacing /* Separates Users from Guests in WhoIsOnline page */
{
	height: 2px; 
	background-color: #80B7FF; 
} 
td.threadSeparator /* Separates posts in ShowPost page */
{
	height: 4px; 
	background-color: #79ABDE; 
} 
td.adminSeparator /* Separates 'groups of options' in Admin Nav Bar */
{
	height: 4px; 
	background-color: #FFFFFF; 
} 
td.moderateSeparator /* Separator in ModerateForum page */
{
	height: 12px; 
	background-color: #FFFFFF; 
} 

/*****************************************************
Validation Text
*****************************************************/
.validationWarning 
{
	color: Red; 
}

/*****************************************************
Page control selected page
*****************************************************/
.currentPage 
{
	font-size : 1.2em; 
	font-weight:bold; 
}

/*****************************************************
Form Elements
*****************************************************/
select /* drop down lists in forms */
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
}

textarea /* large multi-line text boxes in forms */
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
}

input /* input elements in forms, e.g radio buttons, text boxes, etc. */
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
}

/*****************************************************
Control Panel
*****************************************************/
td.ControlPanelTabActive
{
    font-weight: bold; 
    font-size: 0.7em; 
    background-color: #78ABDE; 
    background-image: url(../images/forumColumnBackground.gif); 
    background-repeat: repeat-x; 
    COLOR: white;
}

td.ControlPanelTabInactive
{
	color: #4455aa;
    font-size: 0.7em;
    font-weight: normal;
    text-decoration: none; 
    background-image: url(../images/forumHeaderBackgroundAlternate.gif);
    background-color: #E7E3E7;
    background-repeat: repeat-x; 
}

td.ControlPanelTabLine
{
	background-color: #7AACE0;
}


.whitetitle	{ COLOR: #FFFFFF; FONT: 11px verdana, arial, sans-serif; font-weight: bold }

a:link		{ color: #3300FF; text-decoration: none }

a:visited	{ color: #3300FF; text-decoration: none }

a:active	{ color: #666666; text-decoration: none }

a:hover		{ color: #6699FF; text-decoration: none }

#menu { RIGHT: 0px; POSITION: absolute; TOP: 209px }



.button-popups { 	background-image: url("(/picts/button-popup.gif");
		background-color:#2D2D4A;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #CFCFE0;
		font-size: 8pt;
		height: 23px;
		width: 100%;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 2px;
		padding-right: 2px;
		BORDER: #FFFFFF 0px solid }

.buttonon-popups { 	background-image: url("/picts/buttonon-popup.gif");
		background-color:#C0C0C0;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #000000;
		font-size: 8pt;
		height: 23px;
		width: 100%;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 2px;
		padding-right: 2px;
		BORDER: #FFFFFF 0px solid }


.shadeform	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("/picts/shadeform.gif");
		text-align: left;
		WIDTH: 180PX;
		BORDER: #000000 1px solid}

.rtable	{ 
		background-image: url("/picts/background-right3.gif");
		WIDTH: 130px}



.dropdown {	COLOR: #333333;
		WIDTH: 180PX;
		FONT: 11px geneva, verdana, arial, sans-serif}


.textarea	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("/picts/shadeform.gif");
		text-align: left;
		WIDTH: 300PX;
		BORDER: #000000 1px solid}

.submitbutton { FONT: 9pt verdana, arial,  sans-serif;
		font-weight: bold;
		color: #000000;
		BORDER: #000000 1px solid;
		padding-top: 2px;
		padding-bottom: 2px;
		background-color:#FFFFFF; }

.submitbuttonon { FONT: 9pt verdana, arial,  sans-serif;
		font-weight: bold;
		color: #FFFFFF;
		BORDER: #000000 1px solid;
		padding-top: 2px;
		padding-bottom: 2px;
		background-color:#AD7A6A; }


.searchform { 	WIDTH: 110PX;
		HEIGHT: 20PX;
		FONT: 11px arial, georgia, "Times New Roman", sans-serif;
		BORDER-BOTTOM: #000000 1px solid;
		BORDER-LEFT: #000000 1px solid;
		BORDER-RIGHT: #000000 1px solid;
		BORDER-TOP: #000000 1px solid }



.searchdrop { WIDTH: 60PX; HEIGHT: 20PX; FONT: 11px arial, georgia, "Times New Roman", sans-serif }


.searchbutton {	background-color:#F0F0F0;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #000000;
		font-size: 8pt;
		height: 18px;
		width: 40px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		BORDER: #000000 1px solid }

.divstyle {	position:absolute;
		border: #000000 1px solid;
		width:90;
		top:0;
		left:0 }

.pstyletitle{	postion:absolute;
		background:white;
		color:black;
		font-size:10px;
		font-family:verdana, arial }


.pstylebody {	postion:absolute;
		background:white;
		color:black;
		font-size:10px;
		font-family:verdana, arial }


 /* START THE CODE FOR THE MENUS */


.menu		{ font-family: arial, verdana, helvetica, sans;
		  font-size: 8pt;
		  height: 22px;
		  padding-top: 3px;
		  padding-bottom: 3px;
		  padding-left: 7px;
		  padding-right: 7px;
		  cursor:hand;
		  font-weight: bold;
		  text-align: center;
		  line-height: 16px;
		  border: #000000 0px solid; }


a.menu:link 	{ background-image: url("/picts/button.gif");
		  background-color:#2D2D4A;
		  color: #CFCFE0;}


a.menu:visited 	{ background-image: url("/picts/button.gif");
		  background-color:#2D2D4A;
		  color: #CFCFE0; }


a.menu:active 	{  background-image: url("/picts/buttonon.gif");
		   background-color:#C0C0C0;
		   color: #000000; }


a.menu:hover 	{  background-image: url("/picts/buttonon.gif");
		   background-color:#C0C0C0;
		   color: #000000; }


.menu2		{ font-family: arial, verdana, helvetica, sans;
		  font-size: 8pt;
		  height: 22px;
		  padding-top: 3px;
		  padding-bottom: 3px;
		  padding-left: 7px;
		  padding-right: 7px;
		  cursor:hand;
		  font-weight: bold;
		  text-align: center;
		  line-height: 16px;
		  border: #000000 0px solid; }


a.menu2:link 	{ background-image: url("/picts/button.gif");
		  background-color:#2D2D4A;
		  color: #CFCFE0;
		  width=120px;
		  text-align: left;}


a.menu2:visited 	{ background-image: url("/picts/button.gif");
		  background-color:#2D2D4A;
		  color: #CFCFE0; 
		  width=120px;
		  text-align: left;}


a.menu2:active 	{  background-image: url("/picts/buttonon.gif");
		   background-color:#C0C0C0;
		   color: #000000;
		   width=120px;
		  text-align: left;}


a.menu2:hover 	{  background-image: url("/picts/buttonon.gif");
		   background-color:#C0C0C0;
		   color: #000000;
		   width=120px;
		  text-align: left;}
		  
.Bgrnd_Border
{
	background-color: #C9C9C9;
}

.Copy_Primary_Bold_Underline
{
	font-family: Verdana, Arial, MS Sans Serif, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #363552;
}

.Copy_Dark_Sub
{
	font-family: Verdana, Arial, MS Sans Serif, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: #505050;
}

.copyright	{ COLOR: #999999; FONT: 9px geneva, verdana, arial, sans-serif }

.imageButtonToolbar
{
    background-image: url(../images/icon_toolbar_mid.gif); 
    height:25;
    vertical-align: middle;
    text-decoration: none;
    font-size: 0.8em;
    cursor: pointer;
}