/*
'**************************************************************************************************
'*																																																*
'*	System.css																																										*
'*																																																*
'*	DO NOT EDIT THIS FILE!																																				*
'*																																																*
'*	This CSS file contains style sheet information used by the CABS system.  These styles are			*
'*	used internally and not (by design) available to the user when editing content via site				*
'*	forms.																																												*
'*																																																*
'*	To override any of the style information defined in this file, copy the appropriate						*
'*	definitions to a custom CSS file in the site's theme folder.  As this file is loaded prior		*
'*	to the site's files, the settings here will be overridden.																		*
'*																																																*
'*	Other CSS file exist in the Base theme, and as such, can also be overridden in the same				*
'*	manner. NO FILES IN THE BASE THEME SHOULD BE ALTERED!																					*
'*																																																*
'*	System CSS files not generally available to the user while editing content:										*
'*																																																*
'*	SiteDesign.css				Contains styles that define the general look and feel of the site. This	*
'*												includes body style settings.																						*
'*	AF_xxxxx.css					Used by AutoForms.  xxxxx identifies the AutoForm skin.  This works	in	*
'*												a manner similar to Telerik control skins.															*
'*	AL_xxxxx.css					Used by AutoLists.  xxxxx identifies the AutoList skin.  This works in	*
'*												a manner similar to Telerik control skins.															*
'*	Blogs.css							Used by Blogs to apply styles to the various components of a Blog page.	*
'*	Chat.css							Used by the Chat window.																								*
'*	DiscussionBoards.css	Used by Discussion Boards.																							*
'*	ImageGallery.css			Used by Image Galleries.																								*
'*	Lookup.css						Used by AutoForm (and other) user input lookup fields.									*
'*	MemberDirectory.css		Used by the Member Directory.																						*
'*	Newsletter.css				Used by the Newsletter page when formatting the page (not the						*
'*												newsletter itself.)																											*
'*	TabStrip.xxx.css			Used by Telerik Tabstrips (custom skins)																*
'*																																																*
'*	Editor CSS files that are available to the user while editing content in specific areas:			*
'*																																																*
'*	SiteContent.css				Contains style definitions used by the system, but (by design)					*
'*												available to the user when editing site content such as help text.			*
'*	
'**************************************************************************************************
*/

/*****
 *****	.PageMenu - This class (along with it's anchor/hyperlink pseudo-class designators) applies
 *****		formatting to the page menu at the *very* top of the page.  This is where the login, 
 *****		logoff, create an account, and other menu functions are presented.  This class is
 *****		applied to the DIV that wraps the controls that appear in the Page Menu.  It is used/
 *****		implemented in /UCs/System/PageMenu.ascx.
 *****/

.PageMenu
{
	text-align:right;
	color:Navy;
	padding:2px;
	padding-right:4px;
	border-style:none;
}

.PageMenu a:link
{
	color:Maroon;
	text-decoration:none;
	border-style:none;
}

.PageMenu a:visited
{
	color:Maroon;
	text-decoration:none;
	border-style:none;
}

.PageMenu a:hover
{
	color:Red;
	text-decoration:underline;
	border-style:none;
}

/*****
 *****	Login Form
 *****
 *****	.LoginForm_MainDiv - This class is used for displaying the login form.  It is applied to a DIV
 *****		that wraps the actual login form.  And in fact, this same formatting is applied to the password
 *****		and login request forms.
 *****
 *****	.LoginForm_Div2 - This class is applied to a DIV that wraps the table that holds the login
 *****		form elements.  It is wrapped by the DIV to which the LoginForm_MainDiv class is applied.
 *****
 *****	.LoginForm_Table - This class is applied to the table that holds the Login form elements.
 *****
 *****	.LoginForm_Header - This class is applied to the header banner (top cell) of the table that
 *****		makes up the login form.  It's the title/prompt for the user.
 *****
 *****	.LoginForm_Label - This class is applied to the cell that holds the prompt/label for each
 *****		field/input for the login form (e.g., Login ID, Password)
 *****
 *****	.LoginForm_Prompt - This class is applied to the input controls for the login form.
 *****
 *****	.LoginForm_Options - This class is applied to the cell that holds the login options
 *****		(Remember my Login ID and Log me in Automatically)
 *****
 *****	.LoginForm_Actions - This class is applied to the cell that holds the login form buttons.
 *****
 *****	.LoginFailedMessage - This class is applied to a DIV that appears above the login form, which
 *****		displays the message that your login has failed, or that your session may have timed out.
 *****
 *****	.AccountLockedMessage - This class is applied to a DIV that appears above the login form, which
 *****		displays messages that your account was locked, unlocked, your password was sent (or not),
 *****		of your login ID was sent (or not).
 *****/

.LoginForm_MainDiv
{
	text-align:center;
}

