.PagingTable {width: 100%}

.Total {font-size: 15px; font-weight: bold; color: #333;}
.SubTotal {font-size: 15px; font-weight: bold; color: #999;}


.DetailTitle {text-align: left; padding-bottom: 5px; padding-top: 5px;}
.DetailTitleText {letter-spacing: 1px; text-align: left;  font-weight: bold;  font-size: 14pt; font-family: Arial, Verdana, Sans-Serif;}

.DetailContainer {width: 100%; }
.DetailSeparator {padding-top: 10px; text-align: left; }
.DetailTable {width: 100%; border-top: solid 1px #ccc; border-spacing: 0px;}
.DetailRow {}
.DetailLabel, .DetailLabelPrimary, .DetailField, .DetailField2, .DetailFieldPrimary {border-bottom: solid 1px #ccc; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 10px; vertical-align: top;}
.DetailLabel, .DetailLabelPrimary {background-color: #f3f3f3; text-align: right; width: 20%; }
.DetailLabelPrimary {font-weight: bold;}
.DetailField, .DetailField2 {text-align: left; background-color: #fff; width: 30%;}
.DetailField2 {width: 80%;}

.DetailFieldPrimary {text-align: left; font-weight: bold}

.RequiredWatermark {background-color: #FFFFCC; color: #CC0033;}
.NonRequiredWatermark {color: #999;}

.SearchPanel {background-color: #fafafa; padding: 10px; border: solid 1px #cccccc; margin: 10px;}
.SearchLinkTable {border: solid 1px #cccccc; border-spacing: 3px; width: 100%;}
.SearchLinkRow {}
.SearchLinkCell {}

.TopPagerContainer {padding-top: 10px;}
.BottomPagerContainer {padding-top: 10px;}

.Grid {width: 100%; text-align: left;}
.GridRowEdit {background-color: #ffffcc;}
.GridContainer {padding-top: 10px}
.GridRow {background-color: White;}
.GridAlternateRow {background-color: #fafafa;}
.GridCell {border: none;}
.GridCellSelected {border-top: solid 1px red; background-color: Red;}
.GridRowHover {background-color: #ffffcc;}
.GridHeaderRow {background-color: #efefef;}
.GridHeader, .GridHeaderWrap {background-color: #efefef; color: #666; font-family: arial, verdana, sans-serif; padding-left: 5px; font-size: 11px; line-height: 1.8em; font-weight: bold; border-bottom: solid 1px #999; border-top: solid 1px #999; padding-right: 10px;}
.GridHeader {white-space: nowrap;}
.GridItem, .GridItemIcon {line-height: 1.6em; padding-left: 5px; padding-right: 10px;  border-bottom: dotted 1px #ccc;}
.GridItemNoWrap {line-height: 1.6em; padding-left: 5px; padding-right: 10px;  border-bottom: dotted 1px #ccc; white-space: nowrap;}
.GridItemIcon {white-space: nowrap; padding-left: 5px; padding-right: 5px; width: 10px;}
.GridEmptyRow {}
.GridEmptyRowText {font-size: 16px; font-family: Arial, Verdana, Sans-Serif; font-weight: bold;}
.GridSelected {background-color: #efefef; border-bottom: solid 1px green;}

.GridItemGroup {line-height: 1.6em; padding-left: 2px; padding-right: 10px;  border-bottom: solid 1px #666;font-size: 13px; font-weight: bold;}


.BottomToolbarContainer, .TopToolbarContainer {font-size: 12px; font-weight: bold; vertical-align: middle; text-align: left;}
.BottomToolbarContainer {padding-top: 10px;}
.TopToolbarContainer {padding-bottom: 10px;}

.LinkContainer {padding: 5px;}

.SmallTitle, .MediumTitle, .BigTitle {font-family: Arial, Verdana, Sans-Serif; color: #999; font-weight: bold;}
.SmallTitle {font-size: 12pt;}
.MediumTitle {font-size: 14pt;}
.BigTitle {font-size: 18pt;}


.NoteContainerRight {background-image: url('images/note_right_fill.gif');}
.NoteContainerLeft {
	border-top: solid 2px #f7f781; 
	border-left: solid 2px #f7f781; 
	border-bottom: solid 2px #f7f781; 
	background-color: #ffffee;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.QuickAddPanel {padding: 20px; background-color: red; border: solid 2px #999999; }
.QuickAddContainer {background-color: #eee; border: solid 2px #ccc; padding: 10px; margin-bottom: 20px;}
.QuickAddScrollArea {width: 100%; height : 160px; overflow : auto;}

/* tasks */
.Task, .TaskOverdue, .TaskComplete {padding: 10px;}
.Task, .Task Table {background-color: #ffffee;}
.Task  {border: solid 2px #f7f781;}
.TaskOverdue, .TaskOverdue Table {background-color: #FFC9C9;}
.TaskOverdue   {border: solid 2px #CE3232;}
.TaskComplete {background-color: #efefef; color: #999999;}
.TaskComplete {border: solid 2px #cccccc;}

.WizardSubTitle {font-size: 16px; font-weight: bold; vertical-align: top; color: #666666;}
.WizardStepTitle {font-size: 30px; font-weight: bold; font-family: Arial, Sans-Serif; color: #666666;}
.WizardQuestion, .WizardRequiredQuestion {font-size: 14px; font-weight: bold; text-align: right; vertical-align: top; padding-right: 15px; color: #999;}
.WizardRequiredQuestion {color: Orange;}
.WizardControlColumn {}
.WizardLabel {font-size: 12px; text-align: right; padding-right: 15px; color: #666666;}


/* drop down panels */
.DropDownPanelHeader, .DropDownPanelHeaderHover {border: solid 1px #ccc; background-color: #f3f3f3; padding: 10px; font-family: arial Sans-Serif; font-weight: bold; font-size: 12px; color: #666666;}
.DropDownPanelHeaderHover {background-color: #ffffcc;}
.DropDownPanel {border-left: solid 1px #ccc; border-right: solid 1px #ccc;}
.DropDownPanelWithBottom {border-left: solid 1px #ccc; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc;}

/* instruction box */
.InstructionBox 
{
	margin: 10px;
	border: solid 2px #f7f781; 
	background-color: #ffffee;
	padding: 5px;
	color: Maroon;
	text-align: left;
}


.DropDownContainter {
	background-color: #efefef;
	border: solid 2px #666666;	
	padding: 10px;
	visibility: hidden;
}

.SectionTitle {font-family: Calibri; color: #666; text-align: left; line-height: 1.6em; padding-top: 8px;  border-bottom: solid 1px #666; font-size: 18px;}
.SectionTitle a { text-decoration: none; color: #666; }

.JumpToAchorContainer {}
.JumpToAnchorLink {}

.autocomplete_completionListElement 
{
	z-index: 2000;
	overflow: auto;
	border-width: 1px;
	border-style: solid;
	list-style-type: none;
	margin: 0px;
	padding: 0px;	
	background-color: #fff;
	font-family: arial;
	font-size: 10px;
}

.autocomplete_listItem 
{
  padding: 0px;
  margin: 0px;
	padding-left: 3px;
	color: #666;
	font-size: 10px;
	cursor: pointer;
}

.autocomplete_highlightedListItem 
{
  padding: 0px;
  margin: 0px;
	background-color: #3399ff;
	color: white;
	padding-left: 3px;
	font-size: 10px;
	cursor: pointer;
}

.MessageBox {
	background-color: #dc422a;		
}

.MessageBoxText {
	font-size: 12px;
	font-weight: bold;
	color: White;
}

.top-left {
margin-right: 7px; /* clip right corner */
background-image: url('images/tl.gif');
height: 7px; /* vertical: show first half of the image with the top-corners in it */
font-size: 2px; /* correct height for IE */
}
.top-right {
margin-top: -7px; /* to level of top-left corner */
margin-left: 7px; /* clip left corner */
background-image: url('images/tr.gif'); 
background-position: 100% 0; /* show bg-image starting at the right */
height: 7px; 
font-size: 2px;
}
.bottom-left {
margin-right: 7px; /* clip right corner */
background-image: url('images/bl.gif');
background-position: 0 -7px; /* show under half of the image */
height: 7px;
font-size: 2px;
}
.bottom-right {
margin-top: -7px; /* to level of bottom-left corner */
margin-left: 7px; /* clip left corner */
background-image: url('images/br.gif'); 
background-position: 100% -7px; /* under half, right side */
height: 7px; 
font-size: 2px; 
}	

.inside {
	background-color: #dc422a;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	font-weight: bold;
	color: White;
	text-align: left;
}

.notopgap {
	margin-top: 0;
	background-color: #dc422a;
	color: white;
}
.nobottomgap {
	margin-bottom: 0;
	background-color: #dc422a;
	color: white;
}


.popupBackground 
{
	background-image: url('images/white_background.gif');
	/*padding: 50px;
	border: solid 1px #ccc;*/
}

.popupContainer {
	background-color: #efefef;
	border: solid 1px #666;
	width: 500px;
	text-align: left;
	padding-bottom: 3px;
}

.popupContent {
	margin: 3px;
  padding: 5px;
  border: solid 1px #ccc;
  background-color: white;
  font-size: 10px;
}

.popupContent TABLE{
  font-size: 11px;
}


.popupTitle {
	margin: 3px;
	border: solid 1px #005cb8;
	background-color: #3399ff;
	color: white;
	cursor: move;
	padding: 3px;
	font-weight: bold;
}


.calendar {
	table-layout: fixed;
    width: 100%;
    font-size: 8pt;
    color: black;
    text-align: center;
    border: solid 1px #ccc;
    background-color: White;
}

.calendar td 
{
	vertical-align: top;
	overflow: scroll;
	
}

.calendarSelector{

}

.calendarDayHeader {
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
}

.calendarDay, .calendarTodayDay, .calendarOtherMonthDay, .calendarWeekendDay {
	border-top: solid 1px #ccc;
	border-left: dotted 1px #ccc;
	text-align: left;
}
.calendarDay{
	background-color: white;
}

.calendarNextPrev {
	text-align: center;
	vertical-align: middle;
	border: none;
}
.calendarOtherMonthDay{
	background-color: #dfdfdf;
}
.calendarSelectedDay{

}

.calendarTitle .calendarTitle td{
	text-align: center;
}
.calendarTodayDay
{
	background-color: #fffacd;
}
.calendarWeekendDay{
	background-color: #efefef;
	color: #999;
}

.calendarItem {
	text-align: left;
	margin: 5px;
	border: solid 1px #999;
	background-color: #efefef;	
	font-size: .9em;
	padding-left: 3px;
	padding-right: 3px;
}

.calendarItem a {}

.calendarSubItem {}

.scheduleCalendar {text-align: right; font-size: 11px; font-weight: normal; font-size: .8em;}
.scheduleCalendarDayRow {color: #999; font-weight: bold; color: black;}
.scheduleCalendarMonthTitle {text-align: right; color: #999; white-space: nowrap; padding-top: 5px; padding-bottom: 5px;}

.scheduleCalendarDayAvailable , 
	.scheduleCalendarDayAvailableAndScheduled , 
	.scheduleCalendarDayAvailableAndOverScheduled {font-weight: normal; color: #318536; border-bottom: solid 3px white;}
.scheduleCalendarDayAvailableAndScheduled {border-bottom: solid 3px #318536;}
.scheduleCalendarDayAvailableAndOverScheduled{border-bottom: solid 3px #ed1c24;}

.scheduleCalendarDayUnavailable ,
	.scheduleCalendarDayUnavailableAndScheduled,
	.scheduleCalendarDayUnavailableAndOverScheduled  {color: #b0b0b0; border-bottom: solid 3px white;}
.scheduleCalendarDayUnavailableAndScheduled{border-bottom: solid 3px #edc81c; color: #b0b0b0;}
.scheduleCalendarDayUnavailableAndOverScheduled {border-bottom: solid 3px #ed1c24;}

.scheduleCalendarDayNotApplicable {color: white;}

.scheduleLegend {font-size: .8em;}
.scheduleLegendText {border-bottom: solid 3px white; padding-left: 5px; padding-right: 15px; font-size: .8em;}

.toolkitDropDownMenu {
	background-color: white; 
	padding: 5px; 
	border: solid 1px #999;
    white-space: normal;
	width: 300px;
	visibility: hidden;
}

.toolkitDropDownMenuWrapper {
	padding-left: 5px; padding-right: 20px;
}


/* external modules */
.external {}
.external a {font-size: 11px}
.external table {font-family: arial; font-size: 11px; width: 100%;}
.external td {font-family: arial; font-size: 11px	; padding: 3px; border-bottom: solid 1px #ccc; vertical-align: top;}
.external th {font-family: arial; font-size: 11px; padding-bottom: 5px; border-bottom: solid 2px #999; white-space: nowrap;}
.external H3 {font-family: arial; font-size: 14pt; font-weight: bold; }
.external .popup {background-color: White; border: solid 2px #999; padding: 10px;}
.external td div {padding-bottom: 3px;}

.external_rpt {}
.external_rpt a {font-size: 11px}
.external_rpt table {font-family: arial; font-size: 11px; width: 100%;}
.external_rpt td {font-family: arial; font-size: 11px	; padding: 3px; vertical-align: top;}
.external_rpt th {font-family: arial; font-size: 11px; padding-bottom: 5px; white-space: nowrap;}
.external_rpt H3 {font-family: arial; font-size: 14pt; font-weight: bold; }
.external_rpt .popup {background-color: White; border: solid 2px #999; padding: 10px;}
.external_rpt td div {padding-bottom: 3px;}


.preCheckoutMessageContainer {margin-top: 20px; margin-bottom: 40px;}


.EventSearchButton a {font-size: 16px; font-weight: bold;}

.PopupSearchPanel {
  margin-bottom: 10px; 
  border: solid 2px #ccc; 
  padding: 3px; 
  margin-top: 10px; 
  background-color: #efefef;
}

.PopupSearchPanel TABLE {
  background-color: inherit;
}


.PopupSearchPanel DIV {
  background-color: #fafafa;
  padding-left: 5px;
  border: solid 1px #ccc; 
}

/* payment receipt */
.paymentReceipt table {font-family: arial; font-size: 11px; width: 100%; border: solid 1pt black; border-top: black 2.25pt solid; border-collapse:collapse;}
.paymentReceipt td {font-family: arial; font-size: 11px; padding: 3px; vertical-align: top; border: solid 1pt black;}
.paymentReceiptFooter table {font-family: arial; font-size: 11px; width: 100%; height: 120px; border: none; background-color:#DBE5F1}
.paymentReceiptFooter td {font-family: arial; font-size: 11px; padding: 0px; vertical-align:middle;}