ol.mailbox {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
/*	Styles for the top level AND the response entries. */
ol.mailbox  li.mbx_entry {
	border-top-width: 2px;
	border-top-style: solid;
	border-color: var(--party_hlt_color);		/* Default, if no color for the sender */
	background-color: #e0e0e0;
	padding: 0px 0px 1px 0px;
	margin-bottom: 10px;
}
ol.mailbox > li.mbx_entry {
	border-top-width: 2px;
}
ol.mailbox  li.mbx_entry > div.headers {
	display: grid;
	grid-template-columns: 0px auto 80px;
	grid-template-rows: auto auto auto;
	padding: 0px 4px 4px 4px;
	background-color: var(--party_bg_color);
}
ol.mailbox  li.mbx_entry > div.headers  a {
	background-color: transparent;
}
ol.mailbox  li.mbx_entry > div.headers  a:hover {
	background-color: rgba(255,165,0,1.0);
}
ol.mailbox > li.mbx_entry  div.headers > div.toggle_btn { grid-column: 1 / 2; }
ol.mailbox > li.mbx_entry > aside.cmnt.thread {
/*	grid-column: 2 / span 3;*/
	margin-bottom: 10px;
}
ol.mailbox > li.mbx_entry  div.headers > div.sender {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	padding-left: 4px;
	padding-right: 4px;
	display: grid;
	grid-template-columns: 50px auto;
}
ol.mailbox > li.mbx_entry  div.headers > div.sender > span.label { padding-right: .5em; }
ol.mailbox > li.mbx_entry  div.headers > div.sender > span.value {  }
ol.mailbox > li.mbx_entry  div.headers > div.recipient {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	padding-left: 20px;
	padding-right: 4px;
	display: grid;
	grid-template-columns: 50px auto;
}
ol.mailbox > li.mbx_entry  div.headers > div.recipient > span.label { padding-right: .5em; }
ol.mailbox > li.mbx_entry  div.headers > div.recipient > span.value {  }
ol.mailbox > li.mbx_entry  div.headers > div.date {
	grid-column: 3 / span 1;
	/* The date is two rows high.  The date on top and the time below it. */
	grid-row-end: span 2;
	text-align: right;
	padding-right: 4px;
}
ol.mailbox > li.mbx_entry  div.headers > div.subject,
ol.mailbox > li.mbx_entry  div.commentary {
	display: grid;
	grid-template-columns: 85px auto;
	padding-left: 12px;
}
ol.mailbox > li.mbx_entry  div.headers > div.subject {
	grid-column: 2 / 4;
	grid-row: 3 / 4;
	padding-left: 10px;
	padding-right: 4px;
}
ol.mailbox > li.mbx_entry  div.headers > div.subject > div.label {  }
ol.mailbox > li.mbx_entry  div.headers > div.subject > div.value { padding-right: 4px; }
ol.mailbox > li.mbx_entry  div.commentary {
/*	border-top: 1px dotted gray;*/
	margin-bottom: 10px;
}
ol.mailbox > li.mbx_entry  div.commentary > div.label {  }
ol.mailbox > li.mbx_entry  div.commentary > div.value { padding-right: 4px; }


ol.mailbox > li.mbx_entry.thread,
ol.mailbox > li.mbx_entry.thread  ol.responses  li.mbx_entry.has_responses {
	border-left-width: 2px;
	border-left-style: solid;
	border-radius: 3px 0px 0px 0px;
}

/*	Inline message responses, thread members (other than the first message in the thread). */
ol.mailbox > li.mbx_entry  ol.responses {
	grid-column: 2 / span 3;
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 4px;
}
ol.mailbox > li.mbx_entry  ol.responses  li.mbx_entry {
	border-top-width: 2px;
	margin-top: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ol.mailbox > li.mbx_entry  ol.responses  li.mbx_entry > div.headers {
	padding: 2px 0px 2px 2px;
}