html {
	width: 100%;
	overflow: hidden;
	height: 100%;
}

body {
	color: FormText;
	background-color:FormBackground;
	margin: 0;
	border-width: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	height: 100%;
}

/* Dojo 1.3 overrides needed so UI looks as it did using dojo 1.2 */
/* tundra.css overrides */
/*.tundra .dijitSplitterH,*/
/*.tundra .dijitGutterH,*/
/*.tundra .dijitSplitterV,*/
/*.tundra .dijitGutterV,*/
/*.tundra .dijitGutter {*/
	/*display:none;*/
/*}*/

/* New dojo/dijit containers add bg color of #ffffff */
/* .tundra .dijitContentPane, .tundra .dijitContainer, .tundra .dijitGutterH */
.tundra .dijitBorderContainer-dijitContentPane,
.tundra .dijitBorderContainer {
	background-color:FormBackground;
}

div#user_main_tabs.dijitBorderContainer-dijitContentPane {background-color:transparent;}

/* Commented in a11y branch, need to use dynamic colors from colorSet */
/* WHERE IS THE BRANCH??? */
a:link {color: MenuLinkText;}
a:active {color: MenuLinkText;}
a:visited {color: MenuLinkText;}

/* FOR ROUNDED BOX */
.tundra .action-area {
	text-align: left;
	/* We need a border color for the action-area in "colorSet", leaving it gray for now. */
	border: 1px solid #d9d9d9;
	/* Or make it configurable border like this: 1px solid ActionAreaBorder; */
	background-color: actionAreaBackground;
	color:actionAreaText;
	padding: 8px 10px 10px 10px;
	margin: 0px 5px 4px 5px;
	-o-border-radius: 4px;
	-moz-border-radius: 6px;
	-moz-box-shadow: 0px 3px 7px #adadad;
	-webkit-border-radius: 6px;
	/* Comment until GChrome is fixed, sorry Safari! -webkit-box-shadow: 0px 3px 7px #adadad; */
	-opera-border-radius: 10px;
	border-radius: 6px;
	-moz-box-sizing: border-box;
	-opera-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	box-sizing: border-box;
}

.action-area-no-padding {
	padding: 0!important;
}

.actionAreaTitlePrimary {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 17px;
	color: actionAreaTitleText;
}

.actionAreaTitleSecondary {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 17px;
	color: actionAreaTitleText;
	padding-top: 21px;
}

/* Not used very much...Had to add for the 'Month/Year' label on the Closed Calendar Screen' */
.largeMonthYearFont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: primaryButtonBackground;
	white-space: nowrap;
}

.actionAreaTitlePrimaryLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 17px;
	text-decoration: none;
	cursor: text;
	color: actionAreaTitleText!important;
}

/* Not used very much...Had to add for the 'Show' label on the Closed Calendar Screen' */
.largeLabelFont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 17px;
	color: primaryButtonBackground;
	white-space: nowrap;
}

/* Closed Query Search, and Closed Calendar selectors and fixes */

/* Column scroll control for the Avail. Appt. Start Times (Button, menu, name) */
.closedCalendarTableColTwo .formSection,
.closedQueryAvailApptTimes .formSection {
	height: 272px;
	overflow-x: hidden;
	overflow-y: auto;
}

/* Bug fixes #5061, #5106 */
.closedSearchWeekDays {
	/* keep the checkboxes for days of the week from wrapping */
	min-width: 340px;
}

/* These were inline styles, need to put them here instead for better control, some overrides below */
.closedCalendarTableColOne {
	vertical-align: top;
	width: 383px; /* 7 x 52px (header cells) + borders + 10px margin */
}

.closedCalendarTableColTwo {
	padding-left: 30px;
	vertical-align: top;
}

.closedCalendarTableColTwo td.option {
	width: 50%;
}

.dj_ie7 .closedSearchWeekDays {
	/* IE needs more width for the week days checkboxes TD or they wrap, other browsers are fine using min-width */
	width:420px !important;
}

.dj_ie7 .closedSearchWeekDays label {
	margin-left: 0;
	padding-left:0;
}

.closedQueryAvailApptTimes {
	/* This was an inline style, easier to control from here; space for 2 col. layout is VERY tight in mockups */
	padding-left: 30px;
	vertical-align: top;
}

