/** Styles for light box **/
.lightBoxShadow{background-color: black; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; opacity: .5; filter: alpha(opacity=50);}

.lightBoxContainer{display:table;margin: 0px auto 0px auto;width:100%;height:100%;top:0px;left:0px;position: fixed;z-index: 10000;}

.lightBoxAlignment{display: table-cell;margin: auto;vertical-align: middle;text-align:center;z-index: 10000;}

.lightBoxContent{margin: auto; width: 432px;background-color: white;text-align:left;padding: 40px; border: 0px solid rgba(0, 0, 0, .7); z-index: 10000; border-radius: 3px; }

.important .lightBoxShadow{z-index: 10001;}

.important .lightBoxContainer, .important .lightBoxAlignment, .important .lightBoxContent{z-index: 10002;}

.lightBoxCloseBar{position:relative;}

.lightBoxCloseBar .closeButton{position: absolute;right: -34px;top:-34px;padding: 8px; background-color: #FFF;font-weight: 700;font-size: 1.2em; border:1px #FFF solid; border-radius:3px; -moz-border-radius:3px;}

.lightBoxContent img{display:block; margin-left:auto; margin-right:auto; max-width: 100%;}

.lightBoxContent img.tooltip{display:inline; margin-left:auto; margin-right:auto; max-width: auto;}

.lightBoxContent.media{display: inline-block;width:auto;}

/**
 * The Media Query below is used to enable
 * the LightBox to be responsive when view on
 * on a screensize 549px or less.
 **/
@media screen and (max-width: 549px) {
.lightBoxContent{
	width:auto!important;
	}

}