/* Common */
@media screen and (max-width: 800px) and (hover: none) { 
	.widestuff { zoom: 0.80; -moz-transform: scale(0.80);}	
	#shrunk { background-color:lightcyan !important; }
	.tooltip {
        display: none !important;
    }	
	.editor-nav .nav-link {
	padding-right:30px !important;
}

	/*
	.f95 { font-size:12px !important; }
	.f90 { font-size:11px !important; }
	.f85 { font-size:10px !important; }
	.f80 { font-size:10px !important; }
	*/
}

@media (hover: hover) { 
	#chopper { background-color:lightcyan !important; }
	#tp-main-menu .navbar .dropdown:hover > .dropdown-menu { display: block !important; }	
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   /* IE10+ CSS */
	#chopper { background-color:lightcyan !important; }
	#tp-main-menu .navbar .dropdown:hover > .dropdown-menu { display: block !important; }	
}

.standard-container {
	max-width:960px; margin:auto; font-size:15px; line-height:1.3;
}

#sign-in {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:160px; 
	padding:5px;
	margin-left:5px;
	text-align:center; 
	border : 1px groove lightgray; 
	background: rgba(255, 255, 255, 0.1);
}

.thumbnail {
  position: relative;
  width: 49px;
  height: 49px;
  overflow: hidden;
}
.thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.thumbnail img.portrait {
  top: 60% !important;
  width: 100%;
  height: auto;
}

.thumbnail img.portraitc {
  width: 100%;
  height: auto;
}

.tp-bg-dark .tp-border {
	border:1px solid DarkGray;
}

.tp-bg-light .tp-border {
	border:1px solid DimGray;
}



.tooltip.show { opacity: 1; } 
#tp-main-menu .navbar .dropdown-menu { margin-top: 0px; }
#tp-main-menu .navbar .dropdown-toggle::after { display:none; }
#tp-main-menu .navbar-dark .navbar-nav .active>.nav-link, #tp-main-menu .navbar-dark .navbar-nav .nav-link.active, #tp-main-menu .navbar-dark .navbar-nav .nav-link.show, #tp-main-menu .navbar-dark .navbar-nav .show>.nav-link { color: #ffcc00; background-color: #555; }
#tp-main-menu .navbar-dark .navbar-nav .nav-link { color: white; }
#tp-main-menu .navbar-dark .navbar-nav .nav-link:focus, #tp-main-menu .navbar-dark .navbar-nav .nav-link:hover { background-color: #555 !important; }
#tp-main-menu .navbar-dark { font-size: 1.0em; background-color: black !important; }
#tp-main-menu .navbar-dark  .nav-item { border-left: 1px solid #555; }
#tp-main-menu .navbar-dark .dropdown-menu { background-color: black !important; }
#tp-main-menu .navbar-dark .dropdown-menu a { color: white !important; }
#tp-main-menu .navbar-dark .dropdown-menu a:hover { background-color: #555; color: white !important; }
#tp-main-menu .navbar-dark .dropdown-menu a:active { color: #555 !important; }


#tp-main-menu .navbar-light .navbar-nav .active>.nav-link, #tp-main-menu .navbar-light .navbar-nav .nav-link.active, #tp-main-menu .navbar-light .navbar-nav .nav-link.show, #tp-main-menu .navbar-light .navbar-nav .show>.nav-link { color: #ffcc00; background-color: #555; }
#tp-main-menu .navbar-light .navbar-nav .nav-link { color: black; }
#tp-main-menu .navbar-light .navbar-nav .nav-link:focus, #tp-main-menu .navbar-light .navbar-nav .nav-link:hover { background-color: #555 !important; }
#tp-main-menu .navbar-light { font-size: 1.0em; background-color: white !important; }
#tp-main-menu .navbar-light  .nav-item { border-left: 1px solid #555; }
#tp-main-menu .navbar-light .dropdown-menu { background-color: white !important; }
#tp-main-menu .navbar-light .dropdown-menu a { color: black !important; }
#tp-main-menu .navbar-light .dropdown-menu a:hover { background-color: #555; color: white !important; }
#tp-main-menu .navbar-light .dropdown-menu a:active { color: #555 !important; }


