body { padding: 0px; margin: 0px; padding-top: 5px; background-color: #003643; font-family: helvetica, arial, sans-serif;  }
td { font-family: helvetica, arial, sans-serif; font-size: 11pt; }
form { padding: 0px; margin: 0px; }
.layoutTable { background-color: white; }
.layoutTable_Padded_td { padding: 10px; }
#content { padding: 10px; font-family: arial;   }

	#content h1
	{
		color: #2e373d;
		font-size: 16pt;
		font-weight: bold;
		padding: 0px;
		margin: 0px;

		padding-top: 0px;
	}

	#content h2 { font-size: 14pt; font-weight: normal;  font-style: italic; padding: 0px; padding-top: 5px; padding-bottom: 5px; margin: 0px; }
	#content h3 { font-size: 12pt; font-weight: bold;  font-style: italic; padding: 0px; padding-top: 5px; padding-bottom: 5px; margin: 0px; }

	#content h1, #content h2, #content h3 { border-left: 5px solid #2e373d; padding-left: 5px; margin-bottom: 2px; }


/* breadcrumb */
#breadcrumb
{
	font-family: helvetica, arial, sans-serif; 
	font-size: 11px; 
	padding: 0px;
	padding-left: 20px;
	color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
}

#breadcrumb ul
{
	padding: 0px;
	margin: 0px;
	padding-left: 5px;
	display: inline;
}
#breadcrumb li
{
	padding-left: 6px;
	padding-right: 10px;
	list-style: none;		
	display: inline;
}

#breadcrumb a
{
	color: #646464;
	text-decoration: none;
}

#breadcrumb a:visited
{
	color: #646464;
	text-decoration: none;
}

#breadcrumb a:hover { text-decoration: underline; }



	/* Login Status Control */
	#LoginStatus, #loginStatus a
	{
		color: black;	
		text-align: center;
		font-size: 10pt;
		padding: 10px;
	}

	
.TopNavHolder { padding-left: 4px; padding-right: 4px; }

/* -------- Contacts Placeholder */

td.ContactInformationDisplay { font-size: 10pt; padding-bottom: 10px; border: 1px solid #CCC; }
.ContactsFilterForm
{ 
	font-size: 10pt; width: 250px;
}

.ContactsFilterForm em { font-weight: bold; text-decoration: underline;  }

/* ---- CALENDAR placeholder display */
td.CalendarDisplay_MonthHeading td { background-color: #4d737c;  font-weight: bold; font-size: 12pt; }
td.CalendarDisplay_MonthHeading td a { font-size: 10pt; color: white; }

td.CalendarDisplay_DayHeading { text-align: center; font-weight: bold; background-color: #DDD; }

td.CalendarDisplay_DayData { height: 60px; }

/* ----- PageFiles placeholder display */
.PageFilesSummaryTable { padding-right: 10px; border-collapse: collapse; }
.PageFilesSummaryTable th { font-size: 10pt; background-color: #4D737C; }
.PageFilesSummaryTable th, .PageFilesSummaryTable th a { color: white; text-decoration: none; }
.PageFilesSummaryTable td, .PageFilesSummaryTable th { border: 1px solid #ccc; }
.PageFilesSummaryTable td { padding: 2px; }

/* ------- DATA display application */
.ScrollBox
{
	overflow: auto; 
	height: 300px; 
	border: 1px solid #888;
	font-size: 80%;
}

#DataGrid td, #DataGrid1 td { font-size: 10pt; }

/* *****************************************************
	* Checkbox Tree Styles
	* **/

.CheckboxTree_L0{ list-style: none; margin-left: 0px; padding-left: 0em; }
.CheckboxTree_L1{ list-style: none; margin-left: 0px; padding-left: 2em;}
.CheckboxTree_L2{ list-style: none; margin-left: 0px; padding-left: 2em;}
.CheckboxTree_L3{ list-style: none; margin-left: 0px; padding-left: 2em;}

/* -- old school expandable checkbox tree items below */
.expandable-checkbox-tree ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.expandable-checkbox-tree ul li 
{
	margin-left: 0px;
}

.expandable-checkbox-tree ul li ul li {
	margin-left: 36px;
	/*border: 1px solid red;*/
}

.expandable-checkbox-tree ul li ul li.expandable-checkbox-tree-expander {
	margin-left: 20px;
/*	border: 1px solid;*/
}

.expandable-checkbox-tree-opened {
	display: block;
}

.expandable-checkbox-tree-closed {
	display: none;
}

.expandable-checkbox-tree-image {
	vertical-align:text-bottom;
	border: 0px;
}


/* *********************************************************
	Calendar DatePicker Styles
   ** */
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: white;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}