/*
** Gold:   #CC9900
** Peach:  #EFd79b
** Mocha:  #6F5A48
** Maroon: #860203
** Gray:   #9F8A78
*/

body {
  font-size: 13px;
  font-family: verdana, helvetica, arial, sans-serif;
  background-color: #860203;
}

#marsBG {
  position: absolute;
  left: 0px;
  top:  26px;
}

#mapBox {
  position: absolute;
  left: 35px;
  top:  196px; 
  width:  742px;  
  height: 617px;  
  font-size: 13px;
  background-color: #f9bc07;
  font-family: verdana, helvetica, arial, sans-serif;
  white-space: nowrap;
  z-index: 10;  
}

#mapHeader {
  position: absolute;
  left: 35px;
  top:  150px;
}

#mapFooter {
  position: absolute;
  left: 35px;
  top:  813px;
  z-index: 1;  
}

h3.swap {
	background-repeat: no-repeat;
	height:  20px;
	padding: 0px;
	margin:  0px;
}

/* h3.swap span { display: none; } */

/************************************/
/* 
h3#mocWideAngleMenu { background-image:  url("/webmap/img/mocWAngMenuHeader.gif"); }
h3#background { background-image:  url("/moc/gif/backgroundMOCMenuHeader.gif"); }
h3#imageList  { background-image:  url("/moc/gif/imageListMOCHeader.gif"); }
*/

#startHere img {
        border: #000000 solid 2px;
}

#startHere img:hover {
	border: #ff0000 solid 2px;
}

#menuCol {
  float: left;
  background-color: #f8bd07;
  color: #000000; 
/*  width: 124px;*/
  white-space: nowrap;
}

#leftColBlack {
  position: absolute; 	
  top:  0px;	
  left: 7px;
  background-color: #000000;
  height: 610px; 
  width: 124px;
}

.menuList {
  margin: 0px 0px 3px 0px;
  border: #f8bd07 ridge 2px;
  background-color: #efd79b;  
  width: 120px;
}

.menuHeader {
  cursor: pointer;
}

.menuHeader img:hover {
	border: #ff0000 solid 1px;
}

.menuHeader img {
	border: #000000 solid 1px;
}

.menubar {
  background: url(/webmap/img/right.gif) no-repeat 2px 0.3em;
  font-size: 13px;
  list-style: none outside;
  padding-left: 15px;
  border-width: 0px 0px 1px 0px;
  border-color: #cfb77b;
  border-style: solid;
}

.menu {
  display: none;
  margin:  0px;
  padding: 0px;
  border-width: 0px 0px 1px 0px;
  border-color: #cfb77b;
  border-style: solid;
  min-height: 20px;
}

.menu li {
  list-style: none outside;
  margin: 0px; 
  width: 100px;
  padding-left: 20px; 
}

.menu li.selected {
    color: #b00000;
}

/*************************/
a:link           {color: black;}
a:link:active    {color: white;}
a:visited        {color: purple;}
a:visited:active {color: white;}
a:hover          {color: red;}

#iconsMapAndTnails {
	position: absolute;
	top:  0px;
	left: 134px;
}

#iconsAndText {
	position: absolute;
	top:  0px;
	left: 0px;
	height: 26px;
	width: 600px;
	color: #000000;
        background-color: #000000;     
}

#icons {
	position: absolute; 
	top:  2px;
	left: 2px;
	height: 24px;
	width: 181px;
}

#icons img {
	border: #f8bd07 ridge 2px; 
 	float: left; 
}

#icons img:hover {
	border: #ff0000 solid 2px;
}

#modeStatus {
	position: absolute; 
	top: 2px;
	left: 182px;
	font-size: 15px;
	font-weight: 400;
	color: #efd79b; 
	white-space: nowrap;
        cursor:pointer;
	text-decoration: none;
	border: #000000 solid 1px;
}

#modeStatus:hover {
	border: #ff0000 solid 1px;
}

#latlonStr {
	position: absolute;
	top: 2px;
	left: 420px;
	font-size: 15px;
	font-weight: 400;
	color: #efd79b; 
        white-space: nowrap; 
	cursor: pointer;
	text-decoration: none;
	border: #000000 solid 1px;
}

#latlonStr:hover {
	border: #ff0000 solid 1px;
}

#mapAndTnails {
	position: absolute;
	top:  25px;
	left: 0px;
	background-color: #860203;
}

#map {
	position: absolute;
	top: 0px;
	left:0px;
	width: 600px;
	height:300px;
        background-color: #860203;
}

#crosshair2 {
	position: absolute; 
	z-index: 1000;  
	display: none;
}

#loading {
	position: absolute; 
	z-index: 1001;  
	display: none;
}

#imageList img {
        border: #000000 solid 1px;
	width:  118px; 
        height: 20px; 
}

#imageList img:hover {
	border: #ff0000 solid 1px;
}

#imageListBox {
      border-left:  #efd79b ridge 2px;	
      border-right: #efd79b ridge 2px;	
      border-top:   #efd79b ridge 2px;	
      background-color: #000000;
}

#idFrame {
  width:  120px; 
  height: 285px; 
  border: #f8bd07 ridge 2px;	
}

.idResults {
  font-size: 12px;
  text-align: center;
}

#tnFrame {
	position: absolute;   
	top: 303px;
	left: 0px;
	width:  596px; 
        height: 278px;
	background-color: #860203;
        border: #000000 solid 2px;
}

.tnResults {
        font-size: 12px;
        font-weight: 300;
        background-color: #860203;
        color: #efd79b;
}

.linkText {
        font-size: 12px;
        font-weight: 300;
        color: #efd79b;
}

#helpPage {
        background-color: #860203;
        font-size: 15px;
        color: #efd79b;
}

/********************************************/

#mouseoutbox {
   position: absolute; 
   top:  0px;
   left: 0px;
   height: 30px;
   width:  115px;
   border: #000000 solid 0px; 	
}

#slider {
   position: absolute; 
   top:  14px;
   left: 35px;
   height: 10px;
   width:  50px;
   background-color: white; 
   border: #000000 solid 1px; 	
}

#minus {
   position: absolute; 
   top:  14px;
   left: 24px;
   border: #000000 solid 1px; 
}

#sliderBar {
   position: absolute; 
   top:  -2px;
   left: 0px;
   width: 5px;
   height: 12px;
   background-color: #ff0000;
   border: #000000 solid 1px;
   font-size: 0px; /* Kludge for internet explorer */
}

#plus {
   position: absolute; 
   top:  14px;
   left: 86px;
   border: #000000 solid 1px;
}

#sliderVal {
   position: absolute; 
   top:  0px;
   left: 0px;
   font-size: 8px;
   color: #0000ff;
}