/* general styles */
p { text-align: justify; }
p.nojust { text-align: left; }
/*
h0{
  font-size: 20px; 
  font-weight: bold;
}
*/
h1 {
  background-color: white; 
  color: #003468;
  font-family: verdana,arial,tahoma;
  font-size: 18px;
  font-weight: bold;
}
h2 {
  background-color: white; color: #003468;
  font-family: verdana,arial,tahoma;
  font-size: 14px;
  font-weight: bold;
  margin-top: 20px;
}
.content { 
  font-family: verdana,arial,tahoma; 
  font-size: 12px; 
  font-weight: normal;
  margin-right: 10px;   
}
.icon {
  width: 52px;
  height: 52px;
}
.content li { margin-top: 5px; }
.indent { margin-left: 20px; }
.content img { display: block; float: left; margin-bottom: 10px; margin-left: 20px; }
.caption { display: block; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; }
.image-block { float: left; margin: 0 20px; }
.full { overflow: hidden; width: 100%; }
.full-scroll { overflow: scroll; width: 100%; }
.text-block { float: left; width: 500px; margin-left: 10px; }
.below { display: inline-block; float: left; clear: both; }
a img { border: none; }
img.inline { display: inline; float: none; margin: 0; }
p.attribution { font-style: italic; }
blockquote { font-style: italic; }
*.less-space { margin-top: 5px; }
*.space { margin-top: 15px; }
*.more-space { margin-top: 25px; }
*.close { margin-left: 0; }
img.close { margin-left: 0; }
*.no-bottom { margin-bottom: 0; }
*.small { font-size: 10px; }
*.large { font-size: 14px; }
*.error { background-color: white; color: red; }
.overline { text-decoration: overline; }
.border { border: 1px solid #C0BCC0; }
.divider { border-bottom: 1px solid #C0BCC0; }
.divider-above { border-top: 1px solid #C0BCC0; padding-top: 5px; }
.clear { clear: both; }
.code { 
  display: inline-block; white-space: pre;
  margin-left: 20px; padding: 10px; 
  border: 1px solid #cacaca;
  font-family: monospace; font-size: 12px;
  background-color: #e0e0e0; color: black;
}
.file-text { 
  display: inline-block; white-space: pre;
  margin-top: 10px; margin-left: 20px; padding: 10px; 
  border: 1px solid #cacaca;
  font-family: monospace; font-size: 12px;
  background-color: #e0e0e0; color: black;
}
.file-text-small { 
  display: inline-block; white-space: pre;
  margin-top: 10px; margin-left: 20px; padding: 10px; 
  border: 1px solid #cacaca;
  font-family: monospace; font-size: 10px;
  background-color: #e0e0e0; color: black;
}
p.file-text a { background-color: #e0e0e0; color: blue; }
p.file-text a:hover { background-color: #e0e0e0; color: red; }

/* submit buttons as links */
input[type=submit].link { 
  border: none; padding: 0; margin: 0; font-weight: normal; 
  background-color: white; color: blue; 
  text-decoration: underline;
}
input[type=submit].link:hover { 
  background-color: white; color: red;
  border: none;
}

/* work-around for strange IE8 behaviour */
a.anchor { display: block; }

/* boxes */
.box { display: inline-block; border: 1px solid #C0BCC0; padding: 5px; margin-left: 20px; }
.solidbox {
  border: 2px solid #000000; 
  padding: 5px; 
  margin-left: 50px; 
  width: 23%; 
  float: left; 
  clear: none; }

/* list styles */
ul.none { list-style-type: none; }

/* header/footer menus */
.site-menu { 
  width: 100%; height: 18px; clear: both;
  border-top: 1px solid #999999; border-bottom: 1px solid #999999; 
  background-color: #333366;
}
.site-menu ul { list-style: none; padding: 0; margin: 3px 0 0; text-align: center; }
.site-menu ul li { display: inline; border-right: 1px solid white; padding: 0 8px; }
.site-menu ul li.last { border-right: none; }

/* header category */
#head-category { 
  float: left; width: 251px; height: 32px;
  padding-left: 10px; padding-top: 2px; 
  background-color: #333366; color: white; 
  background-image: url("/Images/category-bkg.png"); 
  text-shadow: 2px 2px 0px #000000;
  font-family: Tahoma,Helvetica,Arial,Verdana; font-weight: bold; font-size: 23px; 
}

/* header extras (forecast, search) */
#head-extras { 
  float: right; width: 791px; height: 34px;
  background-color: #333366; color: white; 
  text-shadow: 2px 2px 0px #000000;
  background-image: url("/Images/search-bkg.png"); 
  font-weight: bold; 
}
#head-extras #forecast { float: left; padding-top: 11px; padding-left: 150px; }
 
#head-extras #search { float: right; padding-right: 10px; padding-top: 8px; }
#head-extras #search input{ font-size: 10px; }
#head-extras #looking  { color: yellow; } 
#head-extras img { vertical-align: middle; border: none; text-decoration: none; }
#head-extras #search-text { padding-left: 10px; }

/* header status bar (breadcrumbs, timestamp) */
#head-status {
  clear: both;
  height: 14px; padding-top: 1px;
  font-weight: bold; background-color: #DAD9D7; color: black;
}
#head-status #bread-crumbs { float: left; padding-left: 10px; }
#head-status #bread-crumbs .separator:before { 
  content: url("/Images/arrow2.gif"); 
  padding-left: 5px; padding-right: 5px; 
  vertical-align: sub;
}
#head-status a { color: black; background-color: #DAD9D7; }
#head-status a:hover { color: black; background-color: #DAD9D7; text-decoration: underline; }
#head-status #current-time { float: right; padding-right: 10px; }

/* left-hand menu */
#left-menu { 
  width: 187px; float: left; clear: left;
  padding-right: 6px; padding-left: 5px; padding-bottom: 5px;
  background-color: #F8F4E8; color: black;
}
#left-menu h1 { 
  margin-bottom: 0;
  font-family: Verdana,Arial,Tahoma; 
  font-weight: bold;
  font-size: 10px; 
  color: black; background-color: #F8F4E8;
}
#left-menu h1 { margin-top: 10px; }
#left-menu h1:before { content: url("/Images/nav-arrow2.gif"); }
#left-menu h1.current { color: white; background-color: #808080; } 
#left-menu h1.current:before { content: url("/Images/nav-arrow2-inverse.gif"); }
#left-menu ul { margin: 2px 10px 2px 15px; }
#left-menu a { color: black; background-color: #F8F4E8; }
#left-menu a:hover { color: red; background-color: #F8F4E8; text-decoration: underline; }

