/* Cascading Style Sheet, for InstantForum.NET v3.1+ */
/* Author: Ryan Healey, support@instantasp.co.uk */
/* Copyright InstantASP Ltd, all rights reserved */

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

		/* Header Table Cell Class For Standard Tables */
	
		.ForumsHeader
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			font-weight: bold;
			color: #FFFFFF;
			background-color: #6599CC;
			background-image: url(table_header.gif);
		}
		
		/*  Header Text (Within ForumsHeader) 
			This should have the same color as ForumsHeader above */

		.HeaderTxt
		{
			font-family: Verdana, Arial, Verdana, Tahoma;
			font-size: 8pt;
			font-weight: bold;
			color: #FFFFFF;
			text-decoration: none;
		}
		
		.HeaderButton
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			font-weight: bold;
			color: #FFFFFF;
			background-color: #7CA8D4;
			border-left: #FFFFFF 1px solid;
				
		}
		
		/* Datagrid header table cell class. This is a carbon copy of ForumsHeader apart from
		   the additional of a top, left and right cell borders. The border colors must
		   be the same as the ForumsBackGroundTable class background color for maximum effect*/

		.DataGridHeader
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			font-weight: bold;
			color: #FFFFFF;
			background-color: #6599CC;
			border-right: #FFFFFF 1px solid;
			border-top: #FFFFFF 1px solid;
			border-left: #FFFFFF 1px solid;
			background-image: url(table_header.gif);
		}
		
		/* 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: #FFFFFF;
			background-color: #F4F8FB;
			border-left: 1px #FFFFFF solid; 
			border-right: 1px #FFFFFF solid; 
			border-bottom: 1px #FFFFFF solid;
			background-image: url(table_quicklogin.gif);
		}	
			
		/* 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(table_groupheader.gif);
			background-color: #ADC5E7;
		}

		/*  Group or sub-header Table Cell Class (Font Not Bold) */

		.ForumGroupHeaderNotBold
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #A5B8C4;
			background-image: url(table_groupheader.gif);
			background-color: #ffffff;
		}

		/*  Footer Table Cell Class */

		.FooterBG
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #6599CC;
			background-image: url(table_footer.gif);
			background-color: #ffffff;
			font-weight: bold;
			border-left: 1px #FFFFFF solid; 
			border-right: 1px #FFFFFF solid; 

		}
		
		/*  The top table row within the forum header. This holds the various forum links */
		
		.TopHeaderCell
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #777777;
			background-color: #F4F8FB;
			font-weight: bold;
			border-bottom: 1px #C8D6E7 solid; 

		}
		
		/*  This is only used within the forums header. This is the background cell for the yahoo
			type navigation within the forums */
		
		.BottomHeaderCell
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			font-weight: normal;
			color: #1F5080;
			background-color: #FFFFFF;
			
		}
		
		/*  Author Table Cell Class for ShwMessages.aspx */

		.ShwMessageAuthorName
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #5984CE;
			background-image: url(table_forumsbody2.gif);
			background-color: #E4EDF6;
			border-bottom: 1px #C8DBED solid;
			border-right: 1px #C8DBED solid;
			border-left: 1px #DAE6F3 solid; 
			border-top: 1px #DAE6F3 solid; 
		}

		/*  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;
		}
		
		/*  The is a background table that hosts the Welcome Guest and Logged In As : Text at the top
			of each forum page */

		.ForumsBackGroundTableLight
		{
			background-color: #F4F8FB;
			border-bottom: #AABCD4 1px solid;
			border-right: #AABCD4 1px solid;
			border-top: #AABCD4 1px solid;
			border-left: #AABCD4 1px solid;
		}
			
		/*  This is used to add line seperators where required when the 
			datagrid limits customization
			This class should have the same background color as ForumsBackGroundTable */

		.DarkCell
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			font-weight: normal;
			color: #003366;
			background-color: #FFFFFF;
		}
		
		/*  ***************************************************************
			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 #C8DBED solid;
			border-right: 1px #C8DBED 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: #E4EDF6;
			border-bottom: 1px #C8DBED solid;
			border-right: 1px #C8DBED solid;
			border-left: 1px #DAE6F3 solid; 
			border-top: 1px #DAE6F3 solid; 
			background-image: url(table_forumsbody2.gif);
			
		}
		
		/*  Used on ShwMessages.aspx for the footer of each message within a thread 
			This is the cell that hosts the IP information and 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 white line seperating each message on ShwMessages.aspx */

		.MessageSeperator
		{
			background-color: #B3C7E4;
			height:1px;
		}
		
		/* 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;
		}
		
		/*  This is the red table cell with white text that normally indicates a 
		    successful save or possible application error */

		.WarningCell
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			font-weight: bold;
			color: #ffffff;
			background-color: #EE0000;
		}
		
/* --------------------- End Table Cell Classes ----------------------- */

