body#page-posting {
	text-align:center;
	background:#555;
	color:#222;
	padding:0 10px 0 0;
	margin:0;
	overflow-x:hidden;
	font-family: system-ui, -apple-system, "Helvetica Neue", sans-serif; 
	}
div#posting-container {
	text-align:center;
	margin:10vh auto 0 auto;
	position:relative;
	z-index:200;
	border-radius:11px;
	padding:37px 30px 60px 20px;
	background:#FFF;
	box-shadow:0 5px 25px rgba(0,0,0,.5);
	min-width:270px;
	width:440px;
	max-width:80%;
	max-height:80vh;
	min-height:400px;
	overflow-wrap: break-word;
	}
div#posting-container .highlight-ok {
	font-size:medium;
	}
@media only screen and (max-width:580px) {
	div#posting-container {
		border-radius:0px;
		border:0;
		margin:auto;
		box-sizing:border-box;
		width:100vw;
		height:100vh;
		position:absolute;
		top:0;
		left:0;
	}
}
	
#posting-logo {
	width:auto;
	height:auto;
	max-height:44px;
	max-width:194px;
	}

h4 {
	color:darkgreen;
	}

#post_data {
	display:block;
	width:100%;
	min-height:100px;
	line-height:1.5em;
	}

#progress_outer {
	text-align:left;
	background:#dbeeff;
	width:260px; 
	margin:auto;
	height:5px;
	border-radius:3px;
	}
#progress {
	height:5px;
	background:#0082eb;
	width:1%;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px; 
	-webkit-transition: width 4s; 
	transition: width 4s; 
	-webkit-transition: all 4s ease;
	-moz-transition: all 4s ease;
	-ie-transition: all 4s ease;
	-o-transition: all 4s ease;
	transition: all 4s ease;
	}
#progress.finishing {
	-webkit-transition: width 2s !important; 
	transition: width 2s !important; 
	-webkit-transition: all 2s ease !important;
	-moz-transition: all 2s ease !important;
	-ie-transition: all 2s ease !important;
	-o-transition: all 2s ease !important;
	transition: all 2s ease !important;
	}
#progress_timer {
	font-family:monospace; 
	color:#555;
	font-size:16px;
	padding:4px 11px;
	border:1px solid #CCC;
	border-radius:7px;
	background:rgba(0,0,0,.04);
	box-shadow:inset 1px 1px 1px rgba(0,0,0,.1);
	}