body {font-family: Arial, Helvetica, sans-serif;}

/* The Modal (background) */

.model-button {
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 6rem; /* Location of the box */
    left: 0em;
    top: 0em;
    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 */
	//cursor: pointer;
}

.modal-definition {
	cursor: pointer; 
	border-bottom: 0.25rem dotted black; 
	//cursor: pointer;
}


/* Modal Content */
.modal-content {
    border-radius: 1.25rem;
	background-color: #fefefe;
    margin: auto;
    padding: 1.25rem;
    border: 1rem  solid #888;
    width: 80%;
    //box-shadow: 0rem 0.5rem 1rem 0rem;                 //0px 8px 16px 0px rgba(0,0,0,0.2);
	//cursor: pointer;
}

.resourceLI {
	margin: 0rem; 
	padding: 0rem;
}

.resourceUL {
	margin: 0rem 0rem 0.5rem 3rem; 
	list-style-position: outside;
	list-style-image: url('../images/resource-icon-20x20.png');
}

.modal-content .format {
	//word-break: break-all;
	//overflow: scroll;
	//cursor: pointer;

    	font-size: 120%;                            //38px;
	padding: 0rem; 
	text-indent: 0rem;                           //text-indent: -1.5rem; 
	padding-left: 0rem;                          //padding-left: 1.75rempx;
	margin-left: 0rem;                           //margin: 0rem; 
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 2.5rem;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}