/*
===================================
STYLING FOR (PORTRAIT?) COLORED BOXES
===================================
*/

.containerbox {
	float: left;
	clear: both;
	width: 500px;
	border: 1px solid var(--color-grey-dark);
	padding: 10px 10px 10px 6px;
	border-radius: 16px;
}

.insideboxtitle {
	font-family: var(--font-serif);
	font-size: 1.4em;
	font-variant: small-caps;
	float:left;
	clear:none;
	margin: 0 0 0 20px;
	padding: 4px 4px 6px 5px;
	color:  #333; /* Was #6A6A6A; */
	margin-top: 0;
}

/* Used for titles of un-enlarged colored fields on portraits.php */
.resultsdiv .insideboxtitle, .resultsdivforcebottom .insideboxtitle {
	margin-top:2px;
	margin-left:2px;
	padding:2px;
	font-size:.9em;
}

/* Used for titles of enlarged colored fields on portraits.php */

.hover .insideboxtitle {
	margin-top:2px;
	margin-left:2px;
}

.closeme {
	float:right;
	clear:none;
	font-size:10px;
	text-align:right;
	line-height:10px;
	margin-left: 10px;
	margin-right:-2px;
	color:#444;
	text-decoration:none;
	cursor:pointer;
}

.insideboxbody {
	margin: 20px;
	padding: 5px;
	width: 450px;
	background: var(--color-blue-light); /* was #D7ECFF */
	border: 2px white solid;
	float: left;
	clear: both;
	border-radius: 4px;
}

.insideboxbody p:last-child {
	margin-bottom: 0;
}

.clearbreak {
	clear: both;
}