.f95 { font-size:14px; line-height:1.4; }
.f90 { font-size:13px; line-height:1.4; }
.f85 { font-size:12px;  line-height:1.4; }
.f80 { font-size:11px;  line-height:1.4; }

.site-header {
	padding: 5px;
}

.site-header .title {
	font-family: Georgia, "Times New Roman", Times, serif;    
	font-size: 38px; 
	line-height:1.1;
	font-weight: normal;
}

.tp-converted { font-size:15px; line-height:1.3; }
.tp-legacy { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:1.3; }

#site-topnav {
	float:right;
	margin-bottom: 5px;
}

#site-sub-nav {
	padding: 5px 0px 5px 15px;
	font-size:15px;
}
#site-sub-nav .item {
	margin-left:20px;
	font-weight: bold;
}

.tp-pipe-h {
	position:absolute;
	height: 1px; 
	border-top: 2px groove darkgray; 
}

.tp-pipe-v {
	position:absolute;
	width: 1px; 
	border-left: 2px groove darkgray; 
}

.tp-pipe-c {
	position:absolute;
	border-left: 2px groove darkgray; 
	border-top: 2px groove darkgray; 
	border-bottom: 2px groove darkgray; 
}




.infomodal {
	width:600px; margin:auto; font-size:15px;
}

.infomodal .info {
	margin-top:5px;
}

.infomodal .info .label {
	float:left;
	width:60px;
	text-align:right;
}

.infomodal .info .data {
	margin-left:70px;
}

#id-family-modal .modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 400px;
    padding: 5px;
}


