body {
      background: url('images/under-water-background.jpg') #333333 repeat 50% 100% fixed;
      background-size: cover;
      background-color: #333333;
      font-family: Verdana,Arial,sans-serif;
    }

    #wrapper {
      width: 80%; 
      /*border: 1px solid blue;*/
      margin: 0 auto;
      margin-top: 10px;
      min-width: 1010px;
      padding: 5px;
      /*background-color: #ffffff;*/
    }
    
   #header {
      height: 100px;
      background-color: #ffffff;
      background: url('images/waterquality-header-cropped.png') no-repeat #ffffff;
      margin: 10px 0;
      padding: 5px;
      color: navyBlue;

    }
    #header h1 {
      font-family: 'Merienda', cursive;
    }
    #header h1 a {
    	border: none;
    }
    
    div#topLinks {
		float: right;
		position: relative;
		top: -7px;
		-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
		-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
		box-shadow:inset 0px 1px 0px 0px #fce2c1;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
		background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
		background-color:#ffc477;
		/*width: 350px;*/
		padding: 0 10px;
		text-align: center;
		-moz-border-radius: 0 0 6px 6px;
		-webkit-border-radius: 0 0 6px 6px;
		border-radius: 0 0 6px 6px;
		border:1px solid #eeb44f;
	}
	ul#menu {
		/*background-color: #FFA500;*/
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		display: block;
	}
	ul#menu li {
		float: left;
		height: 30px;
		line-height: 30px;
		list-style: none outside none;
		text-align: center;
		width: 120px;
	}
	ul#menu li a {
		display: block;
		background-color:none;
		color: #003366;
		text-decoration: none;
	}
	ul#menu li a:hover {
		text-decoration: underline;
		background-color: #FFE79F;
	}
    
    #main-content {
      background-color: #ffffff;
      width: 100%;
      min-width: 960px;
      margin: 10px auto;
      overflow: hidden;
    }
    .exhibit-controlPanel {
      float: left;
      /*margin: 10px 0;*/
    }
    div.exhibit-facet {
      margin: 2px 5px;
    }
    span.exhibit-facet-header-title {
      font-family: 'Merienda', cursive;
      float: left;
    }
    #searchBox {
      width: 350px;
      float: right;
      margin: 10px 10px 5px 5px;
      height: 50px;
      clear: right;
    }
    #searchBox h3 {
      margin: 2px 0;
      color: #333;
      font-size: 1em;
    }
    
    #view-panel { 
      clear: both; 
      /*width: 450px; 
      float: left;
      border: 1px solid red;*/
      padding: 5px;
      /*width: 90%;
      width: 500px;*/
      margin: auto;
    }
    
    #fullStateZoom a:hover, #advSearch a:hover,
    #bookmark1:hover, #reset:hover {
      text-decoration: underline;
    }
    
    a[href*="//"]:not([href*="localhost/~christinacallahan"]) {
    	/* external link styles, use :before or :after if you want! */
    	
    }
    
    a[href^="http://delawarewatersheds.org"]:after {
		//content: url(http://upload.wikimedia.org/wikipedia/commons/6/64/Icon_External_Link.png);
		content: url('images/extlink-bluesmall.png');
		margin: 0 0 0 5px;
	}
/*button----------*/
	.button {
		-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
		-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
		box-shadow:inset 0px 1px 0px 0px #fce2c1;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
		background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
		background-color:#ffc477;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		border:1px solid #eeb44f;
		display:inline-block;
		color:#ffffff;
		font-family:Arial;
		/*font-size:1em!important;*/
		font-weight:bold;
		padding:6px 10px;
		text-decoration:none;
		text-shadow:1px 1px 0px #cc9f52;
		margin-top: 10px;
	}
	.button:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
		background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
		background-color:#fb9e25;
		color: #ffffff;
		text-decoration: underline;
	}
	.button:active {
		position:relative;
		top:1px;
	}

