ul.jd_menu, 
ul.jd_menu_vertical {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	display: none;
}
ul.jd_menu li {
	float: left;
}
ul.jd_menu_vertical {
	width: 300px;
}
ul.jd_menu_vertical li {
	float: none;
}

/* -- Sub-Menus -- */
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	position: absolute;
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 10000;
}
ul.jd_menu ul li,
ul.jd_menu_vertical ul li {
	float: none;
	margin: 0px;
}


ul.jd_menu,
ul.jd_menu ul,
ul.jd_menu_vertical,
ul.jd_menu_vertical ul {
	background-color: #369;
	border: 1px solid #036;
	border-top: 1px solid #69C;
	border-left: 1px solid #69C;
	height: 20px;
}
ul.jd_menu_vertical {
	height: auto;
}
ul.jd_menu ul {
	height: auto;
}
* html ul.jd_menu ul {
	width: 1%;
}
ul.jd_menu li {
	font-family: sans-serif;
	font-size: 12px;
	color: #FFF;
	
	line-height: 14px;
	
	margin: 0px;
	padding: 4px 7px 3px 7px;
	height: 13px;
	
	cursor: pointer;
	white-space: nowrap;
        text-shadow: 1px 1px 0px #000000;
}
ul.jd_menu li li {
	width: 220px;
	padding-left:15px;
}
ul.jd_menu li a {
	color: #FFF;
	text-decoration: none;
}

ul.jd_menu li.jdm_hover,
ul.jd_menu li.jdm_active {
	background-color: #69C;
	color: #FFF;
	
	padding: 3px 6px 2px 14px; /* one less than ul.jd_menu li , to accomodate border */
	border: 1px solid #369;
	border-left: 1px solid #9CF;
	border-top: 1px solid #9CF;
	
}

ul.jd_menu li.top {
/*	background-image: url("/root/js/collapsedBlue.gif");
	background-position: 1px 5px;
	background-repeat:no-repeat;
*/
    border-right: thin solid #69C;
}

ul.jd_menu li.jdm_hover.top,
ul.jd_menu li.jdm_active.top{
/*	background-image: url("/root/js/expandedBlue.gif");
	background-repeat:no-repeat;
*/
	padding-left: 6px; /* to cancel out larger padding-left used with submenus */
	border-right: thin solid #69C;
}

ul.jd_menu li.selected,
ul.jd_menu li.selected.jdm_hover,
ul.jd_menu li.selected.jdm_active {
}

ul.jd_menu li.menuNotImplemented,
ul.jd_menu li.nonSelectable,
ui.jd_menu li.nonSelectable a,
ul.jd_menu li.nonSelectable a.nonSelectable {
    color:#b5b5b5;
}

ul.jd_menu li.checked {
    /*text-indent:7px; */ /* text-indent no longer needed, because we using padding-left */
    background-image: url("/images/checkWhite.gif");
    background-repeat:no-repeat;
    background-position: 2px 5px;
}

span.menuSubmenuIndicator {
    position:absolute;
    left:232px;
}
span.menuStatus {
    float:right;
    margin-right: 5px;
}
#tooltip {
	position: absolute;
	z-index: 30000;
	border: 1px solid #111;
	background-color: #fde398;
	padding: 5px;
	opacity: 0.85;
	width: 200px;
}
#tooltip h3, #tooltip div { margin: 0; 
	font-family:sans-serif;
	font-weight: normal;
	font-size:12px;
}

img.tooltip-image {
    float:left;
    padding-right:4px;
}@media print { 
  div#controlpanelcontents,
  div#controlpanel,
  div#selector,
  div.selecttable,
  .noprint { display:none; !important;
             }
  .noAvnPrint { display:none; !important;}
}

hr { display:none; /* Hide the <hr />. It will show if the document is rendered unstyled... */ }
.hr { border-bottom:1px solid black;padding-top:1em; font-size:1px;/* Create a class that simulates the look you want for your <hr /> elements */ }

html,body {width: 100%; height: 100%;} /* using 100% width adds horizontal scroll bar */
img.link{    
                text-decoration:none;
                border:0px;
}

