html {
	padding: 0;
	margin: 0;
}

body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 100%;
	color: #000;
	background: #FFF;
	font-size: 90%;
	
	/* background-image: url("../images/GreyTexturedSlate.jpg"); */
}

div.header {
  	top: 0px;
  	left: 0px;
  	height: 69px;
  	width: 100%;
  	padding: 0; 
  	/* border-bottom: 2px solid #663333; */
  	margin: 0;
  	z-index: 265; 
	background-image: url("../images/horizontal-tile.gif"); 
}

div.header-dev {
  	top: 0px;
  	left: 0px;
  	height: 69px;
  	width: 100%;
  	padding: 0; 
  	/* border-bottom: 2px solid #663333; */
  	margin: 0;
  	z-index: 265; 
	background-image: url("../images/horizontal-tile-dev.gif"); 
}

div.corner {
	position: absolute;
	height: 85px;
	width: 167px;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	z-index: 870;
	overflow: hidden;
	background-image: url("../images/corner-tile.gif");
}

div.corner-dev {
	position: absolute;
	height: 85px;
	width: 167px;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	z-index: 870;
	overflow: hidden;
	background-image: url("../images/corner-tile-dev.gif");
}

div.companyLogo {
	position: absolute;
	height: 60px;
	width: 100%;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	z-index: 871;
	overflow: hidden;
}

div.companyLogo a { 
	display: block; 
	position: absolute;
	top: 10px;
	left: 40px;
}

div.companyLogo img.corner-logo {
	width: 67px;
	height: 35px;
	z-index: 201;
	border: none; padding: 0; margin: 0;
}

div.companyLogo img.header-logo {
	display: block;
	margin: 0 auto;
}

div.sidebar {
	position: absolute;
  	top: 0;
 	left: 0;
  	width: 148px;
  	height: 100%;
  	padding: 62px 0 0 0; 
  	/* border-right: 2px solid #663333; */
  	margin: 0 0 0 0;
  	z-index: 202; 
  	background-image: url("../images/vertical-tile.gif"); 
}

div.sidebar-dev {
	position: absolute;
  	top: 0;
 	left: 0;
  	width: 148px;
  	height: 100%;
  	padding: 62px 0 0 0; 
  	/* border-right: 2px solid #663333; */
  	margin: 0 0 0 0;
  	z-index: 202; 
  	background-image: url("../images/vertical-tile-dev.gif"); 
}

div.sidebar-title {
	position: relative;
	top: 0px;
	width: 139px;
	font-size: 70%;
	text-align: center;
}

div.sidebar ul.menu, 
div.sidebar-dev ul.menu {
	display: block;
	width: 139px;
	padding-top: 30px;
	list-style: none;
	margin-left: 0;
}

div.sidebar ul.menu li,
div.sidebar-dev ul.menu li {
	font-variant: small-caps;
	font-size: 100%;
	margin: 0;
	padding: 0.2em;
	text-align: center;
}

a.logout {
	display: block;
	padding-top: 0;
	list-style: none;
	font-variant: small-caps;
	font-size: 100%;
	width: 137px;
	margin: 0 0 5px 0;
	text-align: center;
}

