body {
  padding-top: 60px;
}

.toolbar table { 
		border-collapse: collapse;
		text-align: left;
		width: 100%; 
		}
.toolbar {
		font: normal 12px/150% Arial, Helvetica, sans-serif; 
		background: #dac9a1; 
		overflow: hidden; 
		border: 2px solid #000000;
		border-radius: 0px; 
		width: 100%; 
		padding-top: 0px;
		padding-bottom: 2px;
		position: fixed; /* Set the navbar to fixed position */
		top: 0; /* Position the navbar at the top of the page */
		}
.toolbar table tbody td { 
		color: #000000; 
		background-color:#111111;
		font-size: 12px;
		font-weight: normal; 
		padding: 5px;
		}


		
.datagrid table { 
		border-collapse: collapse;
		text-align: left;
		width: 100%; 
		}
.datagrid {
		font: normal 16px/150% Arial, Helvetica, sans-serif; 
		background: #ffffff; 
		overflow: hidden; 
		border: 1px solid #000000;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius: 0px; 
		width: 100%; 
		max-width: 626px;
		}
.datagrid table td, .datagrid table th {
		padding: 3px 10px; 
		}
.datagrid table thead th {
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#87BEEC', endColorstr='#235B8B');
		background-color:#77AEDC; color:#000000; 
		font-size: 16px; font-weight: bold; 
		text-align: left;
		}
.datagrid table thead th:first-child { 
		border-bottom: 1px solid #000000;
		font-size: 16px;
		font-weight: bold; 
		padding: 5px 15px; 
		}
.datagrid table thead th:last-child { 
		border-bottom: 1px solid #000000;
		font-size: 16px;
		font-weight: bold; 
		padding: 5px 15px; 
		}
.datagrid table tbody td { 
		color: #000000; 
		background-color:#D6E7F6;
		font-size: 16px;
		font-weight: normal; 
		padding: 7px 15px; 
		}
.datagrid table tbody td:first-child { 
		border-left: none; 
		}
.datagrid table tbody tr:last-child td { 
		border-bottom: none; 
		}
		


.button{
	text-decoration:none; text-align:center; 
	padding-top:10px;
	padding-bottom:15px; 
	padding-left:5px;
	padding-right:5px;
	border:solid 1px #111111;

	color:#dac9a1; 
	background-color:#111111; 
	display: inline-block;
	/* for smaller mobile screens */
	font:14px Arial, Helvetica, sans-serif;
	width:15%;
}
.button:visited{
	color:#dac9a1; 
	background-color:#111111; 
}
.button:hover{
	background-color:#111111; 
	border:solid 1px #dac9a1;
	color:#dac9a1; 
}
.button:active{
}
@media (min-width: 702px) {
.button{
	/* for larger PC screens */
	font:18px Arial, Helvetica, sans-serif;
	width:90px
    }
}