span#oneline,
div#scroller { position:relative; font-family:Arial,sans-serif; font-size:14px; line-height:16px; width:100%}
div#iescroller { margin-left:5px; }
div#outerdiv { background:white; }
div.firsticon { float:left; font-size:10px; text-align:center; padding-right:10px; }
h1,h2,h3,h4,li,p,dd,dt,td { font-family:Arial,sans-serif;}
h3,h4,li,p { margin-left:20px; max-width:500px;}
dd,dt { max-width:500px; }
li,p,dd,dt { font-size: 12px; }
span.button { font-weight:bold; border: 1px solid; }
span.raw_data {font-family:Courier New,courier; font-size:11px;}
span.raw_data#airsigmet { white-space:pre; }
span.raw_data#tfr { white-space:pre; }
div.closebox {font-weight: bold; text-align:center; background-color: black; color: white; cursor: pointer}
div.endbox {font-weight: bold; text-align:center; background-color: gray; color: white; }
span.closex { font-size:9px; width: 11pt; font-weight: bold; text-align:center; background-color: white; color: black; border: 1px solid; float:left; border-bottom:0px;}
span.closetitle { width: 100%;  background-color:black; color: white;}
span.endtitle {  width: auto;  background-color:gray; color: white;}
table.shortstr { border-collapse:collapse; }
td.heading,  td.heading_r {vertical-align:top; font-family:Arial,sans-serif;font-size:12px; margin:0px; padding-top:0px; padding-bottom:0px; border:0px;}
td.heading_r {text-align:right;}
td.data, td.data_windTurb, td.data_r,td.data_r_pad_instableTemp, td.data_r_pad {vertical-align:top;font-family:Arial,sans-serif; font-weight:bold;font-size:12px; margin:0px; padding-top:0px; padding-bottom:0px;border:0px;}
td.data_windTurb,
td.data_r_pad_instableTemp { border-top:black thin dotted; }
td.data_r,td_data_r_pad {text-align:right;}
td.data_r_pad {padding-right: 25px;}
td.controlpanel_h {color:black; text-align:center;}
td.srcheading,
td.srcdata { border:solid 1px; font-family:Arial, sans-serif; font-size:12px;background-color:white; }
td.srcheading { font-weight:bold; background-color:wheat;}
a.email_link,
a.email_link:link,
a.email_link:hover,
a.email_link:visited  { border:solid 1px; color:black }
a.email_link:hover { border:solid 1px; color:white}
a.controlpanel_h,
a.controlpanel_h:link,
a.controlpanel_h:hover,
a.controlpanel_h:visited { text-decoration:underline; color:black}
a.controlpanel_h:hover { border:solid 1px;  }
p.status {font-family:Arial,sans-serif; font-size: 11px;white-space:nowrap;color:black;-moz-user-select:none;margin-top:2px;margin-bottom:2px;}
div.selecttable {font-size:10px;color:black;font-family:Arial,sans-serif;}
div#mouseinfo { background-color:white; border-style: ridge; z-Index:100; cursor:move;}
div#selector {background-color:gray; border-style: ridge; z-Index:99;}

a.button { border:solid 1px; 
           background-color:white; 
           padding-left:10px; 
           padding-right:10px; 
           padding-top:2px; 
           padding-bottom: 2px;
           font-weight: bold;
	   font-family:Arial,sans-serif;
           color:black;
           font-size:11px;
           text-align:right;
           text-decoration:none           
	 }
a.button:link,
a.button:visited,
a.button:hover { font-family:Arial,sans-serif;
                 color:black;
                 font-size:11px;
                 text-align:right;
                 text-decoration:none
                 }
a.button:hover { background-color:black;color:white; }

a.button#addCommentButton {
    padding-top:0px;
    padding-bottom:0px;
    font-size:9px;
    font-variant:normal;
    font-weight:normal;
    padding-left: 5px;
    padding-right: 5px;
}
a.afd { cursor:pointer; }
img.skype, a.skype:link { border:none;  cursor:pointer;}
a.skype:link,
a.skype:visited,
a.skype:hover,
a.afd:link,
a.afd:visited,
a.afd:hover,
a.map:link,
a.map:visited,
a.map:hover {
               font-family:Arial,sans-serif;
               color:black;
               font-size:11px;
               text-align:right;
               text-decoration:none;
               }
