<!--
/*
 *  APTDecoder: A software to decode NOAA-POES-APT weather images.
 *  Copyright (c) 2005 by Patrik Tast, Vasa, Finland
 *      email: patrik@ptast.com
 *        web: http://www.ptast.com
 *
 *
 *   This library is free software; you can redistribute it and/or modify
 *   it under the terms of the GNU Library General Public License as
 *   published by the Free Software Foundation; either version 2 of
 *   the License, or (at your option) any later version.
 *
 *   This program is distributed in the hope that it will be useful,
 *   but WITHOUT ANY WARRANTY; without even the implied warranty of
 *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *   GNU Library General Public License for more details.
 *
 *   You should have received a copy of the GNU Library General Public
 *   License along with this library; if not, write to the Free Software
 *   Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA.
 *
 *   CSS inspired by ove klykken's CSS examples
 *   http://www.domedia.org/oveklykken/articles.php
 *
 *  ----------------------------------------------------------------------
 */

body {
  color: #001;
  font-weight: normal;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  background-color: rgb(ff, ff, ff);
  padding: 0px;
  margin: 0px;
}

div.mainbox {

}

div.mainwin {
  width: 850px;
  width: 90%;
  
  min-width: 1024px;
  max-width: 2048px;
  margin: 20px auto 20px auto;
  border: 1px solid #777;
  background-color: #E2E2E3;
}

div.daily {
  padding: 0px 10px 5px 0px;
  margin: 20px 10px 5px 0px;
}

h1 {
  display: inline;
  margin: 0px 0px 5px 10px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-size: 32px;
  font-style: italic;
  color: #B5C4D2;
/*
  border-bottom: 1px dotted #B5C4D2;
  border-left: 1px dotted #B5C4D2;
*/
  border: none;
}

h1.satname {
  font-size: 24px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: italic;
  margin-left: 10px;
  margin-bottom: 0px;
  color: #000;
  border: none;
}

div.spacer { clear:both; }

table.maintable {
  width: 100%;
  border: 1px solid silver;
  border-spacing: 3px;
}

td.maintd {
  border: 1px #777 solid;
  background-color: #fff;
}

h2 {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  margin: 15px 0px 0px 10px;
}

table.info {
  width: 95%;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  margin: 5px 10px 0px 10px;
  border-collapse: collapse;
  line-height: 16px;
  
/*  
  border: 1px solid #000; 
*/
}

table.info td.infotext {
  width: 75%;
  
  /*
  border: 1px solid #000; 
  */
}

table.info td.infologo {
  vertical-align: top;
  
/*
  width: 350px; 
  height: 160px;
  background: #FFFFFF url(os.png) no-repeat scroll center top;  
  border: 1px solid #000; 
  width: 340px; 
*/  
  height: 145px;
  background: #FFFFFF url(darkblue-box.png) no-repeat scroll center top;  
}

div.validators {
  float: right;
  margin: 5px;
}

p.aptdecoder {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  margin: 0px 0px 5px 5px;
}
p.backp {
  float: right;
  margin: -15px 0px 0px 0px;
}

div.imagebox blockquote {
  margin: 10px;
  padding: 10px;
  background-color: #B5C4D2;
  border: 1px dotted #000000;
}

div.satdata blockquote  {
  background-color: #ccc;
  border: 1px dotted #000;
  margin: 10px;
  padding: 15px;
  width: auto;
}

table.satdatatable {
  width: 100%;
  background-color: #ccc;
  border-collapse: collapse;
  border: 1px solid #000;
  margin: 10px auto 10px auto;
  padding: 10px 0px 10px 0px;
}
table.satdatatable th {
  border-style: none;
  text-align: left;
  padding: 4px;
}
table.satdatatable td {
  border-collapse: collapse;
  border: 1px solid #000;
  text-align: left;
  padding: 3px 4px 3px 4px;
}

div.nextpasses blockquote {
  background-color: #ccc;
  border: 1px dotted #000;
  margin: 10px;
  padding: 15px;
  width: auto;
}
table.satpassestable {
  width: 100%;
  background-color: #ccc;
  border-collapse: collapse;
  border: 1px solid #000;
  margin: 10px auto 10px auto;
  padding: 10px 0px 10px 0px;
}
table.satpassestable th {
  border-style: none;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
}
/* different style for satellite pass > 30 deg */
table.satpassestable tr.highpass {
  background-color: #B5C4D2;
  font-weight: bolder;
}
table.satpassestable td {
  border-collapse: separate;
  border: 1px solid #000;
  text-align: center;
  padding: 4px;
}

div.footer blockquote {
  background-color: #fff;
  border: thin dotted #000;
  margin: 10px 10px 15px 10px;
  padding: 0px;
  width: auto;
}
td {
  vertical-align: top;
}

a { color: #0000ff; text-decoration: none; }
a:visited, a:active { color: #800080; text-decoration: none; }
a:hover { color: #4169E1; text-decoration: underline; }

a.xmlButton:link,
a.xmlButton:visited,
a.xmlButton:hover {
  text-decoration: none;
}

div.xmlButton {
  margin: 5px 0px 5px 0px;
  margin: -15px 0px 0px 0px;
}
span.xmlButton {
  border: 1px solid;
  border-color: #FC9 #630 #330 #F96;
  padding: 0 3px;
  font: bold 10px verdana,sans-serif;
  color: #FFF;
  background: #F60;
  text-decoration: none;
}
a.feedlink:link {
  font: normal 12px helvetica,arial,sans-serif;
  margin-left: 0px;
}
a.feedlink:hover { text-decoration: underline; }

div.w3cbutton {
  margin: 5px;
  width: 10em;
  border: 1px solid #ccc;
  font-family: helvetica,arial,sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: normal;
}
div.w3cbutton a {
  display: block;
  width: 100%;
}
div.w3cbutton a:link,
div.w3cbutton a:visited,
div.w3cbutton a:hover {
  background-color: #fc6;
  color: #000;
  text-decoration: none;
}
div.w3cbutton span.w3c {
  padding: 0 0.4em;
  background-color: #fff;
  color: #0c479d;
}
div.w3cbutton span.w3cspec { padding: 0 0.5em; }

ol.footer {
  list-style-type: decimal;
  margin-top: 0px;
  margin-left: 50px;
}
ol { margin-top: 10px; }
.links {
  font-size: 12px;
  font-family: helvetica,arial,sans-serif;
}

div.shadow {
   float: left;
   padding: 10px 16px 4px 10px;
   background: #eee url(dropshadow.png) no-repeat scroll bottom right;
   margin: 5px;
}
div.shadow img {
   display: block;
   position: relative;
   top:  -3px;
   left: -3px;
   background-color: #eee;
   border: 1px solid silver;
}
div.shadow p {
   margin: 0px auto 13px auto;
   text-align: center;
}

img {
   border: none;
}

// -->