html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}

ul {
	padding-left: 2.5rem; /* 230304 - Some setting in Chrome for Dale Walker on two different computers (home, office) clears the padding, removing all ul indentions, all levels collapse left. */
}

:root {
	--btnbar-bgcolor: #868f98;
	--btnbar-fgcolor: white;
	--form-bgcolor: #cfd2d6;
	--form--btn-border-color: var(--btnbar-bgcolor);
	--form--input-border-color: var(--btnbar-bgcolor);
	--table--row-even-bgcolor: #b6bcc1;
	--table--row-odd-bgcolor: #dbdde0;
	--crimson: #990000;
	--disabled-color: #cfd2d6;
	/*
	--table--row-even-fgcolor: 
	--table--row-odd-fgcolor: 
	*/
}

body {
    display: flex; 
    flex-direction: column;
}

msgDeleted {
    background-color: var(--disabled-color);
}

.mbPageNavbar {
	text-align:center;
	font-size: 125%;
	font-family: sans-serif;
	max-width: 95%;
	margin: auto;
	margin-top: 1rem;
}


.mbPageNavbar div {
	display: inline-block;
	vertical-align: top;
	background-color: var(--btnbar-bgcolor);
}

.mbPageNavbarScroll {
	overflow: auto;
	white-space: nowrap;
	max-width: 70%;
	margin: auto;
}

.mbPageNavbar a {
	text-decoration: none;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	color: var(--btnbar-fgcolor);
}

.mbPageNavbar a:hover {
	text-decoration: none;
	background-color: var(--crimson);

}

.practicenotes {
	padding-left: 1rem;
}
.practicenotes li{
	list-style-image: url(/mb/arrow.gif);
	margin-top: 0.5rem;
}
.noteslist {
	padding-left: 1rem;
}
.noteslist li{
	list-style-image: url(/mb/arrow.gif);
	margin-top: 0.5rem;
}

.trigger {
	cursor: pointer;
}

.youtubeimg {
	width: 360;
}

/* 230701 Begin: For proper scaling */
embed, img, iframe, video, #video {
	max-width: 100%;
	height: auto;
}

iframe {
	aspect-ratio: 16 / 9;
}

iframe.instagram-media {
	aspect-ratio: 4 / 5;
}

.addiv iframe, #adsense iframe {
	aspect-ratio: auto;
}

.aspect_16_9 {
	aspect-ratio: 16 / 9;
}

/* 230701 END: For proper scaling */

body {
	background-color: white;
}

#page{
	width: 100%; 	
}

#header{
	width: 100%; 
}

.centered{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#homeheader{
	width: 100%; 
}

#homeheader img{
	display: block;
	margin: auto;
}

#homebanner{
	margin-top: 0.25rem;
}

#pageheader {
    position: relative;
	border-bottom: 0.1875rem solid var(--crimson);
}

#pageheaderleft{
	float: left;
	display: block;
	max-width: 100%;
	padding-top: 1rem;
}

#pageheaderright{
	float: right;
	display: block;
}

#pageheadercenter{
	/* position:absolute;  left: 0; */
    width: fit-content;
    display:block;
    margin:auto;
	white-space: nowrap;
	/*  ontainer-type: size;	 */
}


#pageheadertopic {
	height: 1rem; /* reserve space even if blank */
}

#pageheadertopic p {
	font-size: 1rem;
	font-family: sans-serif;
	margin: 0.25rem 0 0.25rem 0;
}

#pageheadertitle {
	margin: auto;
}

#pageheadertitle p {
	font-size: 2.5rem;
	font-family: sans-serif;
	font-weight: bold;
	text-align: center;
	margin:0;
}


#pageheadersubtitle {
	margin: auto;
}

#pageheadersubtitle p {
	font-size: 1rem;
	font-family: sans-serif;
	text-align: center;
	margin: 0.25rem 0 0.25rem 0;
}

#logotop{
	/*
	width: 100%;
	display: none;
    text-align: center;
	
	/* 230608 */
    width: 100%;
    display: block;
    text-align: left;
    background-color: var(--crimson);
    color: white;
    margin: 0.25rem 0 0 0;
    font-size: 1.5rem;
    font-family: sans-serif;
    padding-left: 1rem;	
}

#logotop span{
    color: var(--btnbar-bgcolor);
}

#logotop a:link{
	color:inherit;
	text-decoration: none;
}

