.document-subdocuments {
	clear: both;
	float: left;
	margin-top: 20px;
	margin-left: 10px;
	width: 980px;
}

.subdocument {
	background: rgb(241,245,206);
	background: rgba(204,236,37,0.2);
	background: #eee;
	box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.4);	
	-moz-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.4);	
	-webkit-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.4);	
	float: left;
	display: inline;
	margin: 0 10px 20px 10px;
	border: 1px solid rgb(151,141,0);
	border: 1px solid rgba(151,141,0,0.5);
	border: 1px solid #ccc;
	width: 218px;
	height: 194px;
	/* TODO */ overflow: hidden;
}

.document-subdocuments .targeting-hover {
	cursor: pointer;
	border-color: #ce007b;
}

.document-subdocuments .subdocument-with-image {
	width: 458px;
}

.subdocument img {
	margin: 15px 15px 10px 0;
	float: right;
}

.subdocument-description {
	width: 200px;
	height: 177px;
	float: left;
	padding: 10px;
	background-color: #fdfdfd;
	border-right: 1px solid #ddd;
}

.subdocument h3 {
	margin: -10px -10px 5px -10px;
	padding: 10px 10px 7px 10px;
	background: transparent url(../img/modal-box-head-bg.png) no-repeat left bottom;
	border-bottom: 1px solid #ddd;
}

.subdocument h3 a {
	color: #333;
}

.targeting-hover h3 a {
	color: #c73485;
}