/* Used for all NetFrame applications and ASP.NET pages for use by the public/outside clients, i.e., CIWMB Internet look and feel, but with different font sizes, etc. */
/* Last updated by Paige Lettington on June 3, 2005 to align with CIWMBIntApp*/

/*BODY*/
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; 
	color: #000000;
	background-color: #ffffff;
}

td	{ vertical-align: top; font-size: 70%; }

/*HEADINGS & ASSOCIATED*/
h1				{ font-weight: bold; font-size: 150%; margin-bottom: -2px; }
h2				{ font-weight: bold; font-size: 120%; margin-bottom: -10px; }
h3				{ font-weight: bold; font-size: 100%; margin-bottom: -10px; }

/*Branding is not generally used in apps, can be used for module names in deeply moduled apps*/
.PageBranding 	{ font-weight: bold; font-size: 80%; margin-bottom: -10px; }
h1.WithBranding	{ margin-bottom: -20px }

.ShrinkSpace	{ margin-bottom: -7px; }

/*HYPERLINKS (GENERIC)*/
a:link		{ text-decoration: underline }	
a:visited	{ text-decoration: underline }	
a:active	{ text-decoration: underline }	
a:hover		{ text-decoration: underline }

/*SITE HEADER BAR: MAJOR SITE NAVIGATION*/
.HeaderCell			{ background-color: #003399; vertical-align: middle; }
.HeaderAppName		{ font-size: 110%; font-weight: bold; color: #ffffff; }
.HeaderMessage		{ font-size: 80%; color: #ffffff; }
.HeaderNavText		{ font-size: 85%;  color: #ffffff;color: #ffffff; }
.HeaderNavLink:link		{ text-decoration: none; color: #ffffff;}
.HeaderNavLink:active	{ text-decoration: underline; color: #ffffff; }
.HeaderNavLink:visited 	{ text-decoration: none; color: #ffffff; }
.HeaderNavLink:hover 	{ text-decoration: underline; color: #ffffff; }

/*Shows whether a site is in development or testing*/
.EnvironmentIndicator
{
	font-size: 80%; 
	font-weight: bold;
	background-color: #ffff99;
	color: #000000;
}

/*LEFT NAVIGATION BAR: SITE/MODULE NAVIGATION*/
.LeftNavCell			{ background-color: #cccccc }
.LeftNavLineSp			{ margin-bottom: -10px }
.LeftNavHeading			{ font-size: 85%; font-weight: bold; color: #336699 }
.LeftNavLink			{ text-decoration: none; font-size: 85%; font-weight: bold; color: #336699 }
.LeftNavLink:link		{ text-decoration: none; font-size: 85%; font-weight: bold; color: #336699 }
.LeftNavLink:visited 	{ text-decoration: none; font-size: 85%; font-weight: bold; color: #336699 }
.LeftNavLink:hover 		{ text-decoration: underline; font-size: 85%; font-weight: bold; color: #336699 }

/*LEFT NAVIGATION BAR styles for LeftNavMenu User Control*/
a.LeftNavLinkOff, Span.LeftNavLinkOff	{ font-weight: bold; color: #336699; margin-bottom: -10px; }
a.LeftNavLinkOn, Span.LeftNavLinkOn		{ font-weight: bold; color: #336699; margin-bottom: -10px; }
a.LeftNavLinkDis, Span.LeftNavLinkDis	{ color: #cccccc; margin-bottom: -10px }
a.LeftNavLinkOff:Hover, Span.LeftNavLinkOff:Hover, A.LeftNavLinkOn:Hover, Span.LeftNavLinkOn:Hover
{
	color: #336699;
	text-decoration: underline;
}

/* HORIZONTAL NAVIGATION: OBJECT-SPECIFIC */
/*IDBAR*/
/*IDBar is the colored bar across the top of detail pages that identifies what the detail pertains to (e.g., the person's name in the staff directory)*/
/*This style is applied to the TCI display field properties (also set width to 100%). Table must have cellpadding set to 0*/ 
/*Can also be applied to the table cell and will handle cell and text.*/
/*For NetScape 4.x you also need to apply the style to the table cell or the color is only behind the text. This should not be an issue for applications.*/ 

.IDBar
{
	background-color: #003399;
	padding-left: .25em;
	padding-top: .25em;
	padding-bottom: .25em;
	font-weight: bold;
	font-size: 110%;
	color: #ffffff; 
}

.SubMenuBar
{
	background-color: #eeeeee;
	padding-left: .25em;
	padding-top: .25em;
	padding-bottom: .25em;
}

a.SubMenuLinkOff, span.SubMenuLinkOff	
{ 
	text-decoration: underline; 
	font-weight: bold; 
	font-size: 90%; 
	color: #336699; 
}

a.SubMenuLinkOn, span.SubMenuLinkOn	
{	
	text-decoration: none; 
	font-weight: bold; 
	font-size: 90%; 
	color: #000000;
}

a.SubMenuLinkDis, span.SubMenuLinkDis	{ color: #eeeeee; }

a.SubMenuOff:hover, span.SubMenuLinkOff:hover
{
	color: #336699;
	text-decoration: none;
}

a.SubMenuLinkOn:hover, span.SubMenuLinkOn:hover
{
	color: #000000;
	text-decoration: underline;
}

/*Used to show an ID number below the IDBar in the rare cases when it is shown (when staff uses the ID as an identifier) and is not practical IN the IDBar*/
.ChildRecordID
{
	font-weight: bold;
	font-size: 80%;
	color: #000000; 
}

/* HORIZONTAL NAVIGATION: SELECTING VIEWS (SUCH AS ALPHA) */
/*For linking to another view of details (selecting), e.g., Staff Directory* or to bookmarks, e.g., Index */

.HNavBar	{ background-color: #cccccc; }

.AlphaNavLink:link, .AlphaNavLink:visited, .AlphaNavLink:hover, .AlphaNavLink:active
{
    font-size: 110%;
    font-weight: bold;
    color: #000066;
    text-decoration: none;
}

.AlphaNavLinkSelected
{
    font-size: 140%;
    font-weight: bold;
    color: #336699;
    text-decoration: none;
}

/*HIGHLIGHT BOX (cell padding="0", cellspacing="0"*/
/*Used for newsy bits on home pages. Rarely in apps, but sometimes maybe*/

.HighlightBoxHeader	
{
	background-color: #003399; 
	font-weight: bold;
	color: #ffffff; 
	padding-left: .25em;
	padding-right: .25em;
	padding-top: .25em;
	padding-bottom: .25em 
}
.HighlightBoxBodyCell
{ 
	background-color: #eeeeee; 
	padding-left: .25em;
	padding-right: .25em;
	padding-top: .25em;
	padding-bottom: 1.5em;
}	
.HighlightBoxBodyText 	{ font-size: 80%; margin-bottom: -15px; }

/*LISTS*/
ul			{ margin-left: 30px }
li			{ margin-bottom: 3px }
.ListIntro	{ margin-bottom: -10px }


/*SPECIAL TEXT*/
small 		{ font-size: 90% }
.FinePrint	{ font-size: 80% }
.Warning, .Alert	{ color: #cc0033; font-weight: bold }
.SuccessMessage		{ color: #339966; font-weight: bold; }

/*Used for site message bar*/
.Message	{ font-weight: bold; color: #cc0033; }

/*STATUS INDICATORS*/
.Pending		{ color: #cc9900; }
.Active			{ color: #339966; }
.Inactive		{ color: #cc0033; }
.Voided			{ text-decoration: line-through; }

/*FOOTER AREA*/
.Updated 	{ font-size: 85% }
address		{ font-style: normal; font-size: 85% }

/*DATA TABLES (cellpadding="2", cellspacing="0") Note <td> is at the top under BODY styles*/

.ResultsGrid
/*Apply to <table> tag. Used for showing blocks or grids of data that are not in a NetFrame data grid*/	
{ 
	border-right: #003399 1px solid;
	border-top: #003399 1px solid;
	border-left: #003399 1px solid;
	border-bottom: #003399 1px solid;
}

.NumberAlign { text-align: right; }

th
{ 
	font-size: 70%; 
	font-weight: bold; 
	text-align: left; 
	vertical-align: bottom; 
	background-color: #cccccc;
}

.RowColor			{ background-color: #ffffff }
.RowAltColor		{ background-color: #eeeeee }
.RowHighlight		{ background-color: #eeeeee }
.RowHighlight2		{ background-color: #ffffcc }
.RowHighlight3		{ background-color: #cccccc }

.PagingRibbon		
{ 
	font-size: 80%; 
	color: #ffffff; 
	text-align: left; 
	vertical-align: bottom; 
	background-color: #003399; 
}

.PagingRibbonLink:link		{ text-decoration: none; font-size: 80%; color: #ffffff }
.PagingRibbonLink:active	{ text-decoration: none; font-size: 80%; color: #ffffff }
.PagingRibbonLink:visited 	{ text-decoration: none; font-size: 80%; color: #ffffff }
.PagingRibbonLink:hover 	{ text-decoration: underline; font-size: 80%; color: #ffffff }

/*DATAGRID Styles for NetFrame Grid Control (TCI/Controls/DataGrid.cs) */

.Grid, .GridAlternatingItem, .GridEditItem, .GridHeader, .GridItem, .GridPager, .GridSelectedItem, .GridFooter
{
	padding-top: 3px;
	padding-bottom: 3px;
}
.Grid		{ padding-left: 3px; padding-right: 3px }
.GridHeader
{
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #336699;
	background-color: #cccccc;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
.GridFooter				
{ 
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;	
}
.GridHeaderSortColumn	{ background-color: #cccccc }
.GridItem				{ background-color: #eeeeee }
.GridAlternatingItem	{ background-color: #ffffff }
.GridPager				{ background-color: #cccccc }
.GridPagerShowAll		{ text-align: right }
.GridPagerFilter		{ text-align: right }
.GridPagerCount			{ text-align: right }
.GridSelectedItem		{ background-color: #ffffcc }


/*FORMS*/
.SearchForm, .SignInForm, .LoginForm, .CRUDForm 
{
	border-right: #003399 1px solid;
	border-top: #003399 1px solid;
	border-left: #003399 1px solid;
	border-bottom: #003399 1px solid;
	background-color: #eeeeee;
}

.FormHeader	
{
	background-color: #999999; 
	font-weight: bold;
	color: #ffffff; 
	padding-left: .25em;
	padding-right: .25em;
	padding-top: .25em;
	padding-bottom: .25em 
}

.Button		{ font-family: Verdana, Arial, Helvetica, sans-serif }

.LeftFieldLabel		{ font-weight: bold; text-align: right; vertical-align: top; }
.DisplayField		{ font-weight: bold }

div.DropDownSelectedEntry 
{
	color: #ffffff; 
	background-color: #000099;
}

div.DropDownBoxList 
{
 	display: block; 
 	z-index: 1; 
 	visibility: hidden; 
 	overflow: scroll; 
 	whitespace: nowrap; 
 	position: absolute; 
 	height: 100px; 
 	background-color: #ffffff
}

/*PICKER PAGE (grids on these pages use standard grid styles)*/
.PickerHeading		{ background-color: #cccccc; font-weight: bold; font-size: 125% }
.PickerHeadingCell	{ background-color: #cccccc }
a:visited.PickerAlphaSelect, a:link.PickerAlphaSelect
{	font-size:110%;
	color: #336699;
	text-decoration: none;
	font-weight:bold;
}
a:hover.PickerAlphaSelect
{	font-size:110%;
	color: #336699;
	text-decoration: underline;
	font-weight:bold;
}

/*CALENDAR/DATE LOOKUP*/

.CalendarWeekendDay		{ background-color: #ffffcc }
.CalendarOtherMonthDay	{ background-color: #cccccc }
.CalendarSelectedDay	{ background-color: #ffff66 }
.CalendarSelector		{ background-color: #ffff66 }
.CalendarTitle 			{ background-color: #ccffff }
.CalendarDay
{
	border-right: black thin solid;
	border-top: black thin solid;
	border-left: black thin solid;
	border-bottom: black thin solid;
	background-color: #ffffff;
}
.CalendarTodayDay
{
	border-right: black thin solid;
	border-top: black thin solid;
	border-left: black thin solid;
	border-bottom: black thin solid;	
	background-color: #ccffff;
}

/*-----------------------------------------------------*/
/*DEPRECATED STYLES: DO NOT USE*/
/*-----------------------------------------------------*/

.Form
/*Used only for generic FrontPage forms, so would not be used in an application*/	
{ 
	border-right: #003399 1px solid;
	border-top: #003399 1px solid;
	border-left: #003399 1px solid;
	border-bottom: #003399 1px solid;
	background-color: #eeeeee;
}

.ObjectNameColor
/*Used only on old ASP 3 apps*/	
{ color: #336699; }

.LastLogin	{ font-size: .9 em; color: #000000; }

/*Deprecated styles inherited from TCI/NetFrame*/
a.MainMenuOff, Span.MainMenuOff		{ font-weight: bold; color: #336699 }
a.MainMenuOn, Span.MainMenuOn		{ font-weight: bold; color: #000000 }
a.MainMenuDis, Span.MainMenuDis		{ color: #cccccc; margin-bottom: -10px }
a.MainMenuOff:Hover, Span.MainMenuOff:Hover, A.MainMenuOn:Hover, Span.MainMenuOn:Hover
{
	color: #336699;
	text-decoration: underline;
}

/*NETFRAME STYLES NOT CURRENTLY IN USE*/
.GridEditItem		{ }
.AboveFieldLabel	{ }
.SiteButtonBar		{ }
.btnAdd				{ }
.btnEdit			{ }
.btnDelete			{ }
.btnCancelAdd		{ }
.btnCancelEdit		{ }
.btnCancelDelete	{ }
.btnConfirmDelete	{ }
.btnDisabledCancel 	{ }
.btnParent			{ }
.CalendarDayHeader	{ }
.CalendarNextPrev 	{ }