/* Cascading Style Sheet, for InstantForum.NET v4.0 */
/* Author: Ryan Healey, support@instantasp.co.uk */
/* Copyright InstantASP Ltd 2004, All Rights Reserved */

		/* ensure forms don't add any unwanted spaces */
		
		form
		{
			border: 0px solid #000;
			display: inline;
			margin: 0px;
			padding: 0px;
		}
		
/* ------------------------------------------------------------------- */
/* --------------------- Start New v4.0 Styles ----------------------- */
/* ------------------------------------------------------------------- */

		/* Controls the auto-complete textbox layer, used when composing PM's or associating 
		moderators to forums, suggest following the same style as the form CSS element FormInputText below */
				
		.AutoCompleteDivLayer, .AutoCompleteDivLayerSelected
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 10pt;
			color: #1F5080;
			background-color: white;
		}
		
		.AutoCompleteDivLayer {background-color: #ffffff;}
        .AutoCompleteDivLayerSelected {background-color: #316AC5; color: #ffffff; cursor: pointer;}
            
		/* Background color for highlighted keywords within search results */
		
		.SearchHighlight
		{
			background-color: #F6FF00;
			color: #1F5080;
		}
		
		/* Small Bold Gray Links used for Main Navigation (Search, Calendar, Members List etc) 
		   The SmallBoldGrayText class exists within v3.4 however this simply adds link information for that class */

		.SmallBoldGrayText
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #8a8a8a;
			font-weight: bold;
		}
		
		.SmallBoldGrayText:link
		{
			font-family: Verdana, Tahoma, Arial;
			font-size: 8pt;
			color: #8a8a8a;
		}

		.SmallBoldGrayText:hover
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #0482FE;
			
		}
		
		.SmallBoldGrayText:visited
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #8a8a8a;
			font-weight: bold;
		}
		/* The RichTextBox now feature some small links to allow the user to select more emoticons and to
		   increase and decrease the height of the message area */
		
		.RichTextBoxLinks
		{
			font-family: Verdana, Tahoma, Arial;
			font-size: 8pt;
			color: #727272;
		}

		.RichTextBoxLinks:link
		{
			font-family: Verdana, Tahoma, Arial;
			font-size: 8pt;
			color: #727272;
		}

		.RichTextBoxLinks:hover
		{
			color: #0482FE;
			
		}
		.RichTextBoxLinks:visited
		{
			font-family: Verdana, Tahoma, Arial;
			font-size: 8pt;
			color: #727272;
		}
		
		/* We have now implemented a new style class for all the paging links and labels within the application */
		
		.PagingText
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #1F5080;
			margin-left: 2px;
			text-align: center;
			text-decoration: none;
			background-color: #ffffff;
			border: 1px #7F9DB9 solid;
		}
		
		.PagingTextDisabled
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #1F5080;
			margin-left: 2px;
			font-weight: bold;
			text-align: center;
			background-color: #DBE8FA;
			border: 1px #7F9DB9 solid;
		}
		
		.PagingText:link
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
		
			color: #1F5080;
		}
		
		.PagingText:hover
		{
			
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #0482FE;
		}
		
		.PagingText:visited
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #1F5080;
			margin-left: 2px;
			text-align: center;
			text-decoration: none;
			background-color: #ffffff;
			border: 1px #7F9DB9 solid;
		}
		/* New CSS Class for model dialog windows */
		
		.DialogBody 
		{
			background-color: #F4F8FB;
		}
		
		/* New CSS to format the generic summary box used to provide feedback throughout the application */
		
		.SummaryBackGroundTable 
		{
			background-color: #AD0D00;
		} 
			
		.SummaryTableHeader
		{
			
			background-color: #F8E2E2;
			font-family:  Verdana, Arial,Tahoma;
			font-size: 8pt;
			color: #BB0505;
			font-weight: bold;
		} 
		
		.SummaryTable 
		{
			
			background-color: #F5EFEF;
			font-family:  Verdana, Arial,Tahoma;
			font-size: 8pt;
			color: #800505;
		} 

		.SummaryTable a:link
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #960101;
		}
		
		.SummaryTable a:hover
		{
			color: #D46060;
		}

		.SummaryTable a:visited
		{
			
			background-color: #F5EFEF;
			font-family:  Verdana, Arial,Tahoma;
			font-size: 8pt;
			color: #800505;
		} 
		
		/* New CSS Class used to control the tooltip div layer */
		
		.ToolTip
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #003366;
			border: #679ACD 1px dashed;
			visibility: hidden;
			position: absolute;
			background-color: #FFFFD9;
		}

		/* New CSS to control horizontal lines within the application */
		.hr		
		{
			border:0;
			border-top: 1px solid #b3c7e4;
			height: 0;
			background: #b3c7e4;
		}	
		
		/* New Css Used for Table Cell Background Color of selected 
		   Thread within ThreadView.ascx, this is typically the same 
           background color as the ForumsBody2 class below but without 
		   the CSS borders */
		
		.ThreadViewSelected 
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #003366;
			background-color: #E4ECF3;
		} 
		
		/*  New class to control the table cells of queued posts, this is similar to
			ForumsBody1 with a slightly different background color, here the background 
			is set to red to ensure queued posts stand-out within the forum */
		
		.ForumsBodyQueued
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			font-weight: normal;
			color: #1F5080;
			background-color: #F5EFEF;
			border-bottom: 1px #D68680 solid;
			border-right: 1px #D68680 solid;
			border-left: 1px #D68680 solid; 
			border-top: 1px #D68680 solid; 
	
		}
		
		/* New class to control the yes radio buttons within the admin area */
		
		.YesRadioButton 
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			font-weight: normal;
			color: #1F5080;
			background-color: #E2F8EA;
		}
		
		/* New class to control the No radio buttons within the admin area */
		
		.NoRadioButton 
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			font-weight: normal;
			color: #1F5080;
			background-color: #F5EFEF;
		}
		
