.container
{
	
}

#topDiv
{
	display: inline-block;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
	border-bottom: 2px solid #999999;
	box-shadow: none;	
}

h1
{
	font-size: 18pt;
	font-family: montserratregular;
	padding-top: 20px;
	text-shadow: none;
	text-transform: uppercase;
}

#communityfeaturesdiv
{
	float: right;
	width: 280px;
	text-align: left;
	vertical-align: top;
}
		

#navigationBar
{
	display: inline-flex;
	box-sizing: border-box;
	width: 100%;	
	flex-direction: row;
	justify-content: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
	padding-top: 20px;
	padding-bottom: 10px;
	gap: 10px;
	text-align: center
}

#navigationSelectBox
{
	display: none;
	width: 80%;
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 10px;
	font: 14pt arial;
	border: 1px solid #999999;
	box-shadow: 0px 5px 8px #AAAAAA;
	overflow: hidden;
}           
		
.navigationItem,
.navigationItem:active,
.navigationItem:link,
.navigationItem:visited,
.navigationItem:hover
{
	display: inline-block;
	padding: 8px;
	font-size: 10pt;
	font-family: avenir, helvetica, cabin, oswald, arial;
	word-spacing: 0px;
	color: #444444;
	text-shadow: none;
	border: 1px solid #999999;
	border-radius: 4px;
	line-height: 100%;
}       
.navigationItem:hover
{
	background-color: rgba(0,0,0,0.025);
	border: 1px solid #444444;
}

.navigationItem.navigationhighlighted
{
	padding: 7px;
	color: #FFFFFF;
	background-color: #444444;
	border: 2px solid #444444;
}

#textTop
{
	display: inline-block;
	width: 100%;
	font-size: 11pt;
	font-family: avenir, arial;
	padding-top: 15px;
	text-align: left;
	line-height: 140%;	
}

#tableDiv
{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #999999;
	margin-top: 30px;
}

#tableHeaderDiv,
.tableRowDiv
{
	display: inline-flex;
	box-sizing: border-box;
	width: 100%;
	flex-direction: row;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
	padding: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 11pt;
	font-family: avenir, arial;
	gap: 20px;
}

#tableHeaderDiv
{
	position: sticky;
	top: 0px;	
	color: #FFFFFF;
	background-color: #444444;
}

.tableRowDiv
{
	padding-top: 25px;
	padding-bottom: 25px;
}

.tableRowDiv:nth-of-type(2n + 1)
{
	background-color: #FAFAFA;
}

.tableRowDiv:nth-of-type(n + 3)
{
	border-top: 1px solid #DDDDDD;
}

.tableElement
{
	display: inline-block;
	flex-grow: 0;
	flex-shrink: 0;
}

.tableElementTime
{
	width: 140px;
	font-size: 10pt;
	overflow: hidden;
}

.tableElementMember
{
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 15px;
	width: 180px;
	flex-grow: 0;
}

.tableElementActivity
{
	width: 120px;
	font-size: 10pt;
	overflow: hidden;
	flex-grow: 0;
}

.tableElementDescription
{
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 20px;
	width: 140px;
	flex-grow: 1;
}

.activityMemberImage,
.activityTargetImage
{
	display: inline-block;
	max-width: 60px;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	box-shadow: 0px 8px 8px -5px #AAAAAA;	
}

.activityMemberName
{
	display: inline-block;
	box-sizing: border-box;
	font-size: 10pt;
	font-family: avenir, arial;
	color: #444444;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: wrap;
}

.activityDescriptionLink,
.activityDescriptionLink:active,
.activityDescriptionLink:link,
.activityDescriptionLink:visited
{
	font-size: inherit;
	font-family: inherit;
	color: inherit;
	text-decoration: none;
}

.activityDescriptionLink:hover
{
	text-decoration: underline;
}

@media screen and (max-width: 1000px)
{
	.tableElementActivity
	{
		display: none;
	}
}

@media screen and (max-width: 600px)
{
	
	#topDiv
	{
		padding-top: 0px;
	}	
	
	h1
	{
		width: 100%;
		text-align: center;
	}

	#communityfeaturesdiv
	{
		display: none;
	}

	#delete_navigationBar
	{ 
		display: none;
	}

	#delete_navigationSelectBox
	{
		display: inline-block;                  
	}   
	
	#navigationBar
	{
		overflow: hidden;
		overflow-x: scroll;
		white-space: nowrap;
		flex-wrap: nowrap;
	}
	
	.navigationItem,
	.navigationItem:active,
	.navigationItem:link,
	.navigationItem:visited,
	.navigationItem:hover
	{
		font-size: 9pt;
	}
	
	#textTop
	{
		display: none;
	}

	.tableElementTime
	{
		width: 70px;
		overflow: hidden;
	}

	.tableRowDiv .tableElementTime,
	.tableRowDiv .tableElementDescription
	{
		font-size: 9pt;
	}

	.activityMemberImage,
	.activityTargetImage
	{
		max-width: 40px;
	}

	.tableElementMember
	{
		display: none;
	}
}