/* section header (for sub-section pages, positioned above page content) */
#section-hdr {
  border-bottom: 1px solid #cacaca;
  margin-right: 10px;
}
#section-hdr #section-name {
  width: 187px; padding-left: 3px; 
  background-color: #808080; color: white;
  font-weight: bold;
}

/* page content (with left-hand menu) */
#page-content { 
  float: right; width: 833px; 
  padding-left: 10px; padding-right: 10px; padding-top: 7px;
  background-color: white; color: black;
}

/* page content (without left menu) */
#page-full { 
  padding-left: 10px; padding-right: 10px; padding-top: 7px;
}

/* link to top of page */
a[href="#top"] {
  display: block; float: right; clear: both;
  padding-bottom: 5px; padding-right: 10px;
}

a[href="#top"] img {
  padding: 0; margin: 0;
}

/* hidden text (for skip-links, etc) */
.hidden {
  position: absolute; left: -10000px; top: auto;
  width: 1px; height: 1px; overflow: hidden;
}

/* data tables */
table.data {
    background: none repeat scroll 0 0 white;
    margin-left: 20px; width: 80%;
    border: 2px solid #cacaca;
    border-collapse: collapse;
}
table.auto { width: auto; }
table.data th, table.data td {
  vertical-align: text-top; text-align: left;
  padding: 5px;
}
table.data th { 
  background-color: #e0e0e0; color: black; 
  border: 1px solid #cacaca; border-collapse: collapse; 
}
table.data td { 
  background-color: white; color: black;
  border: 1px solid #cacaca; border-collapse: collapse; 
}
table.data td.hide { background-color: white; color: white; }
table.data td.bgc { background-color: #e0e0e0; color: black; }
table.small td { padding: 0; }
table.small th { padding: 2px; }
table tr.divider { border-bottom: 2px solid #cacaca; }
table tr.divider-above { border-top: 2px solid #cacaca; }
table.small input { font-size: 10px; }

table.old-data th {
  background-color: #f8f8f8; color: #888;
  font-weight: bold;
  border: 1px solid #ddd; border-collapse: collapse; 
}
table.old-data {
  background-color: white; color: grey;
  border: 2px solid #ddd; border-collapse: collapse; 
}
table.old-data td,
table.old-data tr { 
  background-color: white; color: grey;
  border: 1px solid #ddd; border-collapse: collapse; 
}
.content .old-data a,
.content .old-data a:visited { 
  background-color: white; color: grey; text-decoration: none;
}
.content .old-data a:hover { 
  background-color: white; color: grey; text-decoration: underline;
}

/* software download platform tables */
table.platforms td:not(:first-child),
table.platforms th:not(:first-child) {
  text-align: center;
}

table.platforms tr:first-child th:first-child,
table.platforms tr:first-child th:first-child {
  vertical-align: bottom;
}

/* scrolling tables */
div.auto-scroll { overflow-x: auto; margin-left: 0px; }
div.auto-scroll table.data { margin-left: 0px; } 

/* boxed tables */
table.boxtable {
  display: inline-block; border: 1px solid #cacaca; padding: 5px; margin-left: 20px;
}
table.boxtable td, table.boxtable th {
  padding: 3px; text-align: center;
}

/* horizontal table */
/* footer */
#footer { 
  /*padding: 10px 10px 0; height: 20px;*/ 
  /* a extra line to fit in a line of foot message*/
  padding: 10px 10px 0; height: 45px; 
  border-bottom: 1px solid black;
  background-color: white; color: black;
  font-family: verdana,arial,tahoma; font-size: 10px; font-weight: normal;
}


.foot-message { 
  padding: 0px 0px 5px; 
  font-family: Helvetica, Arial; 
}

.foot-message.center { text-align:center; }
.foot-message.float-left { float: left; }
.foot-message.float-right { float: right; }
.foot-message.right100 { text-align: right; 
	width: 100% }

#message-important { 
  text-align: center; 
  font-weight: bold; 
  color: red;
  font-size: 16px;
}
 
#message-normal { 
  font-weight: normal; 
  color: black;
  font-size: 14px;
}