.dj_ie7 .closedQueryAvailApptTimes {
	/* IE7 needs less padding to fit when times are displayed */
	padding-left: 10px !important;
	vertical-align: top;
}

.dj_ie7 .closedCalendarTableColTwo {
	padding-left: 20px;
	vertical-align: top;
}

.dj_ie7 .closedCalendarTableColTwo td.option div {
	width: 100%
}

.dj_ie7 table.startTimes td.option {
/* Add proper padding for IE7 Closed Query, Closed Calendar Avail. Appt. Times - Buttons, menu and text need to be aligned left */
	padding: 2px 15px 4px 15px; text-align: left;
}

.dj_ff2 .closedSearchWeekDays {
	/* Ff2 still wraps last checkbox using min-width:340px */
	width:362px;
}

.dj_ff2 table.startTimes td.option {
	width: 225px;
	padding: 0px 15px 2px 15px;
}

table.startTimes td.option a.buttonSecondary {
	margin-right: 4px;
}

table.startTimes td.option a.buttonSecondary span {
/* Was set to 100px on the containing element, was too wide and didn't work properly */
	width: 82px;
}

.dj_ie7 table.startTimes td.option a.buttonSecondary span {
/* IE7 needs an additional 3px width on the span */
	width: 85px;
}

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


.actionAreaTitleIndented {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 17px;
	color: actionAreaTitleText;
	padding-top: 21px;
	width: 200px;
	text-align: right;
	padding-right: 9px;
	white-space: nowrap;
}

.actionAreaTitleIndentedSmaller {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: actionAreaTitleText;
	padding-top: 21px;
	width: 200px;
	text-align: right;
	padding-right: 9px;
	white-space: nowrap;
}

.actionAreaTitlePartiallyIndentedSmaller {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: actionAreaTitleText;
	padding-top: 12px;
	margin-left: 15px;
	white-space: nowrap;
}

.actionAreaTitleIndentedNoPad {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 17px;
	color: actionAreaTitleText;
	width: 200px;
	text-align: right;
	padding-right: 9px;
	white-space: nowrap;
}

.actionAreaInstruction {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	text-decoration: none;
	max-width: 800px;
}

.dj_ie6 .actionAreaInstruction {
	width: expression(Math.min(offsetParent.clientWidth, 800) + 'px');
}

/* pagination styles */
/*********************/

div.paginateLinks {margin-left: -4px;}

.actionAreaPaginate,
a.actionAreaPaginate:link,
a.actionAreaPaginate:visited,
a.actionAreaPaginate:hover,
a.actionAreaPaginate:active {
	color: actionAreaLinkText;
	border: 1px solid actionAreaLinkText;
	margin: 0 4px;
	padding: 0 4px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.actionAreaPaginateCurrent {
	color: FormText;
	border: 0;
	margin: 0 4px;
	padding: 0 4px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid ListEvenRowBackground;
}
div.paginateLinks .actionAreaLink a:link,
div.paginateLinks .actionAreaLink a:visited,
div.paginateLinks .actionAreaLink a:hover,
div.paginateLinks .actionAreaLink a:active {
	margin: 0;
	padding: 0 4px;
	text-decoration:none;
}

.dj_ff3 a.actionAreaPaginate {
	color: actionAreaLinkText;
	border: 1px solid actionAreaLinkText;
	margin: 0 4px;
	padding: 2px 4px 0;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.dj_ff3 .actionAreaPaginateCurrent {
	color: FormText;
	border: 0;
	margin: 0 4px;
	padding: 2px 4px 0;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid ListEvenRowBackground;
}


.apptWaitListNoteLabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 17px;
	color: actionAreaTitleText;
	width: 200px;
	text-align: right;
	padding-right: 9px;
	white-space: nowrap;
	vertical-align: top;
}

.accordionBodyPadding{
	padding-left: 16px;
	padding-top: 16px;
	padding-bottom: 16px;

}

.accordionBodyText{
	font-weight: normal;
	font-size: 0.8em;
	color:gray;
}

.action-tabs {
	margin: 0 15px;
	padding-left: 15px;
}
.dj_ff3 .action-tabs {overflow-y:hidden;}

.action-tabs .dijitTabContainerTop {
	/* prevents the tab control from sitting too high over the user_main area. 1px = (border width) */
	margin-bottom: -1px;
}

/* Fixes for IE, more of them below */
.dj_ie .action-tabs {
	height: 30px; /* IE 6,7 can't seem to size their ancestor boxes: they're too short without this */
	margin-bottom: -1px; /* Merge note: this was here before merging conflicts, may need to remove negative margin */
}

/* Merge note: the .dj_ie7 div#user_main_tabs .action-tabs was added from merge */
.dj_ie7 .action-tabs,
.dj_ie7 div#user_main_tabs .action-tabs {
	/* fix for 2px gap between tabs and action-area in IE7 (SP3 only?) */
	/*margin-bottom: -2px !important;*/
}

