/* NavBar.css
 * Styles to support navigation bar
 */

#NavBar {
 width: 100%;
 height: 50px;
 opacity: 0.8;
 border-bottom: 2px double blue;
 background-size: cover;
 background-image: url('/web/images/ZoneBlue.jpg');
}

#HomeLink img {
 opacity: 1.0;
 z-index: 100;
 width: 150px;
 margin: 5px;
 border-radius: 5px;
}

#AppTitle2 {
 position:relative; float:left;
 padding: 5px;
 font-size: .8em;
 font-style: italic;
 font-weight: bold;
 font-family: Lucida Console, monospace;
}

#DateArea {
 position:relative; float:right; width:80px; height:100%;
 padding: 10px 0;
 text-align: center;
 font-Size: .8em;
 font-weight: bold;
 font-family: Lucida Console, monospace;
}

#UserArea,#AlrtArea {
border: 0px solid black;
 position:relative; float:right; width:45px; height:100%;
 padding: 4px 0;
 text-align: center;
 font-family: Jazz LET, fantasy;
}

.NavList {
 right:0px; top:50px;
 z-index: 1;
 border : 2px solid blue;
 padding: 5px;
 background-color: #DDDDDD;
}