﻿A.menu {
   color: #555555;
   font-weight: bold;
}

A.menu2 {
   color: #555555;
}

/*************************** T A B S ********************************/
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: 1px solid #e4e5e7;
  border-bottom-color: transparent;
}
.nav-tabs {
  border-bottom: 1px solid #e4e5e7;
}
.tab-pane .panel-body {
  border-top: none;
}
.tabs-left .tab-pane .panel-body,
.tabs-right .tab-pane .panel-body {
  border-top: 1px solid #e4e5e7;
}
.nav-tabs > li a:hover {
  background: transparent;
  border-color: transparent;
}
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}
.tabs-left .panel-body {
  position: static;
}
.tabs-left > .nav-tabs,
.tabs-right > .nav-tabs {
  width: 20%;
}
.tabs-left .panel-body {
  width: 80%;
  margin-left: 20%;
}
.tabs-right .panel-body {
  width: 80%;
  margin-right: 20%;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}
.tab-content > .active,
.pill-content > .active {
  display: block;
}
.tabs-below > .nav-tabs {
  border-top: 1px solid #e4e5e7;
}
.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #e4e5e7;
  border-bottom-color: transparent;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
}
.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #e4e5e7 transparent #e4e5e7 #e4e5e7;
  *border-right-color: #ffffff;
}
.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
}
.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #e4e5e7 #e4e5e7 #e4e5e7 transparent;
  *border-left-color: #ffffff;
  z-index: 1;
}

.tabContent .editPanel
{
	margin-top:10px;	
}

.tabContent
{
  border-left:none;
  border-right:none;
  border-bottom:none;
}

/************************************** DROPDOWN MENU *********************************/

.nav-tabs .dropdown > .dropdown-menu {
    margin-top: -2px;
}

.nav-tabs .dropdown.dropup > .dropdown-menu {
    margin-bottom: 0px;
    margin-top: auto;
}

ul.dropdown-menu {
    z-index: 99999;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #f5f5f5 !important;
}

.dropdown-menu > li > span {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.4285;
    white-space: nowrap;
}

#header .nav-header .dropdown-menu a,
#header .nav-header .dropdown-menu a:visited,
#header .nav-header .dropdown-menu a:hover {
    color: #555 !important;
}

.top-tab-menu > ul > li > a,
.top-tab-menu > ul > li > a:visited,
.top-tab-menu > ul > li > a:hover {
    color: #555 !important;
    font-size: 14px !important;
    padding: 18px 15px 16px !important;
    /*border-right: 1px solid #e4e5e7;*/
}

.top-tab-menu li.active > a,
.top-tab-menu li.active > a:visited,
.top-tab-menu li.active > a:hover,
.current-menu-section-header {
    font-weight: bold;
    color: #1a80ba !important;
}

.nav.nav-tabs .dropdown-menu {
   padding-top: 0px;
   padding-bottom: 0px;
}

/************************************** DROPDOWN MENU *********************************/

/************************************** INTRO MENU ************************************/

.intro-menu ul {
    list-style-type: none;
}

.intro-menu ul {
    margin: 0px;
    padding: 0px;
}

.intro-menu ul.intro-menu-main {
    -webkit-column-count: 4;
     -moz-column-count: 4;
          column-count: 4;

  -webkit-column-width: 160px;
     -moz-column-width: 160px;
          column-width: 160px;

    min-height: 350px;
    max-width: 960px;
}
.intro-menu ul.intro-menu-main > li {
-webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;                      /* Actually FF 20+ & IE */

    /*display: block;*/
    padding: 0px;
    padding-bottom: 10px;

    width: 100%;
}

.intro-menu ul.intro-menu-main > li > div.intro-panel {
    background: #fff;
    border: 1px solid #e4e5e7;
    border-radius: 2px;
    padding: 20px;
}