.status-area {
	padding: 6px 10px 6px 20px;
}

.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.displayInline {
	display:inline;
}
/* Set text to the configured color for "titles" (aka sub-headers) and calendar month, etc. */
.configTextColor {color: actionAreaTitleText;}

/* === MOST BROWSERS BUTTONS; buttonPrimary === */
/* Using ImageAction, ImageFactory stuff */
#buttons_area {
	padding: 0 20px 6px 20px;
	overflow: visible;
	height: 23px; /* to match navigation button size (and leave enough space for signinInfoPane's text to wrap): from spec 14-003 */
}
.navigationButtonsPane {
	margin-left: 46%;
	width: 54%;
	text-align: right;
}
.navigationButtons {
	margin: 0;
}
.navigationButtons li {
	list-style: none;
	margin: 0 0 0 12px; /* this was reduced from 18px since some browsers were wrapping the buttons under certain screens */
	white-space: nowrap; /* ensure that buttons don't wrap even if the user's browser window is too small */
}
.signinInfoPane {
	position: absolute;
	width: 46%;
	white-space: normal;
}
.dj_ie .signinInfoPane {
	left: 20px;
}
.signInInfoText, .signInInfoText * {
	line-height: 12px; /* need space to wrap */
}

/* === MOST BROWSERS PRIMARY BUTTONS === */
/* Merge note: a11y - All buttons are now accessible via keyboard using HREF's */
a.buttonPrimary {
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=button-left);
	background-repeat: no-repeat;
	background-position: left top;
	color: formBtnEnabledText;
	font: bold 12px Helvetica, Arial, sans-serif;
	line-height: 23px;
	text-decoration: none;
	cursor: pointer;
	padding: 0 0 0 18px;
	text-align: center;
}
.dj_ff2 a.buttonPrimary {
	/* JMH: I removed this since it is causing the buttons to take on the width of their parent's boxes if no width is supplied */
	/*display: -moz-inline-block; *//* corrects a centering problem on the inner span */
}
a.buttonPrimary span {
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=button-right);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	line-height: 23px;
	margin: 0;
	padding: 0 18px 0 0;
	white-space: nowrap;
}
a.buttonPrimary:hover {
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=button-left-hover);
}
a.buttonPrimary:hover span, a.buttonPrimary:hover span, div.button:hover span {
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=button-right-hover);
}

/* === SIGNIN BUTTON === */
/* Merge note: Sign-in template was changed to use only the a.buttonSignIn styles.
 * Previously used a.buttonPrimary as well, but this is problem since they can be different colors, etc.
 * These selectors need the added attributes.
 */
a.buttonSignIn {
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=button_signin-left);
	background-repeat: no-repeat;
	background-position: left center;
	color: formBtnEnabledText;
	font: bold 12px Helvetica, Arial, sans-serif;
	line-height: 23px;
	text-decoration: none;
	cursor: pointer;
	padding: 0 0 0 18px;
	text-align: center;
	display:inline-block;
}

a.buttonSignIn span {
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=button_signin-right);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	line-height: 23px;
	margin: 0px;
	padding: 0 18px 0 0;
	white-space: nowrap;
}

a.buttonSignIn:hover {
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=button_signin-left-hover);
}

a.buttonSignIn:hover span {
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=button_signin-right-hover);
	text-decoration:none;
}


/* === DISABLED PRIMARY BUTTONS === */

