.tableReset {
	border:	0 none;
	border-spacing	: 0;
	border-collapse: collapse;
}
.tableReset th, .tableReset td {
	padding: 0;
}

.status {
	position: relative;
}

/* Make status div to have a layout. */
.dj_ie .status {
	height: 1%;
}

form {margin: 0px}

.dj_ie .tundra .dijitInline {
	vertical-align: middle;
}

.formSection {padding-top: 15px;}

.required-field-message-text {font-size: 12px; font-weight: normal !important; padding: 22px 6px 10px;}

/* Change compoundResourcesInline if you modify the width of this style.
	It needs to be 14px less than the width specified here.
 */
.formElementLabel {
	width: 200px;
	text-align: right !important;
	padding-right: 9px;
	white-space: normal; /* needs to wrap says Carl :-) */
	font-weight: bold;
	vertical-align: middle; /* baseline is the correct way, but IE refuses to comply, so this is close enough */
}

.formElementLabelText {
	/* this allows any wrapped text to be distinguishable from the neighboring fields' labels */
	line-height: 15px;
}

.formCustomFieldInputBlock {
	vertical-align: middle; /* baseline is the correct way, but IE refuses to comply, so this is close enough */
}

.dj_ff3 .formElementLabelText,
.dj_safari .formElementLabelText {
	/*
		Modern browsers need this since they follow the line-height cascade rules correctly.
		In CSS2, line-height on a block-level element defines the *minimum* line-height of all
		inline-level elements, not the default line-height as implemented by most browsers.
		If any element wishes to override line-height with a smaller measurement needs to
		be a block-level element. BERLIN!
	*/
	display: inline-block;
}

/* fixes for Firefox 2 issues caused by dijitInline. */
.dj_ff2 .formElementLabelText {
	display: -moz-inline-block;
}
.dj_ff2 .ff2InlineTableFix,
.dj_ff2 .formCustomField {
	display: inline-table;
}
.dj_ff2 .formCustomFieldInputBlock,
.dj_ff2 .formElementLabel {
	line-height: inherit; /* inherit from formSectionLoose, formSectionMedium, etc. */
}
.dj_ff2 .formElementLabel {
	/* fixes the text-alignment bug caused by .dijitInline's -moz-inline-box */
	display: table-cell;
}
.dj_ff2 .formCustomFieldInputBlock {
	display: table-cell;
	white-space: nowrap;
}
.dj_ff2 .ff2InlineTableCellFix,
.dj_ff2 .ff2DijitInlineFix {
	/*
		Note: we should start deprecating .ff2DijitInlineFix and other display: table-cell fixes
		and use .ff2InlineTableCellFix instead
	 */
	/* fix for other elements placed inline with custom form fields */
	display: table-cell;
}
.dj_ff2 .ff2InlineStackFix {
	display: -moz-inline-stack;
}
.dj_ff2 .ff2InlineBlockFix {
	display: -moz-inline-block;
}
.dj_ff2 .formCustomField .marginLeft {
	padding-left: 10px; /* matches marginLeft */
}
.dj_ff2 .formCustomField .marginRight {
	padding-right: 10px; /* matches marginRight */
}
.dj_ff2 .formSectionMedium .apptWaitListNoteLabel {
	/* Fix for bug #5104, "Note" label text was not v-aligned on Appointment Details screen */
	padding-top: 2px;
}
/* end FF2 fixes for dijitInline */

.formSectionTightPad, table.formSectionTightPad td {
	padding-top: 12px;
	line-height: 19px;
	vertical-align: middle;
}

/* TODO: try using height instead of line-height here which may fix several problems in FF2, IE7 ( ) and IE6 */
.formSectionTight, table.formSectionTight td {
	line-height: 19px;
	vertical-align: middle;
}

.formSectionMedium, table.formSectionMedium td {
	line-height: 23px;
	vertical-align: middle; /* baseline is the correct way, but IE refuses to comply, so this is close enough */
}

.formSectionLoose, table.formSectionLoose td {
	line-height: 28px;
	vertical-align: middle; /* baseline is the correct way, but IE refuses to comply, so this is close enough */
}
.formSectionLoose .formElementLabel {
	line-height: 28px;
	vertical-align: middle; /* baseline is the correct way, but IE refuses to comply, so this is close enough */
}

/* IE doesn't expand a containing box's height to accommodate the line-height so we have to fudge it for non-TD nodes */
/* Note: these rules assume a font-size of 12px :-(  */
.dj_ie .formSection .dijitInline .dijitTextBox {
	/* IE 6 cuts off bottom of inline block inside dijitInline so we need at least 1px (overrides below) */
	padding-bottom: 1px;
}

/*
	IE still appears to need these even though we changed from vertical-align: baseline to middle.
	(I can verify that the bottom padding is needed at least.)
	padding-left: 1px is for IE8. With dijitInline checkboxes and labels are messed up. 
*/
.dj_ie .formSectionTight .formElementLabel,
.dj_ie .formSectionTight .formCustomFieldInputBlock,
.dj_ie .formSectionTight .apptWaitListNoteLabel {
	padding-left: 1px;
	padding-top: 3px;
	padding-bottom: 1px;
	line-height: 15px;
}

