/*************************Styles for modals across the site*/

.body-modal-open
{
	overflow: hidden;
}

.modal-picture-box
{
	clear: both;
	float: left;
}

.modal-wrapper
{
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	position: fixed;
	z-index: 40;
}

.modal-wrapper-active
{
	display: block;
	height: 100%;
	left: 0;
	overflow: auto;
	top: 0;
	width: 100%;
}

.modal-wrapper-lvl2
{
	background-color: rgba(0, 0, 0, 0.7);
	display: none;
	position: fixed;
	z-index: 40;
}

.modal-wrapper-lvl2-active
{
	display: block;
	height: 100%;
	left: 0;
	overflow: auto;
	top: 0;
	width: 100%;
}

.modal
{
	background-color: white;
	border-radius: 5px;
	box-shadow: 0 0 11px 11px rgba(0, 0, 0, 0.18);
	font-size: 20px;
	left: 0;
	margin: auto;
	margin-bottom: 50px;
	padding: 20px;
	position: absolute;
	right: 0;
	top: 50px;
	width: 80%;
}

.modal-close
{
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 30px;
}

.modal-lvl2
{
	top: 100px;
	width: 50%;
}

.inner-modal/*Tied to messageModal() in master.js*/
{
	margin: 20px;
    overflow: hidden;
}

.inner-modal h3
{
	color: white;
	border-bottom: solid thin white;
}

.inner-modal textarea
{
	/*background-color: #004d40*/
}

.inner-modal span, .inner-modal input[type="file"]
{
	/*color: white;*/
}