a.buttonPrimaryDisabled, a.buttonPrimaryDisabled:hover {
	/* IE 6 needs !important to override a.buttonPrimaryHover */
	/* Merge: keeping this, commented; 	background-image: url("../images/button-left-disabled.png") !important; */
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=button-left-disabled) !important;
	color: formBtnDisabledText;
	background-repeat: no-repeat;
	line-height: 23px;
	padding: 0 0 0 18px;
	cursor: default;
}
a.buttonPrimaryDisabled span, a.buttonPrimaryDisabled:hover span {
	/* IE 6 needs !important to override a.buttonPrimaryHover */
	/* Merge: keeping this, commented; 	background-image: url("../images/button-right-disabled.png") !important; */
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=button-right-disabled) !important;
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	line-height: 23px;
	padding: 0 18px 0 0;
	cursor: default;
}

/* === MOST BROWSERS SECONDARY BUTTONS === */

a.buttonSecondary {
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=button-secondary-left);
	background-repeat: no-repeat;
	/* background-position: 100% 0; */
	background-position: left top;
	color: actionAreaBtnEnabledText;
	font: 10px Helvetica, Arial, sans-serif;
	text-align: center;
	line-height: 17px;
	text-decoration: none;
	cursor: pointer;
	padding: 0 0 0 14px;
}
a.buttonSecondary span {
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=button-secondary-right);
	background-repeat: no-repeat;
	/* background-position: left top; */
	background-position: right top;
	display: block;
	line-height: 17px;
	margin: 0;
	/* padding: 0 14px; */
	padding: 0 14px 0 0;
	white-space: nowrap;
}

a.buttonSecondary:hover {
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=button-secondary-left-hover);
}
a.buttonSecondary:hover span {
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=button-secondary-right-hover);
}

/* === DISABLED SECONDARY BUTTONS === */

a.buttonSecondaryDisabled, a.buttonSecondaryDisabled:hover {
    background-image: url("../images/button-secondary-left-disabled.png");
	background-repeat: no-repeat;
    color: actionAreaBtnDisabledText;
	font: 10px Helvetica, Arial, sans-serif;
	text-align: center;
	line-height: 17px;
	cursor: default;
	padding: 0 0 0 14px;
}
a.buttonSecondaryDisabled span, a.buttonSecondaryDisabled:hover span {
    background-image: url("../images/button-secondary-right-disabled.png");
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	line-height: 17px;
	padding: 0 14px 0 0;
    cursor: default;
}

.arrowButton {
	/* put any styling specific to the grid navigation buttons here */
}

/* === IE6 BUTTONS === */




/* === ORIGINAL BUTTONS - Save and use config:colors in button selectors === */
/* REMOVE THESE... ??? */
/* Step1 Comment selectors
/* Step2 Remove them...
.button_old {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	background-color: InActiveTabBackground;
	background-position: bottom;
	background-repeat: repeat;
	border: none;
	color: InActiveTabText;
	cursor: pointer;
	font-weight: bold;
	height: 22px;
	border: 3px #ffffff ridge;
	margin: 5px;
}
.button_off_old {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	background-color: FormBackground;
	background-position: bottom;
	background-repeat: repeat;
	border: none;
	color: FormText;
	font-weight: bold;
	height: 22px;
	border: 3px #ffffff ridge;
	margin: 5px;
}
*/
/* =========================================================================================================== */

.banner-background {background-color:bannerBackground;}
.user_logo {
	background-color:bannerBackground;
}
.user_nav {
	height: 52px;
	/* Override for Dojo 1.3 which sets container bg colors to #ffffff; using the configColor again for now */
	background-color:bannerBackground;
	/* background-image: url(../images/background-navigation.png); */
	/* Hard-coded path above for testing; ImageAction, ImageFactory below */
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=background-navigation);
	background-position: bottom;
	background-repeat: repeat-x;
	color: ActiveTabText;
	overflow: hidden;
}
/* Please leave this override for Dojo 1.3 dijitContentPane selector which sets it's bg color to #ffffff */
.tundra div#navigation.dijitContentPane {background-color:bannerBackground;}

