/* Listing attachments in boxes format */

.listing-attachments-format-boxes .listing-attachment {
	float: left;
	padding-top: 5px;
	width: 48%;	
}

.listing-attachments-format-boxes .listing-attachment:nth-child(even) {
	float: right;
}

#sidebar .listing-attachments-format-boxes .listing-attachment,
#sidebar .listing-attachments-format-boxes .listing-attachment:nth-child(even) {
	float: none;
	width: 100%;
}

@media(max-width:768px){

	.listing-attachments-format-boxes .listing-attachment,
	.listing-attachments-format-boxes .listing-attachment:nth-child(even) {
		float: none;
		width: 100%;
	}
	
}

.listing-attachments-format-boxes .listing-attachment a.well {
	color: inherit;
	display: block;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
}

.listing-attachments-format-boxes .listing-attachment a.well:hover {
	text-decoration: none;
}

.listing-attachments-format-boxes .listing-attachment a i {
	font-size: 24px;
	margin-right: 10px;
	vertical-align: middle;
}

.listing-attachments-format-boxes .text-fadeout {
	background: -moz-linear-gradient(left,  rgba(245,245,245,0) 0%, rgba(245,245,245,0) 52%, rgba(245,245,245,1) 95%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(245,245,245,0)), color-stop(52%,rgba(245,245,245,0)), color-stop(100%,rgba(245,245,245,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(245,245,245,0) 0%,rgba(245,245,245,0) 52%,rgba(245,245,245,1) 95%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(245,245,245,0) 0%,rgba(245,245,245,0) 52%,rgba(245,245,245,1) 95%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(245,245,245,0) 0%,rgba(245,245,245,0) 52%,rgba(245,245,245,1) 95%); /* IE10+ */
	background: linear-gradient(left,  rgba(245,245,245,0) 0%,rgba(245,245,245,0) 52%,rgba(245,245,245,1) 95%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
	position: absolute;
    top: 0px;
    right: 0px;
    width: 50%;
    height: 100%;
}

/* Listing attachments in boxes format */

.listing-attachments-format-list ul {
	list-style: none;
	margin: 0;
	padding: 0 0 15px;
}

.listing-attachments-format-list .listing-attachment {
	margin-bottom: 5px;
}

.listing-attachments-format-list .listing-attachment a i {
	color: #444;
	font-size: 18px;
	margin-right: 10px;
	text-decoration: none;
	vertical-align: middle;
}

/* Text before/after listing attachments */

.listing-attachments-before,
.listing-attachments-after {
	clear: both;
	margin-bottom: 20px;
}

.listing-attachments-format-boxes .listing-attachments-after {
	padding-top: 5px;
}