html{
background:#006458;
background:-moz-linear-gradient(top,#A7BDCE 0,#6A8199 100%) fixed;
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#A7BDCE),color-stop(100%,#6A8199)) fixed;
background:-webkit-linear-gradient(top,#A7BDCE 0,#6A8199 100%) fixed;
background:-o-linear-gradient(top,#A7BDCE 0,#6A8199 100%) fixed;
background:-ms-linear-gradient(top,#A7BDCE 0,#6A8199 100%) fixed;
background:linear-gradient(to bottom,#A7BDCE 0,#6A8199 100%) fixed;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7BDCE',endColorstr='#6A8199',GradientType=0);}

body{font-family:Arial,Helvetica,sans-serif;padding:0;margin:0;}
#container{width:1270px;margin:0 auto;}
#content{
width:900px;
background-color:white;
padding:15px;margin:20px;margin-left:175px;position:relative;min-height:260px;z-index:1;border-radius:10px;-webkit-box-shadow:0 0 30px rgba(0,0,0,0.7);box-shadow:0 0 30px rgba(0,0,0,0.7);}
#nav{
position:absolute;
z-index:0;
width:150px;
background-color:white;
background:-moz-linear-gradient(top,#E1E1E1 0,#FDFDFD 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#E1E1E1),color-stop(100%,#FDFDFD));
background:-webkit-linear-gradient(top,#E1E1E1 0,#FDFDFD 100%);
background:-o-linear-gradient(top,#E1E1E1 0,#FDFDFD 100%);
background:-ms-linear-gradient(top,#E1E1E1 0,#FDFDFD 100%);
background:linear-gradient(to bottom,#E1E1E1 0,#FDFDFD 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E1E1E1',endColorstr='#FDFDFD',GradientType=0);
margin-top:80px;
margin-left:15px;
-webkit-border-radius:5px 0 0 5px;
border-radius:5px 0 0 5px;
padding:5px;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.7);
box-shadow:0 0 20px rgba(0,0,0,0.7);
font-family:Arial,Helvetica,sans-serif;}

#nav ul{list-style-type:none;margin:8px;padding-left:5px;}
#nav ul li a{color:#836527;}
#nav ul li a:hover{color:black;text-decoration:none;}
a{text-decoration:none;color:#815b00;}
a:hover{color:#b98300;text-decoration:underline;}
h1,h2,h3{color:#1d428c;font-weight:500;font-family:Arial,Helvetica,sans-serif;}
h1{border-bottom:1px solid #83a5e9;margin-top:0;}
h2{font-size:20px;margin-top:45px;margin-bottom:10px;}
h3{color:#517bd1;font-size:16px;margin-top:20px;margin-bottom:10px;}
ul{list-style-type:none;}
ul li{margin:8px;}
a img{border:none;}
.empty{font-style:italic;margin-left:20px;}
.children{margin-left:5px;padding-left:13px;border-left:2px solid #ace0d7;}
.children table{margin-left:0;}
.children .child{padding-bottom:15px;}
.children .child>.name-link{display:block;margin-top:20px;margin-bottom:10px;font-weight:bold;}
table{width:870px;margin-left:20px;border-spacing:0;table-layout:fixed;border:1px solid #4f9589;border-radius:3px;-webkit-box-shadow:1px 1px 3px rgba(50,50,50,0.3);box-shadow:1px 1px 3px rgba(50,50,50,0.3);}
table col.type{width:200px;}
table col.date{width:200px;}
table col.place{width:386px;}
table col.sources{width:28px;}
table col.note{width:28px;}
table col.media{width:28px;}
table tbody tr{background-color:white;}
table tbody tr:nth-child(odd){background-color:#E1E1E1;}
table tbody tr td{padding:5px 5px 5px 8px;}
#families table{margin-bottom:30px;}
#families table col.type{width:120px;}
#families table col.title{width:200px;}
#families table col.name{min-width:450px;}
#families table col.dates{width:300px;}
.name-link .person{font-size:12pt;font-weight:bold;}
.name-link .person.button-bar{border-right:none;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;padding-right:8px;}
.name-link .button-segment,.name-link .button-cap,.name-link .button-start{cursor:pointer;text-align:center;padding:1px 2px;display:inline-block;height:15px;width:12px;border:1px solid #ccd;background-color:#eeeef2;box-shadow:inset 1px 1px 1px white;-webkit-box-shadow:inset 1px 1px 1px white;position:relative;top:3px;}
.name-link .button-start{margin-left:8px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;}
.name-link .button-cap{padding-right:5px;-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;}
.name-link.small .person{font-size:10pt;padding:1px 2px;height:14px;}
.family-button{position:relative;}
.family-dropdown{font-size:12pt;font-weight:normal;background-color:#668;border:1px solid #88a;right:0;width:200px;position:absolute;padding:2px;z-index:1000;margin:4px;opacity:.96;}
.family-dropdown li{margin:0;padding:0;}
.family-dropdown li a{color:white;display:block;padding:2px;}
.family-dropdown li a:hover{background-color:#88a;}
.individual-link{background:url("../images/person.png") center no-repeat;}
.groupsheet-dropdown-link{background:url("../images/family.png") center no-repeat;}
.pedigree-link{background:url("../images/pedigree.png") center no-repeat;}
.male:before{content:url("../images/male.png");margin-left:5px;margin-right:7px;position:relative;top:1px;}
.female:before{content:url("../images/female.png");margin-left:5px;margin-right:7px;position:relative;top:1px;}
#search{float:right;}
.index-nav-bar{margin-bottom:16px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;}
.index-nav-bar a{font-weight:normal;}
ul.sub-navbar li{display:inline;}
ul.given-name-list{overflow-y:auto;max-height:500px;}
ul.given-name-link-bar li{display:inline;margin:3px;word-wrap:break-word;}
ul.given-name-link-bar.names li{margin:10px;}
a.selected{text-decoration:underline;}
.source-link span,.note-link span{display:none;}
#general-note{max-height:200px;overflow-y:auto;margin-left:20px;}
#media ul{list-style-type:none;}
#media ul li{display:inline;margin:5px;}
#media ul li a img{border:3px solid transparent;}
#media ul li a img:hover{border:3px solid rgba(0,160,255,0.5);}
#notes,#sources .popup-wrapper{display:none;}
#sources.empty-general h2{display:none;}
.webtag{margin-left:20px;}
.webtag img{margin-left:8px;}
.contact-block{background-color:white;border:1px solid black;border-radius:2px;margin-top:25px;margin-left:-10px;max-width:350px;padding:0 20px 10px 20px;position:absolute;z-index:1000;-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.7);box-shadow:3px 3px 3px rgba(0,0,0,0.7);}

@media print{
#container{margin:0;width:100%;}
#content{width:90%;margin:0;margin-left:0;box-shadow:none;-webkit-box-shadow:none;}
#nav,#general-note,#media{display:none;}
.name-link .individual-link,.name-link .family-button,.name-link .pedigree-link{display:none;}
.source-link span,.note-link span,.gallery span{display:inline;}
.source-link img,.note-link img,.gallery img{display:none;}
#notes{display:block;}
#notes h3{display:inline;font-size:14px;color:black;}
#notes h3:after{content:":";}
#sources{display:block;}
#sources .popup-wrapper{display:block;}
#sources.empty-general h2{display:block;}
#sources h3{display:none;}
}