.navigation-secondary {color: ActiveTabText; margin: 6px 0px 0px 0px; padding: 1px 0 0 0; }
.powered-by {font-size: 11px; float: right; margin: 0px 0px 5px 0px;}
.userInfo {white-space: nowrap; position:absolute; top:26px; right:20px; color:#666; text-align:right;}
.userLocation {white-space: nowrap; position:absolute; top:55px; right:20px; text-align:right; color:#999;}
.userSignOutLink {white-space:nowrap; position:absolute; top:77px; right:20px; text-align:right; font-size:13px;}
.userHelpLink {white-space:nowrap; position:absolute; top:77px; right:90px; text-align:right; font-size:13px;}
.user_hd {
	background-color: FormBackground;
}
.user_form  {
	/* background-color: FormBackground; */
	background-color: transparent;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	text-decoration: none;
	color: FormText;
}
.margin {margin: 5px 20px;}
.padding {padding: 5px 20px;}
.background {background-color: FormBackground!important;}
.actionAreaBackground {background-color: actionAreaBackground;}
.user_popup  {
	background-color: PopupWindowBackground;
	width: 500px;
	height: 300px;
	left: 100px;
	top: 100px;
}
.user_tooltip  {
	background-color: PopupWindowBackground;
	width: 500px;
	height: 300px;
	overflow: auto;
}
.user_popup_short  {
	background-color: PopupWindowBackground;
}
.user_title  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: normal;
	line-height: 19px;
	color: formTitleText;
	/*bug# 5496: remove this: white-space: nowrap;*/
	padding-top: 9px;
	margin: 0;
}
.user_desc {
	font-size: 12px;
	width: 830px;
}
.user_error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: ErrorText;
}
.user_error UL {
	/* The following rules are needed for the Client Questions tab. If these cause a conflict, we'll have to add them dynamically... */
	overflow: auto;
	max-height: 120px;
}
.dj_ie6 .user_error UL {
	/* The following rules are needed for the Client Questions tab. If these cause a conflict, we'll have to add them dynamically... */
	height: expression(Math.min(120, scrollHeight) + "px");
}
.error  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: ErrorText;
}
.user_buttons_old {
	background-color: FormBackground;
	margin: 5px;
	white-space: nowrap;
}
.user_tab_s {
	width: 0px;
}

/* === MAIN NAVIGATION TABS === */
.user_a_tab_l {
	width: 7px;
	height: 26px;
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=user_a_tab_l);
}
.user_a_tab_b {
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=user_a_tab_b);
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 26px;
	text-decoration: none;
	color: ActiveTabText;
	cursor: default; /* Merge add */
	white-space: nowrap;
	height: 100%;
}
.user_a_tab_r {
	width: 7px;
	height: 26px;
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=user_a_tab_r);
}
.user_ina_tab_l {
	width: 7px;
	height: 26px;
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=user_ina_tab_l);
}
.user_ina_tab_b {
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=user_ina_tab_b);
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px !important;
	font-weight: bold;
	line-height: 26px;
	text-decoration: none;
	color: InActiveTabText;
	white-space: nowrap;
	cursor: pointer; /* Merge leave this */
}
a.user_ina_tab_b_link {
	color: InActiveTabText	!important;
	cursor: pointer; /* Merge add */
}
.user_ina_tab_r {
	width: 7px;
	height: 26px;
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=user_ina_tab_r);
}

/* === ACTION AREA TABS (overides for selectors in styles.css)
	NOTE: Selector overrides add dynamic images and colors made from "colorSet" config. colors */

.tundra .dijitTab {
	/* We need a border color for the action-area in "colorSet" */
	border-bottom: 1px solid #d9d9d9;
	color: actionAreaText;
}
/* FIX bug#4775 - IE6, IE7 action-area dojo tabs fixes; more in styles.css, need to simplfy soon */
/* Set bottom border to same color as action-area border for non-current tab sides */
.dj_ie6 .tundra .ttTabButtonLeft,
.dj_ie6 .tundra .ttTabButtonRight {
	border-bottom: 1px solid #d9d9d9;
	height: 1.2em
}
/* IE7 needs a 1px margin to get the action-tabs to sit on the action-area */
.dj_ie7 .dijitTabInnerDiv {margin-top: 1px;}
.dj_ie7 .tundra .ttTabButtonLeft,
.dj_ie7 .tundra .ttTabButtonRight {
	border-bottom: 1px solid #d9d9d9;
	height:27px;
	margin-top: 1px
}
/* Set bottom border to action-area bg color to overlap action-area border for current selected tab */
.dj_ie .tundra .dijitTabChecked .ttTabButtonLeft,
.dj_ie .tundra .dijitTabChecked .ttTabButtonRight {
	border-bottom: 1px solid actionAreaBackground
}
/* need this to cover-up bottom border of current selected tab with action-area bg color in colorSet */
.tundra .dijitTabChecked .dijitTabContent {border-bottom: 1px solid actionAreaBackground;}

