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%;
	margin-bottom:0.25pc;
}

div.content_package_inner {
    overflow:hidden;
	width:100%;
	border-style:solid;
	border-radius:0.5pc;
	border-color:Grey;
	border-width:1px;
}

table, th, td {
	border-collapse: collapse;
}

table {
	width:100%;
}

tr {
	vertical-align:top;
}

tr:nth-child(odd) {
	background:#eee;
}

tr:nth-child(even) {
	background:#ddd;
}

th, td {
	font-weight:normal;
	padding-left:1pc;
	padding-right:1pc;
	padding-top:0.25pc;
	padding-bottom:0.25pc;
}

th {
	border-right:solid;
	border-color:Grey;
	border-width:1px;
}

td {
	width:100%;
}

span.field_name {
	color:#444;
}

span.field_info {}

span.field_license {
	font-style:italic;
	color:#200;
}

span.field_license_oss {
	font-style:italic;
	color:green;
}

span.field_alert {
  color:#A00;
}

div.content_version_viewing_outer,
div.content_version_alternate_outer {
	padding-top:0.25pc;
	padding-bottom:0.25pc;
    font-size:smaller;
}

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

div.content_version_list_outer{
	width:100%;
	text-align:center;
}

div.content_version_list_inner{
	width:max-content;
    margin-left: auto;
    margin-right: auto;
	text-align:left;
	border-style:solid;
	border-radius:0.5pc;
	border-color:Grey;
	border-width:1px;
	background:#ddd;
	padding-top:0.25pc;
	padding-bottom:0.25pc;
}

span.content_package_modified, span.content_package_version {
	display:inline-block;
	font-style:italic;
	margin-left:1pc;
	margin-right:1pc;
	color:grey;
}

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

div.content_version_viewing_outer span.modified_data1,
div.content_version_viewing_outer span.version_data1,
div.content_version_viewing_outer span.content_package_modified,
div.content_version_viewing_outer span.content_package_version {
	color:#aaa;
}

div.content_pictures_outer {
	width:100%;
	margin-top:1pc;
	margin-bottom:1pc;
	text-align:center;
}

div.content_pictures_inner {
	display:inline-block;
	width:auto;
	border-style:solid;
	border-radius:0.5pc;
	border-color:Grey;
	border-width:1px;
	background:#aaa;
	color:Black;
	padding-top:0.25pc;
	padding-left:0.25pc;
	padding-right:0.25pc;
}

span.screenshot_thumbnail {
	display:inline-block;
	overflow:hidden;
	width:6em;
	padding-top:0.35pc;
	padding-bottom:0.15pc;
	padding-left:0.35pc;
	padding-right:0.35pc;
}

span.screenshot_thumbnail:hover {
	background:	SkyBlue;
}

span.screenshot_thumbnail img {
	width:100%;
	height:auto;
}

span.not_implemented {
	font-size:small;
	color:#733;
}

@media screen and (max-width: 640px) {
	th {
	  	font-size:small;
    	padding-left:0.75pc;
	    padding-right:0.75pc;
  	}
}

@media screen and (max-width: 500px) {
	th {
	  	font-size:x-small;
    	padding-left:0.5pc;
	    padding-right:0.5pc;
  	}
  	td {
  		font-size:smaller;
  	}
}