/*	Tabbed content	*/

ul.tabs{ margin: 0px; padding: 0px; list-style: none; }
ul.tabs li{ background: none; color: #222; display: inline-block; padding: 10px 15px; cursor: pointer; }
ul.tabs li.current{ background: #ededed; color: #222; }
.tab-content{ display: none; background: #ededed; padding: 15px; }
.tab-content.current{ display: inherit;}

/*	Paretnage Table	*/

table#parentageTable {   border-collapse: separate; border-spacing: 2px 2px; width: 100%; }
table#parentageTable td { padding: 3px 5px; }
.equineMale { background: #bfc9fa; }
.equineFemale { background: #eed5f0; }
.equineUndefined { background: #eeeeee; color: #888888; }

/*	Grading Table of Results */

.row > div > div { padding: 5px 20px; }
.label { width: 25%; float: left; text-align: right; }
.record { width: 75%; float: right; font-weight: bold; }

.row::after { content: ""; clear: both; display: table;}

/* Progeny details */
.progenyRecord { padding: 5px 0px; font-size: 0.8em; }
.progenyRecord > div { border-left: 2px solid #cccccc; display: inline-block; padding: 3px 10px; }
.progenyRecord > div:first-of-type { border: none; }
.progenyRecord .equineName { font-size:1.2em; }
#ParentageRecord #loading { font-size: 2em; margin: auto; text-align: center;
   color: #293351;
   text-shadow:
       3px 3px 0 #ccc,
     -1px -1px 0 #ccc,  
      1px -1px 0 #ccc,
      -1px 1px 0 #ccc,
       1px 1px 0 #ccc;
	    background: url('../img/loading.gif') no-repeat center center; padding: 100px;}
.equineName .equineSex {	display:inline-block; width:16px; height:16px; margin: 0; padding: 0 3px; }
.equineSex.sex-F { background:url('../img/icon-F.png') no-repeat top left; }
.equineSex.sex-M { background:url('../img/icon-M.png') no-repeat top left; }