/* This is the CSS form modified by Aaron and then further modified by Janet */
.VersionNumber{
	font-size: 11px;
	font-family: trebuchet ms;
	text-decoration: none;
	color: #c5c5c5;

    }

.pageTable 
{
	/* JH added */ 
	background:url(http://http://www.lifepointnv.com/imgUpload/Weblink/background.png) repeat-x scroll left top #FFFFFF;

}
.pageTableContentCell
{
}
.pageTableFooterCell
{
}

.FormBuilderStatusSelectedText{
	font-size: 11px;
	font-family: trebuchet ms;
	text-decoration: none;
	color: #CCCC93;
    }

.ErrorMessageTable{
	/*	This is used for the online giving
		section. When the schedule is disabled
		and there was an error, this is the style
		that will show for the error message pop up.

		NOTE: The background-color must be set
	*/
	background-color: #DFC69D;
	font-size: 11px;
	font-family: trebuchet ms;
	color: #ffffff;
	padding-right:5px;
    }

.PopupAlert {
	 BORDER-RIGHT: black 1px solid;
	 BORDER-TOP: black 1px solid;
	 LEFT: 0px;
	 BORDER-LEFT: black 1px solid;
	 BORDER-BOTTOM: black 1px solid;
	 TOP: 0px;
	 BACKGROUND-COLOR: infobackground;
	 font-size: 11px;
	font-family: trebuchet ms;
	text-decoration: none;
	color: #000000;
    }

.PopupAlertHeaderSection {
	BORDER-BOTTOM: black 1px solid;
	font-size: 11px;
	font-family: trebuchet ms;
	text-decoration: none;
	color: #000000;
    }

.PopupAlertContentSection {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	font-size: 11px;
	font-family: trebuchet ms;
	text-decoration: none;
	color: #000000;
    }


/* Activity Finder Styles */
.ActivityFinderTable{
	border-color:#000000;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
	width:100%;
}
.ActivityFinderHeaderTD{
	font-size: 11px;
	font-family: trebuchet ms;
	color: #ffffff;
	font-weight:bold;
	background-color:#cccc93;
	padding-left:5px;
	padding-bottom:2px;
	padding-top:2px;
	white-space: nowrap;
}
.ActivityFinderTD{
	font-size: 11px;
	font-family: trebuchet ms;
	color: #000000;
	padding:3px;
}
.ActivityFinderFooterTD{
	text-align:right;
	padding-bottom:5px;
}

/* General styles */
.EmailGroupListDiv{
    overflow: auto;
    height:300px;
    }

.ActivityDetailListDiv{
    overflow: auto;
    height:225px;
    }
/***** Start Aaron's CSS *****/
body{
	/* background-color:#FFF; */
	background:black;
	margin:0;
	font-size: 14px;
	font-family: trebuchet ms;
	text-decoration: none;
	color: #777;
    }

    br{
        height:0;
        width:0;
        line-height:0;
        }

/* Header Containers */
table.HeaderContainer{
	background-color:none;
	border: 0px;
	border-collapse:collapse;
	width:100%;
    background:none;
    }

.HeaderTitleImageContainer{
	background-color:none;
	padding: 0px; /*cellpadding*/
	margin: 0px; /*cellspacing*/
    }

.HeaderMenuContainer{
	background-color:none;
	padding-right:5px;
	font-weight:bold;
	height:19px;
    }

.HeaderTitleImage{
	width:auto;
	height:auto;
	border:0px;
    margin-left:40px;
    padding-top:20px ;
    }

.HeaderSpacerTop, .HeaderSpacerBottom{
	background-color:none;
	padding: 0px;
	margin: 0px;
    }

/* Tables */
    td{
        padding-bottom:20px;
        }

    /*Form divider lines*/
    .SubGroupTD{
	    background-color:#FFF;
        padding:0px;
        }

    td.SubGroupTD img{
        display:none;
        height:0;
        }


    /* Container Table Border*/
    .TopGroupTable{
	    border:none;
        }

    /* Section Titles*/
    .TopGroupTD{
	    background-color:#444;
	    color: #fff;
	    padding:10px;
        -moz-border-radius-topleft:1ex;
        -moz-border-radius-topright:1ex;
        -webkit-border-radius-topleft:1ex;
        -webkit-border-radius-topright:1ex;
        }

    tr.TopGroupTD td{
        background:#444;
        -moz-border-radius-topleft:0;
        -moz-border-radius-topright:0;
        -webkit-border-radius-topleft:0;
        -webkit-border-radius-topright:0;
        }


    /* Grouped Form Feilds*/
    table{
        margin:0 auto;
        background:#FFF url(http://http://www.lifepointnv.com/imgUpload/Weblink/background.png) top left repeat-x;
        }

    table table{
        width:960px;
        margin:0 auto;
        padding:10px 20px;
        background:#fff;
        -moz-border-radius:1ex;
        -webkit-border-radius:1ex;
        }

    table table table table{
        width:98%;
        background:none;
        padding:10px;
        background:#eee;
        -moz-border-radius:1ex;
        -webkit-border-radius:1ex;
        }

    /* Field Rows - see also DgItem */
    table table table table tr, #trOneTime td{
        height:35px;
        color:#333;
        }

