/*
CSS for the Google Maps NGS Map

Design by Brian Shaw 
National Oceanic and Atmospheric Administration
National Geodetic Survey

*/

/* for the div tags */

.legend {
    position:absolute;
    top: 50px;
    right: 10px;
    background: white;
    margin: 0px 0px 0px 0px;
    padding : 0px;
    z-index:3;   
    visibility: visible;
}

.map_canvas {
    position:relative;
    width: 100%;
    height: 480px;
    margin: 0px 0px 5px 0px;
    padding : 0px;
    z-index:1;
}

.marklist {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 480px;
    background: white;
    margin: 0px 0px 5px 0px;
    z-index:1;
    visibility: hidden;
    text-align: center;
    overflow: auto;
}

.lat_lng_box {
    font-weight: bold;
    bottom: 20px;
    left: 48%;
    position: absolute;
    width: 200px;
    height: 20px;
    opacity: 0.75;
    background: none repeat scroll 0 0 #DDDDDD;
    text-align: center;
    padding-top: 3px;
    z-index:1;
}

.loading {
    top: 35%;
    left: 45%;
    position: absolute;
    width: 150px;
    height: 166px;
    background: none repeat scroll 0 0 #DDDDDD;
    text-align: center;
    visibility: hidden;
    z-index:1;
}

.placex {
    margin-top: 10px;
}

.siteinfo {
    margin-top: 10px;
    margin-left: 15px;
    width: 181px;;
    text-align: left;
    border: solid 2px #3A5298;
    padding-bottom: 10px;
    position: relative;
}

.information {
    width: 50%;
    background: white;
    border: 2px solid gray;
    position: absolute;
    padding: 20px;
    top: 50px;
    left: 150px;
    font-size: 16px;
    overflow: auto;
    visibility: hidden;
    z-index:5;
}

/* These elements are for the Accordion Menu */

.AccordionTitle
{
    padding: 0px 10px;
    overflow:hidden;
    cursor: pointer;
    font-weight:bold;
    -moz-user-select: none;
    border: 1px solid black;
    background-color: #3A5298;
    color: white;
}

.AccordionTitleHighlight
{
    padding: 0px 10px;
    overflow: hidden;
    cursor: pointer;
    font-weight: bold; /*changeble*/
    -moz-user-select: none;
    border: 1px solid white;
    background-color: #C4D0F3;
    color: #3A5298;
}

/**************************************
** Context Menu for the Right Click ***
**************************************/

#contextMenu {
	position: absolute;
	min-width: 100px;
	z-index: 1000;
	background: #fff;
	border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #676767;
	border-right: solid 1px #676767;
	padding: 0px;
	margin: 0px;
	display:none;
}

#contextMenu a {
	color: #000;
	text-decoration: none;
	display: block;
	line-height: 22px;
	height: 22px;
	padding: 1px 5px 1px 5px;
}

ul#contextMenu , #contextMenu li ul {
	list-style: none;
	padding: 1px;
	margin: 0px;
        text-align: left;
        list-style-image: none;
        list-style-position: outside;
        margin-left: 0px;
}

#contextMenu li {
    margin-left:0px;
    text-indent: 0px;
}

#contextMenu li.hover a {
	background-color: #A7C4FA;
}

#contextMenu li.separator {
	border-top: solid 1px #ccc;
}


/******************************************************
** This is the section for the infowindow div styles **
******************************************************/

.infocontainer {
    
}

.infowindowtitle {
    font-family: Arial, sans-serif;
    width: 100%;
    text-align: center;
    background-color: #7799cc;
    margin: 10px 0px 10px 0px;
    font-size: 16px;
    color: white;
    font-weight: bold;
}

.infowindowtitlelg {
    font-family: Arial, sans-serif;
    text-align: center;
    background-color: #7799cc;
    font-size: 20px;
    color: white;
    font-weight: bold;
}

.infowindowbody {
    width : 181px;
    font-family: Arial, sans-serif;
    color: #000066;
    font-size: 10pt;
    overflow: hidden;
}

/*********************************
**      Mark table styles       **
*********************************/

caption.mytable
{
     background-color:white;
     color:#3A5298;
     font-size: 14pt;
     font-weight: bold;
     border:2px solid #BBBBBB;
}

table.help th {
    background-color: #3A5298; /*#e6EEEE;*/
    border: 1px solid #FFF;
    color: white;
    font-size: 8pt;
    padding: 4px;    
}


/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #3A5298; /*#e6EEEE;*/
	border: 1px solid #FFF;
        color: white;
	font-size: 8pt;
	padding: 4px;
}

table.tablesorter thead tr .header {
	/*background-image: url(images/bg.png);*/
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}

table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(images/asc.png);
}

table.tablesorter thead tr .headerSortDown {
	background-image: url(images/dsc.png);
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
color: #3A5298;
background-color: #C8D3E9; /*#8dbdd8;*/
}