.intro-menu ul.intro-menu-main > li b {
    display:block;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.intro-menu ul li ul li {
    margin: 0.5em 0px;
}

.intro-menu .sub-intro-menu {
    margin-top: 3px;
}

.intro-menu .sub-intro-menu ul {
    margin-left: 0.5em;
}

@media all and (max-width:768px) {
    .intro-menu ul.intro-menu-main {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media all and (max-width:550px) {
    .intro-menu ul.intro-menu-main {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media all and (max-width:480px) {
    .intro-menu ul.intro-menu-main {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

/************************************** INTRO MENU ************************************/

/************************************** SHORTCUT LINKS ********************************/

.shortcut-links ul {
    list-style-type: none;
}

.shortcut-links > ul {
    margin: 0px;
    padding: 0px;
}

.shortcut-links > ul {
    display: flex;
    align-items: start;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.shortcut-links ul.shortcut-links-main > li b {
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.shortcut-links ul.shortcut-links-main > li > .shortcut-panel {
    padding: 20px;
}

.shortcut-panel ul {
    padding-left: 20px;
}

.shortcut-links ul li ul li {
    margin: 0.5em 0px;
}

.shortcut-links ul li ul li ul {
    margin: 1.0em 0px;
}

/************************************** SHORTCUT LINKS ****************  **************/

/************************************** NAV TABS ************************************/
ul.nav.nav-tabs {
    margin-bottom: -2px;
}

ul.nav.nav-tabs > li.active {
    z-index: 1;
}

ul.nav.nav-tabs > li > a {
    display: block;
    border-top: 1px solid #e4e5e7;
    border-left: 1px solid #e4e5e7;
    border-right: 1px solid #e4e5e7;
}

ul.nav.nav-tabs > li > a {
    /*background-color: #1a80ba;
    color: #fff;*/
}

ul.nav.nav-tabs > li > a:hover {
    /*background-color: #53a0cb;*/
}

ul.nav.nav-tabs > li > a,
ul.nav.nav-tabs > li > a:active,
ul.nav.nav-tabs > li > a:visited,
ul.nav.nav-tabs > li > a:hover {
    background-color: #fff;
    background-color: #fafafa;
}

.modal-body ul.nav.nav-tabs > li > a,
.modal-body ul.nav.nav-tabs > li > a:active,
.modal-body ul.nav.nav-tabs > li > a:visited,
.modal-body ul.nav.nav-tabs > li > a:hover {
    background-color: transparent;
}

ul.nav.nav-tabs > li.active > a,
ul.nav.nav-tabs > li.active > a:hover {
    background-color: #fff;
    color: #555;
}

@media all and (max-width:768px) {
    ul.nav.nav-tabs {
        /*overflow: hidden;*/
        clear: both;
    }

    ul.nav.nav-tabs > li > a {
        /*display: block;*/
        border: 1px solid #e4e5e7 !important;
        border-radius: 4px;
        margin: 5px 5px 5px 0px;
    }

    /*ul.nav.nav-tabs > li a {
        background-color: #1a80ba;
        color: #fff;
    }

    ul.nav.nav-tabs > li a:hover {
        background-color: #53a0cb;
    }

    ul.nav.nav-tabs > li.active a,
    ul.nav.nav-tabs > li.active a:hover {
        background-color: #fff;
        color: #555;
    }*/
}

/************************************** NAV TABS ************************************/

.btn.btn-default.btn-view-site {
    margin: 5px;
}

.btn.btn-default.btn-view-site.wide-only {
    float: left;

    background-color: #fff !important;
    border-color: rgba(0, 0, 0, .15) !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .175);
}

.btn-site-view-mobile-container .btn.btn-default.btn-view-site:before {
    display: none;
}

.btn-site-view-mobile-container a.btn.btn-default.btn-view-site {
    padding: 10px 12px !important;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 150px;

    background-color: #fff !important;
    border: solid 1px rgba(0, 0, 0, .15) !important;
}

.btn-site-view-mobile-container a.btn.btn-default.btn-view-site:hover {
    background-color: #f7f8fa !important;
}

.btn-view-site-spacer {
    display: none;
}

.btn-site-view-mobile-container {
    display: none !important;
}

@media all and (max-width:1025px) and (min-width: 769px) {
    .btn.btn-default.btn-view-site.wide-only {
        float: none;
        display: block;
        max-width: 120px;
        margin-left: auto;
        margin-right: auto;
    }

    .btn-view-site-spacer {
        display: block;
        margin-bottom: 20px;
    }
}

@media all and (max-width: 768px) {
    .btn-site-view-mobile-container {
        display: block !important;
        width: 100%;
    }
}


/************************************************************************************/
/*                      possible not needed styles                                  */
/************************************************************************************/

/* Actions Menu  */
.actionMenu
{
  float:left;
  border: solid 1px #0185d0;  
  padding: 0px !important;  
  margin : 0px !important; 
  border-collapse:collapse;
  background-color:#fff ;
  color:White;
}

.helpMenu
{
  padding: 0px !important;  
  margin : 0px !important; 
  border-collapse:collapse;
  background-color:#fff;
  color:White;    
}

.helpMenu A,
.helpMenu A:visited,
.helpMenu A:hover
{
  font-weight: bold;
  font-size: 110%;
  text-decoration: none;   
  
  cursor: pointer !important; 
  cursor: hand !important;
  
  /*color: #3366CC;*/
  color: #1a80ba; 
}

.subMenu2
{
  text-align: left !important;    
}

.actionMenu TD,
.actionMenu TABLE,  
.actionMenu TABLE TR TD,
.actionMenu TABLE TR TD TABLE,
.actionMenu TABLE TR TD TABLE TR TD
{
  border: none !important;
  padding:0px !important;
  margin : 0px !important; 
}

.subMenu2 TABLE
{
  border-top: solid 1px #0185d0;    
  border-left: solid 1px #0185d0;    
  border-right: solid 1px #0185d0;    
  margin : 0px 0px 0px 0px; 
  background-color:#fff ;
  color:White;
}

.subMenu2 TABLE TR TD
{
  font-size:10pt;
  padding: 2px 5px 1px 5px;
  border:none !important;
  border-bottom:solid 1px #0185d0 !important;
}

.subMenu2 TABLE TR TD TABLE,
.subMenu2 TABLE TR TD TABLE TR TD
{
  border: none !important;
}

/* Main Sub Menu */

.mainMenuRightCell
{
    border-bottom: solid 1px #c8c8c8; 
    padding-right: 5px
}

.mainMenuSubRoot
{
  border: none;  
  padding: 0px !important;  
  margin : 5px 0px 0px 0px; 
  border-collapse:collapse;
  background-color: Transparent;

  cursor: pointer;
  cursor: hand;
}

.mainMenuSubRoot A
{
  font-size:109% !important;
  
  cursor: pointer !important;
  cursor: hand !important;
}

.mainMenuSubItem
{
  text-align: left !important;    
}

.mainMenuSubRoot TD,
.mainMenuSubRoot TABLE,  
.mainMenuSubRoot TABLE TR TD,
.mainMenuSubRoot TABLE TR TD TABLE,
.mainMenuSubRoot TABLE TR TD TABLE TR TD
{
  border: none !important;
  padding:0px !important;
  margin : 0px !important; 
}

.mainMenuSubItem TABLE
{
  border-top: solid 1px #0185d0;    
  border-left: solid 1px #0185d0;    
  border-right: solid 1px #0185d0;    
  margin : 0px 0px 0px 0px; 
  background-color: Transparent;
}

.mainMenuSubItem TABLE TR TD
{
  font-size:10pt;
  padding: 2px 5px 1px 5px;
  border:none !important;
  border-bottom:solid 1px #0185d0 !important;
}

.mainMenuSubItem TABLE TR TD TABLE,
.mainMenuSubItem TABLE TR TD TABLE TR TD
{
  border: none !important;
}

.nav-tabs > li.rightSideLink {
    float: right;
}