@charset "UTF-8";
/* CSS Document */


/* +++++++++++++++++++++++++++++ */
/*	listFrame Objects			 */
/* +++++++++++++++++++++++++++++ */
.listFrameHeadings {
	color: var(--dominantColor);
	font-size: 1.1em;
	letter-spacing: 0.09em;
	text-align:center;
	margin:2px 0px 5px 0px;
	font-weight:bold;	
}


.listFrameName	{
display: block;
font-size: 0.8em;
line-height: 1.1em;
}

/*List Frame Description, e.g., deadline */
.listFrameDesc	{
margin: 0px 0px 10px 0px;
font-size: 0.7em;
line-height: 100%;
color: var(--submediantColor-light);

}

/*icons in the listframe -- using Fontawesome */	
.listFrameIcon	{
	color: var(--dominantColor);
	font-size: 0.9em;
	margin: 0px 2px 2px 0px;
}	
	.fa-gavel.listFrameIcon 	{	/*JudgingRound available: */
	color: var(--dominantColor);
	}
	
	.fa-exclamation.listFrameIcon { /*Submission incomplete */
	color: var(--dominantColor);
	}
	
	.fa-bullhorn.listFrameIcon 	{ /*Announcement available: */
	color: var(--dominantColor);
	}
	
/* +++++++++++++++++++++++++++++ */
/*Category ListFrame */
/* +++++++++++++++++++++++++++++ */

.categoryListFrameWrapper {
/*
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center; 
	align-content: center;
	background: #fff;
		
	width: 180px;
	
	line-height: 18px;
	
	margin: 5px 10px 20px -10px;
	padding: 5px 10px 10px 10px;
	height: 230px;
	overflow:hidden;
	
	border: 1px solid var(--mediantColor-dark);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	*/
}

.categoryListFrameContainer{
	background: #fff;
	justify-content: center;
	line-height: 18px;
	overflow: hidden;
	height: 200px;
}

.categoryListFrame {
/*
align-self: center;
align-self: center;
height: 80%;
flex-grow: 1;
*/
}


.categoryListItemImage img {
width: 100%;
height: 100px;
object-fit: contain;
align-self: center;
overflow: hidden;
}

.categoryListItemName {
color: var(--dominantColor-dark);
margin: 0;
}

.categoryListItemDeadline{
color: var(--submediantColor-light);
font-size: 0.6em;
}
	.categoryListItemDeadline::before {
		content: "Deadline: ";
	}
		
.categoryListSmall {
	align-self: flex-end;
	color: var(--submediantcolor-dark);
	font-size: 0.6em;
	margin-bottom: 1px;

}


/* +++++++++++++++++++++++++++++ */
/* Notification ListFrame	     */
/* +++++++++++++++++++++++++++++ */

/*
<!--
	var $notificationID; // unique identifier
	var $creatorID;
	var $avatarID;
	var $actionObjectID;
	var $actionObjectType;
	var $notificationDate;
	var $customContent;
	var $extraInfo;
 -->

*/


#notificationListFrame {
/*	
	background: #fff;
	
	float:right;
	width: 180px;
	display:block;
	
	line-height: 18px;
	
	margin: 5px 10px 10px 0px;
	padding: 5px 10px 10px 10px;
	height: 260px;
	overflow:auto;
	
	border: 1px solid var(--mediantColor-dark);
	margin-left: 15px;
	margin-bottom: 15px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	*/
	
}

.notificationsListFrameContainer {
	height: 200px;
	overflow:auto;
}

	/*only display the elements we want to display */
	div#notificationListFrame div#notificationID {display:none; visibility:hidden;}
	div#notificationListFrame div#creatorID {display:none; visibility:hidden;}
	div#notificationListFrame div#avatarID {display:none; visibility:hidden;}
	div#notificationListFrame div#actionObjectID {display:none; visibility:hidden;}
	div#notificationListFrame div#actionObjectType {display:none; visibility:hidden;}
	div#notificationListFrame div#notificationDate {display:none; visibility:hidden;}

	


/* +++++++++++++++++++++++++++++ */
/* Friend ListFrame	  		     */
/* +++++++++++++++++++++++++++++ */






/* +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++ */
/* objectLoads					*/
/* +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++ */

	/* Custom Tags		*/


/*Main holder: eg., Avatar, Works, etc... */
MA_listHolder{
	margin:0;
	padding:0;
	
}



/*listItem: eg., a specific work and its attributes */
MA_listItem {	
	margin:0;
	padding:0;	
}


		div#listItemBorder979090 {
			display: block;
			overflow:hidden;
			border: 1px solid #979090;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
	
			padding: 8px;
			
			
		}


/*listItemAttribute: eg., workID, Composer */
MA_listItemAttribute {	
	margin:0;
	padding:0;	
}

		
			
			.ObjectShowImage {
				float: left;
				margin: 5px 20px 10px 0px;
				border: 1px solid #833D3D;
			}

			.ObjectShowHeading {
				margin: 15px 0px 0px 0px;
				color: #833D3D;
				font-size: 1.4em;
				letter-spacing: 0.09em;
				padding: 5px;
				font-weight:bold;
			}