.dj_ie .formSectionMedium .formElementLabel,
.dj_ie .formSectionMedium .formCustomFieldInputBlock,
.dj_ie .formSectionMedium .apptWaitListNoteLabel {
	padding-top: 5px;
	padding-bottom: 2px;
	line-height: 16px;
}

.dj_ie .formSectionLoose .formElementLabel,
.dj_ie .formSectionLoose .formCustomFieldInputBlock,
.dj_ie .formSectionLoose .apptWaitListNoteLabel {
	padding-top: 5px;
	padding-bottom: 3px;
	line-height: 20px;
}

.formCustomField {
	white-space: nowrap;
}

.formCustomFieldTextArea .formCustomFieldInputBlock {
	line-height: normal;
}

.formCustomFieldTextArea .formElementLabel {
	vertical-align: top;
}

.formCustomFieldInputBlock TEXTAREA {
	/*margin-top: 6px;*/
	line-height: normal;
	padding: 0 0 0 0; /* clears IE work-arounds */
}

.formCustomFieldInputBlock INPUT {
	height: auto; /* I am not sure we need this, but I copied it from the custom field templates */
}

.formCustomFieldInputBlock SELECT {
	margin-left: 1px;
}

.formCustomFieldPhoneInput {
	width: 4em;
}

.formCustomFieldSSNInput1,
.formCustomFieldSSNInput3 {
	width: 4em;
}

.formCustomFieldSSNInput2 {
	width: 3em;
}

/* question responses */

.formSectionLoose .questionResponseBlock {
	line-height: 28px;
	display: block; /* some of these elements are labels */
}

.formSectionMedium .questionResponseBlock {
	line-height: 23px;
}

.formSectionTight .questionResponseBlock {
	line-height: 19px;
}

.questionResponseBlock .questionLabel {
	font-weight: bold;
	margin-right:10px;
}

.questionResponseBlock .questionResponse {
	font-weight: normal;
}

/* Use this style when you need to do bottom padding for a section
	(e.g. a page with sections that can get toggled) */
.pageSectionPadBottom {
	padding-bottom: 21px;
}

.padRight {
	padding-right: 2em;
}

/* Use this style for any large comment boxes */
.commentsBox {
	width: 525px;
	height: 75px;
}

div.resourceName {
	width: 300px;
	padding-right: 21px;
	white-space: normal;
}

div.dateTimeCell {
	width: 300px;
	padding-right: 21px;
	white-space: nowrap;
}

.dj_ie6 div.dateTimeCell .time {
	/*
		This hackish beauty is brought to you by IE6's b0rked box model! (This is the only way I could get IE6
		to not push out the columns to the right since it doesn't honor overflow:visible on inline blocks like
		other browsers do.)
	*/
	position: absolute;
}

.waitApptNote {
	/* TODO: should this be named resourceNote or something? */
	width: 471px; /* this is the same as the 300px resourceName + padding + resourcePrice */
}

div.resourcePrice {
	width: 150px;
	white-space: nowrap;
	text-align: right;
}

div.totalPriceNoSpace {
	white-space: nowrap;
	margin-left: 5px;
}

div.dateTimeCell .date {
	width: 200px;
	padding-right: 15px;
	white-space: nowrap;
}

div.dateTimeCell .time {
	width: 85px;
	white-space: nowrap;
}




/********* AdminNavigation.xsl **********/

ul.adminNav {
	list-style-type: none;
	padding-right: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 0px;
	text-indent: none;
	position: relative;
	align: left;
}

ul.adminNav ul {
	list-style-type: none;
	padding-right: 0px;
	margin-right: 0px;
	margin-left: 10px;
	padding-left: 0px;
	text-indent: none;
	position: relative;
	align: left;
}

ul.adminNav li {
	list-style-type: none;
	position: relative;
	margin-left: 0px;
	padding-left: 0px;
	left: 0px;
}

ul.adminNav ul li {
	line-height: 16px;
}

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



/********* ApptRegisterEventSeries.jsp **********/

.eventOptions .eoSelection {
	padding-left: 9px;
}

.eventOptions .eoDate {
	padding-left: 6px;
}

.eventOptions .eoTime,
.eventOptions .eoInstance {
	padding-left: 39px;
}

.eventOptions .eoDisabled {
	color: #999;
}

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



/********* monthAvailSearch.jsp **********/

.closedSearch {
	height: 100%;
}

.closedSearch .criteriaLabel {
	width: 90px;
	text-align: right;
}

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

.img_link {
	cursor: pointer;
}
.week_grid  {
	width: 100%;
	border-width: 0px;
}
.month_grid  {
	width: 100%;
	border-width: 0px;
}
.day_grid  {
	border-width: 0px;
}
.day_grid  {
	border-width: 0px;
}
.slot_time {
	width: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	white-space: nowrap;
	text-align: right;
}

/********* monthAvailSearch.jsp **********/

table.closedCalendar caption {
	border-bottom: 1px solid #94A4B1;
	padding: 0 0 5px;
}

table.closedCalendar caption div.dateAndPicker {
	white-space: nowrap;
}

table.closedCalendar caption div.traversal {
	float: right;
	white-space: nowrap;
}

table.closedCalendar th.rBorder,
table.closedCalendar td.rBorder {
	border-right: 1px solid #94A4B1;
}