.tundra .dijitTabChecked .dijitTabContent:hover {
	/* Reset to default cursor when over "current" tab */
	cursor:default;
	text-decoration:none;
}

.tundra .dijitAlignTop .dijitTabChecked,
.tundra .dijitAlignTop .dijitTabCloseButtonChecked {
	/* Override for theme Tundra 1px white line below current/selected tab; dynamic color same as action-area */
	border-bottom-color: actionAreaBackground;
}
/* Section 508 changes required these overides to make things look like mockups */
.dijitTab .dijitTabInnerDiv a.dijitTabContent {line-height: 15px; color: actionAreaText; display: block;}
.dijitTab .dijitTabInnerDiv a.dijitTabContent:visited,
.dijitTab .dijitTabInnerDiv a.dijitTabContent:hover,
.dijitTab .dijitTabInnerDiv a.dijitTabContent:active,
.dijitTab .dijitTabChecked .dijitChecked .dijitTabSelected .dijitTabCheckedSelected .dijitCheckedSelected .dijitSelected a {
	color: actionAreaText
}

.tundra .dijitTabDisabled {
	/* dijitTabButton does not yet have a disabled style in dojo 1.2 */
	color: #999;
}
/* Should not look like you can click on disabled tab(s) */
.dijitTabDisabled a,
.dijitTabDisabled a:hover {
	color: #999;
	text-decoration: none;
	cursor: default
}

/*  ==========
    Custom overrides for Tesa (ttTabStrip)
	Dynamically generated images for Action area tabs
	========== */

.tundra .ttTabStrip .dijitTabInnerDiv {
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=tabButtonUnselected-stretch);
	/* background: url(../images/tabButtonUnselected-stretch.png) repeat-x top center; */
	line-height: 15px;
}

.tundra .ttTabStrip .ttTabButtonLeft {
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=tabButtonUnselected-left);
	/* background: url(../images/tabButtonUnselected-left.png) no-repeat top left; */
}

.tundra .ttTabStrip .ttTabButtonRight {
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=tabButtonUnselected-right);
	/* background: url(../images/tabButtonUnselected-right.png) no-repeat top left; */
}

.tundra .ttTabStrip .dijitTabChecked .ttTabButtonLeft {
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=tabButtonSelected-left);
	/* background-image: url(../images/tabButtonSelected-left.png); */
}

.tundra .ttTabStrip .dijitTabChecked .ttTabButtonRight {
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=tabButtonSelected-right);
	/* background-image: url(../images/tabButtonSelected-right.png); */
}

.tundra .ttTabStrip .dijitTabChecked .dijitTabInnerDiv {
	background-image: url(/tc/ImageAction.do;jsessionid=0000RAd1OYypnDb5c6J7DhA4Col:-1?ImageName=tabButtonSelected-stretch);
	/* background-image: url(../images/tabButtonSelected-stretch.png); */
}

.tundra .ttTabStrip .dijitTabPaneWrapper {
	border-top: 1px solid actionAreaBackground; /* match border of user_main */
	border-left: 1px solid actionAreaBackground; /* match border radius of user_main */
}

.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 .subNavText{
	color: subNavText;
}

#loginButton {
	color: signInBtnText;
}

.tundra .logoLink {
	color: logoLinkText;
}

.tundra .statusLink {
	color: formLinkText;
}

.tundra .subNavLink {
	color: subNavLinkText;
}

.tundra .actionAreaLink {
	color: actionAreaLinkText;
}

.m_link {
	color: FormLinkText;
	cursor: pointer;
}

