@media screen and (min-width:600px){body,html{height:100%;overflow:hidden}body .headerCl,html .headerCl{position:absolute;width:100%;background-color:#2a2929;height:50px;min-width:600px;border-radius:0;z-index:101}body .headerCl #webtrackingLogo,html .headerCl #webtrackingLogo{height:40px;margin-top:3px;margin-left:8px;margin-right:15px;float:left}body .headerCl #menuItems,html .headerCl #menuItems{float:left;width:500px;margin-left:95px;display:none}body .headerCl #menuItems .menuItem,html .headerCl #menuItems .menuItem{float:left;text-align:center;padding-left:15px}body .headerCl #menuItems .menuItem #imgChartMarker,html .headerCl #menuItems .menuItem #imgChartMarker{background:url(../img/header/chartMarkerGray.png) center no-repeat;background-size:20px}body .headerCl #menuItems .menuItem #imgText,html .headerCl #menuItems .menuItem #imgText{background:url(../img/header/textGray.png) center no-repeat;background-size:20px}body .headerCl #menuItems .menuItem #imgHistory,html .headerCl #menuItems .menuItem #imgHistory{background:url(../img/header/historyGray.png) center no-repeat;background-size:20px}body .headerCl #menuItems .menuItem #imgRoute,html .headerCl #menuItems .menuItem #imgRoute{background:url(../img/header/routeGray.png) center no-repeat;background-size:20px}body .headerCl #menuItems .menuItem #imgTicket,html .headerCl #menuItems .menuItem #imgTicket{background:url(../img/header/ticketGray.png) center no-repeat;background-size:20px}body .headerCl #menuItems .menuItem #imgUser,html .headerCl #menuItems .menuItem #imgUser{background:url(../img/header/userGray.png) center no-repeat;background-size:20px}body .headerCl #menuItems .menuItem #imgShip,html .headerCl #menuItems .menuItem #imgShip{background:url(../img/header/shipGray.png) center no-repeat;background-size:20px}body .headerCl #menuItems .menuItem #imgBarge,html .headerCl #menuItems .menuItem #imgBarge{background:url(../img/header/bargeGray.png) center no-repeat;background-size:20px}body .headerCl #menuItems .menuItem #imgSubUser,html .headerCl #menuItems .menuItem #imgSubUser{background:url(../img/header/subuserGray.png) center no-repeat;background-size:20px}body .headerCl #menuItems .menuItem #imgLink,html .headerCl #menuItems .menuItem #imgLink{background:url(../img/header/linkShipsGray.png) center no-repeat;background-size:20px}body .headerCl #menuItems .menuItem .menuItemImg,html .headerCl #menuItems .menuItem .menuItemImg{float:left;width:30px;height:60px}body .headerCl #menuItems .menuItem .menuItemText,html .headerCl #menuItems .menuItem .menuItemText{float:left;color:#e6d9d9;padding:20px 15px 10px 5px}body .headerCl #menuItems .menuItem .dropdownMenuItemImg,html .headerCl #menuItems .menuItem .dropdownMenuItemImg{margin-right:10px}body .headerCl #menuItems .menuItem:hover,html .headerCl #menuItems .menuItem:hover{background:#45484d;background:-moz-linear-gradient(top,#45484d 0,#000 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#45484d),color-stop(100%,#000));background:-webkit-linear-gradient(top,#45484d 0,#000 100%);background:-o-linear-gradient(top,#45484d 0,#000 100%);background:-ms-linear-gradient(top,#45484d 0,#000 100%);background:linear-gradient(to bottom,#45484d 0,#000 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0);cursor:pointer}body .headerCl #menuItems .menuItem:hover #settingsButtonImg,html .headerCl #menuItems .menuItem:hover #settingsButtonImg{background:rgba(39,62,84,.82);overflow:hidden;height:100%;z-index:2}body .headerCl #menuItems .menuItem:hover #imgChartMarker,html .headerCl #menuItems .menuItem:hover #imgChartMarker{background:url(../img/header/chartMarkerOrange.png) center no-repeat;background-size:20px}body .headerCl #menuItems .menuItem:hover #imgText,html .headerCl #menuItems .menuItem:hover #imgText{background:url(../img/header/textOrange.png) center no-repeat;background-size:20px}body .headerCl #menuItems .menuItem:hover #imgHistory,html .headerCl #menuItems .menuItem:hover #imgHistory{background:url(../img/header/historyOrange.png) center no-repeat;background-size:20px}body .headerCl #menuItems .menuItem:hover #imgRoute,html .headerCl #menuItems .menuItem:hover #imgRoute{background:url(../img/header/routeOrange.png) center no-repeat;background-size:20px}body .headerCl #menuItems .menuItem:hover #imgTicket,html .headerCl #menuItems .menuItem:hover #imgTicket{background:url(../img/header/ticketOrange.png) center no-repeat;background-size:20px}body .headerCl #menuItems .menuItem:hover #imgUser,html .headerCl #menuItems .menuItem:hover #imgUser{background:url(../img/header/userOrange.png) center no-repeat;background-size:20px}body .headerCl #menuItems .menuItem:hover #imgShip,html .headerCl #menuItems .menuItem:hover #imgShip{background:url(../img/header/shipOrange.png) center no-repeat;background-size:20px}body .headerCl #menuItems .menuItem:hover #imgBarge,html .headerCl #menuItems .menuItem:hover #imgBarge{background:url(../img/header/bargeOrange.png) center no-repeat;background-size:20px}body .headerCl #menuItems .menuItem:hover #imgSubUser,html .headerCl #menuItems .menuItem:hover #imgSubUser{background:url(../img/header/subuserOrange.png) center no-repeat;background-size:20px}body .headerCl #menuItems .menuItem:hover #imgLink,html .headerCl #menuItems .menuItem:hover #imgLink{background:url(../img/header/linkShipsOrange.png) center no-repeat;background-size:20px}body .headerCl #menuItems .menuItem:hover .menuItemText,html .headerCl #menuItems .menuItem:hover .menuItemText{color:#ffcb32}body .headerCl #backButton,html .headerCl #backButton{width:50px;float:right}body .headerCl #backButton .buttonImg,html .headerCl #backButton .buttonImg{width:100%;height:50px}body .headerCl #backButton #backButtonImg,html .headerCl #backButton #backButtonImg{background:url(../img/header/backGray.png) center no-repeat;background-size:20px}body .headerCl #backButton:hover,html .headerCl #backButton:hover{background:#45484d;background:-moz-linear-gradient(top,#45484d 0,#000 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#45484d),color-stop(100%,#000));background:-webkit-linear-gradient(top,#45484d 0,#000 100%);background:-o-linear-gradient(top,#45484d 0,#000 100%);background:-ms-linear-gradient(top,#45484d 0,#000 100%);background:linear-gradient(to bottom,#45484d 0,#000 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0);cursor:pointer}body .headerCl #backButton:hover #backButtonImg,html .headerCl #backButton:hover #backButtonImg{background:url(../img/header/backOrange.png) center no-repeat;background-size:20px}body .headerCl .dropdown,html .headerCl .dropdown{width:50px;float:right}body .headerCl .dropdown .buttonImg,html .headerCl .dropdown .buttonImg{width:100%;height:50px}body .headerCl .dropdown #settingsButtonImg,html .headerCl .dropdown #settingsButtonImg{background:url(../img/header/gearIconGray.png) center no-repeat;background-size:20px}body .headerCl .dropdown #menuButtonImg,html .headerCl .dropdown #menuButtonImg{background:url(../img/header/menuGray.png) center no-repeat;background-size:20px}body .headerCl .dropdown .dropdownMenuItemImg,html .headerCl .dropdown .dropdownMenuItemImg{margin-right:10px}body .headerCl .dropdown .dropdown-menu #setConfiguration,body .headerCl .dropdown .dropdown-menu #setFullscreen,body .headerCl .dropdown .dropdown-menu #setSmallscreen,html .headerCl .dropdown .dropdown-menu #setConfiguration,html .headerCl .dropdown .dropdown-menu #setFullscreen,html .headerCl .dropdown .dropdown-menu #setSmallscreen{display:inline}body .headerCl .dropdown:hover,html .headerCl .dropdown:hover{background:#45484d;background:-moz-linear-gradient(top,#45484d 0,#000 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#45484d),color-stop(100%,#000));background:-webkit-linear-gradient(top,#45484d 0,#000 100%);background:-o-linear-gradient(top,#45484d 0,#000 100%);background:-ms-linear-gradient(top,#45484d 0,#000 100%);background:linear-gradient(to bottom,#45484d 0,#000 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0);cursor:pointer}body .headerCl .dropdown:hover #settingsButtonImg,html .headerCl .dropdown:hover #settingsButtonImg{background:url(../img/header/gearIconOrange.png) center no-repeat;background-size:20px}body .headerCl .dropdown:hover #menuButtonImg,html .headerCl .dropdown:hover #menuButtonImg{background:url(../img/header/menuOrange.png) center no-repeat;background-size:20px}body .headerCl #menuButton,html .headerCl #menuButton{display:inline-block}}