/* <link href="calcmodal.css" rel="stylesheet" type="text/css">  */

/* The Modal (background) */

.modal {

    font-family: Arial, Helvetica, sans-serif;

    display: none; /* Hidden by default */

    position: fixed; /* Stay in place */

    z-index: 99; /* Sit on top */

    padding-top: 250px; /* 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: Arial, Helvetica, sans-serif;

	background-color: #fefefe;

	margin: auto;

	padding: 10px;

	border: 1px solid #888;

	width: 425px;

	font-size: 16px;

	font-style: normal;

	line-height: 16px;

	font-weight: bold;

	color: #333333;

}

.modal-content table {

	font-family: Arial, Helvetica, sans-serif;

	font-style: normal;

	font-weight: normal;

	color: #333333;

	margin: 1px;

	padding: 1px;

	width: 400px;

}

.modal-content td, tr{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: bold;

	color: #333333;

	margin: 1px;

	padding: 1px;

	line-height: 20px;

}





/* The Close Button */

.close {

    font-family: Arial, Helvetica, sans-serif;

    color: #aaaaaa;

    float: right;

    font-size: 28px;

    font-weight: bold;

}



.close:hover,

.close:focus {

    font-family: Arial, Helvetica, sans-serif;

    color: #000;

    text-decoration: none;

    cursor: pointer;

}