table.closedCalendar th {
	background: #E9E9E9 url(../lib/dojo-release-1.1.1/dijit/themes/tundra/images/tabEnabled.png) repeat-x scroll center top;
}

table.closedCalendar td,
table.closedCalendar th {
	width: 52px;
	line-height: 21px;
	text-align: center;
	border-left: 1px solid #94A4B1;
	border-bottom: 1px solid #94A4B1;
}

table.closedCalendar td.noDate {
	background-color: #CCC;
}

table.closedCalendar td.noAvailability {
	background-color: #E8E8E8;
}

table.closedCalendar td.availability {
	background-color: #FFF;
	cursor: pointer;
}

table.closedCalendar td.selected {
	background-color: #FF8;
	cursor: pointer;
}

table.show {
	border: 0 none;
}

table.show td.label {
	padding-right: 8px;
}

table.show td {
	padding-top: 8px;
}

table.startTimes th,
table.startTimes td {
	min-width: 225px;
	line-height: 25px;
}

/* IE6 doesn't understand min-width */
.dj_ie6 table.startTimes th,
.dj_ie6 table.startTimes td {
	width: 225px;
}

table.startTimes caption {
	text-align: left;
	line-height: 30px;
}

table.startTimes td.option {
	/* Set option cell padding here, overrides in dynoCSS */
	background-color: #E8E8E8;
	padding: 0 15px 2px 15px;
	white-space: nowrap;
}

table.startTimes td.empty {
	background-color: #FFF;
}

table.startTimes div.timezone {
	width: 485px;
}


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


/********* apptCancellationFee.xsl **********/

table.cancellationDetails {
	border: 0 none;
	line-height: 19px;
	vertical-align: middle;
}

table.cancellationDetails td {
	white-space: nowrap;
}

table.cancellationDetails .sideLabel {
	width: 200px;
	text-align: right !important;
	padding-right: 9px;
	font-weight: bold;
}

table.cancellationDetails .resourceName {
	width: 206px;
}

table.cancellationDetails .resourcePrice {
	padding-left: 20px;
	text-align: right;
}

table.cancellationDetails .cancellationPolicy {
	width: 200px;
	padding-left: 56px;
}

table.cancellationDetails .cancellationFee {
	padding-left: 13px;
	text-align: right;
}

table.cancellationDetails .cancellationFeeApply {
	width: 80px;
	padding-left: 10px;
}

table.cancellationDetails .boldInformation {
	font-weight: bold;
}

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


/********* apptRecurrenceCancellationFee.xsl **********/

table.cancellationRecurrenceDetails {
	border: 0 none;
	line-height: 19px;
	vertical-align: middle;
	padding-top: 12px;
}

table.cancellationRecurrenceDetails td {
	white-space: nowrap;
}

table.cancellationRecurrenceDetails .appointmentDate {
	width: 170px;
	padding-left: 12px;
}

.recurrenceCancelReasonLabel {
	width: 180px;
	padding-left: 12px;
	font-weight: bold;
}

table.cancellationRecurrenceDetails .appointmentTime,
table.cancellationRecurrenceDetails .eventSeriesInstance,
table.cancellationRecurrenceDetails .price {
	padding-left: 24px;
	text-align: right;
}

table.cancellationRecurrenceDetails .confirmation {
	padding-left: 12px;
}

table.cancellationRecurrenceDetails .detailsButton {
	padding-left: 12px;
}

table.cancellationRecurrenceDetails .confirmationDetails {
	padding-left: 5px;
	text-align: right;
}

table.cancellationRecurrenceDetails .cancellationFee {
	padding-left: 40px;
	text-align: right;
}

table.cancellationRecurrenceDetails .cancellationCancel,
table.cancellationRecurrenceDetails .cancellationFeeApply,
table.cancellationRecurrenceDetails .cancellationDetails {
	padding-left: 10px;
}

table.cancellationRecurrenceDetails .boldInformation {
	font-weight: bold;
}

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



/* Use this style for totals on the Appointment payment screen */
.apptPaymentTotal {
	width: 89px;
	text-align: right;
}
.dj_ie .apptPaymentTotal {
	width: 79px;
}

A:active {  text-decoration: none}
A:link {  text-decoration: none; }
A:visited {  text-decoration: none}
A:hover {  text-decoration: underline}

.m_over {cursor: pointer; text-decoration: underline !important;}
.m_out 	{text-decoration: none;}
.tab_m_over {cursor: pointer;}