/* ------------------------------------------------------------------- */
/* ---------------------- End New v4.0 Styles ------------------------ */
/* ------------------------------------------------------------------- */

/* ------------------------------------------------------------------- */
/* ---------------------- Start Table Classes ------------------------ */
/* ------------------------------------------------------------------- */
		

		/* Header Table Cell Class For Standard Tables */
	
		.ForumsHeader
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			font-weight: bold;
			color: #FFFFFF;
			background-color: #566e99;
			/*background-image: url(../Images/Table_Header.gif);*/
			border-top: 1px #FFFFFF solid; 
			border-left: 1px #FFFFFF solid; 
			border-right: 1px #FFFFFF solid; 
		}
		
		/* Class used for SimpleMenu Items within the PanelBar control */
		
		.HeaderButton
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			font-weight: bold;
			color: #FFFFFF;
			background-color: #566e99;
			padding: 3px;
			text-align: center;
			border-left: #FFFFFF 1px solid;
				
		}
		
		/* Datagrid footer table cell class. This is a carbon copy of ForumsBody1 apart from
		   the all the border colors are the same color as the ForumsBackGroundTable background color */

		.DataGridFooter
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			font-weight: bold;
			color: #628BB3;
			background-color: #E7EFF8;
			border-left: 1px #FFFFFF solid; 
			border-right: 1px #FFFFFF solid; 
			border-bottom: 1px #FFFFFF solid;
		}	
			
		/* Group or sub-header Table Cell Class 
		   Controls the header cell for forum groups */

		.ForumGroupHeader
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #FFFFFF;
			font-weight: bold;
		
			/*background-image: url(../Images/Table_GroupHeader.gif);*/
			background-color: #8ca5c5;
		}
		
		.ForumGroupHeaderText
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #FFFFFF;
			font-weight: bold;
		}
		
		/*  The top table row within the forum header. This holds the various forum links. Used within MainNavigation.ascx */
		
		.TopHeaderCell
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #777777;
			border: 1px #FFFFFF solid;
			background-color: #F0F5FA;
			font-weight: bold;
		}
		
		/*  This is only used within the forums header. Used within MainNavigation.ascx */
		
		.BottomHeaderCell
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			font-weight: normal;
			color: #1F5080;
			border-top: 1px #F2F5F8 solid; 
			border-left: 1px #FFFFFF solid;
			border-bottom: 1px #FFFFFF solid;
			border-right: 1px #FFFFFF solid;
			background-color: #FFFFFF;
			
		}

		/*  The is a background table that hosts all other tables
		    The really is used to define the border color of tables and lines seperating cells within table */

		.ForumsBackGroundTable
		{
			background-color: #FFFFFF;
			border-bottom: #345487 1px solid;
			border-right: #345487 1px solid;
			border-top: #345487 1px solid;
			border-left: #345487 1px solid;
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			font-weight: normal;
			color: #1F5080;
		}
		
		/*  The is a background table that hosts the Welcome Guest and 
			Logged In As : Text at the top of each forum page, used within MainNavigation.ascx */

		.ForumsBackGroundTableLight
		{
			background-color: #7F9DB9;
		}
			
		/*  ***************************************************************
			These are the main table cell classes that control the color of 
			two main table cell background colors within the application 
			*************************************************************** */
		
		/*  This should be the lighter color of the two colors */
		
		.ForumsBody1
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			font-weight: normal;
			color: #1F5080;
			background-color: #F4F8FB;
			border-bottom: 1px #DAE6F3 solid;
			border-right: 1px #DAE6F3 solid;
			border-left: 1px #DAE6F3 solid; 
			border-top: 1px #DAE6F3 solid; 
	
		}

		/*  This should be the darker color of the two colors */

		.ForumsBody2
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			font-weight: normal;
			color: #1F5080;
			background-color: #ECF2F9;
			border-bottom: 1px #D0E0F0 solid;
			border-right: 1px #D0E0F0 solid;
			border-left: 1px #D0E0F0 solid; 
			border-top: 1px #D0E0F0 solid; 
		}
		
		/*  Used on ShwMessages.aspx for the footer of each message within a thread 
		This is the cell that hosts the the Instant Message contact icons */
		
		.ShwMessageFooter
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #8DA9D2;
			background-color: #F9FBFD;
			border-bottom: 1px #C8DBED solid;
			border-right: 1px #C8DBED solid;
			border-left: 1px #DAE6F3 solid; 
			border-top: 1px #DAE6F3 solid; 
		}
		
		/* Thin table cell at footer of forum groups. Used on default.aspx
		   Border colors should match the ForumsBackGroundTable background color */
			
		.GroupFooter
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #8DA9D2;
			background-color: #B3C7E4;
			border-bottom: 1px #FFFFFF solid;
			border-right: 1px #FFFFFF solid;
			border-left: 1px #FFFFFF solid; 
			height:4px;
		}
		
