#observation_detail_lightbox
	{
    font-family: arial,helvetica,sans-serif;
    font-size: 1em;
    line-height: 1.3em;	
    padding:0px 5px 0px 5px;
    overflow:hidden;
	}

#observation_detail_lightbox h4
	{
	font-weight:normal;
    color:#fff;
	}

#observation_detail_imagebox img
	{
	width:320px;
	max-width:100%;
	max-height:100%;
	}


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


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


.clearfix::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
#observation_detail_imagebox dl {
    background-color: #fff;
    display: block;
    font-size: 0.8em;
    width: auto;
}

#observation_detail_imagebox dt {
    float: left;
    padding-top: 10px;
    cursor:pointer;
    width: 108px;
    background:#128916;
    color:#fff;
    min-height:35px;
    text-align:center;
}

#observation_detail_imagebox dd {
	color: #f00;
    line-height: 1em;
    margin-left: 122px;
    padding-top: 9px;
}


#observation_detail_lightbox table {
    margin-bottom: 18px;
    color:#fff;
    table-layout: fixed;
    display: table;
    overflow:hidden;
}
.m_lightbox_content table {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 5px;
}

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


@media only screen and (max-width: 500px)
{
#observation_detail_imagebox dt			{ width:100%;}
#observation_detail_imagebox dd 
	{
    color: #f00;
    float: none;
    margin:10px;
    margin-left: 0;
    text-align: center;
    }
}