/*
Tabs Css classes 
-----------------------------
.ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. 
.ajax__tab_outer: An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. 
.ajax__tab_inner: An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. 
.ajax__tab_tab: An element of the tab that contains the text content. Child CSS classes:none. 
.ajax__tab_body: A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. 
.ajax__tab_hover . This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. 
.ajax__tab_active: This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer.


Tab Css class hierarchy
-----------------------------
header
{
	hover & active
	{
		outer
		{
			inner
			{
				tab {}
			}
		}
	}
}
body {}
*/


/* ajax__tab_headerimages theme */

.ajax__tab_headerimages .ajax__tab_header 
{
    background: url(../images/hrpixel2.jpg) repeat-x bottom;
    /*border-bottom:solid 1px #0072B9;*/
    font-size:11px;
}
.ajax__tab_headerimages .ajax__tab_header .ajax__tab_outer 
{
	background-color:#F6F6F8;
	/*LOOKS GOOD --> margin-left:16px;*/
	margin-left:8px;
	padding:0px;
    border-left:solid 1px #E7E9EA;
    border-top:solid 1px #E7E9EA;
    border-right:solid 0px #E7E9EA;	/*set inner below*/
    border-bottom:solid 1px #0072B9;
    
    overflow:hidden;
}

.ajax__tab_headerimages .ajax__tab_header .ajax__tab_inner
{
	border-right:solid 1px #E7E9EA;
	width:120px;
}
.ajax__tab_headerimages .ajax__tab_active .ajax__tab_outer 
{
	background-color:#ffffff;
    padding:0px 0px 0px 0px;
    border-left:solid 1px #0072B9;
    border-top:solid 1px #0072B9;
    border-right:solid 1px #0072B9;
    border-bottom:solid 1px #ffffff;
}
.ajax__tab_headerimages .ajax__tab_active .ajax__tab_inner
{
	border-width:0px;
}
/*
.ajax__tab_headerimages .ajax__tab_header .ajax__tab_hover .ajax__tab_outer 
{
	background-color:#0072B9;
	margin-left:10px;
	padding:0px;
    border-left:solid 1px #E7E9EA;
    border-top:solid 1px #E7E9EA;
    border-right:solid 1px #E7E9EA;
    border-bottom:solid 1px #0072B9;
}
*/
.ajax__tab_headerimages .ajax__tab_header .ajax__tab_tab 
{
    /*LOOKS GOOD --> padding:8px 6px 6px 10px;*/
    /*LOOKS GOOD --> padding:4px 2px 2px 6px;*/
    padding:4px 0px 0px 4px;
    color:#444444;
    display:block;
    text-align:center;    
}
.ajax__tab_headerimages .ajax__tab_header .ajax__tab_tab img
{
    height:48px;
    width:48px;
    border:1px solid #E7E9EA;
}
.ajax__tab_headerimages .ajax__tab_active .ajax__tab_tab img
{
    border:1px solid #FFFFFF;
}
.ajax__tab_headerimages .ajax__tab_header .ajax__tab_tab div
{
	/*
    font-family:Verdana, Arial, Sans-Serif;
    font-weight:bold;
    white-space:nowrap;
    line-height:145%;
    font-size:92%;
	*/
}
.ajax__tab_headerimages .ajax__tab_body 
{
	background-color:#ffffff;
    padding:0px;
    border-width:0px;
}