/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
 * Provides the Community Profile related element class based definitions.  
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.Community td.Indicator
{
	width:				35%;
	max-width:			250px;
	padding: 			1rem 0.5rem 0.7rem 0.5rem;
	overflow: 			visible;
}
.Community td.Indicator a
{
	font-size:			1.2rem;
}
.Community td.Indicator .Measure
{
	padding: 			1px 0.5rem 0rem 0.5rem;
	font-style:			italic;
	font-size:			0.8rem;
	font-weight:		bold;
}

.Community td.Value,
.Community td.ComparisonClass
{
	font-size: 			1rem;
	text-align:			center;
	width:				70px;
	max-width:			100px;
}
.Community .ComparisonClass
{
	width:				90px;
	max-width:			100px;
	border-top:			1px solid white;
	border-left:		1px solid white;
}
.Community .ComparisonClass.Worse
{
	background-color: 	#c43629; /*red, gauge red: fa123f;, darker gauge red: #c43629, blendy d62b2b */
	color: 				#fff;
}
.Community .ComparisonClass.Below
{
	background-color: 	#f7f793; /* yellow dacf62 f7f793 */
	color:				black;
}
.Community .ComparisonClass.Similar
{
	background-color: 	#f7f793; /* transparent, gauge yellow: #c8de0f, gauge brighter: #f8f933, bleandy yellow: f7f793, blend: #d8d8d8 */
	color: 				black;
}
.Community .ComparisonClass.Above
{
	background-color: 	#ccec79; /* light green */
	color:				#333;
}
.Community .ComparisonClass.Better
{
	background-color: 	#08a420; /* green, Gauge green: #08a420, blendy: #2fb72f;, another: #3a7f3a; */
	color: 				#fff;
}

.Community .ComparisonClass.NoComparisonValue,
.Community .ComparisonClass.NoLimits,
.Community .ComparisonClass.NoDesirableValue
{
	font-size: 0.8rem;
}


/* */
.Community table.Info
{
	margin-top: 		var(--block-spacing);
	table-layout: 		auto;
}
.Community .Info td 
{
	width:				100px; 
	max-width:			120px; 
    vertical-align: 	middle;
}
.Community table.Info .Indicator
{
	width:				40%;
	max-width: 			500px;
	background-color: 	#e4e4e4;
}



.Community #content footer.Comparison
{
	margin-top:			0.5rem;
	padding:			2px 8px 0px 0px;
	font-size:			0.75em;
	color:				#808080;
	text-align: 		left;
}
.Community .Footnotes li
{
}


.Community .Overview 
{
	margin-top: 		24px;
	vertical-align: 	top;
	max-width: 			60%;
	min-width: 			300px;
}
.Community .Overview img
{
	display: 			inline-block;
	float: 				left;
	padding-right: 		16px;
}

.Community .Overview, .GoogleMap {display: inline-block;}
.Community .GoogleMap 
{
	max-width: 			30%;
	min-width: 			300px;
	padding: 			16px 32px 0 32px;
}

.Community table.Info, 
.Community .Note
{
	margin-top: 24px;
}
.Community .Note ul
{
	list-style: none;
}




@media print 
{
	hr.ReportSeparator, .PageBreakBefore
	{
		position: 			relative;
		page-break-before:	always;
		page-break-inside:	avoid;
	}

	.QuickFactsCommunitySelector
	{
		display:		none;
	}
}

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