body
{
	text-align:center
}
div.web_data_main
{
	max-width: 1100px;
	min-width: 350px;
	text-align: center;
	margin: 0px auto 0px auto;
}
div.web_data_main_search
{
	min-width: 350px;
	max-width: 600px;
	margin: 0px auto 0px auto;
}
form
{
	margin-block-end: 0px;
}
div.aboveResultsTableButtons
{
	text-align: center;
	
}
.detailResults
{
	
	text-align: left;
	font-family: 'Lora',serif;
}

.detailResults table
{
	table-layout: fixed;
	width: 100%;
}

.detailResults td
{
	font-size: 13px;
}
.searchForm 
{
	display: inline-block;
}

.resultsSection
{
	display: inline-block;
	font-family: 'Lora',serif;
}
.tableFirstRow td
{
	font-size: 22px;
	font-weight: bold;
	/*color: #d1dfec;	*/
	color: #ffffff;
	background-color: #3a6f8f;
}
.tableFirstRowResults
{
	color: #d1dfec;
	background-color: #3a6f8f;
}
.results td
{
	font-family: arial;
	font-size: 14px;
	
}

.oddRow
{
	background-color: #eaf2f9;	
}
.detailResults table
{
	text-align: center;
	margin: 0px auto 0px auto;
}
.detailResults td
{
	border: 1px solid #d1dfec;
}

.detailResults td.label
{
	font-weight: bold;
	color: #777777;
}

.detailResults td.value
{

}

.noTopBottom
{
	padding: 0px;
	margin: 0px;
}
h1{
	font-family: 'Lora',serif;
	font-size: 1.6em;
	color:#3a6f8f;
}
.sortButton
{
	
	font-size: 18px;
}
.buttonText, .resultsFirstLabel
{
  font-family: 'Lora',serif;
  background-color: #3a6f8f;
  border: none;
  color: white;
  padding: 2px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  margin: 4px 2px;
  border-radius: 8px;
  cursor:pointer;
}

.resultsSection.sortButton
{
	margin-block-end: 0px;
}

/*******************PRINT BUTTON*********************/

button.print-button {
  width: 60px;
  height: 60px;
}
span.print-icon, span.print-icon::before, span.print-icon::after, button.print-button:hover .print-icon::after {
  border: solid 4px #333;
}
span.print-icon::after {
  border-width: 2px;
}

button.print-button {
  position: relative;
  padding: 0;
  border: 0;
  
  border: none;
  background: transparent;
}

span.print-icon, span.print-icon::before, span.print-icon::after, button.print-button:hover .print-icon::after {
  box-sizing: border-box;
  background-color: #fff;
}

span.print-icon {
  position: relative;
  display: inline-block;  
  padding: 0;
  margin-top: 20%;

  width: 60%;
  height: 35%;
  background: #fff;
  border-radius: 20% 20% 0 0;
}

span.print-icon::before {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 12%;
  right: 12%;
  height: 110%;

  transition: height .2s .15s;
}

span.print-icon::after {
  content: " ";
  position: absolute;
  top: 55%;
  left: 12%;
  right: 12%;
  height: 0%;
  background: #fff;
  background-repeat: no-repeat;
  background-size: 70% 90%;
  background-position: center;
  background-image: linear-gradient(
    to top,
    #fff 0, #fff 14%,
    #333 14%, #333 28%,
    #fff 28%, #fff 42%,
    #333 42%, #333 56%,
    #fff 56%, #fff 70%,
    #333 70%, #333 84%,
    #fff 84%, #fff 100%
  );

  transition: height .2s, border-width 0s .2s, width 0s .2s;
}

button.print-button:hover {
  cursor: pointer;
}

button.print-button:hover .print-icon::before {
  height:0px;
  transition: height .2s;
}
button.print-button:hover .print-icon::after {
  height:120%;
  transition: height .2s .15s, border-width 0s .16s;
}