// SOPAC Online Mapping Interface (Javascript enabled)
// "pannability" CSS
//
// Adapted from :   GSV 1.0, by Michal Migurski <mike-gsv@teczno.com>
//                  $Id: SOMIPan.css,v 1.18 2006/06/28 09:34:40 mscharber Exp $
// Description: Cascading Style Sheet for a draggable viewer for
//              the SOPAC Onling Mapping Interface (SOMI).
//

  body
        {
            color: black;
            background-color: white;
            font-family: helvetica, arial, sans-serif;
        }

  .gps   {
            color: #882044;
            font-family: helvetica, arial, sans-serif;
            font-size: 8pt;
            font-weight: bold;
            text-decoration: none;
            display: block;
        }

        
  .somiViewer
        {
            position: relative;
            top: 0;
            left: 0;
        }
        
  .somiViewer .well, .somiViewer .surface
        {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0px;
            left: 0px;
            cursor: default;
            border: 1px solid black;
        }
        
  .somiViewer .well
        {
            background-color: transparent;
            overflow: hidden;
	    position: absolute;
        }

  .somiViewer .well .tile
        {
            border: 1px solid black;
            margin: 0;
            padding: 0;
            position: absolute;
            top: 0px;
            left: 0px;
            display: block;
        } 

  .somiViewer .well .overlay, .somiViewer .shadow
        {
            background-color: transparent;
            border: 1px solid black;
            margin: 0;
            padding: 0;
            position: absolute;
            top: 0px;
            left: 0px;
        }

  .somiViewer .surface        
        {
            background-color: transparent;
            background-image: url("center.gif");
            background-repeat: no-repeat;
            background-position: center center;
	    position: absolute;
        }

  .progressCycle
        {
            margin: 0;
            padding: 0;
             top: 0px;
            left: 0px;
            position:absolute;
            z-index: 500;
        }

  .scaleBar
	{
            margin: 0;
            padding: 0;
            top: 0px;
            left: 0px;
            position:absolute;
	    z-index: 500;
	}
  .embedded
	{
            margin: 0;
            padding: 0;
            top: 0px;
            left: 0px;
            position:absolute;
	    z-index: 500;
	}
  .scaleSliderRail
	{
            margin: 0;
            padding: 0;
            top: 0px;
            left: 0px;
            position:absolute;
	    z-index: 400;
	}