/* ---------------------------------------------------------------------
 * Document	  :	umStyle.css
 * ---------------------------------------------------------------------
 * The compost table contains three entities.  The ReflexTable 
 * which houses the buttons for the user to react to the post
 * with.  The OldBizTable that contains compost already composted
 * i.e. posted and the NewBizTable - the mechanizm to create 
 * new compost.
 * ---------------------------------------------------------------------
 * Created	  :	2020-06-05
 * Author	  :	kennyl
 * Revised	  :	2021-11-16 added media rules and relative measurments
 * ---------------------------------------------------------------------
 */
.compostTable{
	width:100%;
}
	.compostTableRow{}
		.compostTableReflexTableCell{
			overflow-y:hidden;
			text-align:center;
			width:100%;
		}
			.CompostReflexTable{
				overflow-y:hidden;
				margin-left:auto;
				margin-right:auto;
				width:auto;
			}
				/* The Reflex Stats */
				.compostReflexTableStatRow{}
					.compostReflexTableDigitStatCell{
						/*background-color:#EFEFEF;*/
						border:none;
						border-radius:2.0em;
						padding-right:.5em;
						text-align:right;
					}
						.compostReflexTableDigitStat{
							font-size:1.0em !important;
						}
					.compostReflexTableCmentStatCell{
						/*background-color:#EFEFEF;*/
						border:none;
						border-radius:15px;
						text-align:center;
					}
						.compostReflexTableCMentStat{
							font-size:1.0em !important;
						}
					
					.compostReflexTableShareStatCell{
						/*background-color:#EFEFEF;*/
						border:none;
						border-radius:3.0em;
						text-align:left;
					}
						.compostReflexTableShareStat{
							font-size:1.0em !important;
						}
				/* The Buttons */
				.compostReflexTableOptionRow{}
					.compostReflexTableDigitOptionCell{
						height:2.0em;
						text-align:right;
						vertical-align:middle;
					}
						.compostReflexTableDigitButt{
							background-color:#6699FF;
							border:none;
							border-radius:.35em;
							color:#FFFFFF;
							font-family:comic sans ms;
							font-size:1.2em;
							height:1.4em;
							vertical-align:middle;
						}
					.compostReflexTableCmentOptionCell{
						height:2.0em;
						text-align:center;
						vertical-align:middle;
					}
						.compostReflexTableCmentButt{
							background-color:#6699FF;
							border:none;
							border-radius:1em;
							color:#FFFFFF;
							font-family:comic sans ms;
							font-size:1.2em;
							height:1.4em;
							vertical-align:middle;
						}
					compostReflexTableShareOptionCell{
						height:2.0em;
						text-align:left;
						vertical-align:middle;
					}
						.compostReflexTableShareButt{
							background-color:#6699FF;
							border:none;
							border-radius:.25em;
							color:#FFFFFF;
							font-family:comic sans ms;
							font-size:1.2em;
							vertical-align:middle;
						}
	/* compostTableRow */
		/** has the id extention -oldbiz-table-cell */
		.compostTableOldBizTableCell{
			height:100%;
		}
			/** Has the id extention -oldbiz */
			.compostOldBizTableContainer{
				overflow-y: hidden;
				transition-property: height;
				transition-duration: 0.5s;
				transition-timing-function: ease;
				transition-delay:0s;
				width:100%;
			}
				/** id extention -oldbiz-table */
				.compostOldBizTable{
					height:100%
				}
					/* this row has no class */
					.compostOldBizTableButtRow{}
						.compostOldBizTablePrevButtCell{
							padding-left:.5em;
							text-align:left;
						}
							.compostOldBizTablePrevButt{
								background-color:#6699FF;
								border:none;
								border-radius:3em;
								color:#FFFFFF;
								font-size:1.2em;
							}
						.compostOldBizTableMoreButtCell{
							padding-left:1.0em;
							text-align:left;
						}
							.compostOldBizTableMoreButt{
								background-color:#6699FF;
								border:none;
								border-radius:10px;
								color:#FFFFFF;
								font-size:1.2em;
							}
					.compostOldBizTableLiTableRow{}
						.compostOldBizTableLiTableCell{
							overflow-y: hidden;
							text-align:center;
							transition-property: height;
							transition-duration: 0.5s;
							transition-timing-function: ease;
							transition-delay:0s;
						}
							.compostOldBizTree{
								height:auto;
								list-style:none;
								list-style-position:inside;
								/*width:100%;*/
							}
								.compostOldBizTreeLI{}
									.compostOldBizLITable{}
										.compostOldBizLITableRow{
											line-height:1.0em;
										}
											.compostOldBizLITableProMaskCell{}
												.proMaskTable{}
													.proMaskTableProMaskRow{}
														.proMaskTableProMaskCell{}
															.proMaskTableProMask{
																border:none;
																border-radius:4.0em;
																height:3.5em !important;
																width:3.5em !important;
															}
													.proMaskTableRow{}
														.proMaskTableUserNameCell{}
											.compostOldBizLiTableCDataCell{
												text-align:left;
												/*width:90%;*/
											}
												/** The compostDataTable - houses the compost tree and two buttons*/
												.compostDataTable{
													width:25em;
												}
													.compostDataTableRow{}
														.compostDataTableCdataCell{
															background-color:#FFFFFF;
															border:none;
															border-radius:10px;
															padding-left:5px;
															padding-top:5px;
															text-align:left;

														}
														.compostDataTableCdata{
															font-size:1.8em;
														}
													compostDataTableButtsRow{}
														.compostDataTableButtsCell{}
															/* reaction table below each comment */
															.compostDataTableReactionTable{
																height:100%;
																text-align:center;
																width:100%;
															}
																.compostDataTableReactionTableRow{}
																	/* the comment index */
																	.compostReactButtonTableIndexCell{}
																		.compostReactButtonTableStat{
																			font-family:comic sans ms;
																			font-size:.8em;
																			text-align:left;
																			width:3.0em;
																		}
																	/*  DigIt count */
																	.compostReactButtonTableDigitButtCell{
																		height:5.5em;
																		width:2.5em;
																	}
																		.compostReactButtonTableDigitButt{
																			background-color:#6699FF;
																			border:none;
																			border-radius:5px;
																			color:#FFFFFF;
																			font-family:comic sans ms;
																			font-size:1.0em;
																			height:100%;
																			width:100%;
																		}
																	.compostReactButtonTableDigitStatCell{}
																	.compostReactButtonTableReplyButtonCell{}
																		.compostReactButtonTableReplyButton{}
																	.compostReactButtonTableTimeAgoCell{}
																		

																	
	
	/** NewBizTable - where the new comments (compost) is levied */
	.compostNewBizTableCell{
		text-align:center;
		/*width:500%;*/
	}
		.compostNewBizTableContainer{
			overflow-y: hidden;
			transform: translate(-50%, -50%);
			transition-property: height;
			transition-duration: 0.5s;
			transition-timing-function: ease;
			transition-delay:0s;
			/*width:500px;*/
			width:100%;
		}
			.compostNewBizTable{
				width:100%;
			}
				.compostNewBizTableRow{}
					.compostNewBizTableProMaskCell{}
					/* the promask table is defined elsewhere */
					.compostNewBizTableBlaberTableCell{}
						.compostNewBizTableBlaberTable{
							width:100%;
						}
							.compostNewBizTableBlaberTableRow{}
								.compostNewBizTableBlaberTableTitleCell{}
							.compostNewBizTableBlaberTableDataRow{}
								.compostNewBizTableBlaberTableDataCell{
									width:100%
								}
									.compostNewBizTableBlaberTableData{}
							
				
				
				
					
					.compostNewBizTableBlaberTableCell{}
						.compostNewBizBlabberTable{
							width:100%;
						}
				
						.compostNewBizBlaberTableDataCell{
							width:100%;
						}
				
					.compostNewBizTableUserCell{
						vertical-align:top;
					}
						.compostNewBizProMaskTable{
							height:100%;
						}
							.compostNewBizProMaskTablePCell{
								/** border and border-radius has alredy been styled */
								vertical-align:top;
							}
							.compostNewBizProMaskTableNCell{
								font-family:comic sans ms;
								vertical-align:top;
							}
					.compostNewBizTablePoscomDataCell{}
						.compostNewBizTableBlabberData{
							height:auto;
							color:#CDCDCD;
							font-family:comic sans ms;
							font-size:12px;
						}
					.compostNewBizTablePostButtCell{}
						.compostNewBizTableAttachCell{
							background-color:#EFEFEF;
							border:none;
							border-radius:10px;
							color:#FFFFFF;
						}