﻿/* new AjaxControlToolkit Tab css classes from https://github.com/DevExpress/AjaxControlToolkit/blob/master/AjaxControlToolkit/Styles/Tabs.css */

/* default layout */
.ajax__tab_default .ajax__tab {
	display: block;
	float: left;
	height: 21px;
	margin-top: 1px;
}

.ajax__tab_default .ajax__tab_header {
	white-space: normal !important;
}

.ajax__tab_default .ajax__tab_outer {
	display: inline-block;
}

.ajax__tab_default .ajax__tab_inner {
	display: inline-block;
}

.ajax__tab_default .ajax__tab_tab {
	display: inline-block;
	overflow: hidden;
	text-align: center;
	outline: none;
}

.ajax__tab_xp .ajax__tab_disabled {
	color: #A0A0A0;
	cursor: default;
}

/* xp theme top / default */
.ajax__tab_xp .ajax__tab_header {
	background-position: bottom;
	background-repeat: repeat-x;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
}

	.ajax__tab_xp .ajax__tab_header:before, .ajax__tab_xp .ajax__tab_header:after {
		content: "";
		display: table;
	}

	.ajax__tab_xp .ajax__tab_header:after {
		clear: both;
	}

	.ajax__tab_xp .ajax__tab_header .ajax__tab_outer {
		background-position: right;
		background-repeat: no-repeat;
		height: 21px;
		padding-right: 4px;
	}

	.ajax__tab_xp .ajax__tab_header .ajax__tab_inner {
		background-repeat: no-repeat;
		padding-left: 3px;
	}

	.ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
		background-repeat: repeat-x;
		margin: 0;
		padding: 4px;
	}

	.ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_outer {
		background-position: right;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_inner {
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_tab {
		background-repeat: repeat-x;
		cursor: pointer;
	}
	/*.ajax__tab_xp .ajax__tab_header .ajax__tab_active { margin-top: 1px; } */
	.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer {
		background-position: right;
		background-repeat: no-repeat;
	}

	.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_inner {
		background-repeat: no-repeat;
	}

	.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab {
		background-repeat: repeat-x;
	}

.ajax__tab_xp .ajax__tab_body {
	background-color: #ffffff;
	border: 1px solid #999999;
	border-top: 0;
	font-family: Arial, Sans-serif,tahoma,helvetica;
	font-size: 10pt;
	padding: 8px;
}

/* xp theme vertical left */
.ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab {
	float: none;
}

.ajax__tab_xp .ajax__tab_header_verticalleft {
	background-position: right;
	background-repeat: repeat-y;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
}

	.ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_outer {
		background-position: right;
		background-repeat: no-repeat;
		height: 21px;
		padding-right: 4px;
	}

	.ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_inner {
		background-repeat: no-repeat;
		padding-left: 3px;
	}

	.ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_tab {
		background-repeat: repeat-x;
		margin: 0;
		padding: 4px;
	}

	.ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_hover .ajax__tab_outer {
		background-position: right;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_hover .ajax__tab_inner {
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_hover .ajax__tab_tab {
		background-repeat: repeat-x;
		cursor: pointer;
	}

	.ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_active:not(:first-child) {
		margin-top: 1px;
	}

	.ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_outer {
		background-position: right;
		background-repeat: no-repeat;
	}

	.ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_inner {
		background-repeat: no-repeat;
	}

	.ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_tab {
		background-repeat: repeat-x;
	}

.ajax__tab_xp .ajax__tab_body_verticalleft {
	background-color: #ffffff;
	border: 1px solid #999999;
	border-left: 0;
	font-family: Arial, Sans-Serif;
	font-size: 10pt;
	padding: 8px;
}

/* xp theme vertical right */
.ajax__tab_xp .ajax__tab_header_verticalright {
	background-position: left;
	background-repeat: repeat-y;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
}

	.ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_outer {
		background-position: right;
		background-repeat: no-repeat;
		height: 21px;
		padding-right: 4px;
	}

	.ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_inner {
		background-repeat: no-repeat;
		padding-left: 3px;
	}

	.ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_tab {
		background-repeat: repeat-x;
		margin: 0;
		padding: 4px;
	}

	.ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_hover .ajax__tab_outer {
		background-position: right;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_hover .ajax__tab_inner {
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_hover .ajax__tab_tab {
		background-repeat: repeat-x;
		cursor: pointer;
	}

	.ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_active {
		margin-top: 1px;
	}

		.ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_active .ajax__tab_outer {
			background-position: right;
			background-repeat: no-repeat;
		}

		.ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_active .ajax__tab_inner {
			background-repeat: no-repeat;
		}

		.ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_active .ajax__tab_tab {
			background-repeat: repeat-x;
		}

.ajax__tab_xp .ajax__tab_body_verticalright {
	background-color: #ffffff;
	border: 1px solid #999999;
	border-right: 0;
	font-family: Arial, Sans-Serif;
	font-size: 10pt;
	padding: 8px;
}

/* header on bottom */
.ajax__tab_xp .ajax__tab_header_bottom {
	background-position: top;
	background-repeat: repeat-x;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
}

	.ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_outer {
		background-position: right;
		background-repeat: no-repeat;
		height: 21px;
		padding-right: 4px;
	}

	.ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_inner {
		background-repeat: no-repeat;
		padding-left: 3px;
	}

	.ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_tab {
		background-repeat: repeat-x;
		height: 17px;
		margin: 0;
		padding: 0 4px 4px 4px;
	}

	.ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_hover .ajax__tab_outer {
		background-position: right;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_hover .ajax__tab_inner {
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_hover .ajax__tab_tab {
		background-repeat: repeat-x;
		cursor: pointer;
	}

	.ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_active .ajax__tab_outer {
		background-position: right;
		background-repeat: no-repeat;
	}

	.ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_active .ajax__tab_inner {
		background-repeat: no-repeat;
	}

	.ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_active .ajax__tab_tab {
		background-repeat: repeat-x;
	}

.ajax__tab_xp .ajax__tab_body_bottom {
	background-color: #ffffff;
	border: 1px solid #999999;
	border-bottom: 0;
	font-family: Arial, Sans-Serifv;
	font-size: 10pt;
	padding: 8px;
}

/* scrolling */
.ajax__scroll_horiz {
	overflow-x: scroll;
}

.ajax__scroll_vert {
	overflow-y: scroll;
}

.ajax__scroll_both {
	overflow: scroll;
}

.ajax__scroll_auto {
	overflow: auto;
}

.ajax__scroll_none {
	overflow: hidden;
}

/* plain theme */
.ajax__tab_plain .ajax__tab_outer {
	border: 2px solid #999999;
	text-align: center;
	vertical-align: middle;
}

.ajax__tab_plain .ajax__tab_inner {
	text-align: center;
	vertical-align: middle;
}

.ajax__tab_plain .ajax__tab_body {
	text-align: center;
	vertical-align: middle;
}

.ajax__tab_plain .ajax__tab_header {
	text-align: center;
	vertical-align: middle;
}

.ajax__tab_plain .ajax__tab_active .ajax__tab_outer {
	background: #FFFFE1;
}


/**********************************************
	
	OVERWRITES FROM PROJECT
	
	**********************************************/
.tab.ajax__tab_xp .ajax__tab {
	height: 27px;
	margin-top: 0;
}

.tab.ajax__tab_xp .ajax__tab_header {
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	background-image: none;
	color: #ffffff;	
}

	.tab.ajax__tab_xp .ajax__tab_header .ajax__tab_outer {
		height: 26px;
		border-left: 1px solid #686868;
		border-right: 1px solid #686868;
		border-top: 1px solid #686868;
		border-bottom: 1px solid #686868;
		margin-right: 6px;
		background-image: none;
		padding-right: 0;
	}

	.tab.ajax__tab_xp .ajax__tab_header .ajax__tab_inner {
		border-left: 0px solid #686868;
		border-right: 0px solid #686868;
		margin: 0;
		padding: 0;
		background-image: none;
	}

	.tab.ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
		line-height: 18px;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 0;
		padding-bottom: 0;
		margin: 0;
		border-left: 0px solid #686868;
		border-right: 0px solid #686868;
		width: auto;
		background-color: rgb(0, 54, 137);
		color: #FFFFFF;
		font-weight: bold;
		margin-right: 0px !important;
		background-image: none;
	}

	/* HOVER STATE - ajax__tab_hover */
	.tab.ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_outer {
		border-left: 1px solid #686868;
		border-right: 1px solid #686868;
		border-top: 1px solid #686868;
		border-bottom: 1px solid #FFFFFF;
		margin-right: 6px;
		background-image: none;
	}

	.tab.ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_inner {
		border-left: 0px solid #686868;
		border-right: 0px solid #686868;
		width: auto;
		background-image: none;
	}

	.tab.ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_tab {
		color: #FFFFFF;
		font-weight: bold;
		margin-right: 0px;
		background-color: rgb(104, 104, 104);
		background-image: none;
	}

	/* ACTIVE STATE - ajax__tab_active */
	.tab.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer {
		border-left: 1px solid #686868;
		border-right: 1px solid #686868;
		border-top: 1px solid #686868;
		border-bottom: 1px solid #FFFFFF;
		margin-right: 6px;
		background-image: none;
		padding-right: 0;
	}

	.tab.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_inner {
		border-left: 0px solid #686868;
		border-right: 0px solid #686868;
		width: auto;
		background-image: none;
	}

	.tab.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab {
		background-color: rgb(184, 53, 39);
		color: #FFFFFF;
		font-weight: bold;
		margin-right: 0px;
		background-image: none;
	}

.tab.ajax__tab_xp .ajax__tab_body {
	font-family: Arial, Sans-serif,tahoma,helvetica;
	font-size: 10pt;
	border: 1px solid #686868;
	padding: 8px;
	background-color: #ffffff;
}