/* these rules are used by many interfaces, please use caution when changing them */
.emptyline{ font-family: Arial, Helvetica, sans-serif; font-size: 8px;font-weight: normal;line-height: 10px; text-decoration: none;}
.tablenormal{ font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: normal; line-height: 20px; text-decoration: none;}
.tablebold{ font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: bold; line-height: 20px; text-decoration: none;}
.f0n{ font-family: Arial, Helvetica, sans-serif; font-size: 0px;font-weight: normal;line-height: 0px; text-decoration: none;}
.f8n{ font-family: Arial, Helvetica, sans-serif; font-size: 8px;font-weight: normal;line-height: 10px; text-decoration: none;}
.f8b{ font-family: Arial, Helvetica, sans-serif; font-size: 8px;font-weight: bold;line-height: 10px; text-decoration: none;}
.f8nd{ font-family: Arial, Helvetica, sans-serif; font-size: 8px;font-weight: normal;line-height: 10px;}
.f8bd{ font-family: Arial, Helvetica, sans-serif; font-size: 8px;font-weight: bold;line-height: 10px;}
.f10n{ font-family: Arial, Helvetica, sans-serif; font-size: 10px;font-weight: normal; line-height: 12px; text-decoration: none;}
.f10b{ font-family: Arial, Helvetica, sans-serif; font-size: 10px;font-weight: bold; line-height: 12px; text-decoration: none;}
.f10nd{ font-family: Arial, Helvetica, sans-serif; font-size: 10px;font-weight: normal; line-height: 12px;}
.f10bd{ font-family: Arial, Helvetica, sans-serif; font-size: 10px;font-weight: bold; line-height: 12px;}
.f11n{ font-family: Arial, Helvetica, sans-serif; font-size: 11px;font-weight: normal; line-height: 13px; text-decoration: none;}
.f11b{ font-family: Arial, Helvetica, sans-serif; font-size: 11px;font-weight: bold; line-height: 13px; text-decoration: none;}
.f12n{ font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: normal; line-height: 15px; text-decoration: none;}
.f12i{ font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: normal; font-style: italic; line-height: 14px; text-decoration: none;}
.f12b{ font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: bold; line-height: 15px; text-decoration: none;}
.f12nd{ font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: normal; line-height: 14px;}
.f12bd{ font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: bold; line-height: 14px;}
.f12n_cr{ font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: normal; line-height: 14px; text-decoration: none; color: red}
.f12n_br{ font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: normal; line-height: 14px; text-decoration: none; background-color: red;}
.f14n{ font-family: Arial, Helvetica, sans-serif; font-size: 14px;font-weight: normal;line-height: 16px; text-decoration: none;}
.f14b{ font-family: Arial, Helvetica, sans-serif; font-size: 14px;font-weight: bold; line-height: 16px; text-decoration: none;}
.f14nd{ font-family: Arial, Helvetica, sans-serif; font-size: 14px;font-weight: normal;line-height: 16px;}
.f14bd{ font-family: Arial, Helvetica, sans-serif; font-size: 14px;font-weight: bold; line-height: 16px;}
.f16n{ font-family: Arial, Helvetica, sans-serif; font-size: 16px;font-weight: normal;line-height: 18px; text-decoration: none;}
.f16b{ font-family: Arial, Helvetica, sans-serif; font-size: 16px;font-weight: bold; line-height: 18px; text-decoration: none;}
.f16nd{ font-family: Arial, Helvetica, sans-serif; font-size: 16px;font-weight: normal;line-height: 18px;}
.f16bd{ font-family: Arial, Helvetica, sans-serif; font-size: 16px;font-weight: bold; line-height: 18px;}
.f17n {font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 17px;}
.f18n{ font-family: Arial, Helvetica, sans-serif; font-size: 18px;font-weight: normal;line-height: 20px; text-decoration: none;}
.f18b{ font-family: Arial, Helvetica, sans-serif; font-size: 18px;font-weight: bold; line-height: 20px; text-decoration: none;}
.f18nd{ font-family: Arial, Helvetica, sans-serif; font-size: 18px;font-weight: normal;line-height: 20px;}
.f18bd{ font-family: Arial, Helvetica, sans-serif; font-size: 18px;font-weight: bold; line-height: 20px;}
.f19n {font-family: Arial, Helvetica, sans-serif; font-size: 19px; line-height: 19px;}
.f20n{ font-family: Arial, Helvetica, sans-serif; font-size: 20px;font-weight: normal;line-height: 22px; text-decoration: none;}
.f20b{ font-family: Arial, Helvetica, sans-serif; font-size: 20px;font-weight: bold; line-height: 22px; text-decoration: none;}
.f20nd{ font-family: Arial, Helvetica, sans-serif; font-size: 20px;font-weight: normal;line-height: 22px;}
.f20bd{ font-family: Arial, Helvetica, sans-serif; font-size: 20px;font-weight: bold; line-height: 22px;}
.f22n{ font-family: Arial, Helvetica, sans-serif; font-size: 22px;font-weight: normal;line-height: 24px; text-decoration: none;}
.f22b{ font-family: Arial, Helvetica, sans-serif; font-size: 22px;font-weight: bold; line-height: 24px; text-decoration: none;}
.f22nd{ font-family: Arial, Helvetica, sans-serif; font-size: 22px;font-weight: normal;line-height: 24px;}
.f22bd{ font-family: Arial, Helvetica, sans-serif; font-size: 22px;font-weight: bold; line-height: 24px;}
.f24n{ font-family: Arial, Helvetica, sans-serif; font-size: 24px;font-weight: normal;line-height: 26px; text-decoration: none;}
.f24b{ font-family: Arial, Helvetica, sans-serif; font-size: 24px;font-weight: bold; line-height: 26px; text-decoration: none;}
.f24nd{ font-family: Arial, Helvetica, sans-serif; font-size: 24px;font-weight: normal;line-height: 26px;}
.f24bd{ font-family: Arial, Helvetica, sans-serif; font-size: 24px;font-weight: bold; line-height: 26px;}
.f12s32b { font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: bold; line-height: 32px; text-decoration: none;}
.f11s14n { font-family: Arial, Helvetica, sans-serif; font-size: 11px;font-weight: normal; line-height: 14px; text-decoration: none; padding-left: 10px;}

