/* 
    Document   : ui-tabs
    Created on : Jun 17, 2010, 10:09:55 AM
    Author     : vishant.poeran
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* Vertical Tabs
----------------------------------*/
.ui-tabs-vertical { width: 625px; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { 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: 40em;}
.brand_packages .ui-widget-content{ border: none !important;}
.brand_packages .ui-widget-content{ background: none !important;}
.brand_packages .ui-widget-header {background: none; border: none; }
.brand_packages .ui-state-default, .brand_packages .ui-widget-content .brand_packages .ui-state-default {background: none; border: none; }
.brand_packages .ui-state-active, .brand_packages .ui-widget-content .ui-state-active  {background: none; border: none; }
.brand_packages .ui-state-active a, .brand_packages .ui-widget-content .ui-state-active a { text-decoration: underline !important; }
.brand_packages .ui-tabs .ui-tabs-nav li a { padding: 0.5em 1em 0.5em 0.5em; }

.ui-tabs-vertical .ui-tabs-nav li  {
  border-bottom: 1px solid #C81C1C !important;
}

.ui-tabs-vertical .ui-tabs-nav li a  {
  font-size: 1em !important;
  font-weight: normal;
}

.ui-tabs-vertical .ui-tabs-nav li a  {
  font-size: 1em !important;
  font-weight: normal;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-state-active a  {
  font-weight: bold;
  text-decoration: none !important;
}