#logotop a:visited{
	color:inherit;
	text-decoration: none;
}

#logotop a:hover{
	color:inherit;
	text-decoration: underline;
}

.navtoggle::before {
	content: url(/unicode/2630.png);
}

/* Added 190920 */
.group:after {
  content: "";
  display: table;
  clear: both;
}

table th a .clickable-block{
	position: absolute;
	display: block;
	width: 100%; 
	height: 100%; 
}


#pagebody {
    /* margin: auto; set during call to init() if content to be centered */
	/* 220610
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
	*/
    background-color: white;
    padding: 0.25rem;
}

.article {
    max-width: 30rem; /* default, see media queries */
}

.article p,
.article li
 {
    line-height: 1.5;
}

.article h1{
	color: Silver;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 150%; /* 30 */
	margin-top: 0; /* When content height < navbar height, non-zero top margin forces same margin for navbar. */
	padding-top: 0.8rem;
}

.article h1.storytitle{
	margin-top: 0;
	padding-top: 0.625rem;
}


.article h2{
	clear:left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 140%; /*1.5rem;*/
}

.article h3{
	clear:left;
	color: Silver;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 130%; /*20;*/
}

.article h4{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 120%; /*18px;*/
}

.article h5{
	color: Silver;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 110%; /*16px;*/
}

.article a:link{
	color: var( --crimson );
}

.article a:visited{
	color: Silver;
	text-decoration: none;
}

.article a:hover{
	color: var( --crimson );
	text-decoration: underline;
}

#pagefooter{
    padding: 1rem;
    text-align: center;
    background: white;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 1rem;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8rem; 
	border-top: 0.1875rem solid var( --crimson );
    margin-top: 0.5rem
}

div.title p{
	font-size: 1.8rem; /*24px;*/
	text-align: left;
	margin: 0 0 0 3.125rem;
	padding: 0 0 0 0;
}

div.title h1{
	font-size: 3rem; /*3.125rem;*/
	text-align: center;
	margin: 0 0 0 3rem;
	/* 4/25/11 Reduced from 3.125rem to 3rem. New firefox 4.0 and IE 9.0 caused "2012 Prospect Profile" to wrap. */
	padding: 0 0 0 0;
}

p.byline {
	/* byline always followed by dateline */
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0;
}

p.photos-byline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9rem; /*90%;*/
}

p.dateline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9rem; /*90%;*/
	margin-top: 0;
}

div.notes{
	clear:both;
	font-size: 0.9rem; /*90%;*/
	border: 0.0625rem solid var( --crimson );
	margin: 0.625rem 0 0.625rem 0;
	padding: 0 0.03125rem 0 0.03125rem;
}

div.photo-right{
	float: right;
	/*mfont-family: Arial, Helvetica, sans-serif; moved to caption 2015-12-03
	font-size: 0.9rem; /*90%;*/
	margin: 0 0 0.625rem 0.625rem;
	padding: 0.625rem;
	border-top: 0.0625rem solid #999;
	border-right: 0.125rem solid #555;
	border-bottom: 0.125rem solid #555;
	border-left: 0.0625rem solid #999;
}

div.photo-left{
	float: left;
	/*mfont-family: Arial, Helvetica, sans-serif; moved to caption 2015-12-03
	font-size: 0.9rem; /*90%;*/
	margin: 0 0.625rem 0.625rem 0;
	padding: 0.625rem;
	border-top: 0.0625rem solid #999;
	border-right: 0.125rem solid #555;
	border-bottom: 0.125rem solid #555;
	border-left: 0.0625rem solid #999;
}

div.photo-center{
	/*mfont-family: Arial, Helvetica, sans-serif; moved to caption 2015-12-03
	font-size: 0.9rem; /*90%;*/
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.625rem;
	padding: 0.03125rem;
	border-top: 0.0625rem solid #999;
	border-right: 0.125rem solid #555;
	border-bottom: 0.125rem solid #555;
	border-left: 0.0625rem solid #999;
}

div.gallery-photo{
	margin-bottom: 0.625rem;
}

div.gallery-photo p{
	padding-top: 1.5rem;
}

/*
div.gallery-caption{
	height: auto;
	font-size: 90%;
	margin-bottom: 0.625rem;
}
*/