a.map:link,
a.map:visited,
a.map:hover { 
              padding-left:10px; 
              padding-right:10px; 
              padding-top:2px; 
              padding-bottom: 2px;
              font-size:16px
              }
a.map:hover { border:solid 1px; }
a.afd:link,
a.afd:visited,
a.afd:hover {
              background-color:white; 
              text-align:center;
              }
a.afd:hover {background-color:black;}
input.chkbox {border: 0px; margin:0px; margin-right:2px; height:12px; width:12px}
a.definition:link,
a.definition:visited,
a.definition:hover { background-color:white; color:black; text-decoration:underline; }
table.moon { border-collapse:collapse; border:thin black solid; text-align:right }
td.moon_data { padding-left: 4px; padding-right: 4px; }
span.pollAnswer,
span.pollVote,
span.pollQuestion { font-family: Arial,sans-serif; font-size: 12px; text-decoration:none; margin-top:0px;margin-bottom:0px;}
span.pollQuestion { text-decoration:underline }
span.pollVote:hover { background-color:white; }
form#pollform {margin-bottom: 0px;margin-top:0px; }
input.pollVote { width:12px; height:12px; margin-bottom:0px;margin-top:0px;}
div#polldiv{ background-color: #8fbc8f;/*DarkSeaGreen;*/ }
input#voteButton{ font-family:Arial,sans-serif; font-size:10px }
span.link{ font-family:Arial,sans-serif;font-size:10px; }
span.link:hover{ background-color:white; color:black; }
div#polldiv{ width:194px; padding: 3px; margin-bottom:9px; }
table.pollAnswer{border-collapse:collapse;  }
div.menu_title,
div.menu_item_selectable,
div.menu_item_url,
div.menu_item {background:white; font-family: helvetica,arial; font-size:12px;
                margin: 3px;
                }
div.menu_item { text-decoration: underline; }
div.menu_title { text-align: center; font-weight: bold;  }
div.menu_item_url,
div.menu_item_selectable { background:white; }
div.menu_item_url:hover,
div.menu_item_selectable:hover {cursor: pointer; background:lightBlue; }
div.menu_item_url { text-decoration:underline; color:blue; }
div.menu {z-index: 1; 
           position: absolute;
           background: white;
           border: solid thin black;
           display: none;
           }
span.fafirstline { text-transform:capitalize; font-style:italic}
span.fasecondline { text-decoration:underline; text-transform:capitalize; }
span.parsedTime,span.parsedTimeStr { font-style: italic; cursor:pointer;}
div.fatitle {background: #8fbc8f;/*DarkSeaGreen;*/ text-align:center; font-weight:bold; max-width:500px;}
td.facooked,
li.fa {background: white; font-size:12px; font-family: times New Roman;}
td.faraw {background: white; font-size:12px; font-family: Courier; white-space:pre;}
ul.fa { padding-left:20px; margin-left:0px; margin-top:0px; margin-bottom:0px;}
input.fabutton {font-size: 10px; padding:0px;  }
div.footer_ps { background:#8fbc8f;/*DarkSeaGreen;*/ max-width:500px;}
a.menu_item_a:link,
a.menu_item_a:visited,
a.menu_item_a:hover{ cursor: pointer; text-decoration:none; color:black;}
a.menu_item_a:hover{ background:lightBlue; }

div#photo_div { margin-bottom:9px; }
div.photo-caption {font-family:Arial;
                    font-size:10px;  
                    width: 200px;
                    background:#8fbc8f;/*DarkSeaGreen;*/}
img#photo-airport,img#photo-airplane,img#airliner { width:200px; text-decoration:none; border:0px; }

div.airliner { background:black;
               text-align:center;
               color:white;
               font-family: Arial;
               font-size: 10px;
               }

table#addressList { width:auto;
                    /*background:#8fbc8f;/*DarkSeaGreen;*/
                    font-family:arial;
                    font-size: 11px;}
div#lookupResults_div,
div#flightpath_div {
    position:relative;
    padding:0;
}
/* div#flightpath_div, */
div#lookup_div { width:200px;
                 font-family:arial;
                 font-size:11px;
                 background:#8fbc8f;/*DarkSeaGreen;*/
                 margin-bottom:9px;
             }

