﻿/* .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. */   

/* Backgrounds */
.ajax__tab_acro .ajax__tab_header					{ /*background-color: #de9a00;*/ }
.ajax__tab_acro .ajax__tab_outer					{ /*background-color: #2e9a00;*/ /*background:url(images/tab-right.gif) no-repeat right;*/ }
.ajax__tab_acro .ajax__tab_inner					{ /*background:url(images/tab-left.gif) no-repeat;*/ }
.ajax__tab_acro .ajax__tab_tab						{ /*background-color: #4d90fe;*/ }
.ajax__tab_acro .ajax__tab_hover .ajax__tab_outer	{ /*background:url(images/tab-hover-right.gif) no-repeat right;*/ }
.ajax__tab_acro .ajax__tab_hover .ajax__tab_inner	{ /*background:url(images/tab-hover-left.gif) no-repeat;*/ }
.ajax__tab_acro .ajax__tab_hover .ajax__tab_tab		{ /*background-color: #0072bb;*/ }
.ajax__tab_acro .ajax__tab_active .ajax__tab_outer	{ /*background:url(images/tab-active-right.gif) no-repeat right;*/ }
.ajax__tab_acro .ajax__tab_active .ajax__tab_inner	{ /*background:url(images/tab-active-left.gif) no-repeat;*/ }
.ajax__tab_acro .ajax__tab_active .ajax__tab_tab	{ /*background-color: #0072bb;*/ }

/* Other Styles */
.ajax__tab_acro .ajax__tab_header 					{ font-family: "Segoe UI", Helvetica, Arial, sans-serif; font-size:14px; vertical-align:bottom; }
.ajax__tab_acro .ajax__tab_header a                 { display:inline-block; }
.ajax__tab_acro .ajax__tab_outer					{ margin-top: 4px; -webkit-transition: margin-top 0.1s ease-in-out; -moz-transition: margin-top 0.1s ease-in-out; -o-transition: margin-top 0.1s ease-in-out; transition: margin-top 0.1s ease-in-out; }
.ajax__tab_acro .ajax__tab_active .ajax__tab_outer	{ margin-top: 0px; }
.ajax__tab_acro .ajax__tab_inner					{ }
.ajax__tab_acro .ajax__tab_tab						{ padding: 8px 12px 8px 12px; margin: 0; outline:0; -webkit-transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; }
.ajax__tab_acro .ajax__tab_tab img					{ vertical-align: bottom; border: 0; }
.ajax__tab_acro .ajax__tab_body						{ border-style:solid; border-width:4px; padding: 8px; min-height: 400px; overflow: auto; clear: both; }
.ajax__tab_acro .ajax__tab                          { height: 38px !important; }

.ajax__tab_acro .ajax__tab_active .ajax__tab_tab    { padding: 8px 20px 8px 20px; }

.ajax__tab_acro .ajax__tab_disabled                 { cursor: default; color: gray; }

.ajax__tab_acro                                     { margin-bottom: 8px; }


/*jQuery tabs styles*/
.ui-tabs                            { border:none; font-family:"Segoe UI", Helvetica, Arial, sans-serif; font-size:14px; vertical-align:bottom; padding:0px 0px 10px 0px; }
.ui-tabs-vertical .ui-tabs-nav      { float:left; border:none; border-radius:0px; padding:0px; min-width:150px; }
.ui-tabs-vertical .ui-tabs-nav li   { clear:left; width:100%; border:none; border-radius:0px; margin:0px; -webkit-transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; width:80%; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { margin:0px; padding:0px; margin-left:4px; }
.ui-tabs-vertical .ui-tabs-panel    { overflow:hidden; border-style:solid; border-radius:0px; border-width:4px; padding:8px; min-height:450px; }

.ui-tabs-hidden .ui-tabs-nav        { display:none; }
.ui-tabs-hidden .ui-tabs-panel      { overflow:hidden; padding:0px; }
 
 

  /*.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active 
 {
    padding-bottom: 0;
    padding-right: .1em;
    border-right-width: 1px;
    border-right-width: 1px;
 }

.ui-tabs-vertical .ui-tabs-panel 
{
  padding: 1em;
  float: right;
  width: auto;
}*/

