div#TaskTabStrip {
	background-color: #f8f8f8;
	border-bottom: 1px solid var(--secondary-color);
	display: inline-block;
	height: 100%;
	width: 100%;
}

	div#TaskTabStrip > span {
		background-color: transparent;
		background-origin: padding-box;
		background-position: right center;
		background-repeat: no-repeat;
		margin-right: 0 !important;
		padding: 0 3px 0 0;
		height: 23px;
	}

		div#TaskTabStrip > span > span {
			background-origin: padding-box;
			background-position: left top;
			background-repeat: no-repeat;
			display: inline-block;
			padding: 0 0 0 3px;
		}

			div#TaskTabStrip > span > span > span {
				background-origin: padding-box;
				background-position: center top;
				background-repeat: repeat-x;
				display: inline-block;
				padding: 3px 4px 4px 4px;
			}

	div#TaskTabStrip a.CloseTaskTabButton,
	div#TaskTabStrip a.CloseTaskTabButton:hover {
		background-image: url('../../images/tab_active_close_button.svg');
		background-position: center;
		background-position-y: top;
		background-repeat: no-repeat;
		background-size: unset;
		border-left: none;
		height: 10px;
		width: 23px;
		background-size: 10px;
	}

	div#TaskTabStrip span.InactiveTabButton:hover a.CloseInactiveTaskTabButton {
		background-image: url('../../images/tab_inactive_close_button.svg');
		background-size: 10px !important;
		height: 10px !important;
	}

	div#TaskTabStrip a.CloseTaskTabButton:hover,
	div#TaskTabStrip a.CloseInactiveTaskTabButton:hover {
		background-image: url('../../images/tab_active_close_button.svg') !important;
		filter: invert(1);
	}

	div#TaskTabStrip a.CloseInactiveTaskTabButton,
	div#TaskTabStrip a.CloseInactiveTaskTabButton:hover {
		background-position: center;
		background-position-y: top;
		background-repeat: no-repeat;
		background-size: unset !important;
		border-left: none;
		height: 11px !important;
		width: 23px !important;
	}

	div#TaskTabStrip a.CloseTaskTabButtonHome {
		margin-left: 0;
		padding-right: 2px;
		width: 1px;
	}

		div#TaskTabStrip a.CloseTaskTabButtonHome:hover {
			background-image: none;
			border-right-color: transparent;
			border-top-color: transparent;
			border-left-color: transparent;
		}

	div#TaskTabStrip span.ActiveTabButton {
		background-color: var(--secondary-color);
		border-bottom: thin solid var(--secondary-color);
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		color: white;
		display: inline-block;
		font-family: var(--font-family-regular-text);
		font-size: 16px;
		margin: 0 3px 0 0;
		min-width: 75px;
		padding-bottom: 4px;
		padding-left: 6px;
		padding-top: 3px;
		top: -1px;
		z-index: auto;
	}

		div#TaskTabStrip span.ActiveTabButton a {
			padding-top: 2px;
		}

			div#TaskTabStrip span.ActiveTabButton a.CloseTaskTabButtonHome {
				background-image: none;
			}

	div#TaskTabStrip span.InactiveTabButton {
		background-color: #f1f1f1;
		display: inline-block;
		margin-right: 2px !important;
		z-index: auto;
		padding-right: 0;
		padding-top: 3px;
		padding-left: 6px;
		padding-bottom: 4px;
		top: -2px;
		margin-bottom: 1px;
		min-width: 75px;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		font-family: var(--font-family-regular-text);
		font-size: 14px;
	}

		div#TaskTabStrip span.InactiveTabButton a {
			color: #666;
			margin-bottom: -2px;
			margin-top: 2px;
		}

		div#TaskTabStrip span.InactiveTabButton:hover {
			background-color: lightgrey;
		}

	div#TaskTabStrip span span span.DisabledTabButton {
		color: #ccc;
	}

	div#TaskTabStrip a,
	div#TaskTabStrip span {
		color: white;
		display: inline-block;
		text-decoration: none;
	}

.ajax__tab_xp .ajax__tab_body {
	border-top: medium solid var(--secondary-color) !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: none !important;
}

.ajax__tab_active span {
	color: white;
	background-color: var(--secondary-color) !important;
}

div.ajax__tab_body {
	border-radius: 0;
}

.ajax__tab_header span {
	background-image: none !important;
	font-size: 14px;
	font-family: var(--font-family-regular-text);
	padding-right: 2px;
	margin-bottom: 1px !important;
}

.ajax__tab_xp .ajax__tab_header span span:hover {
	background-color: #e4e4e4;
	background: none;
	margin-bottom: 1px;
}

.ajax__tab_outer {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
}

span.ajax__tab_outer {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding-bottom: 7px;
}

.ajax__tab_default .ajax__tab_outer {
	border-style: none;
	border-width: thin;
	border-color: white;
}

.ajax__tab_default .ajax__tab_hover .ajax__tab_outer {
	background-color: #e4e4e4 !important;
}

.ajax__tab_default .ajax__tab_active .ajax__tab_outer {
	background-color: var(--secondary-color) !important;
}