/* Rudimentary mega menu CSS for demonstration */
/* mega menu list */
.nav-main-menu {             
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    font-size: .95em;           
    font-weight: bold;
    /*letter-spacing: 1px;*/ 
    width: 114px;          
}    

.nav-menu {
    display: block;
    position: relative;
    list-style: none;
    margin-top: 10px;
    padding: 0;
    z-index: 15;
}
	
/* a top level navigation item in the mega menu */

.nav-item {
    list-style: none;
    display: inline-block;
    padding: 0px;
    margin: 0;
}
/* first descendant link within a top level navigation item */


.nav-item > a 
{
    position: relative;
    display: inline-block;           
    height: 33px;
    /*background-image: url('images/MainNav-Normal.png');*/
    background-repeat: no-repeat;
    background-color: #0E3252;
    /*background-color: #53728B;*/
    line-height: 35px;
    text-decoration:none;
    color: #53728B;
    border-radius: 3px 3px 0px 0px;
}


.nav-item > a {
    position: relative;
    display: inline-block;           
    height: 35px;
    /*background-image: url('images/MainNav-Normal.png');*/
    background-repeat: no-repeat;    
    line-height: 35px;
    text-decoration:none;
    color: #FFF;
}

/* 
.nav-item > a {
   	position: relative;
	display: inline-block;
	padding: .5em 0em;
	margin: 0 0 -1px 0;
	border: 1px solid black;
	color: red;
}
*/

/* focus/open states of first descendant link within a top level 
   navigation item */

.nav-item > a:focus,
.nav-item > a.open 
{  
	background-color: #0D3252;
	/*color: #B6D9F6; */
	color: #FFF;   
  
}


.nav-item > a:focus,
.nav-item > a.open {
  	/*border: 1px solid #dedede;*/
	/*background-image: url('images/MainNav-Over.png');*/
	background-color: #E28001;
    background-repeat: no-repeat;
}
/**/ 

/************************************************************/
.nav-main-menu-homebtn 
{  
    width: 98px;    
}
.nav-item-homebtn 
{
    list-style: none;
    display: inline-block;
    padding: 0px;
    margin: 0;
}
.nav-item-homebtn > a 
{            
    position: relative;
    display: inline-block;           
    height: 34px;
    background-image: url('images/homeUp.png');
    background-repeat: no-repeat;
}
.nav-item-homebtn > a:focus,
.nav-item-homebtn > a.open 
{    
    background-image: url('images/homeDown.png');
    background-repeat: no-repeat;
}
/************************************************************/


/* open state of first descendant link within a top level 
   navigation item */
.nav-item > a.open 
{
	background-color: #E28001;
    
	color: #FFF;

	z-index: 1;
}
/* Search Button */
.searchBtn	
{
	width: 40px;
	background-image: url('/Portals/_default/Skins/MEL/images/ocfl.png');/**/
	background-repeat: no-repeat;
	display:inline-block;
	cursor: pointer;
	position: relative;
	top: 6px;
}
	
.searchBtn:hover
{		
	background-image: url('/Portals/_default/Skins/MEL/images/MagnifyIcon.Hover.png');/**/		
}

/*** Sub-Navigation Panel */
.sub-nav 
{
    position: absolute;
    display: none;
    margin-top: 0px;    
    background-color: #fff;
    top: 36px;
    left: -50px;
    width: 962px;    
}
/* Sub-Navigation Panel open state */
.sub-nav.open 
{
    display: block;    
    background-color: #0D3252;  
}
/* List of items within Sub-Navigation Panel */
.sub-nav ul 
{
    display: inline-block;
    vertical-align: top;  
    list-style: none;
    float: left;  
    margin-left: 0px;
 }
.sub-nav li 
{
     padding-bottom: 20px;
     text-align: left;
}
.sub-nav li span 
{ 
    position: relative; 
    left: 0px; 
}
.sub-nav li a 
{
    font-weight: bold;
    color: #B6D9F6;
    font-size: .8em;
    text-decoration: none;   
}
.sub-nav p 
{
    font-weight: bold;
    color: #B6D9F6;
    font-size: .8em;
    text-decoration: none; 
    text-align:left;
    padding-top: 10px;
    padding-left: 10px;     
} 
/*
.sub-nav li a:focus {    
    	outline: 1px solid #B6D9F6 !important; 
    	padding: 3px;   	
    	line-height: 23px;   	
	} 
}
*/
/***** IE Browsers *****/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .sub-nav li a:focus {    
    	outline: 2px solid #B6D9F6 !important; 
    	padding: 3px;   	
    	line-height: 16px;    	
	} 
}
.sub-nav li a:hover 
{           
    color: #fff; 
    outline: none;             
}
.sub-nav ul:first-child li:first-child a 
{
    color: #f7e887;             
}
.sub-nav-group 
{
   width: 210px; 
   border-right: 1px solid #36596E;          
   margin-top: 15px; 
   padding-left: 25px !important;
}
.sub-nav-group:last-child 
{
    border-right: 0px !important;  
}
.lh 
{
    line-height: 12px;
}
#topchannels 
{
   /* top: 2px !important;*/
}