/* ------------------------------------------------------------------- */
/* ----------------------- End Table Classes ------------------------- */
/* ------------------------------------------------------------------- */

/* ------------------------------------------------------------------- */
/* ---------------------- Start Link Classes ------------------------- */
/* ------------------------------------------------------------------- */

	
		/*  This is the main links class of the application. 
			This is the used for all small links within the application */

		.SmlLinks 
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #1F5080;
		}
		
		.SmlLinks a
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #1F5080;
		}
		
		.SmlLinks:link
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #1F5080;
		}

		.SmlLinks:hover
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #FF0000;
		}
		
		.SmlLinks:visited
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #1F5080;
		}

		/*  This is the main bold links class of the application. 
			This is the used for all small links within the application */

		.SmlBoldLinks	
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			font-weight: bold;
			color: DarkBlue;
		}

		.SmlBoldLinks:link
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			font-weight: bold;
			color: DarkBlue;
		}

		.SmlBoldLinks:hover
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			font-weight: bold;
			color: #FF0000;
		}

		.SmlBoldLinks:visited
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			font-weight: bold;
			color: DarkBlue;
		}

		/*  This is the main links class of the font size 2 links within the application. 
			This is the used for all larger links within the application.
			Forum names for example on default.aspx used this class */

		.bgBoldLinks 
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 10pt;
			font-weight: bold;
			color: DarkBlue;
		}

		.bgBoldLinks:link
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 10pt;
			font-weight: bold;
			color: DarkBlue;
		}

		.bgBoldLinks:hover
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 10pt;
			font-weight: bold;
			color: #FF0000;
		}
		
		.bgBoldLinks:visited
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 10pt;
			font-weight: bold;
			color: DarkBlue;
		}

		/*  This is basically a linked version of the HeaderTxt class */

		.HeaderTxt:link 
		{
			font-family: Verdana, Arial, Verdana, Tahoma;
			font-size: 8pt;
			font-weight: bold;
			text-decoration: none;
			
		}
		
		.HeaderTxt:hover
		{
			font-family: Verdana, Arial, Verdana, Tahoma;
			font-size: 8pt;
			font-weight: bold;
			text-decoration: underline;
		}	
		.HeaderTxt:visited
		{
			font-family: Verdana, Arial, Verdana, Tahoma;
			font-size: 8pt;
			font-weight: bold;
			color: #FFFFFF;
			text-decoration: none;
		}