table.legend td {
	padding: 3px;
    text-align:left;
}

/* why are these so specific?  why can't we just use .legend img {} ? */
table.legend img,
td.legend img,
div.legend img {
    height: 9px;
    width: 9px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
}

.error_container {
	height: 150px;
	overflow: auto !important;
}

.grid_page {
	position: relative;
	width: 100%;
	height: 100%;
	/*border: 1px solid red;*/
}

.block_stretched {
	height: 100%;
}

.page {
	width: 100%;
	height: 100%;
}

.grid_container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	/*border: 1px solid red;*/
}

.integrated_appt_options {
	height: 100%;
	width: 100%;
}

.integrated_appt_options .grid_container {
	top: 32px;
}

.integrated_appt_options .grid_container_no_controls {
	top: 0px;
}

.integrated_appt_options.with_labels .grid_container {
	top: 48px;
}

.dj_ie6 .grid_container{
   	right: ;
   	width: 100%;
   	bottom: ;
   	height: expression(parentNode.clientHeight - offsetTop);
   	margin: 0;
   	padding: 0;
   	overflow: visible;
}

/* availability grid / make appts screen */

.avail_grid_top_control {
	line-height: 26px; /* align's all text (except for IE6) */
	padding-left: 4px;
}

.dj_ie6 .avail_grid_top_control {
	padding-top: 6px; /* IE6 won't expand the box to the line-height so we need to help it */
}

.avail_grid_container {
	bottom: 8px; /* this is a hack to counter the padding at the top of .avail_grid_container_controls in conjunction with .grid_page's 100% height */
	left: -1px;
	position: absolute;
	right: 0;
	top: 24px;
}

.dj_ie .avail_grid_container{
	top: 35px;
	right: ;
	width : expression(parentNode.clientWidth + 1);
	bottom: ;
	height : expression(parentNode.clientHeight - offsetTop + 1); /* 1 = border width */
	margin: 0;
	padding: 0;
   	overflow: hidden;
	/* IE7 needs this when the grid is not drawn or it will collapse over the "no availability message" TODO: find root cause */
	min-height: 2em;
}

.avail_grid_container_controls {
	/* the controls area just above the avail grid */
	margin: 8px 10px 6px 10px;
	white-space: nowrap;
}

.avail_grid_container_controls {
	height: 19px;
}

.avail_grid_container_controls_layout TD {
	/* the controls table just above the avail grid */
	padding-right: 5px;
}

TD.avail_grid_container_controls_date {
	padding: 0 7px 0 2px; /* extra 2px on both sides */
	text-align: left;
}

.avail_grid_integrated_controls {
	padding: 10px 10px 0 10px; /* 10px at top is needed to avoid tab control overlap */
	height: 32px;
	overflow: hidden;
}

.dj_ie6 .avail_grid_integrated_controls {
	/* IE needs the following in order to determine the overflow of the select boxes (so we can fix them) */
	width: 100%;
}

.with_labels .avail_grid_integrated_controls {
	height: 48px;
}

.avail_grid_integrated_controls .img_link {
	margin-left: 2px;
}

/* manage appts screen */

.manage_appts_controls_area {
	margin-top: 8px; /* IE7 needs this here because of it's b0rked box model */
	/*height: 116px; *//* this is also set in ManageApptsControls.js -- IE needs this to work in the border container */
	overflow: visible; /* IE 6 needs this since it adds 1px to the scroll height for some reason */
}

.manage_appts_grid_container_no_margin {
	margin: 0 0 0 -1px; /* -1px fixes the doubled border from the action-area and the grid */
}

.manage_appts_grid_container,
.client_search_grid_container {
	margin: 0 -10px -10px -11px;
}

.manage_appts_grid_controls {
	/* the controls area just above the avail grid */
	margin: 8px 10px 6px 10px;
	white-space: nowrap;
}

.manage_appts_grid_controls_layout TD {
	/* the controls table just above the avail grid */
	padding-right: 5px;
}

TD.manage_appts_grid_controls_date {
	padding: 0 7px 0 2px; /* extra 2px on both sides */
	text-align: left;
}

.resource_unavailable_slot {
	background-color: #CCCCCC;
}

.resource_available_slot {
	background-color: #FFFFFF;
}

.resource_firstcell_slot {
	background-color: #9CFFC9;
}

.resource_available_slot_color {
	color: #000FFF;
}

.resource_unavailable_slot_color {
	color: #CCCCCC;
}

/* Cell styles for the dojo grid */

.tundra .dojoxGrid-header .dojoxGrid-cell {
	background: #e3e3e3 url(../images/grid-header.png) repeat-x scroll center top;
	/*cursor: default;*/
}
.tundra .dojoxGrid-header .dojoxGrid-cell-over {
	background: #dee8f4 url(../images/grid-header-hover.png) repeat-x scroll center top;
}
.tundra .dojoxGrid-header {
	border-top: 1px solid #eeeeee;
}
.tundra .dojoxGrid-cell {
	border-top: 0 none;
	border-bottom: 0 none;
}