a.logout:link {text-decoration: none; color:#294747;}
a.logout:visited {text-decoration: none; color:#294747;}
a.logout:active {text-decoration: none; color:#294747;}
a.logout:hover {text-decoration: none; color: #FFFFFF;  background-color: #87A8A8; border: 1px solid #294747; margin: 0 0 3px 0;}

/*div.footer {
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 1.0em;
  padding: 0; 
  overflow: auto;
  border-top: 2px solid #663333;
  margin: 0;
  z-index: 290; 
  background-image: url("../images/CreamTexturedSlate.jpg");
  visibility: hidden;
}*/

div.header, div.sidebar, div.footer,
div.header-dev, div.sidebar-dev {
	position: absolute;
	overflow: auto;
}

div.sidebar,
div.sidebar-dev {overflow : visible; }

body>div.header,
body>div.corner,
body>div.sidebar,
body>div.footer,
body>div.companyLogo,
body>div.header-dev,
body>div.corner-dev,
body>div.sidebar-dev {
	position: fixed;
}

div.main {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding: 0 0 0 0; 
	margin: 0 0 0 0;
	border: none;
	z-index: 201; 
	background-image: url("../images/ForegroundChalkParchment.jpg");
	
}

div.content {
	margin: 72px 0 0 155px;
	padding-bottom: 0;
	z-index: 203; 
	background-image: url("../images/ForegroundChalkParchment.jpg");
}

h1 { font-size: 180%; color: #005555; }

h2 { font-size: 150%; }

.obj-name-head { margin-top: 0; }

div.enum { height: 3em; }

div.general {  }

li.error, span.error { font-weight: bold; color:  #BB0000; }
li.warn, span.warn { font-weight: bold; color:  #AA6600; }
li.info, span.info { font-weight: bold; color:  #000099; }

div.panelTipBox { font-style: oblique; width: 400px; }

div.panelTipShowDetail { margin-bottom: 5pt; }
div.panelTipBox2 { margin-bottom: 10px;  font-style: oblique; }
div.panelTipBox2 span { float: left; padding: 0px 20px 0 10px; }
div.panelTipBox2 div.tiplist { margin-left: 12pt; }

.captionForm { padding: 10px; }
.captionForm legend { font-size: 100%; }
div.databugHistory { width: 320px; }

div.messages { clear: left; }

/*span.copyright p {
	font-size: 80%;
	font-weight: bold; 
	text-align: center;
	margin: 0.1em 0 0 0;
}*/

div.copyright {
	position: fixed;
	bottom: 10px;
	width: 140px;
	z-index: 500;
}

div.copyright h6 {
	text-align: center;
	padding: 0;
	margin: 0;
}

div.hidden-content {
	position: absolute;
	margin: 26px 6px;
	left: -1000px; 
	top: -1000px; 
}

div.visible-content {
	position: absolute;
	margin: 26px 6px;
	left: 800px;
	top: 0px;
}

div.accordion-content-frame {
	position: static;
	margin: 0;
	left: 0;
	top: 0;	
}

div.active-status a.activate-button {
	display: none;	
}

div.inactive-status a.inactivate-button {
	display: none;	
}

.tab-order-disabled { display: none; }

span.instruction { color: #005599; font-weight: bold; font-size: 140%; padding-left: 0; }

span.textHeader,
span.dateHeader,
span.weekdayHeader { display: block; text-align: center; }

span.weekdayHeader,
span.dosageHeader { color: #660000; }

div.mealTypeKey { margin: 1em 0; }
span.mealTypeKey { font-size: 90%; color: #222266; font-weight: bold; margin: 0 0.8em; letter-spacing: 0.01em; }

span.classroom,
span.mealCountName,
span.employeeType,
span.vendorName,
span.dosageRowHeader {color: #222277; font-weight: bold; font-size: 100%; padding-left: 0; padding-right: 0.5em; margin-left: 0; text-indent: 0.2em; }

a.employee:link,
a.employee:visited,
a.client:link, 
a.client:visited,
a.vendor:link,
a.vendor:visited { display: block; color: #222277; font-size: 100%; padding-left: 0; margin-left: 0; text-indent: 2em; }

a.client:link, 
a.client:visited,
a.employee:link,
a.employee:visited { font-weight: bold; text-indent: 0.2em; }

a.activeChild:link, a.activeChild:visited, 
a.activeProvider:link, a.activeProvider:visited,
a.activeSponsor:link, a.activeSponsor:visited {display: block; color: #007744; }

a.inactiveChild:link, a.inactiveChild:visited, 
a.inactiveProvider:link, a.inactiveProvider:visited,
a.inactiveSponsor:link, a.inactiveSponsor:visited {display: block; color: #993333; }

a.withdrawnChild:link, a.withdrawnChild.visited {display: block; color: #666699; }
a.ineligibleChild:link, a.ineligibleChild:visited {display: block; color: #CC6600; }
a.pendingChild:link, a.pendingChild:visited, 
a.pendingProvider:link, a.pendingProvider:visited, 
a.pendingSponsor:link, a.pendingSponsor:visited {display: block; color: #8800AA; }

a.classroomChild:link, a.classroomChild:visited {text-indent: 4.5em; }

a.claimProvider:link {text-indent: 1em; }

div.subTable a {text-indent: 8em; }

input.mealCountDay, span.mealCountDay input, mealCountDayDisabled, span.mealCountDayDisabled input { text-align: right; }

/* .inputNumber, */
.inputDate,
.inputDate *,
.inputNumber input {text-align: right; }

span.outputNumber {display: block; text-align: right; margin: 1px 1px 1px 0; width: 100% }
span.outputUnit {padding-left: 10px; }

input.mealCountDayDisabled,
span.mealCountDayDisabled input,
input.inputNumberDisabled,
span.inputNumberDisabled input,
input.inputDateDisabled,
span.inputDateDisabled input {background-color: #DDDDDD; border-color: #CCCCCC; }

input.inputNumberDisabled,
span.inputNumberDisabled input { text-align: right; }

span.readOnly, 
span.readOnly *,
tr.readOnly td div {font-weight: bold; color: #222277; }

tr.readOnly td div { min-width: 100pt; }

span.readOnly input, span.readOnly div {color: #222277; background: transparent; border: none; display: inline; }


span.footer {margin: 0 auto 0 auto; }

div.dchCalendar table { width: 100%; margin-bottom: 0.5em; }
div.dchCalendar a,
div.dchCalendar td {font-size: 130%; }
div.hidden {position: absolute; top: -1000px; }

div.dchSchedule { width: 100%; }
td.dayContent {overflow: hidden; height: auto;} 
td.header {width: auto; }
td.selectedEntry {background-color: #AA0000; overflow: hidden; }
td.selectedDay {background-color: #00AA00; }

div.selectBoolean {text-align: center; }
div.attendanceDate div {text-align: center; color: #660000; font-weight: bold; }
span.attendanceStatus {text-align: center; color: #660000; font-weight: bold; font-variant: small-caps; }

div.buttonGroup {padding: 1em; width: 100%; min-height: 30px; }
div.buttonGroup-compact { padding: 1em; width: 100%; margin: 0 0 -1em 0; min-height: 30px; }

div.buttonGroup a:link,
div.buttonGroup-compact a:link {padding: 0 0.7em; }

.adobeButton { width: 164px; height: 42px; margin-left: 50px; margin-top: -10px; border: thin hidden transparent; }

.messages {margin: 0 1em 0 0; }

/* div.tabGroup { border-top: 1px solid #888822; } */

div.formFrame { border: 1px solid #888822; padding: 0.5em; }

div.tableActions { float: left; border-bottom: 1px solid; padding: 2px 0; font-size: 80%; width: 100%; font-weight: normal; }
.tableActionFacet { font-size: 70%; font-weight: normal; border: 1px solid #0000FF; width: 20em; }
.tableActionFacet a:link {border: 1px solid #FF0000; display: block; }

/*
div.tableActions a {margin: 0; padding: 0; }
div.tableActions a img {margin: 0 0 0 0; padding: 0 0 3px 3px; vertical-align: middle; }
*/
span.tableSelectText {display: block; float: left; padding-left: 2px; line-height: 15pt; }
div.tableGeneralAction { float: left; }
div.tableSelectAction { float: left; border-right: 1px solid; padding-right: 3px;  padding-bottom: 0px; margin: 0 2px; }
div.tableActions a:link {margin-bottom: 0px; display: inline; vertical-align: middle; } 

*.tabPanel * {font-size: 100%; }

div.tabPanel td,
div.formPanel td {padding-bottom: 2px; }

div.tabPanel h1 {font-size: 100%; margin-top: 10px; }

table.tabPanel h1 {font-size: 120%; }
table.tabPanel {margin-top: 0.5em; }
table.tabPanel td {height: 0.8em; }

table.tabPanelBox {margin: 2px 0;  }
table.tabPanelBox table {padding: 1px; }
table.tabPanelBox td {height: 1px; font-size: 100%; }
table.tabPanelBox table.tabPanel td {height: 1.8em; }

div.primaryGuardianPanel { min-width: 500pt }

.lightBox {background-color: #BB95BB;}
.lightBox td {padding: 1px 1px 1px 2px; margin: 1em; background-color: transparent; }

table.insetTable {margin: 0; padding: 0;}
table.insetTable td span.insetColHeader {font-size: 100%; color: #222266; font-weight: bold; width: 100%; height: 100%; padding: 0 0.2em; text-align: center; }
table.insetTable td span.insetRowHeader {font-size: 100%; color: #222266; font-weight: bold; width: 100%; height: 100%; padding: 0.2em; }

.windowPane { font-size: 110%; }
.windowPane input { margin: 3pt 0; }
.windowPane label { padding-right: 5px; }


/* div.fbgConvert {margin-top: 5px; } */

span.sampleRowHeader {color: #222266; font-weight: bold; width: 100%; height: 100%; padding: 0.2em; }


span.dosageDate input {font-size: 80%; }
/* span.dosageDate img {visibility: hidden; width: 0; height: 0; } */
td.dosageDate {background: #DDDDDD;}

/* span.embeddedSelectDate img {visibility: hidden; width: 0; height: 0; } */

ul.csv { margin: -1em 0 1em 0; padding: 0 0 0 4em; list-style-type: none; font-size: 95%; }
ul.csv li { text-indent: -2em; }
ul.csv li span { font-weight: bold; }

.instructions {color: #000088; font-weight: bold; font-style: oblique; margin: 0 0 2em 1em; }

span.mealsServed, span.readOnly * {color: #222277; }

span.warning * {color: #880000; font-variant: small-caps; font-weight: bold;  font-size: 110%; font-style: oblique; }

span.ageType *, 
span.tieringType * {padding-left: 0.5em; font-variant: small-caps; font-weight: bold; font-size: 120%; font-style: oblique; }

td input.permitted,
th span.permitted,
span.permitted {color: #007700; }

td input.prohibited,
th span.prohibited,
span.prohibited {color: #880000; }

span.active, span.free-tiering { color: #007744; font-style: oblique; font-variant: small-caps;  }
span.withdrawn {padding-left: 2em; color: #666699; font-style: oblique; font-variant: small-caps; }
span.ineligible, span.ineligible-tiering { color: #CC6600; font-style: oblique; font-variant: small-caps; }
span.inactive, span.paid-tiering {color: #993333; font-style: oblique; font-variant: small-caps; }
span.pending, span.substitute {padding-left: 2em; color: #8800AA; font-style: oblique; font-variant: small-caps; }
span.new, span.reduced-tiering {color: #0000AA; font-style: oblique; font-variant: small-caps; }
span.tieringTypeTitle {padding-left: 0em; color: #222277; font-style: oblique; font-variant: small-caps;  }

span.active, span.inactive, span.ineligible, span.new {padding-left: 2em; }

td.income-eligibility-expiring, span.income-eligibility-expiring, .income-eligibility-expiring input { background-color: #FFFFCC; }
td.income-eligibility-expired, span.income-eligibility-expired, .income-eligibility-expired input { background-color: #FFCCFF; }
td.income-eligibility-valid, span.income-eligibility-valid, .income-eligibility-valid input { }

span.panelLabel { padding-left: 10px; white-space:nowrap;}
span.panelLabel2 { font-style: oblique; padding: 0 0.5em; white-space:nowrap;}

.tab-header {font-family:Arial,Helvetica,Geneva,sans-serif; font-size:10pt; font-weight:normal; border-spacing: 0; }
.tab-header td {padding: 0; }
.tab-header img {vertical-align:bottom}

.tab-header-body { white-space:nowrap; line-height:100%; padding:2px 6px; }

.tab-header-body a {text-decoration:none; font-weight:bold; font-size:14pt; color: #FFFFFF; }

.tab-header-body.tab-purple, table.tab-purple, .mockSubtab.tab-purple { background-color: #800080; background-image: url("../images/tabHeaderPurpleSelectedBackground.gif"); }
.tab-header-body.tab-blue, table.tab-blue, .mockSubtab.tab-blue { background-color: #483D8B; background-image: url("../images/tabHeaderBlueSelectedBackground.gif"); }
.tab-header-body.tab-green, table.tab-green, .mockSubtab.tab-green { background-color: #2E8057; background-image: url("../images/tabHeaderGreenSelectedBackground.gif"); }
.tab-header-body.tab-red, table.tab-red, .mockSubtab.tab-red { background-color: #700000; background-image: url("../images/tabHeaderRedSelectedBackground.gif"); }
.tab-header-body.tab-gold, table.tab-gold, .mockSubtab.tab-gold { background-color: #A17D19; background-image: url("../images/tabHeaderGoldSelectedBackground.gif"); }

.tab-blue table.tab-blue,
.tab-purple table.tab-purple,
.tab-green table.tab-green,
.tab-red table.tab-red,
.tab-gold table.tab-gold {background-color: transparent; width: 100%; border-bottom: 3px solid #000000; }

/* .panelTabbedTable { margin: -0px -2px 0 -2px; } */
.nestedTable { padding-left: 45px; }
.claim-options { padding-left: 4.5em; }
.claim-options-nested { padding-left: 7em; }

.claim-options a, .claim-options-nested a { color: #000000; text-decoration: none; }
.claim-options a:hover, .claim-options-nested a:hover { color: #660000; text-decoration: underline; }

.archivedClaimYear { color: #000033; font-weight: bold; }

.cm-pending { color: #6600AA; }
.cm-processing { color: #CC6600; font-weight: bold; }
.cm-original { color: #0066CC; font-weight: bold; }
.cm-amended { color: #000099; font-weight: bold; }

.cm-label, .cm, .rn-label, .rn { font-size: 110%; font-weight: bold; }
.cm-label, .rn-label { text-indent: 1em; color: #005555; }
.cm-status { font-style: oblique; font-variant: small-caps; font-weight: bold;}

.tabHeaderTable,
.calendarScheduleTable {margin-top: 3px; }

.showOneTabTable { margin: -7px -10px 0 -10px; }

.showOneTabTable table { border-bottom: none; background-image: url("../images/ForegroundChalkParchment.jpg"); background-color: #FFFFFF; }

.mockSubtab {height: 1.0em; border-bottom: 3px solid #000000; padding: 2px 0 3px 0; font-size: 11pt; font-weight: bold; }

.embeddedPdf {border: 1px solid #000000; min-height: 1000px; height: 100%; width: 100%; }
.pdfDiv {border: 1px solid #000000; height: 100%; width: 98%; }

/*
.select-group-labels {float: right; border-bottom: 1px solid #000000; margin-bottom: 5pt; }
*/
.select-group-label {/*margin: 5pt 5pt;*/ font-weight: bold; }
/*
.select-group-items {float: right; margin-left: 5pt; margin-right: 5pt; }
*/
.select-group-item {margin: 5pt 24pt; }

.select-group-item-label {/*float: left;*/ padding-right: 5pt; }

.separator8-1 {width: 8px; height: 1px; }
.separator5-1 {width: 5px; height: 1px; }
.separator10-1 {width: 10px; height: 1px; }
.separator15-1 {width: 15px; height: 1px; }
.separator20-1 {width: 20px; height: 1px; }
.separator40-1 {width: 40px; height: 1px; }
.separator1-20 {width: 1px; height: 20px; }
.separator1-10 {width: 1px; height: 10px; }
.separator1-15 {width: 1px; height: 15px; }
/*
.separator10-1 img, .separator15-1 img, .separator20-1 img { border: none;}
*/
.tabHeaderTable a.crt-button:link { } /* XXXX */

div.scheduled-menu-table { overflow: auto; height: 80%; }
div.scheduled-menu-table input { margin: 2px; }
div.scrollPanel { overflow: auto; height: 70%; width: 95%; border: 1px solid #666666; }

/**************************************************
 * css classes for Trinidad table detail stamp styling
 **************************************************/

div.dstamp { padding-bottom: 5pt; }
	
div.dstamp-header { 
	color: #035D5C;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
	height: 15pt; 
	border-left: 1px solid #AAAAAA; 
}

div.dstamp-row {
	font-size: 10pt;
	height: 15pt; 
	border-left: 1px solid #AAAAAA; 
}

span.dstamp-data { 
	padding: 0 3pt;
	border: 1px solid #AAAAAA; 
	border-top: 0;
	border-left: 0;
	display: block; 
	float: left; 
	height: 15pt; 
}

div.dstamp-header span.dstamp-data { 
	border-top: 1px solid #AAAAAA; 
	background-color: #CCCCFF; 
}

span.col-30pt { width: 30pt; }
span.col-50pt { width: 50pt; }
span.col-150pt { width: 150pt; }
span.col-200pt { width: 200pt; }

div.dstamp-header.income-eligibility, 
div.dstamp-row.income-eligibility { 
	margin-left: 4em; 
	width: 500pt; 
}

div.dstamp-row.income-eligibility a.activeChild:link,
div.dstamp-row.income-eligibility a.activeChild:visited,
div.dstamp-row.income-eligibility a.pendingChild:link,
div.dstamp-row.income-eligibility a.pendingChild:visited { display: inline; }





/**************************************************
 * css classes for calendar/grid schedule components
 **************************************************/

.calendar-schedule, .grid-schedule { 
	background-color: #FFFFFF; 
	font-size: 120%; 
	border: 1px solid #000000; 
	width: 340pt;
	/* width: 25.7em; */
}

.grid-schedule { width: 243pt; }

.date-picker, .grid-picker {position: absolute; margin: 2px; cursor: pointer; }

.month-header, .grid-header {min-height: 28px; padding-top: 5px; font-weight: bold; }

.month-content, .grid-content {
	width: 100%;  
}

.weekday-header, .column-header {
	font-size: 0.5em; 
	font-weight: bold;
	text-align: center;
}

.day-content, .cell-content, 
table.tabPanelBox td.cell-content { 
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	width: 45pt; 
	height: 3em; 
	border: 1px solid #999999; 
	font-size: 1.0em;
	z-index: 38;
	background-color: #FFFFFF; /* Required for Rico Drag-and-drop */
}

.week-sidebar-content, .row-sidebar-content {
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	width: 1em; 
	/* height: 3.0em; */
	border: 1px solid #999999; 
	font-size: 1.0em;
	z-index: 38;
}
.week-event, .row-event {
	width: 1em;	
}

.week-content .day-current, 
.row-content .cell-current {
	border: 1px solid #0000FF;
}

.week-body, .row-body {
	padding: 0;
	margin: 0;
	height: 65%;
	overflow: visible;
	font-size: 0.6em;
	position: relative; 
	height: 3.75em; 
	width: 100%;
	z-index: 800;
}

.day-valid:hover, 
.cell-valid:hover {
	/* border-color: #000000; */
}

.day-header,
.cell-header {
	top: 0;
	left: 0px;
	height: 35%; 
	width: 45pt;
	font-size: 0.9em; 
	font-weight: bold;
	text-indent: 0.1em;
	z-index: 0;
	margin: 0;
	border-bottom: 1px solid #999999; 
}

.day-header img,
.cell-header img { float: right; margin: -1.1em; padding-right: 1.6em; width: 1.0em; height: 0.8em; }

.day-body,
.cell-body {
	padding: 0;
	margin: 0;
	height: 65%;
	overflow: visible;
	font-size: 0.6em;
	position: relative; 
	height: 3.75em; 
	width: 45pt;
}

.day-valid .day-header,
.day-holiday .day-header,
.cell-valid .cell-header,
.cell-inactive .cell-header {
	background-color: #B5C8CF; 
}

.day-current,
.cell-current {
	font-weight: bold;
}

.day-invalid,
.day-holiday,
.cell-invalid,
.cell-inactive { background-color: #DDDDDD; }

.day-invalid .day-header,
.cell-invalid .cell-header {
	background-color: #CCCCCC; 
	border-bottom-color: #BBBBBB;
	/*width: 5.35em; */
}

.event { display: block; position: relative; width: 45pt; height: 3.75em; text-decoration: none; overflow: hidden; text-align: center; }
.event:hover {overflow: visible; color: #000000; }

.event-valid { color: #000000; font-weight: bold; }
.event-valid:hover .event-detail { font-weight: bold;  color: #007744; }

.event-invalid { color: #000000; font-weight: bold; }
.event-invalid:hover .event-detail {font-weight: bold;  color: #993333; }

.event-summary {display: block; width: 45pt; height: 3.75em; }
.event:hover .event-summary {display: block; width: 45pt; height: 3.75em; overflow: hidden; cursor: pointer; }

.week-event { display: block; position: relative; width: 1em; height: 3.75em; text-decoration: none; overflow: hidden; text-align: center; }
.week-event:hover {overflow: visible; color: #000000; }
.week-event .event-summary {display: block; width: 1em; height: 3.75em; }
.week-event:hover .event-summary {display: block; width: 1em; height: 3.75em; overflow: hidden; cursor: pointer; }

.event-empty:hover {border: 1px solid #000000; margin: -1px; }

/* .event-valid:hover .event-summary { background-color: #87BBA8; }

.event-invalid:hover .event-summary { background-color: #BB6666; }
*/

.event-eligible {background-color: #33DDCC; }
.event-sub-eligible {background-color: #FFFFCC; }
.event-ineligible {background-color: #DDCCCC; }

.event-eligible:hover .event-summary, div.menu-eligible, div.menu-cycle-eligible {background-color: #33EECC; }
.event-sub-eligible:hover .event-summary, div.menu-sub-eligible, div.menu-cycle-menu-eligible {background-color: #FFFF99; }
.event-ineligible:hover .event-summary, div.menu-ineligible, div.menu-cycle-ineligible {background-color: #FFCCCC; }

.event-detail { display: none; overflow: hidden; width: 3.2em; height: 3em; cursor: pointer; }

.event:hover .event-detail {
	display: block;
	position: absolute; 
	top: 2em; 
	left: 2.5em; 
	width: 10em;
	border: 1px solid #87A8A8;
	font-size: 120%;
	background-color: #F8F8D8;
	text-align: center;
	overflow: visible;
	z-index: 700;
}

.week-event:hover .event-detail,
.row-event:hover .event-detail {
	top: 0; 
	left: 1em;
	height: 3.75em; 
}

.event-eligible:hover .event-detail {color: #007744; }
.event-sub-eligible:hover .event-detail {color: #663300; }
.event-ineligible:hover .event-detail {color: #993333; }

.menu-option-draggable {
	display: block; 
	height: 2.45em; /*height: 3.75em;*/ 
	width: 45pt; /*width: 10em;*/
	font-weight: bold;
	/* color: #483D8B; */
	/* background-color: #F8F8D8; */
	padding: 2px;
	text-align: center;
	text-decoration: none; overflow: hidden; text-align: center;
  	-moz-opacity     : 0.85;
  	z-index: 900;
}

div.menu-eligible, div.menu-cycle-eligible {border: 2px solid #007744; }
div.menu-sub-eligible, div.menu-cycle-menu-eligible {/*border: 2px solid #663300;*/ }
div.menu-ineligible, div.menu-cycle-ineligible {border: 2px solid #993333; }


/********************************************************
 * css layers and classes for attendance input component
 ********************************************************/

.attendance-input {padding-top: 2px; padding-bottom: 1em; }
.attendance { border-collapse: collapse; border: 1px solid #000000; margin: 0; padding: 0; background-color: #F3F3FF;}

.attendance-header {text-align: center; font-size: 100%; font-weight: bold; color: #000066; }

.attendance-header .primary { font-variant: small-caps; background-color: #CCCCCC;}
.attendance-header .secondary {font-size: 100%; color: #660000; background-color: #CCCCCC; }

.attendance-header td {padding: 0 1em; }

.attendance-body { background-color: #F3F3FF; padding: 1px;  }

.attendance-body tr { background-color: #F3F3FF;  }

.attendance .name { padding: 0 1em; width: 5em; white-space: nowrap; }
.attendance .age {padding: 0 1em; text-align: right; white-space: nowrap;}

.attendance .option { padding: 0.2em 1em; text-align: center; }

/**************************************************
 * css layers and classes for menu input components
 **************************************************/

.menu-input { /*border-top: 1px solid #000000; */ }

.reference-input,
.meal-input {float: left; padding: 1em 0; }

.reference,
.meal { border-collapse: collapse; border: 1px solid #000000; margin: 0; padding: 0; background-color: #F3F3FF;}

.reference-caption,
.meal-caption {width: 54em; }

.reference-body-prefix { padding-left: 60pt; }

.reference-type,
.meal-type {float: left; display: inline; padding: 0 0 0 1em; margin: 0; text-align: left; font-variant: small-caps; font-weight: bold; font-size: 130%; overflow: hidden; }

.cn-label {
	float: right; display: inline; text-align: right; font-size: 80%; font-weight: bold; color: #660000;
	margin-bottom: 4px;
 	/* background-color: #CCCCCC; border: 1px solid #000000; border-bottom: none; */
}

.cn-label-text {padding-right: 0.8em; }

.cn-label input { }
.cn-label input.read-only { border: none; background:transparent; color: #000066; }

.meal-status,
span.menu-status, span.menu-cycle-status { padding-left: 2em; padding-right: 0; font-style: oblique; font-variant: small-caps; }

tr.menu-status td div, tr.menu-cycle-status td div { font-variant: small-caps; font-weight: bold; font-style: oblique; }

span.menu-status, span.menu-cycle-status {font-size: 120%; font-weight: bold; }

td span.menu-status, td a.menu-status, td span.menu-cycle-status {font-size: 100%; padding-left: 1em; font-variant: normal; }

span.menu-eligible, tr.menu-eligible td div, 
a.menu-eligible:link, a.menu-eligible:visited,
span.menu-cycle-eligible, tr.menu-cycle-eligible td div {color: #007744; }

span.menu-sub-eligible, tr.menu-sub-eligible td div, 
a.menu-sub-eligible:link, a.menu-sub-eligible:visited,
span.menu-cycle-menu-eligible, tr.menu-cycle-menu-eligible td div {color: #663300; }

span.menu-ineligible, tr.menu-ineligible td div, 
a.menu-ineligible:link, a.menu-ineligible:visited,
span.menu-cycle-ineligible, tr.menu-cycle-ineligible td div {color: #993333; }

span.menu-new, tr.menu-new td div,
span.menu-cycle-new, tr.menu-cycle-new td div {color: #0000AA; }

a.menu-eligible, a.menu-sub-eligible, a.menu-ineligible {display: block; }
div.cycle-detail a {text-indent: 4em; }


span.schedule-src { padding-left: 1em; font-variant: none; font-style: normal; font-weight: normal; }

.crt-dnd-source, schedule-src {
	background-color: transparent; /* Required for Rico Drag-and-drop */
	cursor: pointer;
}

.reference-header,
.meal-header,
.meal-footer {text-align: center; font-size: 90%; font-weight: bold; color: #000066; }

.reference-header .week-primary,
.meal-header .primary,
.meal-header .week-primary { font-variant: small-caps; background-color: #CCCCCC;}

.reference-header .week-secondary,
.meal-header .week-secondary { font-size: 90%; background-color: #CCCCCC; }

.meal-header .secondary,
.meal-footer .secondary,
.meal-header .week-tertiary {font-size: 90%; color: #660000; background-color: #CCCCCC; }

.meal-footer-info,
.meal-footer input { text-align: right; margin: 1px; }


.reference-body,
.meal-body { background-color: #F3F3FF; padding: 1px;  }

.reference-body tr,
.meal-body tr { background-color: #F3F3FF;  }

.reference-input,
.meal-input { float: none; }

.food-group {font-size: 80%; font-weight: bold; color: #000066; white-space: nowrap; }

.fg-name {}

.mc-form { }

.mc-ageset { }

.week-mc-description {width: 5em; color: #000000; }
.week-mc-description textarea {font-size: 80%; color: #000000; background-color: transparent; border: 0; overflow: hidden; }

.mc-primary td {padding-left: 0.2em; padding-top: 0.2em; }
.mc-secondary td { padding-left: 0.2em; padding-bottom: 0.3em; }

.meal-component .qty,
.meal-component .qty span { text-align: center; left: auto; right: auto; display: block; }

.meal-component .qty input,
.meal-component .mc-estimated-qty { text-align: right; left: auto; right: auto; display: block; }

.meal-component .mc-actual-qty input { text-align: right; }

.meal-component .unit { text-align: center; }

.meal-component .hidden {visibility: hidden; }

.meal-component select.hidden { width: 0; float: right; }

.meal-component input.read-only { border: none; background:transparent; color: #000066; }

span.match { text-decoration: underline; font-weight: bold; }
span.suggestion { margin: 0 -1em; padding: 1px 1em; }

.suggestDiv { 
	background: #BBDDFF; 
	color: #0000CC; 
	border: 1px solid #000000; 
	margin: 0; 
	padding: 0.3em 1em; 
	white-space: nowrap; 
	font-size: 80%; 
}

span.selection { background: #EEEEFF; cursor: pointer; margin: 0 -1em; padding: 1px 1em; }

/**************************************************
 * css layers and classes for list navigation list
 **************************************************/
 
div.sidebar-navigation { 
	margin-left: 1px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #546359;
	background-color: #EAF4F4;
	width: 136px;
	z-index: 501;
}

div.sidebar-navigation.provider-menu { 
	padding: 0px 0px 20px 0px;
	margin-bottom: -21px;
}

div.sidebar-navigation a.nav-item,
div.sidebar-navigation a.nav-item-disabled {
	font-size: 95%;
	text-decoration: none;
	display:block;
	color: #000000;
	background-color: #F9FFFF;
	border-left: 1px ridge #000033;
	border-bottom: 1px groove #CCCCFF;
	padding-left: 12px;
	margin-left: -14px;
}

div.sidebar-navigation a.admin-main,
div.sidebar-navigation a.sponsor-main,
div.sidebar-navigation a.center-main,
div.sidebar-navigation a.dch-provider-main {
	background-color: #EAF4F4;
	/*color: #008080;*/
	color: #FFFFFF;
	font-variant: small-caps;	
	font-size: 100%;
	letter-spacing: 0px;
	width: 100%;
	border-left: none;
	border-bottom: none;
	margin-left: 0px;
	padding-left: 3px;
	padding-top: 3px;
}

div.sidebar-navigation a.cm-ms1,
div.sidebar-navigation a.cm-ms2,
div.sidebar-navigation a.dm-ms1,
div.sidebar-navigation a.dm-ms2 {
	margin-left: -30px;
	padding-left: 25px;	
}

div.sidebar-navigation a.admin-main {
	background-color: #999966;	
	background-image: url("../images/tabHeaderGoldSelectedBackground.gif");
	background-repeat: repeat;
	margin-top: 1px;
	/* margin-right: 5px; */
}

div.sidebar-navigation a.sponsor-main {
	background-color: #660000;	
	background-image: url("../images/tabHeaderRedSelectedBackground.gif");
	background-repeat: repeat;
	margin-top: 1px;
}

div.sidebar-navigation a.center-main {
	background-color: #993366;	
	background-image: url("../images/tabHeaderPurpleSelectedBackground.gif");
	background-repeat: repeat;
	margin-top: 1px;
}

div.sidebar-navigation a.dch-provider-main {
	background-color: #000066;	
	background-image: url("../images/tabHeaderBlueSelectedBackground.gif");
	background-repeat: repeat;
	margin-top: 1px;
}

div.sidebar-navigation table tbody tr td a {
	min-height: 22px;
	display: block;
}

div.sidebar-navigation a.nav-item-disabled {
	color: #999999; 
	background-color: #EEEEEE;
	font-style: oblique;
	font-weight: normal;
}

div.sidebar-navigation a.nav-item:hover {
	color: #FFFFFF;  background-color: #87A8A8;
}

div.sidebar-navigation a.admin-main:hover {
	background-color: #BB9900;
	background-image: none;
}

div.sidebar-navigation a.sponsor-main:hover {
	background-color: #AA0033;
	background-image: none;
}

div.sidebar-navigation a.center-main:hover {
	background-color: #993399;
	background-image: none;
}

div.sidebar-navigation a.dch-provider-main:hover {
	background-color: #6699CC;
	background-image: none;
}

div.sidebar-navigation table {	
	background-color: #FCFAFF;
	width: 100%;
	padding-right: 2px;
}

div.sidebar-navigation table tbody tr td {	
	padding-bottom: 0;
}

/********************/
/*
div.subnavigation {
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #546359;
	background-color: #EAF4F4;
}

div.subnavigation_outer {
	position: relative;
	top: 30%;
	width: 139px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	z-index: 501;
}
div.subnavigation_outer h1  {
	font-size: 1.5em;
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

div.subnavigation ul li a,
div.subnavigation ul li.navItem a,
div.subnavigation ul li span.navItem {
	display: block;
	background-color: #D1E4E4;
	color: #294747;
	text-decoration: none;
	border-bottom: 1px solid #87A8A8;
	padding: 2px 10px;
	margin: 0px;
	font-variant: small-caps;
}

div.subnavigation .menuItem, span.vendorText {
	font-variant: small-caps; font-size: 95%; 
}
*/
span.vendorText {
	font-variant: small-caps; 
	font-size: 95%; 
}

.mealServiceNav .navItem, .mealServiceNav .selected { }
.menuOnly { color: #333399; }

/*
div.subnavigation ul li.menuItem.selected a {
	font-weight: bold;
	color:#294747;
	background-color: #F0FFFF;
}

div.subnavigation ul li.menuItem.selected a.subMenuItem {
	font-weight: normal;
	font-variant: normal;
	background-color: #FFFFFF;
}
*/

div.subnavigation {
	background-color: #FCFAFF;
	margin-right: 11px;
	border-left: 1px solid #000000;
	/* border-bottom: 1px solid #000000; */
	margin-left: 1px;
}

div.subnavigation ul li.menuItem.selected a.subMenuItem:link, ul.vendorList li a:link {color:#294747; text-decoration: none;}
div.subnavigation ul li.menuItem.selected a.subMenuItem:visited, ul.vendorList li a:visited {color:#294747; text-decoration: none;}
div.subnavigation ul li.menuItem.selected a.subMenuItem:hover, ul.vendorList li a:hover {color: #FFFFFF;  background-color: #87A8A8; text-decoration: none;}
div.subnavigation ul li.menuItem.selected a.subMenuItem:active, ul.vendorList li a:active { color:#294747; text-decoration: none;}

div.subnavigation ul ul li a,
div.subnavigation ul ul li span.navItem {
	padding: 2px 20px 2px 25px;
	margin: 0px;
	background-color: #FFFFFF;
}

div.subnavigation ul ul li span.navItem { color: #AAAAAA; }

div.subnavigation ul ul li ul li a,
div.subnavigation ul ul li ul li span.navItem {
	padding: 2px 20px 2px 35px;
	margin: 0px;
}

div.subnavigation ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

div.subnavigation li {
	margin: 0px;
	padding: 0px;
	display:inline;
}

div.subnavigation ul.navItem li a,
div.subnavigation ul.navItem li span.navItem {
	padding: 2px 20px 2px 20px;
	margin: 0px;
	background-color: #EAF4F4;
}

div.subnavigation ul.navItem ul li a:hover {color: #FFFFFF;  background-color: #87A8A8; font-size: 90%;}

div.subnavigation ul li a.subMenuItem { display: none; }
div.subnavigation ul li.subMenuItem a.subMenuItem { display: block; }

div.subnavigation ul li.menuItem.selected a.subMenuItem.nav-item-disabled { color: #999999; background-color: #EEEEEE; }

ul.vendorList { 
	display: block; 
	position: absolute;
	left: -2000px;
	height: auto;
	z-index: 250;
	list-style-type: none;
	border-left: 1px solid #546359;
	border-bottom: 1px solid #546359;
	border-right: 1px solid #546359;
}

ul.vendorList li {
	display: block;
	margin: 0;
	padding: 0 0;
	border: 1px solid;
	width: auto;
}

ul.vendorList li a,
ul.vendorList li span { 
	display: block;
	white-space: nowrap; 
	background-color: #EAF4F4;
	width: auto;
	border-bottom: 1px solid #87A8A8;
	margin: 0;
	padding: 3px 20px;
}

ul.vendorList li span { color:#294747; }

#vendorTrigger {
	padding: 2px 20px 2px 13px; 
	margin: 0 0px 0 18px; 
	background-color: #F9FFFF; 
	color: #333399;
	border-left: 1px ridge #000033; 
	/* border-bottom: 1px ridge #000033; */
}

#vendorTrigger:hover {
	display: block;
	color: #FFFFFF; 
	background-color: #87A8A8; 
	text-decoration: none; 
	font-weight: bold; 
	font-size: 100%; 
	cursor: pointer;
}

#vendorTrigger:hover ul { 
	position: absolute; 
	left: 0px; 
	margin: 0; 
	background-color: #87A8A8; 
	padding: 5px; 
	font-weight: normal;
	font-size: 90%; 
}
#vendorTrigger:hover ul li a {background-color: #FFFFFF; }
#vendorTrigger:hover ul li a:hover {background-color: #D1E4E4; color: #294747; }

/********************************************************
 * css layers and classes for sliding door styled
 * HTML <a> element (applied to CRT command link)
 ********************************************************/

a.crt-button, button.crt-button {
    background: transparent; 
		border: none;
    outline: none;
    display: block;
    color: #440044;
    float: left;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-weight: bold;
    font-size: 90%;
    height: 25px;
    margin-right: 0px; 
    margin-bottom: 3px;
    padding: 0;
    text-decoration: none;
    cursor: pointer;
}
/*
a.crt-button span {
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  	font-weight: bold;
   color: #550066;
}*/

a.crt-button, button.crt-button div {
	 outline: none;
    background: transparent url("../images/bg_button_a.gif") no-repeat scroll top right;
    height: 24px;
    margin-right: 2px;
    margin-left: 2px;
    padding-right: 8px; /* sliding doors padding */
    text-decoration: none;   
}

a.crt-button span, button.crt-button div span {
    background: transparent url("../images/bg_button_span.gif") no-repeat top left;
    border: none;
    display: block;
    height: 16px;
    line-height: 12px;
    white-space: nowrap;
    padding: 4px 0px 4px 10px;
    margin-right: 0px;
} 

a.crt-button:active, button.crt-button:active {
    color: #000000;
    outline: none; /* hide dotted outline in Firefox */
}

a.crt-button:active, button.crt-button:active div {
    background-position: bottom right;
    color: #000000;
}


a.crt-button:active span, button.crt-button:active div span {
    background-position: 0px -24px;
    height: 16px;
    padding: 5px 0 3px 10px; /* push text down 1px */
    
} 

a.crt-button span img { 
	display: inline; 
	margin:0 3px -3px 0 !important;
  padding:0;
  vertical-align: baseline;
  border:none;
}

a.crt-button:hover, button.crt-button:hover { color: purple; }
a.crt-button:active { color: purple; }

a.crt-button.positive, button.crt-button.positive { color: #337733; }
a.crt-button.positive:hover, button.crt-button.positive:hover{ color:#529214; }
a.crt-button.positive:active{ color:#529214; }

a.crt-button.negative, button.crt-button.negative{ color:#AA2f19; }
a.crt-button.negative:hover, button.crt-button.negative:hover{ color:#d12f19; }
a.crt-button.negative:active{ color:#d12f19; }

/* This has to change; the 'xj' is Trinidad's compressed version of 'disabled' */
a.crt-button.disabled,
a.crt-button.xj, 
a.crt-button.disabled:hover,
a.crt-button.xj:hover,
button.crt-button.disabled,
button.crt-button.xj,
button.crt-button.disabled:hover,
button.crt-button.xj:hover {color: #AAAAAA; cursor: text; }

/********************************************************
 * css layers and classes for CRT WindowPane tag
 * (Rico accordion divs)
 ********************************************************/
 
 .accordion { }
 
 .accordion-header {
 	background-color: #CCCCCC; 
 	border: 1px solid #333333;
 	margin-bottom: -1px;
 	cursor: pointer;
 	font-weight: bold;
 	font-size: 80%;
 	padding-left: 5px;
 	color: #035D5C;
 	height: 18px;
 	width: auto;
 }
 
 .accordion-content { font-size: 80%; padding: 5px 5px; }
 
 /********************************************************
 * A temporary div for debugging Rico objects
 ********************************************************/

#javascript-debug { width: 200px; height: 400px; border: 2px solid #000000; overflow: auto; }
span.log-message { display: block; color: #000066; }

/* This following is needed, hopefully temporarily, to keep the inline 
 * Javascript validation feature from modifying a field's height even
 * when validation passes. */
div.x52 { float: left; font-size: 80%; }

div.general div.dch-tabs table {min-width: 100%; } /* This corrects for screwed up tabs in FF (where corner images are missing) */

 /**************************************************************
 * Styling for the income eligibility screen client edit window
 ***************************************************************/
.gs-description-children table { width: 347px; margin: 0 0 0 -1px; }
.gs-description-children th { background-color: #DDDDEE; }
.gs-description-children td { background: transparent; padding: 0px; }
.gs-child { text-indent: 4px; }