/*
    These styles control the appearance of AJAX TabPanel controls.

	Refer to td_viewing_colour_scheme.css for colours.

    Sample code not used can be found at the end of this document.
*/

span.ajax__tab_active {
}

span.ajax__tab_active .ajax__tab_outer {
}
span.ajax__tab_active .ajax__tab_inner {
	background-color: #808184;
    color: white;
}

div.ajax__tab_header {
	/*background-color: #5EA2D6;*/
	display: block;
}

div.ajax__tab_header .ajax__tab_outer {
}
div.ajax__tab_header .ajax__tab_inner {
}

span.ajax__tab_hover .ajax__tab_outer {
}
span.ajax__tab_hover .ajax__tab_inner {
}

span.ajax__tab_inner {
	background-color: #E5E6E7;
	color: #929497;
	/*background-color: transparent;*/
	border: 0px none transparent;
}
span.ajax__tab_outer {
	background-color: transparent;
	border: 0px none transparent;
}

div.ajax__tab_panel {
	background-color: transparent;
	border: 0px none transparent;
	margin-top: 10px;
}

span.ajax__tab_tab {
	font-size: 12px; /* Pre May 2016 13px; */
	/*height: 30px;*/
	/*margin-right: 1px;*/
    min-height: 15px;
	padding: 8px;
	text-align: left;
	/*width: 306px;*/
}

/*span.ajax__tab_tab:active doesn't work */

span.ajax__tab_tab:hover {
	background-color: #5EA2D6;
	color: white;
	cursor: pointer;
}

/* end --------------------------------------------------  */