.LoginForm_Div2
{
	background-image:url('../../CABS_Images/KBD3.jpg');
	height:200px;
	width:300px;
	border:solid 3px gray;
}

.LoginForm_Table
{
	color:navy;
	height:200px;
	width:300px;
}

.LoginForm_Header
{
	background-color:Navy;
	color:Yellow;
}

.LoginForm_Label
{
	color:Blue;
}

.LoginForm_Prompt
{
	width:200px;
}

.LoginForm_Options
{
	text-align:center;
	color:Blue;
}

.LoginForm_Actions
{
	text-align:center;
}

.LoginFailedMessage
{
	color:Red;
	text-align:center;
	font-weight:bold;
}

.AccountLockedMessage
{
	width:300px;
	border:solid 1px blue;
	margin:auto;
	margin-bottom:10px;
	padding:10px;
	color:red;
}








.UIForm_EntryConfirmation
{
	color:Green;
	font-weight:bold;
	text-align:left;
	border: solid 1px silver;
	margin: 8px 15% 8px 15%;
	padding: 8px;
}

.UIForm_EntryError
{
	color:Red;
	font-weight:bold;
	text-align:left;
	border: solid 1px silver;
	margin: 8px 15% 8px 15%;
	padding: 8px;
}











.footnote
{
	font-size: 65%;
}

/*****
 *****	Admin/Configuration Interfaces
 *****
 *****	Each of the configuration areas uses a standardized user interface
 *****	methodology.  These classes are used to customize the output.
 *****
 *****/

.EntryConfirmation
{
	color:Green;
	font-weight:bold;
	text-align:left;
}

.EntryError
{
	color:Red;
	font-weight:bold;
	text-align:left;
}

/*****
 *****	Common CABS Elements:
 *****
 *****	This section includes common classes specific to the CABS application.  This includes
 *****	styles for the Header Links, Warning Messages, User Alerts, etc.  They are specifically
 *****	designed for elements of the CABS system.
 *****
 *****	These classes can be edited as desired, keeping in mind their intended use.
 *****
 *****/

.Warning
{
	color:Red;
	font-weight:bold;
	text-align:left;
}

.CABS_UserMessage
{
	text-align: center;
	font-size: 120%;
	background-color:Maroon;
	color: white;
}

.CABS_WarningMessage_HeaderText
{
	font-size:250%;
	color:Red;
	font-weight:bold;
	font-variant:small-caps;
	text-align:center;
}

.CABS_WarningMessage_MessageText
{
	color:Maroon;
	padding: 10px;
	text-align:center;
	font-family:Sans-Serif;
	font-weight:bold;
}

.CABS_StopMessage_HeaderText
{
	font-size:250%;
	color:Red;
	font-weight:bold;
	font-variant:small-caps;
	text-align:center;
}

.CABS_StopMessage_MessageText
{
	color:Maroon;
	padding: 10px;
	text-align:center;
	font-family:Sans-Serif;
	font-weight:bold;
}

.PageValidationMessage
{
	border: solid 1px gray;
	margin-left:10%;
	margin-right: 10%;
	margin-top:10px;
	margin-bottom:10px;
	padding: 10px;
	background-color: #FFD8D8;
}

.PageValidationHeader
{
	font-weight: bold;
}

.PageValidationText
{
}

.SiteApplicationMPContainer
{
	border: solid 1px silver;
	/* border-top: none; */
	padding: 6px;
}

/*****
 *****	CABS Administration Elements:
 *****
 *****	This section includes classes used in the site administration functions.
 *****
 *****	These classes should not be altered, especially considering they are not
 *****	used in the presentation of content to the public.
 *****
 *****/

.CABS_ConfigurationHeader
{
	color:Navy;
	font-size:125%;
	text-align:right;
	padding:5px;
	background-color:#eeeeff;
}

.SiteAdminContent
{
	width:95%;
	vertical-align:top;
}

/*****
 *****	Miscellaneous:
 *****
 *****	These classes were in the Common CABS Elements section.  I'm not sure what they're
 *****	used for, however, so that needs to be determined and documented appropriately.
 *****
 *****	Do not edit until this section no longer exists.
 *****
 *****/

.comment
{
	font-family:Monospace;
	white-space:pre;
	display:none;
}

/*****
 *****	Login Form Elements:
 *****
 *****	These classes are used in the CABS login form.
 *****
 *****	These classes can be edited as desired, keeping in mind their intended use.
 *****
 *****/


/*****
 *****	CABS Forum Home Page Elements:
 *****
 *****	These classes are used specifically on the CABS Forum Portal Home Page template.
 *****
 *****	These classes can be edited as desired, keeping in mind their intended use.
 *****
 *****/

.CABS_ForumHome_MainTable
{
	border: solid 0px black;
	width: 100%;
}

