.hide {
	display:none;
}

.ossHideShow {}
.ossHideShow .slide-panel-parent {
	position:relative;
}
.ossHideShow .slide-panel-parent .slide-panel {
	position:absolute;
	top:0;
	left:0;
}

.ossModal {}
.ossModal.modal {
	position:fixed;
	top:85px;
	left:2.5%;
	right:2.5%;
	/*MDEJOHNS on Thu Feb 26 2015: 	bottom:20px; */
	background-color:white;
	overflow:auto;
	/*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);*/
	z-index:1040;
	/*z-index:1060;*/
	word-wrap:break-word;
}
/*margin on modal.full-page determines how much of the outside shows the partially opaque shader, but must adjust width % accordingly*/
.ossModal.modal.full-page {
	position:absolute;
	left:0;
	top:0;
	width:94%;
	/*MDEJOHNS on Thu Feb 26 2015: 	min-height:4000px; */
	z-index:1040;
	margin:20px 20px 20px 20px;
	background-color:transparent;
	overflow:visible;
}
/*padding on modal-content determines the spacing between the edge of the box and the content. If you want a closer or menu, then you would instead put padding on a div inside of modal-content, and not on modal-content itself*/
.ossModal.modal.full-page .modal-content {
	background-color:#fff;
	padding:20px;
}
.ossModal .header-menu {
	float:right;
    text-align:right;
    cursor: pointer;
}
.ossModal .header-menu a {
	text-decoration:none;
}
.ossModal .header-menu a:hover {
	text-decoration:underline;
}
.ossModal .header-menu a i {
    vertical-align:middle;
}
.ossModal.shader {
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:rgba(0,0,0,0.4);
	z-index:1039;
}
/*let the closers in the header by a good size, with some padding to hit it easier on touch devices*/
.ossModal .modal-header .closer i {
	font-size:20px;
	padding:3px;
}
@media (max-width:800px){
	.ossModal.modal {
		top:10px;
		bottom:10px;
	}
}
@media (max-width:700px){
	.ossModal.modal.full-page {
		width:93%;
	}
}
@media (max-width:600px){
	.ossModal.modal.full-page {
		width:92%;
	}
}
@media (max-width:500px){
	.ossModal.modal.full-page {
		width:91%;
	}
}
@media (max-width:480px){
	.ossModal.modal.full-page {
		width:90%;
	}
}
@media (max-width:400px){
	.ossModal.modal.full-page {
		width:89%;
	}
}
@media (max-width:380px){
	.ossModal.modal.full-page {
		width:88%;
	}
}
@media (max-width:350px){
	.ossModal.modal.full-page {
		width:87%;
	}
}
@media (max-width:320px){
	.ossModal.modal.full-page {
		width:85%;
	}
}