/* SITE=WIDE STYLING FOR THE AJAX TOOLKIT TAB PANEL */

/* The outer container div for the tab panel */
div.ajax__tab_container
{
	margin-top: 30px;
	width: 562px;
}

/* The div enclosing the header tabls */
div.ajax__tab_header
{
}

/* The div enclosing the mutually exclusive body content divs */
div.ajax__tab_body
{
	border: 1px solid green;
	min-height: 395px;
}

/* The individual divs enclosing body content */
div.ajax__tab_panel
{
	padding: 5px;
}

/* Each tab in the header is created using nested 4 spans. The outer span (level 0)
has no permanent class but is dynamically assigned the class "ajax__tab_hover" or 
"ajax__tab_active" according to mouse position or selection context.

/* The level 1 nested span, typically used to position the right side background image */
span.ajax__tab_outer
{
	background: url('images/tab-panel/tab_inactive.png') no-repeat;
	color: white;
	margin-right: 4px;
}

/* The level 2 nested span, typically used to position the left side background image */
span.ajax__tab_inner
{
}

/* The level 3 nested span, typically used to position the repeating
background image and to accomodate the user-defined tab header markup.*/
span.ajax__tab_tab
{
	display: block !important;
	width: 116px;
	padding: 4px 0px;
}

/* The level 1 span with mouseover */
span.ajax__tab_hover .ajax__tab_outer
{
	text-decoration: underline;
}

/* The level 2 span with mouseover */
span.ajax__tab_hover .ajax__tab_inner
{
}

/* The level 3 span with mouseover */
span.ajax__tab_hover .ajax__tab_tab
{
}

/* The level 1 span of the active tab */
span.ajax__tab_active .ajax__tab_outer
{
	background: url('images/tab-panel/tab_active.png') no-repeat;
	text-decoration: none;
}

/* The level 2 span of the active tab */
span.ajax__tab_active .ajax__tab_inner
{
}

/* The level 3 span of the active tab */
span.ajax__tab_active .ajax__tab_tab
{
}