input.modal-closing-trick:checked ~ div {
  display: none !important;
}

#modal-closing-trick {
  display: none;
}
label[for],input[type=checkbox],input[type=radio]{cursor:pointer}

.modal {

	/** Apply basic lightbox styling */
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color:#333333;
	background:#444444;
	background-color:rgba(0, 0, 0, 0.8)
	}

.modal:target {
    /** Show lightbox when it is target */
    display: block;
    outline: none;
}

.modal .box {
  	width: -webkit-min-content;
  	width: -moz-min-content;
  	width: min-content;
	min-width:500px;
 	margin: 2% auto;
	padding:20px;
	background-color:#FFF;
	border:8px solid orange;
	}

.modal .title {
	margin:0;
	padding:0 0 10px 0px;
	border-bottom:1px #ccc solid;
	font-size:22px;
	}

.modal .content {
	display:block;
	padding:10px 0 0 0px;
	font-size:18px;
	line-height:22px;
	}


.button{
font-family:"Lucida Grande","Lucida Sans Unicode", Tahoma, Sans-Serif;
display:inline-block;
outline:0;
line-height:1.4;
background:linear-gradient(#4d4d4d,#2f2f2f);
border-radius:5px;
border:1px solid #000;
color:#FFF!important;
font-size:14px;
white-space:nowrap;
text-overflow:ellipsis;
text-decoration:none!important;
cursor:pointer;
text-align:center;
padding:10px 14px;
}