/* The Longhope Village Website CSS Stylesheet
 * (c) 2000-2016 The Longhope Village Website (http://www.longhopevillage.co.uk/)
 */
tr.grave-header .col-1 {width:50px;display:inline-block;}
tr.grave-header .col-2 {width:100px;display:inline-block;}
tr.grave-header .col-3 {width:410px;display:inline-block;}
tr.grave-header .col-4{width:300px;display:inline-block;text-align:center}
tr.grave-entry .col-1 {width:50px;display:inline-block;vertical-align:top;}
tr.grave-entry .col-2 {width:100px;display:inline-block;vertical-align:top;}
tr.grave-entry .col-3 {width:400px;display:inline-block;vertical-align:top;padding:5px;}
tr.grave-entry .col-4 {width:300px;font-size:12px;text-align:center;/*font-weight:bold;*/display:inline-block;padding:5px;color:#000000}

td.census-header .col-1 {width:50px;display:inline-block;}/* ID */
td.census-header .col-2 {width:120px;display:inline-block;vertical-align:top;}/* Name */
td.census-header .col-3 {width:120px;display:inline-block;vertical-align:top;} /* Surname */
td.census-header .col-4 {width:100px;display:inline-block;vertical-align:top;}
td.census-header .col-5 {width:40px;display:inline-block;vertical-align:top;} /* Age */
td.census-header .col-6 {width:40px;display:inline-block;vertical-align:top;} /* Sex */
td.census-header .col-7 {width:200px;display:inline-block;vertical-align:top;} /* Place of birth */ 
td.census-header .col-8 {width:100px;display:inline-block;vertical-align:top;}
td.census-header .col-9 {width:180px;display:inline-block;vertical-align:top;}

td.census-entry .col-1 {width:50px;display:inline-block;}/* ID */
td.census-entry .col-2 {width:120px;display:inline-block;vertical-align:top;}/* Name */
td.census-entry .col-3 {width:120px;display:inline-block;vertical-align:top;} /* Surname */
td.census-entry .col-4 {width:100px;display:inline-block;vertical-align:top;}
td.census-entry .col-5 {width:40px;display:inline-block;vertical-align:top;} /* Age */
td.census-entry .col-6 {width:40px;display:inline-block;vertical-align:top;} /* Sex */
td.census-entry .col-7 {width:200px;display:inline-block;vertical-align:top;} /* Place of birth */ 
td.census-entry .col-8 {width:100px;display:inline-block;vertical-align:top;}
td.census-entry .col-9 {width:180px;display:inline-block;vertical-align:top;}

td.census-entry:hover {background:linear-gradient(#ff6600,#ffdd88);border-color:#ff6600;}
td.census-house {}

td.baptism-entry .col-1{width:30px;display:inline-block}/* id */
td.baptism-entry .col-2{width:70px;display:inline-block}/* cdate */
td.baptism-entry .col-3 {width: 100px;display:inline-block}/*name*/
td.baptism-entry .col-4{width:100px;display:inline-block}/*surname*/
td.baptism-entry .col-5{width:100px;display:inline-block}/*fname*/
td.baptism-entry .col-6{width:100px;display:inline-block}/*mname*/

td.football-entry .col-1 {width:150px;display:inline-block;}
td.football-entry .col-2 {width:300px;display:inline-block;}
td.football-entry .col-3 {width:100px;display:inline-block;text-align:center;}
td.football-entry .col-4 {width:300px;display:inline-block;text-align:right;}

 .grave-map-label-box{
        position:absolute;
        border: solid 4px #ffffff;
        z-index:10;
    }
    .grave-map-label-container{
        position: absolute;
    }
    .grave-map-label{
        background:#ffffff;
        font-size:12px;
        color:#000000;
        padding: 1px;
        z-index:10;
    }
    .grave-map-label-arrow{
        position:relative;
        left:4px;
        border-bottom: solid 8px #ffffff;
        border-top: none;
        border-left:solid 8px transparent;
        border-right: solid 8px transparent;
        width:0px;
    }
span.tree-baptism {color:#009900;}

a.a-tree-baptism:link {color:#000000;}
a.a-tree-baptism:visited {color:#000000;}
a.a-tree-baptism:hover {color:#009900;}

input.spreadsheet-cell {border:solid 1px #ffffff;margin-left:1px;margin-top:1px;}
input.spreadsheet-cell-last {margin-right:1px;}
input.spreadsheet-cell:focus {background-color:#ffdd88;color:#ee6600}
input.spreadsheet-fixed {border:solid 1px #999999;background-color:#999999;color:#ffff00;margin-left:1px;margin-top:1px;}
span.tree-burial {color:#000099;}
span.tree-marriage {color:#ff0000;}

/*input:focus {border:solid 1px #ff6600;background-color: #ffdd88;color: #ff6600;}*/

input.red-button {padding:5px;background:linear-gradient(#ffcccc,#b70000);color:#ffffff;border:solid 1px #b70000;border-radius:7px;}
input.red-button:hover {cursor:pointer;background:linear-gradient(#b70000,#ffcccc);}

.upload-picture150 {border:solid 4px #3333ee;background-color:#eeeeff;border-radius:3px;color:#3333ee;font-size:10px;height:100px;text-align:center;vertical-align:middle;width:150px;}
.upload-picture150-drag {background-color:#ffeeee;color:#ee3333;border:solid 4px #ee3333;border-radius:3px;font-size:10px;height:100px;text-align:center;vertical-align:middle;width:150px;cursor:copy;}

img {border:none;}

a:link {
	color: #660099;
	text-decoration: none;
}
a:visited {
	color: #990099;
	text-decoration: none;
}
a:hover {
	color: #99ccff;
	text-decoration: none;
}
.nav_td{
	text-align: center;
	background-color: #33dcff
}
.nav_menu_table {
	border-left-width:1px;
}
.nav_menu_td {
	line-height: 14px;
	border-width: 1px;
	border-style: solid;
	border-color: #3300CC;
	text-align: center;
	background-color: #CCFFFF;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
}
.nav_menu_heading {
	border-width: 1px;
	border-style: solid;
	border-color: #3300CC;
	background-color: #CCFFFF;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
}
.nav_menu_a {
	font-size: 12px;
	color: #0099ff;
	font-weight: bold;
	line-height: 14px;
	text-align: center;
}
.nav_menu_a:link {
	color: #0099FF;
	font-size: 12px;
	font-weight: bold;
}
.nav_menu_a:visited {
	color: #0099ff;
	font-size: 12px;
	font-weight: bold;
}
.nav_menu_a:hover {
	font-size: 12px;
	color: #ff0000;
	font-weight: bold;
}
/*the a tag must have been defined previously to .nav_a*/
.nav_a:link {
	color: #000099;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none
}
.nav_a:visited {
	color: #000099;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.nav_a:hover {
	color: #ff0000;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
/* global rubbish */
.align_left { 
  margin-left: 0px;
}
.align_right {
	text-align: right;
    margin-right:0px;
}
body {
	padding: 0px; 
    margin: 0px; 
    background-color:#ffffbb;
    height:100%;
    color:#cc0000;
	font-size: 16px;
}
.bold {
	font-weight: bold;
}
.button {
	border-style: solid;
	border-width: 1px;
	border-color: #3300cc;
	text-align: center;
	font-weight: bold;
	background-color: #ccffff; 
	color: #0099ff;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.button:hover {
	border-style: solid;
	border-width: 1px;
	border-color: #cc0000;
	text-align: center;
	font-weight: bold;
	background-color: #ffcccc; 
	color: #cc0000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.border {
	border: 1px;
}
.no_border {
	border: 0px;
}
.float-left{
    float:left;
}
.float-right {
    float:right;
}
h1 {
	color: #000066;
	font-weight: bold;
	font-size: 28px;
	clear: both;
    margin-left:10px;
}
h2 {
	margin-left: -20px;
	color: #000099;
	font-weight: normal;
	font-size: 24px;
    border-bottom: solid 1px #000099;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	clear: both;
}
h3 {
	margin-left: -20px;
	clear: both;
}
h3.related {
	margin-bottom: 3px;
}
h3.ref {
	margin-bottom: 6px;
}
figure {
    border: solid 1px #ffcc00;
    padding: 7px;
    display:inline-block;
    box-shadow: #999999 5px 5px 5px;
    position: relative;
    width: -moz-min-content;
    width: min-content;
}
figure::after {
    position: absolute;
    content: url(/images/pp.gif);
    width: 100%;
    height:100%;
    top:0px;
    left:0px;
}
.figure-block{
    margin:0px 10px 10px 0px;
}
.figure-right {
    float:right;
    margin: 0px 0px 10px 10px;
}
.figure-left {
    float:left;
    margin: 0px 10px 10px 0px;
}
figcaption, .framed-image-caption {
    background-color: #ffffff;
    color:#333333;
    font-size:14px;
    text-align:center;
    border-top: solid 1px #999999;
    border-left: solid 1px #999999;
    border-bottom: solid 1px #dddddd;
    border-right: solid 1px #dddddd;
}
p, .normal {
	font-size: 16px;
	color: #cc0000;
    position: relative;
	text-align: justify;
}
.res {
	text-align: center;
}
.small {
	font-size: 12px;
	text-align: center;
	color: #000000;
}
.quote {
    background: #ffffff;
    border: solid 1px #999999;
    color: #000000;
    display: inline-block;
    margin: 20px 0px 20px 50px;
    padding: 20px;
    position:relative;
}
.quote::before{
    content: url('/images/66.gif');
    position: absolute;
    top: -16px;
    left:2px;
}
.quote::after{
    content: url(/images/99.gif);
    position: absolute;
    right: 2px;
    bottom:-16px;
}
.tabbed_r {
	color: #ffffff;
	font-weight: bold;
}
.title {
	position: absolute;
	font-size: 40px;
	font-weight: bold;
	color: #0000cc;
	margin-top: 15px;
	margin-bottom: 0px;
}
.third_width {
	width: 33%;
}
.half_width {
	width: 50%;
}
.nearly_full_width {
	width: 90%;
}
.full_width {
	width: 100%;
}
.no_spacing {
	border-spacing: 0px;
}
.small_spacing {
	border-spacing: 2px;
}
.medium_spacing {
	border-spacing: 5px;
}
.large_spacing {
	border-spacing: 10px;
}
.no_padding {
	padding: 0px;
}
.small_padding {
	padding: 2px;
}
.medium_padding {
	padding: 5px;
}
.large_padding {
	padding: 10px;
}
.top_valign {
	vertical-align: top;
}
td {
	font-size: 16px;
	margin: 0;
}
.tabled-heading {border-radius:7px;border:solid 1px #0000cc;background:linear-gradient(#0000cc,#0099ff);font-size:12px;padding:10px;text-transform:uppercase;color:#ffffff;}
.tabled-body {border-radius:7px;border:solid 1px #ffcc00;background:linear-gradient(#ffd800,#ffff99);padding:5px;}
.black {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background: linear-gradient(#000000,#999999); 
	color: #ffffff;
	padding: 5px;
}
.blue {
	border-style: solid;
	border-width: 1px;
	border-color: #0000cc;
	background:linear-gradient(#0000cc,#0099ff);
	color: #ffffff;
	padding: 5px;
}
.dark_blue {
	border-style: solid;
	border-width: 1px;
	border-color: #0000cc;
	background-color: #0099ff;
	color: #0000cc;
	padding: 5px;
}
.green {
	border-style: solid;
	border-width: 1px;
	border-color: #00aa00;
	background:linear-gradient(#00aa00,#00ff66);
	color: #ffffff;
	padding: 5px;
}
.lilac {
	border-style: solid;
	border-width: 1px;
	border-color: #9999ff;
	background-color: #ccccff;
	color: #9999ff;
	padding: 5px;
}
.orange {
	border-style: solid;
	border-width: 1px;
	border-color: #ff6600;
	background: linear-gradient(#ff6600,#ffcc66);
	color: #ffffff;
	padding: 5px;
}
.pink {
	border-style: solid;
	border-width: 1px;
	border-color: #ff33ff;
	background-color: #ffccff;
	color: #ff33ff;
	padding: 5px;
}
.purple {
	border-style: solid;
	border-width: 1px;
	border-color: #990099;
	background-color: #cc99ff;
	color: #990099;
	padding: 5px;
}
.red {
	border-style: solid;
	border-width: 1px;
	border-color: #cc0000;
	background: linear-gradient(#cc0000,#ff9999);
	color: #ffffff;
	padding: 5px;
}
.yellow {
	border: solid 1px #ffcc00;
	background: linear-gradient(#ffff99,#ffffbb);
	color: #cc0000;
	padding: 5px;
}
.white, .caption {
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	background-color: #ffffff;
	color: #666666;
	padding: 5px;
}
.graphic {
	text-align: center;
	font-size: 12px;
}
.link {
	color: #000099;
}
.oversize {
	font-size: 18pt;
}
.centred {
	margin-left: auto;
	margin-right: auto;
}
.text_centred {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/* history specific stuff */
.h_mnav {
	color: #000000;
	font-weight: bold;
	font-size: 20px;
}
.h_nav {
	font-size: 12pt;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.h_sub {
	font-size:8pt;
	color:#333333;
}
/* family history specific stuff */
.fhist_addr {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.fhist_alt {
	background-color: #ffffcc;	
}
.fhist_cens {
	font-size: 16px;
	text-align: center;
}
.fhist_inscription {
	font-size: 12px;
	color: #000000;
	text-align: center;
	font-weight: bold;
}
.fhist_id {
	width: 30px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}
.fhist_loc {
	width: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	vertical-align: top;
}
.fhist_img {
	width: 100px;
	vertical-align: top;
}
.fhist_desc {
	font-size: 16px;
}
/* links */
.links_section {
	background-color: #66ccff;
	color: #000000;
	font-size: 20px;
	font-weight: bold;
}
.links_link {
	background-color: #ffffff;
	color: #6666ff;
}
.links_description {
	background-color: #ffffff;
	color: #000000;
}
/* news */
.news_comments {
	color: #cccccc;
	font-size: 14px;
}
.news_date {
	background-color: #ffffff;
	color: #0000ff;
	font-weight: bold;
}
.news_desc {
	background-color: #ffff99
}
.news_year {
	background-color: #ffffff;
	color: #ff0000;
	font-size: 28px;
	font-weight: bold;
}
/* site map */
.site_main {
	font-size:20px;
}
.site_sub {
	margin-left: 40px;
	font-size: 16px;
}
.site_subsub {
	margin-left: 80px;
}
/* snapshots */
.snap_album_title {
	text-align: center;
	font-size: 14px;
	color: #000000;
}
.snap_caption {
	text-align: center;
	font-size: 16px;
	background-color: #ffffff;
}
.snap_thumbnail {
	text-align: center;
	border-width: 0px;
}

/* tour */
.tour_caption {
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}