#foot-copyright { float: left;}
#foot-extras { float: right; }
.new-row { clear:both; }

#footer a { color: #3344dd; background-color: white; font-weight: bold; }
#footer a:link { color: #3344dd; }
#footer a:visited { color: #884488; }
#footer a:hover { color: #bb1122; text-decoration: underline; }
#footer a:active { color: #bb1122; text-decoration: underline; }
#footer ul { list-style: none;  margin: 0; padding: 0; }
#footer ul li { display: inline;  margin-left: 10px; }

#footer #message-important a { color: red; background-color: white; font-weight: bold; }
#footer #message-important a:visited { color: red; }

/* glossary styles */
#glossary #letters ul { list-style: none; padding: 0; margin: 3px 0 0; }
#glossary #letters ul li { display: inline; border-right: 1px solid black; padding: 0 8px; }
#glossary #letters ul li.last { border-right: none; }
#glossary #letters .current { font-weight: bold; border: 1px solid gray; padding: 2px; }
#glossary #terms { margin: 15px; }
#glossary #terms ul { list-style: none; padding: 0; margin: 3px 0 0; }
#glossary #terms ul li { line-height: 1.5em; margin: 0; padding: 0; } /* see glossFuncs/emitTerms */
#glossary #terms ul li.column1 { margin-left: 0em; }
#glossary #terms ul li.column2 { margin-left: 20em; }
#glossary p { margin: 5px 0; }
#glossary h2 { margin-top: 20px; margin-bottom: 5px; }

