/* RESET
***********************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, 
dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, 
sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; margin: 0; padding: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* COLORS
** Logo (top): 005866
** Logo (bottom): 00a098
** Stripes: c5d9ce
** Background: e3e0d1
** Yellow Accent: f1eca8
***********************************************************************/

/* BASE
***********************************************************************/
body  { font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
a:link, a:visited, a:hover, a:active { color: #00788b; }

/* HEADER
***********************************************************************/ 
.HeaderContainer { width: 100%; }
	.HeaderTitleImageContainer { background-color: #e3e0d1; border-bottom: 10px solid #c5d9ce; }
		.HeaderTitleImage {  }
	.HeaderSpacerTop {  }
	.HeaderMenuContainer {  }
	.HeaderSpacerBottom {  }

/* GENERAL
***********************************************************************/ 
.bodycopy { line-height: 1.5; padding-bottom: 8px; }
.bodycopybold { font-weight: bold; }
.bodycopy9 { font-size: smaller; }
.bodycopy9[style] { padding-left: 0 !important; }
.bodycopy15 { font-size: larger; padding-bottom: 8px; } 
.bodycopy15bold { font-size: larger; font-weight: bold; padding-bottom: 8px; } 
.SubGroupTD { background-color: #c5d9ce; } /* login */ /* mimics border using transparent gif */
.TopGroupTD { background-color: #c5d9ce; padding: 4px 0; margin-bottom: 8px; color: #005866; font-weight: bold; }
.TopGroupTD[style] { padding-left: 0 !important; } /* create account */ /* section header */
.ValidationSummary { color: #d60000; background-color: #f1eca8; border-color: #d60000; }

/* override */
#LoginHelp .SubGroupTD { background-color: #c5d9ce; font-weight: bold; color: #005866; }
#LoginHelp table div[style], 
#LoginHelp table div[style] .bodycopybold[style] { border-color: #c5d9ce !important; }
#LoginHelp table div[style] .bodycopybold[style] { padding: 4px 0; }
#LoginHelp .bodycopy15bold[align=center] { padding: 0 8px; }

#Form1 table div[style] { border: none !important; }
#Form1 .bodycopybold[style] { border: none !important; background-color: #c5d9ce; padding: 4px 0; color: #005866; }

#dgSchedule[style], #dgHistory[style], #dgDetailListSummary[style] { border-color: #c5d9ce !important; }

#dgFormIndividuals .TopGroupTD { font-size: smaller; background-color: #f1eca8; color: #005866; }
#dgFormIndividuals .TopGroupTD td { padding: 4px 0; }

#formStatusBar_lblSelectIndividualText, #formStatusBar_lblSelectForm, #formStatusBar_lblQuestions, #formStatusBar_lblPayment, #formStatusBar_lblFinal { font-size: xx-small; }
#EventRegistration table[style] { border: none !important; }

#Login table table table table { background: none; }

#lblTxtAmount { font-size: larger; }

/* ACTIVITY FINDER
***********************************************************************/ 
.ActivityFinderTable {  }

/* FORMS
***********************************************************************/ 
.inputbox, .inputdrop, .DTB  /* , .RTBMenu */ { margin: 4px 0; } 
.inputbutton, .contributionLogoutButton { background-color: #005866; padding: 4px 10px; color: #fff; text-decoration: none; 
	-moz-border-radius: 6px; -webkit-border-radius: 6px; text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	position: relative; cursor: pointer; }
.inputbutton:hover, .contributionLogoutButton:hover { background-color: #00788b; }
.inputLabel { font-weight: bold; font-size: smaller; }
.contributionLogoutButton { visibility: visible; }

/* DATAGRID
***********************************************************************/ 
.DgItem, .DgAlternatingItem { font-size: smaller; }
.DgAlternatingItem { background-color: #eeeeee; }
.DgItem td { padding: 4px 0; } /* FormBuilder */
.DgItem[style] { border: none !important; }
.DgAlternatingItem {  } /* SelectAForm */
.DgTotalFooter {  } /* FormOrder */
.DgTotalFooter[style] { border: none !important; }
.DgHeader { font-weight: bold; background-color: #f1eca8; padding: 4px 0; border-color: #f1eca8; font-size: smaller; color: #005866; }
.DgHeader td { padding: 4px 8px; }
.DgTotalFooter { background-color: #f1eca8; vertical-align: middle; }

/* MISC
***********************************************************************/ 
.VersionNumber { font-size: smaller; color: #777; }
.TopGroupTable {  } /* create account */ /* contains multiple sections */
.DTBToggleCalendar[style] { vertical-align: text-bottom !important; }



.FormBuilderStatusSelectedText { text-decoration: none; color: #369; }
.ErrorMessageTable { background-color: #f5f5f5; color: #fff; padding-right: 5px; }
.PopupAlert { border-right: #000 1px solid; border-top: #000 1px solid; left: 0; border-left: #000 1px solid; border-bottom: #000 1px solid; top: 0; background-color: infobackground; text-decoration: none; color: #000; }
.PopupAlertHeaderSection { border-bottom: #000 1px solid; text-decoration: none; color: #000; }
.PopupAlertContentSection { text-decoration: none; color: #000; padding: 5px; }
/*Input Labels */
/* Activity Finder Styles  */
.ActivityFinderHeaderTD { color: #fff; font-weight: bold; background-color: #7f7f7f; padding-left: 5px; padding-bottom: 2px; padding-top: 2px; white-space: nowrap; }
.ActivityFinderTD { color: #000; padding: 3px; }
.ActivityFinderFooterTD { text-align: right; padding-bottom: 5px; }
 
/*
General styles
 */.EmailGroupListDiv { overflow: auto; height: 300px; }
.ActivityDetailListDiv { overflow: auto; height: 225px; }
.blankbodycopy { color: #f1f1f1; }

.errorMessage { font-size: 13px; text-decoration: none; color: Red; }
.inputradio { border-width: 0; padding: 0; }
/*
	this is used as a visual for when the individual clicks a button
	the button will turn disabled and the color schema changes
 */.disabledinputbutton { background-color: FFFFFF; font-family: tahoma, arial, tahoma; font-size: 10px; border-color: #ccc; border-width: 1px; }


/* DataGrid controls  */

.DgEditItem { background-color: #ccc; color: #fff; }




.InAttendanceTD { background-color: #B1CAB1; border-left: solid 1px #000; border-right: solid 1px #000; border-bottom: solid 1px #000; }
.NotInAttendanceTD { background-color: #f1f1f1; border-left: solid 1px #000; border-right: solid 1px #000; border-bottom: solid 1px #000; }
.AttendanceDateTD { text-decoration: none; color: #000; background-color: #f1f1f1; border-left: solid 1px #000; border-bottom: solid 1px #000; padding: 5px 2px 1px 4px; }
.AttendeeDateTD { text-decoration: none; color: #000; background-color: #f1f1f1; border-bottom: solid 1px #000; border-top: solid 1px #000; padding-right: 5px; padding-left: 5px; }
.TotalAttendanceTitleTD { text-decoration: none; color: #000; background-color: #f1f1f1; border-bottom: solid 1px #000; border-top: double 3px #000; border-right: solid 1px #000; padding-right: 5px; padding-left: 5px; }
.TotalAttendanceTD { text-decoration: none; color: #000; background-color: #f1f1f1; border-bottom: solid 1px #000; border-top: double 3px #000; border-right: solid 1px #000; text-align: right; padding-right: 5px; }

/*	Small Group menu styles  

	Menu Structure: 
		Home 
		Members			
			View Members
			Find Individual
		Attendance
			Post Attendance
			View Attendance
		Contacts
			Email Group
			View Contacts

	To better understand how styles are applied to the menu you need to first how it is structured.
	The menu consist of one main group which contains a series of menu items. Now each menu item
	contained within the main group can have a single subgroup. These subgroups intern can have
	one or more menuitems which can have one subgroup. As you can see the nesting is infinite.

	Now, all styles that begin with TopGroup apply menus one main group, and styles that begin with
	TopGroup and contain Item apply to the items contained within the main group.

	TODO:  add additional style documentation

  Applies to the top level group (menu) which contains the individual menu items i.e. Home, Members, etc.   */.TopGroup { padding: 0; }
/* Applies to the individual top level menu items i.e. Home vs. Members.   */.TopGroupItem { background-color: #7f7f7f; color: #fff; cursor: default; white-space: nowrap; font-weight: bold; padding: 1px 0 0; }
/* Applies to the individual top level menu items on mouse over event  */.TopGroupItemOver { background-color: #7f7f7f; color: #fff; cursor: pointer; font-weight: bold; white-space: nowrap; border-color: #ccc; border-width: 1px; padding: 1px 0 0; }
/* Applies to the submenu groups of menu items that have subitems  */.MenuGroup { border-top: solid 1px #f1f1f1; border-left: solid 1px #f1f1f1; margin: 4px 0 0; padding: 0; }
/* Applies to the menu items contained within the submenu groups   */.MenuItem { background-color: #7f7f7f; color: #fff; cursor: default; white-space: nowrap; padding: 2px 5px 3px 0; }
/* This style is the stuff under the main headings on mouse over   */.MenuItemOver { background-color: #5C5C5C; color: #fff; cursor: pointer; white-space: nowrap; padding: 2px 5px 3px 0; }
/*	Calendar styles  */.BackColor { background-color: #f1f1f1; }
.CSCCalendar { border-right: #D3D3D3 ridge; border-top: #D3D3D3 ridge; font-size: 8pt; filter: progid: DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color= 'gray', Positive= 'true' ) progid: DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=20, Style=1, StartX=96, FinishX=100, StartY=0, FinishY=0) progid: DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=20, Style=1, StartX=0, FinishX=0, StartY=97, FinishY=100); border-left: #D3D3D3 ridge; border-bottom: #D3D3D3 ridge; font-family: Arial; background-color: #000; }
.CSCCalendarNoFilter { border-right: #D3D3D3 ridge; border-top: #D3D3D3 ridge; font-size: 8pt; border-left: #D3D3D3 ridge; border-bottom: #D3D3D3 ridge; font-family: Arial; background-color: #FFF; }
.CSCWeekRowsTable { border-right: #000 1px solid; border-top: #000 1px solid; font-size: 8pt; border-left: #000 1px solid; border-bottom: #000 1px solid; font-family: Arial; background-color: #FFF; }
.CSCDay { cursor: hand; background-color: #f1f1e4; }
.CSCSelectedDay { color: #FFF; background-color: #996; cursor: hand; }
.CSCSelectedToday { font-weight: bold; color: #FFF; background-color: #996; cursor: hand; }
.CSCToday { color: #FFF; background-color: #369; cursor: hand; }
.CSCSpecialDay { cursor: hand; background-color: #FFFACD; }
.CSCOtherMonthDays { cursor: default; color: gray; }
.CSCWeekNumberColumn { border-right: #369 1px solid; background-color: #369; color: #FFF; }
.CSCDayHeader { border-bottom: #996 1px solid; }
.CSCDayHeader TR { font-size: 7pt; background-color: #369; color: #FFF; }
.CSCDayHeaderCell { font-size: 7pt; }
.CSCHeaderTable { font-size: 8pt; border-bottom: #369 1px solid; font-family: Arial; }
.CSCHeaderRows { font-size: 8pt; font-family: Arial; cursor: default; }
.CSCHeaderRows TR { background-color: inherit; }
.CSCFooterButton { border-right: #D3D3D3 thin outset; border-top: #D3D3D3 thin outset; border-left: #D3D3D3 thin outset; color: #000; border-bottom: #D3D3D3 thin outset; background-color: #ADD8E6; font-size: 8pt; font-family: Arial; cursor: hand; }
.CSCFooterButtonPressed { border-right: #D3D3D3 thin inset; border-top: #D3D3D3 thin inset; border-left: #D3D3D3 thin inset; border-bottom: #D3D3D3 thin inset; background-color: #ADD8E6; color: #000; font-size: 8pt; font-family: Arial; cursor: hand; }
.SD_Selectable1 { background-color: #FFE4E1; cursor: hand; }
.SD_SelectableOM1 { background-color: #369; cursor: hand; }
.SD_Selectable2 { background-color: #EEE8AA; cursor: hand; }
.SD_SelectableOM2 { background-color: #DCDCDC; cursor: hand; }
.SD_Unselectable1 { color: gray; background-color: #FFE4E1; }
.SD_UnselectableOM1 { color: gray; background-color: #369; }
.SD_Unselectable2 { color: gray; background-color: #EEE8AA; }
.SD_UnselectableOM2 { color: gray; background-color: #DCDCDC; }
.MYPMonthYearPicker { border-right: gray 1px solid; border-top: gray 1px solid; font-size: 8pt; border-left: gray 1px solid; border-bottom: gray 1px solid; font-family: Arial; background-color: #FFF; }
.MYPSelectedMonthCell { background-color: #996; cursor: hand; color: #FFF; }
.MYPSelectedYearCell { cursor: hand; background-color: #996; color: #FFF; }
.MYPOutOfRangeCell { color: Gray; }
.PDPContextMenu { border-right: #D3D3D3 1px solid; border-top: #D3D3D3 1px solid; font-size: 8pt; border-left: #D3D3D3 1px solid; border-bottom: #D3D3D3 1px solid; font-family: Arial; background-color: #FFF; }
.textsmerr1 { color: red; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; }

.ValidationBorder { border: solid 1px #FC040A; }
A: hover.bodycopy,A: visited.bodycopy,A: visited: hover.bodycopy,A: active.bodycopy,A: active: hover.bodycopy,A: hover.bodycopybold,A: visited.bodycopybold,A: visited: hover.bodycopybold,A: active.bodycopybold,A: active: hover.bodycopybold,A: hover.bodycopy15,A: visited.bodycopy15,A: visited: hover.bodycopy15,A: active.bodycopy15,A: active: hover.bodycopy15,A: hover.bodycopy15bold,A: visited.bodycopy15bold,A: visited: hover.bodycopy15bold,A: active.bodycopy15bold,A: active: hover.bodycopy15bold,A: hover.bodycopy9,A: visited.bodycopy9,A: visited: hover.bodycopy9,A: active.bodycopy9,A: active: hover.bodycopy9 { color: #000; text-decoration: underline; }

.CSCCalendar TABLE,.CSCCalendarNoFilter TABLE,.MYPMonthYearPicker TABLE,.PDPContextMenu TABLE { font-size: 8pt; font-family: Arial; background-color: #FFF; }
.CSCIncrementalButtons,.CSCIncrementalButtonsPressed { cursor: hand; color: #369; }
.CSCJumpButtons,.CSCJumpButtonsPressed { color: #369; cursor: hand; }
.CSCCloseButton,.CSCCloseButtonPressed,.CSCHelpButton,.CSCHelpButtonPressed { cursor: default; }
.MYPMonthCell,.MYPYearCell { cursor: hand; }