/* CSS Document */

/*GALLERY CONTAINER CODE*/

.popup_div {/*Container*/
position: relative;
margin: 0;
background: #E8B36D;
width: 412px;
text-align: center;
padding-top: 10px;
padding-bottom: 5px;
}

.popup img{/*thumbnail*/
border: 1px solid #E8B36D;
}

.popup:hover{
 background-color: transparent;/*IMPORTANT! For some reason without this hover image won't show up in IE*/
}

.popup:hover img{ /*hovered thumbnail*/
border: 1px solid #ED5A79;
}

.popup span{ /*enlarged image + text*/
position: absolute;
background-color: #73B769;
visibility: hidden;
color: white;
text-decoration: none;
left: 0px;
bottom: 87px;
margin: 0;
padding: 5px;
}

.popup span img {/*enlarge image*/ 
}

.popup:hover span{ /*enlarged image + text*/
visibility: visible;
width: 402px; /*For IE to display caption along whole length of picture*/
}

.popup:hover span img{ /*enlarged image*/
text-decoration: none; 
border: 1px solid #385A6B;
display: block; /*for IE to always show caption under image*/
margin-bottom: 5px; /*for space below image above caption*/
}

.popup_div2 {/*Container*/
position: relative;
margin: 0;
background: #E8B36D;
width: 250px;/*Necessary for IE*/
padding: 15px;
font-size: 1.1em;
}

*html .popup_div2 {
  font-size: 1em;
}

.popup_div2 a.popup {
display: block;
color: #385A6B;
text-decoration: none;
}

.popup_div2 .popup span {
top: 7px;
left: 130px;
color: #385A6B;
background-color: transparent;
}