img.photo{
	border-top: 0.0625rem solid #999;
	border-right: 0.125rem solid #555;
	border-bottom: 0.125rem solid #555;
	border-left: 0.0625rem solid #999;
	padding: 0.0625rem;
}

img.photo-right{
	float: right;
	border-top: 0.0625rem solid #999;
	border-right: 0.125rem solid #555;
	border-bottom: 0.125rem solid #555;
	border-left: 0.0625rem solid #999;
	padding: 0.0625rem;
	margin-left: 0.625rem;
}

img.photo-left{
	float: left;
	border-top: 0.0625rem solid #999;
	border-right: 0.125rem solid #555;
	border-bottom: 0.125rem solid #555;
	border-left: 0.0625rem solid #999;
	padding: 0.0625rem;
	margin-right: 0.625rem;
}

div.caption{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9rem; /*90%;*/
	vertical-align: middle;
	margin-left: 0;
}

div.credit{
	font-size: 75%;
	text-align: right;
	vertical-align: top;
	margin-right: 0;
}

div.joinforumlink{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0.625rem 0 0.625rem 0;
}

table.roster{
	font-family: Arial, Helvetica, sans-serif;
}

table.roster td{
	white-space: nowrap;
	padding: 0.125rem 0.25rem 0.125rem 0.25rem;
}

table.roster tr.header{
	background-color: var( --crimson );
	color: white;	
}

table.roster tr.subheader{
	background-color: white;
	color: Black;	
}

table.roster th{
	white-space: nowrap;
	padding: 0.125rem 0.25rem 0.125rem 0.25rem;
	/*position: relative;*/
	height: 1.5rem;
}

td.clickable, th.clickable{
	position: relative;
}

td.clickable:hover{
	color: white;
	background-color: var( --crimson );	
}

/* table.roster th a{ /* Cell text must be moved outside anchor in order to make cell clickable. */
td.clickable a, th.clickable a{ /* Cell text must be moved outside anchor in order to make cell clickable. */
	position: absolute;
	display: block; 
	top: 0; /* required for positioning in cell */
	left: 0; /* required for positioning in cell */
	width: 100%; /* required for clicking anywhere in cell */
	height: 100%; /* required for clicking anywhere in cell */
}

table.roster th a:link{
	color: white;
	text-decoration: none;
}


table.roster th a:visited{
	color: white;
	text-decoration: none;
}

table.roster th a:hover{
	color: white;
	text-decoration: none;
}

table.roster tr.even{
	background-color: var(--table--row-even-bgcolor);
}

table.roster tr.odd{
	background-color: var(--table--row-odd-bgcolor);
}

.toptext{
	margin-top: 0;
	padding-top: 0.5rem;
}

#content {
    display: none;
    /* 220612 overflow-x: hidden; */
	margin: auto;
}

#contentleft{
	display: none;
}

#contentright{
	display: none;
}

#contentcenter{
	display: inline-block;
}

div.announce{
	/* Example: Instant Inside Access */
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9rem; /*14px;*/
}

div.announce h1{
	color: var( --crimson );
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8rem; /*24px;*/
	font-style: italic;
	margin-top: 0;
	margin-bottom: 0.03125rem;
}

div.announce p{
	margin-top: 0.03125rem;
}

.newsindex{
	padding: 0;
	margin: 0; 
	list-style-type: none;
}

.newsindex li{
	display: block;
	/* width: 13.0rem; */
    height: 2.0rem;
    /* margin: 0.125rem auto; */
	color: black;
	/* background-color: silver;  
	border-top: 0.0625rem solid white;
	border-bottom: 0.0625rem solid white;
	border-color: white;
	*/
}
.newsindex li a { 
	display: block;
	width: 100%; 
	height: 100%; 
	/* padding: 0.25rem; /* without padding, only text highlighted on hovering. */
	padding: 0.5rem 0.25rem; /* without padding, only text highlighted on hovering. */
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
}
.newsindex li a:link{
	color: var( --crimson );
	text-decoration: none;
}
.newsindex li a:visited{
	color: black;
	text-decoration: none;
}
.newsindex li a:hover{
	background-color: var( --crimson );
	color: white;
	text-decoration: none;
}

.homepage h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	margin: 1rem 0 0.125rem 0;
}

.homepage p{
	margin-top: 0;
	margin-bottom: 0;
}

.homepage p.byline{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.90rem; /* 14px; */
	margin-top: 0;
	margin-bottom: 0.25rem;
}

