#heading_container {
	padding:0px;
	margin-bottom:10px;
	color:#006;
}
#page_container {
	padding:15px;
	padding-top:0px;
	padding-bottom:0px;
	position:relative;
}
#left_container {
	width:70%;
	float:left;
}
#right_container {
	width:30%;
	float:left;
}
#top_container {
	position: relative;
	clear:both;
}
#bottom_container {
	position: relative;
	clear:both;
}
#flaremap_treemap {
	float:left;
}
#flaremap_panel1, #flaremap_panel2, #flaremap_panel3, #flaremap_panel4 {
	width:100%;
	float:left;
}
#flaremap_panel4, #flaremap_treemap {margin-right:15px;}
.panel_style, .panel_style2 {
	position:relative;
	margin-bottom:10px;
	padding:15px;
	padding-top:5px;
	font-family:sans-serif; 
	font-size:11px; 

	background:#F5F5F5;
	background: linear-gradient(#F5F5F5, #E4E4E4);
	
	border: 1px solid  #CECECE;
	border-radius: 3px;
	//box-shadow: 0 3px 6px rgba(0, 0, 0, 0.65);
}
.panel_style2 {
	background: #fff;
	padding:0px;
	border: none;
	border-radius: 3px;
}
#panel3_heading {
	position:absolute;
	top:10px;
	left:15px;
	width:calc(100% - 30px);
}
.panel_title {
	width:100%;
	padding-top:2px;
	padding-bottom:7px;
	font-size:14px;
	font-weight:bold;
	color:#222;
	white-space: nowrap;
	cursor:default;
	text-align:left;
	color:#000;
}
.panel_zoom_icon {
	margin-left:10px;
	padding-left:28px;
	background-image:url(../images/magnifying_glass.png);
	background-size: 13px 13px;
	background-repeat:no-repeat;
	background-position: 5px 4px;
	white-space: nowrap;
	cursor:pointer;
	font-size:12px;
	vertical-align: top;
	text-align:left;
}
#div_dark_modal_bg {
	position: fixed;
	display:none;
	z-index: 5000;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.8;
}
#a_modal_close_button, #a_modal_close_button_full {
	position: fixed;
	display:none;
	z-index: 6100;
	color: #dd0000;
	background:#fff;
	border:1px solid #ccc;
	text-align:center;
	vertical-align: middle;
	height:38px;
	line-height:38px;
	width:40px;
	border-radius: 4px;
	text-decoration:none;
	font-family:Arial, sans-serif;
	font-size:26px;
	font-weight:normal;
}
#a_modal_close_button_full {background:none; border:none; border-radius: 0px; height:34px; line-height:34px; width:36px;}
#a_modal_close_button:hover, #a_modal_close_button_full:hover {
	background:#dd0000;
	border-color:#dd0000;
	color:#fff;
}

.currently_modal {padding:15px; padding-top:10px; border-radius:5px;}
.currently_modal_full {border-radius:0px;}

#panel1_chart, #panel2_chart, #panel3_chart, #panel4_chart {
	width:100%;
	height:100%;
	overflow:hidden;
}
#panel4_chart { background:#fff;}

.scrollup_button, .scrollup_button:link, .scrollup_button:visited, .scrollup_button:active {
	padding:2px 6px 2px 6px;
	margin-bottom:3px;
	background: #fff;
	border:1px solid #ddd;
	color:#000;
	font-size:13px;
	text-decoration:none;
	border-radius:3px;
	display:none;
}
.scrollup_button:hover {
	background: #fafafa;
}
#scroll_to_charts {
	display:none;
	position:absolute;
	right:0px;
	top:80px;
	padding:4px;
	font-size:16px;
	font-weight:bold;
	font-family: sans-serif;
	text-align:center;
	color: #000;
	background-color:#ddd;
	background: linear-gradient(#eee, #bbb);
	border:1px solid #555;
	border-right:none;
	border-radius:3px 0px 0px 3px;
	opacity: 0.8;
	z-index:100;
}
#scroll_to_charts:link {
	text-decoration:none;
}
#scroll_to_charts:hover {
	opacity: 0.9;
}
#disclaimer {position: absolute; bottom:5px; padding-left:15px; padding-right:15px; font-family:sans-serif; font-size:10px; color:#333;}
.pageflowspacer {display:none;}


/*Tablet landscape*/
@media screen and (max-width: 1199px) {
#left_container, #right_container {width:100%;}
#flaremap_panel4, #flaremap_treemap {margin-right:0px;}
#flaremap_treemap {padding:10px;padding-top:0px;}
.scrollup_button, .scrollup_button:link, .scrollup_button:visited, .scrollup_button:active, .scrollup_button:hover {display: block;}
#scroll_to_charts {display:block;}
#disclaimer {position: relative;}
.pageflowspacer {display:block;}
}

/*Tablet portrait*/
@media screen and (max-width: 991px) {
}

/*Phone landscape*/
@media screen and (max-width: 768px) {
}

/*custom*/
@media screen and (max-width: 500px) {
}
/*Phone portrait*/
@media screen and (max-width: 435px) {
}

/*Extreme narrow*/
@media screen and (max-width: 340px) {
.back_text {display:none;}
}



/*NAVBAR HEADING  STYLES*/
.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}

#gallery_navbar_table {
	width:100%;
	position:relative;
}
.backtogallery a {
  color:#666;
}
.gallerycontact a {
  color:#333;
}
.backtogallery a, .gallerycontact a {
	text-decoration:none;
}
.backtogallery a:hover, .gallerycontact a:hover {
	text-decoration: underline;
}
.navbar-brand {
	height:auto; float:left; padding-right:30px; padding-top:10px;padding-bottom:10px;
}
.navbar-brand img {
	height:65px;
}
.backtogallery {
	padding-top:22px; font-size:11px;
}
#contact_small {
	display:none;
}

@media screen and (max-width: 768px) {
	.navbar-brand {
		padding-right:20px;
	}
	#contact_and_addthis {
		display:none;
	}
	.navbar-brand img {
		height:55px;
	}
	.backtogallery {
		padding-top:0px;
	}
	#contact_small {
		padding-top:13px;
		padding-bottom:6px;
		display:block;
	}
	h3 {font-size:18px;}
}
@media screen and (max-width: 435px) {
	h3 {font-size:15px;}
}
/*END NAVBAR HEADING  STYLES*/