/*end button-----*/
    
    .maph1 {
      font-size: 1.2em;
      /*font-size: 1em;*/
      font-weight: bold;
      color: sienna;
      margin: 1px;
    }
    #side-panel {  
		background-color: #FFFFFF;
		clear: none;
		float: left;
		/*height: 250px;*/
		min-width: 600px;
		width: 100%;
      }
      
    #side-panel #tools {
    background-color: #E1E9F9;
    border: 1px solid #F2F2F2;
    border-radius: 0 0 21px 21px;
    box-shadow: 0 5px #CCCCCC;
    display: block;
    float: right;
    font-family: 'Merienda',cursive;
    margin: -5px 2px 16px;
    padding: 10px;
    width: 95%;
    }
    #side-panel #basin-facet {
      float: left; 
      width: 215px;
    }
    #side-panel #watershed-facet {
      float: left; 
      width: 210px;
    }
      
    #basin-facet.facet {
    	width: 100px;
    }
    div.exhibit-toolboxWidget-popup.screen { 
      position: relative!important; 
      top: 0!important;
      right: 0!important;
    }
    /*a { color: #003366; font-weight: bold; cursor: hand; cursor: pointer; }*/
    a, a:link, a:visited { color: #336699; font-weight: bold; cursor: hand; cursor: pointer; text-decoration: none; size: 1em; }
    
    a.externalLink:after {
		content: " ";
		width: 16px;
		height: 16px;
		background: no-repeat url('images/extlink-bluesmall.png'); 
		padding-left: 1.2em;
		margin-left: 0.5em;
    }
    
    /*---MAP INFO BOX-----*/
    div.map-lens a:link,
    div.map-lens a:visited { color: blue; }
    
    div.map-lens a:hover { text-decoration: underline; color: maroon; }
    
	ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
	ul#tabs li { display: inline; }
	ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
	ul#tabs li a:hover { background-color: #f1f0ee; }
	ul#tabs li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }

div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; }

div.tabContent.hide { display: none; }

table.exhibit-tabularView-body { 
   
  border: 0;
}
tr, td {
    text-align: center;
    vertical-align: middle;
}
/*
---- hover on row show highlight ----
tr:hover td {
	background-color: #ffffcc;
}*/
#jqxTabs {
  /*height: 645px!important;*/
}
#table.jqx-tabs-content-element {
  /*width: 60%*/
}
/*------------------data page ------------*/
table.conditions_heading { 	background-color: #003399;
				color: #FFFFFF;
				font-weight: bold;
				padding: 2px 7px 2px 7px;
				border: solid 1px #666666;
				width: 525px;
				margin-bottom: 1px;
}

table.meta_table {	padding: 3px;
			border: solid 1px #666666;
			width:  100%;
			margin-bottom: 1px;
}
table#metadata {	padding: 3px;
			border: solid 1px #666666;
			width:  300px;
			margin-bottom: 1px;
}
table#metadata td {	
			text-align: left;
}
#data_table {	
	width: 525px;
	border-collapse: collapse;
}

#data_table td, #data_table th {	
	font-size:1em;
	border: 1px solid #666666;
	padding: 2px 7px 2px 7px;
	padding: 5px;
}

#data_table th {	font-size: 1.1em;
			text-align: left;
			padding-top: 5px;
			padding-bottom: 4px;
			background-color: beige;
			color: #000000;
}

#data_table tr.alt td {	color: #000000;
			background-color: #A3A3A3;
}
td img.stationPhoto, td img.noPhoto {
  width: 200px;
}
div.jqx-tabs-content.jqx-widget-content.jqx-rc-b {
	height: 690px!important;
}
div.exhibit-bookmarkWidget-popup {
    display: block;
    float: left;
}
div.exhibit-bookmarkWidget-popup>img.exhibit-bookmarkWidget-button:after {
    display:none!important;
}
div.exhibit-bookmarkWidget-popup>img.exhibit-bookmarkWidget-button:after {
    padding: 20px;
    content: "Testing";
    background: url(images/magnifying-glass.png) no-repeat;
}

/*------Footer -----------*/
#footer {
	border-top: 3px solid #003366; 
	padding: 10px; 
	font-size: .9em; 
	min-height: 100px;
}
#footer-left {
	float: left;
    min-width: 150px;
    width: 15%;
}
#footer-center {
	float: left;
    margin-top: 20px;
    min-width: 450px;
    padding: 10px;
    width: 65%;
}
#footer-right {
	float: left;
    margin-top: 10px;
    min-width: 150px;
    width: 10%;
}