.homepage a:link{
	color: var( --crimson );
    text-decoration: none;
}

.homepage a:visited{
	color: black;
	text-decoration: none;
}

.homepage a:hover{
	color: var( --crimson );
	text-decoration: underline;
}

div.split-table{
	white-space: nowrap;
	overflow: hidden; /*230730*/
}

div.split-table-left{
	display: inline-block;
	vertical-align: top;
}

div.split-table-right{
	display: inline-block;
	vertical-align: top;
	overflow-x: auto;
}

#actionbar {
	padding: 0.25rem 0;
	position: sticky;
	top: 0; /* changed dynamically by event listener when ad banner shows at top in #top-addiv div */
	background-color: white;
	z-index: 99;
}

#actionbar::after {
    content: "";
    clear: both;
    display: block;
}

.actionbarlike button, .actionbarlike select {
	background-color: var( --btnbar-bgcolor );
	height: 1.75rem;
	line-height: 1.75rem;
	border-radius: 0.25rem;
	border: none;
	outline: none;
	color: #FFF;
	padding: 0.1rem 0.5rem 0 0.5rem; /* top padding serves to center unicode images created with GIMP */
	margin: 0 0.4rem 0.4rem 0;
	vertical-align: top;
	font-size: 1rem; /* 2rem */
	box-shadow: 0 0.1875rem 0.375rem rgba(0,0,0,0.16), 0 0.1875rem 0.375rem rgba(0,0,0,0.23);
}

li.actionbarlike { /* needed for the legend of action bar buttons on home view */
	margin-bottom: 0.5rem;
}

.actionbarlike button img{ /* needed for the legend of action bar buttons on home view */
	vertical-align: middle;
}

li.actionbarlike span { /* needed for the legend of action bar buttons on home view */
	vertical-align: -webkit-baseline-middle;
}

form button {
	/*height: 2.00rem; /* Less than 2rem -> actionbar buttons don't align with navtoggle button */
	padding: 0.5rem;
	margin: 0 0.5rem 0.5rem 0;
	border-radius: 0.25rem;
	border-color: var(--form--btn-border-color); /* silver; */
	font-size: 1rem;
}

#actionbar input:hover, 
#actionbar select:hover, 
#actionbar button:hover, 
form button:hover, 
form select:hover {
	background-color: var( --crimson );
	color: white;
}

#actionbar select:focus, 
form select:focus {
	background-color: white;
	color: black;
}            

form {
    margin: 1rem 0 1rem 0;
    background-color: var( --form-bgcolor ); /* silver; */
    padding: 0.5rem;
    border-color: var( --crimson );
    border-style: solid;
    border-width: 0.0625rem;
    border-radius: 0.25rem;
}

form select, 
form input,
form textarea {
    padding: 0.5rem;
    border: 0.0625rem solid var( --form--input-border-color ); /*silver;*/
    border-radius: 0.25rem;
    box-sizing: border-box;
    margin: 0.5rem 0 0.5rem 0;
}

form select, 
form input[type=text],
form input[type=password],
form textarea {
    width: 100%;
}

input:disabled+label {
    color: var(--disabled-color);    
}

            
label {
	padding: 0.5rem;
	display: inline-block;
    margin: 0.5rem 0 0.5rem 0;
}

label:hover {
    /* border: 0.0625rem solid var( --crimson ); */
    border-radius: 0.25rem;
    
	background-color: var( --crimson );
	color: white;
}

.col-25 {
	float: left;
	width: 25%;
	margin-top: .4rem;
}

.col-75 {
	float: left;
	width: 75%;
	margin-top: .4rem;
}

.row button {
	margin-top: .5rem;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

.ab--select-goto-width {  
	width: 6rem;
}

#navbar{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8rem;
	background-color: var( --btnbar-bgcolor ); /* silver; */
    margin-right: 0.5rem;
    white-space: nowrap;
}

#navbar ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#navbar li{
	display: block;
	/* width: 13.0rem; 210209 */
    /* height: 2.25rem; */
	color: white; /* black; */
	background-color: var( --btnbar-bgcolor ); /* silver;  */
	border-top: 0.0625rem solid white;
	border-bottom: 0.0625rem solid white;
	border-color: white;
}

#navbar li a { 
	display: block; /* without this, only text highlighted on hovering. */
    height: 1.75rem;
    line-height: 1.75rem;
    font-size: 1rem;
	padding: 0 0.25rem;
}