.dj_ie6 .tundra .dojoxGrid-row,
.dj_ie6 .tundra .dojoxGrid-row-table {
	border-width: 0;
}

.tundra .dojoxGrid-row-over .dojoxGrid-cell {
	background-color: #C0C0C0;
}

.tundra .dojoxGrid-master-view {
	/* this makes the grid look complete if there are less rows than would fill the allocated height */
	border-bottom: 1px solid #707980;
}

.button_check_availability {
	position: absolute;
}

.dj_safari .button_check_availability {
	float: center;
	position: relative;
}

.alignRight{
	text-align:right;
}
.paddingTopHalf{
	padding-top: 5px;
}
.paddingTop{
	padding-top: 10px;
}
.paddingTopDouble{
	padding-top: 20px;
}
.paddingLeft{
	padding-left: 10px;
}
.paddingLeftDouble{
	padding-left: 20px;
}
.marginLeftHalf{
	margin-left: 5px;
}
.marginLeft{
	margin-left: 10px;
}
.marginLeftDouble{
	margin-left: 20px;
}
.marginRight{
	margin-right: 10px;
}
.marginTop{
	margin-top: 10px;
}
.marginTopDouble{
	margin-top: 20px;
}
.marginBottom{
	margin-right: 10px;
}
.vaMiddle {
	vertical-align: middle;
}
.topRight{
	position: absolute;
	top: 0;
	right: 0;
}
.dj_safari .tundra .dijitTooltipContainer{
	padding: 5px;
	/*width:   auto;*/
	display: inline-block;
}
.event_time {
	float: left;
	width: 60px;
	text-align: right;
}
/* === grid styling overrides === */
.tundra .onTheHour .dojoxGrid-cell {
	border-width: 0;
	border-top: 1px solid #707980;
}

.tundra .offTheHour .dojoxGrid-cell {
	border-width: 0;
	border-top: 1px solid #a8b6c0;
}

.tundra .dojoxGrid td.lastcell,
.tundra dojoxGrid-cell.lastcell,
.tundra .onTheHour .lastcell,
.tundra .offTheHour .lastcell {
	border-width: 0 !important;
	border-top: 0 !important;
}

.tundra .calendar_style_grid .dojoxGrid-header .dojoxGrid-cell{
	border-width: 0;
	border-right: 1px solid #707980;
}

.tundra .calendar_style_grid .avail_grid_header {
	line-height: 18px;
}

.tundra .calendar_style_grid .timeColumnCell {
	text-align: center;
	vertical-align: middle;
	color: #666666;
}

.tundra .dojoxGrid-header .dojoxGrid-cell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
}

.tundra .dojoxGrid-cell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	vertical-align: top;
    white-space: nowrap;
    padding: 2px;
	border: 1px dotted #a8b6c0;
}

/* Fixes FF2's ugly behavior of cutting off the first pixel of leading chars in cells */
.dj_ff2 .dojoxGrid-cell > *:first-child {
    margin-left: 1px;
}

.tundra .calendar_style_grid .dojoxGrid-cell {
	border-right: 1px solid #707980;
}

.timeColumnCell img,
.grid_cell_is_active {
	cursor: pointer;
}

.list_grid_cell {
	overflow: hidden;
	white-space: nowrap;
}
.dijitTextBox {
	vertical-align: middle;
}

.tundra .contextMenuIcon {
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	text-align: center;
}

.tundra .list_grid_controls {
	padding: 8px 10px 8px 10px;
}


.tundra .contextMenuIconEdit {
	background-image: url('../images/edit.png');
}

.tundra .contextMenuIconDelete {
	background-image: url('../images/delete.png');
}

.tundra .contextMenuIconDetails {
	background-image: url('../images/details.png');
}

.tundra .contextMenuIconModify {
	background-image: url('../images/modify.png');
}

.tundra .contextMenuIconLogin {
	background-image: url('../images/icon_door_in.png');
}

.tundra .contextMenuIconSchedules {
	background-image: url('../images/icon_schedule.png');
}

.tundra .contextMenuIconTimeOff {
	background-image: url('../images/icon_book_time_off.png');
}

.tundra .contextMenuIconAllocationRanks {
	background-image: url('../images/icon_chevron_allocation_rank.png');
}

.tundra .contextMenuIconEditSchedule {
	background-image: url('../images/icon_calendar_edit.png');
}

.tundra .contextMenuIconWeeklySchedule {
	background-image: url('../images/icon_calendar_week.png');
}

.tundra .contextMenuIconMonthlySchedule {
	background-image: url('../images/icon_calendar_month.png');
}

.tundra .contextMenuIconYearlySchedule {
	background-image: url('../images/icon_calendar_year.png');
}

.tundra .contextMenuIconOneTimeSchedule {
	background-image: url('../images/icon_calendar_date.png');
}

.tundra .contextMenuIconPrevieSchedule {
	background-image: url('../images/icon_calendar_preview.png');
}

.tundra .contextMenuIconManageAppointments {
	background-image: url('../images/book_open.png');
}

.tundra .contextMenuIconMakeAppointment {
	background-image: url('../images/book_edit.png');
}