/* Text */
.bodycopybold, .bodycopy15bold{
    font-size:20px;
    font-weight:700;
    color:#555;
    }

.errorMessage, .textsmerr1{
    padding:5px !important;
	color:Red;
    }

/* Links */
a, a:link, a:visited{
    color:#1A84EE;
    text-decoration:none;
    }

a:hover, a:active{
    color:#CDCFED;
    text-decoration:underline;
    }


/* Forms Inputs */
.inputLabel{
	font-size: 14px;
	color: #999;
	padding:5px;
    }

input.inputbox, select.inputbox, .inputdrop, .DTB{
	border:1px solid #e3e3e3;
	background-color: #FFF !important;
    padding:5px;
    font-size:16px;
	color: #333;
    }

    .inputdrop, select.inputbox{
        height:25px;
        padding:0;
        }

     .inputdrop option, .inputBox option{
        padding:4px;
        border-bottom:1px solid #EEE;
        }

.inputbutton{
    border: 1px solid #DDD;
	background-color: #1A84EE;
    margin-top:10px;
    padding:5px 8px;
	font-size: 13.5px;
	font-weight: 700;
	color: #ffffff;
    -moz-border-radius:.8ex;
    -webkit-border-radius:.8ex;
    }

.disabledinputbutton{
	border-width: 1px;
	border-color: #cccccc;
	background-color: FFFFFF;
	font-family: tahoma, arial, tahoma;
	font-size: 10px;
    }


.contributionLogoutButton{
	border: 1px solid #DDD !important;
	background-color: #0E66BD !important;
	font-family: tahoma, arial, tahoma !important;
	font-size: 13px !important;
	font-weight: bold !important;
	color: #ffffff !important;
    width:70px;
    height:30px;
    margin-right:20px !important;
    visibility:visible !important;
    }

/* Validation */
.ValidationBorder{
	border:1px solid #ccc;
    }

.ValidationSummary {
	color: red;
	background-color:#FFF;
	border:none;
    font-weight:bold;
    }

.ValidationBorder tr{
    background:#FFF !important;
    color: red;
    }

.ValidationSummary img{
    display:none;
    }

/***** End Aaron's CSS *****/


.RTBMenu{
	/* this is used in the following places:
			Contact/OnlineContact.aspx
			Registration/Payment.aspx
			Registration/PersonalInfo.aspx
			SmallGroup/EmailGroup.aspx
	*/
	border-width: 1px;
	border-color: #ffffff;
	background-color: #ECDEC6;
	font-family: tahoma, arial, tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #212121;
}

/* Date picker control */
	
.MYPMonthTable{
	width:200px !important;
	}

.MYPYearTable{
	width:200px !important;
	}
	
.MYPMonthCell{
	border: 1px solid #ccc;
	}

/* DataGrid controls */
#dgHistory tr, #dgHistory tr td{
    border:none !important;
    }

.DgHeader{
	background-color:#777;
    color:#fff;
    font-weight:bold;
    }

.DgItem{
    margin:10px;
    padding:10px;
	background-color:#DDD;
    }

.DgAlternatingItem{
    margin:10px;
    padding:10px;
	background-color:#FFF;
    }

