/**********************************************************************************
 Page Name:	   navBar.css
 Author:	   FDIC BDS Team
 Description:  The css styling for the global navigation menu
 Revisions:	
 *********************************************************************************
*/
    .search2 {height:1px;}/*please do not remove*/
    .cssUtility { height:40px; float:right; padding: 13px 10px 13px 0px;  font: 13px arial;}
	.cssUtility a { text-decoration: none; color: #236EAE;}
	
	.navContainer {width: 990px; background-color: #ffffff; margin-top: -18px; border-bottom: 1px solid #f2f2f2;}

	.nav .nav-bar {width: auto; height:20px;}

	.nav_menu { position: relative; z-index: 9999; margin: 0px; padding: 0px; }
	
	/* drop menu */
	.nav_menu .dropmenu { margin: 0; padding: 0; height: 28px; display: none; /* displays after menu load */ }

	.navbar-default .nav > .open > a, .navbar-default .nav > .open > a:focus, .navbar-default .nav > .open > a:hover {
   		 color: #2C3B4D;
   		 background-color: #d5e6f6;
	}

    .navbar-default .nav .open .dropdown-menu > li > a:focus, .navbar-default .nav .open .dropdown-menu > li > a:hover, a:focus {
   		 color: #2C3B4D;
   		 background-color: #d5e6f6;
	}
      	
	/* drop Menu 
	.dropdown:hover .dropdown-menu { display: block; color: #FFFFFF; padding: 0px;}*/
    /* drop Menu */
	.dropdown:hover .global-menu { display: block; color: #FFFFFF; padding: 0px;}
   
    /* a:link, a:visited, a:hover, a:active must in this order */
  	/* .nav li a:hover, a:active { background-color: #4f6b88 ;} */
       
  	/* First child (FDIC): li:first-child or li:nth-child(1) */  
  	/* Note: 1st child: li:first-child; 2nd child: li a:nth-last-child(2) */
  
	.navbar-header {background-color: #6182A4; color: #FFFFFF;}
    
    .nav li:first-child a { background-color: #806E31; height: 50px; padding-left: 30px; padding-right: 20px; font-size: 16px; color: #FFFFFF;}

    .nav li:first-child a:hover, a:active, a:focus { background:#6A571A; color: #FFFFFF;}
     
	/*** Drop down menu for the 1st menu item (FDIC)on nav bar  ***/
    .nav li:first-child li a { background-color: #6A571A; height: 37px; padding: 10px 10px 0px 10px; font-size: 13px; 
                               border-bottom: 1px solid #EBD99F; box-shadow:1px 1px 7px 2px rgba(0, 0, 0, 0.067);}
	  	  
	.nav li:first-child li a:hover, a:active { color: #382e0e; background-color: #f5e3a7;}
    .nav li:first-child li a:focus { color: #382e0e; background-color: #f5e3a7; }

 	/*** Drop down menu for the 2nd to last items  #537291, #3366CC, 104E8B***/ 
   	.nav li:nth-child(n+2) a { background-color: #537291; height: 50px; font-size: 16px; color: #FFFFFF; padding-left: 25px; padding-right: 25px; }

    .nav li:nth-child(n+2) a:hover, a:active, a:focus { background: #374A60; color: #FFFFFF;}
   
    /* .nav li:not(:first-child) li a:hover, a:active { */
   	.nav li:nth-child(n+2) li a:hover, a:active, a:focus {color: #2c3b4d; background-color: #d5e6f6;}
        
    .nav li:nth-child(n+2) li a { background-color: #374A60; height: 37px; color: #FFFFFF; padding: 10px 20px 10px 32px; font-size: 12px; 
                                  border-bottom: 1px solid #CEDEEE; box-shadow:1px 1px 7px 2px rgba(0, 0, 0, 0.067);}

	/* last item : add a vertical bar at left border */
    .nav > li:last-child > a { border-left: 1px solid #FFFFFF;  color: white; padding-left: 17px; padding-right: 32px;} 

	.nav li ul { position: absolute; white-space: nowrap; text-align:left; } 
	
	/* Display the dropdown on hover */
	.nav > li:hover > ul { left: auto; margin-top: 0; }

    /* Display the dropdown on focus */
	.nav > li:focus > ul { left: auto; margin-top: 0; }

    .nav li li:last-child a {border-bottom: none;}	

   .cssNavBarContainer { width:960px; height:136px; border:1px solid #999999;}
   .cssBreadCrumbContainer {width:990px; height:40px; background-color:#f2f2f2; padding-top: 10px; font-size:12px;font-family: Arial; color: #000000; padding-left: 15px;} 
   .cssBreadCrumb { font-size:12px; color:#428bca; text-decoration: none;}
   .cssBreadCrumbSeparator { font-size:12px; color:#084999; vertical-align:middle; }
   .cssBreadCrumbLastNode { font-size:12px; color:#000000;}
   
   .cssMenuTitle {font-size:14px; font-weight:bold; color: #2c3b4d; padding-bottom:10px;}
   .cssMenuDesc { font-size:13px; font-weight:normal; }
   .cssMenuDesc span { padding-left:5px; }
   .cssMenuDesc li { margin-left: -20px; padding-bottom: 5px;}
   .cssMenuDesc li li { margin-left: -15px;}
         
   .iframeWrapper {
        margin: 20px 40px 40px 85px;
        border:1px solid #9f9f9f;
        width:100%; height:100%; z-index:99999;
    }

   .cssSlidePanel {	
	   /*display: none;*/
       left:-9999px;
	   position:absolute;	   
	   width:auto; height:auto; 
	   min-width:320px; 
	   padding: 10px 20px 0px 20px;
	   color: #000000; 
	   font-size: 13px;
       text-decoration: none; 
       background-color: #d5e6f6;
       border-right: 1px solid #E4E4E4; 
       border-bottom: 1px solid #E4E4E4;
       box-shadow: 1px 1px 7px 2px rgba(0, 0, 0, 0.067);
       z-index:1000;
    }

    .dropdown-menu {
                background-clip: padding-box;
                background-color: #537291;
                color:#fff;
                border: 1px solid rgba(0, 0, 0, 0.15);
                border-radius: 4px;
                box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
                display: none;
                float: left;
                font-size: 12pt;
                left: 0;
                list-style: outside none none;
                margin: 2px 0 0;
                min-width: 160px;
                padding: 5px 0;
                position: absolute;
                text-align: left;
                top: 100%;
                z-index: 1000;
     }
    
    .dropdown-menu:active {display: block;}
 
     /* Helps position submenu */
    .dropdown-submenu {position: relative;}
     /* Menus under the submenu should show up on the left of the parent */
    .dropdown-submenu>.help-menu {
        top: 0; right: 100%; margin-top: -6px; margin-right: -1px; left:auto;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }
    /* Make submenu visible when hovering on link */
    .dropdown-submenu:hover>.help-menu {display: block;}
    /* Make submenu visible when hovering on link */
  
     /* Add caret to submenu links */
    .dropdown-submenu>a:after {
        float: left;
        /*simple */
        content: "?";
        color: #cccccc;
        /* looks a little better */
        content: " ";
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 5px 5px 0px;
        border-right-color: #cccccc;
        margin-top: 5px;
        margin-left: -20px;
    }
    /* Change caret color on hover */
    .dropdown-submenu:hover>a:after {border-right-color: #000000;}
    .dropdown-menu > li > a
    {
        clear: both;
        background-color: #537291;
        color: #fff;
        display: block;
        font-weight: 400;
        line-height: 1.42857;
        padding: 3px 20px;
        white-space: nowrap;
    }
  
    .topHelp {font-size: 13pt;}

   /* Override jQuery datepicker CSS */
   .ui-datepicker { font-size: 12px;} 
   .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { color: black; font-size: 13px;} 
   .ui-datepicker table { color: black;}

    .modal {
    bottom: 0; display: none;  left: 0; outline: 0 none; overflow: hidden;  position:fixed;  right: 0;  top: 0;  z-index: 99999;}
    /* Override BootStrap CSS */
   .modal-body { margin:0px 25px; width: 90%; height: 100%; }
   .modal-header .close { font-size: 14pt; font-weight:900; color: #ffffff; opacity:0.9; }

  /* padding for firefox in the last child of the last menu item */
    @-moz-document url-prefix() { 
        #BankFind  {
            padding-left: 30px; padding-right: 32px;
        }
    }
    
    /* Prevent printing the url in a link  */
    @media print {
        a[href]:after {
        content: none !important;
        }
        .hidden-print {
            display: none !important;
        }
    }
        /* styles for mobile devices or small screen */
@media only screen and (min-width: 1024px)  and (max-width: 1270px){
      /*Help Drop Down Menu*/
     #parentMenu {margin: 70px 5px 5px -500px; padding:10px 0px; font-family:Arial;}
      .dropdown-menu {
                background-clip: padding-box;
                /*background-color: #537291;*/
                color:#fff;
                border: 1px solid rgba(0, 0, 0, 0.15);
                border-radius: 4px;
                box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
                display: none;
                float:none;
                font-size: 11pt;
                left: 0;
                list-style: outside none none;
                margin: 2px 0 0;
                min-width: 160px;
                padding: 5px 0;
                position: absolute;
                text-align: left;
                top: 100%;
                z-index: 1000;
            }
       .topHelp {font-size: 11pt;}
}

 /* styles for mobile devices or small screen */
@media only screen and (min-width: 1280px) and (max-width: 1550px){
      /*Help Drop Down Menu*/
     #parentMenu {margin: 70px 5px 5px -300px; padding:10px 0px; font-family:Arial;}
      .dropdown-menu {
                background-clip: padding-box;
                background-color: #537291;
                color:#fff;
                border: 1px solid rgba(0, 0, 0, 0.15);
                border-radius: 4px;
                box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
                display: none;
                float:none;
                font-size: 11pt;
                left: 0;
                list-style: outside none none;
                margin: 2px 0 0;
                min-width: 160px;
                padding: 5px 0;
                position: absolute;
                text-align: left;
                top: 100%;
                z-index: 1000;
            }
       .topHelp {font-size: 11pt;}
}

     @media only screen and (min-width: 681px) and (max-width: 803px){
        
        nav { margin: 0; }
        /* Helps position submenu */
        #helpOptions {right:8px;}
         /* Add caret to submenu links */
                   
    }

   /* styles for mobile devices or small screen */
    @media only screen and (max-width: 680px) {
    .navContainer { width: 100%; height: auto;}    
    .navbar-header { background-color: #6182A4; color: #FFFFFF; height:52px; padding-left:10px; margin: 0;}
         
    .navbar-collapse { height: 100%; min-height:400px; background: #233668; padding-left:10px; padding-right:10px;
                       border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
                                                                                                     
    .nav { margin: 0; padding: 0;}
    .dropdown { border-left: 20px solid #D5E6F6; border-right: 20px solid #D5E6F6; margin: 0; padding: 0;}
    .dropdown-menu { background: #D5E6F6; width:100%; height: 100%; margin: 0; padding: 0; }
       
    /*.nav li:nth-child(n+2) a { background-color: #D5E6F6; color: #2C3B4D; font-size:16px; height: 36px; 
                               padding-top: 10px; padding-left: 0; border-bottom: 1px solid #ffffff; }*/ 
                                                                    
    .nav li:nth-child(n+2) a:hover, a:active { background-color: #D5E6F6; color: #2C3B4D; padding-top: 10px; padding-left: 0}
 
    .nav li:nth-child(n+2) li a { background-color: #ffffff; color: #2C3B4D; font-size:13px; height: 35px; box-shadow: none; 
                                  border-bottom: 1px solid #c9c9c9; padding-top: 10px;  padding-left: 20px; padding-right: 10px; }                                  
    .nav li:nth-child(n+2) li a:hover, a:active {background-color: #4F6B88; color: #ffffff; padding-top: 10px; padding-left: 20px; padding-right: 10px;} 
    .nav li:nth-child(5) li:last-child a {height: 53px; border-bottom: 20px solid #D5E6F6;}                                                               
    
    .navbar-default .navbar-toggle.collapsed { background-color: #6182Af; border:1px solid #4f6b88; width:41px; height:35px; padding-top: 5px; padding-left:7px;} 
    .navbar-default .navbar-toggle.collapsed .icon-bar { height: 5px; width:26px; background-color: #ffffff;}

    .navbar-default .navbar-toggle { background-color: #D5E6F6; border:1px solid #4f6b88; width:41px; height:35px; padding-top:5px; padding-left:7px;}
    .navbar-default .navbar-toggle .icon-bar { height: 5px; width:26px; background-color: #6182A4;}

     /* Menus under the submenu should show up below the parent */
    .dropdown-submenu>.help-menu {
        top: auto; right: 0px; margin-top: 2px; margin-bottom: 2px; left:auto;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
    /* Make submenu visible when hovering on link */
    .dropdown-submenu:hover>.help-menu {display: block;}
    /* Make submenu visible when hovering on link */
  
     /* Add caret to submenu links */
    .dropdown-submenu>a:after {
        float: right;
        border-width: 0px;
        border-bottom-color: #000000;
        margin-right:20px;
     }
    .topHelp {font-size: 10pt;}
           
  } 
 
@media all and (max-width : 330px) {
        nav ul li {display: block; width: 94%;}
}

@media only screen and (max-width:533px){
    .iframeWrapper {height: 75%; margin: 3px; width: 90%;}
}