/* news */
.news-time { background-color: white; color: #808080; }
#longnews a { background-color: white; color: blue; }
#longnews a:link { text-decoration: underline; }
#longnews a:visited { text-decoration: underline; }
#longnews a:hover { background-color: white; color: red; }

/* pages with indicator icons */
h1.indicator-hdr { 
  background-image: url("/Images/hdr-bkg.png");
  background-repeat: no-repeat;
  background-color: white; color: white;
  font-family: Helvetica, Arial; font-weight: bold; font-size: 12px;
  padding-left: 5px; margin-left: 15px;
  border-bottom: 1px solid #c0bcc0;
  clear: left;
}
h2.indicator-hdr  { 
  background-image: url("/Images/hdr-bkg.png");
  background-repeat: no-repeat;
  background-color: white; color: white;
  font-family: Helvetica, Arial; font-weight: bold; font-size: 12px;
  padding-left: 5px; 
  border-bottom: 1px solid #c0bcc0;
  clear: left;
}
.indicator { display: block; float: left; height: 100px; }
.indicator a { 
  display: block; text-align: center; 
  height: 25px; margin: 0 1px; 
  background-color: white; color: blue; 
  font-family: verdana,arial,tahoma; font-size: 10px; font-weight: bold;
}
.indicator a:link { text-decoration: none; }
.indicator a:hover { text-decoration: underline; }
.indicator p { 
  display: block; text-align: center; 
  height: 25px; margin: 0 1px; 
  background-color: white; color: black; font-weight: normal;
}
.indicator a:hover { background-color: white; color: red; text-decoration: underline; }
.indicator img { display: block; float: none; margin: 7px auto 0; border: none; margin-bottom: 20px; }
.indicator img.border { border: 1px solid #c0bcc0; }
.indicator.short { height: 88px; }
.indicator.short a { height: 13px; }

/* things in columns */
.oneOf2 { width: 49.5%; float: left; clear: none; }
.oneOf3 { width: 33%; float: left; clear: none; }
.oneOf4 { width: 24.5%; float: left; clear: none; }
.oneOf5 { width: 19.5%; float: left; clear: none; }
.oneOf7 { width: 14%; float: left; clear: none; }
.oneOf8 { width: 12%; float: left; clear: none; }
.oneOf9 { width: 11%; float: left; clear: none; }

.oneOf4 ul { margin-left: 0; padding-left: 0; }
.twoOf3 { width: 65%; float: left; clear: none; }

/* Air Services Australia charts */
#asa-charts div.column1 { width: 40%; float: left; clear: none; margin-left: 20px; }
#asa-charts div.column2 { width: 50%; float: left; clear: none; }
#asa-charts h2 { display: inline-block; margin: 5px 0; }
#asa-charts ul { list-style-type: none; padding: 0; margin: 0 0 10px 0; }

/* NAP charts */
img.nap-chart { width: 100%; border: none; }

/* feedback form */
#name-text, #email-text { width: 300px; }
#verify-sample { vertical-align: bottom; }
#send-button { margin-top: 20px; padding: 0; }

#feedback-form label {
  display: block; clear: left; margin-bottom: 5px;
  font-family: verdana,arial,tahoma;
  font-size: 18px;
  background-color: white; color: #003468;
}

/* submit & reset buttons */
input[type="submit"], input[type="reset"] { 
  background-color: #dad9d7; color: black; 
  cursor: pointer;
  border: 1px solid #7f9db9;
  font-family: verdana,arial,tahoma;
  font-weight: bold;
}
input[type="submit"]:hover, input[type="reset"]:hover { 
  background-color: #003468; color: white; 
  border: 1px solid #003468;
}

/* form labels */
.label { float: right; font-weight: bold; margin-right: 10px; margin-top: 4px; }

/* scintillation maps */
.scintillation-maps { overflow: hidden; width: 100%; margin-top: 10px; border-bottom: 1px solid #C0BCC0; }
.scintillation-maps .location-map { display: inline; margin-right: 10px; margin-top: 10px; }
.scintillation-maps .location { margin-top: 5px; margin-bottom: 0; font-weight: bold; }
.scintillation-maps .coords { margin-top: 0; font-weight: bold; font-size: 11px; }
.scintillation-maps .image1 { float: left; clear: left; margin-left: -20px; }
.scintillation-maps .image2 { float: left; margin-left: 0; }
.scintillation-maps .notice1 { 
  float: left; clear: left; 
  height: 80px; width: 330px; 
  margin-left: 70px; margin-top: 50px; 
}
.scintillation-maps .notice2 { 
  float: left; 
  height: 80px; width: 330px; 
  margin-left: 90px; margin-top: 50px; 
}

/* map animations */
form.controls, #noScriptWarning { text-align: center; width: 80%; position: relative; left: 40px; }

.map-header { text-align: center; font-weight: bold; }
.map-footer { text-align: center; margin-bottom: 5px; }
.tec-map img { display: block; float: none; margin: 7px auto 0; border: none; margin-bottom: 10px; }

/* home page */
#home-bkg { background-color: black; }
#home-left   { float: left; height: 562px; width:28%;   overflow: hidden; }
#home-middle { float: left; height: 562px; width:34%;   overflow: hidden; }
#home-right  { float: left; height: 562px; width:37.9%; overflow: hidden; }
.box-footer {
        font-family: helvetica,arial,verdana,sans-serif;
        font-size: 12px; text-align: left;
	font-weight: bold;
  padding-top: 2px; padding-left: 2px; padding-bottom: 2px;
        background-color: white;
  overflow: hidden;
}
.box-footer a { background-color: white; color: #3344dd; }
.box-footer a:link { color: #3344dd; text-decoration: none; }
.box-footer a:visited { color: #884488; }
.box-footer a:active { color: #bb1122; }
.box-footer a:hover { background-color: white; color: #bb1122; text-decoration: underline; }

/* IPS stations */
#station-details { float: left; width: 450px; }
#station-details table { width: 400px; }
#station-details table td { vertical-align: top; }
#station-details table tr td:first-child { width: 200px; font-weight: bold; }
#station-details h2 { width: 450px; color: white; background-color: #6ca6cd; padding-left: 3px; margin-top: 5px; margin-bottom: 0; }
#station-image { float: right; clear: none; margin-top: 5px; }
#station-image img { width: 350px; }

#img-wrap { 
	width: 95%
}

img.left-img {
	display: inline-block;
	width:50%;
	float:left;
	margin-bottom: 0;
	margin-left: 0;
}

img.right-img { 
	display: inline-block;
	width:50%;
	float:right;
	margin-bottom: 0;
	margin-left: 0;
}

img.ssw-sun-earth {
  width: 96%;
}

.image-credit {
  font-size: smaller;
  float: right;
  margin-bottom: 10px;
  margin-right: 13px;
  margin-top: -7px;
}
/* used for table first column width fixed, the div.auto-scroll class margin-left should be changed to 140px. Works for IE/Firefox, need more tests for Chrome. */
.fix {
  position: absolute;
  *position: relative; /*ie7*/
  margin-left: -140px;
  margin-top: -14px;
  float: center;
  height: 17px;
  width: 137px;
}