body {
    
	max-width: 1200px;
	margin: auto;
}
.h1style {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 50px;

}


.tg  {
	width: 100%;
	border-collapse: collapse;
	border-spacing:0;
	margin:0px auto;}


/*.tg td{
	width: 25%;
	border-color:black;
	border-style:solid;
	border-width:1px;
	font-family:Arial, sans-serif;
	font-size:14px;
	overflow:hidden;
	padding:10px 5px;
	word-break:normal;
}*/


.tg th
{border-color:black;
	border-style:solid;
	border-width:1px;
	font-family:Arial, sans-serif;
	font-size:14px;
  font-weight:normal;
  overflow:hidden;
  padding:10px 5px;
  word-break:normal;
}

.tg-0lax{
	width: 25%;
	border-color:black;
	border-style:solid;
	border-width:1px;
	font-family:Arial, sans-serif;
	font-size:11px;
    font-weight: bold;
	overflow:hidden;
	padding:12px 5px;
	word-break:normal;
	text-align:center;
	vertical-align:center;

    
}

.tg-02ax {
	width: 25%;
	border-color:black;
	border-style:solid;
	border-width:1px;
	text-align:center;
	vertical-align:center;
	color: white;
	background-color: black;
	font-family: 'Times New Roman', Times, serif;
	font-size:14px;
 	font-weight: 700;
     font-style: italic;
 	overflow:hidden;
	padding:10px 5px;
	word-break:normal;

}

.knawl {
	color:red;
	text-align: center;
}

.myButton {
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color:#7892c2;
	border-radius:10px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	padding:12px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
	}
.myButton:hover {
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color:#476e9e;
}
.myButton:active {
	position:relative;
	top:1px;
}


.container {
    display: grid;
    grid-template-columns: .9fr 1.05fr 1.05fr;
    grid-template-rows: 0.2fr 0.2fr 0.2fr 4.2fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
      "Picture Pedigree Pedigree"
      "Picture CallName Colour"
      "Picture Birthday Sex"
      "Table Table Table";
 
    margin-top: 50px; 

  }
  
  .Picture {
  
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right:1px solid black ;
    grid-area: Picture;
    
    
  }
  
  .Pedigree {
    border-top: 1px solid black;
    border-right: 1px solid black ;
    grid-area: Pedigree;
    padding-left: 50px;
  }  
  
  .CallName { 
      padding-left: 15px;
      grid-area: CallName; }
  
  .Birthday {
       grid-area: Birthday;
       padding-left: 15px;
       
     }
  
  .Colour { 
      grid-area: Colour;
      padding-left: 15px;
      border-right:1px solid black ;
     }
  
  .Sex { 
      grid-area: Sex;
      padding-left: 15px;
      border-right:1px solid black ;
     }
  
    
  .Table {
  
    grid-area: Table;
  }
  .img {
    margin-top: 25px;
      max-height: 100px;
  }