@CHARSET "UTF-8";

#pedigree {
   margin-top: 2em;
}

#pedigree .notice {
	margin-top: 10em;
	color: #444;
	font-style: italic;
}

.info {
   margin-top: 1em;
   padding: 0.5em;
   color: #444;
   border: 1px solid #ffce7b;
   line-height: 1.2em;
}

/* #pedigree table {
   border-collapse: separate;
   border-spacing: 0 5px;
} */

#pedigree tr {
   vertical-align: top;
   /* background-color: #eee; */
}

#pedigree td {
   margin: 0;
   padding: 0;
   font-size: 90%;
   line-height: 110%;
}

#pedigree td.half {
   width: 50%;
}

#pedigree td.third {
   width: 33.3%;
}

#pedigree td.fourth {
   width: 25%;
}

#pedigree td.fifth {
   width: 20%;
}

#pedigree td.sixth {
   width: 16.67%;
}

#pedigree td {
   max-width: 300px ! important;
}

#pedigree td.ol {
   background-image: url("/img/misc/pedigree_ol.gif");
   background-position: right bottom;
   background-repeat: no-repeat;
}

#pedigree td.or {
   background-image: url("/img/misc/pedigree_or.gif");
   background-position: left bottom;
   background-repeat: no-repeat;
}

#pedigree td.ul {
   background-image: url("/img/misc/pedigree_ul.gif");
   background-position: right top;
   background-repeat: no-repeat;
}

#pedigree td.ur {
   background-image: url("/img/misc/pedigree_ur.gif");
   background-position: left top;
   background-repeat: no-repeat;
}

#pedigree td.c {
   background-image: url("/img/misc/pedigree_c.gif");
   background-position: center bottom;
   background-repeat: no-repeat;
}

#pedigree td div {
   border: 1px solid #aaa;
   text-align: center;
   margin: 4px 8px 16px 8px;
   padding: 0.5em;
   background-color: #efefef;
}

#pedigree td div.follow:hover {
   background-color: #ffce7b;
}

#pedigree td div.swap:hover {
   background-color: #ffce7b;
   border: 1px solid #ff224e;
}

#pedigree td div h3 {
   margin: 0 0 0.5em 0;
   color: #000;
   font-size: 1em;
   line-height: 1.1em;
}

#pedigree td span {
   color: #444;
   font-size: 0.9em;
}

#pedigree td div p {
   margin: 0 0 0.25em 0;
   color: #444;
   line-height: 1.2em;
}

#pedigree hr {
   border-color: #aaa;
}

#pedigree .cleric {
   color: #990066;
}

table#a_to_z {
   /* border-collapse: separate; */
}

table#a_to_z td {
   width: 1.25em;
   margin: 0;
   padding: 0.5em;
   text-align: center;
}

table#a_to_z td a {
   display: block;
   padding: 0.25em;
   border: 1px solid #c7ced8;
}

table#a_to_z td a:hover {
   background-color: #ffce7b;
   text-decoration: none;
}

table#a_to_z td a.none {
   color: #aaa;
}

table#a_to_z td a.none:hover {
   background-color: transparent;
   color: #aaa;
   cursor: default;
}