body {
  min-height: 200px;
  padding-top: 70px;
}

.jumbotron.person {
    background-color: 3px solid #0CF;
    height: 220px;
    padding-top: 25px;
    padding-bottom: 5px;
}

.jumbotron.person h2 {
    margin-top: 10px;
}

.jumbotron.person .photo img {
    max-height: 180px;
}

#login-dp {
    min-width: 250px;
    padding: 14px 14px 0;
}

.articleBox {
    height: 250px;
}

.articleBoxButtons {
    position: absolute;
    bottom: 0;
    text-align: center;
}

.searchPhotoImg img
{
    max-height: 50px;
}

#articleAssignedPhotos .searchPhotoImg {
    border: 1px solid black;
    margin: 3px;
}

#articleAssignedPhotos .searchPhotoImg a {
    margin: 0 3px;
}

.blog-post div.align-l img,
.blog-post div.align-r img {
    max-width: 100%;    
}

.blog-post div.align-a img {
    max-width: 100%;    
}

.blog-post div.align-l {
    margin-right: 10px;
    float: left;
    max-width: 25%;
}

.blog-post div.align-r {
    margin-left: 10px;
    float: right;
    max-width: 25%;
}

.blog-post div.align-a {
    text-align: center;
    max-width: 100%;
    margin-bottom: 20px;
}

.blog-post img {
    padding-top: 5px;
}

.blog-post .img-label {
    text-align: center;
    padding-bottom: 10px;
}

ul#articleAssignedPhotos {
   margin-bottom: 50px;
}

.datagrid-col-filter-range.form-inline .input-group input.input-sm,
.datagrid-col-filter-range.form-inline .input-group input.input-sm {
    width: 80px;
}

#snippet-personsGrid-pagination div {
    float: left;
}

#snippet-personsGrid-pagination .col-pagination {
    margin: 0 20px;
}

#frm-personsGrid-filter-per_page {
    width: 100px;
}

#snippet-personsGrid-pagination div.col-per-page {
    float: right;
}

#snippet-personsGrid-pagination div.col-per-page select,
#snippet-personsGrid-pagination div.col-per-page input {
    float: left;
}

.datagrid-personsGrid td {
    white-space: nowrap;
}

#anniversaries {
    margin-top: 50px;
}

#anniversaries .placeholder.today {
    background-color: lightblue;
}

#anniversaries img {
    margin-top: 10px;
}

#anniversaries img {
    max-width: 200px;
    max-height: 200px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
}

#anniversaries .placeholder {
    margin-bottom: 20px;
    text-align: center;
}

#anniversaries h4 {
    min-height: 40px;
    vertical-align: middle;
}

table.familyTree {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin: 15px 0;
}

table.familyTree td {
    border: none;
    margin-right: 10px;
}
table.familyTree td.treeData {
    text-align: center;
    padding: 0 10px;
}

table.familyTree td img {
    max-height: 50px;
    margin-bottom: 10px;
}

table.familyTree th {
    text-align: right;
    padding-right: 10px;
}

table.familyTree td.line {
    font-size: 4px;
    height: 6px;
}

table.familyTree td.line-father-right {
    border-left: 3px solid black;
    border-bottom: 3px solid black;
}

table.familyTree td.line-mother-left {
    border-right: 3px solid black;
    border-bottom: 3px solid black;
}

table.familyTree td.hor-line-right {
    border-left: 3px solid black;
}

table.familyTree td.line-child-right {
    border-left: 3px solid black;
    border-top: 3px solid black;
}

table.familyTree td.line-child-left,
table.familyTree td.line-child-hole {
    border-top: 3px solid black;
}

table.familyTree td.line-child-left.first,
table.familyTree td.line-child-right.last {
    border-top: none;
}

table.familyTree td div.personTreeItem {
    border: 2px solid green;
    border-radius: 10%;
    padding: 2px 10px;
    height: 130px;
    position: relative;
}

table.familyTree td div.personTreeItem.died {
    border-color: black;
}

table.familyTree td.many_children div.personTreeItem {
    font-size: smaller;
}

table.familyTree td div.personTreeItem.wedding
{
    max-width: 110px;
    max-height: 50px;
    border-color: blue;
    text-align: center;
    margin: auto;
    position: relative;
}

table.familyTree td.wedding {
    vertical-align: bottom;
    text-align: center;
}

table.familyTree td.wedding span.wedding_selection{
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
}

table.familyTree td div.personTreeItem span.children
{
    font-size: smaller;
}

table.familyTree td div.personTreeItem span.personOpen {
    position: absolute;
    right: 5px;
    top: 2px;
}

#map {
   width: 100%;
   height: 400px;
   background-color: grey;
 }

#map.bigMap {
   min-height: 800px;
   height: 100%
 }

 .jumbotron.place {
    background-color: 3px solid #0CF;
    height: 100px;
    padding-top: 25px;
    padding-bottom: 5px;
}

.jumbotron.place h2 {
    margin-top: 10px;
}

.jumbotron.place .photo img {
    max-height: 180px;
}

#frm-personEditForm fieldset {
    margin-top: 10px;
}

div.direct_ancestor, a.direct_ancestor {
    background-color: greenyellow;
}

div.person_member {
    padding-left: 5px;
    margin-bottom: 5px;
}

div.photoGallery div.galleryItem {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    height: 180px;
    text-align: center;
}

div.photoGallery div.galleryItem:hover {
    border: 1px solid #777;
}

div.photoGallery div.galleryItem img {
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    height: 80%;
    width: auto;
}

div.photoGallery div.galleryItem div.description {
    padding: 5px;
    text-align: center;
}

div.photoGalleryDetail {
    text-align: center;
}

div.photoGalleryDetail img {
    margin: 10px;
}

.footer p {
    margin-top: 10px;
    padding: 10px;  
    text-align: center;
    background-color: #eee;
}

.carousel {
    height: 300px;
}

.carousel .carousel-inner, .carousel .carousel-inner .item {
    height: 100%;
}

.carousel .item p {
    font-size: x-large;
    text-align: center;
    vertical-align: middle;
}

.carousel .item {
    background-color: greenyellow;
    text-align: center;
}

.carsousel .item img {
    text-align: center;
}


.carousel-inner > .item > img {
    margin: auto;
}