#navbar li.navheader{
	display: block; 
    height: 2.5rem;
	font-weight: bold;
	color: var( --crimson );
	background-color: white; /*darkgrey; */
	padding: 0.5rem 0.25rem;
	border-top: 0.03125rem solid white;
	text-transform: uppercase;	
}

#navbar li a:link{
	color: white; /* black; */
	text-decoration: none;
}

#navbar li a:visited{
	color: white; /*black;*/
	text-decration: none;
}

#navbar li a:hover{
	background-color: var( --crimson );
	color: white;
	text-decoration: none;
}
            
            
div.statusbar{
	display: none;
	border-color: var( --crimson );
	border-style: solid;
	border-width: 0.125rem;
	font-size: 125%;
	text-indent: 0.625rem;
	margin: 0.125rem 0 0.125rem 0;
}

#actionbarmore button, #actionbarless button {
	font-weight: bold;
}

/* Have never used split action bar in product release
#actionbarmore button::before {
	content: "+";
}

#actionbarless button::before {
	content: "-";
}
*/

.caret {
	cursor: pointer;
	-webkit-user-select: none; /* Safari 3.1+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none;
}

.caret::before {
	content: "\25B6";
	color: black;
	display: inline-block;
	margin-right: 0.375rem;
}

.caret:hover::before {
	color: white;
	background-color: var( --crimson )
}

.caret-left::before {
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari */'
	transform: rotate(180deg);  
}

/* Following added for forumapp */

.spinner {
  position: relative;
  border: .5rem solid #f3f3f3;
  border-radius: 50%;
  border-top: .5rem solid var( --crimson );
  width: 5rem;
  height: 5rem;
  left:50%;
  top:50%;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

#ajaxspinner{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: .50;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.forumbody {
	max-width: 100%; /* needed for safari on iphone, and to break word elsewhere */
	overflow-wrap: break-word; 
}

a.subjectMain:link {
	color: blue;
	/* text-decoration: none; 240330 now a setting. */
}

a.subjectMain:visited {
	text-decoration: none;
}
a.subjectMain:hover {
	text-decoration: underline;
}

a.subjectReply:link {
	/* text-decoration: none; 240330 now a setting. */
}

a.subjectReply:visited {
	text-decoration: none;
}

a.subjectReply:hover {
	text-decoration: underline;
}

li.msgHeaderReply{
	color: black;
	margin-top: 0.5rem; 
}

p.msgHeaderReply{
	margin-top: 0.5rem; 
	margin-bottom: 0.5rem;	
}


li.msgHeaderMain{
	color: black;
	margin-top: 0.75rem;
}

div.msgHeaderThd{
	font-size: 100%;
	font-weight: normal;
}
div.msgHeaderIx{
	font-size: 100%;
	font-weight: normal;
	color: black;
}

.underline {
	text-decoration: underline;
}

.noTextDecoration {
	text-decoration: unset;
}

.msgAuthor {
	color: black;
	font-weight: bold;
}

a.msgAuthor:link {
	text-decoration: none;
}


.msgBody {
	display: none;
	font-weight: normal;
}

.msgReply {
	display: none;
	font-size: 100%;
	color: black;
}

li.msgReply {
	list-style-image: url(arrow.gif);
}


p.msgReply {
	margin-top: 0.5rem; 
	margin-bottom: 0.5rem;	
}

.msgDeleted {
	background-color: lightgray;
}

div.visible {
	display: block;
}

li.visible {
	display: list-item;
}

ul.thread {
	list-style-image: none;
	margin-left: 0;
	padding-left: 0;
}

ul.nested {
	padding-left: 1rem;
}

#search-results-div ul {
	list-style-image: none;
	margin-left: 0;
	padding-left: 0;
}

li.msgHeaderMain{
	list-style-image: none;
}
li.msgHeaderReply{
	list-style-image: none;
}
li.msgReply {
	list-style-image: none;
}
li.msgMain {
	list-style-image: none;
}


ul {
  list-style-type: none;
}

:root {	
	--msg__li__sym-pinned: "\2605"; /* url(/unicode/1F588.png); */
	--msg__li__sym-replies-none: "\25CF"; /* url(/unicode/25C6.png); */
	--msg__li__sym-replies-has: "\25B6 \FE0E"; /*url(/unicode/25B6.png); */
	--msg__li__sym-replies-showing: "\25BC"; /* url(/unicode/25BC.png); */
}