.tundra .contextMenuIconManageAppointments {
	background-image: url('../images/book_open.png');
}

.tundra .contextMenuIconMakeAppointment {
	background-image: url('../images/book_edit.png');
}

.tundra .contextMenuIconNoShow {
	background-image: url('../images/user_delete.png');
}

.tundra .contextMenuIconQueuePromote {
	background-image: url('../images/arrow_up.png');
}

.tundra .contextMenuIconUndoStart {
	background-image: url('../images/undo-start.png');
}

.tundra .contextMenuIconUndoCheckIn {
	background-image: url('../images/undo-check-in.png');
}

.tundra .contextMenuIconUndoComplete {
	background-image: url('../images/undo-complete.png');
}

/* dijitTabButton -----------------------------------------
	NOTE: CSS selector overrides are in dynoCSS.jsp to add
	dynamic images etc. made from "colorSet" config. colors */

.tundra .dijitTab {
	background: transparent none;
	border: 0 none;
	border-bottom: 1px solid #eee;
	margin: 0;
	float: left;
}

.tundra .dijitTabInnerDiv {
	border: 0 none; /* borders moved to .dijitTabContent */
	padding: 0; /* padding moved to .dijitTabContent */
	margin: 0 9px; /* to match tab image widths */
}

.tundra .ttTabButtonLeft {
	width: 9px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.tundra .ttTabButtonRight {
	width: 9px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}

.tundra .dijitTabContent {
	padding: 6px 8px 4px 8px;
	border-bottom: 1px solid transparent;
}

.dj_ie6 .dijitTabContent {padding-bottom: 5px} /* add 1px more for IE6 to fix it's tab display problem bug#4775 */
.dj_ie6 .tundra .ttTabButtonLeft,
.dj_ie6 .tundra .ttTabButtonRight,
.dj_ie6 .tundra .dijitTabContent {
	padding: 6px 0 5px 0; /* adds another pixel for the bottom border (IE6 does not support transparent borders) */
	border-bottom: 0 none;
}
/* IE6 fix bug#4775, selected tab border bottom problem for current "selected" tab */
.dj_ie6 .tundra .dijitTabSelected .dijitTabCheckedSelected .dijitCheckedSelected .dijitSelected .dijitTabInnerDiv {top:0;padding-bottom:1px}
.dj_ie6 .tundra .ttTabButtonLeft, .dj_ie6 .tundra .ttTabButtonRight {height:1.3em}
.tundra .dijitTabChecked .dijitTabContent {
	/* is this is used, or over-ridden elsewhere? */
	border-bottom: 1px solid #ffffff;
}

.tundra .dijitTabDisabled {
	/* dijitTabButton does not yet have a disabled style in dojo 1.2 */
	color: #999;
	cursor: default;
}

.tundra .dijitTabPaneWrapper {
	height: 0px;
	border-bottom-width: 0;
	border-right-width: 0;
	border-left-width: 0;
	overflow: hidden;
}

/* IE6 only - fixing bug #4775 */
.dj_ie6 .tundra .dijitTabPaneWrapper {
	width: 1px; /* IE6 is so b0rked: it is expanding it's parent's box without an explicit width set;
				pt changed from 100px to 1px... We should set this bg color to dynamic action-area border color when it's added to colorSet */
}
.dj_ie6 .tundra .dijitTabInnerDiv {top:0; padding-bottom:1px} /* Height is off IE6 */

/* custom overrides for Tesa (ttTabStrip) */
/* .tundra .ttTabStrip .dijitTabInnerDiv {
	background: url(../images/tabButtonUnselected-stretch.png) repeat-x top center;*/
}

.dj_ie6 .ttTabStrip {
	height: 100%; /* Fixes #5393 */
	top: 2px; /* Fixes #5393 */
}

.dj_ie .ttTabStrip .dijitTabLabels-top {
	top: 1px; /* Fixes #5393: the tabstrip's margin-bottom: -1px trick does not work in IE */
	/* Note: bottom: -1px works too, it seems, as long as we're using position: absolute */
}

.tundra .ttTabStrip .ttTabButtonLeft {
	background: url(../images/tabButtonUnselected-left.png) no-repeat top left;
}

.tundra .ttTabStrip .ttTabButtonRight {
	background: url(../images/tabButtonUnselected-right.png) no-repeat top left;
}

.tundra .ttTabStrip .dijitTabDisabled .ttTabButtonLeft {
	background-image: url(../images/tabButtonDisabled-left.png);
}

.tundra .ttTabStrip .dijitTabDisabled .ttTabButtonRight {
	background-image: url(../images/tabButtonDisabled-right.png);
}

.tundra .ttTabStrip .dijitTabDisabled .dijitTabInnerDiv {
	background-image: url(../images/tabButtonDisabled-stretch.png);
}

.tundra .ttTabStrip .dijitTabChecked .ttTabButtonLeft {
	background-image: url(../images/tabButtonSelected-left.png);
}

.tundra .ttTabStrip .dijitTabChecked .ttTabButtonRight {
	background-image: url(../images/tabButtonSelected-right.png);
}

.tundra .ttTabStrip .dijitTabChecked .dijitTabInnerDiv {
	background-image: url(../images/tabButtonSelected-stretch.png);
}