.DgEditItem{
	/* SmallGroup/SgMembers.aspx */
	background-color: #cccccc;
	color: #ffffff;
    }


.DgTotalFooter{
	/* FormBuilder/FormOrder.aspx FormBuilder/Confirmation.aspx */
	background-color: #FFFFCC;
    }

.InAttendanceTD{
	/* SmallGroup\SgViewAttendance.aspx */
	background-color:#B1CAB1;
	border:1px solid #000;
    }

.NotInAttendanceTD, .AttendanceDateTD, .AttendeeDateTD, .TotalAttendanceTitleTD, .TotalAttendanceTD{
	/* SmallGroup\SgViewAttendance.aspx */
	background-color:#ECDEC6;
	border:1px solid #000;
    padding: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:0px;
}

/* Applies to the individual top level menu items i.e. Home vs. Members.  */
.TopGroupItem{
	background-color:#cccc93;
	font-size: 11px;
	font-family: trebuchet ms;
	color: #ffffff;
	padding:1px 0px 0px 0px;
	cursor:default;
	white-space: nowrap;
	font-weight:bold;
}

/* Applies to the individual top level menu items on mouse over event */
.TopGroupItemOver{
	background-color: #cccc93;
	color:#ffffff;
	font-size: 11px;
	font-family: trebuchet ms;
	padding:1px 0px 0px 0px;
	cursor:pointer;
	font-weight:bold;
	border-width:1px;
	border-color:#cccccc;
	white-space: nowrap;
}

/* Applies to the submenu groups of menu items that have subitems */
.MenuGroup{
	padding:0px 0px 0px 0px;
	margin:4px 0px 0px 0px;
	border-top: solid 1px #ECDEC6;
	border-left: solid 1px #ECDEC6;
}

/* Applies to the menu items contained within the submenu groups  */
.MenuItem{
	background-color:#cccc93;
	color:#ffffff;
	font-size: 11px;
	font-family: trebuchet ms;
	padding:2px 5px 3px 0px;
	cursor:default;
	white-space: nowrap;
}

/* This style is the stuff under the main headings on mouse over  */
.MenuItemOver {
	background-color:#5C5C5C;
	color:#ffffff;
	font-size: 11px;
	font-family: trebuchet ms;
	padding:2px 5px 3px 0px;
	cursor: pointer;
	white-space: nowrap;
}


/*	Calendar styles */
.BackColor{
 background-color:#ECDEC6;
}
.CSCCalendar{
    border:1px solid red;
    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);
    background-color: #000000;
    }

.CSCCalendar TABLE{
   font-size: 8pt;
   font-family: Arial;
   background-color: white;
    }

.CSCCalendarNoFilter{
    border:1px solid red;
    }

.CSCCalendarNoFilter TABLE{
   font-size: 8pt;
   font-family: Arial;
   background-color: white;
    }

.CSCWeekRowsTable{
   border-right: black 1px solid;
   border-top: black 1px solid;
   font-size: 8pt;
   border-left: black 1px solid;
   border-bottom: black 1px solid;
   font-family: Arial;
   background-color: white;
}
.CSCDay{
   cursor: pointer;  /* W3C approved hand. See http://www.xs4all.nl/~ppk/css2tests/index.html */
   cursor: hand;
   background-color: #f1f1e4;
}
.CSCSelectedDay{
    color: White;
    background-color: #999966;
    cursor: pointer;
    cursor: hand;
    }

