@charset "utf-8";
/* CSS Document */

	
a img
{
	border-style:none;
}

.presentationBase
{
	margin:0 auto;
	margin-top: 30px;
}

.presentationTitleText
{
	font-weight: bold;
	font-size: 1.2em;
}

.presentationTitleBanner
{
	text-align:center;
}

.presentationElement
{
	
}

.presentationImage
{
	font-size:0.85em;
}

.presentationElementText
{
	position:relative;
	padding:10px;  
	text-align:justify;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 1.3em;
}

.presentationElementTable
{
	
	border-collapse: collapse;
	margin-top:10px;
}

.presentationElementTable td
{
  font-size:0.85em;
  text-align:center;

}



.presentationElementTableImage
{
  padding-top:5px;
 /* padding-left:5px;
  padding-right:5px; 
   border-top: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;*/
  
 /* margin:3px; */
  vertical-align:bottom;
}

.presentationElementTableImageNonDense
{
	vertical-align:top;
}

.presentationElementTableCaption
{
	/*
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  */
  
  padding-bottom:5px;
 /* padding-left:5px;
  padding-right:5px; */
  vertical-align:top;
}

.presentationElementTableNonDense
{
	background-image: url("/Themes/modern/NonDenseImageBkgFadeTop.png");
	margin-top:20px;
}

/* next two are for floating images */
.presentationImageRight
{
  position:relative;
  float:right;
  font-family:Arial,Helvetica,sans-serif;
  font-size:0.85em;
  margin-bottom:5px;
  margin-left:17px;
  margin-top:15px;
  text-align:center;
  margin-right:10px;
  z-index: 1;
}

.presentationImageLeft
{
  position:relative;
  float:left;
  font-family:Arial,Helvetica,sans-serif;
  font-size:0.85em;
  margin-bottom:5px;
  margin-right:17px;
  margin-top:15px;
  text-align:center;
  margin-left:10px;
  z-index: 1;
}

.presentationImageExclusiveBorder
{
	border:1px solid #a55;
	box-shadow: 0px 0px 6px rgba(128,0,0,.6);
}

.presentationImageBorder
{
	border:1px solid #888;
}

.presentationImageWrapper
{
	display: inline-block;
	position:relative;
	margin-left: 8px;
	margin-right: 8px;
}

.presentationImageWrapper img {
	width: 100%;
}

