/* Style sheet for the MARS web page */
/* Author: Emma Walker */
/* Date: 22/12/2004 */
/* The 4 main container elements are tabmenu, survcontent or sampcontent (only
/* one of these is visible at any one time), poscontent and mapcontent'*/




/* Defines the 'tab menu'. It is positioned with absolute */
/* positioning which means that the rest of the page must also be */
/* positioned this way */
#tabmenu {     
      position: absolute;
      left: 10mm;
      top: 6mm;
      font-size:93%;
      line-height:normal;
      letter-spacing: 3px;  
      z-index: 10;      
      }

#tabmenu ul {
      	margin:0;
      	padding:10px 10px 0;
      	list-style:none;      	
      	}

/* Defines the properties of a list item (or 'tab'). These list items */
/* are all floated left in their container element (#tabmenu)*/
#tabmenu li {
      	float:left;
      	display: block;
	margin:0;
	overflow: hidden;
        padding:5px 15px 4px 6px;
        font-weight: bold;
        border-top: 1px solid #005884;
   	border-left: 1px solid #005884;
   	border-right: 1px solid #005884;   	
      	}
      	
/* Used to identify the first tab on the menu */
#item1 {
	}
	
/* Used to identify the second tab on the menu */	
#item2 {
	}

/* Defines the anchor of the tab */   
#tabmenu a {
      float:left; 
      display:block;
      padding:5px 10px 0px 6px;
      font-weight:bold;
      color: #005884;
          }
   
  /* Commented Backslash Hack hides rule from IE5-Mac \*/
 #tabmenu a {float:none;}
  /* End IE5-Mac hack */

 #tabmenu li a:hover {
       /*cursor: arrow;*/
       color: #993333;
          }
          
 
 /* Defines the properties for the active tab. Has bottom padding */
 /* in order to hide the border of the contents, and thus get the */
 /* 'overlap' effect */
 #tabmenu li.current {
 	/*padding-bottom: 5px solid white;*/
 	background: white;
 	}
 
 /* Defines the properties for the inactive tab */
 #tabmenu li.notcurrent { 	
  	border-bottom: 1px solid #005844;
  	background: white;
 	}
 
 
 /* Defines the red colour for the anchor of the active tab. This red */
 /* colour was taken off the GA style sheet for the breadcrumb header */
#tabmenu li.current a {
	color: #993333;
       }


/* Defines the properties of the Surveys contents tab */
/* There is extra padding on this contents tab, as its */
/* border needs to be aligned with the Sample Data border */
#survcontent {
	position: absolute;
      	left: 5mm;
      	top: 16mm;
      	z-index:1;
      	border: 2px solid #005884;
      	padding:5px 0px 62px 0px;
      
	}

/* Defines the properties of the Sample Data contents tab */
#sampcontent {
	position: absolute;
      	left: 5mm;
      	top: 16mm;  	
      	z-index:1;
      	border: 2px solid #005884;
	padding: 5px 0px 0px 0px;	
	
	}	


/* Defines the position of the Latitude and Longitude content box */
#poscontent {
	position: absolute;
      	left: 5mm;
      	top: 72mm;
      	z-index:0;
      	
	}		

/* Defines the position of the Map Interactivity content box */
#mapcontent {
	position: absolute;
      	left: 5mm;
      	top: 95mm;
      	z-index:0;
	}		


/* These two classes are used for the JavaScript functions. The JavaScript dynamically 
/* changes the class of the content. These classes define the visibility of the content 
/* through the visibility tag */
.visible {
		visibility : visible;		
	}
	
.hidden {
		visibility : hidden;
	}