div.page_content_outer {
	display:inline-block;
	width:100%;
	margin-top:0.5pc;
	margin-bottom:0.5pc;
	padding-left:1pc;
	padding-right:1pc;
}

div.page_content_inner {
	width:100%;
}

div.content_package_outer {
	width:100%;
	border-style:solid;
	border-radius:0.5pc;
	border-color:Grey;
	border-width:1px;
	background:#ddd;
	color:Black;
	margin-bottom:0.25pc;
}

div.content_package_outer:hover {
	background:SkyBlue;
	color:White;
}

div.content_package_inner {
    display:inline-block;
	padding-left:1pc;
	padding-right:1pc;
	padding-top:0.5pc;
	padding-bottom:0.5pc;
}

div.content_package_with_img {
	display:grid;
	grid-template-columns: auto 8.5em;
}

div.content_image_outer {
    display:inline-block;
	width:100%;
	height:6em;
	padding:0.25em;
}

div.content_image_inner img {
	width:100%;
	height:auto;
	max-height:100%;
}

span.content_package_caption {
	display:inline-block;
	width:100%;
	font-size:larger;
	Color:DarkBlue;
}

span.content_package_description {
	display:inline-block;
	margin-top:0.25pc;
	width:100%;
	font-style:italic;
	color:black;
}

span.content_package_policy,
span.content_package_oss {
	display:inline-block;
	width:100%;
	font-size:smaller;
	font-style:italic;
	color:#200;
}

span.content_package_oss {
	color:green;
}

span.content_package_modified, span.content_package_version {
	display:inline-block;
	font-size:smaller;
	font-style:italic;
}

span.content_package_modified {
	margin-right:1pc;
}

span.modified_text, span.version_text {
	color:grey;
}

span.modified_data1, span.version_data1 {
	color:black;
}


@media screen and (max-width: 799px) {
	div.content_package_with_img {
		grid-template-columns: auto 18%;
	}
}

@media screen and (max-width: 639px) {

	div.content_package_with_img {
		grid-template-columns: auto;
	}

	div.content_image_outer {
		display:none;
	}
}
