/* DVA Main Cascading Style Sheet (C) 2005, 2006, 2007, 2009, 2010, 2012, 2015, 2016 Global Virtual Airlines Group. */

/* Formatting for header title caption */
h1.header {
	font-family: Trebuchet MS, tahoma, sans-serif;
	color: #0000a1;
	text-align: center;
}

/* Formatting for header image */
@media (min-width: 941px) {
    img.header {
        float: right;
        border: none;
    }

    div#header {
		height: 104px;
	}
	
	div#mobileMenu {
	   display:none;
	}

	h1.header {
		font-size: 17pt;
	}
}

@media (max-width: 940px) {
	div#header {
	   position:relative;
	   height: 48px;
	}

    img.header {
        display:none;
    }
    
    #hdrLink {
        z-index: 20;
        position:absolute;
        top: -6px;
        right: 42px;
    }
    
   	h1.header {
		font-size: 14pt;
	}

    div#mobileMenu {
        margin-top: 2px;
        margin-left: 2px;
        border: 2px solid #0000a1;
        border-radius: 6px; 
        height: 36px;
        width: 36px;
        position:relative;
    }
    
    #mobileMenu:before { 
        border-bottom: 17px double #0000a1;
        border-top: 6px solid #0000a1;    
        content:"";
        height: 5px; 
        position: absolute; 
        right:3px;  
        top: 4px; 
        width:30px;
    }
}

/* Controls the sizing and formatting of the top menu display section */
div#nav.phone {
    display:block;
}

@media (min-width: 801px) {
	div.navside div#navmenu {
        width: 155px;
    }
}

@media (max-width: 800px) {
	div.navside div#navmenu {
        width: 98%;
        position: absolute;
        top: 48px;
        z-index: 500;
        opacity: .825;
        visibility:hidden;
    }
    
    div.navside div#navmenu.show {
        visibility:visible;
    }
}

div.navbar div#navmenu {
	width: 100%;
	height: 19px;
	margin: 0px;
	background-color: #0000a1;
}

ul.menu, ul.menuitem {
	text-align: center;
	text-decoration: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
	float:left;
}

ul.menuitem li {
	height: 15px;
	font-family: tahoma, verdana, helvetica, sans-serif;
	color: #ffffff;
	margin: 1px;
	padding: 1px;
	display: block;
}

div.ipv4 ul.menuitem li {
	background-color: #008080;
}

div.ipv6 ul.menuitem li {
	background-color: #00af88;
}

ul.menu ul.submenu {
	position: absolute;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.menu li.submenuTitle {
	height: 17px;
	font-weight: bold;
	font-family: tahoma, verdana, helvetica, sans-serif;
	color: #ffffff;
	background-color: #0000a1;
	margin: 0px;
	padding: 1px;
	display: block;
}

div ul.menuitem li:hover {
	background-color: #0000c1;
}

ul.menu li:hover {
	background-color: #0000c1;
	color: #7fcfff;
}

ul.menu li.submenu li {
	display:none;	
}

ul.menu:hover ul.submenu li {
	display: block;
	opacity: .905;
	filter: alpha(opacity=90);
	box-shadow: 3px 3px 2px 1px #4060b0;
}

ul.submenu li a {
	font: normal 11px tahoma, verdana, helvetica, sans-serif;
	color: #dfffff;
	background-color: #0000a1;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	margin: 1px 0px 1px 0px;
	padding: 2px;
}

ul.submenu li a:hover {
	background-color: #0000c8;
	font-weight: bold;
	color: #ffffff;
	box-shadow: 3px 3px 2px 1px #6088ff;
}

ul.menu li ul {
	position: fixed;
	z-index: 500;
}

/* Navbar font sizes */
@media (max-width: 920px) {
    ul.menu li.submenuTitle {
        font-size: 10px;
    }

    ul.menuitem li {
        font-size: 10px;
    }

    .notablet {
        display: none;
    }
}

@media (min-width: 921px) and (max-width: 1152px) {
    ul.menu li.submenuTitle {
        font-size: 11px;
    }

    ul.menuitem li {
        font-size: 10px;
    }

    .notablet {
        display: none;
    }
}

@media (min-width: 1153px){
    ul.menu li.submenuTitle {
        font-size: 12px;
    }

    ul.menuitem li {
        font-size: 11px; 
    }
}


/* Controls the sizing and formatting of side navigation elements     */
table.nav {
	table-layout: fixed;
	width: 100%;
	border-collapse: separate;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	border-width: 2px 2px 2px 2px;
}

/* Formatting for side menu section headers */
table.nav tr.submenuTitle {
	font-family: verdana, tahoma, sans-serif;
	background-color: #0000a1;
	color: #ffffff;
	font-weight: bold;
	font-size: 9pt;
}

/* Formatting for side menu items */
table.nav tr.submenu, table.nav tr.menuitem {
	font-family: tahoma, verdana, sans-serif;
	background-color: #efefef;
	text-decoration: none;
	font-size: 8pt;
}

table.nav td {
	text-transform: uppercase;
}

/* Side menu hyperlinks */
table.nav *.submenu :link, table.nav *.submenu :visited {
	text-decoration: none;
	font-size: 8pt;
	color: #000000;
}

/* Side menu hyperlinks */
table.nav *.submenu :link:hover, table.nav *.submenu :hover {
	text-decoration: none;
	font-size: 8pt;
	color: #0080d1;
}


/* Controls the sizing and formatting of the main display section     */
.navbar div#main {
	margin: 4px;
	padding: 8px;
}