.msg__li::before {
	color: black;
	display: inline-block;
	margin-right: 0.25rem;
    width: 1rem;
    text-align: center;
}

.msg__li__replies-none::before {
	content: var(--msg__li__sym-replies-none);
}

.msg__li__replies-has::before {
	content: var(--msg__li__sym-replies-has);
}

.msg__li__replies-showing::before { /* must follow msg__li__replies-has */
	content: var(--msg__li__sym-replies-showing);
}

.msg-lead-post::before {   /* must follow msg__li__replies-has */
	color: var(--crimson);
}

.msg__li__pinned::before {  /* Given code in forumapp, this must follow all msg__li classes decls */
	content: var(--msg__li__sym-pinned);
}

.caret::before {
	content: "\25B6";
	color: black;
	display: inline-block;
	margin-right: 0.375rem;
}

.no-reply::before {
	content: "\25C6";
	color: black;
	display: inline-block;
	margin-right: 0.375rem;
}

.caret {
	cursor: pointer;
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none;
}

.caret::before {
	content: "\25B6";
	color: black;
	display: inline-block;
	margin-right: 0.375rem;
}

.caret-down::before {
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Safari */'
	transform: rotate(90deg);  
}

.caret-left::before {
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari */'
	transform: rotate(180deg);  
}


.nested {
	display: none;
}

.active {
	display: block;
}

.addiv {
	text-align: center;
	width: 100%;
	/* 241119 - no effect
	clear: both;
	margin: auto;
	*/
}

#top-addiv {
	padding-bottom: 0.25rem;
	position: sticky;
	top: 0;
	background-color: white;
	z-index: 98;
	height: 94px; /* 4px to account for bottom padding. Fixed height rather than max-height to eliminate screen shift with ad refresh */
	overflow: hidden; /* otherwise buttons within overflow area don't work */
}

.onheader {
	font-style: italic;
	font-weight: bold;
}


.wrap {
	overflow-wrap: break-word;
}
.adleaderboard { width: 320px; height: 100px; }
@media(min-width: 500px) { .adleaderboard { width: 468px; height: 60px; } }
@media(min-width: 800px) { .adleaderboard { width: 728px; height: 90px; } }
@media(min-width: 1024px) { .adleaderboard { width: 1024px; height: 120px; } }

:root {
	--ab--sym-return: url(/unicode/1F868.png);
	--ab--sym-refresh: url(/unicode/2B6E.png);
	--ab--sym-reply: url(/unicode/1F4AC.png);
	--ab--sym-edit: url(/unicode/1F589.png);
	--ab--sym-newthread: url(/unicode/1F588.png);
	--ab--sym-ignore: url(/unicode/1F464.png);
	--ab--sym-notices: url(/unicode/1F56D.png);
	--ab--sym-flag: url(/unicode/2691.png);
	--ab--sym-delete: url(/unicode/1F5D1.png);
	--ab--sym-search: url(/unicode/2315.png);
	--ab--sym-showall: url(/unicode/002B.png); /*1F4D6*/
	--ab--sym-hidereplies: url(/unicode/25BC.png);
	--ab--sym-showreplies: url(/unicode/25B6.png);
	--ab--sym-hidebodies: url(/unicode/25BC.png);
	--ab--sym-showbodies: url(/unicode/25B6.png); 
	/* Using characters instead of images for only 4-hex-digit instances would require different styling. */
	/* --ab-min-width: 1024px; replacing 1024px in media rule with var(--ab-min-width) does not work. */
	--ab--txt-return: "Return";
	--ab--txt-refresh: "Refresh";
	--ab--txt-reply: "Reply";
	--ab--txt-edit: "Edit";
	--ab--txt-newthread: "New Thread";
	--ab--txt-ignore: "Ignore";
	--ab--txt-notices: "Notices";
	--ab--txt-flag: "Request Removal";
	--ab--txt-delete: "Delete";
	--ab--txt-search: "Search";
	--ab--txt-showall: "Show All";
	--ab--txt-hidereplies: "Hide Replies";
	--ab--txt-showreplies: "Show Replies";
	--ab--txt-hidebodies: "Hide Bodies";
	--ab--txt-showbodies: "Show Bodies";
}

