/*
 * Note: While Microsoft is not the author of this file, Microsoft is
 * offering you a license subject to the terms of the Microsoft Software
 * License Terms for Microsoft ASP.NET Model View Controller 4 Developer Preview.
 * Microsoft reserves all other rights. The notices below are provided
 * for informational purposes only and are not the license terms under
 * which Microsoft distributed this file.
 *
 * jQuery UI Tabs 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */

/*.ui-tabs { position: relative; padding: .2em; zoom: 1; }*/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

/*.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }

.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }*/ /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

/*.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }

.ui-tabs .ui-tabs-hide { display: none !important; }*/


.ui-tabs-vertical 
{ 
    position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
}
.ui-tabs-vertical .ui-tabs-nav 
{ 
    float: left; /*this puts tabs on left hand side instead of top*/
    width: 18em; /*this is the tab width*/
    background-color:#555;/*this is needed to match background color of tabs with panel and borders and widget-content*/
    border-right:none;
    border-bottom: none;
    /*border-bottom: 1px solid #ffffff;*/
    border-left:none;
    border-top:none;
    margin: auto;
    margin-right: 5em;
}
.ui-tabs-vertical .ui-tabs-nav li 
{ 
    border-left:none !important; /*no border color*/
    border-top:1px solid #ffffff !important;/*no border color*/
    border-bottom: none !important; /*no border color*/
    border-right:1px solid #ffffff; /*no border color*/
    padding-top:4px;/*space between tabs on top of tab*/
    padding-bottom:4px; /*space between tabs on bottom of tab*/
    
}
/*.ui-tabs-vertical .ui-tabs-nav li a { display:block; }*/
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected 
{ 
    padding-top: 10px;/*if you want selected option to have more space on top*/
    padding-bottom: 10px; /*if you want selected option to have more space on bottom*/
    
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a 
{ 
    cursor:pointer;
    background-color:#555;/*this is the background-color of the text in the tab*/
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected b
{ 
    cursor:none;
    background-color:#555;/*this is the background-color of the text in the tab*/
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-processing a
{
    cursor: pointer;
    color: #6c8cc7;/*this is the text color of the active tab*/
}
.ui-tabs-vertical .ui-tabs-nav li a:hover, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a 
{ 
    cursor: pointer;
    color:#6c8cc7;/*this is the text color of the hover tab*/
}
.ui-tabs-vertical .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a 
{ 
    cursor: pointer;
    color:#ffffff;/*this is the text color of the inactive tab*/
    font-weight: bold;
    
     
}*/ /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-vertical .ui-tabs-panel 
 { 
     background-color:#555;
     
 }
.ui-tabs-vertical .ui-tabs-hide 
{ 
    display: none !important;/*do not remove this - it is what makes the tabs functional (show/hide)*/
}
.ui-tabs-vertical .ui-widget-content 
{
    background-color: #555;/*had to add this to make background match panel*/
    padding-bottom: 15em;/*had to add this in case panel was shorter than tabs*/
    border: none;/*had to add this to remove border to match panel*/
    
}