.postImages
	{
		font-size: 0;
		padding-top: 2px
	}
	.postImages img
	{
		max-height: 500px;
	}
	.attachmentsTitle
	{
		font-size: 14px;
		color:#013464;
		width: 100%;
		border-bottom: 1px solid rgb(157,176,194);
		padding-top: 35px;
		line-height: 30px;
	}
	.showMoreAttachments
	{
		display: inline-block;
		background: rgb(128,195,229);
		color:#fff;
		width: 171px;
		height: 38px;
		border-radius: 2px;
		text-align: center;
		line-height: 38px;
		cursor: pointer;
	}
	.showMoreAttachmentsObj
	{
		text-align: center;
		padding-top:10px;
	}
	.showMoreAttachments:hover
	{
		opacity: 0.7;
	}
	.showMoreAttachments:active
	{
		opacity: 0.9;
	}
	.postImages.collapsed
	{
		height: 400px;
		overflow: hidden;
		position: relative;
	}
	
	.postImages.shadow:after
	{
		pointer-events: none;
		content: '';
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		-webkit-box-shadow: inset 0px -28px 9px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow:    inset 0px -28px 9px 0px rgba(0, 0, 0, 0.25);
		box-shadow:         inset 0px -28px 9px 0px rgba(0, 0, 0, 0.25);
    }
    
    .postAttach
    {
	    width: 177px;
	    height: 175px;
	    display: inline-block;
	    text-align: center;
	    vertical-align: top;
	    text-decoration: none;
    }

    .postAttach span
    {
	    font: Verdana 14px;
	    color:#013464;
	    display: block;
	    text-align: center;
	    word-break: break-all;
	    padding-left: 20px;
	    padding-right: 20px;
	    padding-top: 13px;
	    line-height: 17px;
	    
	    overflow: hidden;
		text-overflow: ellipsis;
		max-height: 34px;
    }

    .postAttach img
    {
	    margin-top: 38px;
    }
    .postAttach:hover
    {
	    background: rgb(239,239,240) !important;
    }
    .filesAttachments
    {
	    padding-top: 3px;
    }
    .filesAttachmentsLine
    {
	    border-bottom: 1px solid rgb(157,176,194);
	    margin-top: 25px;
    }
    .lightbox
    {
	    position: fixed;
	    top:0px;
	    left:0px;
	    right: 0px;
	    bottom: 0px;
	    background: rgba(22,25,32,0.95);
	    -webkit-user-select: none;
	    user-select:none;
		z-index:9999;
    }
    .lightbox .close
    {
	    width: 68px;
		height: 68px;
		background: rgb(27,30,37) url(../images/close_image.png) no-repeat;
		background-size: 28px 28px;
		background-position: 20px 20px;
		float:right;
		cursor: pointer;
    }
    .lightbox .close:hover
    {
	    background-image: url(../images/close_image_hover.png);
    }
    .lightbox .prevImage
    {
	    width: 67px;
	    height: 120px;
		background: rgb(27,30,37) url(../images/prev_image.png) no-repeat;
		background-size: 28px 75px;
		background-position: 15px 23px;
		position: absolute;
		top:40%;
		cursor: pointer;
    }
    .lightbox .nextImage
    {
	    width: 67px;
	    height: 120px;
		background: rgb(27,30,37) url(../images/next_image.png) no-repeat;
		background-size: 28px 75px;
		background-position: 22px 23px;
		position: absolute;
		top:40%;
		right:0px;
		cursor: pointer;
    }
    .lightbox .prevImage:hover
    {
		background-image: url(../images/prev_image_hover.png);
    }
    .lightbox .nextImage:hover
    {
	    background-image: url(../images/next_image_hover.png);
    }
    .lightbox .bottomElements
    {
	    font-size: 10px;
		position: absolute;
		bottom: 17px;
		right: 0px;
		color: #fff;
    }
    .lightbox .imageOf, .lightbox .openOriginal
    {
	    display: inline-block;
	    margin-right: 20px;
    }
    .lightbox .openOriginal a
    {
	    color:#fff;
    }
    
    .lightbox .mainImage
    {
	    position: absolute;
	    cursor:pointer;
    }

	.stretchBackground
	{
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	    background-position: center center;
	    margin:1px;
	    width: 100%;
	    height: 100%;
	}
	
	.oneImage
	{
		display: inline-block;
		width: 100%;
		height: 400px;
		margin-bottom: 2px;
	}
	.twoImages
	{
		display: inline-block;
		width: 50%;
		height: 200px;
		margin-bottom: 2px;
	}
	.twoImages:first-child
	{
    	width: -webkit-calc(50% - 2px);
		width: calc(50% - 2px);
		padding-right: 2px;
	}
	.fourImages
	{
		display: inline-block;
		width: 25%;
		height: 150px;
		margin-bottom: 2px;
	}
	.fourImages:not(:last-child)
	{
    	width: -webkit-calc(25% - 2px);
		width: calc(25% - 2px);
		padding-right: 2px;
	}
	
	.stretchBackground:hover
	{
		-webkit-filter: brightness(80%);
		filter: brightness(80%)
	}