.appt_selected_slot {
	background-color: ViewAppointmentsSelected;
}
.appt_available_slot {
	background-color: apptavailablecolor;
}
.appt_overbook_slot {
	background-color: apptoverbookavailablecolor;
}
.appt_selectedclient_slot {
	background-color: apptselectedclientcolor;
}
.appt_clientoverlap_slot {
	background-color: apptclientoverlapcolor;
}
.appt_noprimary_slot {
	background-color: apptnoprimaryresourcecolor;
}
.appt_nosecondary_slot {
	background-color: apptnosresourcecolor;
}
.appt_noprsec_slot {
	background-color: apptnoporsresourcecolor;
}
.appt_insufficient_slot {
	background-color: apptinsufficienttimecolor;
}
.appt_unavailable_slot {
	background-color: apptunavailablecolor;
}
.no_appts {
	background-color: noAppointments;
}
.tundra .offTheHour .appt_empty_slot {
	border-width: 0;
	border-right: 2px solid #DDDDDD;
}
.tundra .onTheHour .appt_empty_slot {
	border-width: 0;
	border-top: 2px solid apptunavailablecolor;
	border-right: 2px solid #DDDDDD;
}
.appt_empty_slot {
	border-width: 0;
	background-color: apptunavailablecolor;
}
.event_available_slot {
	color: eventavailablecolor;
}
.event_overbook_slot {
	color: eventoverbookavailablecolor;
}
.event_selectedclient_slot {
	color: eventselectedclientcolor;
}
.event_clientoverlap_slot {
	color: eventclientoverlapcolor;
}
.event_noprimary_slot {
	color: eventnoprimaryresourcecolor;
}
.event_nosecondary_slot {
	color: eventnosresourcecolor;
}
.event_noprsec_slot {
	color: eventnoporsresourcecolor;
}
.event_insufficient_slot {
	color: eventinsufficienttimecolor;
}
.event_unavailable_slot {
	color: eventunavailablecolor;
}
.show_appts_slot {
	background-color: ShowAppointmentsColor;
}
.event_available_legend {
	background-color: eventavailablecolor;
}
.event_overbook_legend {
	background-color: eventoverbookavailablecolor;
}
.event_selectedclient_legend {
	background-color: eventselectedclientcolor;
}
.event_clientoverlap_legend {
	background-color: eventclientoverlapcolor;
}
.event_noprimary_legend {
	background-color: eventnoprimaryresourcecolor;
}
.event_nosecondary_legend {
	background-color: eventnosresourcecolor;
}
.event_noprsec_legend {
	background-color: eventnoporsresourcecolor;
}
.event_insufficient_legend {
	background-color: eventinsufficienttimecolor;
}
.event_unavailable_legend {
	background-color: eventunavailablecolor;
}
.q_error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	text-decoration: none;
	border: 2px solid ErrorText;
}
.q_clear {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	text-decoration: none;
}
.q_error_ff {
	outline: 2px solid ErrorText;
}
.q_clear_ff {
	outline: none;
}

.q_error_background {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height: 14px;
	background-color: ErrorText;
}
.q_clear_background {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	text-decoration: none;
	background-color: #ffffff;
}

.manage_link {
	float:right;
	cursor: pointer;
	visibility: hidden;
}
.calendar_input {
	size: 10em;
}
/* === grid styling overrides === */
.tundra .dojoxGrid-header .dojoxGrid-cell {
	/* background-color: ListTitleBackground; */
	color: columnTitleText !important;
}
.tundra .dojoxGrid-header .dojoxGrid-cell-noSort {
	color:	black !important;
}
/* Dojo grid columns start with 0. */
.tundra .dojoxGrid-row {
	background-color: ListOddRowBackground;
}
.tundra .dojoxGrid-row-odd {
	background-color: ListEvenRowBackground;
}
.tundra .dojoxGrid-row-selected {
	background-color: ActiveApptBackground !important;
	color: ActiveApptText !important;
}
.tundra .calendar_style_grid .dojoxGrid-row {
	/*Removed as per #5762 background-color: apptavailablecolor;*/
	background-color: white;
}

.tundra .calendar_style_grid .dojoxGrid-row-odd {
	background-color: apptavailablecolor;
}

.tundra .calendar_style_grid .dojoxGrid-row-selected {
	background-color: apptavailablecolor !important;
}

.tundra .dojoxGrid-scrollbox, .tundra .lastcell {
	background-color: nonDataGridSpace;
}

.apptQuestions{
	vertical-align: middle;
}

.dj_ff3 .apptQuestions{
	vertical-align: middle;
	padding-left: 2px;
}

/*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;
}