a.conus-title:link,
a.conus-title:visited,
a.conus-title:hover { color:white;
                      cursor:pointer;
                      text-decoration:none;}

div.conus-title { font-family:Times; 
                  width:200px;
                  text-decoration:none;
                  background:black; 
                  color:white; 
                  font-size:13px; 
                  text-align: center; }
div.conus-comment { font-family:Arial;
                    font-size:10px;
                    width:200px;
                    background:#8fbc8f;/*DarkSeaGreen;*/}
span#welcome_user { font-size: 12px;
                    padding-right: 10px;
                    padding-left: 5px;
                    background:#8fbc8f;/*DarkSeaGreen;*/
                    font-weight:bold;}

td.login {background: lightGrey;}
table.login {font-size: 12px;}
div#login_div {
    z-index: 200;
    background:lightGrey;
    position:absolute; 
    font-family:Arial;
    font-size:12px;
    top: 10px; 
    left: 50px; 
    width:400px;
    display:none; 
    background:lightGrey; 
    border:solid black thin;
    padding: 10px;
}
#login_msg {color:red; }
#activation_msg {color:black;}
span.update.su { color:white;
		 background:green;
		 font-weight: bold;
		 font-size:9px;
		 margin-right:3px;
		 text-decoration:underline;}
span.update { font-weight: bold; font-size:9px; margin-right:3px; text-decoration:underline;}
span.comment,span.comment li { font-size:10px;}
span.comment li {margin-left:-25px;}
div.feedbackTitle {
		   font-family:Arial;
		   font-size:12px;
		   text-align:center;
		   font-variant: small-caps;
		   background-color:FireBrick;
		   color: white;
		  }
div#add_comment {
    position:absolute;
    font-family: Arial;
    text-align: center;
    width:198px; /* because 200 + border makes it too wide */
    font-size: 11px;
    display:none;
    background:lightpink;
    z-index:1000;
}
div.commentDiv {width:198px;  /* because 200 + border makes it too wide */
		height:200px;
		border: thin black solid;
		margin-bottom: 5px;
		background:white;}
div.commentBox {border-top:thin black solid;
		overflow-y:scroll; 
		overflow-x:hidden;
		font-family:Arial;
		font-size:11px;
		height: 185px; /* just make it shorter than the 200px box */
	       }
textarea#commentTextArea { background:white;
		   margin-left: 10px;
		 }
table.briefSummaryTable {font-size:11px;
			 font-family:sans-serif;}

.ui-resizable-s {
     /* This is just for the handle */
     background:transparent url("/images/resizable-s.gif") repeat scroll center top;
     bottom:0;
     cursor: s-resize;
     height:6px;
     left:0;
     width:100%;
 }

.empty {
    color:gray;
}

tr.even,td.even {
    background-color:#dbdbdb;
}
tr.hover, tr.hover td {
    background-color:lightblue;
}

p.tooltip {
    margin: 11px 0px 11px 0px;
}

.headline {
    position: absolute;
    top: 210px;
    left: 5px;
    height: 195px;
}

#scrollup {
    position: relative;
    overflow: hidden;
    border: 1px solid #000;
    height: 200px;
    width: 200px
}
body.help {
    background-color:#8fbc8f;/*DarkSeaGreen;*/
    font-family:Arial;
}

body.help li {
    font-size: 14px;
}
body.help p {
    font-size:14px;
}

span.menu_command {
    background-color: #369;
    border: 1px solid #036;
    border-top: 1px solid #69C;
    border-left: 1px solid #69C;
    color: white;
    white-space:nowrap;
    padding: 0 2px 0 2px;
}
span.menu_command:hover {
    cursor:default;
}
#alternativeAddress {display:none;
	   	     background:black;
		     font-family:helvetica;
		     font-size:12px;
		     color:white;
		     border-collapse:collapse;
		     position:absolute;
		     left:190px;
		     z-index:10000;
		     border:solid orange thick;
		    }