/* 230616 Begin: Are the following used */
.ab--sym-return::before { content: var(--ab--sym-return); }
.ab--sym-refresh::before { content: var(--ab--sym-refresh); }
.ab--sym-reply::before { content: var(--ab--sym-reply); }
.ab--sym-edit::before { content: var(--ab--sym-edit); }
.ab--sym-newthread::before { content: var(--ab--sym-newthread); }
.ab--sym-ignore::before { content: var(--ab--sym-ignore); }
.ab--sym-notices::before { content: var(--ab--sym-notices); }
.ab--sym-flag::before { content: var(--ab--sym-flag); }
.ab--sym-delete::before { content: var(--ab--sym-delete); }
.ab--sym-search::before { content: var(--ab--sym-search); }
.ab--sym-showall::before { content: var(--ab--sym-showall); }
.ab--sym-hidereplies::before { content: var(--ab--sym-hidereplies); }
.ab--sym-showreplies::before { content: var(--ab--sym-showreplies); }
.ab--sym-hidebodies::before { content: var(--ab--sym-hidebodies); }
.ab--sym-showbodies::before { content: var(--ab--sym-showbodies); }
/* 230616 End: Are the following used */

.ab--btn-return::before { content: var(--ab--sym-return); }
@media(min-width: 728px ) { .ab--btn-return::before { content: var(--ab--txt-return); } }

.ab--btn-refresh::before { content: var(--ab--sym-refresh); }
@media(min-width: 728px ) { .ab--btn-refresh::before { content: var(--ab--txt-refresh); } }

.ab--btn-reply::before { content: var(--ab--sym-reply); }
@media(min-width: 728px ) { .ab--btn-reply::before { content: var(--ab--txt-reply); } }

.ab--btn-edit::before { content: var(--ab--sym-edit); }
@media(min-width: 728px ) { .ab--btn-edit::before { content: var(--ab--txt-edit); } }

.ab--btn-newthread::before { content: var(--ab--sym-newthread); }
@media(min-width: 728px ) { .ab--btn-newthread::before { content: var(--ab--txt-newthread); } }

.ab--btn-ignore::before { content: var(--ab--sym-ignore); }
@media(min-width: 728px ) { .ab--btn-ignore::before { content: var(--ab--txt-ignore); } }

.ab--btn-notices::before { content: var(--ab--sym-notices); }
@media(min-width: 728px ) { .ab--btn-notices::before { content: var(--ab--txt-notices); } }

.ab--btn-flag::before { content: var(--ab--sym-flag); }
@media(min-width: 728px ) { .ab--btn-flag::before { content: var(--ab--txt-flag); } }

.ab--btn-delete::before { content: var(--ab--sym-delete); }
@media(min-width: 728px ) { .ab--btn-delete::before { content: var(--ab--txt-delete); } }

.ab--btn-search::before { content: var(--ab--sym-search); }
@media(min-width: 728px ) { .ab--btn-search::before { content: var(--ab--txt-search); } }

.ab--btn-showall::before { content: var(--ab--sym-showall); }
@media(min-width: 728px ) { .ab--btn-showall::before { content: var(--ab--txt-showall); } }

.ab--btn-hidereplies::before { content: var(--ab--sym-hidereplies); }
@media(min-width: 728px ) { .ab--btn-hidereplies::before { content: var(--ab--txt-hidereplies); } }

.ab--btn-showreplies::before { content: var(--ab--sym-showreplies); }
@media(min-width: 728px ) { .ab--btn-showreplies::before { content: var(--ab--txt-showreplies); } }

.ab--btn-hidebodies::before { content: var(--ab--sym-hidebodies); }
@media(min-width: 728px ) { .ab--btn-hidebodies::before { content: var(--ab--txt-hidebodies); } }

.ab--btn-showbodies::before { content: var(--ab--sym-showbodies); }
@media(min-width: 728px ) { .ab--btn-showbodies::before { content: var(--ab--txt-showbodies); } }

.mbPageNavbarNext::before { content: '>'; padding-left:0.75rem; }
@media(min-width: 728px ) { .mbPageNavbarNext::before { content: 'Next'; padding-left:0.25rem; } }

.mbPageNavbarPrev::before { content: '<'; padding-right:0.75rem; }
@media(min-width: 728px ) { .mbPageNavbarPrev::before { content: 'Prev'; padding-right:0.25rem; } }