.CSCSelectedToday{
   font-weight: bold;
   color: White;
   background-color: #999966;
   cursor: pointer;
   cursor: hand;
}
.CSCToday{
   color: White;
   background-color: #CCCC93;
   cursor: pointer;
   cursor: hand;
}
.CSCSpecialDay{
   cursor: pointer;
   cursor: hand;
   background-color: lemonchiffon;
}
.CSCOtherMonthDays{
   cursor: default;
   color: gray;
}
.CSCWeekNumberColumn{
   border-right: #CCCC93 1px solid;
   background-color: #CCCC93;
   color: White;
}
.CSCDayHeader{
   border-bottom: #999966 1px solid;
}
.CSCDayHeader TR{
   font-size: 7pt;
   background-color: #CCCC93;
   color: White;
}
.CSCDayHeaderCell{
   font-size: 7pt;
}
.CSCHeaderTable{
   font-size: 8pt;
   border-bottom: #CCCC93 1px solid;
   font-family: Arial;
}
.CSCHeaderRows{
   font-size: 8pt;
   font-family: Arial;
   cursor: default;
}
.CSCHeaderRows TR{
   background-color: inherit;
}
.CSCIncrementalButtons{
   cursor: pointer;
   cursor: hand;
   color: #CCCC93;
}
.CSCIncrementalButtonsPressed{
   cursor: pointer;
   cursor: hand;
   color: #CCCC93;
}
.CSCJumpButtons{
   color: #CCCC93;
   cursor: pointer;
   cursor: hand;
}
.CSCJumpButtonsPressed{
   color: #CCCC93;
   cursor: pointer;
   cursor: hand;
}
.CSCCloseButton{
   cursor: default;
}
.CSCCloseButtonPressed{
   cursor: default;
}
.CSCHelpButton{
   cursor: default;
}
.CSCHelpButtonPressed{
   cursor: default;
}
.CSCFooterTable{
}
.CSCFooterTable TABLE{
}
.CSCFooterButton{
   border-right: lightgrey thin outset;
   border-top: lightgrey thin outset;
   border-left: lightgrey thin outset;
   color: black;
   border-bottom: lightgrey thin outset;
   background-color: lightblue;
   font-size: 8pt;
   font-family: Arial;
   cursor: pointer;
   cursor: hand;
}
.CSCFooterButtonPressed{
   border-right: lightgrey thin inset;
   border-top: lightgrey thin inset;
   border-left: lightgrey thin inset;
   border-bottom: lightgrey thin inset;
   background-color: lightblue;
   color: black;
   font-size: 8pt;
   font-family: Arial;
   cursor: pointer;
   cursor: hand;
}
.CSCFooterCurrentDate{
}
.SD_Selectable1{
   background-color: mistyrose;
   cursor: pointer;
   cursor: hand;
}
.SD_SelectableOM1{
   background-color: #CCCC93;
   cursor: pointer;
   cursor: hand;
}
.SD_Selectable2{
   background-color: palegoldenrod;
   cursor: pointer;
   cursor: hand;
}
.SD_SelectableOM2{
   background-color: gainsboro;
   cursor: pointer;
   cursor: hand;
}
.SD_Unselectable1{
   color: gray;
   background-color: mistyrose;
}
.SD_UnselectableOM1{
   color: gray;
   background-color: #CCCC93;
}
.SD_Unselectable2{
   color: gray;
   background-color: palegoldenrod;
}
.SD_UnselectableOM2{
   color: gray;
   background-color: gainsboro;
}
.DTBToggleCalendar{
}
.DTBToggleCalendarPressed{
}
.DTBHelpButton{
}
.DTBHelpButtonPressed{
}
.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: white;
}
.MYPMonthYearPicker TABLE{
   font-size: 8pt;
   font-family: Arial;
   background-color: white;
}
.MYPMonthTable{
}
.MYPYearTable{
}
.MYPMonthCell{
   cursor: pointer;
   cursor: hand;
}
.MYPSelectedMonthCell{
   background-color: #999966;
   cursor: pointer;
   cursor: hand;
   color: white;
}
.MYPYearCell{
   cursor: pointer;
   cursor: hand;
}
.MYPSelectedYearCell{
   cursor: pointer;
   cursor: hand;
   background-color: #999966;
   color: white;
}
.MYPOutOfRangeCell{
   color: Gray;
}
.MYPMoveYearsButtons{
}
.MYPMoveYearsButtonsPressed{
}
.MYPTogglePicker{
	}
.MYPTogglePickerPressed{
	}
.PDPContextMenu{
   border-right: lightgrey 1px solid;
   border-top: lightgrey 1px solid;
   font-size: 8pt;
   border-left: lightgrey 1px solid;
   border-bottom: lightgrey 1px solid;
   font-family: Arial;
   background-color: white;
}
.PDPContextMenu TABLE{
   font-size: 8pt;
   font-family: Arial;
   background-color: white;
}

/* *************************************************** */