body {
    color: black;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10pt;	
	background-color: #F8F8F8 !important;
	padding-top: 60px;
}

@media (min-width: 768px) and (max-width: 1027px) {
	body {
		color: black;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 10pt;
		background-color: #F8F8F8 !important;
		padding-top: 110px;
	}


}

h1 {
    color: black;
    font-family: Verdana, Geneva, sans-serif;

}

h3, .headerh1 {
    font-family: Verdana, Geneva, sans-serif;
	font-size: 20pt;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 9px;
	border-radius: 5px;
	width: 500px;
	margin-bottom: 30px;

}

.cl {
	clear: both;
}

@media only screen and (max-width: 600px) {

	h3, .headerh1 {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 18pt;
		float: left;
		display: block !important;
		padding-left: 20px;
		padding-right: 10px;
		padding-top: 4px;
		padding-bottom: 5px;
		width: 350px;

	}

}

.headerh1center {
    color: black;
    font-family: Verdana, Geneva, sans-serif;
	font-size: 20pt;
	margin: auto;
	text-align: center;

}


p {
    color: black;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10pt;
}

a {
    color: black;
	text-decoration: none;
}

/*http://w3bits.com/css-masonry/*/

.masonry5 { /* Masonry container */

	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
    column-count: 5;
    column-gap: 1em;
}

.masonry4 { /* Masonry container */

	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	column-count: 4;
	column-gap: 1em;
	-webkit-column-count: 4;
	-moz-column-count: 4;

}

.masonry3 { /* Masonry container */

	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
    column-count: 3;
    column-gap: 1em;
}

.masonry2 { /* Masonry container */

	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
    column-count: 2;
    column-gap: 1em;
}

.masonry1 { /* Masonry container */

	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
    column-count: 1;
    column-gap: 1em;
}

.item { /* Masonry bricks or child elements */

	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	display: inline-block; 
	/*display: block; */
	overflow: hidden;
    margin: 0 0 1em;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	min-width: 150px;
	padding-top: 5px;
    width: 100%;
	border-radius: 10px;

}

 a.maslink:hover {
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: black;
	text-decoration: none;
	
}

a.maslink, a.maslink:visited, a.maslink:active, a.maslink:link {
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #000000;
	/*background-color: darkgrey;*/
	text-decoration: none;	
	
}

.headers {  /* THIS IS FOR MASONRY HEADERS */
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	padding-top: 10px
	
}

.headersnumber {  /* THIS IS FOR MASONRY NUMBER HEADERS */
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 275%;
	float: left;
	padding-right: 10px
	
}

a.button:link, a.button:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
    background-color: white;
    color: black;
    border: 2px solid black;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 10px;
	float: right;
	margin-left: 3px;
	margin-right: 3px;
}

a.button:hover, a.button:active {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
    background-color: black;
    color: white;
}

a.buttonleft:link, a.buttonleft:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
    background-color: white;
    color: black;
    border: 2px solid black;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 10px;
	float: left;
	margin-left: 3px;
	margin-right: 3px;
}

a.buttonleft:hover, a.buttonleft:active {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
    background-color: black;
    color: white;
}


.loggedcontainer {
    border-radius: 5px;
    background-color: #F8F8F8;
    padding: 20px;
    max-width: 97%;
}

th, th a, thead th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	padding-top: 6px;
	padding-bottom: 7px;
}

@media only screen and (max-width: 600px) {
	th, th a, thead th {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 10px;
		padding-top: 4px;
		padding-bottom: 5px;
	}

}

#dvContainer1 {
	margin:auto;
	background-color: #f2f2f2;
	max-width:80%;
	text-align: center;
	overflow-x: hidden;
	overflow-y: hidden;
}
#dvContainer2 {
	margin:auto;
	background-color: #f2f2f2;
	max-width:60%;
	text-align: center;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-left:80px;
	padding-top:15px;
	padding-bottom:15px;
}

#dvContainer3 {
	margin:auto;
	background-color: #f2f2f2;
	max-width:80%;
	text-align: center;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-left:80px;
	padding-bottom:15px;
}

#td1 {
	padding-left:15px;
	padding-right:5px;
	padding-top:15px;
	padding-bottom:15px;
	min-width:160px;
	max-width:200px;
	font-weight: bold;
	font-size: 13px;
	vertical-align: middle;
}
#usrInputs {
	min-width:100px;
	width: 40vw;
	max-width:500px;
	font-size: 13px;
	vertical-align: middle;
}

#usrInputs1 {
	min-width:100px;
	max-width:150px;
	font-size: 13px;
	vertical-align: middle;
}

@media  (min-width:601px) and (max-width:1200px) {
	#dvContainer1 {
		margin: auto;
		background-color: #f2f2f2;
		max-width: 1024px;
		min-width: 100%;
		text-align: center;
		overflow-x: hidden;
		overflow-y: auto;
	}

	#dvContainer2 {
		margin: auto;
		background-color: #f2f2f2;
		max-width: 1024px;
		min-width: 100%;
		text-align: center;
		padding-left:10px;
		padding-right:5px;
	}
	#td1 {
		padding-left:5px;
		padding-right:5px;
		padding-top:10px;
		padding-bottom:10px;
		min-width:80px;
		max-width:200px;
		font-weight: bold;
		font-size: 13px;
		vertical-align: middle;
	}
	#usrInputs {
		min-width:100px;
		width: 45vw;
		max-width:500px;
		font-size: 13px;
		vertical-align: middle;
	}

	#usrInputs1 {
		min-width:60px;
		width: 25vw;
		max-width:150px;
		font-size: 13px;
		vertical-align: middle;
	}

}

@media only screen and (max-width: 600px) {
	#dvContainer1 {
		margin: auto;
		background-color: #f2f2f2;
		max-width: 1024px;
		min-width: 100%;
		text-align: center;
		overflow-x: hidden;
		overflow-y: auto;
	}

	#dvContainer2 {
		margin: auto;
		background-color: #f2f2f2;
		max-width: 1024px;
		min-width: 100%;
		text-align: center;
		padding-left:10px;
		padding-right:5px;
	}
	#dvContainer3 {
		margin: auto;
		background-color: #f2f2f2;
		max-width: 1024px;
		min-width: 100%;
		text-align: center;
	}
	#td1 {
		padding-left:5px;
		padding-right:5px;
		padding-top:10px;
		padding-bottom:10px;
		min-width:80px;
		max-width:200px;
		font-weight: bold;
		font-size: 13px;
		vertical-align: middle;
	}
	#usrInputs {
		min-width:100px;
		width: 45vw;
		max-width:500px;
		font-size: 13px;
		vertical-align: middle;
	}

	#usrInputs1 {
		min-width:60px;
		width: 25vw;
		max-width:150px;
		font-size: 13px;
		vertical-align: middle;
	}
}

/* width */
::-webkit-scrollbar {
	width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #555;
}