div.audiobox {
	position: absolute;
	display: block;
}

.audiobox audio {
	position: relative;
	left: unset;
	top: unset;
	right: unset;
	bottom: 0;
	width: 100%;
	margin: 1px;
	display: block;
	z-index: 2;
	/* border: solid 1px white; */
}

.audiotopbar {
	position: absolute;
	width: 70%;
	display: inline-block;
	background: rgba(0, 0, 0, 0.8);
	height: 1.6em;
	border: 1px solid white;
	top: calc(-1.7em + 1px);
	left: 15%;
	border-bottom: none;
}
.auddragger::before {
	content: '\2630';
	text-align: center;
}
.auddragger {
	position: static;
	top: -1.5em;
	left: 35%;
	display: block;
	width: calc(99% - 1.5em);
	height: 100%;
	z-index: 1;
	float: left;
	text-align: center;
	font-size: 10pt;
	cursor: move;
}

.audioclose::before {
	content: '\00D7';
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5em;
	font-size: 10pt;
}
.audioclose {
	position: relative;
	float: right;
	top: 0;
	z-index: 3;
	cursor: pointer;
	font-size: 10pt;
	display: block;
	width: 1.5em;
	height: 100%;
	border-left: 1px solid white;
	text-align: center;
}


/*********************************************************************************************************/
/********************************************* IE 10+ Specific *******************************************/
/*********************************************************************************************************/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.audiotopbar {
		top: calc(-1.7em + 6px);
	}
}