/* --------------------- Links 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
		{
			color: #0482FE;
		}
		
		/*  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: #5F779C;
		}

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

		.smlBoldLinks:hover
		{
			color: #0482FE;
		}

		/*  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: #5F779C;
		}

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

		.bgBoldLinks:hover
		{
			color: #0482FE;
		}
		
		/*  This is basically a linked version of the HeaderTxt class */

		.HeaderTxt a 
		{
			font-family: Verdana, Arial, Verdana, Tahoma;
			font-size: 8pt;
			font-weight: bold;
			color: #FFFFFF;
			text-decoration: none;
		}
		
		.HeaderTxt:hover 
		{
			font-family: Verdana, Arial, Verdana, Tahoma;
			font-size: 8pt;
			font-weight: bold;
			color: #FFFFFF;
			text-decoration: underline;
		}	
		
		/*  This is only used within the admin area for the update links when 
			changing forum group and forum sort orders */

		.vsmlLinks
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 7pt;
			color: #1F5080;
		}
		
		.vsmlLinks:link
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 7pt;
			color: #1F5080;
		}

		.vsmlLinks:hover
		{
			color: #0482FE;
		}

		/*  Controls Links Within DataGrid Footer Columns. Normally Prev 15, Back, Next etc */

		.FooterBG a
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #5F779C;
		}

		.FooterBG:Link
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #5F779C;
		}

		.FooterBG Hover
		{
			color: #0482FE;
		}
				
/* --------------------- / Links Classes ----------------------- */

/* --------------------- Normal 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;
		}

		/*  Used for the "IP logged" text on shwMessage.aspx */

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

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

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

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

		.SmallBoldGrayText
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #999999;
			font-weight: bold;
		}
		
		/*  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 controls the main navigation light gray label. This is the label that indicates
			the current page your viewing. This appears in the Yahoo type navigation in the 
			header of every forum page Primarily used within controls/navigation.ascx */

		.NavigationLabel
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			font-weight: bold;
			color: #999999;
		}
		
		/*  This class controls the look of all asp.net form validation controls. This also 
			controls the small asterisk that is displayed next to required fields */ 
		
		.ValidationTxt
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #dd0000;
		}
		
		/*  This class controls the headers for the seperate search panels on search.aspx.
			For example the Using..., Display..., Search Within... text 
			This should have the same background color as ForumsBody1 */

		.SearchPanelHeader
		{
			font-family: Verdana, Arial, Verdana, Tahoma;
			font-size: 8pt;
			font-weight: bold;
			color: #5F779C;
			background-color: #F4F8FB;
		}

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

		.Quote
		{
			font-size: 8pt;
			width: 70%;
			color: #5F779C;
			border-top: #B2CCE5 1px dotted;
			border-bottom: #B2CCE5 1px dotted;
			border-right: #B2CCE5 1px dotted;
			border-left: #B2CCE5 2px solid;
			font-family: Verdana, Arial, Tahoma;
			background-color: #ffffff;
		}
		
		/*  This is the class used to control the notification message displayed on the
			admin homepage inidcating the number of posts awaiting moderation */
		
		.Sticky
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #666666;
			background-color: #FFFFB4;
			border: #7898B5 1px solid;
		}
			
		/*  This is the class used to highlight search terms on search.aspx */
		
		.Highlight
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			background-color: #FFFFB4;
		}
		
/* --------------------- Normal Text Classes ----------------------- */

/* --------------------- Form Classes ----------------------- */

		/*  This class controls the look of all htmlinputtext controls
			This is used extensive within the profile section and also controls
			the keyword and member name input boxes on search.aspx 
			Also controls some larger dropdownlist options within the administration pages */

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

		/*  This class controls the look of all the small htmlinputtext form elements 
			This is used for the forum jump drop downlist and message sort dropdownlists
			It also formats the dropdownlist search options on search.aspx */

		.FormInputTextSmall
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #1F5080;
			background-color: white;
			border: #7F9DB9 1px solid;
			height:19px;
			padding-left:3px;
			padding-top:2px;
		}

		/*  This class controls the look of all small form buttons within the application 
			This is mainly used within the admin area although it can be found on the Go buttons
			on messages.ascx */

		.FormButton
		{
			font-family: Verdana, Arial, Tahoma;
			font-size: 8pt;
			color: #6A83A6;
			font-weight: bold;
		}

		/*  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: 10pt;
			color: #6A83A6;
			font-weight: bold;
		}
		
	
		/*  This class controls the look of the sort order dropdownlist control when
			sorting groups or forums within the administration area. The is very small
			to enable the dropdownlist to fit within the 5px cellpadding restriction 
			table cell */

		.smallDropDownList
		{
			font-family: verdana, ms sans serif;
			font-size: 5pt;
			color: #003366;
			background-color: white;
		}

/* --------------------- / Form Classes ----------------------- */