.tundra .ttTabContainer {
	position: absolute;
	top:	-28px;
	left:	-1px;
	width:	100%;
	height: 100%;
	z-Index: 1000;
}

.stretchedBox {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	border: 1px solid red;
}

.dj_ie6 .stretchedBox {
	right: ;
   	width: 100%;
   	bottom: ;
   	height: expression(parentNode.clientHeight - offsetTop);
   	margin: 0;
   	padding: 0;
   	overflow: visible;
}

/* lib/tt/pages/templates/selectApptOptions.jsp */
.tundra table.compoundResourcesInline {
	margin-left: 186px;
}

.tundra table.compoundResourcesInline td {
	padding-left: 25px;
}

.tundra table.compoundResourcesInline img {
	padding-left: 5px;
}


/* WEB-INF/XSL/ext/pages/recurrenceResult.xsl */

.tundra .appointmentDates td {
	white-space: nowrap;
}

/* TODO: This may need custom colors */
.tundra .appointmentDates tr.notAvailable {
	color: #777;
}

.tundra .appointmentDates td.padLeft {
	padding-left: 25px;
}



/* lib/tt/pages/templates/registerRecurrence.jsp */

#recurrence_pattern .sectionLabel {
	width: 213px;
	text-align: right;
	float: left;
	padding-right: 9px;
}




/*** Page-level Styles ***/
.iconInfo {
/* not used? */
}

.statusSeparator {
	display:inline;
	font-size:14px;
	margin:0px 6px;
}

/* lib/tt/clients/templates/search.jsp */

.clientSearchFiltersPane {
	height: 100%;
	width: 100%;
	border: 1px solid transparent; /* helps IE 7 size the border container correctly (can be removed after displaying) */
}

.clientSearchFiltersTitle {
	height: 28px; /* line-height + 10px */
}

.clientSearchFiltersBody {
	margin: 10px 0;
	overflow: visible;
	position: absolute;
	top: 28px;
	bottom: 50px; /* matches height of .clientSearchFiltersFooter */
	left: 0;
	right: 0;
}

.dj_ie .clientSearchFiltersBody {
	bottom: ; /* IE needs this to clear out bottom */
	right: ; /* IE needs this to clear out right */
	height: expression(offsetParent.offsetHeight - 98 + 'px'); /* 98 == top + bottom + margin-top + margin-bottom */
	width: expression(offsetParent.offsetWidth - 2 + 'px'); /* 2 == wtf? */
	padding-bottom: 60px; /* 60 == bottom + margin-bottom (bottom == height of .clientSearchFiltersFooter) */
	overflow: hidden;
}

.clientSearchFields {
	width: 100%;
	overflow: auto;
	max-height: 100%; /* IE 6 ignores this */
}

.dj_ie6 .clientSearchFields {
	/* 60 == bottom + margin-bottom (bottom == height of .clientSearchFiltersFooter) */
	height: expression(scrollHeight > offsetParent.clientHeight - 60 ? offsetParent.clientHeight - 60 : 'auto');
}

.clientSearchFiltersFooter {
	margin: 10px 0 0 0;
	height: 50px; /* enough for buttons and error text */
}
.dj_ie6 .clientSearchFiltersFooter TD {
	/* Stops the TD tags from cuting off the bottom of the buttons */
	padding-bottom: 2px;
}

.clientSearchErrorMessage {
	padding-top: 4px;
	line-height: 14px;
	overflow: auto;
}

.tundra .sortableColumn {
	color: #CCC;
}

.scheduleRules .actionAreaTitleIndented{
	padding: 0;
	line-height: 26px;
}

.scheduleRules .enabledBlock {
	font-weight: bold;
}
.scheduleRules .enabledBlock input {
	vertical-align: middle;
}

.resources_controls {
	margin-top: 5px;
}

#popup_desc .dijitTooltipContainer {
	max-width: 480px;
	max-height: 300px;
	overflow: auto;
}

.dj_ie #popup_desc .dijitTooltipContainer {
	width: expression(scrollWidth >= 468 ? '480px' : 'auto'); /* max-width: 480px; extra 12 px is from padding and border */
	height: expression(scrollHeight >= 288 ? '300px' : 'auto'); /* max-height: 300px; extra 12 px is from padding and border */
}

.tundra .dijitBorderContainer-child {
	border: 0 none;
}

.tundra .dijitBorderContainer-dijitContentPane {
	padding: 0;
}

.userStatusContainer {
	margin: 3px 10px 6px 10px;
}

#user_main_tabs {
	overflow: hidden;
}
/*This selector places any control to out of screen. So control is no more visible
  Mostly used on labels. By using this selector screen reader can read labels. 
  Selector is mainly used for 508 compliance.
 */
.outOfScreen {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}
.walkIn {
	overflow: auto;
	max-height: 500px;
	width: 680px;
	padding: 8px 10px 10px 10px;
}
.tundra .dijitTimePickerItemDisabled {
	cursor: not-allowed;
	background-color: #ddd;
	color: #ddd;
}
.q_error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	text-decoration: none;
	border: 2px solid red;
}
.q_error_ff {
	outline: 2px solid red;
}
#question_template_new caption {
	text-align: center;
}
#question_template_new th {
	font-weight: bold;
}