.jssora12l, .jssora12r, .jssora12ldn, .jssora12rdn {
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(../img/a12.png) no-repeat;
	overflow: hidden;
}
.jssora12l { background-position: -16px -37px;}
.jssora12r { background-position: -75px -37px;}
.jssora12l:hover { background-position: -136px -37px;}
.jssora12r:hover { background-position: -195px -37px;}
.jssora12ldn { background-position: -256px -37px;}
.jssora12rdn { background-position: -315px -37px;}
.infomodal .captionBlack { position:absolute; left:0px; top: 310px; width:340px; height:30px; color: #fff; font-size:16px; line-height: 30px; text-align: center; border-radius: 4px; font-size:13px; background: #000; background-color: rgba(0, 0, 0, 0.4); }

/* Albums */
#albums .album {text-align:center; width:200px; margin:20px; float:left;}
#albums .photo {margin:15px auto 5px auto;}

.paper {
  background: #fff;
  box-shadow:
    0 -1px 1px rgba(0,0,0,0.15),
    0 -10px 0 -5px #eee,
    0 -10px 1px -4px rgba(0,0,0,0.15),
    0 -20px 0 -10px #eee,
    0 -20px 1px -9px rgba(0,0,0,0.15);
    padding: 5px;
}


.td-p6 td {padding:6px !important;}
.td-p4 td {padding:4px !important;}
.td-p2 td {padding:2px !important;}


/* Legacy Stuff - to be deleted */
#ncname {font-family: Verdana;font-size: 8pt;text-align: center}
#ncother {font-family: Verdana;font-size: 8pt;text-align: center}




.body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal;} 
.bodymedium { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal} 
.bodylarge { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal} 
.sitetitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: normal} 
.bodytitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold} 
.bodysubtitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold;} 
.editpersonfieldname { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color:#E47911;} 
.bodybold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold} 
.bodysmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal} 
.bodystrike      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; text-decoration: line-through;}
.input {background:#ffffcc;color:#000000;font-weight: normal;}
.ttext			{font-family: Arial, Verdana; font-weight: bold;   font-size: 10pt; color: #000000;}
.text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #000000;} 
.boldtext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000;} 
.button        {font-family: Arial, Verdana,; font-weight : bold;   font-style: normal; color: #FFFFFF;  font-size: 8pt; background-color: #000000; text-decoration: none;}
.gmapmarker { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #000000; background-color: #FF6B5F; text-decoration: none; border:solid 1px; padding: 0 3px 0 3px; margin: 0 3px 0 2px;} 
#tpmap { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #000000; background-color: #FFFFFF; text-decoration: none;} 
#tpmap a {color: blue; background-color: #FFFFFF; text-decoration: underline;}
.lastnames {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; }

.summarypage {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; }
.summarypage a:link { text-decoration: none; }
.summarypage a:visited  { text-decoration: none; }
.summarypage a:hover    { text-decoration: underline; }
 
.datequay { background-color:#fdfde3;} 



#surnames
{
clear:right;
margin-left: 0px;
}
#surnames table
{
 width: 100%;
 font-size: 12px;
}
#surnames table td
{
width: 20%;
}
#surnames .header
{
text-align:center;
padding: 1px;
margin: 1px;
}

#usefulLinks
{
  margin-left: 0px;
}
#footer
{
text-align:center;
border-top: solid 1px #bbb;
}

#van {	background:#fff;	margin:0 0 0em;	padding:0 0 0px;	}
#van li {	display:inline;	padding:0;	margin:0;	}
#van a {	background-color:#EEEEEE;	border:1px solid #9C9A9C;	border-bottom:0;	padding:5px 25px 5px 25px;	margin-left: 18px;	
	color:#000;	text-decoration:none;	display:block;	float:left;	width:auto;		font-family: Verdana, sans-serif; 	
	font-size: 10pt; 	text-transform:none;	}
#van ul {	float:left;	margin:0;	padding:0;	list-style-type:none;	}
#van a:hover,#van a:focus {	background-color:#fdfde3;	color:#000000;	font-weight: bold;		}
#van .sel a {	border:1px solid #ffcc00;	border-bottom:0;	background-color:#fdfde3;	color:#000000;	font-weight: bold;		}

#sohead {  background:#ffcc00; padding-top:5px;    padding-bottom:5px;}    
.col1 { width:300px; font-size:14px; text-align:left; float:left; padding-left:7px;}
.col1 a:link { text-decoration: none; color:#000; }
.col1 a:visited  { text-decoration: none; color:#000; }
.col1 a:hover { text-decoration: underline; color:#00f; }
.col2 { width:90px; text-align:center; float:left; }
.col3 { width:150px; text-align:center; float:left; display: none;}
.col4 { width:200px; text-align:center; float:left; }
.col5 { width:150px; text-align:center; float:left; }

#editsidebar 
{
	border: solid 1px black;
	 margin:0px;
	 padding:0px;
	 width:700px;
}
#editsidebar thead th
{
	font-size:1.1em;
  font-weight: bold;
 	margin:0px;
 padding: 5px 5px 5px 5px;
 background-color:#FCE644;
 border-bottom: solid 1px black;
}
#editsidebar td
{
 padding: 7px 5px 7px 15px;
 margin:0px;
 border-top: solid 1px black;
 background-color:#fff;
}

#editsidebar tr.current td
{
 background-color:#fdfde3;
}

#editsidebar td td
{
 padding: 5px;
 margin: 0px;
 border: 0px;
}


.thumbnail-230 {
  position: relative;
  width: 230px;
  height: 172px;
  overflow: hidden;
  float:left;
  margin:0;
}
.thumbnail-230 img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}


.portrait-172 {
  position: relative;
  width: 172px;
  height: 172px;
  overflow: hidden;
}
.portrait-172 img {
  position: absolute;
  left: 50%;
  top: 60%;
  width: 100%;
  height: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

.portrait-142 {
  position: relative;
  width: 142px;
  height: 172px;
  overflow: hidden;
}
.portrait-142 img {
  position: absolute;
  left: 50%;
  top: 60%;
  width: 100%;
  height: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}


/* dateentry.css */
span.jq-dte {
  display: inline-block;
  position: relative;
  padding: 2px;
  margin: 1px;
  background-color: #ffffff;
  border: 1px solid #666;
  border-radius: 3px;
}

span.jq-dte-inner {
  border: none;
  padding: 1px;
  margin: 1px;
  white-space: nowrap;
  background-color: #ffffff;
}

span.jq-dte input {
  border: none;
  background-color: #ffffff;
  text-align: center;
  margin: 0;
  padding: 0;
  outline: none;
  vertical-align: middle;
}

span.jq-dte input.error {
  background-color: #ff9999;
  color: #000000;
}

span.jq-dte.readonly,
span.jq-dte.readonly span.jq-dte-inner,
span.jq-dte.readonly input {
  background-color: #f2f2f2;
  color: #666666;
}

span.jq-dte input.hint {
  color: #999999;
}

span.jq-dte span.separator {
  color: #999999;
}

span.jq-dte span.jq-dte-tooltip {
  display: inline-block;
  font-family: sans-serif;
  font-size: 14px;
  background-color: #f5f5b5;
  border: 1px solid #666666;
  margin: 0;
  padding: 1px 3px;
  line-height: 125%;
  z-index: 99;
}

span.jq-dte span.jq-dte-errorbox {
  display: inline-block;
  font-family: sans-serif;
  font-size: 14px;
  background-color: #ff9999;
  border: 1px solid #666666;
  margin: 0;
  padding: 1px 3px;
  line-height: 125%;
  white-space: nowrap;
}

#tp-searchbox {
	padding-right:50px;
}

#navsearchBtn { awidth:50px;}
.tp-font {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal;}
.fira {font-family: "Fira Sans", sans-serif;}
pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
.tp-bg-dark pre { color:#eeeeee;}
.tp-bg-dark .pagination a:link { color:blue; }
.tp-bg-dark .pagination a:visited { color:blue; }
.tooltip-tn { max-width:130px; max-height:130px; width: auto; height: auto; }
@media screen { div#preloader { position: absolute; left: -9999px; top:  -9999px; } div#preloader img { display: block; } }
@media print { div#preloader, div#preloader img { visibility: hidden; display: none; } }
#tp-main-menu .typeahead.dropdown-menu { width:250px !important;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }
input:not([type='button']):not([type='submit']):not(:placeholder-shown) { color: black !important;  font-family: "Fira Sans", sans-serif;}
textarea:not(:placeholder-shown) { color: black !important; font-family: "Fira Sans", sans-serif !important;}
select,option { color: black !important; font-family: "Fira Sans", sans-serif;}

.attach-dialog .typeahead, .attach-dialog .tt-query, .attach-dialog .tt-hint {
	font-size: 15px; /* Set input font size */
	width: 300px;
}
.attach-dialog .tt-menu {
	background-color: white;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	padding: 6px 0;
	width: 380px;
	max-height: 160px;
	overflow-y: auto;	
}
.attach-dialog .tt-suggestion:hover {
	cursor: pointer;
	background-color: #17a2b8;
	color: #FFFFFF;
}
#tp-main-menu .typeahead, #tp-main-menu .tt-query, #tp-main-menu .tt-hint {
	font-size: 15px; /* Set input font size */
	width: 250px;
}
#tp-main-menu .tt-menu {
	background-color: white;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	padding: 4px 0;
	width: 320px; 
}
#tp-main-menu .tt-suggestion:hover {
	cursor: pointer;
	background-color: #17a2b8;
	color: #FFFFFF;
}
.tt-suggestion {
   font-family: "Fira Sans", sans-serif;
	font-size: 15px;  
	padding: 6px 2px 4px 5px;
	line-height:1.1;
	color:#000000;
}

@media screen and (max-width: 900px)  { 
	#tp-searchbox {
		padding-right:5px!important;
	}
	#tp-main-menu .tt-menu {
		width:255px !important;
	}
	#tp-main-menu .tt-query {
		width: 220px !important;
		}
}