h1 { 
	font-size:1.3em;
	margin:4px;
}

p { margin:4px 4px 0px 4px; }

ul,ol {
	margin:4px 0px;
//	padding:4px;
}

/* The Modal (background) */
.modal {
    display: block; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	font-family: Ariel, Helvetica, sans-serif;
	position: relative;
    	background-color: #fefefe;
    	margin: auto;
    	border: 1px solid #888;
    	width: 25%;
    	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

/*Animation */
.w3-animate-zoom {
	animation:animatezoom 0.6s}

@keyframes animatezoom{
	from{transform:scale(0)} 
	to{transform:scale(1)}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

.modal-header {
	padding: 4px;
    	background-color: #483b8d;
    	color: white;
}

.modal-body {
	padding: 4px;
	font-size:1em;
}

.modal-footer {
	padding: 4px;
    	background-color: #483b8d;
}

/* The Close Button */
.close {
	background: #F00;
	color: #FFFFFF;
	line-height: 40px;
	position: absolute;
	right: -25px;
	text-align: center;
	top: -25px;
	width: 40px;
	text-decoration: none;
	font-size:2em;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close:hover, .close:focus {
	color:#000000;
	background: #FFFFFF;
	cursor:pointer;
}

ul {
	list-style:disc outside;
//	margin-left:15px;
}

ol {
	list-style:decimal outside;
//	margin-left:15px;
}

li {
	padding-bottom:4px;
}