.presentationImageCourtesyOf
{
	color: #888;
	position: absolute;
	left: 5px;
	bottom: 7px;
	background-color: #444;
	padding-left: 4px;
	padding-right: 4px;
	border: 1px solid #333;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

.presentationCaptionNonDense
{
	text-align:left;
	padding-top:5px;
}

.presentationCaptionNonDenseTitle
{
	font-size:1.4em;
	font-weight:bold;
}

.presentationCaptionNonDenseText
{
	font-size:1.2em;
}

.presentationVideo
{
	text-align:center;
	margin-bottom:0px;
}

.presentationVideocaption
{
	font-size:0.85em;
	text-align:center;
}

.inlinePresentationNextButton
{
	margin-top:20px;
}

.presentationNavigation
{
	margin-top:10px;
	margin-bottom:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	clear:both;
}

.presentationNoJS
{
	border: 2px solid #FF7777;
	font-size: 0.9em;
	margin-top:15px;
	margin-bottom:20px;
	padding: 15px;
	text-align: left;
}

.last_message_style {
    color: #990000;
    font: 10px Verdana,Arial,Helvetica,sans-serif;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 2px;
	margin-bottom: 15px;
}

#detailed_trackmap_underlay
{
	background-color: #000000;
}

/* class for the trackmap dijit dialog */
.detailed_trackmap
{
	height:100%;
}

/* class for the container node within the detailed_trackmap dialog */
.detailed_trackmap_container
{
	/*height: 95%; do in code because this is not consistent through full range of heights*/
	width: auto;
	background-color: #000000;
}

/* class for the google map itself */
.detailed_trackmap_map
{
	height: 95%; /* initial guess, will be refined later in track renderer code. */
	width: 100%;
}

.inline_trackmap_map
{
	height: 100%;
	width: 100%;
}


.map_tiles_loading_div
{
	background-color:#DDEEFF;
    border:2px solid #BBCCDD;
    
    font-weight:bold;
    padding:10px;
}

.map_tiles_loading_div_inner_large
{
	font-size:1.8em;
	text-align:center;
}

.map_tiles_loading_div_inner_small
{
	font-size:0.8em;
	padding-top:5px;
	text-align:right;
		
}

.presentationTrackmapTitle
{
	font-size: 1.3em;
	text-align:center;
}

.presentationTrackmapCaption
{
	font-size:1.3em;
	text-align:center;
}

.in_progress_div
{
	position:fixed!important;
	position:absolute;
	top: 40%;
	/*left: 40%;*/

	z-index: 50000;
	background-color:#9b9b9b;
	border:2px solid #555555;
	margin: 20px;
	padding:20px;
	z-index: 50000;
	
	-moz-box-shadow: 5px 5px 5px 5px #000;
	-webkit-box-shadow: 5px 5px 5px 5px #000;
	-khtml-box-shadow: 5px 5px 5px 5px #000;
	-khtml-border-radius: 0.8em;
   -moz-border-radius: 0.8em;
   -webkit-border-radius: 0.8em;
}

.in_progress_div_custom
{
	position:absolute;
	top:0px;
	left:0px;
	padding:10px;
	background-color:#9b9b9b;
	border:2px solid #555555;
	z-index: 50000;
	-moz-box-shadow: 5px 5px 5px 5px #000;
	-webkit-box-shadow: 5px 5px 5px 5px #000;
	-khtml-box-shadow: 5px 5px 5px 5px #000;
	-khtml-border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
}

.in_progress_div_backdrop
{
	width: 100%;
	height: 100%;
	position: fixed!important;
	top:0;
	background-color:#666666;
	-moz-opacity:.75; 
	filter:alpha(opacity=85); 
	opacity:.85;
	z-index: 49999;
}

.in_progress_div_image
{
	background-color: #9b9b9b;
}

.in_progress_div_text
{
	font-size: 1.0em;
	background-color:#9b9b9b;
	color: #303030;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letters-spacing:3px;
}

#jal_confirm_dialog_underlay
{
	background:none repeat scroll 0 0 #444;
	-moz-opacity:.75; 
	filter:alpha(opacity=85); 
	opacity:0.8;
}

#jal_query_dialog_underlay
{
	background:none repeat scroll 0 0 #444;
	-moz-opacity:.75; 
	filter:alpha(opacity=85); 
	opacity:0.8;
}


.tundra .dijitDialogPaneContent
{
	background: none repeat scroll 0 0 #aaa;
	border-top:1px solid #777;
}

.tundra .dijitDialog
{
	 -moz-box-shadow: 5px 5px 5px 5px #333;
	-webkit-box-shadow: 5px 5px 5px 5px #333;
	-khtml-box-shadow: 5px 5px 5px 5px #333;
}

.second_row_sm_buttons {
	margin-top:10px;
}

.google_plus_one
{
	float:left;
	padding-left:3px;
}

.tweet_share_button_jal
{
	float:left;
	padding-top: 2px;
}

.tweet_follow_button_jal
{
	float:left;
	padding-top: 2px;
	padding-left: 4px;
}

.facebook_comments_jal
{
	margin-top:30px;
}

.fbFeedbackContent
{
	border-color:#f00;
}

.fbFeedbackContentHeader 
{
	border-color:#f00;
}


.presentationElementLine {
	padding-top: 20px;
	display: flex;
	flex-direction: column;
	clear: both; /* prevent floating images from above from encroaching on line below */
	/* note: extra margins are added in common_elements_v2.css */
}

.presentationElementLineUpper {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.presentationElementLineUpperElement {
	flex-basis: 100%;
	display: flex;
	justify-content: center;
}

.presentationElementLineUpperElement div {
	/* removed style coded width in px */
}

.presentationElementLineLower {
	display: flex;
	justify-content: center;
}

.presentationElementTableCaption {
	flex-basis: 100%;
	text-align: center;
}

.presentationElementTableCaption div {
	/* removed style coded width in px */
}

.presentationTrackmapWrapper {
	width: 100%;
	margin-left: 5px;
	margin-right: 5px;
}

/* hike data display css */

.presentationHikeDataDisplay {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

.presentationHikeDataDisplayTitle {
	display: flex;
	justify-content: center;
	margin-top: 25px;
	font-weight: bold;
}

.presentationHikeDataDisplayData {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.presentationHikeDataDisplayColumn1 {
	margin-top: 10px;
	margin-right: 10px;
}

.presentationHikeDataDisplayColumn2 {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.presentationHikeDataDisplayColumn3 {
	margin-top: 10px;
	margin-left: 10px;
}


.presentationHikeDataDisplayCustomColor {
	display: flex;
	justify-content: center;
	align-items: baseline;
	font-size: 0.7em;
}

.presentationHikeDataDisplayCustomColor span {
	width: 50px;
	height: 10px;
	display: block;
	margin-left: 5px;
	margin-right: 5px;
}

.phddLabel {
	font-size: 0.8em;
}

.phddData {
	font-weight: bold;
}

.phddSuffix {
	font-size: 0.7em;
}