/* ------------------------------------------------------------------- */
/* ----------------------- End Link Classes -------------------------- */
/* ------------------------------------------------------------------- */

/* ------------------------------------------------------------------- */
/* ------------------- Start Standard Text Classes ------------------- */
/* ------------------------------------------------------------------- */
		
		/*  This class controls all small normal text within the application. 
			For example forum descriptions on default.aspx */
		
		.SmallTxt
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			font-weight: normal;
			color: #1F5080;
		}
		
		/*  This class controls all small bold text within the application. */

		.SmallTxtBold
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			font-weight: bold;
			color: #1F5080;
		}

		/*  This class formats all normal small gray text within the application */

		.SmallGrayText
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #8a8a8a;
		}

		/*  This controls the main navigation seperator which is by default the "" symbol 
			This is used in the Yahoo type navigation in the header of every forum page.
			Primarily used within controls/navigation.ascx */

		.NavSeperator
		{
			font-family: Tahoma, Verdana, Arial;
			font-size: 8pt;
			color: #999999;
		}

		/*  This class controls the look of all asp.net form validation controls. */ 
		
		.ValidationTxt
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt; 
			color: #FF0000;
			font-weight: bold;	
		}
		
		/*  This class controls the headers for the various rounded table controls when on forumbody1 background */

		.ForumBody1RoundedTableHeader
		{
			font-family: Verdana, Arial, Verdana, Tahoma;
			font-size: 8pt;
			font-weight: normal;
			color: #385C96;
			background-color: #F4F8FB;
		}
		
		/*  This class controls the headers for the various rounded table controls when on forumbody2 background */

		.ForumBody2RoundedTableHeader
		{
			font-family: Verdana, Arial, Verdana, Tahoma;
			font-size: 8pt;
			font-weight: normal;
			color: #385C96;
			background-color: #ECF2F9;
		}
		
		/*  Used to format text within the header cell of the panelbar control */
		
		.HeaderTxt
		{
			font-family: Verdana, Arial, Verdana, Tahoma;
			font-size: 8pt;
			font-weight: bold;
			color: #FFFFFF;
			text-decoration: none;
		}

		/*  This class controls the look of the quoted text within a post. Used on 
			shwmessages.aspx and within the messagedisplay.ascx user control. */

		.Quote
		{
			border-right: #7f9db9 1px dotted;
			padding-right: 6px;
			border-top: #7f9db9 1px dotted;
			padding-left: 6px;
			font-size: 8pt;
			background: url(../Images/Misc_Quote.gif) #ffffff fixed no-repeat right top;
			padding-bottom: 6px;
			border-left: #b2cce5 4px solid;
			color: #5f779c;
			padding-top: 6px;
			border-bottom: #7f9db9 1px dotted;
			font-family: Verdana, Arial, Tahoma;
		}
		.HeaderLink
		{
			color:#818486;
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			text-decoration:none;
		}
		.alinkOverride 
		{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: normal;
			color: #c75500;
			text-decoration: underline;	
		}
		
/* ------------------------------------------------------------------- */
/* -------------------- End Standard Text Classes -------------------- */
/* ------------------------------------------------------------------- */

/* ------------------------------------------------------------------- */
/* ------------------- Start Form Element Classes  ------------------- */
/* ------------------------------------------------------------------- */

		/*  These classes control all form elements within the forum */

		.FormInputText
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 10pt;
			color: #1F5080;
			background-color: white;
			border: 1px #7F9DB9 solid;
			height: 22px;
			padding-top:2px;
			padding-left:2px;
		}
		
		.FormInputDropDown
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 10pt;
			color: #1F5080;
			background-color: white;
			border: 1px #7F9DB9 solid;
		}


		/*  This class controls the look of all large form buttons within the application
			These are used on the majority of submit buttons etc */

		.FormButtonBig
		{
			font-family:  Verdana, Arial,Tahoma;
			font-size: 8pt;
			color: #2C4B7E;
			background-color: #FFFFFF;
			padding-left:3px;
			padding-right:3px;
			height: 24px;
			border: 1px #7F9DB9 solid;			
		}
		
/* ------------------------------------------------------------------- */
/* ------------------- End Form Element Classes  ------------------- */
/* ------------------------------------------------------------------- */