@charset "UTF-8";
img {
	border : 0;
	height: auto;
	width: auto\9; /* ie8 */
}
.image_section40 {
	float: left;
	width: 40%;
	margin-right: 10px;
}
.image_section50 {
	float: left;
	width: 50%;
	margin-right: 10px;
}
.image_section60 {
	float: left;
	width: 60%;
	margin-right: 10px;
}
@media only screen and (max-width: 480px) {
	.image_section40, .image_section50, .image_section60 { 
		width: 100%;
	}
}
.CollageLarge, .CollageAlign, .CollageLargeAlign, .CollageXtraLarge {
	margin: -5px 0 0 -5px;
	padding: 5px 0px 5px 5px; /* define how much padding you want in between your images */
}
.CollageLarge img, .CollageAlign img, .CollageLargeAlign img, .CollageXtraLarge img {
    margin:0;
    padding:0;
    display:inline-block;
	vertical-align: bottom; /* ensures padding at the bottom of the image is correct */
}
.image_zoom, .image_link, .image_wrapper {
    content:"";
    display:table;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 5px; /* this value must match image padding */
}
.image_section50 .image_zoom img, .image_section50 .image_link img, .image_section40 .image_zoom img, .image_section40 .image_link img, .image_section60 .image_zoom img, .image_section60 .image_link img {
    display: block;
}
.inlineImgeWrap { /* float left and non floated inline image wrap */
    display: block;
	margin: 0 0 5px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.inlineImgeWrapC { /* float left and non floated inline image wrap */
    display: block;
	margin: 0 auto 5px auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.inlineImgeWrapFR { /* float right inline image wrap */
	float: right;
	margin: 0 0 5px 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.inlineImgeWrapFL { /* float left and non floated inline image wrap */
	float: left;
	margin: 0 12px 5px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.inlineImgeWrapFR img, .inlineImgeWrapFL img, .inlineImgeWrap img, .inlineImgeWrapC img {
    display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@media only screen and (max-width: 480px) {
	.inlineImgeWrapFR, .inlineImgeWrapFL, .inlineImgeWrap, .inlineImgeWrapC { 
		width: 100% !important;
	}
}
/* the boxborderimg class is used to style images outside of collage plus */
.boxborderimg {
    display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.imgZoom, .imgLink {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
}
.imgZoom {
	background-image: url(../images/panelGraphics/imageZoom.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.imgLink {
	background-image: url(../images/panelGraphics/imageLink.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.img_margin {
	margin-bottom: 20px;
}