/* CSS Document */

/*Added to fix the right column <h2> because those get pulled out of the database and needed to fix to  match <h3> */
.sidebarbox h2 {
  text-transform: uppercase;
  margin: 0;
  padding: 5px 0;
  text-align: center;
  width: 100%;
  color: #fff;
  background-color: #17471f;
  font-size: 1.2em; 
  }

/* Edited to remove old styles that are not referenced anymore due to moving in a newer DACF template. Not sure about these two specifci styles so keeping in for now.  */
#boxout {
	padding: 2px 5px;
	float: right;
	width: 10em;
	background: #B0D3AB;
	text-align: center;
	border: 1px solid #184F24;
	margin: 16px 0px 6px 8px;
}
#boxout a {color:#000;}


/*********************************************************************/
/*style rules for new online property guides begin here*/
/*********************************************************************/

	#property-guide-content		{
		padding:10px;
		min-width:700px;
		}
		
		
	#property-guide-content h1	{
		font-size:2em;
		}
		
	#property-guide-content h2	{
		font-size:1.2em;
		}
		
	#property-guide-content p	{
		font-size:1em;
		}
		
/*styles for the search page*/

	ul.select-specific-place, ul#region-select, ul.single-tank-trips, ul#activity-selector, 	ul#facility-selector	{
		list-style-type:none;
		margin-left:0;
		padding-left:0;
		}
	
	/*select a specific place*/
		fieldset.select-specific-place	{
			float:left;
			}
		
		ul.select-specific-place li		{
			padding-bottom:6px;
			margin-left:0;
			padding-left:0;
			}
		
		ul.select-specific-place label, ul#single-tank-trips label	{
			display:block;
			}
		
	/*single-tank trips*/
		fieldset.single-tank-trips {
			float:left;
			width:300px;
			}
		
		fieldset.single-tank-trips ul li	{
			margin:0 0 6px 0;
			list-style-type:none;
			}
			
		fieldset.single-tank-trips ul	{
			margin-right:none;
			padding-right:none;
			margin-left:0;
			padding-left:0;
			}
	
	/*google maps*/	
		fieldset#google-map-container	{
			float:left;
			}
		
		fieldset#google-map-container img	 {
			float:left;
			margin-top:20px;
			}
		
		fieldset#google-map-container p	 {
			float:left;
			margin-top:20px;
			}
	
	fieldset.submit	{
		border:none;
		}
		
	#search-options-wrapper		{
		padding:0 20px 20px 20px;
		border:2px solid #9cc;
		clear:both;
		background:#fff url(../graphics/search-page-background.jpg) no-repeat bottom right;
		}
		
	fieldset		{
		margin:0 20px 20px 0;
		}
		
	fieldset#activities	{
		float:left;
		margin-right:20px;
		}
		
	fieldset#facilities	{
		float:left;
		}
		
	/*activity/facility icons*/
	ul#activity-selector img, ul#facility-selector	img {
		margin: 8px 8px -6px 4px;
		
		}

		
/*styles for the results page*/
	ul#search-results	{
		list-style-type:none;
		float:left;
		margin-left:0;
		padding-left:0;
		}
		
	ul#search-results	 li {
		margin-bottom:20px;
		clear:both;
		}
	
	ul#search-results	 li img	{
		float:left;
		clear:both;
		margin:0 10px 10px 0;
		height:100px;
		width:100px;
		background:#ccc;
		border:1px solid #000;
		}
		
	ul#search-results	 li img.icon	{
		float:none;
		clear:none;
		margin:4px;
		height:24px;
		width:24px;
		border:none;
		}
		

/*styles for the details page*/

/*	#righthand-sidebar	{
		width:184px;
		background:green url(../graphics/sidebar-background.jpg);
		height:100%;
		float:right;
		margin-top:0;
		padding:6px;
		margin-left:20px;
		}
		
	#righthand-sidebar	p {
		font-size:0.8em;
		}*/

	#property-guide-download	{
		float:right;
		text-align:right;
		width:340px;
		font-size:0.8em;
		margin-top:-30px;
		}
		
	#property-guide-download	p	{
		margin:6px;
		}
		
	img#property-photo	{
		height:190px;
		width:auto;
		}
		
	#photo-container	{
		background:#ccc;
		width:auto;
		min-width:600px;
		height:190px;
		}
		
	#anchor-link-menu	{
		margin:10px 0 0 6px;
		padding-left:10px;
		list-style-type:none;
		width:200px;
		height:100%;
		float:left;
		}
		
	#map-thumbnail	{
		float:right;
		width:212;
		height:auto;
		border:1px solid #666;
		padding:6px;
		margin:0 0 20px 20px;
		}
		
	#map-thumbnail p	{
		margin:0;
		}
		
	div#fullsize-map	{	
		display:none;
		}
		
.special-icons img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  }
  
  .special-icons {
  margin-bottom: 20px;
  }
  
  .map_box .roundbutton {
  text-align: center;
  width: 66% !important;
  margin: auto;
}
  
		
/*styles for the symbol guide*/

	div#symbol-guide		{
		border:1px solid gray;
		padding:20px;
		width:480px;
		float:right;
		display:none;
		}
		
	div#symbol-guide h1	{
		font-size:1.5em;
		}
		
	div#symbol-guide h2	{
		font-size:1.25em;
		}
		
	div#symbol-guide div#lefthand-column	{
		/*border:1px solid #000;
		background:#ccc;*/
		float:left;
		width:240px;
		}
		
	div#symbol-guide div#righthand-column	{
		/*border:1px solid blue;
		background:#eee;*/
		float:left;
		width:240px;
		}
		
	div#symbol-guide li	{
		list-style-type:none;
		margin-bottom:4px;
		margin-left:0;
		}
		
	div#symbol-guide ul	{
		margin-left:0;
		padding-left:0;
		}
		
	div#symbol-guide img	{
		margin-right:10px;
		}
		
	/*tooltips*/
		/* css/tooltip.css -- fancy tooltips */

	span.tool {
	  position: relative;   /* this is key */
	  cursor: help;
	}
	 
	span.tool span.tip {
	  display: none;        /* so is this */
	}
	
	/* tooltip will display on :hover event */
	 
	span.tool:hover span.tip {
	  display: block;
	  z-index: 100;
	  position: absolute;
	  top: 2em;
	  left: 0;
	  width: auto;
	  min-width:50px;
	  padding: 3px 7px 4px 6px;
	  border: 1px solid #336;
	  background-color: #f7f7ee;
	  font: normal 0.9em/1.2em arial, helvetica, sans-serif;
	  text-align: left;
	  color: #000;
	}
	
	#content span.tool::after {
	  padding-left: 2px;            /* eye candy */
	 /* content: url(/img/bubble.gif); */
	}

/*styles for google mapping*/

dl.address {
        margin: .7em 0 0 0 !important;
}

dl.address dt {
        font-size: .85em;
        font-weight: bold;
}

dl.address dd {
        font-size: .85em;
        margin-left: 0;
        margin-bottom: .5em;
}

div.googledir table td {
        font-size: .85em;
}

.tabs-container p {
        font-size: .85em;
}