﻿
/* HEADER 
----------------------------------------------------------*/
#header_section {
    position:fixed;
    width:100%;
    min-width:990px;
    height:100px;
	background: url(images/filerelay-banner.png) no-repeat;
    background-color: #01549A;
	display: block;
    z-index: 1020;
}
#header_logo {
    position:absolute;
    width:297px;
    height:40px;
    top:57px;
    right:30px;
    background-image: url(images/VideoShip.png);   
}

#header_menu {
    position:absolute;
    top:10px;
    right:20px;
}
#header_logout {
    position: absolute;
    zwidth: 500px;
    top: 75px;
    left:10px;
    text-align:left;

}

#header_logout span {
    color: black;
    font-size:13px;
    
    opacity:0.77;
    filter: alpha(opacity=77);
}

#header_logout a {
	text-decoration: none;
    font-weight:normal;
    color: black;
    font-size:14px;
    opacity:1;
    filter: alpha(opacity=100);
}

#header_logout a:hover {
    font-weight:bold;
}

#header_search {
    position: absolute;
    width:345px;
    top:65px;
    left:315px;
}


#header_refresh {
    float:left;
    margin-right:5px;
    width:16px;
    height:13px;
    margin-top:10px;
    cursor:pointer;
    background-image: url(../mb_images/Refresh.png) ;    
    /*-webkit-filter: brightness(100); filter: brightness(100);  turn white */ 
}

#header_search input[type="text"] { 
    background-color:#D1E1ED;
    color:black; 
    border:none; 
    width:270px;
    height:27px;
    font-weight: bold;
    float:left;
}

#header_search_icon {
    background-image: url(../mb_images/Search_icon.png);   
    vertical-align:middle;
    width:25px;
    height:27px;
    float:left; 
    cursor:pointer;
    /*-webkit-filter: brightness(0.25); filter: brightness(0.25);   turn white*/
    filter:invert(100%); 
}


#header_help{
    float:right;
    margin-top:6px;
    background-image: url(../mb_images/info-outline.png); 
    width:16px;
    height:16px;
    cursor:pointer;
}

#urgentAdvisoryNotification {
    height: 1.25em;
    background-color: #f30;
    color: #fff;
    font-weight: bolder;
    text-align: center;
    visibility: hidden;
    opacity: 0.85;
}

 /* MENU
----------------------------------------------------------*/
.topmenu{
	float: left;
}

.topmenu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.topmenu li{
	display: inline;
}

.topmenu li a {
	float: left;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	color: #fff;
    padding:5px 15px 0px 15px;
	height: 25px;
    font-size:15px;
    font-weight:bold;

    opacity:0.77;
    filter: alpha(opacity=77);
}

.topmenu li a:hover, .topmenu li.current a:hover {
	color: #fff;
    border-bottom: 7px solid silver;

}

.topmenu li.current a {
	color: #fff;
    border-bottom: 7px solid #039DD0
}