/*
'**************************************************************************************************
'*																																																*
'*	CABS.css																																											*
'*																																																*
'*	This file is the main CSS file for the Base theme.  The Base theme is in use for ALL CABS			*
'*	web sites; and contains styles needed for common features of all CABS sites.  This theme,			*
'*	and hence this CSS file, cannot be removed and should not be altered.  It is loaded first,		*
'*	before any other themes, styles, skins, etc.																									*
'*																																																*
'*	Note, too, that there are several other CSS files in this theme.  This include (but are not		*
'*	limited to) Blogs.css, Chat.css, DiscussionBoards.css, etc.  These CSS files can be						*
'*	considered logical extensions of this file, separated only for ease of management.  The rules	*
'*	for this file should be extended to those as well.																						*
'*																																																*
'*	Oh, and yes.  The skin files also follow the same rules.																			*
'*																																																*
'*	DO NOT EDIT THIS FILE!																																				*
'*																																																*
'*	By applying a theme to this web site (via any means, though normally implemented in the				*
'*	Page_PreInit method of the CABS_SitePage), you can override any of the settings here.					*
'*																																																*
'*	Please refer to the embedded comments for more information on how to customize the look and		*
'*	feel of this site.																																						*
'*																																																*
'**************************************************************************************************
*/

/*****
 *****	Main page formatting classes
 *****
 *****	body - This is a standard designator to apply style to the body tag of the page.  As such,
 *****		the style information designated here is applied to every page on the site.
 *****
 *****	.body_style - All of the page templates implement a DIV tag that wraps all of the content 
 *****		on the page, and is itself only wrapped by the pages body tag.  This provides a little
 *****		extra flexibility in designing your pages.
 *****/

body 
{
}

.body_style
{
}

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


















.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;
}

.GettingStartedHeader
{
	font-weight:bold;
}

.GettingStartedContent
{
	margin-left:15px;
	margin-right:25px;
}

/*****
 *****	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
{
}

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

.ForumHome_AnnouncementDate
{
	font-size: 100%;
}

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

.ForumHome_AnnouncementText
{
	font-size:100%;
	border-bottom: solid 1px silver;
	margin: 10px;
}
/*****
 *****	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;
}