#alternativeAddress tr {color:#444444;}
#alternativeAddress tr.title,
#alternativeAddress tr.title td,
#alternativeAddress tr.title.hover,
#alternativeAddress tr.title.hover td{background-color:black;color:white}
#alternativeAddress tr.even{background-color:#fff;cursor:pointer;}
#alternativeAddress tr.odd{background-color:#ddd;cursor:pointer;}
#alternativeAddress tr.odd.hover,
#alternativeAddress tr.even.hover{background-color:lightblue;color:black;}
.alternativeAddressTitle {margin-left:10px;}

.loading {
    background-image:url(/images/loading.gif);
/*    background-size: 10px;*/
    height:10px;
    width:10px;
    text-align:center;
    font-size:8px;
}
div.windRaw{
    white-space:pre;
    font-family:monospace;
    font-size:11px;
    padding:5px;
}
span.windTitle{
    color:#666666;
}
table.notam {background:white;
	     font-family:sans-serif;
	     font-size:11px;
	     /* mimics default border="1" attribute */
	     border-style:outset;
	     border-color:gray;
	     border-width:1px;
	    }
th.clickme,
td.clickme {
    text-align:center;
    cursor:pointer;
    width: 35px;
}    
th.clickme {
    font-weight: normal;
    font-size: 10px;
}
td.clickme {
    font-weight:bold;
    font-size:15px;
}

td.clickme.legend {
    width:auto;
}

th.clickme div,
td.clickme div {
   float:right;
   width:20px;
   height:20px;
}
span.clickme {
    margin: 3px;
}
td.DEP{
   background-color:#D5FFDB;
}
td.APP{
   background-color:#FFDFDF;
}
td.LISTED{
   background-color:#C9D1FF;
}
td div.DEP {
   background-image:url(/images/metars.png);
   background-repeat:no-repeat;
   background-position: 0px -2103px;
}
td div.APP {
   background-image:url(/images/metars.png);
   background-repeat:no-repeat;
   background-position: 0px -2123px;
}
td div.LISTED {
   background-image:url(/images/metars.png);
   background-repeat:no-repeat;
   background-position: 0px -2083px;
}


h2.clickme:hover,
h3.clickme:hover,
h4.clickme:hover,
th.clickme:hover,
td.clickme:hover {
    background:black;
    color:white;
    cursor:pointer;
}

table.notam td,
table.notam th {
    /* mimics default border="1" attribute */
    border-style:inset;border-width:1px;
}
table.notam_select {
  border: thin solid black;
  width: auto;
}
.notam_select td.help{
background:blue;
color:white;
text-align:center;
font-size:18px;
width:30px;
}
.notam_select th{
  text-align:right;
  font-weight:bold;
  font-family:lucida Grande;
  font-size:12px;
  border:none;
  background:wheat;
  padding-right:4px;
}
.notam_select td{
  background:white;
}
.notam_select select{
  vertical-align:baseline;
  font-size:11px;
}
.result_head{
  font-family:arial;
  font-size:14px;
  font-weight:bold;
}
.result_body{
  font-weight:normal;
  font-size:12px;
  margin-left:10px;
}
.notam_result_div {
    background: wheat;
    border:thin solid black;
    font-family:arial,sans-serif;
    font-size:12px;
    padding-left:10px;
    width:500px;
}
.notam_list{
background:white;
font-family:Arial,helvetica,sans-serif;
font-size:12.1667px;
width:800px;
margin-top:15px;
margin-left:5px;
}
#notams_formatted h2 {
  font-family: sans-serif;
  font-size:18px;
  margin-botton:0;
}
#notamsTab {
    background-color: darkseaGreen;
}
div.airspace:nth-child(even) {
    background-color:#EEEEEE;
}
div.windTable {
    width: auto;
}
@media screen {
    .printonly {display:none !important;}
}