/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 03-Mar-2016, 16:26:11
    Author     : Richardson
*/
body       {background-color: #FFFFFF; background-image: url("back.gif")}
a:link     {color: #0000FF;}
a:visited  {color: #0000FF;}
a:hover    {color: #FF3333;}
body       {font-family: arial, helvetica, sans-serif;}
td         {font-family: arial, helvetica, sans-serif; font-size: 0.8em; 
               text-align: center; padding-left: 6px; padding-right: 6px;}
h1         {color: #C70039; text-align: center; background-color: #99CCCC; line-height: 1.5;}
h1.sticky  {color: #C70039; text-align: center; background-color: #99CCCC; 
               position: sticky; top: 0; line-height: 1.2;}
h2         {color: #007700; text-align: center; font-size: 1.3em; font-weight: bold;}
h3         {color: #007700; text-align: center; line-height: 1.5;}
h4         {text-align: center; font-weight: normal; font-size: 1.0em; line-height: 1.0;}
h5         {text-align: center; font-weight: normal; font-size: 1.0em;}
.log       {color: red;}
p.title    {color: #C70039; text-align: center; font-size: 1.5em; font-weight: bold;}
p.center   {display: block; margin: auto; text-align: center;}
left       {padding:2px; float: left; margin-right: 5px;}
right      {padding:2px; float:right;}
dl         {font-size: 1.0em;}
ul.none    {list-style-type: none;}
table      {width: 100%;}
.walks     {display: block; width: 575px; margin: auto; border: 2px solid #73AD21;}
caption    {caption-side: top; color: #007700; text-align: center; 
              font-size: 1.2em; font-weight: bold;}             
div.sid    {padding: 1px; background-color: #CCFFFF; position: fixed;
              width: 132px; height: 100%; text-align: center; margin-right: 5px; overflow: auto;}
div.siden   {padding: 3px; background-color: #CCFFFF; float: left; 
              width: 132px; height: 600px; text-align: center; margin-right: 5px;}
div.sides  {padding: 3px; background-color: #CCFFFF; float: left;
              width: 132px; height: 250px; text-align: center; margin-right: 5px;}
div.sidex  {padding: 3px; background-color: #CCFFFF; float: left;
              width: 132px; height: 360px; text-align: center; margin-right: 5px;}
div.main   {padding-left: 5px;}
div.mainn  {margin-left: 138px; padding-left: 5px;}
div.mainnc {margin-left: 138px; padding-left: 5px; display: block;}
div.center0   {display: block; margin: auto; padding: 2px;}
div.centerb   {display: block; margin: auto; 
                  border: 2px solid #73AD21; padding: 2px;}
div.center6   {display: block; margin: auto; width: 600px;
                  border: 2px solid #73AD21; padding: 2px;}
div.center6n  {display: block; margin: auto; width: 600px; padding: 2px;}
div.center7   {display: block; margin: auto; width: 700px;
                  border: 2px solid #73AD21; padding: 5px;}
div.center9   {display: block; margin: auto; width: 900px;
                  border: 2px solid #73AD21; padding: 2px;}
img.center   {display: block; margin: auto;}
img.centerb  {display: block; margin: auto; border: 2px solid #73AD21; padding: 2px;}
img.center6  {display: block; margin: auto; width: 600px;
                  border: 2px solid #73AD21; padding: 2px;}
img.center9  {display: block; margin: auto; width: 900px;
                  border: 2px solid #73AD21; padding: 2px;}
img.center12  {display: block; margin: auto; width: 1200px;
                  border: 2px solid #73AD21; padding: 2px;}
img.borderl      {float: left; border: 2px solid #73AD21; padding: 2px; margin: 2px; }
img.bordert      {float: left; border: 1px solid #73AD21; padding: 1px; margin: 1px; }
img.float-right  {float: right; border: 2px solid #73AD21; padding: 2px; margin: 2px;}
.borderl         {float: left; border: 2px solid #73AD21; padding: 2px; margin: 2px; }
.floating-boxd   {display: inline-block; width: 600px; margin: 2px; }
.floating-boxt   {display: inline-block; width: 300px; margin: 2px; }
.floating-boxm   {display: inline-block; width: 400px; margin: 2px;}
.floating-box4b  {display: inline-block; width: 404px; margin: 2px; border: 2px solid #73AD21;}
.floating-box5   {display: inline-block; width: 504px; margin: 2px;}
.floating-box2   {display: inline-block; width: 200px; margin: 2px;}
.floating-box0   {display: inline-block; margin: 2px;}
.floating-box0b  {display: inline-block; margin: 2px; border: 2px solid #73AD21; padding: 2px;}
.float-right     {float: right; border: 2px; padding: 2px; margin: 2px;}
.clear-right     {clear: right;}
.floating-boxps  {display: inline-block; width: 100px; height: 54px; margin: 2px;}
.floating-boxpsw {display: inline-block; width: 166px; height: 54px; margin: 2px;}
.floating-boxh    
      {display: inline-block; width: 110px; height: 200px; margin: 2px; border: 2px solid #73AD21;}
.floating-box80    
      {display: inline-block; width: 90px; height: 90px; margin: 2px; border: 2px solid #73AD21;}
.floating-boxhb    
      {display: inline-block; width: 136px; height: 150px; margin: 2px; border: 2px solid #73AD21;}
.floating-boxw    
      {display: inline-block; height: 450px; width: 600px; margin: 2px; border: 2px solid #73AD21;}
.floating-boxcf    
      {display: inline-block; height: 1356px; width: 144px; margin: 2px; border: 2px solid #73AD21;}
.floating-boxcd    
      {display: inline-block; height: 1356px; width: 404px; margin: 2px; border: 2px solid #73AD21;}
.floating-box13a    
      {display: inline-block; height: 250px; width: 304px; margin: 4px; border: 2px solid; padding: 3px}
.floating-box13b    
      {display: inline-block; height: 250px; width: 290px; margin: 4px; border: 2px solid; padding: 3px}
.floating-box13c    
      {display: inline-block; height: 250px; width: 204px; margin: 4px; border: 2px solid; padding: 3px}
.floating-box13d    
      {display: inline-block; height: 250px; width: 242px; margin: 4px; border: 2px solid; padding: 3px}
.floating-box2013t    
      {display: inline-block; height: 190px; width: 166px; margin: 4px; border: 2px solid; padding: 3px}
.floating-box08a    
      {display: inline-block; height: 276px; width: 136px; margin: 4px; border: 2px solid; padding: 3px}
.floating-box08b    
      {display: inline-block; width: 410px; padding: 2px; margin: 2px; border: 2px solid #73AD21;}
.floating-box08m    
      {display: inline-block; width: 460px; padding: 2px; margin: 2px; border: 2px solid #73AD21;}
.floating-box08p    
      {display: inline-block; width: 610px; padding: 2px; margin: 2px; border: 2px solid #73AD21;}
      
.sidelabel {position: absolute; top: 90px; width: 108px; margin: 2px; border: 2px solid #73AD21;}      
.sidelabelr {position: absolute; top: 90px; left: 1610px; width: 108px; margin: 2px; border: 2px solid #73AD21;}      
.data1 {position: absolute; top: 90px; left: 122px; width: 366px; margin: 2px; border: 2px solid #73AD21;}      
.data2 {position: absolute; top: 90px; left: 494px; width: 366px; margin: 2px; border: 2px solid #73AD21;}      
.data3 {position: absolute; top: 90px; left: 866px; width: 366px; margin: 2px; border: 2px solid #73AD21;}      
.data4 {position: absolute; top: 90px; left: 1238px; width: 366px; margin: 2px; border: 2px solid #73AD21;}      
.baselabel {position: static;  border: 2px solid #73AD21;}      

.ch     {height: 36px; margin: 2px; border: 1px solid #73AD21}
.cd     {height: 200px; margin: 2px; border: 1px solid #73AD21}
.cs     {height: 239px; margin: 2px; border: 1px solid #73AD21}

.logs   {display: block; border: 2px solid; border-collapse: collapse; table-layout: auto; 
        width: 575px; background-color: #f2f2f2; margin: auto;}

#logs td, #logs th  {border: 1px solid;}
#map40  {display: block; margin: auto; border: 2px solid #73AD21; padding: 2px;}