/*********************************************************************************/
/* lightbox                                                                       */
/*********************************************************************************/
.no_scroll {overflow: hidden;}
.m_lightbox_title
	{
	color:#383636;
	background:#b9deef;
	padding:5px;
	font-size: 1.2em;
	padding-left:10px;
	border-bottom:1px solid #666;
	}

.tips
	{
	color:#f26d39;
	background:#fff !important;
	text-align:center;
	}

.tips h2				{ margin-bottom:0px; }

.tips p
	{
	font-weight:bold;
	font-size:0.8em;
	color:#000;
	}

.m_lightbox_content
	{
	padding:10px;
	overflow:hidden
	font-size:0.9em;
	}

.m_lightbox_content table
	{
	padding:5px;
	background:none;
	}

.m_lightbox_content img {
	border: 2px solid #959595;
	}

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


.m-lightbox-photo			{ max-width:100% !important; }

.m_lightbox_close_button
	{
	background: url('/grfx/close_overlay.png') no-repeat;
	display:block;
	width:16px;
	height:16px;
	text-indent:-9999px;
	}

#m_lightbox
	{
	display:none;
	position: absolute;
	width:700px;
	margin-left:-175px;
	top: 20%;
	left: 40%;
	background-color:white;
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.9);
	padding-bottom:5px;
	border:1px solid #666;
	z-index:99999;
	min-height:450px;
	overflow:hidden;
	}

.ol-overlaycontainer
	{
	cursor:pointer;
	display:block;
	}

#m_lightbox_overlay
	{
	display:none;
	position: absolute;
	width:100%;
	height:100%;
	background-color:black;
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.5);
	z-index:99998;
	}

.m_lightbox_close_button
	{
	display: inline-block;
	right: 10px;
    top: 8px;
	position: absolute;
	cursor:pointer;
	}


#m_lightbox_scroller
	{
	position:fixed;
	overflow-y: auto;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0
	}

#m_lightbox_parent {display:none; position: fixed; z-index:8000; top:0}

#m_lightbox_dark
	{
	background-color: #000;
	opacity: 0.5;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0
	}


/* map tools */

.ol-control button {
	background: rgb(88, 188, 204);
	background: rgba(88, 188, 204, 0.7);
	}

.ol-control button:focus, .ol-control button:hover {
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.7);
	}


.popup-content li:hover {
    cursor: pointer;
    font-weight: bold;
}

h3#mlb_title
	{
	color: #fff;
    font-size: 0.95em;
    font-weight: normal;
    padding: 10px;
	}

/* map popup */
#popup {
    background: rgba(61, 110, 168, 0.8) none repeat scroll 0 0;
    border-bottom: 7px solid #fff;
    color: #fff;
    display: none;
    max-width: 600px;
    min-height: 20px;
    padding: 15px 15px 10px;
    position: relative;
    width: 250px;
	}

#popup ul 						{ margin-top:0px; margin-bottom: 0px; margin-left:0px; list-style:none; }

.popup-close {
	position: absolute;
	background:url(/grfx/popup_close.png) no-repeat;
	text-indent:-9999px;
	list-style:none;
	width:9px;
	height:13px;
	right: 15px;
	bottom: 15px;
	z-index: 1;
	cursor:pointer;
	}

.popup-content {
	font-size:0.9em;
	display: block;
	}

.popup-content dl:after {
	content:"";
	display:block;
	clear:both;
	height: 0;
	visibility: hidden;
	}

.info_window_image_container {
	width: 64px;
	margin-bottom: 18px;
	float: left;
	}

.info_window_image_container img {
	border: 1px solid #fff;
	width: 54px;
	height: 54px;
	}

#content .info_window_dataset {
	width: 230px;
	margin-bottom: 6px;
	overflow: hidden;
	}

.info_window_more_info {
	background-color: #007ba0;
	background-image: url(/grfx/signup-arrow.png);
	background-position: 95% center;
	background-repeat: no-repeat;
	font-size: 1.2em;
	width: auto;
	margin-top: 6px;
	padding: 3px 30px 3px 6px;
	display: inline-block;
	}

.info_window_more_info a {
	color: #fff;
	text-decoration: none;
	}


/* detail lightbox */
#observation_detail_lightbox {

	}

#observation_detail_lightbox table {
	margin-bottom: 18px;
	}

#observation_detail_lightbox table tr td:first-child {
	width: 190px;
	}

#observation_detail_lightbox table td {
	font-size: 0.8em;
	padding-bottom: 4px;
	vertical-align: top;
	}

#observation_detail_imagebox {
	float:right;
	max-width:50%;
	}

#observation_detail_imagebox dl {
	background-color: #fff;
	border: 1px solid #b9deef;
	font-size: 0.8em;
	width: 252px;
	display: block;
	}

#observation_detail_imagebox dt {
	width: 108px;
	padding-top: 10px;
	padding-left: 5px;
	float: left;
	}

#observation_detail_imagebox dt a {
	color: #fff;
	text-decoration: none;
	padding: 6px 6px 6px 24px;
	}

#observation_detail_imagebox dd {
	color: #f00;
	margin-left: 122px;
	}