/*
.mbPageNavbarNext::before { content: '>'; }
@media(min-width: 728px ) { .mbPageNavbarNext::before { content: 'Next'; } }

.mbPageNavbarPrev::after { content: '<'; }
@media(min-width: 728px ) { .mbPageNavbarPrev::after { content: 'Prev'; } }

.ab--btn-return::before { content: var(--ab--sym-return); }
@media(min-width: 728px ) { .ab--btn-return::before { content: "Return"; } }

.ab--btn-refresh::before { content: var(--ab--sym-refresh); }
@media(min-width: 728px ) { .ab--btn-refresh::before { content: "Refresh"; } }

.ab--btn-reply::before { content: var(--ab--sym-reply); }
@media(min-width: 728px ) { .ab--btn-reply::before { content: "Reply"; } }

.ab--btn-edit::before { content: var(--ab--sym-edit); }
@media(min-width: 728px ) { .ab--btn-edit::before { content: "Edit"; } }

.ab--btn-newthread::before { content: var(--ab--sym-newthread); }
@media(min-width: 728px ) { .ab--btn-newthread::before { content: "New Thread"; } }

.ab--btn-ignore::before { content: var(--ab--sym-ignore); }
@media(min-width: 728px ) { .ab--btn-ignore::before { content: "Ignore"; } }

.ab--btn-notices::before { content: var(--ab--sym-notices); }
@media(min-width: 728px ) { .ab--btn-notices::before { content: "Notices"; } }

.ab--btn-flag::before { content: var(--ab--sym-flag); }
@media(min-width: 728px ) { .ab--btn-flag::before { content: "Request Removal"; } }

.ab--btn-delete::before { content: var(--ab--sym-delete); }
@media(min-width: 728px ) { .ab--btn-delete::before { content: "Delete"; } }

.ab--btn-search::before { content: var(--ab--sym-search); }
@media(min-width: 728px ) { .ab--btn-search::before { content: "Search"; } }

.ab--btn-showall::before { content: var(--ab--sym-showall); }
@media(min-width: 728px ) { .ab--btn-showall::before { content: "Show All"; } }

.ab--btn-hidereplies::before { content: var(--ab--sym-hidereplies); }
@media(min-width: 728px ) { .ab--btn-hidereplies::before { content: "Hide Replies"; } }

.ab--btn-showreplies::before { content: var(--ab--sym-showreplies); }
@media(min-width: 728px ) { .ab--btn-showreplies::before { content: "Show Replies"; } }

.ab--btn-hidebodies::before { content: var(--ab--sym-hidebodies); }
@media(min-width: 728px ) { .ab--btn-hidebodies::before { content: "Hide Bodies"; } }

.ab--btn-showbodies::before { content: var(--ab--sym-showbodies); }
@media(min-width: 728px ) { .ab--btn-showbodies::before { content: "Show Bodies"; } }
*/

.ab--btn-msgid::before { content: "#"; }
@media(min-width: 728px ) { .ab--btn-msgid::before { content: "Msg ID"; } }

@media ( width <= 640px) {
	#pageheaderleft{
		display: none; /* 230608 logo always on top; otherwise block */
	}
	#pageheaderright{
		display: none;
	}
	#pageheadertopic p {
		font-size: 2.4vw;
	}
	#pageheadertitle p {
		font-size: 6vw;
	}
	#pageheadersubtitle p {
		font-size: 2.4vw;
	}
	
}

.article_width {}
@media(min-width: 480px ) { .article_width { width:30rem }; }


@media ( 640 < width ) {
	.article{
		width: 30rem; 
	}
	.mbPageNavbar{
		max-width: 30rem; 
	}
}

@media ( width <= 640px) {
	.col-25, .col-75, input[type=submit] {
		width: 100%;
		margin-top: 0;
	}

	.col-25 label {
		margin-bottom: 0;
	}

	.col-75 input, .col-75 textarea {
		margin-top: 0;
	}
}

@media ( 480px < width <= 640px) {
	.article{
		max-width: 30rem; 
	}
	.mbPageNavbar{
		max-width: 30rem; 
	}
}

@media ( 320px < width <= 480px) {
	.article{
		max-width: 20rem; 
	}
	.mbPageNavbar{
		max-width: 20rem; 
	}
}

@media ( width <= 320px) {
	.article{
		max-width: 15rem; 
	}
	.mbPageNavbar{
		max-width: 15rem; 
	}
}