@media (min-width: 801px) {
    div.navside div#main {
    	position: absolute;
    	top: 107px;
    	left: 156px;
    	right: 1px;
    	padding: 8px;
    	padding-top: 5px;
    }
}

@media (max-width: 800px) {
    div.navside div#main.hide {
        opacity: .333;
        overflow:hidden;
        position:fixed;
    }
}

/* Result page Header */
.updateHdr {
	font-family: tahoma, verdana, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	background-color: #0000a1;
	width: 100%;
	padding: 2px;
	color: #ffffff;
	text-transform: uppercase;
}

/* Map layer controls */
div.layerSelect, div.layerClear {
	background-color: white;
	color: #303030;
	font-family: tahoma, verdana, sans-serif;
	font-size: 9px;
	border: 1px solid black;
	padding: 2px;
	margin-bottom: 3px;
	text-align: center;
	cursor: pointer;
}

div.layerSelect.displayed {
	background-color: #041a98;
	color: #c8e8f8;
}

div.layerSelect.disabled {
	background-color:#dedede;
	color:azure;
	opacity: .700;
	filter: alpha(opacity=70);
}

/* Default table formatting */
table {
	table-layout: auto;
	border-collapse: separate;
	border-spacing: 3px;
	font-family: tahoma, verdana, sans-serif;
	color: #000000;
	border-width: 4px 4px 4px 4px;
}

body {
	color: #0000a1;
	margin: 1px;
	font: 12px tahoma, verdana, sans-serif;
}

body::-webkit-scrollbar {
	background-color:#dedede;
	width: 12px;
}

body::-webkit-scrollbar-thumb {
	background-color: #2828a1;
	width: 10px;
}

div.ovalBorder, span.ovalBorder {
	border: 1px solid;
	padding: 12px;
	border-radius: 14px;
}

img.noborder {
	border: none;
}

.cmdButton, .button {
	background-color: #000080;
	color: #ffffff;
	font-family: tahoma, verdana;
	font-size: 8pt;
	text-transform: uppercase;
	border: 2px outset #cfcfff;
	font-weight: normal;
}

.cmdButton:disabled, .button:disabled {
	background-color: #002068;
	color: #a0a0a0;
}

a, a:visited {
	color: #0000a1;
	text-decoration: underline;
	font-size: 9pt;
}

a:hover {
	color: #0080d1;
	text-decoration: underline;
}

td.ellipsis {
	position: relative;
}

td.ellipsis:before {
 	content: ' ';
    visibility: hidden;
}

td.ellipsis > span {
	position: absolute;
    left: 0;
    right: 0;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.googleMapV3 {
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
    -webkit-user-select: none;
}

/* Google Maps infobox font */
div.mapInfoBox {
	white-space: nowrap;
	font-family: tahoma, verdana, sans-serif;
	font-size: 8pt;
	color: #000000;
}

div.mapInfoBox.navdata, div.mapInfoBox.pilotBoard {
	min-width: 165px;
}

div.mapInfoBox.onlinePilot {
	min-width: 240px;
}

div.mapInfoBox.acarsATC, div.mapInfoBox.onlineATC {
	min-width: 200px;
}

div.mapInfoBox.acarsFlight, div.mapInfoBox.acarsPosition {
	min-width: 260px;
}

div.mapMarkerLabel {
	font-family: verdana, tahoma, sans-serif;
	font-size: 8pt;
	color: #000081;
	opacity: .700;
	filter: alpha(opacity=70);
}

div.mapBoxBaseControl {
	padding: 1px;
	background-color: rgba(255,255,255,0.3);
}

div.mapBoxLayerSelect {
	float: left;
	margin: 2px;
}

.bld, ul.submenu a.bld {
	font-weight: bold;
}

.ita {
	font-style: italic;	
}

.und {
	text-decoration: underline;	
}

.strike {
	text-decoration: line-through;
}

.pri {
	color: #0000a1;
}

.ok, .sec {
	color: #008080;
}

.ter {
	color: #008000;
}

.error {
	color: #e02010;
}

.warn {
	color: #FF8040;
}

.small {
	font-size: 8pt;
}

.caps {
	text-transform: uppercase;
}

div.mid, span.mid {
	margin: auto;	
}

.mid {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.hidden {
	visibility: hidden;
}

.visible {
	visibility: visible;
}

*.small a {
	font-size: 8pt;
}

a.plain {
	color: inherit;
	text-decoration: none;
}

a.plain:hover {
    color: #0080d1;
}

@media (max-width: 800px) {
    .nophone {
	   display:none;
    }
}

@media (max-width: 940px) {
    .notablet {
	   display:none;
    }
}

@media (min-width: 801px) {
    .phone {
        display:none;
    }   
}

@media (min-width: 941px) {
    .tablet {
	   display:none;
    }
}