/* Mainly used for topic intro page IP, Q, Links selections */
html.Aside #content #contentSections
{
	width: 				calc(100% - 400px - 2em);
	max-width: 			700px;
}


#content .Aside 
{
	position:			relative;	/* needed for menu to be able get local relative position info */
	float: 				right;
	width: 				calc(100% - 70ch);
	min-width: 			250px;
	max-width: 			350px;
}


#content .Aside > .Container
{
	display: 			inline-block;
	margin:				1em 0 1em 0;
	width:				100%;
	background-color:	#eee;
}
#content .Aside > .Container
{
	padding: 			0;
}
#content .Aside > .Container:first-of-type
{
	margin-top:			0;
}

#content .Aside > .Container h3
{
	background-color: 	var(--block-header-background-color);
	color: 				white;
	margin: 			0;
	padding: 			1.2rem 1rem 1rem 1.2rem;
	min-height: 		40px;
	font-weight:		normal;
	font-size:			1.1em;
}


#content .Aside > .Container > *:not(h3)
{
	margin: 			var(--block-spacing);
}
#content .Aside > .Container h4
{
	margin-top: 		0.5em;
	font-weight:		600;
}
#content .Aside > .Container h4 + ul
{
	margin-top: 		0;
}
#content .Aside > .Container h5
{
	margin-top:			0.5em;
	font-size:			1rem;
}



#content .Aside .Selections.Scroll
{
	background-color: 	#eee;
	overflow:			auto;
}
#content .Aside .Selections.Scroll ~ button
{
	display:			inline-block;
	margin-top: 		0;
	padding:			6px 16px;
	height:				3rem;
}
#content .Aside .Selections ~ button
{
	display:			none;
}
#content .Aside .Selections ~ button.MoreDetails
{
	display: 			block;
	padding:			6px 16px;
	height:				3rem;
	margin: 			8px 0 8px 0;
}


#content .Aside h3 .Help.Popup .Container .Content 
{
	min-width: 			250px;
    max-width: 			350px;
    max-height: 		400px;
}

#content .Aside h3 .Help.Popup:hover .Container, 
#content .Aside h3 .Help.Popup:active .Container, 
#content .Aside h3 .Help.Popup:focus .Container 
{
	left:				-350px;
}

/*============================ End of Style Sheet ============================*/