.CABS_ForumHome_MainTable_Col1
{
	vertical-align: top;
	width: 50%;
}

.CABS_ForumHome_MainTable_Col2
{
	width: 30%;
	vertical-align: top;
}

/*****
 *****	Gadget Styles
 *****
 *****	GlobalGadgetClass is a class that is assigned to the content area of all gadgets on
 *****		portal pages.  This allows for the implementation of global style elements to all
 *****		gadget content.  (For example, I wanted to change the style of all hyperlinks within
 *****		the actual site content, but not within components such as navigation, discussion links,
 *****		etc.  Using this, I can alter the style of the links in the gadget content.)
 *****/
 
 .GlobalGadgetClass
 {
 }
 
.Gadget_LoadingPanel
{
	position:absolute; 
	text-align:center; 
	vertical-align:middle; 
	background-color:#B8CFE9; 
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75; 
	z-index:100; 
	width:100%; 
	height:100%;
}

.Gadget_ErrorDisplay
{
	text-align:center; 
	vertical-align:middle; 
	background-color:#B8CFE9; 
	width:100%; 
	height:100%;
}

.Gadget_TimeoutDisplay
{
	text-align:center; 
	vertical-align:middle; 
	background-color:#B8CFE9; 
	width:100%; 
	height:100%;
}

.OnButtonOn
{
	background-color:Green;
	color:Black;
	font-weight:bold;
	font-size:75%;
}

.OffButtonOn
{
	background-color:Red;
	color:Black;
	font-weight:bold;
	font-size:75%;
}

.ButtonOff
{
	background-color:Silver;
	color:Gray;
	font-size:75%;
}

/*****
 *****	Account Registration
 *****/

.AccountRequestWrapper
{
	background-color:#ffffaf;
	border:solid 1px #cccccc;
	padding:25px;
}

.AccountRequest
{
	margin:auto;
	background-color:White;
	border: solid 1px blue;
}

.AccountRequest_Input
{
	width:300px;
}

/*****
 *****	UIForm classes
 *****/

.UIForm_Title
{
	font-weight:bold;
	font-size:110%;
}

.Label_Cell
{
}

.RequiredLabel_Cell
{
	font-weight:bold;
}

.ValidationErrorLabel_Cell
{
	color:Red;
}

.ValidationError_InputCell
{
	border: solid 1px red;
}

.ValidationError_Label
{
	color:Red ;
}

.Disabled
{
	color:Silver;
	font-size:200%;
}

.HelpWrapper
{
	border: solid 1px silver;
	padding: 10px;
	background-color: #ffffaf;
}

.HelpHeader
{
	font-weight:bold;
	font-size:85%;
}

.HelpContent
{
	font-size:85%;
}

.comment
{
	display:none;
}

/*****
 ***** Search
 *****/

.SearchWrapper
{
	background-color: #e8e8e8;
	border: solid 1px gray;
	margin: 25px;
	margin-right: 20%;
	margin-left:20%;
	padding: 10px;
}

.SearchResultsWrapper
{
	max-width: 650px;
}

.SearchResult_Hit
{
	margin-bottom: 18px;
}

.SearchResult_Title
{
	font-weight: bold;
}

.SearchResult_Description
{
	color: Maroon;
	padding: 9px;
}

.SearchResult_Excerpt
{
	font-size: 80%;
}

.SearchResult_TermHighlight
{
	font-weight: bold;
}

.SearchResult_URLandDate
{
}

.SearchResult_Updated
{
	font-style: italic;
}

.MultiForm_FormsDiv
{
	padding: 12px;
	border-left: solid skyblue 1px;
	border-right: solid skyblue 1px;
	border-bottom: solid skyblue 1px;
	min-height: 400px;
}

.MultiForm_GettingStartedHeader
{
	font-weight: bold;
	color: Navy;
	margin-bottom: 12px;
}

.MultiForm_GettingStartedContent
{
	margin-bottom: 12px;
}

/*****
/*****	Forum Announcements
*****/

.ForumAnnouncements
{
	border: solid 1px silver;
	background-color: #f0f0f0;
}

.ForumAnnouncement_Wrapper
{
	background-color: White;
	margin: 12px;
	padding: 12px;
}

.ForumAnnouncement_Subject
{
	font-size:110%;
	color: Red;
}

.ForumAnnouncement_Date
{
	font-size: 100%;
}

.ForumAnnouncement_Content
{
	font-size:100%;
	border-bottom: solid 1px silver;
	margin: 10px;
}
.AnnouncementsAdminView
{
	padding: 24px;
	border: solid 1px silver;
	position: relative;
	top: -1px;
}
.AnnouncementsAdminViewInstructions
{
	margin-right: 10%;
	margin-left: 10%;
	font-size: 80%;
}