Working on CSS and themes

826 files changed, 20067 insertions, 45 deletions

diff --git a/resources/css/administration.css b/resources/css/administration.css
index 3e0c172c13..556606dc4b 100644
--- a/resources/css/administration.css
+++ b/resources/css/administration.css
@@ -29,16 +29,8 @@
     padding-left: 4px;
 }
 
-.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
-    padding-right: 2px;
-}
-
-.select2-container[dir="rtl"] .select2-selection--single .NAME {
-    padding-right: 4px;
-}
-
 .wt-global {
-	background: url(paper_fibers.png); /* http://www.subtlepatterns.com */
+	background: url(administration/paper_fibers.png); /* http://www.subtlepatterns.com */
 }
 
 /* Show a placeholder for slow ajax responses. */
@@ -50,7 +42,7 @@
 
 @media (min-device-pixel-ratio: 2) {
 	.wt-global {
-		background: url(paper_fibers_@2X.png);
+		background: url(administration/paper_fibers_@2X.png);
 	}
 }
 
diff --git a/resources/css/administration/paper_fibers.png b/resources/css/administration/paper_fibers.png
new file mode 100644
index 0000000000..2d93493f86
--- /dev/null
+++ b/resources/css/administration/paper_fibers.png
diff --git a/resources/css/administration/paper_fibers_@2X.png b/resources/css/administration/paper_fibers_@2X.png
new file mode 100644
index 0000000000..6a9fc6a6e4
--- /dev/null
+++ b/resources/css/administration/paper_fibers_@2X.png
diff --git a/resources/css/bootstrap-rtl.min.css b/resources/css/bootstrap-rtl.min.css
deleted file mode 100644
index 1d2df7dc20..0000000000
--- a/resources/css/bootstrap-rtl.min.css
+++ /dev/null
@@ -1,7 +0,0 @@
-/*!
- * Bootstrap v4.0.0-beta.3 (https://getbootstrap.com)
- * Copyright 2011-2017 The Bootstrap Authors
- * Copyright 2011-2017 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#868e96;--gray-dark:#343a40;--primary:#007bff;--secondary:#868e96;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:right;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-right:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#868e96;text-align:right;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-right:0;list-style:none}.list-inline{padding-right:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-left:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#868e96}.blockquote-footer::before{content:"\2014 \00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#868e96}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.no-gutters{margin-left:0;margin-right:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-left:0;padding-right:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-left:15px;padding-right:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-1{margin-right:8.333333%}.offset-2{margin-right:16.666667%}.offset-3{margin-right:25%}.offset-4{margin-right:33.333333%}.offset-5{margin-right:41.666667%}.offset-6{margin-right:50%}.offset-7{margin-right:58.333333%}.offset-8{margin-right:66.666667%}.offset-9{margin-right:75%}.offset-10{margin-right:83.333333%}.offset-11{margin-right:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-sm-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-sm-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-sm-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-sm-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-sm-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-sm-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-sm-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-sm-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-sm-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-sm-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-sm-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-sm-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-sm-0{margin-right:0}.offset-sm-1{margin-right:8.333333%}.offset-sm-2{margin-right:16.666667%}.offset-sm-3{margin-right:25%}.offset-sm-4{margin-right:33.333333%}.offset-sm-5{margin-right:41.666667%}.offset-sm-6{margin-right:50%}.offset-sm-7{margin-right:58.333333%}.offset-sm-8{margin-right:66.666667%}.offset-sm-9{margin-right:75%}.offset-sm-10{margin-right:83.333333%}.offset-sm-11{margin-right:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-md-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-md-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-md-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-md-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-md-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-md-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-md-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-md-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-md-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-md-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-md-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-md-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-md-0{margin-right:0}.offset-md-1{margin-right:8.333333%}.offset-md-2{margin-right:16.666667%}.offset-md-3{margin-right:25%}.offset-md-4{margin-right:33.333333%}.offset-md-5{margin-right:41.666667%}.offset-md-6{margin-right:50%}.offset-md-7{margin-right:58.333333%}.offset-md-8{margin-right:66.666667%}.offset-md-9{margin-right:75%}.offset-md-10{margin-right:83.333333%}.offset-md-11{margin-right:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-lg-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-lg-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-lg-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-lg-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-lg-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-lg-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-lg-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-lg-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-lg-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-lg-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-lg-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-lg-0{margin-right:0}.offset-lg-1{margin-right:8.333333%}.offset-lg-2{margin-right:16.666667%}.offset-lg-3{margin-right:25%}.offset-lg-4{margin-right:33.333333%}.offset-lg-5{margin-right:41.666667%}.offset-lg-6{margin-right:50%}.offset-lg-7{margin-right:58.333333%}.offset-lg-8{margin-right:66.666667%}.offset-lg-9{margin-right:75%}.offset-lg-10{margin-right:83.333333%}.offset-lg-11{margin-right:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-xl-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-xl-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-xl-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-xl-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-xl-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-xl-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-xl-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-xl-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-xl-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-xl-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-xl-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-xl-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-xl-0{margin-right:0}.offset-xl-1{margin-right:8.333333%}.offset-xl-2{margin-right:16.666667%}.offset-xl-3{margin-right:25%}.offset-xl-4{margin-right:33.333333%}.offset-xl-5{margin-right:41.666667%}.offset-xl-6{margin-right:50%}.offset-xl-7{margin-right:58.333333%}.offset-xl-8{margin-right:66.666667%}.offset-xl-9{margin-right:75%}.offset-xl-10{margin-right:83.333333%}.offset-xl-11{margin-right:91.666667%}}.table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#dddfe2}.table-hover .table-secondary:hover{background-color:#cfd2d6}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#cfd2d6}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#212529}.table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,.075)}@media (max-width:575.99px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.99px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.99px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.99px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#868e96;opacity:1}.form-control::-moz-placeholder{color:#868e96;opacity:1}.form-control:-ms-input-placeholder{color:#868e96;opacity:1}.form-control::-ms-input-placeholder{color:#868e96;opacity:1}.form-control::placeholder{color:#868e96;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:not([size]):not([multiple]){height:calc(2.25rem + 2px)}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm,.input-group-lg>.form-control-plaintext.form-control,.input-group-lg>.input-group-append>.form-control-plaintext.btn,.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,.input-group-lg>.input-group-prepend>.form-control-plaintext.btn,.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,.input-group-sm>.form-control-plaintext.form-control,.input-group-sm>.input-group-append>.form-control-plaintext.btn,.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,.input-group-sm>.input-group-prepend>.form-control-plaintext.btn,.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text{padding-left:0;padding-right:0}.form-control-sm,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-sm>select.form-control:not([size]):not([multiple]),select.form-control-sm:not([size]):not([multiple]){height:calc(1.8125rem + 2px)}.form-control-lg,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-lg>select.form-control:not([size]):not([multiple]),select.form-control-lg:not([size]):not([multiple]){height:calc(2.875rem + 2px)}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-5px;margin-right:-5px}.form-row>.col,.form-row>[class*=col-]{padding-left:5px;padding-right:5px}.form-check{position:relative;display:block;padding-right:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-right:-1.25rem}.form-check-input:disabled~.form-check-label{color:#868e96}.form-check-label{margin-bottom:0}.form-check-inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:0;margin-left:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-left:.3125rem;margin-right:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;width:250px;padding:.5rem;margin-top:.1rem;font-size:.875rem;line-height:1;color:#fff;background-color:rgba(40,167,69,.8);border-radius:.2rem}.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid{border-color:#28a745}.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{background-color:#71dd8a}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label::before,.was-validated .custom-file-input:valid~.custom-file-label::before{border-color:inherit}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;width:250px;padding:.5rem;margin-top:.1rem;font-size:.875rem;line-height:1;color:#fff;background-color:rgba(220,53,69,.8);border-radius:.2rem}.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid{border-color:#dc3545}.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{background-color:#efa2a9}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label::before,.was-validated .custom-file-input:invalid~.custom-file-label::before{border-color:inherit}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .input-group{width:auto}.form-inline .form-check{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-right:0}.form-inline .form-check-input{position:relative;margin-top:0;margin-left:.25rem;margin-right:0}.form-inline .custom-control{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not([disabled]):not(.disabled){cursor:pointer}.btn:not([disabled]):not(.disabled).active,.btn:not([disabled]):not(.disabled):active{background-image:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-primary.disabled,.btn-primary:disabled{background-color:#007bff;border-color:#007bff}.btn-primary:not([disabled]):not(.disabled).active,.btn-primary:not([disabled]):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not([disabled]):not(.disabled).active:focus,.btn-primary:not([disabled]):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-secondary{color:#fff;background-color:#868e96;border-color:#868e96}.btn-secondary:hover{color:#fff;background-color:#727b84;border-color:#6c757d}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(134,142,150,.5)}.btn-secondary.disabled,.btn-secondary:disabled{background-color:#868e96;border-color:#868e96}.btn-secondary:not([disabled]):not(.disabled).active,.btn-secondary:not([disabled]):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#666e76}.btn-secondary:not([disabled]):not(.disabled).active:focus,.btn-secondary:not([disabled]):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(134,142,150,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-success.disabled,.btn-success:disabled{background-color:#28a745;border-color:#28a745}.btn-success:not([disabled]):not(.disabled).active,.btn-success:not([disabled]):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not([disabled]):not(.disabled).active:focus,.btn-success:not([disabled]):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-info.disabled,.btn-info:disabled{background-color:#17a2b8;border-color:#17a2b8}.btn-info:not([disabled]):not(.disabled).active,.btn-info:not([disabled]):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not([disabled]):not(.disabled).active:focus,.btn-info:not([disabled]):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-warning.disabled,.btn-warning:disabled{background-color:#ffc107;border-color:#ffc107}.btn-warning:not([disabled]):not(.disabled).active,.btn-warning:not([disabled]):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not([disabled]):not(.disabled).active:focus,.btn-warning:not([disabled]):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-danger.disabled,.btn-danger:disabled{background-color:#dc3545;border-color:#dc3545}.btn-danger:not([disabled]):not(.disabled).active,.btn-danger:not([disabled]):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not([disabled]):not(.disabled).active:focus,.btn-danger:not([disabled]):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-light.disabled,.btn-light:disabled{background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not([disabled]):not(.disabled).active,.btn-light:not([disabled]):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not([disabled]):not(.disabled).active:focus,.btn-light:not([disabled]):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-dark.disabled,.btn-dark:disabled{background-color:#343a40;border-color:#343a40}.btn-dark:not([disabled]):not(.disabled).active,.btn-dark:not([disabled]):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not([disabled]):not(.disabled).active:focus,.btn-dark:not([disabled]):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-primary{color:#007bff;background-color:transparent;background-image:none;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not([disabled]):not(.disabled).active,.btn-outline-primary:not([disabled]):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#212529;background-color:#007bff;border-color:#007bff;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#868e96;background-color:transparent;background-image:none;border-color:#868e96}.btn-outline-secondary:hover{color:#fff;background-color:#868e96;border-color:#868e96}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(134,142,150,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#868e96;background-color:transparent}.btn-outline-secondary:not([disabled]):not(.disabled).active,.btn-outline-secondary:not([disabled]):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#212529;background-color:#868e96;border-color:#868e96;box-shadow:0 0 0 .2rem rgba(134,142,150,.5)}.btn-outline-success{color:#28a745;background-color:transparent;background-image:none;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not([disabled]):not(.disabled).active,.btn-outline-success:not([disabled]):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#212529;background-color:#28a745;border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;background-color:transparent;background-image:none;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not([disabled]):not(.disabled).active,.btn-outline-info:not([disabled]):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#212529;background-color:#17a2b8;border-color:#17a2b8;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;background-color:transparent;background-image:none;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not([disabled]):not(.disabled).active,.btn-outline-warning:not([disabled]):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;background-color:transparent;background-image:none;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not([disabled]):not(.disabled).active,.btn-outline-danger:not([disabled]):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#212529;background-color:#dc3545;border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;background-color:transparent;background-image:none;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not([disabled]):not(.disabled).active,.btn-outline-light:not([disabled]):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#fff;background-color:#f8f9fa;border-color:#f8f9fa;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;background-color:transparent;background-image:none;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not([disabled]):not(.disabled).active,.btn-outline-dark:not([disabled]):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#212529;background-color:#343a40;border-color:#343a40;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;background-color:transparent}.btn-link:hover{color:#0056b3;text-decoration:underline;background-color:transparent;border-color:transparent}.btn-link.focus,.btn-link:focus{text-decoration:underline;border-color:transparent;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#868e96}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;transition:opacity .15s linear}.fade.show{opacity:1}.collapse{display:none}.collapse.show{display:block}tr.collapse.show{display:table-row}tbody.collapse.show{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}.dropdown,.dropup{position:relative}.dropdown-toggle::after{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-left:.3em solid transparent;border-bottom:0;border-right:.3em solid transparent}.dropdown-toggle:empty::after{margin-right:0}.dropdown-menu{position:absolute;top:100%;right:0;z-index:1000;display:none;float:right;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:right;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropup .dropdown-menu{margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;content:"";border-top:0;border-left:.3em solid transparent;border-bottom:.3em solid;border-right:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-right:0}.dropright .dropdown-menu{margin-top:0;margin-right:.125rem}.dropright .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-bottom:.3em solid transparent;border-right:.3em solid}.dropright .dropdown-toggle:empty::after{margin-right:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{margin-top:0;margin-left:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-left:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-right:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#868e96;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#868e96;white-space:nowrap}.btn-group,.btn-group-vertical{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group{margin-right:-1px}.btn-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn:first-child{margin-right:0}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-right-radius:0;border-bottom-right-radius:0}.dropdown-toggle-split{padding-left:.5625rem;padding-right:.5625rem}.dropdown-toggle-split::after{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-left:.375rem;padding-right:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-left:.75rem;padding-right:.75rem}.btn-group-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-group-vertical .btn,.btn-group-vertical .btn-group{width:100%}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-right:0}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-left-radius:0;border-bottom-right-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-right-radius:0;border-top-left-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group .custom-file,.input-group .custom-select,.input-group .form-control{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group .custom-file:focus,.input-group .custom-select:focus,.input-group .form-control:focus{z-index:3}.input-group .custom-file+.form-control,.input-group .custom-select+.form-control,.input-group .form-control+.form-control{margin-right:-1px}.input-group .custom-select:not(:last-child),.input-group .form-control:not(:last-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group .custom-select:not(:first-child),.input-group .form-control:not(:first-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group .custom-file{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.input-group .custom-file:not(:last-child) .custom-file-control,.input-group .custom-file:not(:last-child) .custom-file-control::before{border-top-left-radius:0;border-bottom-left-radius:0}.input-group .custom-file:not(:first-child) .custom-file-control,.input-group .custom-file:not(:first-child) .custom-file-control::before{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-append,.input-group-prepend{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-right:-1px}.input-group-prepend{margin-left:-1px}.input-group-append{margin-right:-1px}.input-group-text{padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-right:1.5rem}.custom-control-inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-left:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:active~.custom-control-label::before{color:#fff;background-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#868e96}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{margin-bottom:0}.custom-control-label::before{position:absolute;top:.25rem;right:0;display:block;width:1rem;height:1rem;pointer-events:none;content:"";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#dee2e6}.custom-control-label::after{position:absolute;top:.25rem;right:0;display:block;width:1rem;height:1rem;content:"";background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-select{display:inline-block;width:100%;height:calc(2.25rem + 2px);padding:.375rem .75rem .375rem 1.75rem;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat left .75rem center;background-size:8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-left:.75rem;background-image:none}.custom-select:disabled{color:#868e96;background-color:#e9ecef}.custom-select::-ms-expand{opacity:0}.custom-select-sm{height:calc(1.8125rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:75%}.custom-select-lg{height:calc(2.875rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:125%}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-control{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:focus~.custom-file-control::before{border-color:#80bdff}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-label{position:absolute;top:0;left:0;right:0;z-index:1;height:calc(2.25rem + 2px);padding:.375rem .75rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;left:0;bottom:0;z-index:3;display:block;height:calc(calc(2.25rem + 2px) - 1px * 2);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-right:1px solid #ced4da;border-radius:.25rem 0 0 .25rem}.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-right:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#868e96}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-right-radius:.25rem;border-top-left-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#868e96;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-left:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-right:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-left:0;padding-right:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler:not([disabled]):not(.disabled){cursor:pointer}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.99px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-left:0;padding-right:0}}@media (min-width:576px){.navbar-expand-sm{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .dropdown-menu-right{left:0;right:auto}.navbar-expand-sm .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .dropup .dropdown-menu{top:auto;bottom:100%}}@media (max-width:767.99px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-left:0;padding-right:0}}@media (min-width:768px){.navbar-expand-md{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .dropdown-menu-right{left:0;right:auto}.navbar-expand-md .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .dropup .dropdown-menu{top:auto;bottom:100%}}@media (max-width:991.99px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-left:0;padding-right:0}}@media (min-width:992px){.navbar-expand-lg{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .dropdown-menu-right{left:0;right:auto}.navbar-expand-lg .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .dropup .dropdown-menu{top:auto;bottom:100%}}@media (max-width:1199.99px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-left:0;padding-right:0}}@media (min-width:1200px){.navbar-expand-xl{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .dropdown-menu-right{left:0;right:auto}.navbar-expand-xl .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .dropup .dropdown-menu{top:auto;bottom:100%}}.navbar-expand{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-left:0;padding-right:0}.navbar-expand .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .dropdown-menu-right{left:0;right:auto}.navbar-expand .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .dropup .dropdown-menu{top:auto;bottom:100%}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-left:0;margin-right:0}.card>.list-group:first-child .list-group-item:first-child{border-top-right-radius:.25rem;border-top-left-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.card-body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-right:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-left:-.625rem;margin-bottom:-.75rem;margin-right:-.625rem;border-bottom:0}.card-header-pills{margin-left:-.625rem;margin-right:-.625rem}.card-img-overlay{position:absolute;top:0;left:0;bottom:0;right:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-right-radius:calc(.25rem - 1px);border-top-left-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-left-radius:calc(.25rem - 1px);border-bottom-right-radius:calc(.25rem - 1px)}.card-deck{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-left:-15px;margin-right:-15px}.card-deck .card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:15px;margin-bottom:0;margin-right:15px}}.card-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-right:0;border-right:0}.card-group>.card:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top{border-top-left-radius:0}.card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom{border-bottom-left-radius:0}.card-group>.card:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top{border-top-right-radius:0}.card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:only-child{border-radius:.25rem}.card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top{border-top-right-radius:.25rem;border-top-left-radius:.25rem}.card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.card-group>.card:not(:first-child):not(:last-child):not(:only-child){border-radius:0}.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top{border-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem}.card-columns .card{display:inline-block;width:100%}}.breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-left:.5rem;padding-right:.5rem;color:#868e96;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#868e96}.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;padding-right:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-right:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:focus,.page-link:hover{color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:not([disabled]):not(.disabled){cursor:pointer}.page-item:first-child .page-link{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item:last-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#868e96;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-left:.6em;padding-right:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}.badge-primary[href]:focus,.badge-primary[href]:hover{color:#fff;text-decoration:none;background-color:#0062cc}.badge-secondary{color:#fff;background-color:#868e96}.badge-secondary[href]:focus,.badge-secondary[href]:hover{color:#fff;text-decoration:none;background-color:#6c757d}.badge-success{color:#fff;background-color:#28a745}.badge-success[href]:focus,.badge-success[href]:hover{color:#fff;text-decoration:none;background-color:#1e7e34}.badge-info{color:#fff;background-color:#17a2b8}.badge-info[href]:focus,.badge-info[href]:hover{color:#fff;text-decoration:none;background-color:#117a8b}.badge-warning{color:#212529;background-color:#ffc107}.badge-warning[href]:focus,.badge-warning[href]:hover{color:#212529;text-decoration:none;background-color:#d39e00}.badge-danger{color:#fff;background-color:#dc3545}.badge-danger[href]:focus,.badge-danger[href]:hover{color:#fff;text-decoration:none;background-color:#bd2130}.badge-light{color:#212529;background-color:#f8f9fa}.badge-light[href]:focus,.badge-light[href]:hover{color:#212529;text-decoration:none;background-color:#dae0e5}.badge-dark{color:#fff;background-color:#343a40}.badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#1d2124}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-left:0;padding-right:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-left:4rem}.alert-dismissible .close{position:absolute;top:0;left:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#464a4e;background-color:#e7e8ea;border-color:#dddfe2}.alert-secondary hr{border-top-color:#cfd2d6}.alert-secondary .alert-link{color:#2e3133}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-webkit-box;display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;background-color:#007bff;transition:width .6s ease}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.media{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.media-body{-webkit-box-flex:1;-ms-flex:1;flex:1}.list-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-right:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-right-radius:.25rem;border-top-left-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.list-group-item:focus,.list-group-item:hover{z-index:1;text-decoration:none}.list-group-item.disabled,.list-group-item:disabled{color:#868e96;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-flush .list-group-item{border-left:0;border-right:0;border-radius:0}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}a.list-group-item-primary,button.list-group-item-primary{color:#004085}a.list-group-item-primary:focus,a.list-group-item-primary:hover,button.list-group-item-primary:focus,button.list-group-item-primary:hover{color:#004085;background-color:#9fcdff}a.list-group-item-primary.active,button.list-group-item-primary.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#464a4e;background-color:#dddfe2}a.list-group-item-secondary,button.list-group-item-secondary{color:#464a4e}a.list-group-item-secondary:focus,a.list-group-item-secondary:hover,button.list-group-item-secondary:focus,button.list-group-item-secondary:hover{color:#464a4e;background-color:#cfd2d6}a.list-group-item-secondary.active,button.list-group-item-secondary.active{color:#fff;background-color:#464a4e;border-color:#464a4e}.list-group-item-success{color:#155724;background-color:#c3e6cb}a.list-group-item-success,button.list-group-item-success{color:#155724}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#155724;background-color:#b1dfbb}a.list-group-item-success.active,button.list-group-item-success.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}a.list-group-item-info,button.list-group-item-info{color:#0c5460}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#0c5460;background-color:#abdde5}a.list-group-item-info.active,button.list-group-item-info.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}a.list-group-item-warning,button.list-group-item-warning{color:#856404}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#856404;background-color:#ffe8a1}a.list-group-item-warning.active,button.list-group-item-warning.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}a.list-group-item-danger,button.list-group-item-danger{color:#721c24}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#721c24;background-color:#f1b0b7}a.list-group-item-danger.active,button.list-group-item-danger.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}a.list-group-item-light,button.list-group-item-light{color:#818182}a.list-group-item-light:focus,a.list-group-item-light:hover,button.list-group-item-light:focus,button.list-group-item-light:hover{color:#818182;background-color:#ececf6}a.list-group-item-light.active,button.list-group-item-light.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}a.list-group-item-dark,button.list-group-item-dark{color:#1b1e21}a.list-group-item-dark:focus,a.list-group-item-dark:hover,button.list-group-item-dark:focus,button.list-group-item-dark:hover{color:#1b1e21;background-color:#b9bbbe}a.list-group-item-dark.active,button.list-group-item-dark.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:left;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:focus,.close:hover{color:#000;text-decoration:none;opacity:.75}.close:not([disabled]):not(.disabled){cursor:pointer}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;left:0;bottom:0;right:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}.modal-dialog-centered{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}.modal-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-right-radius:.3rem;border-top-left-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem auto -1rem -1rem}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal-footer>:not(:first-child){margin-right:.25rem}.modal-footer>:not(:last-child){margin-left:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:right;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;right:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:right;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before{border-width:.5rem .5rem 0}.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before{bottom:0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after{bottom:1px;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-right:.5rem}.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before{border-width:.5rem 0 .5rem .5rem}.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before{right:0;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after{right:1px;border-left-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before{border-width:0 .5rem .5rem .5rem}.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before{top:0;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after{top:1px;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;right:50%;display:block;width:1rem;margin-right:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-left:.5rem}.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before{border-width:.5rem .5rem .5rem 0}.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before{left:0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after{left:1px;border-right-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-right-radius:calc(.3rem - 1px);border-top-left-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{right:0}.carousel-control-next{left:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;left:0;bottom:10px;right:0;z-index:15;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-right:0;margin-left:15%;margin-right:15%;list-style:none}.carousel-indicators li{position:relative;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-left:3px;margin-right:3px;text-indent:-999px;background-color:rgba(255,255,255,.5)}.carousel-indicators li::before{position:absolute;top:-10px;right:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;right:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;left:15%;bottom:20px;right:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#868e96!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#6c757d!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #e9ecef!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-left:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-right:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#868e96!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-right-radius:.25rem!important;border-top-left-radius:.25rem!important}.rounded-right{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-bottom{border-bottom-left-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-left{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-circle{border-radius:50%!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}.d-print-block{display:none!important}@media print{.d-print-block{display:block!important}}.d-print-inline{display:none!important}@media print{.d-print-inline{display:inline!important}}.d-print-inline-block{display:none!important}@media print{.d-print-inline-block{display:inline-block!important}}@media print{.d-print-none{display:none!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;right:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-sm-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-md-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-lg-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-xl-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:right!important}.float-right{float:left!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:right!important}.float-sm-right{float:left!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:right!important}.float-md-right{float:left!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:right!important}.float-lg-right{float:left!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:right!important}.float-xl-right{float:left!important}.float-xl-none{float:none!important}}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;left:0;right:0;z-index:1030}.fixed-bottom{position:fixed;left:0;bottom:0;right:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;-webkit-clip-path:none;clip-path:none}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-left:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-right:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-left:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-right:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-left:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-right:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-left:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-right:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-left:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-right:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-left:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-right:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-left:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-right:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-left:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-right:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-left:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-right:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-left:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-right:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-left:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-right:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-left:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-right:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-left:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-right:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-left:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-right:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-left:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-right:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-left:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-right:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-left:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-right:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-left:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-right:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-left:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-right:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-left:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-right:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-left:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-right:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-left:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-right:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-left:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-right:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-left:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-right:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-left:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-right:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-left:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-right:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-left:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-right:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-left:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-right:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-left:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-right:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-left:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-right:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-left:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-right:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-left:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-right:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-left:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-right:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-left:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-right:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-left:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-right:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-left:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-right:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-left:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-right:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-left:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-right:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-left:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-right:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-left:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-right:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-left:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-right:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-left:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-right:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-left:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-right:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-left:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-right:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-left:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-right:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-left:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-right:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-left:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-right:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-left:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-right:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-left:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-right:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-left:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-right:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-left:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-right:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-left:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-right:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-left:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-right:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-left:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-right:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-left:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-right:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-left:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-right:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-left:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-right:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-left:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-right:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-left:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-right:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-left:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-right:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-left:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-right:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-left:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-right:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-left:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-right:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-left:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-right:3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-left:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-right:auto!important}}.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:right!important}.text-right{text-align:left!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:right!important}.text-sm-right{text-align:left!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:right!important}.text-md-right{text-align:left!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:right!important}.text-lg-right{text-align:left!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:right!important}.text-xl-right{text-align:left!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}.text-secondary{color:#868e96!important}a.text-secondary:focus,a.text-secondary:hover{color:#6c757d!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#1e7e34!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#117a8b!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#dae0e5!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#1d2124!important}.text-muted{color:#868e96!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}
-/*# sourceMappingURL=bootstrap.min.css.map */
diff --git a/resources/css/clouds.css b/resources/css/clouds.css
new file mode 100755
index 0000000000..99565396ad
--- /dev/null
+++ b/resources/css/clouds.css
@@ -0,0 +1,3380 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2018 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* The clouds theme */
+
+/* Override Bootstrap formatting */
+
+.table-given-name {
+    overflow-x: hidden;
+}
+
+.btn-link {
+	padding: 0 .25rem;
+}
+
+.card-header .btn-link {
+	font-size: 0;
+	line-height: 0;
+	border: 0;
+}
+
+.container-fluid {
+	padding-left: 5px;
+	padding-right: 5px;
+}
+
+table {
+	border-collapse: separate;
+}
+
+.dropdown-menu {      /* Fix dropdown on Place Lists/Place Hierarchy */
+	z-index: 1010;
+}
+
+/*
+ * Any element that is loaded dynamically has the class wt-ajax-load.
+ * We can provide a "loading" placeholder for empty elements with this class.
+ */
+.wt-ajax-load:empty {
+	height: 32px;
+	background: url(images/loading-32x32.gif) no-repeat 50% 50%;
+}
+
+/*
+ * Icons use FontAwesome by default, but have additional classes to
+ * allow them to be overridden
+ *
+ * .wt-icon-arrow-down
+ * .wt-icon-arrow-end (right on LTR, left on RTL)
+ * .wt-icon-arrow-start (left on LTR, right on RTL)
+ * .wt-icon-arrow-up
+ * .wt-icon-bing-maps
+ * .wt-icon-calendar
+ * .wt-icon-copy
+ * .wt-icon-delete
+ * .wt-icon-edit
+ * .wt-icon-email
+ * .wt-icon-family
+ * .wt-icon-help
+ * .wt-icon-individual
+ * .wt-icon-google-maps
+ * .wt-icon-keyboard
+ * .wt-icon-media
+ * .wt-icon-note
+ * .wt-icon-openstreetmap
+ * .wt-icon-preferences
+ * .wt-icon-repository
+ * .wt-icon-source
+ * .wt-icon-submitter
+ */
+.wt-icon-arrow-down::before {
+	width: 20px;
+	height: 20px;
+	content: url(clouds/icons/arrow-down.png);
+}
+
+a > .wt-icon-arrow-down:hover::before {
+	width: 20px;
+	height: 20px;
+	content: url(clouds/icons/arrow-down-hover.png);
+}
+
+.wt-icon-arrow-end::before {
+	width: 20px;
+	height: 20px;
+	content: url(clouds/icons/arrow-right.png);
+}
+
+a > .wt-icon-arrow-end:hover::before {
+	width: 20px;
+	height: 20px;
+	content: url(clouds/icons/arrow-right-hover.png);
+}
+
+.wt-icon-arrow-start::before {
+	width: 20px;
+	height: 20px;
+	content: url(clouds/icons/arrow-left.png);
+}
+
+a > .wt-icon-arrow-start:hover::before {
+	width: 20px;
+	height: 20px;
+	content: url(clouds/icons/arrow-left-hover.png);
+}
+
+.wt-icon-arrow-up::before {
+	width: 20px;
+	height: 20px;
+	content: url(clouds/icons/arrow-up.png);
+}
+
+a > .wt-icon-arrow-up:hover::before {
+	width: 20px;
+	height: 20px;
+	content: url(clouds/icons/arrow-up-hover.png);
+}
+
+.wt-icon-bing-maps::before {
+	width: 16px;
+	height: 16px;
+	content: url(clouds/icons/bing-maps.png);
+}
+
+.wt-icon-calendar::before {
+	width: 19px;
+	height: 15px;
+	content: url(clouds/icons/calendar.png)
+}
+
+.wt-icon-coordinates::before {
+	width: 16px;
+	height: 16px;
+	content: url(clouds/icons/coordinates.png)
+}
+
+.wt-icon-copy::before {
+	width: 16px;
+	height: 16px;
+	content: url(clouds/icons/copy.png)
+}
+
+.wt-icon-delete::before {
+	width: 16px;
+	height: 16px;
+	content: url(clouds/icons/delete.png);
+}
+
+.wt-icon-edit::before {
+	width: 16px;
+	height: 16px;
+	content: url(clouds/icons/edit.png);
+}
+
+.wt-icon-family::before {
+	width: 14px;
+	height: 15px;
+	content: url(clouds/icons/family.png);
+}
+
+.wt-icon-help::before {
+	width: 16px;
+	height: 16px;
+	content: url(clouds/icons/help.png);
+}
+
+.wt-icon-google-maps::before {
+	width: 16px;
+	height: 16px;
+	content: url(clouds/icons/google-maps.png);
+}
+
+.wt-icon-individual::before {
+	width: 11px;
+	height: 15px;
+	content: url(clouds/icons/individual.png);
+}
+
+.wt-icon-keyboard::before {
+	width: 30px;
+	height: 15px;
+	content: url(clouds/icons/keyboard.png);
+}
+
+.wt-icon-media::before {
+	width: 18px;
+	height: 16px;
+	content: url(clouds/icons/media.png);
+}
+
+.wt-icon-note::before {
+	width: 20px;
+	height: 20px;
+	content: url(clouds/icons/note.png);
+}
+
+.wt-icon-openstreetmap::before {
+	width: 16px;
+	height: 16px;
+	content: url(clouds/icons/openstreetmap.png);
+}
+
+.wt-icon-preferences::before {
+	width: 25px;
+	height: 25px;
+	content: url(clouds/icons/preferences.png);
+}
+
+.wt-icon-repository::before {
+	width: 15px;
+	height: 15px;
+	content: url(clouds/icons/repository.png);
+}
+
+.wt-icon-source::before {
+	width: 18px;
+	height: 16px;
+	content: url(clouds/icons/source.png);
+}
+
+.wt-icon-submitter::before {
+	width: 11px;
+	height: 15px;
+	content: url(clouds/icons/individual.png);
+}
+
+/*
+ * Pages have the following high-level structure:
+ *
+ * wt-global
+ * +---wt-header-wrapper
+ *     +---wt-header-container
+ *     |   +---wt-header-content
+ *     |       +---wt-accessibility-links
+ *     |       +---wt-site-logo
+ *     |       +---wt-site-title
+ *     |       +---wt-header-search
+ *     |       |   +---wt-header-search-form
+ *     |       |       +---wt-header-search-field
+ *     |       |       +---wt-header-search-button
+ *     |       +---wt-secondary-navigation
+ *     |       |   +---wt-secondary-menu
+ *     |       +---wt-primary-navigation
+ *     |           +---wt-primary-menu
+ *     +---wt-main-container
+ *     |   +---wt-main-content
+ *     |       +---wt-messages
+ *     |       +---wt-page-title
+ *     |       +---wt-page-options wt-page-options-xxxxx
+ *     |       +---wt-page-content
+ *     +---wt-footer-container
+ *         +---wt-footer-content
+ */
+
+.wt-global {
+	background: #c8e7ff url(clouds/images/background.png) repeat-x fixed top left;
+	color: #006;
+}
+
+.wt-header-wrapper {
+	background: #acf url(clouds/images/clouds.png) repeat-x;
+	border-bottom: thin solid #79c;
+}
+
+.wt-header-wrapper .dropdown-item.active {
+	background-color: inherit;
+	color: inherit;
+	font-weight: bold;
+}
+
+.wt-header-container {
+	margin-top: 0.5rem;
+}
+
+.wt-header-content {
+}
+
+.wt-block-content {
+}
+
+.wt-accessibility-links {
+}
+
+.wt-site-logo {
+	display: none;
+}
+
+.wt-site-title {
+	order: 1;
+	flex: 1 1 0;
+	font-size: 1.5rem;
+}
+
+.wt-header-search {
+	order: 3;
+	flex: 0 0 15rem;
+}
+
+.wt-header-search-form {
+}
+
+.wt-secondary-navigation {
+	order: 2;
+	flex: 0 0 0;
+	white-space: nowrap;
+}
+
+.wt-secondary-menu {
+}
+
+.wt-secondary-menu .nav-link {
+	display: inline-block;
+	padding: 0.5rem;
+}
+
+.wt-secondary-menu .nav-item + .nav-item::before {
+	content: "|";
+}
+
+.wt-secondary-menu .dropdown-toggle:after {
+	display: none;
+}
+
+.wt-secondary-menu .dropdown-item {
+	padding-left: 1rem;
+	padding-right: 1rem;
+}
+
+.wt-primary-navigation {
+	order: 3;
+	flex: 1 0 auto;
+}
+
+.wt-primary-menu {
+	display: flex; flex-wrap: wrap;
+}
+
+.wt-primary-menu .nav-item {
+	padding: 0 0.75rem;
+}
+
+.wt-primary-menu .nav-link {
+	/* All menu icons are 22px x 22px */
+	height: calc(22px + 1rem);
+	width: 22px;
+	/* Hide text */
+	padding: 0.5rem 0;
+	overflow: hidden;
+}
+
+.wt-primary-menu .dropdown-item {
+	/* Space between icons and align with submenu icons */
+	padding: 0 5px 0 0;
+}
+
+.wt-primary-menu .dropdown-item::before {
+	/* All submenu icons are 22px x 22px */
+	height: 22px;
+	width: 22px;
+	/* Align icons and text */
+	vertical-align: text-top;
+	/* Space between icon and text */
+	padding: 0 .25rem;
+	line-height: 1.8;
+}
+
+.wt-primary-menu .nav-item::before {
+	/* The size of the menu icons */
+	width: 22px;
+	height: 22px;
+}
+
+.wt-primary-menu .dropdown-item::before {
+	/* The size of the submneu icons */
+	width: 22px;
+	height: 22px;
+}
+
+.wt-primary-menu .dropdown-item:first-child {
+	font-weight: bold;
+	text-align: center;
+	border-bottom: solid thin #ddd;
+}
+
+.menu-tree .nav-link::before {
+	content: url(clouds/menu/tree.png);
+}
+
+.menu-tree .dropdown-item:not(:first-child)::before {
+	content: url(clouds/menu/tree-tree.png);
+}
+
+.menu-chart .nav-link::before {
+	content: url(clouds/menu/chart.png);
+}
+
+.menu-chart-ancestry::before {
+	content: url(clouds/menu/chart-ancestors.png);
+}
+
+.menu-chart-compact::before {
+	content: url(clouds/menu/chart-compact.png);
+}
+
+.menu-chart-descendants::before {
+	content: url(clouds/menu/chart-descendants.png);
+}
+
+.menu-chart-familybook::before {
+	content: url(clouds/menu/chart-family-book.png);
+}
+
+.menu-chart-fanchart::before {
+	content: url(clouds/menu/chart-fanchart.png);
+}
+
+.menu-chart-hourglass::before {
+	content: url(clouds/menu/chart-hourglass.png);
+}
+
+.menu-chart-lifespan::before {
+	content: url(clouds/menu/chart-lifespan.png);
+}
+
+.menu-chart-pedigree::before {
+	content: url(clouds/menu/chart-pedigree.png);
+}
+
+.menu-chart-pedigreemap::before {
+	content: url(clouds/menu/chart-pedigree-map.png);
+}
+
+.menu-chart-relationship::before {
+	content: url(clouds/menu/chart-relationship.png);
+}
+
+.menu-chart-statistics::before {
+	content: url(clouds/menu/chart-statistics.png);
+}
+
+.menu-chart-timeline::before {
+	content: url(clouds/menu/chart-timeline.png);
+}
+
+.menu-chart-tree::before {
+	content: url(clouds/menu/chart-tree.png);
+}
+
+.menu-list .nav-link::before {
+	content: url(clouds/menu/list.png);
+}
+
+.menu-branches::before {
+	content: url(clouds/menu/branches.png);
+}
+
+.menu-list-fam::before {
+	content: url(clouds/menu/list-fam.png);
+}
+
+.menu-list-indi::before {
+	content: url(clouds/menu/list-indi.png);
+}
+
+.menu-list-note::before {
+	content: url(clouds/menu/list-note.png);
+}
+
+.menu-list-obje::before {
+	content: url(clouds/menu/list-obje.png);
+}
+
+.menu-list-plac::before {
+	content: url(clouds/menu/list-plac.png);
+}
+
+.menu-list-repo::before {
+	content: url(clouds/menu/list-repo.png);
+}
+
+.menu-list-sour::before {
+	content: url(clouds/menu/list-sour.png);
+}
+
+.menu-calendar .nav-link::before {
+	content: url(clouds/menu/calendar.png);
+}
+
+.menu-calendar-day::before {
+	content: url(clouds/menu/calendar-calendar.png);
+}
+
+.menu-calendar-month::before {
+	content: url(clouds/menu/calendar-calendar.png);
+}
+
+.menu-calendar-year::before {
+	content: url(clouds/menu/calendar-calendar.png);
+}
+
+.menu-report .nav-link::before {
+	content: url(clouds/menu/report.png);
+}
+
+.menu-report .dropdown-item:not(:first-child)::before {
+	content: url(clouds/menu/report-report.png);
+}
+
+.menu-search .nav-link::before {
+	content: url(clouds/menu/search.png);
+}
+
+.menu-search .dropdown-item:not(:first-child)::before {
+	content: url(clouds/menu/search-search.png);
+}
+
+.menu-help .nav-link::before {
+	content: url(clouds/menu/help.png);
+}
+
+.menu-clippings .nav-link::before {
+	content: url(clouds/menu/clippings.png);
+}
+
+.menu-clippings-add::before {
+	content: url(clouds/menu/clippings-add.png);
+}
+
+.menu-clippings-download::before {
+	content: url(clouds/menu/edit-gedcom.png);
+}
+
+.menu-clippings-empty::before {
+	content: url(clouds/menu/edit-delete.png);
+}
+
+.menu-clippings-remove::before {
+	content: url(clouds/menu/edit-delete.png);
+}
+
+.menu-fam .nav-link::before {
+	content: url(clouds/menu/fam.png);
+}
+
+.menu-fam-change::before {
+	content: url(clouds/menu/edit-fam.png);
+}
+
+.menu-fam-addchil::before {
+	content: url(clouds/menu/edit-fam.png);
+}
+
+.menu-fam-orderchil::before {
+	content: url(clouds/menu/edit-reorder.png);
+}
+
+.menu-fam-del::before {
+	content: url(clouds/menu/edit-delete.png);
+}
+
+.menu-fam-addfav::before {
+	content: url(clouds/menu/edit-add-favorite.png);
+}
+
+.menu-fam-editraw::before {
+	content: url(clouds/menu/edit-gedcom.png);
+}
+
+.menu-indi .nav-link::before {
+	content: url(clouds/menu/indi.png);
+}
+
+.menu-indi-addname::before {
+	content: url(clouds/menu/edit-indi.png);
+}
+
+.menu-indi-editsex::before {
+	content: url(clouds/menu/edit-indi.png);
+}
+
+.menu-indi-del::before {
+	content: url(clouds/menu/edit-delete.png);
+}
+
+.menu-indi-addfav::before {
+	content: url(clouds/menu/edit-add-favorite.png);
+}
+
+.menu-indi-editraw::before {
+	content: url(clouds/menu/edit-gedcom.png);
+}
+
+.menu-obje .nav-link::before {
+	content: url(clouds/menu/obje.png);
+}
+
+.menu-obje-edit::before {
+	content: url(clouds/menu/edit-obje.png);
+}
+
+.menu-obje-link::before {
+	content: url(clouds/menu/edit-link.png);
+}
+
+.menu-obje-del::before {
+	content: url(clouds/menu/edit-delete.png);
+}
+
+.menu-obje-addfav::before {
+	content: url(clouds/menu/edit-add-favorite.png);
+}
+
+.menu-obje-editraw::before {
+	content: url(clouds/menu/edit-gedcom.png);
+}
+
+.menu-note .nav-link::before {
+	content: url(clouds/menu/note.png);
+}
+
+.menu-note-edit::before {
+	content: url(clouds/menu/edit-note.png);
+}
+
+.menu-note-del::before {
+	content: url(clouds/menu/edit-delete.png);
+}
+
+.menu-note-addfav::before {
+	content: url(clouds/menu/edit-add-favorite.png);
+}
+
+.menu-note-editraw::before {
+	content: url(clouds/menu/edit-gedcom.png);
+}
+
+.menu-record .nav-link::before {
+	content: url(clouds/menu/indi.png);
+}
+
+.menu-record-del::before {
+	content: url(clouds/menu/edit-delete.png);
+}
+
+.menu-record-editraw::before {
+	content: url(clouds/menu/edit-gedcom.png);
+}
+
+.menu-repo .nav-link::before {
+	content: url(clouds/menu/repo.png);
+}
+
+.menu-repo-edit::before {
+	content: url(clouds/menu/edit-repo.png);
+}
+
+.menu-repo-del::before {
+	content: url(clouds/menu/edit-delete.png);
+}
+
+.menu-repo-addfav::before {
+	content: url(clouds/menu/edit-add-favorite.png);
+}
+
+.menu-repo-editraw::before {
+	content: url(clouds/menu/edit-gedcom.png);
+}
+
+.menu-sour .nav-link::before {
+	content: url(clouds/menu/sour.png);
+}
+
+.menu-sour-edit::before {
+	content: url(clouds/menu/edit-sour.png);
+}
+
+.menu-sour-del::before {
+	content: url(clouds/menu/edit-delete.png);
+}
+
+.menu-sour-addfav::before {
+	content: url(clouds/menu/edit-add-favorite.png);
+}
+
+.menu-sour-editraw::before {
+	content: url(clouds/menu/edit-gedcom.png);
+}
+
+.menu-story .nav-link::before {
+	content: url(clouds/menu/story.png);
+}
+
+.wt-main-container {
+}
+
+.wt-main {
+}
+
+.wt-messages {
+}
+
+.wt-page-title {
+	text-align: center;
+}
+
+.wt-page-options .form-group {
+	margin-bottom: 2px;
+}
+
+.wt-page-options-label {
+	color: #039;
+	background-color: #95b8e0;
+}
+
+.wt-page-options-value {
+	color: #006;
+	background-color: #ecf5ff;
+	border: thin solid #ccc;
+	padding: 0.25rem 0.75rem;
+}
+
+.wt-page-content {
+	margin-top: 1rem;
+}
+
+.wt-footer-container {
+}
+
+.wt-footer-content {
+}
+
+.wt-contact-links {
+}
+
+.wt-powered-by-webtrees {
+}
+
+.wt-page-views {
+}
+
+.wt-cookie-warning {
+}
+
+/*
+ * The home/my pages
+ *
+ * wt-home-page / wt-user-page
+ * +---wt-main-blocks
+ * |   +---wt-block, wt-block-AAA
+ * |   +---wt-block, wt-block-BBB
+ * |   +---wt-block, wt-block-CCC
+ * +---wt-side-blocks
+ *     +---wt-block, wt-block-XXX
+ *     +---wt-block, wt-block-YYY
+ *     +---wt-block, wt-block-ZZZ
+ *
+ * Each block as the structure
+ * wt-block, wt-block-XXX
+ * +---wt-block-header, wt-block-header-XXX
+ * +---wt-block-content, wt-block-content-XXX
+ */
+
+.wt-block {
+	color: #000;
+	margin-bottom: 5px;
+	padding: 1px;
+	vertical-align: top;
+}
+
+.wt-block-header {
+	background: url(clouds/images/block-header-background.png);
+	background-size: auto 100%;
+	padding: 0.25rem 0.75rem;
+}
+
+.wt-block-header::before {
+	content: url(clouds/images/block-header-disk.png);
+	margin: 0.5rem;
+}
+
+.blockcontent {
+	border: solid #999 1px;
+	margin:  0 2px 10px 0;
+	overflow: auto;
+	padding: 5px;
+}
+
+.blockcontent .list_table {
+	border-spacing: 1px;
+	border: solid #999 1px;
+	border-right: 0;
+}
+
+.blockcontent .list_value,
+.blockcontent .list_value_wrap {
+	border: 0;
+	border-top: solid #999 1px;
+	border-right: solid #999 1px;
+}
+
+/*
+ * Pending changes page
+ *
+ * wt-pending-changes-page
+ */
+
+/*
+ * Edit genealogy data page
+ *
+ * wt-edit-page, wt-edit-XXXX-page
+ */
+
+/*
+ * Configure home/my page blocks page
+ *
+ * wt-edit-blocks-page
+ */
+
+/*
+ * Login page
+ *
+ * wt-login-page
+ */
+
+/*
+ * Ancestors chart
+ *
+ * wt-chart, wt-ancestors-chart
+ * +---wt-ancestors-chart-list
+ *     +---wt-ancestors-chart-list-item
+ */
+.wt-ancestors-chart-list {
+}
+
+/*
+ * Compact chart
+ *
+ * wt-chart, wt-compact-chart
+ */
+
+.wt-ancestors-chart-list-item {
+}
+
+/*
+ * Descendants chart
+ *
+ * wt-chart, wt-descendants-chart
+ * +---wt-descendants-chart-list
+ *     +---wt-descendants-chart-list-item
+ */
+.wt-descendants-chart-list {
+}
+
+.wt-descendants-chart-list-item {
+}
+
+/*
+ * Family book chart
+ *
+ * wt-chart, wt-family-book-chart
+ */
+
+/*
+ * Fan chart
+ *
+ * wt-chart, wt-fan-chart
+ */
+
+/*
+ * Hourglass chart
+ *
+ * wt-chart, wt-hourglass-chart
+ */
+
+/*
+ * Hourglass chart
+ *
+ * wt-chart, wt-interactive-tree
+ */
+
+/*
+ * Lifespans chart
+ *
+ * wt-chart, wt-lifespans-chart
+ */
+
+/*
+ * Pedigree chart
+ *
+ * wt-chart, wt-pedigree-chart
+ */
+
+/*
+ * Pedigree map
+ *
+ * wt-chart, wt-pedigree-map
+ */
+
+/*
+ * Relationships chart
+ *
+ * wt-chart, wt-relationships-chart
+ */
+
+/*
+ * Statistics chart
+ *
+ * wt-chart, wt-statistics-chart
+ */
+
+/*
+ * Timeline chart
+ *
+ * wt-chart, wt-timeline-chart
+ */
+
+/*
+ * Family list and individual list
+ *
+ * wt-page-options
+ * +---wt-initials-list
+ *     +---wt-initial-list-item
+ *         +---wt-initial
+ *         +---wt-initial, active
+ * wt-page-content
+ * +---wt-list, wt-{family,individual}-list
+ */
+
+.wt-initials-list {
+	list-style: none;
+}
+
+.wt-initials-list-item {
+	display: inline;
+}
+
+.wt-initials-list-item + .wt-initials-list-item::before {
+	content: '|';
+}
+
+.wt-initial {
+	padding: 0 0.25rem;
+}
+
+.wt-initial.active {
+	color: #f00;
+	font-weight: bold;
+}
+
+/*
+ * Media object list
+ *
+ * wt-list, wt-media-list
+ */
+
+/*
+ * Note object list
+ *
+ * wt-list, wt-note-list
+ */
+
+/*
+ * Source list
+ *
+ * wt-list, wt-source-list
+ */
+
+/*
+ * Repository list
+ *
+ * wt-list, wt-repository-list
+ */
+
+/*
+ * Branches list
+ *
+ * wt-branches-page
+ */
+
+/*
+ * Place hierarchy
+ *
+ * wt-place-hierarchy-page
+ */
+
+/*
+ * Calendar
+ *
+ * wt-calendar-page
+ */
+
+/*
+ * Reports
+ *
+ * wt-reports-page
+ */
+
+/*
+ * Search
+ *
+ * wt-search-page, wt-general-serach-page/wt-phonetic-search-page/wt-advanced-search-page/wt-search-replace-page
+ */
+
+/* ====== Round Corners ======== */
+input,
+fieldset,
+.border1,
+.block,
+.list_label,
+.list_label_wrap,
+.list_value,
+.list_value_wrap,
+.messagebox,
+.optionbox,
+.person_box,
+.person_boxF,
+.person_boxNN,
+.person0,
+.person1,
+.person2,
+.person3,
+.person4,
+.person5,
+.wt-primary-menu ul,
+.secondary-menu li ul,
+footer,
+#indi_main_blocks,
+#tabs{
+	border-radius: 3px;
+}
+
+/* ios on click workaround */
+.iconz {
+	cursor: pointer;
+}
+
+a {
+	color: #039;
+	text-decoration: none;
+}
+
+a:hover {
+	color: #f00;
+	text-decoration: none;
+}
+
+:focus {
+	outline-style: none;
+}
+
+.flash-messages {
+	clear: both;
+	text-align: center;
+}
+
+img {
+	border: 0;
+}
+
+legend img {
+	height: 20px;
+	vertical-align: middle;
+	width: 20px;
+}
+
+img.block,
+#mycart img {
+	border: 0;
+	height: 25px;
+	vertical-align: middle;
+}
+
+.topbottombar {
+	font-size: 12px;
+	font-weight: bold;
+	padding: 4px;
+	text-align: center;
+}
+
+#mycart a img {
+	height: 15px;
+}
+
+.button {
+	width: 60px;
+}
+
+button:focus {
+	 outline: 0;
+}
+
+.alpha_index {
+	color: #999;
+}
+
+.person_box_template .details0,
+.person_box_template .details1 {
+    font-size: 11px;
+}
+
+hr {
+	margin-top: 5px;
+	border-color: #006;
+}
+
+.person_box, .action_header {
+	background: #ddf;
+	border: 1px solid #aaa;
+	padding: 3px;
+}
+
+.person_boxF, .action_headerF {
+	background: #fdd;
+	border: 1px solid #aaa;
+	padding: 3px;
+}
+
+.person_boxNN {
+	background: #fff;
+	border: 1px solid #aaa;
+	padding: 3px;
+}
+
+.person_box:target,
+.news_box:target,
+#gedcom_stats:target {
+	background-color: #ffc;
+}
+
+/* families tab person box */
+#relatives_content .person_box > .person_box,
+#relatives_content .person_boxF > .person_boxF,
+#relatives_content .person_boxNN > .person_boxNN {
+	border: 0;
+	min-height: 50px;
+}
+
+.center {
+	text-align: center;
+}
+
+table.center {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.list_table {
+	margin: 0 auto;
+}
+
+.list_label,
+.list_label_wrap {
+	color: #fff;
+	border: 1px solid #999;
+	font-weight: bold;
+	text-align: center;
+}
+
+.list_value,
+.list_value_wrap {
+	background-color: #edf7f9;
+	border: solid #999 1px;
+	vertical-align: top;
+}
+
+.list_label,
+.list_value {
+	white-space: nowrap;
+	padding: 4px;
+}
+
+.list_label_wrap,
+.list_value_wrap {
+	white-space: normal;
+}
+
+div.fact_SHARED_NOTE {
+	clear: both;
+}
+
+/* Table of genealogical facts */
+
+.wt-facts-table {
+	border-collapse: separate;
+}
+
+.wt-facts-table caption {
+	caption-side: top;
+}
+
+.wt-facts-table th {
+	background-color: #95b8e0;
+	color: #039;
+	border: 1px solid #acf;
+	border-radius: 3px;
+	font-weight: normal;
+	text-align: center;
+	min-width: 20%;
+}
+
+.wt-facts-table td {
+	background: #fff;
+	border: solid #999 1px;
+	border-radius: 3px;
+}
+
+.wt-facts-table .wt-gender-M td {
+	background-color: #ddf;
+}
+
+.wt-facts-table .wt-gender-F td {
+	background-color: #fdd;
+}
+
+.tabs_table {
+	width: 99%;
+}
+
+.name1 {
+	font-weight: bold;
+	font-size: 12px;
+}
+
+.name2 {
+	font-size: 16px;
+	}
+
+a:hover .name1, a:hover .name2 {
+	color: #f00;
+	font-weight: bold;
+	font-size: 12px;
+}
+
+a:hover .nameZoom {
+	color: #f00;
+	font-size: 16px;
+	font-weight: bold;
+}
+
+.details0,
+.details1 {
+	font-size: 13px;
+}
+
+.details2 {
+	color: #006;
+	font-size: 12px;
+}
+
+.nameZoom {
+	color: #006;
+	font-size: 16px;
+	font-weight: bold;
+}
+
+.details_label {
+	font-weight: bold;
+}
+
+.name_head {
+	color: #333;
+	font-size: 16px;
+	font-weight: bold;
+	line-height: 2;
+	padding: 0 5px;
+}
+
+.date {
+	color: #039;
+}
+
+.label {
+	font-weight: bold;
+}
+
+.error {
+	color: #d00;
+	font-weight: bold;
+}
+
+.largeError {
+	color: #d00;
+	font-size: large;
+	font-weight: bold;
+}
+
+.warning {
+	color: #f00;
+	font-weight: bold;
+}
+
+.indent {
+	padding-left: 7px;
+}
+
+.image {
+	height: 150px;
+	padding: 5px;
+	margin-right: 15px;
+}
+
+.gender_image {
+	margin: 0 3px;
+	border: 0;
+	vertical-align: middle;
+}
+
+.thumbnail {
+	height: auto;
+	padding: 3px;
+}
+
+.icon {
+	border: 0;
+	padding: 0 5px;
+}
+
+.sublinks_cell {
+	background-color: #9be;
+	font-size: 12px;
+}
+
+.submenu .icon {
+	vertical-align: middle;
+	width: 20px;
+	height: 20px;
+}
+
+.subheaders {
+	color: #006;
+	font-weight: bold;
+	font-size: 15px;
+	margin-top: 15px;
+	vertical-align: bottom;
+}
+
+#family-table .subheaders:first-child {
+	width: 285px;
+}
+
+.parentdeath {
+	border: thin solid #888;
+	padding: 1px;
+}
+
+.source_citations {
+	display: none;
+}
+
+.selected-option {
+	background-color: #cef;
+}
+
+.border1 {
+	border: solid #000 1px;
+}
+
+.menuitem {
+	text-decoration: none;
+	font-size: 11px;
+	padding: 1px;
+}
+
+.menuitem_hover {
+	text-decoration: none;
+	font-size: 11px;
+	padding: 1px;
+}
+
+.menuitem .icon, .menuitem_hover .icon {
+	width: 50px;
+	height: 50px;
+}
+
+.submenu {
+	text-decoration: none;
+	font-size: 11px;
+	background-color: #fff;
+	border: solid #ccc 1px;
+	visibility: hidden;
+	position: absolute;
+	padding: 5px;
+}
+
+.submenuitem  {
+	vertical-align: middle;
+	font-size: 11px;
+	height: 20px;
+	text-decoration: none;
+	background-color: #fff;
+	padding: 1px;
+	white-space: nowrap;
+}
+
+.submenuitem_hover {
+	vertical-align: middle;
+	height: 20px;
+	font-size: 11px;
+	background-color: #fff;
+	border: 1px solid #ccc;
+	white-space: nowrap;
+	padding: 1px;
+}
+
+.submenuitem a,
+.submenuitem_hover a {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.journal_box {
+	padding: 3pt;
+	border: thin solid #aaa;
+	overflow: visible;
+}
+
+.news_box {
+	border-top: solid #ccc 1px;
+}
+
+.news_title {
+	color: #000;
+	font-weight: bold;
+}
+
+.news_date {
+	color: #000;
+	margin-bottom: 12px;
+}
+
+.current_day {
+	font-weight: bold;
+	font-size: 16px;
+}
+
+.cal_day {
+	float: left;
+	font-weight: bold;
+}
+
+.helpcontent {
+	margin-left: 10px;
+	margin-right: 10px;
+}
+
+.helpcontent dt {
+	clear: both;
+}
+
+#user-page h1 {
+	margin: 0.25em auto 0.6em;
+}
+
+.tvertline {
+	vertical-align: bottom;
+}
+
+#childbox {
+	padding: 5px;
+	position: absolute;
+	display: none;
+	text-align: start;
+	white-space: nowrap;
+	top: 20px;
+	left: 0;
+}
+
+.layout3 #childbox {
+	top: auto;
+	bottom: 20px;
+}
+
+#childbox a.name1 {
+	display: block;
+	margin-left: 5px;
+}
+
+.person0 {
+	background-color: #ddf;
+	border: outset #999 1px;
+	vertical-align: top;
+}
+
+.person1 {
+	background-color: #afa;
+	border: outset #afa 1px;
+	vertical-align: top;
+}
+
+.person2 {
+	background-color: #faa;
+	border: outset #faa 1px;
+	vertical-align: top;
+}
+
+.person3 {
+	background-color: #aad;
+	border: outset #55f 1px;
+	vertical-align: top;
+}
+
+.person4 {
+	background-color: #f55;
+	border: outset #f55 1px;
+	vertical-align: top;
+}
+
+.person5 {
+	background-color: #5f5;
+	border: outset #5f5 1px;
+	vertical-align: top;
+}
+
+.listlog {
+	line-height: 20pt;
+	color: #555;
+}
+
+.starredname {
+	text-decoration: underline;
+}
+
+.search_hit {
+	background-color: #ff0;
+}
+
+.search_item {
+	font-weight: 600;
+}
+
+.descriptionbox {
+	font-size: 12px;
+	border: 1px solid #ccc;
+	vertical-align: top;
+	padding: 3px;
+}
+
+.optionbox {
+	font-size: 1rem;
+	background-color: #ecf5ff;
+	color: #006;
+	border: solid #ccc 1px;
+	vertical-align: top;
+	white-space: nowrap;
+	padding: 3px;
+}
+
+.vmiddle {
+	vertical-align: middle;
+}
+
+.red {
+	color: #f00;
+}
+
+.wt-relation-fact,
+.wt-historic-fact {
+	opacity: 0.8;
+}
+
+.messagebox {
+	background-color: #c2ceef;
+	border: solid #ccc 1px;
+}
+
+/* ---Pending edits--- */
+.new {
+	outline: solid blue 1px;
+}
+
+.old {
+	outline: solid red 1px;
+}
+
+.tag_cloud {
+	text-align: center;
+}
+
+.tag_cloud a {
+	white-space: nowrap;
+}
+
+.nowrap {
+	white-space: nowrap;
+}
+
+.wrap {
+	white-space: normal;
+}
+
+.statistics-page {
+	text-align: center;
+}
+
+.center2 {
+	text-align: center;
+}
+
+.gchart {
+	border: solid #999 1px;
+}
+
+/* ---Find special characters--- */
+.largechars {
+	font-family: monospace;
+	font-size: 200%;
+}
+
+#facts_content dd {
+	float: left;
+	width: 70%;
+}
+
+.clearfloat {
+	clear: both;
+}
+
+/* this keeps the tag color the same when it is a link as when not */
+
+.place {
+	padding-top: 5px;
+}
+
+#pending h2 {
+	text-align: center;
+	margin-bottom: 20px;
+}
+
+#pending h3 {
+	text-align: center;
+	margin-top: 20px;
+}
+
+#pending .list_value {
+	padding: 3px;
+	text-align: center;
+	vertical-align: middle;
+	white-space: nowrap;
+}
+
+#pending .indent {
+	padding: 0;
+}
+
+/* ======== Person box ======= */
+.gedcom_favorites_block,
+.user_favorites_block,
+.person_box_template {
+	overflow: visible !important;
+}
+
+/* Box styles are
+	0 compact view
+	1 normal view - small box
+	2 normal view - large box
+*/
+.box-style0 {
+	cursor: url(clouds/images/zoomin.png), n-resize;
+}
+
+.box-style0-expanded {
+	cursor: url(clouds/images/zoomout.png), n-resize;
+}
+
+.person_box_template {
+	height: auto;
+	white-space: normal;
+	overflow: hidden !important;
+	font-size: .75rem;
+}
+
+.box-style0-expanded,
+.box-style1-expanded {
+	width: 300px !important;
+	height: auto !important;
+	line-height: 1.5em!important;
+	font-size: 1rem;
+}
+
+.person_box_template .namedef i[class^="icon-sex"] {
+	margin-left: 3px;
+}
+
+.person_box_template .icons {
+	float: right;
+}
+
+.person_box_template .chart_textbox {
+	overflow: hidden;
+	font-size: .75rem; /* .75 = 12px*/
+	line-height: 1.1;
+	padding-bottom: 4px;
+}
+
+.person_box_template img,
+.person_box_template a.gallery {
+	float: left;
+	height: 50px;
+	margin: 0 2px 0 0;
+	max-width: 80px;
+	width: auto;
+}
+
+.person_box_template i[class^="icon-silhouette"] {
+	float: left;
+}
+
+/* --- reportengine.php --- */
+#reportengine-page table {
+	margin: 20px auto;
+}
+
+#reportengine-page .report-type {
+	overflow: hidden;
+	margin: auto;
+	width: 180px;
+}
+
+#reportengine-page .report-type div {
+	float: left;
+	margin: 0 20px;
+}
+
+#reportengine-page .report-type p {
+	margin: 0;
+	text-align: center;
+}
+
+/* styles for popup menus */
+.itr {
+	position: absolute;
+	line-height: 1.5;
+}
+
+.popup {
+	position: absolute;
+	top: 21px;
+	right: 0;
+	left: auto;
+	visibility: hidden;
+	opacity: 0;
+	transition: visibility 0s ease .25s,opacity .25s ease;
+	z-index: 9999;
+	box-shadow: 5px 5px 5px 0 rgba(0,0,0,.4);
+}
+
+.popup ul {
+	white-space: nowrap;
+	list-style: none;
+	margin: 0;
+	padding: 0 10px;
+	font-size: .83rem;
+}
+
+.popup > ul {
+	padding: 2px 10px;
+}
+
+.popup li .NAME {
+	padding: 0 5px;
+}
+
+.popup .nav-link {
+	display: inline;
+	vertical-align: top;
+	padding: 5px;
+}
+
+.itr:hover .popup {
+	visibility: visible;
+	opacity: 1;
+	transition-delay: 0s;
+}
+
+/* styles for FindFacts pop-up */
+#layDefinedTags,
+#tabDefinedTagsShow {
+	width: 450px;
+}
+
+#tabDefinedTags {
+	width: 430px;
+}
+
+#layDefinedTags {
+	margin-left: auto;
+	margin-right: auto;
+	height: 285px;
+	overflow: auto;
+}
+
+#tabDefinedTags {
+	border-collapse: collapse;
+}
+
+#tabDefinedTags th,
+#tabDefinedTags td {
+	border: solid 1px #000;
+	margin: 0;
+	padding: 3px;
+}
+
+#tabDefinedTags tbody th {
+	text-align: left;
+	font-weight: bold;
+}
+
+#tabDefinedTags tr.sel {
+	background-color: #d1d9ef;
+	color: #888;
+}
+
+#tabDefinedTags tr.unsel {
+	background-color: #fff;
+	color: #888;
+}
+
+#tabDefinedTagsShow {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#tabDefinedTagsShow td {
+	width: 50%;
+	text-align: center;
+}
+
+#tabFilterAndCustom {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#tabAction {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#tabAction td {
+	width: 50%;
+	text-align: center;
+}
+
+/* ======== List styles ====== */
+.surname-list,
+.givn-list {
+	margin: 5px auto;
+}
+
+.source-list table,
+.note-list table,
+.repo-list table,
+.media-list table,
+.indi-list table,
+.fam-list table {
+	width: 100%;
+}
+
+.source-list td,
+.note-list td,
+.repo-list td,
+.media-list td,
+.indi-list td,
+.fam-list td,
+.recent_changes_block td,
+.upcoming_events_block td,
+.surname-list td,
+.givn-list td {
+	padding: 2px 5px;
+}
+
+.surname-list td {
+	vertical-align: top;
+}
+
+.indi-list .stats,
+.fam-list .stats {
+	margin: 0 auto;
+	width: auto;
+}
+
+.source-list th,
+.note-list th,
+.repo-list th,
+.media-list th,
+.indi-list th,
+.fam-list th,
+.wt-table-changes th,
+.wt-table-events th,
+.wt-table-tasks th,
+.wt-table-yahrzeits th,
+.surname-list th,
+.givn-list th {
+	cursor: pointer;
+	font-weight: 600;
+	padding: 2px 4px;
+	white-space: nowrap;
+}
+
+.source-list th:last-child,
+.note-list th:last-child,
+.repo-list th:last-child {
+	margin: 0 -2px 1px 1px;
+	padding: 3px 0 4px;
+	width: 24px;
+}
+
+.givn-list th {
+	cursor: pointer;
+	white-space: nowrap;
+	padding: 2px;
+	text-align: center;
+}
+
+#source-details h2,
+#sourcelist-page h2,
+#note-details h2,
+#notelist-page h2,
+#repo-details h2,
+#repolist-page h2,
+#media-details h2,
+#statistics-page h2 {
+	margin-bottom: 20px;
+	text-align: center;
+}
+
+#source-edit,
+#note-edit,
+#repo-edit,
+#media-edit {
+	overflow-x: auto;
+}
+
+.media-list td img {
+	display: block;
+	height: 40px;
+	width: auto;
+	margin: 3px auto;
+}
+
+.filtersH,
+.filtersF {
+	margin: 4px;
+}
+
+.filtersH img {
+	margin-bottom: 2px;
+}
+
+.list-charts {
+	text-align: center;
+}
+
+#search-result-tabs h3 {
+	text-align: center;
+}
+
+#searchAccordion-indi,
+#searchAccordion-fam,
+#searchAccordion-source,
+#searchAccordion-note {
+	margin: auto;
+	width: 99%;
+}
+
+#place-hierarchy h2,
+#place-hierarchy h4 {
+	text-align: center;
+}
+
+#main_select,
+#available_select,
+#right_select {
+	min-width: 150px;
+}
+
+.user_welcome_block table,
+.gedcom_block_block table {
+	margin: auto;
+}
+
+.user_welcome_block td,
+.gedcom_block_block td {
+	width: 33%;
+	text-align: center;
+	vertical-align: top;
+}
+
+/* ==== Favourites block ===== */
+.blockcontent .person_box_template .details2 {
+	min-height: 40px;
+}
+
+.blockcontent [class*='box-style2'] {
+	margin: 5px 0;
+}
+
+.add_fav_head {
+	font-weight: 900;
+	margin: 5px 0;
+}
+
+.add_fav_head i {
+	margin: 0 5px 1px;
+}
+
+.add_fav_ref label {
+	display: inline-block;
+	min-width: 100px;
+}
+
+.add_fav_ref input {
+	margin: 0 5px;
+}
+
+/* === Who is online block === */
+.logged_in_list {
+	margin: 5px 0 0;
+	padding: 0;
+	line-height: 20px;
+}
+
+/* ==== Theme select block === */
+.theme_form ul {
+	margin: -10px auto;
+}
+
+.theme_form li {
+	visibility: hidden;
+}
+
+.theme_form li ul li {
+	display: inline-block;
+	padding: 10px;
+	visibility: visible;
+}
+
+/* ==== FAQ table styles ===== */
+table.faq {
+	background-color: #eee;
+	margin: 5px 0 50px 5px;
+	width: 98%;
+}
+
+table.faq tr:nth-child(odd) td {
+	background-color: #eee;
+}
+
+div.faq_title {
+	background-color: #eee;
+	margin: 1em 0;
+	padding: .25em;
+	font-weight: bold;
+	width: 98%;
+}
+
+div.faq_body {
+	clear: both;
+	padding: 0 1em;
+}
+
+.faq_top {
+	float: right;
+}
+
+/* === Positioning edit, copy, delete links === */
+/* General use */
+.editfacts {
+	clear: left;
+	padding-top: 15px;
+}
+
+/* ======== Indi header ====== */
+#indi_header {
+	overflow: hidden;
+	margin: 0 0 5px;
+}
+
+#indi_header h3 {
+	color: #006;
+	font-size: 90%;
+	font-weight: bold;
+	margin: 0;
+	padding: 0 10px 0 30px;
+	text-align: left;
+	overflow: hidden;
+	position: relative;
+}
+
+#indi_header .name_one {
+	font-size: 1.5em;
+}
+
+#indi_header h3 .details1 {
+	font-size: 1.0em;
+}
+
+#indi_header h3.person_box,
+#indi_header h3.person_boxF,
+#indi_header h3.person_boxNN {
+	background-color: #acf;
+	border: 1px solid #8fbcff;
+}
+
+#indi_header h3 .header_age {
+	padding: 5px 0 5px 5px;
+	float: right;
+	font-weight: normal;
+	font-size: 65%;
+}
+
+#indi_header h3 a {
+	display: inline;
+}
+
+#indi_header a {
+	color: #337;
+	font-size: 0.75em;
+	font-weight: normal;
+}
+
+#indi_header a:hover {
+	color: #f00;
+}
+
+#indi_mainimage {
+	float: left;
+}
+
+#header_accordion1 {
+	overflow: hidden;
+}
+
+#header_accordion1 .indi_name_details {
+	margin: 0;
+	overflow: hidden;
+	padding: 5px;
+}
+
+.indi_name_details .name1 {
+	font-weight: normal;
+	padding-top: 5px;
+	font-size: inherit;
+}
+
+#indi_header a.warning {
+	color: #f00;
+	font-size: 1em;
+}
+
+#indi_note {
+	margin: 0 0 5px;
+}
+
+.indi_table {
+	clear: left;
+}
+
+#sex {
+	float: right;
+}
+
+#dates {
+	color: #333;
+	float: right;
+}
+
+#individual-names .wt-icon-edit,
+#individual-names .wt-icon-delete {
+	float: right;
+}
+
+#indi_note .fact_NOTE {
+	float: left;
+	margin: 0 5px 0 0;
+}
+
+#indi_note .fact_SOUR {
+	margin: 3px 0;
+}
+
+#indi_note .fact_SOUR a {
+	font-size: 100%;
+}
+
+#indi_note .fact_NOTE,
+#indi_note .fact_SOUR {
+	clear: both;
+}
+
+/* ===== markdown formatting ===== */
+
+.markdown {
+	/* Tables and pre-formatted text can break the layout. */
+	overflow-x: auto;
+}
+
+.markdown p {
+	margin: 0 0 0.5em;
+	white-space: pre-wrap;
+}
+
+.markdown table {
+	border-collapse: collapse;
+	margin-bottom: 5px;
+}
+
+.markdown th {
+	font-weight: bold;
+}
+
+.markdown td,
+.markdown th {
+	border: solid thin #000;
+	padding: 3px;
+}
+
+.odometer {
+	font-family: courier, monospace;
+	font-weight: bold;
+	background: #000;
+	color: #fff;
+}
+
+/* ======= General sprite ==== */
+.male_gender,
+.female_gender,
+.unknown_gender {
+	display: block;
+	background: url(clouds/images/general_sprite.png) no-repeat left 0;
+}
+
+.female_gender {
+	background-position: -45px 3px;
+	width: 24px;
+	height: 30px;
+}
+
+.male_gender {
+	background-position: -72px 3px;
+	width: 24px;
+	height: 30px;
+}
+
+.unknown_gender {
+	background-position: -100px 4px;
+	width: 24px;
+	height: 30px;
+}
+
+/* ======== Indi tabs ======== */
+/* Facts & Events tab */
+#personal_facts_content .fact_NOTE,
+#personal_facts_content .fact_SOUR,
+#family-table .fact_NOTE,
+#family-table .fact_SOUR {
+	margin: 5px 3px 5px 0;
+	clear: both;
+}
+
+.media-display-image {
+	float: left;
+}
+
+.media-display-title {
+	float: left;
+	font-style: italic;
+	margin: 10px;
+}
+
+/* === jQuery.datatable styling general over-rides === */
+.odd {
+	background-color: #d9eaf7;
+}
+
+.even {
+	background-color: #fafafa;
+}
+
+.css_right {
+	float: left;
+}
+
+.fg-button {
+	padding: 2px 6px;
+}
+
+.dataTables_paginate {
+	float: left;
+	margin-bottom: 3px;
+}
+
+.dataTables_processing {
+	float: left;
+}
+
+.dataTables_filter {
+	float: right;
+	font-weight: normal;
+}
+
+.dataTables_info {
+	float: left;
+	font-weight: normal;
+	padding: 4px;
+}
+
+.recent_changes_block .dataTables_info,
+.upcoming_events_block .dataTables_info,
+.todays_events_block .dataTables_info,
+.todo_block .dataTables_info,
+.yahrzeit_block .dataTables_info {
+	padding: 0;
+}
+
+.upcoming_events_block .dataTables_info,
+.todays_events_block .dataTables_info {
+	padding: 2px 0 0;
+}
+
+.upcoming_events_block button,
+.todays_events_block button {
+	margin: 0 20px;
+}
+
+.dataTables_length {
+	float: right;
+	font-weight: normal;
+}
+
+.dataTables_length select,
+.dataTables_filter input {
+	font-size: 11px;
+	padding: 1px;
+}
+
+.dt-clear {
+	clear: both;
+}
+
+#loading {
+	text-align: center;
+}
+
+.DataTables_sort_wrapper {
+	position: relative;
+	margin: 0 20px;
+	white-space: normal;
+}
+
+.DataTables_sort_wrapper span {
+	left: 0;
+	margin-left: -20px;
+	margin-top: -8px;
+	position: absolute;
+	top: 50%;
+}
+
+.dataTables_wrapper {
+	margin-bottom: 10px;
+}
+
+/* ======= Sidebar setup ===== */
+#main {
+	min-width: 600px;
+	width: 100%;
+	display: table;
+	table-layout: fixed;
+}
+
+#indi_left {
+	display: table-cell;
+}
+
+#tabs {
+	background-color: #fff;
+	width: 100%;
+	overflow: visible;
+	padding-top: 0.2em;
+}
+
+/* sidebar */
+#sidebar {
+	width: 20%;
+	display: table-cell;
+	vertical-align: top;
+}
+
+/* Sidebar - Family navigator */
+.wt-family-navigator-dropdown-heading {
+	font-weight: bold;
+	font-size: inherit;
+	color: inherit;
+}
+
+/* Sidebar - Descendants */
+#sb_content_descendancy {
+	margin-top: 0;
+}
+
+#sb_desc_content {
+	margin-left: 3px;
+	font-size: 0.8em;
+}
+
+#sb_desc_content ul {
+	padding: 0;
+	margin: 0;
+}
+
+.sb_desc_indi_li {
+	list-style-type: none;
+	margin-left: 5px;
+}
+
+.desc_tree_div {
+	display: none;
+}
+
+.desc_tree_div ul {
+	padding: 0;
+	margin-left: 10px;
+	margin-top: 0;
+	margin-right: 0;
+}
+
+/* Individuals and Families */
+#sidebar-content-individuals,
+#sidebar-content-families {
+	margin-top: 0;
+}
+
+.sb_indi_surname_li,
+.sb_fam_surname_li {
+	list-style-image: url(clouds/images/plus.png);
+}
+
+.name_tree_div ul {
+	padding: 0;
+	margin: 0;
+}
+
+.name_tree_div li {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+
+/* Clippings */
+#sb_clippings_content ul {
+	padding: 0;
+	margin: 0;
+}
+
+#sb_clippings_content li {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	white-space: nowrap;
+}
+
+/* Extra info */
+#sb_content_extra_info {
+	font-size: 80%;
+	font-weight: bold;
+	margin-top: 0;
+	overflow: hidden;
+	padding: 5px;
+}
+
+#sb_content_extra_info .editfacts {
+	float: right;
+	margin-top: -30px;
+}
+
+#sb_content_extra_info a {
+	display: block;
+}
+
+#sb_content_extra_info span {
+	font-weight: normal;
+}
+
+#sb_content_extra_info span a {
+	display: inline;
+}
+
+#sb_content_extra_info #hitcounter {
+	border-top: 1px solid #bcd;
+	font-weight: bold;
+	padding-top: 5px;
+}
+
+#addmedia-page input[type="text"][id*="PAGE"],
+#addmedia-page input[type="text"][id*="_UID"] {
+	width: 350px;
+}
+
+#addmedia-page input[type="text"][id*="SOUR"],
+#addmedia-page input[type="text"][id*="REPO"],
+#addmedia-page input[type="text"][id*="OBJE"],
+#addmedia-page input[type="text"][id*="FAMC"],
+#addmedia-page input[type="text"][id*="ASSO"],
+#addmedia-page input[type="text"][id^="AGE"],
+#addmedia-page input[type="text"][id*="SHARED_NOTE"] {
+	width: 70px;
+}
+
+#addmedia-page input[id*="TEXT"] {
+	height: 140px;
+	width: 440px;
+}
+
+/* http://www.jacklmoore.com/colorbox */
+#colorbox,
+#cboxOverlay,
+#cboxWrapper {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 9999;
+	overflow: hidden;
+}
+
+#cboxWrapper {
+	max-width: none;
+}
+
+#cboxOverlay {
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	background: #fff;
+}
+
+#cboxContent {
+	background: #fff;
+	overflow: hidden;
+	position: relative;
+	padding: 0.5rem;
+	border: 0.25rem solid #ccc;
+}
+
+#cboxLoadingOverlay,
+#cboxLoadingGraphic {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+
+.cboxPhoto {
+	float: left;
+	margin: auto;
+	border: 0;
+	display: block;
+	max-width: none;
+}
+
+#colorbox,
+#cboxContent,
+#cboxLoadedContent {
+	box-sizing: content-box;
+}
+
+#cboxError {
+	padding: 50px;
+	border: 1px solid #ccc;
+}
+
+#cboxLoadedContent {
+	margin-bottom: 28px;
+}
+
+#cboxTitle {
+	background: #fff;
+	position: absolute;
+	bottom: 0.25rem;
+	left: 0;
+	margin: 0 3rem;
+	text-align: center;
+}
+
+#cboxLoadingGraphic {
+	background: url(images/loading-32x32.gif) no-repeat center center;
+}
+
+#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
+	background: none;
+	border: 0;
+	cursor: pointer;
+	font-family: "Font Awesome\ 5 Free", sans-serif;
+	font-weight: 900;
+	overflow: visible;
+	padding: 0;
+	position: absolute;
+}
+
+#cboxSlideshow {
+	bottom: 0.25rem;
+	right: 0.25rem;
+}
+
+#cboxPrevious {
+	bottom: 0.25rem;
+	left: 0.25rem;
+}
+
+#cboxNext {
+	bottom: 0.25rem;
+	left: 1.5rem;
+}
+
+#cboxClose {
+	top: 0.25rem;
+	right: 0.25rem;
+}
+
+/* Stories module */
+.story_title {
+	padding-top: 12px;
+	font-size: 13px;
+	height: 32px;
+	font-weight: bold;
+}
+
+.story_body {
+	padding: 20px;
+	white-space: normal;
+}
+
+.story_edit {
+	padding: 12px;
+}
+
+/* ====== Charts Styles ======== */
+#people label {
+	display:block;
+}
+
+/* Ancestry chart */
+.wt-ancestors-chart-list {
+	background: transparent url(images/vline.png) left top repeat-y;
+	margin: 0 0 0 15px;
+	padding: 0;
+	display: block;
+}
+
+.wt-ancestors-chart-list-item {
+	margin: 5px 0;
+}
+
+.chart_common li {
+	list-style: outside none none;
+}
+
+.generations {
+	background: transparent url(images/vline.png) repeat-y scroll left top;
+	display: block;
+	margin: 0 0 0 15px;
+	padding: 0;
+}
+
+.chart_common table {
+	padding: 0;
+	border-spacing: 0;
+	border-collapse: collapse;
+	margin: 5px 0;
+}
+
+.chart_common td {
+	border: 0;
+	padding: 0;
+}
+
+.chart_common span.details1 div[class^=fact_] {
+	display: inline-block;
+}
+
+.chart_common span.details1 .date {
+	color: inherit;
+}
+
+/*-- Family book  --*/
+#familybook_chart {
+	margin-left: 10px;
+}
+
+#familybook_chart table {
+	border-collapse: collapse;
+	empty-cells: show;
+}
+
+#familybook_chart td {
+	margin: 0;
+	padding: 0;
+}
+
+#familybook_chart h2 {
+	text-align: center;
+}
+
+#familybook_chart .line3,
+#familybook_chart .pvline,
+#familybook_chart .spacer {
+	width: 3px;
+}
+
+#familybook_chart .line4 {
+	width: 7px;
+	vertical-align: middle;
+}
+
+[ID^="vline"] {
+	width: 3px;
+}
+
+#familybook_chart h3 {
+	color: #006;
+	font-size: 16px;
+	text-align: center;
+}
+
+/*-- Fan chart ---- */
+.fan_chart_menu {
+	position: absolute;
+	display: none;
+	z-index: 100;
+}
+
+#fan_chart ul {
+	list-style-type: none;
+	margin: 0;
+}
+
+/* Lifespans chart */
+.wt-lifespans-subtitle {
+	text-align: center;
+}
+
+.wt-lifespans-scale {
+	white-space: nowrap;
+}
+
+.wt-lifespans-decade {
+	width: 70px;
+	height: 60px;
+	display: inline-block;
+	background-image: url(clouds/images/lifespan-chunk.png);
+	background-position-y: bottom;
+	background-repeat: no-repeat;
+	background-size: 70px 37px;
+}
+
+.wt-lifespans-individuals {
+	background: #fafafa;
+}
+
+.wt-lifespans-individual {
+
+}
+
+.wt-lifespans-summary {
+	background: #ffffff;
+	border: thin solid #000;
+	z-index: 1;
+}
+
+.wt-lifespans-summary-link {
+	font-weight: bold;
+}
+
+/*-- Pedigree ---- */
+#pedigree_chart {
+	position: relative;
+	margin: 20px auto;
+}
+
+#pedigree_canvas {
+	color:   #81a9cb;
+	z-index: -1000;
+}
+
+#pedigree-page .shadow {
+	position: absolute;
+	white-space: nowrap;
+}
+
+#pedigree-page .layout0 .shadow > div,
+#pedigree-page .layout1 .shadow > div {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+#pedigree-page .spacer {
+	background-image: url(images/spacer.png);
+	height:           20px;
+	width:            1px;
+}
+
+#childarrow,
+.ancestorarrow {
+	text-align: center;
+}
+
+#pedigree-page #childarrow {
+	position: relative;
+}
+
+#pedigree-page #childbox {
+	border:           1px solid;
+	background-color: #fff;
+}
+
+#pedigree-page table.list_table {
+	margin: 0 auto;
+	width:  500px;
+}
+
+.pedigree_chart_table {
+	border:          0;
+	border-collapse: collapse;
+	padding:         0;
+	width:           100%;
+}
+
+/*-- timeline  --*/
+#timeline_chart {
+	position: relative;
+	top: 0;
+	left: 0;
+}
+
+#field_table {
+	width: 30%;
+	min-width: 500px;
+}
+
+/* ====== Common Icons ========= */
+[class^="icon-"],
+[class*=" icon-"] {
+	display: inline-block;
+	vertical-align: middle;
+	background-repeat: no-repeat;
+}
+
+.icon-add {
+	width: 14px;
+	height: 15px;
+	background-image: url(images/add.png);
+}
+
+.icon-cfamily {
+	width: 22px;
+	height: 22px;
+	background-image: url(clouds/images/cfamily.png);
+}
+
+.icon-childless {
+	width: 25px;
+	height: 25px;
+	background-image: url(clouds/images/childless.png);
+}
+
+.icon-children {
+	width: 16px;
+	height: 16px;
+	background-image: url(clouds/images/children.png);
+}
+
+.icon-clippings {
+	width: 22px;
+	height: 22px;
+	background-image: url(clouds/images/clippings.png);
+}
+
+.icon-edit_indi {
+	width: 22px;
+	height: 22px;
+	background-image: url(clouds/images/edit_indi.png);
+}
+
+.icon-fam-list {
+	width: 22px;
+	height: 22px;
+	background-image: url(clouds/images/sfamily.png);
+}
+
+.icon-indi-list {
+	width: 22px;
+	height: 22px;
+	background-image: url(clouds/images/indis.png);
+}
+
+.icon-loading-small {
+	width: 16px;
+	height: 16px;
+	background-image: url(clouds/images/indicator.gif);
+}
+
+.icon-media {
+	width: 32px;
+	height: 32px;
+	background-image: url(clouds/images/media.png);
+}
+
+.icon-media-list {
+	width: 32px;
+	height: 32px;
+	background-image: url(clouds/images/media.png);
+}
+
+.icon-media-next {
+	width: 20px;
+	height: 20px;
+	background-image: url(clouds/images/rdarrow.png);
+}
+
+.icon-media-play {
+	width: 20px;
+	height: 20px;
+	background-image: url(clouds/images/rarrow.png);
+}
+
+.icon-media-stop {
+	width: 20px;
+	height: 20px;
+	background-image: url(clouds/images/stop.png);
+}
+
+.icon-minus {
+	width: 11px;
+	height: 11px;
+	background-image: url(clouds/images/minus.png);
+}
+
+.icon-mypage {
+	width: 22px;
+	height: 22px;
+	background-image: url(clouds/images/mypage.png);
+}
+
+.icon-note {
+	width: 22px;
+	height: 22px;
+	background-image: url(clouds/icons/note.png);
+}
+
+.icon-plus {
+	width: 11px;
+	height: 11px;
+	background-image: url(clouds/images/plus.png);
+}
+
+.icon-reminder {
+	width: 15px;
+	height: 12px;
+	background-image: url(clouds/images/reminder.png);
+}
+
+.icon-remove {
+	width: 16px;
+	height: 16px;
+	background-image: url(clouds/images/delete.png);
+}
+
+.icon-resn-confidential {
+	width: 16px;
+	height: 16px;
+	background-image: url(clouds/images/resn_confidential.png);
+}
+
+.icon-resn-locked {
+	width: 16px;
+	height: 16px;
+	background-image: url(clouds/images/resn_locked.png);
+}
+
+.icon-resn-none {
+	width: 16px;
+	height: 16px;
+	background-image: url(clouds/images/resn_none.png);
+}
+
+.icon-resn-privacy {
+	width: 16px;
+	height: 16px;
+	background-image: url(clouds/images/resn_privacy.png);
+}
+
+.icon-rings {
+	width: 9px;
+	height: 9px;
+	background-image: url(clouds/images/rings.png);
+}
+
+.icon-selected {
+	width: 12px;
+	height: 12px;
+	background-image: url(clouds/images/selected.png);
+}
+
+.icon-sex_f_15x15 {
+	width: 15px;
+	height: 15px;
+	background-image: url(clouds/images/sex_f_15x15.png);
+}
+
+.icon-sex_f_9x9 {
+	width: 9px;
+	height: 9px;
+	background-image: url(clouds/images/sex_f_9x9.png);
+}
+
+.icon-sex_m_15x15 {
+	width: 15px;
+	height: 15px;
+	background-image: url(clouds/images/sex_m_15x15.png);
+}
+
+.icon-sex_m_9x9 {
+	width: 9px;
+	height: 9px;
+	background-image: url(clouds/images/sex_m_9x9.png);
+}
+
+.icon-sex_u_15x15 {
+	width: 15px;
+	height: 15px;
+	background-image: url(clouds/images/sex_u_15x15.png);
+}
+
+.icon-sex_u_9x9 {
+	width: 9px;
+	height: 9px;
+	background-image: url(clouds/images/sex_u_9x9.png);
+}
+
+.icon-source {
+	width: 25px;
+	height: 25px;
+	background-image: url(clouds/images/source.png);
+}
+
+.icon-warning {
+	width: 17px;
+	height: 17px;
+	background-image: url(clouds/images/warning.png);
+}
+
+.icon-zoomin {
+	width: 25px;
+	height: 25px;
+	background-image: url(clouds/images/zoomin.png);
+}
+
+.icon-zoomout {
+	width: 25px;
+	height: 25px;
+	background-image: url(clouds/images/zoomout.png);
+}
+
+/* Silhouettes on charts */
+.icon-silhouette-F {
+	width: 37px;
+	height: 45px;
+	background-image: url(clouds/images/silhouette_female_small.png);
+}
+
+.icon-silhouette-M {
+	width: 37px;
+	height: 45px;
+	background-image: url(clouds/images/silhouette_male_small.png);
+}
+
+.icon-silhouette-U {
+	width: 37px;
+	height: 45px;
+	background-image: url(clouds/images/silhouette_unknown_small.png);
+}
+
+.wt-silhoutte {
+	width: 200px;
+	height: 260px;
+}
+
+.wt-silhoutte::before {
+	content: url(clouds/images/silhouette_unknown.png);
+}
+
+.wt-silhoutte-F::before {
+	content: url(clouds/images/silhouette_female.png);
+}
+
+.wt-silhouette-M::before {
+	content: url(clouds/images/silhouette_male.png);
+}
+
+[class^="icon-mime-"],
+[class*=" icon-mime-"] {
+	display: inline-block;
+	background: transparent url(clouds/images/icon-mime-sprite.png) no-repeat;
+	width: 48px;
+	height: 48px;
+}
+
+/* ===== Generic MIME types ===== */
+[class^="icon-mime-"],
+[class*=" icon-mime-"] {
+	background-position: -99px -49px;
+}
+
+[class^="icon-mime-application-"],
+[class*=" icon-mime-application-"] {
+	background-position: -99px -196px;
+}
+
+[class^="icon-mime-audio-"],
+[class*=" icon-mime-audio-"] {
+	background-position: -197px -98px;
+}
+
+[class^="icon-mime-image-"],
+[class*=" icon-mime-image-"] {
+	background-position: -148px -245px;
+}
+
+[class^="icon-mime-text-"],
+[class*=" icon-mime-text-"] {
+	background-position: -197px -147px;
+}
+
+[class^="icon-mime-video-"],
+[class*=" icon-mime-video-"] {
+	background-position: -148px -147px;
+}
+
+/* ===== Specific MIME types ===== */
+.icon-mime-application-pdf {
+	background-position: -1px -49px;
+}
+
+.icon-mime-application-msword {
+	background-position: -148px -49px;
+}
+
+.icon-mime-application-vnd-ms-excel {
+	background-position: -148px -196px;
+}
+
+.icon-mime-application-x-rar-compressed {
+	background-position: -50px -98px;
+}
+
+.icon-mime-application-zip {
+	background-position: -50px -147px;
+}
+
+.icon-mime-application-x-shockwave-flash {
+	background-position: -148px 0;
+}
+
+.icon-mime-audio-mp3 {
+	background-position: -50px -245px;
+}
+
+.icon-mime-audio-mpeg {
+	background-position: -50px 0;
+}
+
+.icon-mime-audio-x-ms-wma {
+	background-position: -1px -245px;
+}
+
+.icon-mime-audio-wav {
+	background-position: -1px -98px;
+}
+
+.icon-mime-text-html {
+	background-position: -99px -245px;
+}
+
+.icon-mime-text-x-gedcom {
+	background-position: -50px -49px;
+}
+
+.icon-mime-image-bmp {
+	background-position: 197px 0;
+}
+
+.icon-mime-image-gif {
+	background-position: -197px -49px;
+}
+
+.icon-mime-image-jpeg {
+	background-position: -1px -147px;
+}
+
+.icon-mime-image-png {
+	background-position: -99px -98px;
+}
+
+.icon-mime-image-svg {
+	background-position: -197px -196px;
+}
+
+.icon-mime-image-tiff {
+	background-position: -148px -98px;
+}
+
+.icon-mime-video-quicktime {
+	background-position: -99px -147px;
+}
+
+.icon-mime-video-avi {
+	background-position: -99px 0;
+}
+
+.icon-mime-video-x-ms-wmv {
+	background-position: -50px -196px;
+}
+/* ====== End Icon styles ====== */
+
+/* ====== Theme Header ========= */
+
+/* Tbl hdrs and Light Text */
+.descriptionbox,
+.topbottombar,
+.topbottombar a,
+.list_label,
+.list_label a {
+	background-color: #95b8e0;
+	color: #039;
+}
+
+/* Base Color */
+.descriptionbox .submenu a,
+.blockcontent,
+.list_value,
+.list_value_wrap,
+.news_box,
+.submenuitem_hover {
+	background: inherit;
+}
+
+#topMenu {
+	background: #acf;
+	clear: both;
+	height: 31px;
+	width: 100%;
+}
+
+#topMenu ul {
+	margin: 0;
+	padding: 0;
+}
+
+/* Set stack level for top two header menu rows */
+.hsearch {
+    display: block;
+    float: right;
+    padding-right: 10px;
+    padding-top: 5px;
+}
+
+.search-icon {
+	height: 17px;
+	vertical-align: top;
+}
+
+.powered-by-webtrees {
+	display: inline-block;
+	margin-top: 10px;
+	width: 100px;
+	height: 21px;
+}
+
+.powered-by-webtrees:after {
+	content: url(clouds/images/powered-by-webtrees.png);
+}
+
+.logo {
+	text-align: center;
+}
+
+footer .center {
+	text-align: center;
+}
+
+footer .error {
+	color: #d00;
+	font-weight: bold;
+}
+
+.user_links {
+	white-space: nowrap;
+}
+
+/* ====== End Theme Footer ===== */
+
+/* ====== Theme Icons ========== */
+.icon-indis {
+	width: 22px;
+	height: 22px;
+	background-image: url(clouds/images/indis.png);
+}
+
+.icon-patriarch {
+	width: 25px;
+	height: 25px;
+	background-image: url(clouds/images/patriarch.png);
+}
+
+.icon-pedigree {
+	width: 22px;
+	height: 22px;
+	background-image: url(clouds/images/pedigree.png);
+}
+
+.icon-place {
+	width: 22px;
+	height: 22px;
+	background-image: url(clouds/images/place.png);
+}
+
+.icon-repo-list {
+	width: 22px;
+	height: 22px;
+	background-image: url(clouds/images/repository.png);
+}
+
+.icon-repository {
+	width: 22px;
+	height: 22px;
+	background-image: url(clouds/images/repository.png);
+}
+
+.icon-search {
+	width: 16px;
+	height: 16px;
+	background-image: url(clouds/images/go.png);
+}
+
+.icon-sfamily {
+	width: 22px;
+	height: 22px;
+	background-image: url(clouds/images/sfamily.png);
+}
+
+.icon-source-list {
+	width: 25px;
+	height: 25px;
+	background-image: url(clouds/images/source.png);
+}
+
+.icon-user_add {
+	width: 22px;
+	height: 22px;
+	background-image: url(clouds/images/user_add.png);
+}
+
+.cookie-warning {
+	background: #666;
+	color: #fff;
+	height: 3em;
+	line-height: 2.5em;
+	transition: height 0.5s;
+}
diff --git a/resources/css/clouds/icons/arrow-down-hover.png b/resources/css/clouds/icons/arrow-down-hover.png
new file mode 100644
index 0000000000..60797330f1
--- /dev/null
+++ b/resources/css/clouds/icons/arrow-down-hover.png
diff --git a/resources/css/clouds/icons/arrow-down.png b/resources/css/clouds/icons/arrow-down.png
new file mode 100644
index 0000000000..f9e0c1287d
--- /dev/null
+++ b/resources/css/clouds/icons/arrow-down.png
diff --git a/resources/css/clouds/icons/arrow-left-hover.png b/resources/css/clouds/icons/arrow-left-hover.png
new file mode 100644
index 0000000000..9d25f3a4e0
--- /dev/null
+++ b/resources/css/clouds/icons/arrow-left-hover.png
diff --git a/resources/css/clouds/icons/arrow-left.png b/resources/css/clouds/icons/arrow-left.png
new file mode 100644
index 0000000000..ec566c56ab
--- /dev/null
+++ b/resources/css/clouds/icons/arrow-left.png
diff --git a/resources/css/clouds/icons/arrow-right-hover.png b/resources/css/clouds/icons/arrow-right-hover.png
new file mode 100644
index 0000000000..ee73492ea6
--- /dev/null
+++ b/resources/css/clouds/icons/arrow-right-hover.png
diff --git a/resources/css/clouds/icons/arrow-right.png b/resources/css/clouds/icons/arrow-right.png
new file mode 100644
index 0000000000..df266cf212
--- /dev/null
+++ b/resources/css/clouds/icons/arrow-right.png
diff --git a/resources/css/clouds/icons/arrow-up-hover.png b/resources/css/clouds/icons/arrow-up-hover.png
new file mode 100644
index 0000000000..5f2fc4b9af
--- /dev/null
+++ b/resources/css/clouds/icons/arrow-up-hover.png
diff --git a/resources/css/clouds/icons/arrow-up.png b/resources/css/clouds/icons/arrow-up.png
new file mode 100644
index 0000000000..358859bd76
--- /dev/null
+++ b/resources/css/clouds/icons/arrow-up.png
diff --git a/resources/css/clouds/icons/bing-maps.png b/resources/css/clouds/icons/bing-maps.png
new file mode 100644
index 0000000000..400627cf16
--- /dev/null
+++ b/resources/css/clouds/icons/bing-maps.png
diff --git a/resources/css/clouds/icons/calendar.png b/resources/css/clouds/icons/calendar.png
new file mode 100644
index 0000000000..0d308a977a
--- /dev/null
+++ b/resources/css/clouds/icons/calendar.png
diff --git a/resources/css/clouds/icons/coordinates.png b/resources/css/clouds/icons/coordinates.png
new file mode 100644
index 0000000000..f8410ba149
--- /dev/null
+++ b/resources/css/clouds/icons/coordinates.png
diff --git a/resources/css/clouds/icons/copy.png b/resources/css/clouds/icons/copy.png
new file mode 100644
index 0000000000..4b42734afb
--- /dev/null
+++ b/resources/css/clouds/icons/copy.png
diff --git a/resources/css/clouds/icons/delete.png b/resources/css/clouds/icons/delete.png
new file mode 100644
index 0000000000..d091da3353
--- /dev/null
+++ b/resources/css/clouds/icons/delete.png
diff --git a/resources/css/clouds/icons/edit.png b/resources/css/clouds/icons/edit.png
new file mode 100644
index 0000000000..06af4f0d12
--- /dev/null
+++ b/resources/css/clouds/icons/edit.png
diff --git a/resources/css/clouds/icons/family.png b/resources/css/clouds/icons/family.png
new file mode 100644
index 0000000000..3ceafc5abb
--- /dev/null
+++ b/resources/css/clouds/icons/family.png
diff --git a/resources/css/clouds/icons/google-maps.png b/resources/css/clouds/icons/google-maps.png
new file mode 100644
index 0000000000..12ab0c14d5
--- /dev/null
+++ b/resources/css/clouds/icons/google-maps.png
diff --git a/resources/css/clouds/icons/help.png b/resources/css/clouds/icons/help.png
new file mode 100644
index 0000000000..3726e13cbd
--- /dev/null
+++ b/resources/css/clouds/icons/help.png
diff --git a/resources/css/clouds/icons/individual.png b/resources/css/clouds/icons/individual.png
new file mode 100644
index 0000000000..31e3856acc
--- /dev/null
+++ b/resources/css/clouds/icons/individual.png
diff --git a/resources/css/clouds/icons/keyboard.png b/resources/css/clouds/icons/keyboard.png
new file mode 100644
index 0000000000..0c6f4b33f9
--- /dev/null
+++ b/resources/css/clouds/icons/keyboard.png
diff --git a/resources/css/clouds/icons/media.png b/resources/css/clouds/icons/media.png
new file mode 100644
index 0000000000..b70ae5606c
--- /dev/null
+++ b/resources/css/clouds/icons/media.png
diff --git a/resources/css/clouds/icons/note.png b/resources/css/clouds/icons/note.png
new file mode 100644
index 0000000000..73f11ff057
--- /dev/null
+++ b/resources/css/clouds/icons/note.png
diff --git a/resources/css/clouds/icons/openstreetmap.png b/resources/css/clouds/icons/openstreetmap.png
new file mode 100644
index 0000000000..899e2a58b6
--- /dev/null
+++ b/resources/css/clouds/icons/openstreetmap.png
diff --git a/resources/css/clouds/icons/preferences.png b/resources/css/clouds/icons/preferences.png
new file mode 100644
index 0000000000..6de111507b
--- /dev/null
+++ b/resources/css/clouds/icons/preferences.png
diff --git a/resources/css/clouds/icons/repository.png b/resources/css/clouds/icons/repository.png
new file mode 100644
index 0000000000..bf0b660c91
--- /dev/null
+++ b/resources/css/clouds/icons/repository.png
diff --git a/resources/css/clouds/icons/source.png b/resources/css/clouds/icons/source.png
new file mode 100644
index 0000000000..6c29202d73
--- /dev/null
+++ b/resources/css/clouds/icons/source.png
diff --git a/resources/css/clouds/images/background.png b/resources/css/clouds/images/background.png
new file mode 100644
index 0000000000..38a934c635
--- /dev/null
+++ b/resources/css/clouds/images/background.png
diff --git a/resources/css/clouds/images/block-header-background.png b/resources/css/clouds/images/block-header-background.png
new file mode 100644
index 0000000000..e8a189fe42
--- /dev/null
+++ b/resources/css/clouds/images/block-header-background.png
diff --git a/resources/css/clouds/images/block-header-disk.png b/resources/css/clouds/images/block-header-disk.png
new file mode 100644
index 0000000000..d123948d31
--- /dev/null
+++ b/resources/css/clouds/images/block-header-disk.png
diff --git a/resources/css/clouds/images/buttons/addmedia.png b/resources/css/clouds/images/buttons/addmedia.png
new file mode 100644
index 0000000000..65cc2aefb5
--- /dev/null
+++ b/resources/css/clouds/images/buttons/addmedia.png
diff --git a/resources/css/clouds/images/buttons/addnote.png b/resources/css/clouds/images/buttons/addnote.png
new file mode 100644
index 0000000000..a240b5317b
--- /dev/null
+++ b/resources/css/clouds/images/buttons/addnote.png
diff --git a/resources/css/clouds/images/buttons/addrepository.png b/resources/css/clouds/images/buttons/addrepository.png
new file mode 100644
index 0000000000..220b432717
--- /dev/null
+++ b/resources/css/clouds/images/buttons/addrepository.png
diff --git a/resources/css/clouds/images/buttons/addsource.png b/resources/css/clouds/images/buttons/addsource.png
new file mode 100644
index 0000000000..c3e944a930
--- /dev/null
+++ b/resources/css/clouds/images/buttons/addsource.png
diff --git a/resources/css/clouds/images/buttons/find.png b/resources/css/clouds/images/buttons/find.png
new file mode 100644
index 0000000000..dd39018d0f
--- /dev/null
+++ b/resources/css/clouds/images/buttons/find.png
diff --git a/resources/css/clouds/images/buttons/find_facts.png b/resources/css/clouds/images/buttons/find_facts.png
new file mode 100644
index 0000000000..2ba25a7858
--- /dev/null
+++ b/resources/css/clouds/images/buttons/find_facts.png
diff --git a/resources/css/clouds/images/buttons/head.png b/resources/css/clouds/images/buttons/head.png
new file mode 100644
index 0000000000..ea21719c82
--- /dev/null
+++ b/resources/css/clouds/images/buttons/head.png
diff --git a/resources/css/clouds/images/buttons/place.png b/resources/css/clouds/images/buttons/place.png
new file mode 100644
index 0000000000..1562e0ee0c
--- /dev/null
+++ b/resources/css/clouds/images/buttons/place.png
diff --git a/resources/css/clouds/images/cfamily.png b/resources/css/clouds/images/cfamily.png
new file mode 100644
index 0000000000..5006724cf6
--- /dev/null
+++ b/resources/css/clouds/images/cfamily.png
diff --git a/resources/css/clouds/images/chart-familybook.png b/resources/css/clouds/images/chart-familybook.png
new file mode 100644
index 0000000000..359f87462c
--- /dev/null
+++ b/resources/css/clouds/images/chart-familybook.png
diff --git a/resources/css/clouds/images/childless.png b/resources/css/clouds/images/childless.png
new file mode 100644
index 0000000000..10f82fe6fe
--- /dev/null
+++ b/resources/css/clouds/images/childless.png
diff --git a/resources/css/clouds/images/children.png b/resources/css/clouds/images/children.png
new file mode 100644
index 0000000000..30dbbf1099
--- /dev/null
+++ b/resources/css/clouds/images/children.png
diff --git a/resources/css/clouds/images/clippings.png b/resources/css/clouds/images/clippings.png
new file mode 100644
index 0000000000..2181e93935
--- /dev/null
+++ b/resources/css/clouds/images/clippings.png
diff --git a/resources/css/clouds/images/clouds.png b/resources/css/clouds/images/clouds.png
new file mode 100644
index 0000000000..d6d14f065a
--- /dev/null
+++ b/resources/css/clouds/images/clouds.png
diff --git a/resources/css/clouds/images/copy.png b/resources/css/clouds/images/copy.png
new file mode 100644
index 0000000000..7397f49c27
--- /dev/null
+++ b/resources/css/clouds/images/copy.png
diff --git a/resources/css/clouds/images/delete.png b/resources/css/clouds/images/delete.png
new file mode 100644
index 0000000000..7ce1741b6b
--- /dev/null
+++ b/resources/css/clouds/images/delete.png
diff --git a/resources/css/clouds/images/edit_indi.png b/resources/css/clouds/images/edit_indi.png
new file mode 100644
index 0000000000..dfeb5f8277
--- /dev/null
+++ b/resources/css/clouds/images/edit_indi.png
diff --git a/resources/css/clouds/images/general_sprite.png b/resources/css/clouds/images/general_sprite.png
new file mode 100644
index 0000000000..f0dab25361
--- /dev/null
+++ b/resources/css/clouds/images/general_sprite.png
diff --git a/resources/css/clouds/images/go.png b/resources/css/clouds/images/go.png
new file mode 100644
index 0000000000..b0ae730ad4
--- /dev/null
+++ b/resources/css/clouds/images/go.png
diff --git a/resources/css/clouds/images/icon-mime-sprite.png b/resources/css/clouds/images/icon-mime-sprite.png
new file mode 100644
index 0000000000..a8c817837c
--- /dev/null
+++ b/resources/css/clouds/images/icon-mime-sprite.png
diff --git a/resources/css/clouds/images/image_add.png b/resources/css/clouds/images/image_add.png
new file mode 100644
index 0000000000..ecac61c284
--- /dev/null
+++ b/resources/css/clouds/images/image_add.png
diff --git a/resources/css/clouds/images/image_edit.png b/resources/css/clouds/images/image_edit.png
new file mode 100644
index 0000000000..3fb8061de2
--- /dev/null
+++ b/resources/css/clouds/images/image_edit.png
diff --git a/resources/css/clouds/images/image_link.png b/resources/css/clouds/images/image_link.png
new file mode 100644
index 0000000000..190b08e7d2
--- /dev/null
+++ b/resources/css/clouds/images/image_link.png
diff --git a/resources/css/clouds/images/image_view.png b/resources/css/clouds/images/image_view.png
new file mode 100644
index 0000000000..1e7babae94
--- /dev/null
+++ b/resources/css/clouds/images/image_view.png
diff --git a/resources/css/clouds/images/images.png b/resources/css/clouds/images/images.png
new file mode 100644
index 0000000000..b3854d450a
--- /dev/null
+++ b/resources/css/clouds/images/images.png
diff --git a/resources/css/clouds/images/indicator.gif b/resources/css/clouds/images/indicator.gif
new file mode 100644
index 0000000000..085ccaecaf
--- /dev/null
+++ b/resources/css/clouds/images/indicator.gif
diff --git a/resources/css/clouds/images/indis.png b/resources/css/clouds/images/indis.png
new file mode 100644
index 0000000000..c61d7b85cf
--- /dev/null
+++ b/resources/css/clouds/images/indis.png
diff --git a/resources/css/clouds/images/li.png b/resources/css/clouds/images/li.png
new file mode 100644
index 0000000000..9cbf6904ea
--- /dev/null
+++ b/resources/css/clouds/images/li.png
diff --git a/resources/css/clouds/images/lifespan-chunk.png b/resources/css/clouds/images/lifespan-chunk.png
new file mode 100644
index 0000000000..1eb0f30490
--- /dev/null
+++ b/resources/css/clouds/images/lifespan-chunk.png
diff --git a/resources/css/clouds/images/media.png b/resources/css/clouds/images/media.png
new file mode 100644
index 0000000000..ef74a50288
--- /dev/null
+++ b/resources/css/clouds/images/media.png
diff --git a/resources/css/clouds/images/minus.png b/resources/css/clouds/images/minus.png
new file mode 100644
index 0000000000..8ed68808da
--- /dev/null
+++ b/resources/css/clouds/images/minus.png
diff --git a/resources/css/clouds/images/mypage.png b/resources/css/clouds/images/mypage.png
new file mode 100644
index 0000000000..f0cc0af1af
--- /dev/null
+++ b/resources/css/clouds/images/mypage.png
diff --git a/resources/css/clouds/images/patriarch.png b/resources/css/clouds/images/patriarch.png
new file mode 100644
index 0000000000..7f373ce7cc
--- /dev/null
+++ b/resources/css/clouds/images/patriarch.png
diff --git a/resources/css/clouds/images/pedigree.png b/resources/css/clouds/images/pedigree.png
new file mode 100644
index 0000000000..968a8f539c
--- /dev/null
+++ b/resources/css/clouds/images/pedigree.png
diff --git a/resources/css/clouds/images/place.png b/resources/css/clouds/images/place.png
new file mode 100644
index 0000000000..8c1238d50c
--- /dev/null
+++ b/resources/css/clouds/images/place.png
diff --git a/resources/css/clouds/images/plus.png b/resources/css/clouds/images/plus.png
new file mode 100644
index 0000000000..64e15fc9f3
--- /dev/null
+++ b/resources/css/clouds/images/plus.png
diff --git a/resources/css/clouds/images/powered-by-webtrees.png b/resources/css/clouds/images/powered-by-webtrees.png
new file mode 100644
index 0000000000..64b34a8bc8
--- /dev/null
+++ b/resources/css/clouds/images/powered-by-webtrees.png
diff --git a/resources/css/clouds/images/rarrow.png b/resources/css/clouds/images/rarrow.png
new file mode 100644
index 0000000000..df266cf212
--- /dev/null
+++ b/resources/css/clouds/images/rarrow.png
diff --git a/resources/css/clouds/images/rdarrow.png b/resources/css/clouds/images/rdarrow.png
new file mode 100644
index 0000000000..a549e8d076
--- /dev/null
+++ b/resources/css/clouds/images/rdarrow.png
diff --git a/resources/css/clouds/images/reminder.png b/resources/css/clouds/images/reminder.png
new file mode 100644
index 0000000000..fa5bbcf507
--- /dev/null
+++ b/resources/css/clouds/images/reminder.png
diff --git a/resources/css/clouds/images/reorder.png b/resources/css/clouds/images/reorder.png
new file mode 100644
index 0000000000..2cfe889ad1
--- /dev/null
+++ b/resources/css/clouds/images/reorder.png
diff --git a/resources/css/clouds/images/repository.png b/resources/css/clouds/images/repository.png
new file mode 100644
index 0000000000..6e433b498f
--- /dev/null
+++ b/resources/css/clouds/images/repository.png
diff --git a/resources/css/clouds/images/resn_confidential.png b/resources/css/clouds/images/resn_confidential.png
new file mode 100644
index 0000000000..348f12765e
--- /dev/null
+++ b/resources/css/clouds/images/resn_confidential.png
diff --git a/resources/css/clouds/images/resn_locked.png b/resources/css/clouds/images/resn_locked.png
new file mode 100644
index 0000000000..560d963b8c
--- /dev/null
+++ b/resources/css/clouds/images/resn_locked.png
diff --git a/resources/css/clouds/images/resn_none.png b/resources/css/clouds/images/resn_none.png
new file mode 100644
index 0000000000..d86137658e
--- /dev/null
+++ b/resources/css/clouds/images/resn_none.png
diff --git a/resources/css/clouds/images/resn_privacy.png b/resources/css/clouds/images/resn_privacy.png
new file mode 100644
index 0000000000..ca462fd84d
--- /dev/null
+++ b/resources/css/clouds/images/resn_privacy.png
diff --git a/resources/css/clouds/images/rings.png b/resources/css/clouds/images/rings.png
new file mode 100644
index 0000000000..2190ac6573
--- /dev/null
+++ b/resources/css/clouds/images/rings.png
diff --git a/resources/css/clouds/images/selected.png b/resources/css/clouds/images/selected.png
new file mode 100644
index 0000000000..7abd8e6031
--- /dev/null
+++ b/resources/css/clouds/images/selected.png
diff --git a/resources/css/clouds/images/sex_f_15x15.png b/resources/css/clouds/images/sex_f_15x15.png
new file mode 100644
index 0000000000..2d3abae32a
--- /dev/null
+++ b/resources/css/clouds/images/sex_f_15x15.png
diff --git a/resources/css/clouds/images/sex_f_9x9.png b/resources/css/clouds/images/sex_f_9x9.png
new file mode 100644
index 0000000000..e35e46ccd4
--- /dev/null
+++ b/resources/css/clouds/images/sex_f_9x9.png
diff --git a/resources/css/clouds/images/sex_m_15x15.png b/resources/css/clouds/images/sex_m_15x15.png
new file mode 100644
index 0000000000..4ac7956421
--- /dev/null
+++ b/resources/css/clouds/images/sex_m_15x15.png
diff --git a/resources/css/clouds/images/sex_m_9x9.png b/resources/css/clouds/images/sex_m_9x9.png
new file mode 100644
index 0000000000..32a8484b1f
--- /dev/null
+++ b/resources/css/clouds/images/sex_m_9x9.png
diff --git a/resources/css/clouds/images/sex_u_15x15.png b/resources/css/clouds/images/sex_u_15x15.png
new file mode 100644
index 0000000000..158c3f9a10
--- /dev/null
+++ b/resources/css/clouds/images/sex_u_15x15.png
diff --git a/resources/css/clouds/images/sex_u_9x9.png b/resources/css/clouds/images/sex_u_9x9.png
new file mode 100644
index 0000000000..d113a1898c
--- /dev/null
+++ b/resources/css/clouds/images/sex_u_9x9.png
diff --git a/resources/css/clouds/images/sfamily.png b/resources/css/clouds/images/sfamily.png
new file mode 100644
index 0000000000..e5f8f755c3
--- /dev/null
+++ b/resources/css/clouds/images/sfamily.png
diff --git a/resources/css/clouds/images/silhouette_female.png b/resources/css/clouds/images/silhouette_female.png
new file mode 100644
index 0000000000..bb8d503371
--- /dev/null
+++ b/resources/css/clouds/images/silhouette_female.png
diff --git a/resources/css/clouds/images/silhouette_female_small.png b/resources/css/clouds/images/silhouette_female_small.png
new file mode 100644
index 0000000000..ff153f7e5e
--- /dev/null
+++ b/resources/css/clouds/images/silhouette_female_small.png
diff --git a/resources/css/clouds/images/silhouette_male.png b/resources/css/clouds/images/silhouette_male.png
new file mode 100644
index 0000000000..0615900224
--- /dev/null
+++ b/resources/css/clouds/images/silhouette_male.png
diff --git a/resources/css/clouds/images/silhouette_male_small.png b/resources/css/clouds/images/silhouette_male_small.png
new file mode 100644
index 0000000000..6c7c175c76
--- /dev/null
+++ b/resources/css/clouds/images/silhouette_male_small.png
diff --git a/resources/css/clouds/images/silhouette_unknown.png b/resources/css/clouds/images/silhouette_unknown.png
new file mode 100644
index 0000000000..d0417439ee
--- /dev/null
+++ b/resources/css/clouds/images/silhouette_unknown.png
diff --git a/resources/css/clouds/images/silhouette_unknown_small.png b/resources/css/clouds/images/silhouette_unknown_small.png
new file mode 100644
index 0000000000..9602cffaa0
--- /dev/null
+++ b/resources/css/clouds/images/silhouette_unknown_small.png
diff --git a/resources/css/clouds/images/source.png b/resources/css/clouds/images/source.png
new file mode 100644
index 0000000000..085d3b179a
--- /dev/null
+++ b/resources/css/clouds/images/source.png
diff --git a/resources/css/clouds/images/stop.png b/resources/css/clouds/images/stop.png
new file mode 100644
index 0000000000..7f8200a727
--- /dev/null
+++ b/resources/css/clouds/images/stop.png
diff --git a/resources/css/clouds/images/user_add.png b/resources/css/clouds/images/user_add.png
new file mode 100644
index 0000000000..80f6a0b266
--- /dev/null
+++ b/resources/css/clouds/images/user_add.png
diff --git a/resources/css/clouds/images/warning.png b/resources/css/clouds/images/warning.png
new file mode 100644
index 0000000000..d484c33341
--- /dev/null
+++ b/resources/css/clouds/images/warning.png
diff --git a/resources/css/clouds/images/zoomin.png b/resources/css/clouds/images/zoomin.png
new file mode 100644
index 0000000000..19a0d339d5
--- /dev/null
+++ b/resources/css/clouds/images/zoomin.png
diff --git a/resources/css/clouds/images/zoomout.png b/resources/css/clouds/images/zoomout.png
new file mode 100644
index 0000000000..4e97829f77
--- /dev/null
+++ b/resources/css/clouds/images/zoomout.png
diff --git a/resources/css/clouds/menu/branches.png b/resources/css/clouds/menu/branches.png
new file mode 100644
index 0000000000..764ece0b83
--- /dev/null
+++ b/resources/css/clouds/menu/branches.png
diff --git a/resources/css/clouds/menu/calendar-calendar.png b/resources/css/clouds/menu/calendar-calendar.png
new file mode 100644
index 0000000000..e0a29701ea
--- /dev/null
+++ b/resources/css/clouds/menu/calendar-calendar.png
diff --git a/resources/css/clouds/menu/calendar.png b/resources/css/clouds/menu/calendar.png
new file mode 100644
index 0000000000..e0a29701ea
--- /dev/null
+++ b/resources/css/clouds/menu/calendar.png
diff --git a/resources/css/clouds/menu/chart-ancestors.png b/resources/css/clouds/menu/chart-ancestors.png
new file mode 100644
index 0000000000..88b89df061
--- /dev/null
+++ b/resources/css/clouds/menu/chart-ancestors.png
diff --git a/resources/css/clouds/menu/chart-compact.png b/resources/css/clouds/menu/chart-compact.png
new file mode 100644
index 0000000000..88b89df061
--- /dev/null
+++ b/resources/css/clouds/menu/chart-compact.png
diff --git a/resources/css/clouds/menu/chart-descendants.png b/resources/css/clouds/menu/chart-descendants.png
new file mode 100644
index 0000000000..2a79c0f0e6
--- /dev/null
+++ b/resources/css/clouds/menu/chart-descendants.png
diff --git a/resources/css/clouds/menu/chart-family-book.png b/resources/css/clouds/menu/chart-family-book.png
new file mode 100644
index 0000000000..359f87462c
--- /dev/null
+++ b/resources/css/clouds/menu/chart-family-book.png
diff --git a/resources/css/clouds/menu/chart-fanchart.png b/resources/css/clouds/menu/chart-fanchart.png
new file mode 100644
index 0000000000..391c18488e
--- /dev/null
+++ b/resources/css/clouds/menu/chart-fanchart.png
diff --git a/resources/css/clouds/menu/chart-hourglass.png b/resources/css/clouds/menu/chart-hourglass.png
new file mode 100644
index 0000000000..aef268f92d
--- /dev/null
+++ b/resources/css/clouds/menu/chart-hourglass.png
diff --git a/resources/css/clouds/menu/chart-lifespan.png b/resources/css/clouds/menu/chart-lifespan.png
new file mode 100644
index 0000000000..037cedd1f2
--- /dev/null
+++ b/resources/css/clouds/menu/chart-lifespan.png
diff --git a/resources/css/clouds/menu/chart-pedigree-map.png b/resources/css/clouds/menu/chart-pedigree-map.png
new file mode 100644
index 0000000000..bc0b57932d
--- /dev/null
+++ b/resources/css/clouds/menu/chart-pedigree-map.png
diff --git a/resources/css/clouds/menu/chart-pedigree.png b/resources/css/clouds/menu/chart-pedigree.png
new file mode 100644
index 0000000000..6def5e1757
--- /dev/null
+++ b/resources/css/clouds/menu/chart-pedigree.png
diff --git a/resources/css/clouds/menu/chart-relationship.png b/resources/css/clouds/menu/chart-relationship.png
new file mode 100644
index 0000000000..7d603d07c6
--- /dev/null
+++ b/resources/css/clouds/menu/chart-relationship.png
diff --git a/resources/css/clouds/menu/chart-statistics.png b/resources/css/clouds/menu/chart-statistics.png
new file mode 100644
index 0000000000..fac0e7d0e7
--- /dev/null
+++ b/resources/css/clouds/menu/chart-statistics.png
diff --git a/resources/css/clouds/menu/chart-timeline.png b/resources/css/clouds/menu/chart-timeline.png
new file mode 100644
index 0000000000..037cedd1f2
--- /dev/null
+++ b/resources/css/clouds/menu/chart-timeline.png
diff --git a/resources/css/clouds/menu/chart-tree.png b/resources/css/clouds/menu/chart-tree.png
new file mode 100644
index 0000000000..49cc8671ba
--- /dev/null
+++ b/resources/css/clouds/menu/chart-tree.png
diff --git a/resources/css/clouds/menu/chart.png b/resources/css/clouds/menu/chart.png
new file mode 100644
index 0000000000..6def5e1757
--- /dev/null
+++ b/resources/css/clouds/menu/chart.png
diff --git a/resources/css/clouds/menu/clippings-add.png b/resources/css/clouds/menu/clippings-add.png
new file mode 100644
index 0000000000..bf3a9b2ca6
--- /dev/null
+++ b/resources/css/clouds/menu/clippings-add.png
diff --git a/resources/css/clouds/menu/clippings-cart.png b/resources/css/clouds/menu/clippings-cart.png
new file mode 100644
index 0000000000..bf3a9b2ca6
--- /dev/null
+++ b/resources/css/clouds/menu/clippings-cart.png
diff --git a/resources/css/clouds/menu/clippings.png b/resources/css/clouds/menu/clippings.png
new file mode 100644
index 0000000000..bf3a9b2ca6
--- /dev/null
+++ b/resources/css/clouds/menu/clippings.png
diff --git a/resources/css/clouds/menu/edit-add-favorite.png b/resources/css/clouds/menu/edit-add-favorite.png
new file mode 100644
index 0000000000..90aa41242b
--- /dev/null
+++ b/resources/css/clouds/menu/edit-add-favorite.png
diff --git a/resources/css/clouds/menu/edit-delete.png b/resources/css/clouds/menu/edit-delete.png
new file mode 100644
index 0000000000..56eec5fe35
--- /dev/null
+++ b/resources/css/clouds/menu/edit-delete.png
diff --git a/resources/css/clouds/menu/edit-fam.png b/resources/css/clouds/menu/edit-fam.png
new file mode 100644
index 0000000000..aab42668c0
--- /dev/null
+++ b/resources/css/clouds/menu/edit-fam.png
diff --git a/resources/css/clouds/menu/edit-gedcom.png b/resources/css/clouds/menu/edit-gedcom.png
new file mode 100644
index 0000000000..46dfa3a860
--- /dev/null
+++ b/resources/css/clouds/menu/edit-gedcom.png
diff --git a/resources/css/clouds/menu/edit-indi.png b/resources/css/clouds/menu/edit-indi.png
new file mode 100755
index 0000000000..b7282319db
--- /dev/null
+++ b/resources/css/clouds/menu/edit-indi.png
diff --git a/resources/css/clouds/menu/edit-link.png b/resources/css/clouds/menu/edit-link.png
new file mode 100644
index 0000000000..19780143de
--- /dev/null
+++ b/resources/css/clouds/menu/edit-link.png
diff --git a/resources/css/clouds/menu/edit-note.png b/resources/css/clouds/menu/edit-note.png
new file mode 100644
index 0000000000..28b2f23f2d
--- /dev/null
+++ b/resources/css/clouds/menu/edit-note.png
diff --git a/resources/css/clouds/menu/edit-obje.png b/resources/css/clouds/menu/edit-obje.png
new file mode 100644
index 0000000000..35cb23c3c6
--- /dev/null
+++ b/resources/css/clouds/menu/edit-obje.png
diff --git a/resources/css/clouds/menu/edit-reorder.png b/resources/css/clouds/menu/edit-reorder.png
new file mode 100644
index 0000000000..a84b55f5f9
--- /dev/null
+++ b/resources/css/clouds/menu/edit-reorder.png
diff --git a/resources/css/clouds/menu/edit-repo.png b/resources/css/clouds/menu/edit-repo.png
new file mode 100755
index 0000000000..f9b87422ea
--- /dev/null
+++ b/resources/css/clouds/menu/edit-repo.png
diff --git a/resources/css/clouds/menu/edit-sex.png b/resources/css/clouds/menu/edit-sex.png
new file mode 100644
index 0000000000..d6960daafe
--- /dev/null
+++ b/resources/css/clouds/menu/edit-sex.png
diff --git a/resources/css/clouds/menu/edit-sour.png b/resources/css/clouds/menu/edit-sour.png
new file mode 100644
index 0000000000..43be63da86
--- /dev/null
+++ b/resources/css/clouds/menu/edit-sour.png
diff --git a/resources/css/clouds/menu/fam.png b/resources/css/clouds/menu/fam.png
new file mode 100644
index 0000000000..aab42668c0
--- /dev/null
+++ b/resources/css/clouds/menu/fam.png
diff --git a/resources/css/clouds/menu/help.png b/resources/css/clouds/menu/help.png
new file mode 100644
index 0000000000..84ea880ba4
--- /dev/null
+++ b/resources/css/clouds/menu/help.png
diff --git a/resources/css/clouds/menu/indi.png b/resources/css/clouds/menu/indi.png
new file mode 100644
index 0000000000..9bbe0cf38c
--- /dev/null
+++ b/resources/css/clouds/menu/indi.png
diff --git a/resources/css/clouds/menu/list-fam.png b/resources/css/clouds/menu/list-fam.png
new file mode 100644
index 0000000000..50b4d58f21
--- /dev/null
+++ b/resources/css/clouds/menu/list-fam.png
diff --git a/resources/css/clouds/menu/list-indi.png b/resources/css/clouds/menu/list-indi.png
new file mode 100644
index 0000000000..57bbe73ed4
--- /dev/null
+++ b/resources/css/clouds/menu/list-indi.png
diff --git a/resources/css/clouds/menu/list-note.png b/resources/css/clouds/menu/list-note.png
new file mode 100644
index 0000000000..baa6e534f6
--- /dev/null
+++ b/resources/css/clouds/menu/list-note.png
diff --git a/resources/css/clouds/menu/list-obje.png b/resources/css/clouds/menu/list-obje.png
new file mode 100644
index 0000000000..4f2a1a5cf8
--- /dev/null
+++ b/resources/css/clouds/menu/list-obje.png
diff --git a/resources/css/clouds/menu/list-plac.png b/resources/css/clouds/menu/list-plac.png
new file mode 100644
index 0000000000..a0a6d8cfa9
--- /dev/null
+++ b/resources/css/clouds/menu/list-plac.png
diff --git a/resources/css/clouds/menu/list-repo.png b/resources/css/clouds/menu/list-repo.png
new file mode 100644
index 0000000000..1a187873a2
--- /dev/null
+++ b/resources/css/clouds/menu/list-repo.png
diff --git a/resources/css/clouds/menu/list-sour.png b/resources/css/clouds/menu/list-sour.png
new file mode 100644
index 0000000000..3bc7fccbd3
--- /dev/null
+++ b/resources/css/clouds/menu/list-sour.png
diff --git a/resources/css/clouds/menu/list.png b/resources/css/clouds/menu/list.png
new file mode 100644
index 0000000000..cd2fa0ed41
--- /dev/null
+++ b/resources/css/clouds/menu/list.png
diff --git a/resources/css/clouds/menu/note.png b/resources/css/clouds/menu/note.png
new file mode 100644
index 0000000000..28b2f23f2d
--- /dev/null
+++ b/resources/css/clouds/menu/note.png
diff --git a/resources/css/clouds/menu/obje.png b/resources/css/clouds/menu/obje.png
new file mode 100644
index 0000000000..35cb23c3c6
--- /dev/null
+++ b/resources/css/clouds/menu/obje.png
diff --git a/resources/css/clouds/menu/repo.png b/resources/css/clouds/menu/repo.png
new file mode 100644
index 0000000000..0294c8a752
--- /dev/null
+++ b/resources/css/clouds/menu/repo.png
diff --git a/resources/css/clouds/menu/report-report.png b/resources/css/clouds/menu/report-report.png
new file mode 100644
index 0000000000..cad9878574
--- /dev/null
+++ b/resources/css/clouds/menu/report-report.png
diff --git a/resources/css/clouds/menu/report.png b/resources/css/clouds/menu/report.png
new file mode 100644
index 0000000000..8454b8781d
--- /dev/null
+++ b/resources/css/clouds/menu/report.png
diff --git a/resources/css/clouds/menu/search-search.png b/resources/css/clouds/menu/search-search.png
new file mode 100644
index 0000000000..d76fb36029
--- /dev/null
+++ b/resources/css/clouds/menu/search-search.png
diff --git a/resources/css/clouds/menu/search.png b/resources/css/clouds/menu/search.png
new file mode 100644
index 0000000000..d76fb36029
--- /dev/null
+++ b/resources/css/clouds/menu/search.png
diff --git a/resources/css/clouds/menu/sour.png b/resources/css/clouds/menu/sour.png
new file mode 100644
index 0000000000..43be63da86
--- /dev/null
+++ b/resources/css/clouds/menu/sour.png
diff --git a/resources/css/clouds/menu/story.png b/resources/css/clouds/menu/story.png
new file mode 100644
index 0000000000..934c02aa90
--- /dev/null
+++ b/resources/css/clouds/menu/story.png
diff --git a/resources/css/clouds/menu/tree-tree.png b/resources/css/clouds/menu/tree-tree.png
new file mode 100644
index 0000000000..ac7e0d4c11
--- /dev/null
+++ b/resources/css/clouds/menu/tree-tree.png
diff --git a/resources/css/clouds/menu/tree.png b/resources/css/clouds/menu/tree.png
new file mode 100644
index 0000000000..474dde0685
--- /dev/null
+++ b/resources/css/clouds/menu/tree.png
diff --git a/resources/css/colors.css b/resources/css/colors.css
new file mode 100644
index 0000000000..10782df472
--- /dev/null
+++ b/resources/css/colors.css
@@ -0,0 +1,3162 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2018 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* The colors theme */
+
+/* Override Bootstrap formatting */
+
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+    background-color: #eee;
+    color: #000;
+}
+
+.table-given-name {
+    overflow-x: hidden;
+}
+
+.btn-link {
+	padding: 0 .25rem;
+	color: #333;
+}
+
+.card-header .btn-link {
+	font-size: 0;
+	line-height: 0;
+	border: 0;
+}
+
+.card-header h4 {
+	font-size: 1.2rem;
+}
+
+.btn.focus, .btn:focus {
+	box-shadow: none;
+}
+
+.btn-link:hover, .btn-link:focus {
+	color: #f00;
+	text-decoration: none;
+}
+
+.pagination, .page-link, .page-link:hover, .page-link:focus {
+	border-color: #e6e6e6;
+	color: #555;
+}
+
+.page-item.active .page-link {
+	background-color: #e6e6e6;
+	color: #555;
+	border-color: #ccc;
+}
+
+.form-control:focus{
+	border-color:#ccc;
+	box-shadow:0 0 0 .2rem rgba(128,128,128,.25);
+}
+
+.container-fluid {
+    padding-left: 5px;
+    padding-right: 5px;
+}
+
+table {
+	border-collapse: separate;
+}
+
+/* fit primary and secondary menus on mobile devices */
+@media (max-width: 500px) {
+	.wt-primary-menu .nav-item {
+    padding: 0 0.45rem!important;
+    }
+    .wt-secondary-menu .nav-link {
+	padding: 0.25rem!important;
+	}
+}
+
+/*
+ * Any element that is loaded dynamically has the class wt-ajax-load.
+ * We can provide a "loading" placeholder for empty elements with this class.
+ */
+.wt-ajax-load:empty {
+	height: 32px;
+	background: url(images/loading-32x32.gif) no-repeat 50% 50%;
+}
+
+/*
+ * Icons use FontAwesome by default, but have additional classes to
+ * allow them to be overridden
+ *
+ * .wt-icon-arrow-down
+ * .wt-icon-arrow-end (right on LTR, left on RTL)
+ * .wt-icon-arrow-start (left on LTR, right on RTL)
+ * .wt-icon-arrow-up
+ * .wt-icon-bing-maps
+ * .wt-icon-calendar
+ * .wt-icon-copy
+ * .wt-icon-delete
+ * .wt-icon-edit
+ * .wt-icon-email
+ * .wt-icon-family
+ * .wt-icon-help
+ * .wt-icon-individual
+ * .wt-icon-google-maps
+ * .wt-icon-keyboard
+ * .wt-icon-media
+ * .wt-icon-note
+ * .wt-icon-openstreetmap
+ * .wt-icon-preferences
+ * .wt-icon-repository
+ * .wt-icon-source
+ * .wt-icon-submitter
+ */
+.wt-icon-arrow-down::before {
+	width: 20px;
+	height: 20px;
+	content: url(colors/icons/arrow-down.png);
+}
+
+a > .wt-icon-arrow-down:hover::before {
+	width: 20px;
+	height: 20px;
+	content: url(colors/icons/arrow-down-hover.png);
+}
+
+.wt-icon-arrow-end::before {
+	width: 20px;
+	height: 20px;
+	content: url(colors/icons/arrow-right.png);
+}
+
+a > .wt-icon-arrow-end:hover::before {
+	width: 20px;
+	height: 20px;
+	content: url(colors/icons/arrow-right-hover.png);
+}
+
+.wt-icon-arrow-start::before {
+	width: 20px;
+	height: 20px;
+	content: url(colors/icons/arrow-left.png);
+}
+
+a > .wt-icon-arrow-start:hover::before {
+	width: 20px;
+	height: 20px;
+	content: url(colors/icons/arrow-left-hover.png);
+}
+
+.wt-icon-arrow-up::before {
+	width: 20px;
+	height: 20px;
+	content: url(colors/icons/arrow-up.png);
+}
+
+a > .wt-icon-arrow-up:hover::before {
+	width: 20px;
+	height: 20px;
+	content: url(colors/icons/arrow-up-hover.png);
+}
+
+.wt-icon-bing-maps::before {
+	width: 16px;
+	height: 16px;
+	content: url(colors/icons/bing-maps.png);
+}
+
+.wt-icon-calendar::before {
+	width: 19px;
+	height: 15px;
+	content: url(colors/icons/calendar.png)
+}
+
+.wt-icon-coordinates::before {
+	width: 16px;
+	height: 16px;
+	content: url(colors/icons/coordinates.png)
+}
+
+.wt-icon-copy::before {
+	width: 16px;
+	height: 16px;
+	content: url(colors/icons/copy.png)
+}
+
+.wt-icon-delete::before {
+	width: 16px;
+	height: 16px;
+	content: url(colors/icons/delete.png);
+}
+
+.wt-icon-edit::before {
+	width: 16px;
+	height: 16px;
+	content: url(colors/icons/edit.png);
+}
+
+.wt-icon-family::before {
+	width: 14px;
+	height: 15px;
+	content: url(colors/icons/family.png);
+}
+
+.wt-icon-help::before {
+	width: 16px;
+	height: 16px;
+	content: url(colors/icons/help.png);
+}
+
+.wt-icon-google-maps::before {
+	width: 16px;
+	height: 16px;
+	content: url(colors/icons/google-maps.png);
+}
+
+.wt-icon-individual::before {
+	width: 11px;
+	height: 15px;
+	content: url(colors/icons/individual.png);
+}
+
+.wt-icon-keyboard::before {
+	width: 30px;
+	height: 15px;
+	content: url(colors/icons/keyboard.png);
+}
+
+.wt-icon-media::before {
+	width: 18px;
+	height: 16px;
+	content: url(colors/icons/media.png);
+}
+
+.wt-icon-note::before {
+	width: 20px;
+	height: 20px;
+	content: url(colors/icons/note.png);
+}
+
+.wt-icon-openstreetmap::before {
+	width: 16px;
+	height: 16px;
+	content: url(colors/icons/openstreetmap.png);
+}
+
+.wt-icon-preferences::before {
+	width: 25px;
+	height: 25px;
+	content: url(colors/icons/preferences.png);
+}
+
+.wt-icon-repository::before {
+	width: 15px;
+	height: 15px;
+	content: url(colors/icons/repository.png);
+}
+
+.wt-icon-source::before {
+	width: 18px;
+	height: 16px;
+	content: url(colors/icons/source.png);
+}
+
+.wt-icon-submitter::before {
+	width: 11px;
+	height: 15px;
+	content: url(colors/icons/individual.png);
+}
+
+i[class*="wt-icon-media"] {
+	opacity: 0.5;
+}
+
+/*
+ * Pages have the following high-level structure:
+ *
+ * wt-global
+ * +---wt-header-wrapper
+ *     +---wt-header-container
+ *     |   +---wt-header-content
+ *     |       +---wt-accessibility-links
+ *     |       +---wt-site-logo
+ *     |       +---wt-site-title
+ *     |       +---wt-header-search
+ *     |       |   +---wt-header-search-form
+ *     |       |       +---wt-header-search-field
+ *     |       |       +---wt-header-search-button
+ *     |       +---wt-secondary-navigation
+ *     |       |   +---wt-secondary-menu
+ *     |       +---wt-primary-navigation
+ *     |           +---wt-primary-menu
+ *     +---wt-main-container
+ *     |   +---wt-main-content
+ *     |       +---wt-messages
+ *     |       +---wt-page-title
+ *     |       +---wt-page-options wt-page-options-xxxxx
+ *     |       +---wt-page-content
+ *     +---wt-footer-container
+ *         +---wt-footer-content
+ */
+
+.wt-block-header::before {
+	content: url(colors/images/block-header-disk.png);
+}
+
+.wt-global {
+	background: #fff; /* Override clouds */
+	color: #333;
+}
+
+.wt-header-wrapper {
+	background: inherit none;
+}
+
+.wt-header-wrapper .dropdown-item.active {
+	background-color: inherit;
+	color: inherit;
+	font-weight: bold;
+}
+
+.wt-header-container {
+}
+
+.wt-header-content {
+}
+
+.wt-block-content {
+}
+
+.wt-accessibility-links {
+}
+
+.wt-site-logo {
+	display: none;
+}
+
+.wt-site-title {
+	order: 1;
+	flex: 1 1 0;
+	font-size: 1.5rem;
+	padding: 0.75rem 0.75rem 0;
+}
+
+.wt-header-search {
+	order: 3;
+	flex: 0 0 15rem;
+	padding-bottom: 0.5rem;
+}
+
+.wt-header-search-form {
+}
+
+.wt-secondary-navigation {
+	order: 2;
+	flex: 0 0 0;
+	white-space: nowrap;
+}
+
+.wt-secondary-menu {
+}
+
+.wt-secondary-menu .nav-link {
+	display: inline-block;
+	padding: 0.5rem;
+	color: inherit; /* Inherit from wt-header-container */
+}
+
+.wt-secondary-menu .nav-item + .nav-item::before {
+	content: "|";
+}
+
+.wt-secondary-menu .dropdown-toggle:after {
+	display: none;
+}
+
+.wt-secondary-menu .menu-color .dropdown-menu {
+	max-height: 60rem;
+}
+
+.wt-primary-navigation {
+	order: 4;
+	flex: 0 0 100%;
+}
+
+.wt-primary-menu {
+	/* Extend to full page width */
+	flex: 0 1 100vw;
+	/* Recalculate margins for content */
+	margin: 0 calc(50% - 50vw);
+	padding: 0 calc(50vw - 50%);
+}
+
+.wt-primary-menu .dropdown-menu {
+    max-height: 60rem;
+}
+
+.wt-primary-menu .nav-item {
+	padding: 0 0.75rem;
+}
+
+.wt-primary-menu .nav-link {
+	/* All menu icons are 40px x 40px */
+	height: calc(40px + 1rem);
+	width: 40px;
+}
+
+.wt-primary-menu .nav-item::before {
+	/* The size of the menu icons */
+	width: 40px;
+	height: 40px;
+}
+
+.menu-tree .nav-link::before {
+	content: url(colors/menu/tree.png);
+}
+
+.menu-tree .dropdown-item:not(:first-child)::before {
+	content: url(colors/menu/tree-tree.png);
+}
+
+.menu-chart .nav-link::before {
+	content: url(colors/menu/chart.png);
+}
+
+.menu-chart-ancestry::before {
+	content: url(colors/menu/chart-ancestors.png);
+}
+
+.menu-chart-compact::before {
+	content: url(colors/menu/chart-compact.png);
+}
+
+.menu-chart-descendants::before {
+	content: url(colors/menu/chart-descendants.png);
+}
+
+.menu-chart-familybook::before {
+	content: url(colors/menu/chart-family-book.png);
+}
+
+.menu-chart-fanchart::before {
+	content: url(colors/menu/chart-fanchart.png);
+}
+
+.menu-chart-hourglass::before {
+	content: url(colors/menu/chart-hourglass.png);
+}
+
+.menu-chart-lifespan::before {
+	content: url(colors/menu/chart-lifespan.png);
+}
+
+.menu-chart-pedigree::before {
+	content: url(colors/menu/chart-pedigree.png);
+}
+
+.menu-chart-pedigreemap::before {
+	content: url(colors/menu/chart-pedigree-map.png);
+}
+
+.menu-chart-relationship::before {
+	content: url(colors/menu/chart-relationship.png);
+}
+
+.menu-chart-statistics::before {
+	content: url(colors/menu/chart-statistics.png);
+}
+
+.menu-chart-timeline::before {
+	content: url(colors/menu/chart-timeline.png);
+}
+
+.menu-chart-tree::before {
+	content: url(colors/menu/chart-tree.png);
+}
+
+.menu-list .nav-link::before {
+	content: url(colors/menu/list.png);
+}
+
+.menu-branches::before {
+	content: url(colors/menu/branches.png);
+}
+
+.menu-list-fam::before {
+	content: url(colors/menu/list-fam.png);
+}
+
+.menu-list-indi::before {
+	content: url(colors/menu/list-indi.png);
+}
+
+.menu-list-note::before {
+	content: url(colors/menu/list-note.png);
+}
+
+.menu-list-obje::before {
+	content: url(colors/menu/list-obje.png);
+}
+
+.menu-list-plac::before {
+	content: url(colors/menu/list-plac.png);
+}
+
+.menu-list-repo::before {
+	content: url(colors/menu/list-repo.png);
+}
+
+.menu-list-sour::before {
+	content: url(colors/menu/list-sour.png);
+}
+
+.menu-calendar .nav-link::before {
+	content: url(colors/menu/calendar.png);
+}
+
+.menu-calendar-day::before {
+	content: url(colors/menu/calendar-calendar.png);
+}
+
+.menu-calendar-month::before {
+	content: url(colors/menu/calendar-calendar.png);
+}
+
+.menu-calendar-year::before {
+	content: url(colors/menu/calendar-calendar.png);
+}
+
+.menu-report .nav-link::before {
+	content: url(colors/menu/report.png);
+}
+
+.menu-report .dropdown-item:not(:first-child)::before {
+	content: url(colors/menu/report-report.png);
+}
+
+.menu-search .nav-link::before {
+	content: url(colors/menu/search.png);
+}
+
+.menu-search .dropdown-item:not(:first-child)::before {
+	content: url(colors/menu/search-search.png);
+}
+
+.menu-help .nav-link::before {
+	content: url(colors/menu/help.png);
+}
+
+.menu-clippings .nav-link::before {
+	content: url(colors/menu/clippings.png);
+}
+
+.menu-clippings-add::before {
+	content: url(colors/menu/clippings-add.png);
+}
+
+.menu-clippings-cart::before {
+	content: url(colors/menu/clippings-cart.png);
+}
+
+.menu-clippings-download::before {
+	content: url(colors/menu/edit-gedcom.png);
+}
+
+.menu-clippings-empty::before {
+	content: url(colors/menu/edit-delete.png);
+}
+
+.menu-fam .nav-link::before {
+	content: url(colors/menu/fam.png);
+}
+
+.menu-fam-change::before {
+	content: url(colors/menu/edit-fam.png);
+}
+
+.menu-fam-addchil::before {
+	content: url(colors/menu/edit-fam.png);
+}
+
+.menu-fam-orderchil::before {
+	content: url(colors/menu/edit-fam.png);
+}
+
+.menu-fam-del::before {
+	content: url(colors/menu/edit-delete.png);
+}
+
+.menu-fam-addfav::before {
+	content: url(colors/menu/edit-add-favorite.png);
+}
+
+.menu-fam-editraw::before {
+	content: url(colors/menu/edit-gedcom.png);
+}
+
+.menu-indi .nav-link::before {
+	content: url(colors/menu/indi.png);
+}
+
+.menu-indi-addname::before {
+	content: url(colors/menu/edit-indi.png);
+}
+
+.menu-indi-editsex::before {
+	content: url(colors/menu/edit-indi.png);
+}
+
+.menu-indi-del::before {
+	content: url(colors/menu/edit-delete.png);
+}
+
+.menu-indi-addfav::before {
+	content: url(colors/menu/edit-add-favorite.png);
+}
+
+.menu-indi-editraw::before {
+	content: url(colors/menu/edit-gedcom.png);
+}
+
+.menu-obje .nav-link::before {
+	content: url(colors/menu/obje.png);
+}
+
+.menu-obje-edit::before {
+	content: url(colors/menu/edit-obje.png);
+}
+
+.menu-obje-link::before {
+	content: url(colors/menu/edit-link.png);
+}
+
+.menu-obje-del::before {
+	content: url(colors/menu/edit-delete.png);
+}
+
+.menu-obje-addfav::before {
+	content: url(colors/menu/edit-add-favorite.png);
+}
+
+.menu-obje-editraw::before {
+	content: url(colors/menu/edit-gedcom.png);
+}
+
+.menu-note .nav-link::before {
+	content: url(colors/menu/note.png);
+}
+
+.menu-note-edit::before {
+	content: url(colors/menu/edit-note.png);
+}
+
+.menu-note-del::before {
+	content: url(colors/menu/edit-delete.png);
+}
+
+.menu-note-addfav::before {
+	content: url(colors/menu/edit-add-favorite.png);
+}
+
+.menu-note-editraw::before {
+	content: url(colors/menu/edit-gedcom.png);
+}
+
+.menu-record .nav-link::before {
+	content: url(colors/menu/indi.png);
+}
+
+.menu-record-del::before {
+	content: url(colors/menu/edit-delete.png);
+}
+
+.menu-record-editraw::before {
+	content: url(colors/menu/edit-gedcom.png);
+}
+
+.menu-repo .nav-link::before {
+	content: url(colors/menu/repo.png);
+}
+
+.menu-repo-edit::before {
+	content: url(colors/menu/edit-repo.png);
+}
+
+.menu-repo-del::before {
+	content: url(colors/menu/edit-delete.png);
+}
+
+.menu-repo-addfav::before {
+	content: url(colors/menu/edit-add-favorite.png);
+}
+
+.menu-repo-editraw::before {
+	content: url(colors/menu/edit-gedcom.png);
+}
+
+.menu-sour .nav-link::before {
+	content: url(colors/menu/sour.png);
+}
+
+.menu-sour-edit::before {
+	content: url(colors/menu/edit-sour.png);
+}
+
+.menu-sour-del::before {
+	content: url(colors/menu/edit-delete.png);
+}
+
+.menu-sour-addfav::before {
+	content: url(colors/menu/edit-add-favorite.png);
+}
+
+.menu-sour-editraw::before {
+	content: url(colors/menu/edit-gedcom.png);
+}
+
+.menu-story .nav-link::before {
+	content: url(colors/menu/story.png);
+}
+
+.wt-main-container {
+}
+
+.wt-main {
+}
+
+.wt-messages {
+}
+
+.wt-page-title {
+	text-align: center;
+}
+
+.wt-page-options-value {
+    color: #333;
+}
+
+.wt-page-content {
+	margin-top: 1rem;
+}
+
+.wt-footer-container {
+}
+
+.wt-footer-content {
+}
+
+.wt-contact-links {
+}
+
+.wt-powered-by-webtrees {
+}
+
+.wt-page-views {
+}
+
+.wt-cookie-warning {
+}
+
+/*
+ * The home/my pages
+ *
+ * wt-home-page / wt-user-page
+ * +---wt-main-blocks
+ * |   +---wt-block, wt-block-AAA
+ * |   +---wt-block, wt-block-BBB
+ * |   +---wt-block, wt-block-CCC
+ * +---wt-side-blocks
+ *     +---wt-block, wt-block-XXX
+ *     +---wt-block, wt-block-YYY
+ *     +---wt-block, wt-block-ZZZ
+ *
+ * Each block as the structure
+ * wt-block, wt-block-XXX
+ * +---wt-block-header, wt-block-header-XXX
+ * +---wt-block-content, wt-block-content-XXX
+ */
+
+/*
+ * Pending changes page
+ *
+ * wt-pending-changes-page
+ */
+
+/*
+ * Edit genealogy data page
+ *
+ * wt-edit-page, wt-edit-XXXX-page
+ */
+
+/*
+ * Configure home/my page blocks page
+ *
+ * wt-edit-blocks-page
+ */
+
+/*
+ * Login page
+ *
+ * wt-login-page
+ */
+
+/*
+ * Ancestors chart
+ *
+ * wt-chart, wt-ancestors-chart
+ * +---wt-ancestors-chart-list
+ *     +---wt-ancestors-chart-list-item
+ */
+.wt-ancestors-chart-list {
+}
+
+/*
+ * Compact chart
+ *
+ * wt-chart, wt-compact-chart
+ */
+
+.wt-ancestors-chart-list-item {
+}
+
+/*
+ * Descendants chart
+ *
+ * wt-chart, wt-descendants-chart
+ * +---wt-descendants-chart-list
+ *     +---wt-descendants-chart-list-item
+ */
+.wt-descendants-chart-list {
+}
+
+.wt-descendants-chart-list-item {
+}
+
+/*
+ * Family book chart
+ *
+ * wt-chart, wt-family-book-chart
+ */
+
+/*
+ * Fan chart
+ *
+ * wt-chart, wt-fan-chart
+ */
+
+/*
+ * Hourglass chart
+ *
+ * wt-chart, wt-hourglass-chart
+ */
+
+/*
+ * Hourglass chart
+ *
+ * wt-chart, wt-interactive-tree
+ */
+
+/*
+ * Lifespans chart
+ *
+ * wt-chart, wt-lifespans-chart
+ */
+
+/*
+ * Pedigree chart
+ *
+ * wt-chart, wt-pedigree-chart
+ */
+
+/*
+ * Pedigree map
+ *
+ * wt-chart, wt-pedigree-map
+ */
+
+/*
+ * Relationships chart
+ *
+ * wt-chart, wt-relationships-chart
+ */
+
+/*
+ * Statistics chart
+ *
+ * wt-chart, wt-statistics-chart
+ */
+
+/*
+ * Timeline chart
+ *
+ * wt-chart, wt-timeline-chart
+ */
+
+/*
+ * Family list and individual list
+ *
+ * wt-page-options
+ * +---wt-initials-list
+ *     +---wt-initial-list-item
+ *         +---wt-initial
+ *         +---wt-initial, active
+ * wt-page-content
+ * +---wt-list, wt-{family,individual}-list
+ */
+
+/*
+ * Media object list
+ *
+ * wt-list, wt-media-list
+ */
+
+/*
+ * Note object list
+ *
+ * wt-list, wt-note-list
+ */
+
+/*
+ * Source list
+ *
+ * wt-list, wt-source-list
+ */
+
+/*
+ * Repository list
+ *
+ * wt-list, wt-repository-list
+ */
+
+/*
+ * Branches list
+ *
+ * wt-branches-page
+ */
+
+/*
+ * Place hierarchy
+ *
+ * wt-place-hierarchy-page
+ */
+
+/*
+ * Calendar
+ *
+ * wt-calendar-page
+ */
+
+/*
+ * Reports
+ *
+ * wt-reports-page
+ */
+
+/*
+ * Search
+ *
+ * wt-search-page, wt-general-serach-page/wt-phonetic-search-page/wt-advanced-search-page/wt-search-replace-page
+ */
+
+/* ios on click workaround */
+.iconz {
+	cursor: pointer;
+}
+
+a {
+	color: #333;
+	text-decoration: none;
+}
+
+a:hover {
+	color: #f00;
+	text-decoration: none;
+}
+
+:focus {
+	outline-style: none;
+}
+
+.flash-messages {
+	clear: both;
+	text-align: center;
+}
+
+img {
+	border: 0;
+}
+
+legend img {
+	height: 20px;
+	vertical-align: middle;
+	width: 20px;
+}
+
+img.block,
+#mycart img {
+	border: 0;
+	height: 25px;
+	vertical-align: middle;
+}
+
+.topbottombar {
+	color: #fff;
+	font-size: 12px;
+	font-weight: bold;
+	padding: 4px;
+	text-align: center;
+}
+
+.button {
+	width: 60px;
+}
+
+.btn-primary.focus, .btn-primary:focus {
+	box-shadow:none;
+	border: 0;
+}
+
+.alpha_index {
+	color: #999;
+}
+
+hr {
+	margin-top: 5px;
+}
+
+.person_box, .action_header {
+	background-color: #ddf;
+	border: 1px solid #ccc;
+}
+
+.person_boxF, .action_headerF {
+	background-color: #fdd;
+	border: 1px solid #ccc;
+}
+
+.person_boxNN {
+	background-color: #fff;
+	border: 1px solid #ccc;
+	padding: 3px;
+}
+
+/* families tab person box */
+#relatives_content .person_box > .person_box,
+#relatives_content .person_boxF > .person_boxF,
+#relatives_content .person_boxNN > .person_boxNN {
+	border: 0;
+	min-height: 50px;
+}
+
+.center {
+	text-align: center;
+}
+
+table.center {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.list_table {
+	margin: 0 auto;
+}
+
+.list_label,
+.list_label_wrap {
+	color: #fff;
+	background-color: #81a9cb;
+	border: 1px solid #ddd;
+	font-weight: bold;
+	text-align: center;
+}
+
+.list_value,
+.list_value_wrap {
+	background-color: #edf7f9;
+	border: solid #ddd 1px;
+	vertical-align: top;
+	padding: 4px;
+}
+
+.list_label,
+.list_value {
+	white-space: nowrap;
+}
+
+.list_label_wrap,
+.list_value_wrap {
+	white-space: normal;
+}
+
+div.fact_SHARED_NOTE {
+	clear: both;
+}
+
+/* Table of genealogical facts */
+
+.wt-facts-table {
+	border-collapse: separate;
+}
+
+.wt-facts-table caption {
+	caption-side: top;
+}
+
+.wt-facts-table th {
+	border: 1px solid #ccc;
+	border-radius: 3px;
+	text-align: center;
+	min-width: 20%;
+}
+
+.wt-facts-table td {
+	border: solid #999 1px;
+	border-radius: 3px;
+}
+
+.wt-facts-table .wt-gender-M td {
+	background-color: #ddf;
+}
+
+.wt-facts-table .wt-gender-F td {
+	background-color: #fdd;
+}
+
+.tabs_table {
+	width: 99%;
+}
+
+.name1 {
+}
+
+.name2 {
+}
+
+a:hover .name1, a:hover .name2 {
+	color: #f00;
+	font-weight: bold;
+	font-size: 12px;
+}
+
+a:hover .nameZoom {
+	color: #f00;
+	font-size: 16px;
+	font-weight: bold;
+}
+
+.details2 {
+	font-size: 12px;
+}
+
+.nameZoom {
+	color: #333;
+	font-size: 16px;
+	font-weight: bold;
+}
+
+.details_label {
+	font-weight: bold;
+}
+
+.name_head {
+	color: #333;
+	font-size: 16px;
+	font-weight: bold;
+	line-height: 2;
+	padding: 0 5px;
+}
+
+.date {
+	color: #333;
+}
+
+.label {
+	font-weight: bold;
+}
+
+.error {
+	font-weight: bold;
+}
+
+.largeError {
+	color: #d00;
+	font-size: large;
+	font-weight: bold;
+}
+
+.warning {
+	color: #f00;
+	font-weight: bold;
+}
+
+.indent {
+	padding-left: 7px;
+}
+
+.image {
+	height: 150px;
+	padding: 5px;
+	margin: 2px;
+}
+
+.gender_image {
+	margin: 0 3px;
+	border: 0;
+	vertical-align: middle;
+}
+
+.thumbnail {
+	height: auto;
+	padding: 3px;
+}
+
+.icon {
+	border: 0;
+	padding: 0 5px;
+}
+
+.sublinks_cell {
+	background-color: #9be;
+	font-size: 12px;
+}
+
+.submenu .icon {
+	vertical-align: middle;
+	width: 20px;
+	height: 20px;
+}
+
+.subheaders {
+	font-weight: bold;
+	font-size: 15px;
+	margin-top: 15px;
+	vertical-align: bottom;
+}
+
+#family-table .subheaders:first-child {
+	width: 285px;
+}
+
+.parentdeath {
+	border: thin solid #888;
+	padding: 1px;
+}
+
+.source_citations {
+	display: none;
+}
+
+.selected-option {
+	background-color: #edf7fd;
+}
+
+.border1 {
+	border: solid #000 1px;
+}
+
+.menuitem {
+	text-decoration: none;
+	font-size: 11px;
+	padding: 1px;
+}
+
+.menuitem_hover {
+	text-decoration: none;
+	font-size: 11px;
+	padding: 1px;
+}
+
+.menuitem .icon, .menuitem_hover .icon {
+	width: 50px;
+	height: 50px;
+}
+
+.submenu {
+	text-decoration: none;
+	font-size: 11px;
+	background-color: #fff;
+	border: solid #ccc 1px;
+	visibility: hidden;
+	position: absolute;
+	padding: 5px;
+}
+
+.submenuitem  {
+	vertical-align: middle;
+	font-size: 11px;
+	height: 20px;
+	text-decoration: none;
+	background-color: #fff;
+	padding: 1px;
+	white-space: nowrap;
+}
+
+.submenuitem_hover {
+	vertical-align: middle;
+	height: 20px;
+	font-size: 11px;
+	background-color: #fff;
+	border: 1px solid #ccc;
+	white-space: nowrap;
+	padding: 1px;
+}
+
+.submenuitem a,
+.submenuitem_hover a {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.journal_box {
+	padding: 3pt;
+	border: thin solid #aaa;
+	overflow: visible;
+}
+
+.news_box {
+	border-top: solid #ccc 1px;
+}
+
+.news_title {
+	font-weight: bold;
+}
+
+.news_date {
+	margin-bottom: 12px;
+}
+
+.current_day {
+	font-weight: bold;
+	font-size: 16px;
+}
+
+.cal_day {
+	float: left;
+	font-weight: bold;
+}
+
+.rtl_cal_day {
+	direction: rtl;
+	float: right;
+	color: #00f;
+	font-weight: bold;
+}
+
+.helpcontent {
+	margin-left: 10px;
+	margin-right: 10px;
+}
+
+.helpcontent dt {
+	clear: both;
+}
+
+#user-page h1 {
+	margin: 0.25em auto 0.6em;
+}
+
+.tvertline {
+	vertical-align: bottom;
+}
+
+#childbox {
+	padding: 5px;
+	position: absolute;
+	display: none;
+	text-align: start;
+	white-space: nowrap;
+	top: 20px;
+	left: 0;
+}
+
+.layout3 #childbox {
+	top: auto;
+	bottom: 20px;
+}
+
+#childbox a.name1 {
+	display: block;
+	margin-left: 5px;
+}
+
+.person0 {
+	background-color: #ddf;
+	border: outset #999 1px;
+	vertical-align: top;
+}
+
+.person1 {
+	background-color: #afa;
+	border: outset #afa 1px;
+	vertical-align: top;
+}
+
+.person2 {
+	background-color: #faa;
+	border: outset #faa 1px;
+	vertical-align: top;
+}
+
+.person3 {
+	background-color: #aad;
+	border: outset #55f 1px;
+	vertical-align: top;
+}
+
+.person4 {
+	background-color: #f55;
+	border: outset #f55 1px;
+	vertical-align: top;
+}
+
+.person5 {
+	background-color: #5f5;
+	border: outset #5f5 1px;
+	vertical-align: top;
+}
+
+.listlog {
+	line-height: 20pt;
+}
+
+.starredname {
+	text-decoration: underline;
+}
+
+.search_hit {
+	background-color: #ff0;
+}
+
+.search_item {
+	font-weight: 600;
+}
+
+.descriptionbox {
+	font-size: 1rem;
+	color: #333;
+	border: 1px solid #999;
+	vertical-align: top;
+	padding: 3px;
+}
+
+.optionbox {
+	font-size: 1rem;
+	color: #333;
+	border: 1px solid #999;
+	vertical-align: top;
+	white-space: nowrap;
+	padding: 3px;
+}
+
+.optionbox .list_value {
+	background-color: #fff;
+	border: 1px solid #999;
+	border-radius: 3px;
+}
+
+.vmiddle {
+	vertical-align: middle;
+}
+
+.red {
+	color: #f00;
+}
+
+.wt-relation-fact,
+.wt-historic-fact {
+	opacity: 0.8;
+}
+
+.messagebox {
+	background-color: #c2ceef;
+	border: solid #ccc 1px;
+}
+
+/* ---Pending edits--- */
+.new {
+	outline: solid blue 1px;
+}
+
+.old {
+	outline: solid red 1px;
+}
+
+.tag_cloud {
+	text-align: center;
+}
+
+.tag_cloud a {
+	white-space: nowrap;
+}
+
+.nowrap {
+	white-space: nowrap;
+}
+
+.wrap {
+	white-space: normal;
+}
+
+.statistics-page {
+	text-align: center;
+}
+
+.center2 {
+	text-align: center;
+}
+
+.gchart {
+	border: solid #999 1px;
+}
+
+/* ---Find special characters--- */
+.largechars {
+	font-family: monospace;
+	font-size: 200%;
+}
+
+#facts_content dd {
+	float: left;
+	width: 70%;
+}
+
+.clearfloat {
+	clear: both;
+}
+
+/* this keeps the tag color the same when it is a link as when not */
+
+.place {
+	padding-top: 5px;
+}
+
+#pending h2 {
+	text-align: center;
+	margin-bottom: 20px;
+}
+
+#pending h3 {
+	text-align: center;
+	margin-top: 20px;
+}
+
+#pending .list_value {
+	padding: 3px;
+	text-align: center;
+	vertical-align: middle;
+	white-space: nowrap;
+}
+
+#pending .indent {
+	padding: 0;
+}
+
+/* ======== Person box ======= */
+/* Box styles are
+	0 compact view
+	1 normal view - small box
+	2 normal view - large box
+*/
+.box-style0 {
+	cursor: url(colors/images/zoomin.png), n-resize;
+}
+
+.box-style0-expanded {
+	cursor: url(colors/images/zoomout.png), n-resize;
+}
+
+.person_box_template .namedef i[class^="icon-sex"] {
+	margin-left: 3px;
+}
+
+.person_box_template .icons {
+}
+
+.person_box_template .inout {
+	clear: both;
+	display: none;
+}
+
+.person_box_template img,
+.person_box_template a.gallery {
+	float: left;
+	height: 50px;
+	margin: 0 3px 0 0;
+	max-width: 60px;
+	width: auto;
+}
+
+.person_box_template i[class^="icon-silhouette"] {
+	float: left;
+}
+
+/* --- reportengine.php --- */
+#reportengine-page table {
+	margin: 20px auto;
+}
+
+#reportengine-page .report-type {
+	overflow: hidden;
+	margin: auto;
+	width: 180px;
+}
+
+#reportengine-page .report-type div {
+	float: left;
+	margin: 0 20px;
+}
+
+#reportengine-page .report-type p {
+	margin: 0;
+	text-align: center;
+}
+
+/* styles for popup menus */
+.itr {
+	position: absolute;
+	line-height: 1.5;
+}
+
+.popup {
+	position: absolute;
+	top: 21px;
+	right: 0;
+	left: auto;
+	visibility: hidden;
+	opacity: 0;
+	transition: visibility 0s ease .25s,opacity .25s ease;
+	z-index: 9999;
+	box-shadow: 5px 5px 5px 0 rgba(0,0,0,.4);
+}
+
+.popup ul {
+	white-space: nowrap;
+	list-style: none;
+	margin: 0;
+	padding: 0 10px;
+}
+
+.popup > ul {
+	padding: 2px 10px;
+}
+
+.popup li .NAME {
+	padding: 0 5px;
+}
+
+.itr:hover .popup {
+	visibility: visible;
+	opacity: 1;
+	transition-delay: 0s;
+}
+
+/* styles for FindFacts pop-up */
+#layDefinedTags,
+#tabDefinedTagsShow {
+	width: 450px;
+}
+
+#tabDefinedTags {
+	width: 430px;
+}
+
+#layDefinedTags {
+	margin-left: auto;
+	margin-right: auto;
+	height: 285px;
+	overflow: auto;
+}
+
+#tabDefinedTags {
+	border-collapse: collapse;
+}
+
+#tabDefinedTags th,
+#tabDefinedTags td {
+	border: solid 1px #000;
+	margin: 0;
+	padding: 3px;
+}
+
+#tabDefinedTags tbody th {
+	text-align: left;
+	font-weight: bold;
+}
+
+#tabDefinedTags tr.sel {
+	background-color: #d1d9ef;
+	color: #888;
+}
+
+#tabDefinedTags tr.unsel {
+	background-color: #fff;
+	color: #888;
+}
+
+#tabDefinedTagsShow {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#tabDefinedTagsShow td {
+	width: 50%;
+	text-align: center;
+}
+
+#tabFilterAndCustom {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#tabAction {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#tabAction td {
+	width: 50%;
+	text-align: center;
+}
+
+/* ======== List styles ====== */
+.surname-list,
+.givn-list {
+	margin: 5px auto;
+}
+
+.source-list table,
+.note-list table,
+.repo-list table,
+.media-list table,
+.indi-list table,
+.fam-list table {
+	width: 100%;
+}
+
+.source-list td,
+.note-list td,
+.repo-list td,
+.media-list td,
+.indi-list td,
+.fam-list td,
+.recent_changes_block td,
+.upcoming_events_block td,
+.surname-list td,
+.givn-list td {
+	padding: 2px 5px;
+}
+
+.surname-list td {
+	vertical-align: top;
+}
+
+.indi-list .stats,
+.fam-list .stats {
+	margin: 0 auto;
+	width: auto;
+}
+
+.source-list th,
+.note-list th,
+.repo-list th,
+.media-list th,
+.indi-list th,
+.fam-list th,
+.wt-table-changes th,
+.wt-table-events th,
+.wt-table-tasks th,
+.wt-table-yahrzeits th,
+.surname-list th,
+.givn-list th {
+	cursor: pointer;
+	font-weight: 600;
+	padding: 2px 4px;
+	white-space: nowrap;
+}
+
+.source-list th:last-child,
+.note-list th:last-child,
+.repo-list th:last-child {
+	margin: 0 -2px 1px 1px;
+	padding: 3px 0 4px;
+	width: 24px;
+}
+
+.givn-list th {
+	cursor: pointer;
+	white-space: nowrap;
+	padding: 2px;
+	text-align: center;
+}
+
+#source-details h2,
+#sourcelist-page h2,
+#note-details h2,
+#notelist-page h2,
+#repo-details h2,
+#repolist-page h2,
+#media-details h2,
+#statistics-page h2 {
+	margin-bottom: 20px;
+	text-align: center;
+}
+
+#source-edit,
+#note-edit,
+#repo-edit,
+#media-edit {
+	overflow-x: auto;
+}
+
+.media-list td img {
+	display: block;
+	height: 40px;
+	width: auto;
+	margin: 3px auto;
+}
+
+.filtersH,
+.filtersF {
+	margin: 4px;
+}
+
+.filtersH img {
+	margin-bottom: 2px;
+}
+
+.list-charts {
+	text-align: center;
+}
+
+#search-result-tabs h3 {
+	text-align: center;
+}
+
+#searchAccordion-indi,
+#searchAccordion-fam,
+#searchAccordion-source,
+#searchAccordion-note {
+	margin: auto;
+	width: 99%;
+}
+
+#place-hierarchy h2,
+#place-hierarchy h4 {
+	text-align: center;
+}
+
+#main_select,
+#available_select,
+#right_select {
+	min-width: 150px;
+}
+
+/* ==== Favourites block ===== */
+.blockcontent .person_box_template .details2 {
+	min-height: 40px;
+}
+
+.blockcontent [class*='box-style2'] {
+	margin: 5px 0;
+}
+
+.add_fav_head {
+	font-weight: 900;
+	margin: 5px 0;
+}
+
+.add_fav_head i {
+	margin: 0 5px 1px;
+}
+
+.add_fav_ref label {
+	display: inline-block;
+	min-width: 100px;
+}
+
+.add_fav_ref input {
+	margin: 0 5px;
+}
+
+/* === Who is online block === */
+.logged_in_list {
+	margin: 5px 0 0;
+	padding: 0;
+	line-height: 20px;
+}
+
+/* ==== Theme select block === */
+.theme_form ul {
+	margin: -10px auto;
+}
+
+.theme_form li {
+	visibility: hidden;
+}
+
+.theme_form li ul li {
+	display: inline-block;
+	padding: 10px;
+	visibility: visible;
+}
+
+/* ==== FAQ table styles ===== */
+table.faq {
+	background-color: #e0e0e0;
+	margin: 5px 0 50px 5px;
+	width: 98%;
+}
+
+table.faq tr:nth-child(odd) td {
+	background-color: #e7eef3;
+}
+
+div.faq_title {
+	background-color: #e0e0e0;
+	margin: 1em 0;
+	padding: .25em;
+	font-weight: bold;
+	width: 98%;
+}
+
+div.faq_body {
+	clear: both;
+	padding: 0 1em;
+}
+
+.faq_top {
+	float: right;
+}
+
+/* === Positioning edit, copy, delete links === */
+/* General use */
+.editfacts {
+	clear: left;
+	padding-top: 15px;
+}
+
+/* ======== Indi header ====== */
+#indi_header {
+	overflow: hidden;
+	margin: 0 0 5px;
+}
+
+#indi_header h3 {
+	color: #555;
+	font-size: 90%;
+	font-weight: bold;
+	margin: 0;
+	padding: 0 10px 0 30px;
+	text-align: left;
+	overflow: hidden;
+	position: relative;
+}
+
+#indi_header .name_one {
+	font-size: 1.5em;
+}
+
+#indi_header h3 .details1 {
+	font-size: 1.0em;
+}
+
+#indi_header h3.person_box,
+#indi_header h3.person_boxF,
+#indi_header h3.person_boxNN {
+	border: 1px solid #999;
+}
+
+#indi_header h3 .header_age {
+	padding: 5px 0 5px 5px;
+	float: right;
+	font-weight: normal;
+	font-size: 65%;
+}
+
+#indi_header h3 a {
+	display: inline;
+}
+
+#indi_header a {
+	color: #337;
+	font-size: 0.75em;
+	font-weight: normal;
+}
+
+#indi_header a:hover {
+	color: #f00;
+}
+
+#indi_mainimage {
+	float: left;
+	padding: 0 2px;
+}
+
+#header_accordion1 {
+	padding: 0;
+	overflow: hidden;
+}
+
+#header_accordion1 .indi_name_details {
+	margin: 0;
+	overflow: hidden;
+	padding: 5px;
+}
+
+.indi_name_details .name1 {
+	font-weight: normal;
+	padding-top: 5px;
+	font-size: inherit;
+}
+
+#indi_header a.warning {
+	color: #f00;
+	font-size: 1em;
+}
+
+#indi_note {
+	margin: 0 0 5px;
+}
+
+.indi_table {
+	clear: left;
+}
+
+#sex {
+	float: right;
+}
+
+#dates {
+	float: right;
+}
+
+#individual-names .wt-icon-edit,
+#individual-names .wt-icon-delete {
+	float: right;
+}
+
+#indi_note .fact_NOTE {
+	float: left;
+	margin: 0 5px 0 0;
+}
+
+#indi_note .fact_SOUR {
+	margin: 3px 0;
+}
+
+#indi_note .fact_SOUR a {
+	font-size: 100%;
+}
+
+#indi_note .fact_NOTE,
+#indi_note .fact_SOUR {
+	clear: both;
+}
+
+/* ===== markdown formatting ===== */
+
+.markdown {
+	/* Tables and pre-formatted text can break the layout. */
+	overflow-x: auto;
+}
+
+.markdown p {
+	margin: 0 0 0.5em;
+	white-space: pre-wrap;
+}
+
+.markdown table {
+	border-collapse: collapse;
+	margin-bottom: 5px;
+}
+
+.markdown th {
+	font-weight: bold;
+}
+
+.markdown td,
+.markdown th {
+	border: solid thin #000;
+	padding: 3px;
+}
+
+.odometer {
+	font-family: courier, monospace;
+	font-weight: bold;
+	background: #000;
+	color: #fff;
+}
+
+/* ======= General sprite ==== */
+.male_gender,
+.female_gender,
+.unknown_gender {
+	display: block;
+	background: url(colors/images/general_sprite.png) no-repeat left 0;
+}
+
+.female_gender {
+	background-position: -45px 3px;
+	width: 24px;
+	height: 30px;
+}
+
+.male_gender {
+	background-position: -72px 3px;
+	width: 24px;
+	height: 30px;
+}
+
+.unknown_gender {
+	background-position: -100px 4px;
+	width: 24px;
+	height: 30px;
+}
+
+/* ======== Indi tabs ======== */
+/* Facts & Events tab */
+#personal_facts_content .fact_NOTE,
+#personal_facts_content .fact_SOUR,
+#family-table .fact_NOTE,
+#family-table .fact_SOUR {
+	margin: 5px 3px 5px 0;
+	clear: both;
+}
+
+.media-display-image {
+	float: left;
+}
+
+.media-display-title {
+	float: left;
+	font-style: italic;
+	margin: 10px;
+}
+
+/* === jQuery.datatable styling general over-rides === */
+.odd {
+	background-color: lightgray;
+}
+
+.even {
+	background-color: #fafafa;
+}
+
+.css_right {
+	float: left;
+}
+
+.fg-button {
+	padding: 2px 6px;
+}
+
+.dataTables_paginate {
+	float: left;
+	margin-bottom: 3px;
+}
+
+.dataTables_processing {
+	float: left;
+}
+
+.dataTables_filter {
+	float: right;
+	font-weight: normal;
+}
+
+.dataTables_info {
+	float: left;
+	font-weight: normal;
+	padding: 4px;
+}
+
+.dataTables_length {
+	float: right;
+	font-weight: normal;
+}
+
+.dataTables_length select,
+.dataTables_filter input {
+	font-size: 11px;
+	padding: 1px;
+}
+
+.dt-clear {
+	clear: both;
+}
+
+#loading {
+	text-align: center;
+}
+
+.DataTables_sort_wrapper {
+	position: relative;
+	margin: 0 20px;
+	white-space: normal;
+}
+
+.DataTables_sort_wrapper span {
+	left: 0;
+	margin-left: -20px;
+	margin-top: -8px;
+	position: absolute;
+	top: 50%;
+}
+
+.dataTables_wrapper {
+	margin-bottom: 10px;
+}
+
+/* ======= Sidebar setup ===== */
+#main {
+	min-width: 600px;
+	width: 100%;
+	display: table;
+	table-layout: fixed;
+}
+
+#indi_left {
+	display: table-cell;
+}
+
+#tabs {
+	background-color: #fff;
+	width: 100%;
+	overflow: visible;
+	padding-top: 0.2em;
+}
+
+/* sidebar */
+#sidebar {
+	width: 20%;
+	display: table-cell;
+	vertical-align: top;
+}
+
+/* Sidebar - Family navigator */
+.wt-family-navigator-dropdown-heading {
+	font-weight: bold;
+	font-size: inherit;
+	color: inherit;
+}
+
+/* Sidebar - Descendants */
+#sb_content_descendancy {
+	margin-top: 2px;
+}
+
+#sb_desc_content {
+	margin-left: 3px;
+	font-size: 0.8em;
+}
+
+#sb_desc_content ul {
+	padding: 0;
+	margin: 0;
+}
+
+.sb_desc_indi_li {
+	list-style-type: none;
+}
+
+.desc_tree_div {
+	display: none;
+}
+
+.desc_tree_div ul {
+	padding: 0;
+	margin-left: 10px;
+	margin-top: 0;
+	margin-right: 0;
+}
+
+/* Individuals and Families */
+#sidebar-content-individuals,
+#sidebar-content-families {
+	margin-top: 2px;
+}
+
+.sb_indi_surname_li,
+.sb_fam_surname_li {
+	list-style-image: url(colors/images/plus.png);
+}
+
+.name_tree_div ul {
+	padding: 0;
+	margin: 0;
+}
+
+.name_tree_div li {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+
+/* Clippings */
+#sb_clippings_content ul {
+	padding: 0;
+	margin: 0;
+}
+
+#sb_clippings_content li {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	white-space: nowrap;
+}
+
+/* Extra info */
+#sb_content_extra_info {
+	font-size: 80%;
+	font-weight: bold;
+	margin-top: 1px;
+	overflow: hidden;
+	padding: 5px;
+}
+
+#sb_content_extra_info .editfacts {
+	float: right;
+	margin-top: -30px;
+}
+
+#sb_content_extra_info a {
+	display: block;
+}
+
+#sb_content_extra_info span {
+	font-weight: normal;
+}
+
+#sb_content_extra_info span a {
+	display: inline;
+}
+
+#sb_content_extra_info #hitcounter {
+	border-top: 1px solid #b2c7d7;
+	font-weight: bold;
+	padding-top: 5px;
+}
+
+/* http://www.jacklmoore.com/colorbox */
+#colorbox,
+#cboxOverlay,
+#cboxWrapper {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 9999;
+	overflow: hidden;
+}
+
+#cboxWrapper {
+	max-width: none;
+}
+
+#cboxOverlay {
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	background: #fff;
+}
+
+#cboxContent {
+	background: #fff;
+	overflow: hidden;
+	position: relative;
+	padding: 0.5rem;
+	border: 0.25rem solid #ccc;
+}
+
+#cboxLoadingOverlay,
+#cboxLoadingGraphic {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+
+.cboxPhoto {
+	float: left;
+	margin: auto;
+	border: 0;
+	display: block;
+	max-width: none;
+}
+
+#colorbox,
+#cboxContent,
+#cboxLoadedContent {
+	box-sizing: content-box;
+}
+
+#cboxError {
+	padding: 50px;
+	border: 1px solid #ccc;
+}
+
+#cboxLoadedContent {
+	margin-bottom: 28px;
+}
+
+#cboxTitle {
+	background: #fff;
+	position: absolute;
+	bottom: 0.25rem;
+	left: 0;
+	margin: 0 3rem;
+	text-align: center;
+}
+
+#cboxLoadingGraphic {
+	background: url(images/loading-32x32.gif) no-repeat center center;
+}
+
+#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
+	background: none;
+	border: 0;
+	cursor: pointer;
+	font-family: "Font Awesome\ 5 Free", sans-serif;
+	font-weight: 900;
+	overflow: visible;
+	padding: 0;
+	position: absolute;
+}
+
+#cboxSlideshow {
+	bottom: 0.25rem;
+	right: 0.25rem;
+}
+
+#cboxPrevious {
+	bottom: 0.25rem;
+	left: 0.25rem;
+}
+
+#cboxNext {
+	bottom: 0.25rem;
+	left: 1.5rem;
+}
+
+#cboxClose {
+	top: 0.25rem;
+	right: 0.25rem;
+}
+
+/* Stories module */
+.story_title {
+	padding-top: 12px;
+	font-size: 13px;
+	height: 32px;
+	font-weight: bold;
+}
+
+.story_body {
+	padding: 20px;
+	white-space: normal;
+}
+
+.story_edit {
+	padding: 12px;
+}
+
+/* ====== Charts Styles ======== */
+#people label {
+	display:block;
+}
+
+/* Ancestry chart */
+.wt-ancestors-chart-list {
+	background: transparent url(images/vline.png) left top repeat-y;
+	margin: 0 0 0 15px;
+	padding: 0;
+	display: block;
+}
+
+.wt-ancestors-chart-list-item {
+	margin: 5px 0;
+}
+
+.chart_common li {
+	list-style: outside none none;
+}
+
+.generations {
+	background: transparent url(images/vline.png) repeat-y scroll left top;
+	display: block;
+	margin: 0 0 0 15px;
+	padding: 0;
+}
+
+[dir="rtl"] .generations {
+	margin: 0 15px 0 0;
+	background-position: right top;
+}
+
+.chart_common table {
+	padding: 0;
+	border-spacing: 0;
+	border-collapse: collapse;
+	margin: 5px 0;
+}
+
+.chart_common td {
+	border: 0;
+	padding: 0;
+}
+
+.chart_common span.details1 div[class^=fact_] {
+	display: inline-block;
+}
+
+.chart_common span.details1 .date {
+	color: inherit;
+}
+
+/*-- Family book  --*/
+#familybook_chart {
+	margin-left: 10px;
+}
+
+#familybook_chart table {
+	border-collapse: collapse;
+	empty-cells: show;
+}
+
+#familybook_chart td {
+	margin: 0;
+	padding: 0;
+}
+
+#familybook_chart h2 {
+	text-align: center;
+}
+
+#familybook_chart .line3,
+#familybook_chart .pvline,
+#familybook_chart .spacer {
+	width: 3px;
+}
+
+#familybook_chart .line4 {
+	width: 7px;
+	vertical-align: middle;
+}
+
+[ID^="vline"] {
+	width: 3px;
+}
+
+#familybook_chart h3 {
+	color: #333;
+	font-size: 16px;
+	text-align: center;
+}
+
+/*-- Fan chart ---- */
+.fan_chart_menu {
+	position: absolute;
+	display: none;
+	z-index: 100;
+}
+
+#fan_chart ul {
+	list-style-type: none;
+	margin: 0;
+}
+
+/* Lifespans chart */
+.wt-lifespans-subtitle {
+	text-align: center;
+}
+
+.wt-lifespans-scale {
+	white-space: nowrap;
+}
+
+.wt-lifespans-decade {
+	width: 70px;
+	height: 60px;
+	display: inline-block;
+	background-image: url(colors/images/lifespan-chunk.png);
+	background-position-y: bottom;
+	background-repeat: no-repeat;
+	background-size: 70px 37px;
+}
+
+.wt-lifespans-individuals {
+	background: #fafafa;
+}
+
+.wt-lifespans-individual {
+
+}
+
+.wt-lifespans-summary {
+	background: #ffffff;
+	border: thin solid #000;
+	z-index: 1;
+}
+
+.wt-lifespans-summary-link {
+	font-weight: bold;
+}
+
+/*-- Pedigree ---- */
+#pedigree_chart {
+	position: relative;
+	margin: 20px auto;
+}
+
+#pedigree_canvas {
+	color:   #81a9cb;
+	z-index: -1000;
+}
+
+#pedigree-page .shadow {
+	position: absolute;
+	white-space: nowrap;
+}
+
+#pedigree-page .layout0 .shadow > div,
+#pedigree-page .layout1 .shadow > div {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+#pedigree-page .spacer {
+	background-image: url(images/spacer.png);
+	height:           20px;
+	width:            1px;
+}
+
+#childarrow,
+.ancestorarrow {
+	text-align: center;
+}
+
+#pedigree-page #childarrow {
+	position: relative;
+}
+
+#pedigree-page #childbox {
+	border:           1px solid;
+	background-color: #fff;
+}
+
+#pedigree-page table.list_table {
+	margin: 0 auto;
+	width:  500px;
+}
+
+.pedigree_chart_table {
+	border:          0;
+	border-collapse: collapse;
+	padding:         0;
+	width:           100%;
+}
+
+/*-- timeline  --*/
+#timeline_chart {
+	position: relative;
+	top: 0;
+	left: 0;
+}
+
+#field_table {
+	width: 30%;
+	min-width: 500px;
+	border: 1px solid #ddd;
+}
+
+/* ====== Common Icons ========= */
+[class^="icon-"],
+[class*=" icon-"] {
+	display: inline-block;
+	vertical-align: middle;
+	background-repeat: no-repeat;
+}
+
+.icon-add {
+	width: 14px;
+	height: 15px;
+	background-image: url(images/add.png);
+}
+
+.icon-cfamily {
+	width: 32px;
+	height: 32px;
+	background-image: url(colors/images/cfamily.png);
+}
+
+.icon-childless {
+	width: 25px;
+	height: 25px;
+	background-image: url(colors/images/childless.png);
+}
+
+.icon-children {
+	width: 16px;
+	height: 16px;
+	background-image: url(colors/images/children.png);
+}
+
+.icon-clippings {
+	width: 32px;
+	height: 32px;
+	background-image: url(colors/images/clippings.png);
+}
+
+.icon-edit_indi {
+	width: 22px;
+	height: 22px;
+	background-image: url(colors/images/edit_indi.png);
+}
+
+.icon-fam-list {
+	width: 32px;
+	height: 32px;
+	background-image: url(colors/images/sfamily.png);
+}
+
+.icon-indi-list {
+	width: 32px;
+	height: 32px;
+	background-image: url(colors/images/indis.png);
+}
+
+.icon-loading-small {
+	width: 16px;
+	height: 16px;
+	background-image: url(colors/images/indicator.gif);
+}
+
+.icon-media {
+	width: 32px;
+	height: 32px;
+	background-image: url(colors/images/media.png);
+}
+
+.icon-media-list {
+	width: 32px;
+	height: 32px;
+	background-image: url(colors/images/media.png);
+}
+
+.icon-media-next {
+	width: 20px;
+	height: 20px;
+	background-image: url(colors/images/rdarrow.png);
+}
+
+.icon-media-play {
+	width: 20px;
+	height: 20px;
+	background-image: url(colors/images/rarrow.png);
+}
+
+.icon-media-stop {
+	width: 20px;
+	height: 20px;
+	background-image: url(colors/images/stop.png);
+}
+
+.icon-minus {
+	width: 11px;
+	height: 11px;
+	background-image: url(colors/images/minus.png);
+}
+
+.icon-mypage {
+	width: 22px;
+	height: 25px;
+	background-image: url(colors/images/mypage.png);
+}
+
+.icon-note {
+	width: 33px;
+	height: 35px;
+	background-image: url(colors/icons/note.png);
+}
+
+.icon-plus {
+	width: 11px;
+	height: 11px;
+	background-image: url(colors/images/plus.png);
+}
+
+.icon-reminder {
+	width: 15px;
+	height: 12px;
+	background-image: url(colors/images/reminder.png);
+}
+
+.icon-remove {
+	width: 16px;
+	height: 16px;
+	background-image: url(colors/images/delete.png);
+}
+
+.icon-resn-confidential {
+	width: 16px;
+	height: 16px;
+	background-image: url(colors/images/resn_confidential.png);
+}
+
+.icon-resn-locked {
+	width: 16px;
+	height: 16px;
+	background-image: url(colors/images/resn_locked.png);
+}
+
+.icon-resn-none {
+	width: 16px;
+	height: 16px;
+	background-image: url(colors/images/resn_none.png);
+}
+
+.icon-resn-privacy {
+	width: 16px;
+	height: 16px;
+	background-image: url(colors/images/resn_privacy.png);
+}
+
+.icon-rings {
+	width: 9px;
+	height: 9px;
+	background-image: url(colors/images/rings.png);
+}
+
+.icon-selected {
+	width: 12px;
+	height: 12px;
+	background-image: url(colors/images/selected.png);
+}
+
+.icon-sex_f_15x15 {
+	width: 15px;
+	height: 15px;
+	background-image: url(colors/images/sex_f_15x15.png);
+}
+
+.icon-sex_f_9x9 {
+	width: 9px;
+	height: 9px;
+	background-image: url(colors/images/sex_f_9x9.png);
+}
+
+.icon-sex_m_15x15 {
+	width: 15px;
+	height: 15px;
+	background-image: url(colors/images/sex_m_15x15.png);
+}
+
+.icon-sex_m_9x9 {
+	width: 9px;
+	height: 9px;
+	background-image: url(colors/images/sex_m_9x9.png);
+}
+
+.icon-sex_u_15x15 {
+	width: 15px;
+	height: 15px;
+	background-image: url(colors/images/sex_u_15x15.png);
+}
+
+.icon-sex_u_9x9 {
+	width: 9px;
+	height: 9px;
+	background-image: url(colors/images/sex_u_9x9.png);
+}
+
+.icon-source {
+	width: 32px;
+	height: 32px;
+	background-image: url(colors/images/source.png);
+}
+
+.icon-warning {
+	width: 17px;
+	height: 17px;
+	background-image: url(colors/images/warning.png);
+}
+
+.icon-zoomin {
+	width: 25px;
+	height: 25px;
+	background-image: url(colors/images/zoomin.png);
+}
+
+.icon-zoomout {
+	width: 25px;
+	height: 25px;
+	background-image: url(colors/images/zoomout.png);
+}
+
+/* Silhouettes on charts */
+.icon-silhouette-F {
+	width: 37px;
+	height: 45px;
+	background-image: url(colors/images/silhouette_female_small.png);
+}
+
+.icon-silhouette-M {
+	width: 37px;
+	height: 45px;
+	background-image: url(colors/images/silhouette_male_small.png);
+}
+
+.icon-silhouette-U {
+	width: 37px;
+	height: 45px;
+	background-image: url(colors/images/silhouette_unknown_small.png);
+}
+
+.wt-silhoutte {
+	width: 200px;
+	height: 260px;
+}
+
+.wt-silhoutte::before {
+	content: url(colors/images/silhouette_unknown.png);
+}
+
+.wt-silhoutte-F::before {
+	content: url(colors/images/silhouette_female.png);
+}
+
+.wt-silhouette-M::before {
+	content: url(colors/images/silhouette_male.png);
+}
+
+[class^="icon-mime-"],
+[class*=" icon-mime-"] {
+	display: inline-block;
+	background: transparent url(colors/images/icon-mime-sprite.png) no-repeat;
+	width: 48px;
+	height: 48px;
+}
+
+/* ===== Generic MIME types ===== */
+[class^="icon-mime-"],
+[class*=" icon-mime-"] {
+	background-position: -99px -49px;
+}
+
+[class^="icon-mime-application-"],
+[class*=" icon-mime-application-"] {
+	background-position: -99px -196px;
+}
+
+[class^="icon-mime-audio-"],
+[class*=" icon-mime-audio-"] {
+	background-position: -197px -98px;
+}
+
+[class^="icon-mime-image-"],
+[class*=" icon-mime-image-"] {
+	background-position: -148px -245px;
+}
+
+[class^="icon-mime-text-"],
+[class*=" icon-mime-text-"] {
+	background-position: -197px -147px;
+}
+
+[class^="icon-mime-video-"],
+[class*=" icon-mime-video-"] {
+	background-position: -148px -147px;
+}
+
+/* ===== Specific MIME types ===== */
+.icon-mime-application-pdf {
+	background-position: -1px -49px;
+}
+
+.icon-mime-application-msword {
+	background-position: -148px -49px;
+}
+
+.icon-mime-application-vnd-ms-excel {
+	background-position: -148px -196px;
+}
+
+.icon-mime-application-x-rar-compressed {
+	background-position: -50px -98px;
+}
+
+.icon-mime-application-zip {
+	background-position: -50px -147px;
+}
+
+.icon-mime-application-x-shockwave-flash {
+	background-position: -148px 0;
+}
+
+.icon-mime-audio-mp3 {
+	background-position: -50px -245px;
+}
+
+.icon-mime-audio-mpeg {
+	background-position: -50px 0;
+}
+
+.icon-mime-audio-x-ms-wma {
+	background-position: -1px -245px;
+}
+
+.icon-mime-audio-wav {
+	background-position: -1px -98px;
+}
+
+.icon-mime-text-html {
+	background-position: -99px -245px;
+}
+
+.icon-mime-text-x-gedcom {
+	background-position: -50px -49px;
+}
+
+.icon-mime-image-bmp {
+	background-position: 197px 0;
+}
+
+.icon-mime-image-gif {
+	background-position: -197px -49px;
+}
+
+.icon-mime-image-jpeg {
+	background-position: -1px -147px;
+}
+
+.icon-mime-image-png {
+	background-position: -99px -98px;
+}
+
+.icon-mime-image-svg {
+	background-position: -197px -196px;
+}
+
+.icon-mime-image-tiff {
+	background-position: -148px -98px;
+}
+
+.icon-mime-video-quicktime {
+	background-position: -99px -147px;
+}
+
+.icon-mime-video-avi {
+	background-position: -99px 0;
+}
+
+.icon-mime-video-x-ms-wmv {
+	background-position: -50px -196px;
+}
+/* ====== End Icon styles ====== */
+
+/* ====== Theme Footer ========= */
+
+footer {
+	clear: both;
+	text-align: center;
+}
+
+.contact-links {
+	margin: 30px 0 15px;
+}
+
+.powered-by-webtrees {
+	display: inline-block;
+	margin-top: 10px;
+	width: 100px;
+	height: 21px;
+}
+
+.powered-by-webtrees:after {
+	content: url(colors/images/powered-by-webtrees.png);
+}
+
+/* ====== End Theme Footer ===== */
+
+/* ====== Theme Icons ========== */
+.icon-indis {
+	width: 25px;
+	height: 25px;
+	background-image: url(colors/images/mypage.png);
+}
+
+.icon-patriarch {
+	width: 20px;
+	height: 20px;
+	background-image: url(colors/images/patriarch.png);
+}
+
+.icon-pedigree {
+	width: 25px;
+	height: 25px;
+	background-image: url(colors/images/pedigree.png);
+}
+
+.icon-place {
+	width: 20px;
+	height: 20px;
+	background-image: url(colors/images/place.png);
+}
+
+.icon-repo-list {
+	width: 20px;
+	height: 20px;
+	background-image: url(colors/images/repository.png);
+}
+
+.icon-repository {
+	width: 20px;
+	height: 20px;
+	background-image: url(colors/images/repository.png);
+}
+
+.icon-search {
+	width: 17px;
+	height: 17px;
+	background-image: url(colors/images/search.png);
+}
+
+.icon-sfamily {
+	width: 22px;
+	height: 22px;
+	background-image: url(colors/images/sfamily.png);
+}
+
+.icon-source-list {
+	width: 20px;
+	height: 20px;
+	background-image: url(colors/images/source.png);
+}
+
+.icon-user_add {
+	width: 25px;
+	height: 25px;
+	background-image: url(colors/images/user_add.png);
+}
+
+.cookie-warning {
+	background: #aaa;
+	color: #fff;
+	height: 3em;
+	line-height: 2.5em;
+	transition: height 0.5s;
+}
+.cookie-warning.hidden {
+	height: 0;
+	overflow: hidden;
+}
diff --git a/resources/css/colors/aquamarine.css b/resources/css/colors/aquamarine.css
new file mode 100644
index 0000000000..c35feb29e2
--- /dev/null
+++ b/resources/css/colors/aquamarine.css
@@ -0,0 +1,66 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2018 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* Aquamarine Palette */
+
+/* Header */
+.wt-header-wrapper, .btn-primary {
+	background: #007e94;
+	border: 0;
+	color: #fff;
+}
+
+.wt-primary-menu, .btn-primary:hover {
+	background: #085360;
+}
+
+/* Tbls and menus  */
+.wt-page-options-label,
+.wt-facts-table th, .wt-facts-table .dropdown-toggle,
+.descriptionbox, .descriptionbox a,
+.topbottombar, .topbottombar a,
+.list_label, .list_label a {
+	background-color: #00a9c7;
+	color: #fff;
+}
+
+.ui-state-active, .ui-widget-content .ui-state-active {
+	background: none repeat scroll 0 0 #00a9c7;
+}
+
+/* Base */
+.wt-page-options-value,
+.wt-block-content,
+.wt-facts-table td,
+.ui-widget-header,
+.optionbox, .ui-state-active a:link,
+.list_value, .list_value_wrap, .list_value_wrap a,
+#login-form, #new_passwd_form, #register-form  {
+	background: #dcf2f9;
+}
+
+/* Alerts */
+.error, .warning, .red {
+	color: #f00;
+}
+
+/* Light Text */
+.secondary-menu li a {
+	color: #fff;
+}
+
+.subheaders {
+	color: #696969;
+}
diff --git a/resources/css/colors/ash.css b/resources/css/colors/ash.css
new file mode 100755
index 0000000000..0c3316bcbf
--- /dev/null
+++ b/resources/css/colors/ash.css
@@ -0,0 +1,66 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2018 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* Ash Palette */
+
+/* Header */
+.wt-header-wrapper, .btn-primary {
+	background: #5d6779;
+	border: 0;
+	color: #fff;
+}
+
+.wt-primary-menu, .btn-primary:hover {
+	background: #2a2b2d;
+}
+
+/* Tbls and menus  */
+.wt-page-options-label,
+.wt-facts-table th, .wt-facts-table .dropdown-toggle,
+.descriptionbox, .descriptionbox a,
+.topbottombar, .topbottombar a,
+.list_label, .list_label a {
+	background-color: #9da5b4;
+	color: #fff;
+}
+
+.ui-state-active, .ui-widget-content .ui-state-active {
+	background: none repeat scroll 0 0 #9da5b4;
+}
+
+/* Base */
+.wt-page-options-value,
+.wt-block-content,
+.wt-facts-table td,
+.ui-widget-header,
+.optionbox, .ui-state-active a:link,
+.list_value, .list_value_wrap, .list_value_wrap a,
+#login-form, #new_passwd_form, #register-form  {
+	background: #ededee;
+}
+
+/* Alerts */
+.error, .warning, .red {
+	color: #f00;
+}
+
+/* Light Text */
+.secondary-menu li a {
+	color: #fff;
+}
+
+.subheaders {
+	color: #494949;
+}
diff --git a/resources/css/colors/belgianchocolate.css b/resources/css/colors/belgianchocolate.css
new file mode 100644
index 0000000000..bc21d76d6d
--- /dev/null
+++ b/resources/css/colors/belgianchocolate.css
@@ -0,0 +1,66 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2018 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* Belgianchocolate Palette */
+
+/* Header */
+.wt-header-wrapper, .btn-primary {
+	background: #971702;
+	border: 0;
+	color: #fff;
+}
+
+.wt-primary-menu, .btn-primary:hover {
+	background: #311900;
+}
+
+/* Tbls and menus  */
+.wt-page-options-label,
+.wt-facts-table th, .wt-facts-table .dropdown-toggle,
+.descriptionbox, .descriptionbox a,
+.topbottombar, .topbottombar a,
+.list_label, .list_label a {
+	background-color: #af2604;
+	color: #fff;
+}
+
+.ui-state-active, .ui-widget-content .ui-state-active {
+	background: none repeat scroll 0 0 #af2604;
+}
+
+/* Base */
+.wt-page-options-value,
+.wt-block-content,
+.wt-facts-table td,
+.ui-widget-header,
+.optionbox, .ui-state-active a:link,
+.list_value, .list_value_wrap, .list_value_wrap a,
+#login-form, #new_passwd_form, #register-form  {
+	background: #f6edd5;
+}
+
+/* Alerts */
+.error, .warning, .red {
+	color: #f00;
+}
+
+/* Light Text */
+.secondary-menu li a {
+	color: #fff;
+}
+
+.subheaders {
+	color: #494949;
+}
diff --git a/resources/css/colors/bluelagoon.css b/resources/css/colors/bluelagoon.css
new file mode 100644
index 0000000000..06042cdd4b
--- /dev/null
+++ b/resources/css/colors/bluelagoon.css
@@ -0,0 +1,66 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2018 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* Bluelagoon Palette */
+
+/* Header */
+.wt-header-wrapper, .btn-primary {
+	background: #5ab5ee;
+	border: 0;
+	color: #fff;
+}
+
+.wt-primary-menu, .btn-primary:hover {
+	background: #2385c2;
+}
+
+/* Tbls and menus  */
+.wt-page-options-label,
+.wt-facts-table th, .wt-facts-table .dropdown-toggle,
+.descriptionbox, .descriptionbox a,
+.topbottombar, .topbottombar a,
+.list_label, .list_label a {
+	background-color: #5ab5ee;
+	color: #fff;
+}
+
+.ui-state-active, .ui-widget-content .ui-state-active {
+	background: none repeat scroll 0 0 #5ab5ee;
+}
+
+/* Base */
+.wt-page-options-value,
+.wt-block-content,
+.wt-facts-table td,
+.ui-widget-header,
+.optionbox, .ui-state-active a:link,
+.list_value, .list_value_wrap, .list_value_wrap a,
+#login-form, #new_passwd_form, #register-form  {
+	background: #e6f5ff;
+}
+
+/* Alerts */
+.error, .warning, .red {
+	color: #f00;
+}
+
+/* Light Text */
+.secondary-menu li a {
+	color: #fff;
+}
+
+.subheaders {
+	color: #494949;
+}
diff --git a/resources/css/colors/bluemarine.css b/resources/css/colors/bluemarine.css
new file mode 100644
index 0000000000..8a35335396
--- /dev/null
+++ b/resources/css/colors/bluemarine.css
@@ -0,0 +1,66 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2018 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* Bluemarine Palette */
+
+/* Header */
+.wt-header-wrapper, .btn-primary {
+	background: #6598cb;
+	border: 0;
+	color: #fff;
+}
+
+.wt-primary-menu, .btn-primary:hover {
+	background: #98badd;
+}
+
+/* Tbls and menus  */
+.wt-page-options-label,
+.wt-facts-table th, .wt-facts-table .dropdown-toggle,
+.descriptionbox, .descriptionbox a,
+.topbottombar, .topbottombar a,
+.list_label, .list_label a {
+	background-color: #6598cb;
+	color: #fff;
+}
+
+.ui-state-active, .ui-widget-content .ui-state-active {
+	background: none repeat scroll 0 0 #6598cb;
+}
+
+/* Base */
+.wt-page-options-value,
+.wt-block-content,
+.wt-facts-table td,
+.ui-widget-header,
+.optionbox, .ui-state-active a:link,
+.list_value, .list_value_wrap, .list_value_wrap a,
+#login-form, #new_passwd_form, #register-form  {
+	background: #e0e7ff;
+}
+
+/* Alerts */
+.error, .warning, .red {
+	color: #f00;
+}
+
+/* Light Text */
+.secondary-menu li a {
+	color: #fff;
+}
+
+.subheaders {
+	color: #000;
+}
diff --git a/resources/css/colors/coffeeandcream.css b/resources/css/colors/coffeeandcream.css
new file mode 100644
index 0000000000..aa3cb0db81
--- /dev/null
+++ b/resources/css/colors/coffeeandcream.css
@@ -0,0 +1,66 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2018 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* Coffeeandcream Palette */
+
+/* Header */
+.wt-header-wrapper, .btn-primary {
+	background: #d4c7a7;
+	border: 0;
+	color: #553e2f;
+}
+
+.wt-primary-menu, .btn-primary:hover {
+	background: #93724f;
+}
+
+/* Tbls and menus  */
+.wt-page-options-label,
+.wt-facts-table th, .wt-facts-table .dropdown-toggle,
+.descriptionbox, .descriptionbox a,
+.topbottombar, .topbottombar a,
+.list_label, .list_label a {
+	background-color: #93724f;
+	color: #fff;
+}
+
+.ui-state-active, .ui-widget-content .ui-state-active {
+	background: none repeat scroll 0 0 #93724f;
+}
+
+/* Base */
+.wt-page-options-value,
+.wt-block-content,
+.wt-facts-table td,
+.ui-widget-header,
+.optionbox, .ui-state-active a:link,
+.list_value, .list_value_wrap, .list_value_wrap a,
+#login-form, #new_passwd_form, #register-form  {
+	background: #f4ead1;
+}
+
+/* Alerts */
+.error, .warning, .red {
+	color: #f00;
+}
+
+/* Light Text */
+.secondary-menu li a {
+	color: #553e2f;
+}
+
+.subheaders {
+	color: #494949;
+}
diff --git a/resources/css/colors/coldday.css b/resources/css/colors/coldday.css
new file mode 100644
index 0000000000..25bfbb7634
--- /dev/null
+++ b/resources/css/colors/coldday.css
@@ -0,0 +1,66 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2018 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* Coldday Palette */
+
+/* Header */
+.wt-header-wrapper, .btn-primary {
+	background: #1a1575;
+	border: 0;
+	color: #fff;
+}
+
+.wt-primary-menu, .btn-primary:hover {
+	background: #4d91ff;
+}
+
+/* Tbls and menus  */
+.wt-page-options-label,
+.wt-facts-table th, .wt-facts-table .dropdown-toggle,
+.descriptionbox, .descriptionbox a,
+.topbottombar, .topbottombar a,
+.list_label, .list_label a {
+	background-color: #5997e3;
+	color: #fff;
+}
+
+.ui-state-active, .ui-widget-content .ui-state-active {
+	background: none repeat scroll 0 0 #5997e3;
+}
+
+/* Base */
+.wt-page-options-value,
+.wt-block-content,
+.wt-facts-table td,
+.ui-widget-header,
+.optionbox, .ui-state-active a:link,
+.list_value, .list_value_wrap, .list_value_wrap a,
+#login-form, #new_passwd_form, #register-form  {
+	background: #e6e1ff;
+}
+
+/* Alerts */
+.error, .warning, .red {
+	color: #f00;
+}
+
+/* Light Text */
+.secondary-menu li a {
+	color: #fff;
+}
+
+.subheaders {
+	color: #000;
+}
diff --git a/resources/css/colors/greenbeam.css b/resources/css/colors/greenbeam.css
new file mode 100644
index 0000000000..fcba8cffc8
--- /dev/null
+++ b/resources/css/colors/greenbeam.css
@@ -0,0 +1,66 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2018 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* Greenbeam Palette */
+
+/* Header */
+.wt-header-wrapper, .btn-primary {
+	background: #03961e;
+	border: 0;
+	color: #fff;
+}
+
+.wt-primary-menu, .btn-primary:hover {
+	background: #7be000;
+}
+
+/* Tbls and menus  */
+.wt-page-options-label,
+.wt-facts-table th, .wt-facts-table .dropdown-toggle,
+.descriptionbox, .descriptionbox a,
+.topbottombar, .topbottombar a,
+.list_label, .list_label a {
+	background-color: #04af23;
+	color: #fff;
+}
+
+.ui-state-active, .ui-widget-content .ui-state-active {
+	background: none repeat scroll 0 0 #04af23;
+}
+
+/* Base */
+.wt-page-options-value,
+.wt-block-content,
+.wt-facts-table td,
+.ui-widget-header,
+.optionbox, .ui-state-active a:link,
+.list_value, .list_value_wrap, .list_value_wrap a,
+#login-form, #new_passwd_form, #register-form  {
+	background: #e6ffc7;
+}
+
+/* Alerts */
+.error, .warning, .red {
+	color: #f00;
+}
+
+/* Light Text */
+.secondary-menu li a {
+	color: #fff;
+}
+
+.subheaders {
+	color: #494949;
+}
diff --git a/resources/css/colors/icons/arrow-down-hover.png b/resources/css/colors/icons/arrow-down-hover.png
new file mode 100644
index 0000000000..995ae19667
--- /dev/null
+++ b/resources/css/colors/icons/arrow-down-hover.png
diff --git a/resources/css/colors/icons/arrow-down.png b/resources/css/colors/icons/arrow-down.png
new file mode 100644
index 0000000000..3be2605dc8
--- /dev/null
+++ b/resources/css/colors/icons/arrow-down.png
diff --git a/resources/css/colors/icons/arrow-left-hover.png b/resources/css/colors/icons/arrow-left-hover.png
new file mode 100644
index 0000000000..9b63d582a0
--- /dev/null
+++ b/resources/css/colors/icons/arrow-left-hover.png
diff --git a/resources/css/colors/icons/arrow-left.png b/resources/css/colors/icons/arrow-left.png
new file mode 100644
index 0000000000..6d152c1aa0
--- /dev/null
+++ b/resources/css/colors/icons/arrow-left.png
diff --git a/resources/css/colors/icons/arrow-right-hover.png b/resources/css/colors/icons/arrow-right-hover.png
new file mode 100644
index 0000000000..a74991fd63
--- /dev/null
+++ b/resources/css/colors/icons/arrow-right-hover.png
diff --git a/resources/css/colors/icons/arrow-right.png b/resources/css/colors/icons/arrow-right.png
new file mode 100644
index 0000000000..705bc43c4f
--- /dev/null
+++ b/resources/css/colors/icons/arrow-right.png
diff --git a/resources/css/colors/icons/arrow-up-hover.png b/resources/css/colors/icons/arrow-up-hover.png
new file mode 100644
index 0000000000..e82af4097a
--- /dev/null
+++ b/resources/css/colors/icons/arrow-up-hover.png
diff --git a/resources/css/colors/icons/arrow-up.png b/resources/css/colors/icons/arrow-up.png
new file mode 100644
index 0000000000..dde11141c3
--- /dev/null
+++ b/resources/css/colors/icons/arrow-up.png
diff --git a/resources/css/colors/icons/bing-maps.png b/resources/css/colors/icons/bing-maps.png
new file mode 100644
index 0000000000..400627cf16
--- /dev/null
+++ b/resources/css/colors/icons/bing-maps.png
diff --git a/resources/css/colors/icons/calendar.png b/resources/css/colors/icons/calendar.png
new file mode 100644
index 0000000000..0d308a977a
--- /dev/null
+++ b/resources/css/colors/icons/calendar.png
diff --git a/resources/css/colors/icons/coordinates.png b/resources/css/colors/icons/coordinates.png
new file mode 100644
index 0000000000..f8410ba149
--- /dev/null
+++ b/resources/css/colors/icons/coordinates.png
diff --git a/resources/css/colors/icons/copy.png b/resources/css/colors/icons/copy.png
new file mode 100644
index 0000000000..4b42734afb
--- /dev/null
+++ b/resources/css/colors/icons/copy.png
diff --git a/resources/css/colors/icons/delete.png b/resources/css/colors/icons/delete.png
new file mode 100644
index 0000000000..d091da3353
--- /dev/null
+++ b/resources/css/colors/icons/delete.png
diff --git a/resources/css/colors/icons/edit.png b/resources/css/colors/icons/edit.png
new file mode 100644
index 0000000000..06af4f0d12
--- /dev/null
+++ b/resources/css/colors/icons/edit.png
diff --git a/resources/css/colors/icons/family.png b/resources/css/colors/icons/family.png
new file mode 100644
index 0000000000..3ceafc5abb
--- /dev/null
+++ b/resources/css/colors/icons/family.png
diff --git a/resources/css/colors/icons/google-maps.png b/resources/css/colors/icons/google-maps.png
new file mode 100644
index 0000000000..12ab0c14d5
--- /dev/null
+++ b/resources/css/colors/icons/google-maps.png
diff --git a/resources/css/colors/icons/help.png b/resources/css/colors/icons/help.png
new file mode 100644
index 0000000000..9309abc258
--- /dev/null
+++ b/resources/css/colors/icons/help.png
diff --git a/resources/css/colors/icons/indicator.gif b/resources/css/colors/icons/indicator.gif
new file mode 100644
index 0000000000..085ccaecaf
--- /dev/null
+++ b/resources/css/colors/icons/indicator.gif
diff --git a/resources/css/colors/icons/individual.png b/resources/css/colors/icons/individual.png
new file mode 100644
index 0000000000..4d06f389d2
--- /dev/null
+++ b/resources/css/colors/icons/individual.png
diff --git a/resources/css/colors/icons/keyboard.png b/resources/css/colors/icons/keyboard.png
new file mode 100644
index 0000000000..482f1bdb25
--- /dev/null
+++ b/resources/css/colors/icons/keyboard.png
diff --git a/resources/css/colors/icons/media.png b/resources/css/colors/icons/media.png
new file mode 100644
index 0000000000..b70ae5606c
--- /dev/null
+++ b/resources/css/colors/icons/media.png
diff --git a/resources/css/colors/icons/note.png b/resources/css/colors/icons/note.png
new file mode 100644
index 0000000000..73f11ff057
--- /dev/null
+++ b/resources/css/colors/icons/note.png
diff --git a/resources/css/colors/icons/openstreetmap.png b/resources/css/colors/icons/openstreetmap.png
new file mode 100644
index 0000000000..899e2a58b6
--- /dev/null
+++ b/resources/css/colors/icons/openstreetmap.png
diff --git a/resources/css/colors/icons/preferences.png b/resources/css/colors/icons/preferences.png
new file mode 100644
index 0000000000..6de111507b
--- /dev/null
+++ b/resources/css/colors/icons/preferences.png
diff --git a/resources/css/colors/icons/repository.png b/resources/css/colors/icons/repository.png
new file mode 100644
index 0000000000..bf0b660c91
--- /dev/null
+++ b/resources/css/colors/icons/repository.png
diff --git a/resources/css/colors/icons/source.png b/resources/css/colors/icons/source.png
new file mode 100644
index 0000000000..f103b323a8
--- /dev/null
+++ b/resources/css/colors/icons/source.png
diff --git a/resources/css/colors/images/bing.png b/resources/css/colors/images/bing.png
new file mode 100644
index 0000000000..400627cf16
--- /dev/null
+++ b/resources/css/colors/images/bing.png
diff --git a/resources/css/colors/images/block-header-disk.png b/resources/css/colors/images/block-header-disk.png
new file mode 100644
index 0000000000..60a9dbe5ac
--- /dev/null
+++ b/resources/css/colors/images/block-header-disk.png
diff --git a/resources/css/colors/images/buttons/addmedia.png b/resources/css/colors/images/buttons/addmedia.png
new file mode 100644
index 0000000000..65cc2aefb5
--- /dev/null
+++ b/resources/css/colors/images/buttons/addmedia.png
diff --git a/resources/css/colors/images/buttons/addnote.png b/resources/css/colors/images/buttons/addnote.png
new file mode 100644
index 0000000000..525937a14b
--- /dev/null
+++ b/resources/css/colors/images/buttons/addnote.png
diff --git a/resources/css/colors/images/buttons/addrepository.png b/resources/css/colors/images/buttons/addrepository.png
new file mode 100644
index 0000000000..220b432717
--- /dev/null
+++ b/resources/css/colors/images/buttons/addrepository.png
diff --git a/resources/css/colors/images/buttons/addsource.png b/resources/css/colors/images/buttons/addsource.png
new file mode 100644
index 0000000000..ea044ad095
--- /dev/null
+++ b/resources/css/colors/images/buttons/addsource.png
diff --git a/resources/css/colors/images/buttons/find.png b/resources/css/colors/images/buttons/find.png
new file mode 100644
index 0000000000..dd39018d0f
--- /dev/null
+++ b/resources/css/colors/images/buttons/find.png
diff --git a/resources/css/colors/images/buttons/find_facts.png b/resources/css/colors/images/buttons/find_facts.png
new file mode 100644
index 0000000000..2ba25a7858
--- /dev/null
+++ b/resources/css/colors/images/buttons/find_facts.png
diff --git a/resources/css/colors/images/buttons/head.png b/resources/css/colors/images/buttons/head.png
new file mode 100644
index 0000000000..7a48ef9e86
--- /dev/null
+++ b/resources/css/colors/images/buttons/head.png
diff --git a/resources/css/colors/images/buttons/place.png b/resources/css/colors/images/buttons/place.png
new file mode 100644
index 0000000000..1562e0ee0c
--- /dev/null
+++ b/resources/css/colors/images/buttons/place.png
diff --git a/resources/css/colors/images/cfamily.png b/resources/css/colors/images/cfamily.png
new file mode 100644
index 0000000000..9a0a7adb07
--- /dev/null
+++ b/resources/css/colors/images/cfamily.png
diff --git a/resources/css/colors/images/childless.png b/resources/css/colors/images/childless.png
new file mode 100644
index 0000000000..10f82fe6fe
--- /dev/null
+++ b/resources/css/colors/images/childless.png
diff --git a/resources/css/colors/images/children.png b/resources/css/colors/images/children.png
new file mode 100644
index 0000000000..30dbbf1099
--- /dev/null
+++ b/resources/css/colors/images/children.png
diff --git a/resources/css/colors/images/clippings.png b/resources/css/colors/images/clippings.png
new file mode 100644
index 0000000000..c4aec579f6
--- /dev/null
+++ b/resources/css/colors/images/clippings.png
diff --git a/resources/css/colors/images/copy.png b/resources/css/colors/images/copy.png
new file mode 100644
index 0000000000..7397f49c27
--- /dev/null
+++ b/resources/css/colors/images/copy.png
diff --git a/resources/css/colors/images/delete.png b/resources/css/colors/images/delete.png
new file mode 100644
index 0000000000..7ce1741b6b
--- /dev/null
+++ b/resources/css/colors/images/delete.png
diff --git a/resources/css/colors/images/edit_indi.png b/resources/css/colors/images/edit_indi.png
new file mode 100644
index 0000000000..cbc4fe8ea7
--- /dev/null
+++ b/resources/css/colors/images/edit_indi.png
diff --git a/resources/css/colors/images/fambook.png b/resources/css/colors/images/fambook.png
new file mode 100644
index 0000000000..7b77f07fe9
--- /dev/null
+++ b/resources/css/colors/images/fambook.png
diff --git a/resources/css/colors/images/general_sprite.png b/resources/css/colors/images/general_sprite.png
new file mode 100644
index 0000000000..f0dab25361
--- /dev/null
+++ b/resources/css/colors/images/general_sprite.png
diff --git a/resources/css/colors/images/go.png b/resources/css/colors/images/go.png
new file mode 100644
index 0000000000..6625de0c9d
--- /dev/null
+++ b/resources/css/colors/images/go.png
diff --git a/resources/css/colors/images/googlemaps.png b/resources/css/colors/images/googlemaps.png
new file mode 100644
index 0000000000..12ab0c14d5
--- /dev/null
+++ b/resources/css/colors/images/googlemaps.png
diff --git a/resources/css/colors/images/icon-mime-sprite.png b/resources/css/colors/images/icon-mime-sprite.png
new file mode 100644
index 0000000000..a8c817837c
--- /dev/null
+++ b/resources/css/colors/images/icon-mime-sprite.png
diff --git a/resources/css/colors/images/icon-pedigree.png b/resources/css/colors/images/icon-pedigree.png
new file mode 100644
index 0000000000..82faf9eea6
--- /dev/null
+++ b/resources/css/colors/images/icon-pedigree.png
diff --git a/resources/css/colors/images/icon-sfamily.png b/resources/css/colors/images/icon-sfamily.png
new file mode 100644
index 0000000000..eb70862edb
--- /dev/null
+++ b/resources/css/colors/images/icon-sfamily.png
diff --git a/resources/css/colors/images/image_add.png b/resources/css/colors/images/image_add.png
new file mode 100644
index 0000000000..ecac61c284
--- /dev/null
+++ b/resources/css/colors/images/image_add.png
diff --git a/resources/css/colors/images/image_edit.png b/resources/css/colors/images/image_edit.png
new file mode 100644
index 0000000000..3fb8061de2
--- /dev/null
+++ b/resources/css/colors/images/image_edit.png
diff --git a/resources/css/colors/images/image_link.png b/resources/css/colors/images/image_link.png
new file mode 100644
index 0000000000..190b08e7d2
--- /dev/null
+++ b/resources/css/colors/images/image_link.png
diff --git a/resources/css/colors/images/image_view.png b/resources/css/colors/images/image_view.png
new file mode 100644
index 0000000000..1e7babae94
--- /dev/null
+++ b/resources/css/colors/images/image_view.png
diff --git a/resources/css/colors/images/images.png b/resources/css/colors/images/images.png
new file mode 100644
index 0000000000..b3854d450a
--- /dev/null
+++ b/resources/css/colors/images/images.png
diff --git a/resources/css/colors/images/indicator.gif b/resources/css/colors/images/indicator.gif
new file mode 100644
index 0000000000..085ccaecaf
--- /dev/null
+++ b/resources/css/colors/images/indicator.gif
diff --git a/resources/css/colors/images/indis.png b/resources/css/colors/images/indis.png
new file mode 100644
index 0000000000..cb39cb175a
--- /dev/null
+++ b/resources/css/colors/images/indis.png
diff --git a/resources/css/colors/images/li.png b/resources/css/colors/images/li.png
new file mode 100644
index 0000000000..ffbb11f596
--- /dev/null
+++ b/resources/css/colors/images/li.png
diff --git a/resources/css/colors/images/lifespan-chunk.png b/resources/css/colors/images/lifespan-chunk.png
new file mode 100644
index 0000000000..1eb0f30490
--- /dev/null
+++ b/resources/css/colors/images/lifespan-chunk.png
diff --git a/resources/css/colors/images/media.png b/resources/css/colors/images/media.png
new file mode 100644
index 0000000000..4afcea74de
--- /dev/null
+++ b/resources/css/colors/images/media.png
diff --git a/resources/css/colors/images/minus.png b/resources/css/colors/images/minus.png
new file mode 100644
index 0000000000..8ed68808da
--- /dev/null
+++ b/resources/css/colors/images/minus.png
diff --git a/resources/css/colors/images/mypage.png b/resources/css/colors/images/mypage.png
new file mode 100644
index 0000000000..cb39cb175a
--- /dev/null
+++ b/resources/css/colors/images/mypage.png
diff --git a/resources/css/colors/images/osm.png b/resources/css/colors/images/osm.png
new file mode 100644
index 0000000000..899e2a58b6
--- /dev/null
+++ b/resources/css/colors/images/osm.png
diff --git a/resources/css/colors/images/patriarch.png b/resources/css/colors/images/patriarch.png
new file mode 100644
index 0000000000..9672bb6bf9
--- /dev/null
+++ b/resources/css/colors/images/patriarch.png
diff --git a/resources/css/colors/images/pedigree.png b/resources/css/colors/images/pedigree.png
new file mode 100644
index 0000000000..5df2fd43c5
--- /dev/null
+++ b/resources/css/colors/images/pedigree.png
diff --git a/resources/css/colors/images/place.png b/resources/css/colors/images/place.png
new file mode 100644
index 0000000000..b7e16bdd3e
--- /dev/null
+++ b/resources/css/colors/images/place.png
diff --git a/resources/css/colors/images/plus.png b/resources/css/colors/images/plus.png
new file mode 100644
index 0000000000..64e15fc9f3
--- /dev/null
+++ b/resources/css/colors/images/plus.png
diff --git a/resources/css/colors/images/powered-by-webtrees.png b/resources/css/colors/images/powered-by-webtrees.png
new file mode 100644
index 0000000000..0f2ab9eccd
--- /dev/null
+++ b/resources/css/colors/images/powered-by-webtrees.png
diff --git a/resources/css/colors/images/rarrow.png b/resources/css/colors/images/rarrow.png
new file mode 100644
index 0000000000..705bc43c4f
--- /dev/null
+++ b/resources/css/colors/images/rarrow.png
diff --git a/resources/css/colors/images/rdarrow.png b/resources/css/colors/images/rdarrow.png
new file mode 100644
index 0000000000..198e7d1768
--- /dev/null
+++ b/resources/css/colors/images/rdarrow.png
diff --git a/resources/css/colors/images/reminder.png b/resources/css/colors/images/reminder.png
new file mode 100644
index 0000000000..fa5bbcf507
--- /dev/null
+++ b/resources/css/colors/images/reminder.png
diff --git a/resources/css/colors/images/reorder.png b/resources/css/colors/images/reorder.png
new file mode 100644
index 0000000000..2cfe889ad1
--- /dev/null
+++ b/resources/css/colors/images/reorder.png
diff --git a/resources/css/colors/images/report.png b/resources/css/colors/images/report.png
new file mode 100644
index 0000000000..abb54537ac
--- /dev/null
+++ b/resources/css/colors/images/report.png
diff --git a/resources/css/colors/images/repository.png b/resources/css/colors/images/repository.png
new file mode 100644
index 0000000000..87bc90bec1
--- /dev/null
+++ b/resources/css/colors/images/repository.png
diff --git a/resources/css/colors/images/resn_confidential.png b/resources/css/colors/images/resn_confidential.png
new file mode 100644
index 0000000000..4e5449b25a
--- /dev/null
+++ b/resources/css/colors/images/resn_confidential.png
diff --git a/resources/css/colors/images/resn_locked.png b/resources/css/colors/images/resn_locked.png
new file mode 100644
index 0000000000..b65a188dd3
--- /dev/null
+++ b/resources/css/colors/images/resn_locked.png
diff --git a/resources/css/colors/images/resn_none.png b/resources/css/colors/images/resn_none.png
new file mode 100644
index 0000000000..d86137658e
--- /dev/null
+++ b/resources/css/colors/images/resn_none.png
diff --git a/resources/css/colors/images/resn_privacy.png b/resources/css/colors/images/resn_privacy.png
new file mode 100644
index 0000000000..ca462fd84d
--- /dev/null
+++ b/resources/css/colors/images/resn_privacy.png
diff --git a/resources/css/colors/images/rings.png b/resources/css/colors/images/rings.png
new file mode 100644
index 0000000000..2190ac6573
--- /dev/null
+++ b/resources/css/colors/images/rings.png
diff --git a/resources/css/colors/images/search.png b/resources/css/colors/images/search.png
new file mode 100644
index 0000000000..0b0af3de60
--- /dev/null
+++ b/resources/css/colors/images/search.png
diff --git a/resources/css/colors/images/selected.png b/resources/css/colors/images/selected.png
new file mode 100644
index 0000000000..7abd8e6031
--- /dev/null
+++ b/resources/css/colors/images/selected.png
diff --git a/resources/css/colors/images/sex_f_15x15.png b/resources/css/colors/images/sex_f_15x15.png
new file mode 100644
index 0000000000..2d3abae32a
--- /dev/null
+++ b/resources/css/colors/images/sex_f_15x15.png
diff --git a/resources/css/colors/images/sex_f_9x9.png b/resources/css/colors/images/sex_f_9x9.png
new file mode 100644
index 0000000000..e35e46ccd4
--- /dev/null
+++ b/resources/css/colors/images/sex_f_9x9.png
diff --git a/resources/css/colors/images/sex_m_15x15.png b/resources/css/colors/images/sex_m_15x15.png
new file mode 100644
index 0000000000..4ac7956421
--- /dev/null
+++ b/resources/css/colors/images/sex_m_15x15.png
diff --git a/resources/css/colors/images/sex_m_9x9.png b/resources/css/colors/images/sex_m_9x9.png
new file mode 100644
index 0000000000..32a8484b1f
--- /dev/null
+++ b/resources/css/colors/images/sex_m_9x9.png
diff --git a/resources/css/colors/images/sex_u_15x15.png b/resources/css/colors/images/sex_u_15x15.png
new file mode 100644
index 0000000000..158c3f9a10
--- /dev/null
+++ b/resources/css/colors/images/sex_u_15x15.png
diff --git a/resources/css/colors/images/sex_u_9x9.png b/resources/css/colors/images/sex_u_9x9.png
new file mode 100644
index 0000000000..d113a1898c
--- /dev/null
+++ b/resources/css/colors/images/sex_u_9x9.png
diff --git a/resources/css/colors/images/sfamily.png b/resources/css/colors/images/sfamily.png
new file mode 100644
index 0000000000..b351530852
--- /dev/null
+++ b/resources/css/colors/images/sfamily.png
diff --git a/resources/css/colors/images/silhouette_female.png b/resources/css/colors/images/silhouette_female.png
new file mode 100644
index 0000000000..bb8d503371
--- /dev/null
+++ b/resources/css/colors/images/silhouette_female.png
diff --git a/resources/css/colors/images/silhouette_female_small.png b/resources/css/colors/images/silhouette_female_small.png
new file mode 100644
index 0000000000..4258916eef
--- /dev/null
+++ b/resources/css/colors/images/silhouette_female_small.png
diff --git a/resources/css/colors/images/silhouette_male.png b/resources/css/colors/images/silhouette_male.png
new file mode 100644
index 0000000000..0615900224
--- /dev/null
+++ b/resources/css/colors/images/silhouette_male.png
diff --git a/resources/css/colors/images/silhouette_male_small.png b/resources/css/colors/images/silhouette_male_small.png
new file mode 100644
index 0000000000..fb376fd233
--- /dev/null
+++ b/resources/css/colors/images/silhouette_male_small.png
diff --git a/resources/css/colors/images/silhouette_unknown.png b/resources/css/colors/images/silhouette_unknown.png
new file mode 100644
index 0000000000..d0417439ee
--- /dev/null
+++ b/resources/css/colors/images/silhouette_unknown.png
diff --git a/resources/css/colors/images/silhouette_unknown_small.png b/resources/css/colors/images/silhouette_unknown_small.png
new file mode 100644
index 0000000000..dda5d259e8
--- /dev/null
+++ b/resources/css/colors/images/silhouette_unknown_small.png
diff --git a/resources/css/colors/images/source.png b/resources/css/colors/images/source.png
new file mode 100644
index 0000000000..994fa9d38a
--- /dev/null
+++ b/resources/css/colors/images/source.png
diff --git a/resources/css/colors/images/stop.png b/resources/css/colors/images/stop.png
new file mode 100644
index 0000000000..a15d4bae84
--- /dev/null
+++ b/resources/css/colors/images/stop.png
diff --git a/resources/css/colors/images/user_add.png b/resources/css/colors/images/user_add.png
new file mode 100644
index 0000000000..e6a539b726
--- /dev/null
+++ b/resources/css/colors/images/user_add.png
diff --git a/resources/css/colors/images/warning.png b/resources/css/colors/images/warning.png
new file mode 100644
index 0000000000..d484c33341
--- /dev/null
+++ b/resources/css/colors/images/warning.png
diff --git a/resources/css/colors/images/zoomin.png b/resources/css/colors/images/zoomin.png
new file mode 100644
index 0000000000..b227d229a3
--- /dev/null
+++ b/resources/css/colors/images/zoomin.png
diff --git a/resources/css/colors/images/zoomout.png b/resources/css/colors/images/zoomout.png
new file mode 100644
index 0000000000..4fb883bca2
--- /dev/null
+++ b/resources/css/colors/images/zoomout.png
diff --git a/resources/css/colors/mediterranio.css b/resources/css/colors/mediterranio.css
new file mode 100644
index 0000000000..ea4aac05ba
--- /dev/null
+++ b/resources/css/colors/mediterranio.css
@@ -0,0 +1,66 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2018 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* Mediterranio Palette */
+
+/* Header */
+.wt-header-wrapper, .btn-primary {
+	background: #a30f42;
+	border: 0;
+	color: #fff;
+}
+
+.wt-primary-menu, .btn-primary:hover {
+	background: #fc6d1d;
+}
+
+/* Tbls and menus  */
+.wt-page-options-label,
+.wt-facts-table th, .wt-facts-table .dropdown-toggle,
+.descriptionbox, .descriptionbox a,
+.topbottombar, .topbottombar a,
+.list_label, .list_label a {
+	background-color: #d23014;
+	color: #fff;
+}
+
+.ui-state-active, .ui-widget-content .ui-state-active {
+	background: none repeat scroll 0 0 #d23014;
+}
+
+/* Base */
+.wt-page-options-value,
+.wt-block-content,
+.wt-facts-table td,
+.ui-widget-header,
+.optionbox, .ui-state-active a:link,
+.list_value, .list_value_wrap, .list_value_wrap a,
+#login-form, #new_passwd_form, #register-form  {
+	background: #fef9dc;
+}
+
+/* Alerts */
+.error, .warning, .red {
+	color: #f00;
+}
+
+/* Light Text */
+.secondary-menu li a {
+	color: #fff;
+}
+
+.subheaders {
+	color: #494949;
+}
diff --git a/resources/css/colors/menu/branches.png b/resources/css/colors/menu/branches.png
new file mode 100644
index 0000000000..fccf7d85d2
--- /dev/null
+++ b/resources/css/colors/menu/branches.png
diff --git a/resources/css/colors/menu/calendar-calendar.png b/resources/css/colors/menu/calendar-calendar.png
new file mode 100644
index 0000000000..1af9f676c9
--- /dev/null
+++ b/resources/css/colors/menu/calendar-calendar.png
diff --git a/resources/css/colors/menu/calendar.png b/resources/css/colors/menu/calendar.png
new file mode 100644
index 0000000000..3dc3af12eb
--- /dev/null
+++ b/resources/css/colors/menu/calendar.png
diff --git a/resources/css/colors/menu/chart-ancestors.png b/resources/css/colors/menu/chart-ancestors.png
new file mode 100644
index 0000000000..7ba118cb75
--- /dev/null
+++ b/resources/css/colors/menu/chart-ancestors.png
diff --git a/resources/css/colors/menu/chart-compact.png b/resources/css/colors/menu/chart-compact.png
new file mode 100644
index 0000000000..10f363ea6b
--- /dev/null
+++ b/resources/css/colors/menu/chart-compact.png
diff --git a/resources/css/colors/menu/chart-descendants.png b/resources/css/colors/menu/chart-descendants.png
new file mode 100644
index 0000000000..0c1cdad2df
--- /dev/null
+++ b/resources/css/colors/menu/chart-descendants.png
diff --git a/resources/css/colors/menu/chart-family-book.png b/resources/css/colors/menu/chart-family-book.png
new file mode 100644
index 0000000000..3fb6f21ebd
--- /dev/null
+++ b/resources/css/colors/menu/chart-family-book.png
diff --git a/resources/css/colors/menu/chart-fanchart.png b/resources/css/colors/menu/chart-fanchart.png
new file mode 100644
index 0000000000..fccf7d85d2
--- /dev/null
+++ b/resources/css/colors/menu/chart-fanchart.png
diff --git a/resources/css/colors/menu/chart-hourglass.png b/resources/css/colors/menu/chart-hourglass.png
new file mode 100644
index 0000000000..4bf3573483
--- /dev/null
+++ b/resources/css/colors/menu/chart-hourglass.png
diff --git a/resources/css/colors/menu/chart-lifespan.png b/resources/css/colors/menu/chart-lifespan.png
new file mode 100644
index 0000000000..e8dd3a2fe2
--- /dev/null
+++ b/resources/css/colors/menu/chart-lifespan.png
diff --git a/resources/css/colors/menu/chart-pedigree-map.png b/resources/css/colors/menu/chart-pedigree-map.png
new file mode 100644
index 0000000000..b17035c9c4
--- /dev/null
+++ b/resources/css/colors/menu/chart-pedigree-map.png
diff --git a/resources/css/colors/menu/chart-pedigree.png b/resources/css/colors/menu/chart-pedigree.png
new file mode 100644
index 0000000000..c7c1a34b84
--- /dev/null
+++ b/resources/css/colors/menu/chart-pedigree.png
diff --git a/resources/css/colors/menu/chart-relationship.png b/resources/css/colors/menu/chart-relationship.png
new file mode 100644
index 0000000000..6b4be63040
--- /dev/null
+++ b/resources/css/colors/menu/chart-relationship.png
diff --git a/resources/css/colors/menu/chart-statistics.png b/resources/css/colors/menu/chart-statistics.png
new file mode 100644
index 0000000000..8ac8cf14eb
--- /dev/null
+++ b/resources/css/colors/menu/chart-statistics.png
diff --git a/resources/css/colors/menu/chart-timeline.png b/resources/css/colors/menu/chart-timeline.png
new file mode 100644
index 0000000000..34a418115c
--- /dev/null
+++ b/resources/css/colors/menu/chart-timeline.png
diff --git a/resources/css/colors/menu/chart-tree.png b/resources/css/colors/menu/chart-tree.png
new file mode 100644
index 0000000000..3c5b7fa2ae
--- /dev/null
+++ b/resources/css/colors/menu/chart-tree.png
diff --git a/resources/css/colors/menu/chart.png b/resources/css/colors/menu/chart.png
new file mode 100644
index 0000000000..545208bb76
--- /dev/null
+++ b/resources/css/colors/menu/chart.png
diff --git a/resources/css/colors/menu/clippings-add.png b/resources/css/colors/menu/clippings-add.png
new file mode 100644
index 0000000000..5d9c02ea47
--- /dev/null
+++ b/resources/css/colors/menu/clippings-add.png
diff --git a/resources/css/colors/menu/clippings-cart.png b/resources/css/colors/menu/clippings-cart.png
new file mode 100644
index 0000000000..5d9c02ea47
--- /dev/null
+++ b/resources/css/colors/menu/clippings-cart.png
diff --git a/resources/css/colors/menu/clippings.png b/resources/css/colors/menu/clippings.png
new file mode 100644
index 0000000000..3ae722c217
--- /dev/null
+++ b/resources/css/colors/menu/clippings.png
diff --git a/resources/css/colors/menu/edit-add-favorite.png b/resources/css/colors/menu/edit-add-favorite.png
new file mode 100644
index 0000000000..f246d5fc13
--- /dev/null
+++ b/resources/css/colors/menu/edit-add-favorite.png
diff --git a/resources/css/colors/menu/edit-delete.png b/resources/css/colors/menu/edit-delete.png
new file mode 100644
index 0000000000..f43113493f
--- /dev/null
+++ b/resources/css/colors/menu/edit-delete.png
diff --git a/resources/css/colors/menu/edit-fam.png b/resources/css/colors/menu/edit-fam.png
new file mode 100644
index 0000000000..a444d66103
--- /dev/null
+++ b/resources/css/colors/menu/edit-fam.png
diff --git a/resources/css/colors/menu/edit-gedcom.png b/resources/css/colors/menu/edit-gedcom.png
new file mode 100644
index 0000000000..656fb32170
--- /dev/null
+++ b/resources/css/colors/menu/edit-gedcom.png
diff --git a/resources/css/colors/menu/edit-indi.png b/resources/css/colors/menu/edit-indi.png
new file mode 100644
index 0000000000..c9058d130c
--- /dev/null
+++ b/resources/css/colors/menu/edit-indi.png
diff --git a/resources/css/colors/menu/edit-link.png b/resources/css/colors/menu/edit-link.png
new file mode 100644
index 0000000000..02ae8cc002
--- /dev/null
+++ b/resources/css/colors/menu/edit-link.png
diff --git a/resources/css/colors/menu/edit-note.png b/resources/css/colors/menu/edit-note.png
new file mode 100644
index 0000000000..80ab1b6785
--- /dev/null
+++ b/resources/css/colors/menu/edit-note.png
diff --git a/resources/css/colors/menu/edit-obje.png b/resources/css/colors/menu/edit-obje.png
new file mode 100644
index 0000000000..3d1bd40d17
--- /dev/null
+++ b/resources/css/colors/menu/edit-obje.png
diff --git a/resources/css/colors/menu/edit-reorder.png b/resources/css/colors/menu/edit-reorder.png
new file mode 100644
index 0000000000..f9b5d15d83
--- /dev/null
+++ b/resources/css/colors/menu/edit-reorder.png
diff --git a/resources/css/colors/menu/edit-repo.png b/resources/css/colors/menu/edit-repo.png
new file mode 100644
index 0000000000..566f7f92c1
--- /dev/null
+++ b/resources/css/colors/menu/edit-repo.png
diff --git a/resources/css/colors/menu/edit-sour.png b/resources/css/colors/menu/edit-sour.png
new file mode 100644
index 0000000000..0cce54cb2f
--- /dev/null
+++ b/resources/css/colors/menu/edit-sour.png
diff --git a/resources/css/colors/menu/fam.png b/resources/css/colors/menu/fam.png
new file mode 100644
index 0000000000..7d79bcb58b
--- /dev/null
+++ b/resources/css/colors/menu/fam.png
diff --git a/resources/css/colors/menu/help.png b/resources/css/colors/menu/help.png
new file mode 100644
index 0000000000..86db0048b9
--- /dev/null
+++ b/resources/css/colors/menu/help.png
diff --git a/resources/css/colors/menu/indi.png b/resources/css/colors/menu/indi.png
new file mode 100644
index 0000000000..fbe2db9414
--- /dev/null
+++ b/resources/css/colors/menu/indi.png
diff --git a/resources/css/colors/menu/list-fam.png b/resources/css/colors/menu/list-fam.png
new file mode 100644
index 0000000000..6a5f1006f1
--- /dev/null
+++ b/resources/css/colors/menu/list-fam.png
diff --git a/resources/css/colors/menu/list-indi.png b/resources/css/colors/menu/list-indi.png
new file mode 100644
index 0000000000..d35e64e49e
--- /dev/null
+++ b/resources/css/colors/menu/list-indi.png
diff --git a/resources/css/colors/menu/list-note.png b/resources/css/colors/menu/list-note.png
new file mode 100644
index 0000000000..983de61a82
--- /dev/null
+++ b/resources/css/colors/menu/list-note.png
diff --git a/resources/css/colors/menu/list-obje.png b/resources/css/colors/menu/list-obje.png
new file mode 100644
index 0000000000..509e964d15
--- /dev/null
+++ b/resources/css/colors/menu/list-obje.png
diff --git a/resources/css/colors/menu/list-plac.png b/resources/css/colors/menu/list-plac.png
new file mode 100644
index 0000000000..fb69b70daa
--- /dev/null
+++ b/resources/css/colors/menu/list-plac.png
diff --git a/resources/css/colors/menu/list-repo.png b/resources/css/colors/menu/list-repo.png
new file mode 100644
index 0000000000..e6d04703a5
--- /dev/null
+++ b/resources/css/colors/menu/list-repo.png
diff --git a/resources/css/colors/menu/list-sour.png b/resources/css/colors/menu/list-sour.png
new file mode 100644
index 0000000000..f87e18daad
--- /dev/null
+++ b/resources/css/colors/menu/list-sour.png
diff --git a/resources/css/colors/menu/list.png b/resources/css/colors/menu/list.png
new file mode 100644
index 0000000000..8341b3dafc
--- /dev/null
+++ b/resources/css/colors/menu/list.png
diff --git a/resources/css/colors/menu/note.png b/resources/css/colors/menu/note.png
new file mode 100644
index 0000000000..0a60b92285
--- /dev/null
+++ b/resources/css/colors/menu/note.png
diff --git a/resources/css/colors/menu/obje.png b/resources/css/colors/menu/obje.png
new file mode 100644
index 0000000000..2b4bef15be
--- /dev/null
+++ b/resources/css/colors/menu/obje.png
diff --git a/resources/css/colors/menu/repo.png b/resources/css/colors/menu/repo.png
new file mode 100644
index 0000000000..2f2ff269bf
--- /dev/null
+++ b/resources/css/colors/menu/repo.png
diff --git a/resources/css/colors/menu/report-report.png b/resources/css/colors/menu/report-report.png
new file mode 100644
index 0000000000..79313c24f3
--- /dev/null
+++ b/resources/css/colors/menu/report-report.png
diff --git a/resources/css/colors/menu/report.png b/resources/css/colors/menu/report.png
new file mode 100644
index 0000000000..fd630f14d8
--- /dev/null
+++ b/resources/css/colors/menu/report.png
diff --git a/resources/css/colors/menu/search-search.png b/resources/css/colors/menu/search-search.png
new file mode 100644
index 0000000000..39c59216ff
--- /dev/null
+++ b/resources/css/colors/menu/search-search.png
diff --git a/resources/css/colors/menu/search.png b/resources/css/colors/menu/search.png
new file mode 100644
index 0000000000..d8d961e08b
--- /dev/null
+++ b/resources/css/colors/menu/search.png
diff --git a/resources/css/colors/menu/sour.png b/resources/css/colors/menu/sour.png
new file mode 100644
index 0000000000..4846370311
--- /dev/null
+++ b/resources/css/colors/menu/sour.png
diff --git a/resources/css/colors/menu/story.png b/resources/css/colors/menu/story.png
new file mode 100644
index 0000000000..2a788b97d5
--- /dev/null
+++ b/resources/css/colors/menu/story.png
diff --git a/resources/css/colors/menu/tree-tree.png b/resources/css/colors/menu/tree-tree.png
new file mode 100644
index 0000000000..656fb32170
--- /dev/null
+++ b/resources/css/colors/menu/tree-tree.png
diff --git a/resources/css/colors/menu/tree.png b/resources/css/colors/menu/tree.png
new file mode 100644
index 0000000000..7065585348
--- /dev/null
+++ b/resources/css/colors/menu/tree.png
diff --git a/resources/css/colors/mercury.css b/resources/css/colors/mercury.css
new file mode 100644
index 0000000000..ade7f9a9a3
--- /dev/null
+++ b/resources/css/colors/mercury.css
@@ -0,0 +1,66 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2018 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* Mercury Palette */
+
+/* Header */
+.wt-header-wrapper, .btn-primary {
+	background: #d4d4d4;
+	border: 0;
+	color: #707070;
+}
+
+.wt-primary-menu, .btn-primary:hover {
+	background: #a9adbc;
+}
+
+/* Tbls and menus  */
+.wt-page-options-label,
+.wt-facts-table th, .wt-facts-table .dropdown-toggle,
+.descriptionbox, .descriptionbox a,
+.topbottombar, .topbottombar a,
+.list_label, .list_label a {
+	background-color: #c6c8d2;
+	color: #707070;
+}
+
+.ui-state-active, .ui-widget-content .ui-state-active {
+	background: none repeat scroll 0 0 #c6c8d2;
+}
+
+/* Base */
+.wt-page-options-value,
+.wt-block-content,
+.wt-facts-table td,
+.ui-widget-header,
+.optionbox, .ui-state-active a:link,
+.list_value, .list_value_wrap, .list_value_wrap a,
+#login-form, #new_passwd_form, #register-form  {
+	background: #f0f2f5;
+}
+
+/* Alerts */
+.error, .warning, .red {
+	color: #f00;
+}
+
+/* Light Text */
+.secondary-menu li a {
+	color: #707070;
+}
+
+.subheaders {
+	color: #707070;
+}
diff --git a/resources/css/colors/nocturnal.css b/resources/css/colors/nocturnal.css
new file mode 100644
index 0000000000..bc55a0c3b1
--- /dev/null
+++ b/resources/css/colors/nocturnal.css
@@ -0,0 +1,66 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2018 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* Nocturnal Palette */
+
+/* Header */
+.wt-header-wrapper, .btn-primary {
+	background: #0a2352;
+	border: 0;
+	color: #fff;
+}
+
+.wt-primary-menu, .btn-primary:hover {
+	background: #9fa8d5;
+}
+
+/* Tbls and menus  */
+.wt-page-options-label,
+.wt-facts-table th, .wt-facts-table .dropdown-toggle,
+.descriptionbox, .descriptionbox a,
+.topbottombar, .topbottombar a,
+.list_label, .list_label a {
+	background-color: #6a78be;
+	color: #fff;
+}
+
+.ui-state-active, .ui-widget-content .ui-state-active {
+	background: none repeat scroll 0 0 #6a78be;
+}
+
+/* Base */
+.wt-page-options-value,
+.wt-block-content,
+.wt-facts-table td,
+.ui-widget-header,
+.optionbox, .ui-state-active a:link,
+.list_value, .list_value_wrap, .list_value_wrap a,
+#login-form, #new_passwd_form, #register-form  {
+	background: #e0e1f0;
+}
+
+/* Alerts */
+.error, .warning, .red {
+	color: #f00;
+}
+
+/* Light Text */
+.secondary-menu li a {
+	color: #fff;
+}
+
+.subheaders {
+	color: #494949;
+}
diff --git a/resources/css/colors/olivia.css b/resources/css/colors/olivia.css
new file mode 100644
index 0000000000..e85bb0e6bb
--- /dev/null
+++ b/resources/css/colors/olivia.css
@@ -0,0 +1,66 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2018 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* Olivia Palette */
+
+/* Header */
+.wt-header-wrapper, .btn-primary {
+	background: #7db323;
+	border: 0;
+	color: #fff;
+}
+
+.wt-primary-menu, .btn-primary:hover {
+	background: #b5d52a;
+}
+
+/* Tbls and menus  */
+.wt-page-options-label,
+.wt-facts-table th, .wt-facts-table .dropdown-toggle,
+.descriptionbox, .descriptionbox a,
+.topbottombar, .topbottombar a,
+.list_label, .list_label a {
+	background-color: #7db323;
+	color: #fff;
+}
+
+.ui-state-active, .ui-widget-content .ui-state-active {
+	background: none repeat scroll 0 0 #7db323;
+}
+
+/* Base */
+.wt-page-options-value,
+.wt-block-content,
+.wt-facts-table td,
+.ui-widget-header,
+.optionbox, .ui-state-active a:link,
+.list_value, .list_value_wrap, .list_value_wrap a,
+#login-form, #new_passwd_form, #register-form  {
+	background: #eef9dc;
+}
+
+/* Alerts */
+.error, .warning, .red {
+	color: #f00;
+}
+
+/* Light Text */
+.secondary-menu li a {
+	color: #fff;
+}
+
+.subheaders {
+	color: #191a19;
+}
diff --git a/resources/css/colors/pinkplastic.css b/resources/css/colors/pinkplastic.css
new file mode 100644
index 0000000000..f4f642add9
--- /dev/null
+++ b/resources/css/colors/pinkplastic.css
@@ -0,0 +1,66 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2018 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* Pinkplastic Palette */
+
+/* Header */
+.wt-header-wrapper, .btn-primary {
+	background: #f41063;
+	border: 0;
+	color: #fff;
+}
+
+.wt-primary-menu, .btn-primary:hover {
+	background: #f391c6;
+}
+
+/* Tbls and menus  */
+.wt-page-options-label,
+.wt-facts-table th, .wt-facts-table .dropdown-toggle,
+.descriptionbox, .descriptionbox a,
+.topbottombar, .topbottombar a,
+.list_label, .list_label a {
+	background-color: #f75993;
+	color: #fff;
+}
+
+.ui-state-active, .ui-widget-content .ui-state-active {
+	background: none repeat scroll 0 0 #f75993;
+}
+
+/* Base */
+.wt-page-options-value,
+.wt-block-content,
+.wt-facts-table td,
+.ui-widget-header,
+.optionbox, .ui-state-active a:link,
+.list_value, .list_value_wrap, .list_value_wrap a,
+#login-form, #new_passwd_form, #register-form  {
+	background: #fbdaed;
+}
+
+/* Alerts */
+.error, .warning, .red {
+	color: #f00;
+}
+
+/* Light Text */
+.secondary-menu li a {
+	color: #fff;
+}
+
+.subheaders {
+	color: #7d7373;
+}
diff --git a/resources/css/colors/sage.css b/resources/css/colors/sage.css
new file mode 100644
index 0000000000..0f6a7dd6c9
--- /dev/null
+++ b/resources/css/colors/sage.css
@@ -0,0 +1,66 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2018 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* Sage Palette */
+
+/* Header */
+.wt-header-wrapper, .btn-primary {
+	background: #767647;
+	border: 0;
+	color: #fff;
+}
+
+.wt-primary-menu, .btn-primary:hover {
+	background: #cca;
+}
+
+/* Tbls and menus  */
+.wt-page-options-label,
+.wt-facts-table th, .wt-facts-table .dropdown-toggle,
+.descriptionbox, .descriptionbox a,
+.topbottombar, .topbottombar a,
+.list_label, .list_label a {
+	background-color: #cca;
+	color: #333;
+}
+
+.ui-state-active, .ui-widget-content .ui-state-active {
+	background: none repeat scroll 0 0 #cca;
+}
+
+/* Base */
+.wt-page-options-value,
+.wt-block-content,
+.wt-facts-table td,
+.ui-widget-header,
+.optionbox, .ui-state-active a:link,
+.list_value, .list_value_wrap, .list_value_wrap a,
+#login-form, #new_passwd_form, #register-form  {
+	background: #eed;
+}
+
+/* Alerts */
+.error, .warning, .red {
+	color: #f00;
+}
+
+/* Light Text */
+.secondary-menu li a {
+	color: #fff;
+}
+
+.subheaders {
+	color: #494949;
+}
diff --git a/resources/css/colors/shinytomato.css b/resources/css/colors/shinytomato.css
new file mode 100644
index 0000000000..5d57e33877
--- /dev/null
+++ b/resources/css/colors/shinytomato.css
@@ -0,0 +1,66 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2018 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* Shinytomato Palette */
+
+/* Header */
+.wt-header-wrapper, .btn-primary {
+	background: #f21107;
+	border: 0;
+	color: #fff;
+}
+
+.wt-primary-menu, .btn-primary:hover {
+	background: #a1443a;
+}
+
+/* Tbls and menus  */
+.wt-page-options-label,
+.wt-facts-table th, .wt-facts-table .dropdown-toggle,
+.descriptionbox, .descriptionbox a,
+.topbottombar, .topbottombar a,
+.list_label, .list_label a {
+	background-color: #f96058;
+	color: #fff;
+}
+
+.ui-state-active, .ui-widget-content .ui-state-active {
+	background: none repeat scroll 0 0 #f96058;
+}
+
+/* Base */
+.wt-page-options-value,
+.wt-block-content,
+.wt-facts-table td,
+.ui-widget-header,
+.optionbox, .ui-state-active a:link,
+.list_value, .list_value_wrap, .list_value_wrap a,
+#login-form, #new_passwd_form, #register-form  {
+	background: #f0eaf0;
+}
+
+/* Alerts */
+.error, .warning, .red {
+	color: #f00;
+}
+
+/* Light Text */
+.secondary-menu li a {
+	color: #fff;
+}
+
+.subheaders {
+	color: #515d52;
+}
diff --git a/resources/css/colors/tealtop.css b/resources/css/colors/tealtop.css
new file mode 100644
index 0000000000..4118101a99
--- /dev/null
+++ b/resources/css/colors/tealtop.css
@@ -0,0 +1,66 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2018 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* Tealtop Palette */
+
+/* Header */
+.wt-header-wrapper, .btn-primary {
+	background: #34775a;
+	border: 0;
+	color: #fff;
+}
+
+.wt-primary-menu, .btn-primary:hover {
+	background: #52bf90;
+}
+
+/* Tbls and menus  */
+.wt-page-options-label,
+.wt-facts-table th, .wt-facts-table .dropdown-toggle,
+.descriptionbox, .descriptionbox a,
+.topbottombar, .topbottombar a,
+.list_label, .list_label a {
+	background-color: #51b389;
+	color: #fff;
+}
+
+.ui-state-active, .ui-widget-content .ui-state-active {
+	background: none repeat scroll 0 0 #51b389;
+}
+
+/* Base */
+.wt-page-options-value,
+.wt-block-content,
+.wt-facts-table td,
+.ui-widget-header,
+.optionbox, .ui-state-active a:link,
+.list_value, .list_value_wrap, .list_value_wrap a,
+#login-form, #new_passwd_form, #register-form  {
+	background: #d2f4e6;
+}
+
+/* Alerts */
+.error, .warning, .red {
+	color: #f00;
+}
+
+/* Light Text */
+.secondary-menu li a {
+	color: #fff;
+}
+
+.subheaders {
+	color: #2d2d2d;
+}
diff --git a/resources/css/common.css b/resources/css/common.css
new file mode 100755
index 0000000000..b595543bc8
--- /dev/null
+++ b/resources/css/common.css
@@ -0,0 +1,637 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2018 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* Bootstrap4-beta2 provides text-nowrap, but not text-wrap.  We need to wrap long buttons */
+.text-wrap {
+	white-space: normal !important;
+}
+
+/*
+ * Pages have the following high-level structure:
+ *
+ * wt-global
+ * +---wt-header-wrapper
+ *     +---wt-header-container
+ *     |   +---wt-header-content
+ *     |       +---wt-accessibility-links
+ *     |       +---wt-site-logo
+ *     |       +---wt-site-title
+ *     |       +---wt-header-search
+ *     |       |   +---wt-header-search-form
+ *     |       +---wt-secondary-navigation
+ *     |       |   +---wt-secondary-menu
+ *     |       +---wt-primary-navigation
+ *     |           +---wt-primary-menu
+ *     +---wt-main-container
+ *     |   +---wt-main-content
+ *     |       +---wt-messages
+ *     |       +---wt-page-title
+ *     |       +---wt-page-options wt-page-options-xxxxx
+ *     |       +---wt-page-content
+ *     +---wt-footer-container
+ *         +---wt-footer-content
+ */
+
+.wt-global {
+	/* Prevent redraws when dynamic content requires a scrollbar. */
+	overflow-y: scroll;
+	/* Keep the page as tall as the window, so the footer can remain at the bottom. */
+	display: flex;
+	min-height: 100vh;
+	flex-direction: column;
+	/* Any wide content will have its own horizontal scrollbar */
+	overflow-x: hidden;
+}
+
+.wt-header-wrapper {
+}
+
+.wt-header-container {
+}
+
+.wt-header-content {
+}
+
+.wt-accessibility-links {
+	/* When we focus on the links, they should appear without changing the layout. */
+	position: fixed;
+}
+
+.wt-site-logo {
+}
+
+.wt-site-title {
+}
+
+.wt-page-options-individual-list, .wt-page-options-family-list, .wt-page-content {
+	padding: .5rem 0 0;
+    align-items: center;
+}
+
+.wt-initials-list {
+	width: auto;
+	padding: 0 5px;
+	font-size: 20px;
+}
+
+.wt-header-search {
+}
+
+.wt-header-search-form {
+}
+
+.wt-secondary-navigation {
+}
+
+.wt-secondary-menu {
+	flex-wrap: nowrap;
+}
+
+.wt-primary-navigation {
+}
+
+.wt-primary-menu {
+}
+
+.wt-main-container {
+	/* Grow to fill content, to allow footer to stay at bottom of page. */
+	flex: 1;
+	/* Space between the header/footer and the main content. */
+	padding-top: 1rem;
+	padding-bottom: 1rem;
+}
+
+.wt-main {
+}
+
+.wt-messages {
+}
+
+.wt-page-title {
+}
+
+.wt-page-content {
+}
+
+.wt-page-content .form-control {
+	width: 100%!important;
+}
+
+.wt-page-options-label {
+	text-align: center;
+}
+
+.wt-footer-container {
+}
+
+.wt-footer-content {
+	text-align: center;
+}
+
+.wt-contact-links {
+}
+
+.wt-powered-by-webtrees {
+}
+
+.wt-page-views {
+}
+
+.wt-cookie-warning {
+}
+
+/*
+ * The home/my pages
+ *
+ * wt-home-page / wt-user-page
+ * +---wt-main-blocks
+ * |   +---wt-block, wt-block-AAA
+ * |   +---wt-block, wt-block-BBB
+ * |   +---wt-block, wt-block-CCC
+ * +---wt-side-blocks
+ *     +---wt-block, wt-block-XXX
+ *     +---wt-block, wt-block-YYY
+ *     +---wt-block, wt-block-ZZZ
+ *
+ * Each block as the structure
+ * wt-block, wt-block-XXX
+ * +---wt-block-header, wt-block-header-XXX
+ * +---wt-block-content, wt-block-content-XXX
+ */
+
+ /* Some blocks show a reduced version on the right-hand side. */
+.wt-side-blocks .wt-side-block-optional {
+	display: none !important;
+}
+
+ /* my page chart enhancements */
+.wt-block-content-charts {
+    flex-flow: column-reverse;
+    overflow: auto;
+}
+
+.wt-block-content-todays-events-block {
+	padding: .25rem;
+}
+
+/*
+ * Any element that is loaded dynamically has the class wt-ajax-load.
+ * We can provide a "loading" placeholder for empty elements with this class.
+ */
+.wt-ajax-load:empty {
+}
+
+/*
+ * Drag and drop sortable lists
+ */
+.wt-sortable-list {
+}
+
+.wt-sortable-item {
+	cursor: move;
+}
+
+/* Some charts are wider than the page. */
+.wt-chart {
+	overflow-x: auto;
+	overflow-y: hidden;
+}
+
+/* Fit thumbnail into parent on charts */
+.select2-selection.select2-selection--single {
+	min-height: 36px;
+	height: auto;
+	padding: 2px 0;
+}
+
+.select2-container .select2-selection--single .select2-selection__rendered {
+    padding-left: 2px;
+}
+.select2-selection--single .NAME {
+    padding-left: 4px;
+}
+
+/*
+ *  These selectors control how the short horizontal lines are positioned in the Charts
+ *  Optimized for Win10 and FF, Chrome and Edge browsers
+ *  	Ancestors
+ *  	Descendants
+ *  	amily book
+ *  	Hourglass chart
+ *
+ */
+
+/* Ascentors */
+.wt-ancestors-chart .linea1 {margin-bottom: 4px;}
+.wt-ancestors-chart .linea2 {margin-bottom: 7px;}
+.wt-ancestors-chart .linea3 {margin-bottom: 4px;}
+.wt-ancestors-chart .linea4 {margin-bottom: 7px;}
+.wt-ancestors-chart .linea5 {vertical-align: top;}
+
+/* Descendants */
+.wt-descendants-chart .lined1 {margin-bottom: 4px;}
+.wt-descendants-chart .lined2 {margin-bottom: 7px;}
+.wt-descendants-chart .lined3 {margin-bottom: 4px;}
+.wt-descendants-chart .lined4 {margin-bottom: 7px;}
+.wt-descendants-chart .linea5 {vertical-align: top;}
+
+/* Family book */
+.linef1 {margin-bottom: 3px;}
+.linef2 {margin-bottom: 3px;}
+.linef3 {margin-bottom: 7px;}
+
+/* Hourglass */
+.lineh1 {margin-bottom: 4px;}
+.lineh2 {margin-bottom: 4px;}
+.lineh3 {margin-bottom: 7px;}
+
+/*
+ * Ancestors chart
+ *
+ * wt-chart, wt-ancestors-chart
+ * +---wt-ancestors-chart-list
+ *     +---wt-ancestors-chart-list-item
+ */
+.wt-ancestors-chart-list {
+}
+
+.wt-ancestors-chart .family-break {
+	page-break-before: always;
+}
+
+/*
+ * Compact chart
+ *
+ * wt-chart, wt-compact-chart
+ */
+
+.wt-ancestors-chart-list-item {
+	list-style: none outside none;
+}
+
+.wt-ancestors-chart .person_box_template {
+	line-height: 1.0;
+}
+
+/*
+ * Descendants chart
+ *
+ * wt-chart, wt-descendants-chart
+ * +---wt-descendants-chart-list
+ *     +---wt-descendants-chart-list-item
+ */
+.wt-descendants-chart-list {
+}
+
+.wt-descendants-chart-list-item {
+	list-style: none outside none;
+}
+
+#descendancy_chart .person_box_template, .wt-descendants-chart .person_box_template {
+	line-height: 1.0;
+}
+
+.wt-descendants-chart .family-break {
+	page-break-before: always;
+}
+
+/*
+ * Family book chart
+ *
+ * wt-chart, wt-family-book-chart
+ */
+ .wt-family-book-chart .person_box_template {
+	line-height: 1.0;
+}
+
+.wt-family-book-chart hr {
+	page-break-after: always;
+}
+/*
+ * Fan chart
+ *
+ * wt-chart, wt-fan-chart
+ */
+
+/*
+ * Hourglass chart
+ *
+ * wt-chart, wt-hourglass-chart
+ */
+.hourglassChart .person_box_template {
+	line-height: 1.0;
+}
+
+/*
+ * Hourglass chart
+ *
+ * wt-chart, wt-interactive-tree
+ */
+
+/*
+ * Lifespans chart
+ *
+ * wt-chart, wt-lifespans-chart
+ */
+
+/*
+ * Pedigree chart
+ *
+ * wt-chart, wt-pedigree-chart
+ */
+
+#pedigree_chart {
+	position: relative;
+	margin: 20px auto;
+}
+
+#pedigree_canvas {
+	z-index: -1000;
+}
+
+.wt-pedigree-chart .person_box_template {
+	line-height: 1.0;
+}
+
+#childbox-pedigree {
+	border: 1px solid;
+	background-color: #fff;
+}
+
+#pedigree-page #childbox-pedigree {
+	border: 1px solid;
+	background-color: #fff;
+}
+
+#childbox-pedigree {
+	padding: 5px;
+	position: absolute;
+	display: none;
+	text-align: start;
+	white-space: nowrap;
+	left: auto;
+	z-index: 9999;
+}
+
+.wt-pedigree-chart, .wt-hourglass-chart {
+    overflow-y: auto;
+}
+
+.wt-pedigree-chart .spacer {
+	background-image: url(images/spacer.png);
+	height:           20px;
+	width:            1px;
+}
+
+#pedigree-page .shadow {
+	box-shadow: 0 0 0!important;  /* override vendor css shadow  */
+}
+
+#childarrow,
+.ancestorarrow {
+	text-align: center;
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.layout3 #childbox-pedigree {
+	top: auto;
+}
+
+#childbox-pedigree a.name1 {
+	display: block;
+	margin-left: 5px;
+}
+
+/*
+ * Pedigree map
+ *
+ * wt-chart, wt-pedigree-map
+ */
+
+/*
+ * Relationships chart
+ *
+ * wt-chart, wt-relationships-chart
+ */
+.wt-relationship-chart .person_box_template {
+	line-height: 1.0;
+}
+.vline-text, .hline-text {	font-size: 0.7rem;
+}
+
+/*
+ * Statistics chart
+ *
+ * wt-chart, wt-statistics-chart
+ */
+
+/*
+ * Timeline chart
+ *
+ * wt-chart, wt-timeline-chart
+ */
+
+/*
+ * Family list
+ *
+ * wt-list, wt-individual-list
+ * +---wt-initials, wt-surname-initials
+ *     +---wt-initial, wt-surname-initial
+ * +---wt-initials, wt-given-name-initials
+ *     +---wt-initial, wt-given-name-initial
+ */
+.text-muted {
+	color: #999!important;  /* for all lists */
+}
+/*
+ * Individual list
+ *
+ * wt-list, wt-individual-list
+ * +---wt-initials, wt-surname-initials
+ *     +---wt-initial, wt-surname-initial
+ * +---wt-initials, wt-given-name-initials
+ *     +---wt-initial, wt-given-name-initial
+ */
+
+/*
+ * Media object list
+ *
+ * wt-list, wt-media-list
+ */
+
+/*
+ * Note object list
+ *
+ * wt-list, wt-note-list
+ */
+
+/*
+ * Source list
+ *
+ * wt-list, wt-source-list
+ */
+
+/*
+ * Repository list
+ *
+ * wt-list, wt-repository-list
+ */
+
+/*
+ * Branches list
+ *
+ * wt-branches-page
+ */
+
+/*
+ * Place hierarchy
+ *
+ * wt-place-hierarchy-page
+ */
+
+#place-hierarchy ul {
+	list-style-type: none;
+}
+
+.d-table-cell {
+	padding-right: 5px;
+}
+
+/*
+ * Calendar
+ *
+ * wt-calendar-page
+ */
+
+/*
+ * Reports
+ *
+ * wt-reports-page
+ */
+
+/*
+ * Search
+ *
+ * wt-search-page, wt-general-serach-page/wt-phonetic-search-page/wt-advanced-search-page/wt-search-replace-page
+ */
+
+/* Some menus (e.g. languages) can be longer than a page */
+.dropdown-menu {
+	max-height: 30rem;
+	overflow-x: hidden;
+}
+
+/* Clipping cart */
+.clipping-cart h2 {
+	margin: 20px;
+	text-align: center;
+ }
+.clipping-cart .wt-page-options {
+	max-width: 25rem;
+}
+
+.clipping-cart .topbottombar, .clipping-cart .optionbox, .add-to .topbottombar {
+	font-size: 1rem;
+}
+
+.clipping-cart .add-to {
+	text-align: left;
+}
+
+/* Census assistant */
+.wt-census-assistant-table .wt-census-assistant-field,
+.wt-census-assistant-form-control {
+	font-size: small;
+	padding: 0.1rem;
+}
+.wt-census-assistant-form-control:focus {
+	min-width: 12rem;
+}
+
+/* Temporary hack/workaround for https://github.com/twbs/bootstrap/issues/21666 */
+fieldset.row {
+	display: block;
+}
+fieldset.row > legend, fieldset.row > div {
+	display: inline-block;
+	float: left;
+}
+
+/* Forms */
+.col-form-label {
+	font-weight: bold;
+}
+
+/* Popups */
+.popup .nav-link {
+	display: inline;
+	vertical-align: top;
+	padding: 5px;
+}
+
+/*
+ * On-screen keyboard, for entering characters that are not on the keyboard
+ */
+.wt-osk {
+	position: fixed;
+	z-index: 1000;
+	top: 1rem;
+	display: none;
+}
+.wt-osk-keys {
+	background: #eee;
+	padding: 0.25rem;
+	font-size: larger;
+}
+.wt-osk-group {
+	display: inline-block;
+	margin: 0.25rem;
+	padding: 0.25rem 0;
+}
+.wt-osk-key {
+	background: #ddd;
+	border-radius: .25rem;
+	padding: 0.25rem;
+	cursor: pointer;
+}
+.wt-osk-key-shift {
+	color: #aaa;
+	font-size: smaller;
+}
+.wt-osk-keys.shifted .wt-osk-key {
+	color: #aaa;
+}
+.wt-osk-keys.shifted .wt-osk-key-shift {
+	color: #555;
+}
+
+/*
+ * Google Maps
+ */
+
+@media (max-width:1025px)  {
+	body {
+		font-size: 14px;
+	}
+
+	#individual-tabs .nav-link {
+		padding: .5em;
+	}
+
+.col-form-label {
+	text-align: center;
+	}
+}
diff --git a/resources/css/fab.css b/resources/css/fab.css
new file mode 100755
index 0000000000..5ec35e5c2f
--- /dev/null
+++ b/resources/css/fab.css
@@ -0,0 +1,2812 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2018 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* The FAB theme */
+
+/* Override Bootstrap formatting */
+.btn-link {
+	padding-left: 0.25rem;
+	padding-right: 0.25rem;
+}
+
+.table-given-name {
+    overflow-x: hidden;
+}
+
+.container-fluid {
+    padding-left: 5px;
+    padding-right: 5px;
+}
+
+table {
+	border-collapse: separate;
+}
+
+/*
+ * Any element that is loaded dynamically has the class wt-ajax-load.
+ * We can provide a "loading" placeholder for empty elements with this class.
+ */
+.wt-ajax-load:empty {
+	height: 32px;
+	background: url(images/loading-32x32.gif) no-repeat 50% 50%;
+}
+
+/*
+ * Icons use FontAwesome by default, but have additional classes to
+ * allow them to be overridden
+ *
+ * .wt-icon-arrow-down
+ * .wt-icon-arrow-end (right on LTR, left on RTL)
+ * .wt-icon-arrow-start (left on LTR, right on RTL)
+ * .wt-icon-arrow-up
+ * .wt-icon-bing-maps
+ * .wt-icon-calendar
+ * .wt-icon-copy
+ * .wt-icon-delete
+ * .wt-icon-edit
+ * .wt-icon-email
+ * .wt-icon-family
+ * .wt-icon-help
+ * .wt-icon-individual
+ * .wt-icon-google-maps
+ * .wt-icon-keyboard
+ * .wt-icon-media
+ * .wt-icon-note
+ * .wt-icon-openstreetmap
+ * .wt-icon-preferences
+ * .wt-icon-repository
+ * .wt-icon-source
+ * .wt-icon-submitter
+ */
+.wt-icon-bing-maps::before {
+	width: 16px;
+	height: 16px;
+	content: url(fab/icons/bing-maps.png);
+}
+
+.wt-icon-google-maps::before {
+	width: 16px;
+	height: 16px;
+	content: url(fab/icons/google-maps.png);
+}
+
+.wt-icon-openstreetmap::before {
+	width: 16px;
+	height: 16px;
+	content: url(fab/icons/openstreetmap.png);
+}
+
+/*
+ * Pages have the following high-level structure:
+ *
+ * wt-global
+ * +---wt-header-wrapper
+ *     +---wt-header-container
+ *     |   +---wt-header-content
+ *     |       +---wt-accessibility-links
+ *     |       +---wt-site-logo
+ *     |       +---wt-site-title
+ *     |       +---wt-header-search
+ *     |       |   +---wt-header-search-form
+ *     |       |       +---wt-header-search-field
+ *     |       |       +---wt-header-search-button
+ *     |       +---wt-secondary-navigation
+ *     |       |   +---wt-secondary-menu
+ *     |       +---wt-primary-navigation
+ *     |           +---wt-primary-menu
+ *     +---wt-main-container
+ *     |   +---wt-main-content
+ *     |       +---wt-messages
+ *     |       +---wt-page-title
+ *     |       +---wt-page-options wt-page-options-xxxxx
+ *     |       +---wt-page-content
+ *     +---wt-footer-container
+ *         +---wt-footer-content
+ */
+
+.wt-global {
+	color: #555;
+}
+
+.wt-header-wrapper {
+}
+
+.wt-header-container {
+	background-color: #eee;
+}
+
+.wt-header-content {
+}
+
+.wt-block-content {
+}
+
+.wt-accessibility-links {
+}
+
+.wt-site-logo {
+	display: none;
+}
+
+.wt-site-title {
+	order: 1;
+	flex: 1 1 0;
+	font-size: 1.5rem;
+	color: #888;
+}
+
+.wt-header-search {
+	order: 3;
+	flex: 0 0 15rem;
+}
+
+.wt-header-search-form {
+}
+
+.wt-secondary-navigation {
+	order: 2;
+	flex: 0 0 0;
+	white-space: nowrap;
+}
+
+.wt-secondary-menu {
+}
+
+.wt-secondary-menu .nav-link {
+	display: inline-block;
+	padding: 0.5rem;
+}
+
+.wt-secondary-menu .nav-item::after {
+	content: "|";
+}
+
+.wt-secondary-menu .dropdown-toggle::after {
+	display: none;
+}
+
+.wt-primary-navigation {
+	order: 4;
+	flex: 0 0 100%;
+	background-color: #eee;
+}
+
+.wt-primary-menu {
+	justify-content: center;
+}
+
+.wt-primary-menu .dropdown-toggle::after {
+	display: none;
+}
+
+.wt-primary-menu .nav-link {
+	white-space: nowrap;
+	display: inline-block;
+	padding: 0.5rem;
+}
+
+.wt-primary-menu .nav-item + .nav-item::before {
+	content: "|";
+}
+
+.wt-main-container {
+}
+
+.wt-main {
+}
+
+.wt-messages {
+}
+
+.wt-page-title {
+	text-align: center;
+}
+
+.wt-page-options .form-group {
+    margin-bottom: 0;
+}
+
+.wt-page-options-label {
+	background-color: #ccc;
+	border-left: 2px solid transparent;
+	border-right: 2px solid transparent;
+	Color: #555;
+	font-weight: bold;
+}
+
+.wt-page-options-value {
+	background-color: #ddd;
+	border: 1px solid #fff;
+	border-top: 1px solid #ddd;
+
+	padding: 0.25rem 0.75rem;
+}
+
+.wt-page-content {
+	margin-top: 1rem;
+}
+
+.wt-footer-container {
+}
+
+.wt-footer-content {
+}
+
+.wt-contact-links {
+}
+
+.wt-powered-by-webtrees {
+}
+
+.wt-page-views {
+}
+
+.wt-cookie-warning {
+}
+
+/*
+ * The home/my pages
+ *
+ * wt-home-page / wt-user-page
+ * +---wt-main-blocks
+ * |   +---wt-block, wt-block-AAA
+ * |   +---wt-block, wt-block-BBB
+ * |   +---wt-block, wt-block-CCC
+ * +---wt-side-blocks
+ *     +---wt-block, wt-block-XXX
+ *     +---wt-block, wt-block-YYY
+ *     +---wt-block, wt-block-ZZZ
+ *
+ * Each block as the structure
+ * wt-block, wt-block-XXX
+ * +---wt-block-header, wt-block-header-XXX
+ * +---wt-block-content, wt-block-content-XXX
+ */
+
+.wt-block {
+	background-color: #eee;
+	padding: 3px;
+	vertical-align: top;
+}
+
+.wt-block-header {
+	background-color: #eee;
+	border-bottom: 0;
+	font-weight: bold;
+}
+
+.blockcontent .list_table {
+	border-right: 0;
+}
+
+.blockcontent .list_value,
+.blockcontent .list_value_wrap {
+	border: 0;
+}
+
+/*
+ * Pending changes page
+ *
+ * wt-pending-changes-page
+ */
+
+/*
+ * Edit genealogy data page
+ *
+ * wt-edit-page, wt-edit-XXXX-page
+ */
+
+/*
+ * Configure home/my page blocks page
+ *
+ * wt-edit-blocks-page
+ */
+
+/*
+ * Login page
+ *
+ * wt-login-page
+ */
+
+/*
+ * Ancestors chart
+ *
+ * wt-chart, wt-ancestors-chart
+ * +---wt-ancestors-chart-list
+ *     +---wt-ancestors-chart-list-item
+ */
+.wt-ancestors-chart-list {
+}
+
+/*
+ * Compact chart
+ *
+ * wt-chart, wt-compact-chart
+ */
+
+.wt-ancestors-chart-list-item {
+}
+
+/*
+ * Descendants chart
+ *
+ * wt-chart, wt-descendants-chart
+ * +---wt-descendants-chart-list
+ *     +---wt-descendants-chart-list-item
+ */
+.wt-descendants-chart-list {
+}
+
+.wt-descendants-chart-list-item {
+}
+
+/*
+ * Family book chart
+ *
+ * wt-chart, wt-family-book-chart
+ */
+
+/*
+ * Fan chart
+ *
+ * wt-chart, wt-fan-chart
+ */
+
+/*
+ * Hourglass chart
+ *
+ * wt-chart, wt-hourglass-chart
+ */
+
+/*
+ * Hourglass chart
+ *
+ * wt-chart, wt-interactive-tree
+ */
+
+/*
+ * Lifespans chart
+ *
+ * wt-chart, wt-lifespans-chart
+ */
+
+/*
+ * Pedigree chart
+ *
+ * wt-chart, wt-pedigree-chart
+ */
+
+/*
+ * Pedigree map
+ *
+ * wt-chart, wt-pedigree-map
+ */
+
+/*
+ * Relationships chart
+ *
+ * wt-chart, wt-relationships-chart
+ */
+
+/*
+ * Statistics chart
+ *
+ * wt-chart, wt-statistics-chart
+ */
+
+/*
+ * Timeline chart
+ *
+ * wt-chart, wt-timeline-chart
+ */
+
+/*
+ * Family list and individual list
+ *
+ * wt-page-options
+ * +---wt-initials-list
+ *     +---wt-initial-list-item
+ *         +---wt-initial
+ *         +---wt-initial, active
+ * wt-page-content
+ * +---wt-list, wt-{family,individual}-list
+ */
+
+.wt-initials-list-item {
+	display: inline;
+}
+
+.wt-initials-list-item + .wt-initials-list-item::before {
+	content: '|';
+}
+
+.wt-initial {
+	padding: 0 0.25rem;
+}
+
+.wt-initial.active {
+	color: #f00;
+	font-weight: bold;
+}
+
+/*
+ * Media object list
+ *
+ * wt-list, wt-media-list
+ */
+
+/*
+ * Note object list
+ *
+ * wt-list, wt-note-list
+ */
+
+/*
+ * Source list
+ *
+ * wt-list, wt-source-list
+ */
+
+/*
+ * Repository list
+ *
+ * wt-list, wt-repository-list
+ */
+
+/*
+ * Branches list
+ *
+ * wt-branches-page
+ */
+
+/*
+ * Place hierarchy
+ *
+ * wt-place-hierarchy-page
+ */
+
+/*
+ * Calendar
+ *
+ * wt-calendar-page
+ */
+
+/*
+ * Reports
+ *
+ * wt-reports-page
+ */
+
+/*
+ * Search
+ *
+ * wt-search-page, wt-general-serach-page/wt-phonetic-search-page/wt-advanced-search-page/wt-search-replace-page
+ */
+
+/* ====== Round Corners ======== */
+.border1,
+.block,
+.descriptionbox,
+.list_label,
+.list_label_wrap,
+.list_value,
+.list_value_wrap,
+.messagebox,
+.optionbox,
+.person_box,
+.person_boxF,
+.person_boxNN,
+.person0,
+.person1,
+.person2,
+.person3,
+.person4,
+.person5,
+#indi_main_blocks,
+#tabs,
+.topbottombar {
+	margin: 4px;
+	padding: 4px;
+	border-radius: 4px;
+}
+
+/* ios on click workaround */
+.iconz {
+	cursor: pointer;
+}
+
+a {
+	text-decoration: none;
+}
+
+a:hover,
+a:active {
+	color: #369;
+	text-decoration: underline;
+}
+
+a:link,
+a:visited {
+	color: #369;
+}
+
+:focus {
+	outline-style: none;
+}
+
+.flash-messages {
+	clear: both;
+	text-align: center;
+}
+
+dl {
+	margin: 0;
+}
+
+dt {
+	float: left;
+	font-weight: bold;
+	margin-right: 10px;
+}
+
+#mycart a img {
+	height: 15px;
+}
+
+.button {
+	width: 60px;
+}
+
+.alpha_index {
+	color: #999;
+}
+
+.person_box,
+.person_boxF,
+.person_boxNN {
+	margin: 0;
+	border: 1px solid #ccc;
+}
+
+.person_box_template .details0,
+.person_box_template .details1 {
+    font-size: 11px;
+}
+
+.person_box, .action_header {
+	padding: 3px;
+	background-color: #ddf;
+}
+
+.person_boxF, .action_headerF {
+	padding: 3px;
+	background-color: #fdd;
+}
+
+.person_boxNN {
+	padding: 3px;
+	background-color: #dfd;
+}
+
+.person_box:target,
+.news_box:target,
+#gedcom_stats:target {
+	background-color: #ffc;
+}
+
+/* families tab person box */
+#relatives_content .person_box > .person_box,
+#relatives_content .person_boxF > .person_boxF,
+#relatives_content .person_boxNN > .person_boxNN {
+	border: 0;
+	min-height: 50px;
+}
+
+.center {
+	text-align: center;
+}
+
+table.center {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.list_table {
+	margin: 0 auto;
+}
+
+.list_label,
+.list_label_wrap {
+	background-color: #ccc;
+	font-weight: bold;
+	text-align: center;
+}
+
+.list_value,
+.list_value_wrap {
+	background-color: #ddd;
+	vertical-align: top;
+}
+
+.list_label,
+.list_value {
+	white-space: nowrap;
+}
+
+.list_label_wrap,
+.list_value_wrap {
+	white-space: normal;
+}
+
+div.fact_SHARED_NOTE {
+	clear: both;
+}
+
+/* Table of genealogical facts */
+
+.wt-facts-table caption {
+	caption-side: top;
+}
+
+.wt-facts-table th {
+	background-color: #ccc;
+	border-radius: 4px;
+	text-align: center;
+	font-weight: normal;
+	min-width: 20%;
+}
+
+.wt-facts-table td {
+	border-radius: 4px;
+	background-color: #ddd;
+}
+
+.wt-facts-table .wt-gender-M td {
+	background-color: #ddf;
+}
+
+.wt-facts-table .wt-gender-F td {
+	background-color: #fdd;
+}
+
+.tabs_table {
+	width: 99%;
+}
+
+
+
+.name1, .name2 {
+	color: #337;
+}
+
+a:hover, a:hover .name1, a:hover .name2 {
+	color: #f00;
+}
+
+a:hover .nameZoom {
+	font-size: 16px;
+	font-weight: bold;
+}
+
+.nameZoom {
+	color: #555;
+	font-size: 16px;
+	font-weight: bold;
+}
+
+.details_label {
+	font-weight: bold;
+}
+
+.name_head {
+	color: #555;
+	font-size: 16px;
+	font-weight: bold;
+	line-height: 2;
+	padding: 0 5px;
+}
+
+.date {
+	color: #337;
+}
+
+.label {
+	font-weight: bold;
+}
+
+.error {
+	color: #f00;
+	font-weight: bold;
+}
+
+.largeError {
+	color: #f00;
+	font-weight: bold;
+}
+
+.warning {
+	color: #f00;
+	font-weight: bold;
+}
+
+.indent {
+	padding-left: 7px;
+}
+
+.image {
+	height: 150px;
+	padding: 5px;
+	margin: 2px;
+}
+
+.gender_image {
+	margin: 0 3px;
+	border: 0;
+	vertical-align: middle;
+}
+
+.thumbnail {
+	height: auto;
+	padding: 3px;
+}
+
+.icon {
+	border: 0;
+	padding: 0 5px;
+}
+
+.sublinks_cell {
+	background-color: #ccc;
+}
+
+.submenu .icon {
+	vertical-align: middle;
+	width: 20px;
+	height: 20px;
+}
+
+.subheaders {
+	font-weight: bold;
+	font-size: 15px;
+	margin-top: 15px;
+	vertical-align: bottom;
+}
+
+#family-table .subheaders:first-child {
+	width: 295px;
+}
+
+.parentdeath {
+	padding: 1px;
+}
+
+.source_citations {
+	display: none;
+}
+
+.selected-option {
+	background-color: #d6e0ea;
+}
+
+.border1 {
+	border: 0;
+}
+
+.menuitem {
+	text-decoration: none;
+	font-size: 11px;
+	padding: 1px;
+}
+
+.menuitem_hover {
+	text-decoration: none;
+	font-size: 11px;
+	padding: 1px;
+}
+
+.menuitem .icon, .menuitem_hover .icon {
+	width: 50px;
+	height: 50px;
+}
+
+.submenu {
+	text-decoration: none;
+	font-size: 11px;
+	background-color: #eee;
+	border: thin #aaa;
+	visibility: hidden;
+	position: absolute;
+	padding: 5px;
+}
+
+.submenuitem  {
+	vertical-align: middle;
+	font-size: 11px;
+	height: 20px;
+	text-decoration: none;
+	background-color: #eee;
+	padding: 1px;
+	white-space: nowrap;
+}
+
+.submenuitem_hover {
+	vertical-align: middle;
+	height: 20px;
+	font-size: 11px;
+	background-color: #eee;
+	white-space: nowrap;
+	padding: 1px;
+}
+
+.submenuitem a,
+.submenuitem_hover a {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.journal_box {
+	padding: 3pt;
+	border: thin solid #aaa;
+	overflow: visible;
+}
+
+.news_box {
+	background-color: #ccc;
+	border-top: none;
+}
+
+.news_title {
+	font-weight: bold;
+	font-size: 14px;
+}
+
+.news_date {
+	margin-bottom: 12px;
+}
+
+.current_day {
+	font-weight: bold;
+	font-size: 16px;
+}
+
+.cal_day {
+	float: left;
+	font-weight: bold;
+}
+
+.rtl_cal_day {
+	direction: rtl;
+	float: right;
+	color: #00f;
+	font-weight: bold;
+}
+
+.helpcontent {
+	margin-left: 10px;
+	margin-right: 10px;
+}
+
+.helpcontent dt {
+	clear: both;
+}
+
+#user-page h1 {
+	margin: 0.25em auto 0.6em;
+}
+
+.tvertline {
+	vertical-align: bottom;
+}
+
+#childbox {
+	padding: 5px;
+	position: absolute;
+	display: none;
+	text-align: start;
+	white-space: nowrap;
+	top: 20px;
+	left: 0;
+}
+
+.layout3 #childbox {
+	top: auto;
+	bottom: 20px;
+}
+
+#childbox a.name1 {
+	display: block;
+	margin-left: 5px;
+}
+
+.person0 {
+	background-color: #aaf;
+	vertical-align: top;
+}
+
+.person1 {
+	background-color: #afa;
+	vertical-align: top;
+}
+
+.person2 {
+	background-color: #faa;
+	vertical-align: top;
+}
+
+.person3 {
+	background-color: #55f;
+	vertical-align: top;
+}
+
+.person4 {
+	background-color: #f55;
+	vertical-align: top;
+}
+
+.person5 {
+	background-color: #5f5;
+	vertical-align: top;
+}
+
+.listlog {
+	line-height: 20pt;
+}
+
+.starredname {
+	text-decoration: underline;
+}
+
+.search_hit {
+	background-color: #ff0;
+}
+
+.search_item {
+	font-weight: 600;
+}
+
+.topbottombar,
+.descriptionbox {
+	font-weight: bold;
+	background-color: #ccc;
+	vertical-align: top;
+}
+
+.descriptionbox {
+	font-size: 14px;
+	background-color: #ccc;
+	vertical-align: top;
+	padding: 3px;
+}
+
+.optionbox {
+	background-color: #ddd;
+	color: #000;
+	vertical-align: top;
+	white-space: nowrap;
+	padding: 3px;
+}
+
+.vmiddle {
+	vertical-align: middle;
+}
+
+.red {
+	color: #f00;
+}
+
+.wt-relation-fact,
+.wt-historic-fact {
+	opacity: 0.8;
+}
+
+.messagebox {
+	background-color: #bce;
+}
+
+/* ---Pending edits--- */
+.new {
+	outline: solid #00f 1px;
+}
+
+.old {
+	outline: solid #f00 1px;
+}
+
+.tag_cloud {
+	text-align: center;
+}
+
+.tag_cloud a {
+	white-space: nowrap;
+}
+
+.nowrap {
+	white-space: nowrap;
+}
+
+.wrap {
+	white-space: normal;
+}
+
+.statistics-page {
+	text-align: center;
+}
+
+.center2 {
+	text-align: center;
+}
+
+.gchart {
+	border: 0;
+}
+
+/* ---Find special characters--- */
+.largechars {
+	font-family: monospace;
+	font-size: 200%;
+}
+
+#facts_content dd {
+	float: left;
+	width: 70%;
+}
+
+.clearfloat {
+	clear: both;
+}
+
+/* this keeps the tag color the same when it is a link as when not */
+
+.place {
+	padding-top: 5px;
+}
+
+#pending h2 {
+	text-align: center;
+	margin-bottom: 20px;
+}
+
+#pending h3 {
+	text-align: center;
+	margin-top: 20px;
+}
+
+#pending .list_value {
+	padding: 3px;
+	text-align: center;
+	vertical-align: middle;
+	white-space: nowrap;
+}
+
+#pending .indent {
+	padding: 0;
+}
+
+/* ======== Person box ======= */
+.gedcom_favorites_block,
+.user_favorites_block,
+.person_box_template {
+	overflow: visible !important;
+}
+
+/* Box styles are
+	0 compact view
+	1 normal view - small box
+	2 normal view - large box
+*/
+.box-style0 {
+	cursor: url(fab/images/zoomin.png), n-resize;
+}
+
+.box-style0-expanded {
+	cursor: url(fab/images/zoomout.png), n-resize;
+}
+
+.box-style0-expanded,
+.box-style1-expanded {
+	width: 300px !important;
+	height: auto !important;
+	line-height: 1.5em!important;
+}
+
+.person_box_template {
+	height: auto;
+	white-space: normal;
+	overflow: hidden !important;
+}
+
+.person_box_template .namedef i[class^="icon-sex"] {
+	margin-left: 3px;
+}
+
+.person_box_template .icons {
+	float: right;
+}
+
+.person_box_template .inout {
+	clear: both;
+	display: none;
+}
+
+.person_box_template .chart_textbox {
+	overflow: hidden;
+	font-size: .75rem;
+	line-height: 1;
+	padding-bottom: 4px;
+}
+
+.person_box_template .chart_textbox .name1{
+	line-height: 1;
+	font-weight: bold;
+}
+
+.person_box_template img,
+.person_box_template a.gallery {
+	float: left;
+	height: 50px;
+	margin: 0 2px 0 0;
+	max-width: 80px;
+	width: auto;
+}
+
+.person_box_template i[class^="icon-silhouette"] {
+	float: left;
+}
+
+/* --- reportengine.php --- */
+#reportengine-page table {
+	margin: 20px auto;
+}
+
+#reportengine-page .report-type {
+	overflow: hidden;
+	margin: auto;
+	width: 180px;
+}
+
+#reportengine-page .report-type div {
+	float: left;
+	margin: 0 20px;
+}
+
+#reportengine-page .report-type p {
+	margin: 0;
+	text-align: center;
+}
+
+/* styles for popup menus */
+.itr {
+	position: absolute;
+	line-height: 1.5;
+}
+
+.popup {
+	position: absolute;
+	top: 20px;
+	right: 0;
+	left: auto;
+	visibility: hidden;
+	opacity: 0;
+	transition: visibility 0s ease .25s,opacity .25s ease;
+	z-index: 9999;
+	box-shadow: 5px 5px 5px 0 rgba(0,0,0,.4);
+}
+
+.popup ul {
+	white-space: nowrap;
+	list-style: none;
+	margin: 0;
+	padding: 0 10px;
+	font-size: smaller;
+}
+
+.popup > ul {
+	padding: 2px 10px;
+}
+
+.popup li .NAME {
+	padding: 0 5px;
+}
+
+.itr:hover .popup {
+	visibility: visible;
+	opacity: 1;
+	transition-delay: 0s;
+}
+
+/* styles for FindFacts pop-up */
+#layDefinedTags,
+#tabDefinedTagsShow {
+	width: 450px;
+}
+
+#tabDefinedTags {
+	width: 430px;
+}
+
+#layDefinedTags {
+	margin-left: auto;
+	margin-right: auto;
+	height: 285px;
+	overflow: auto;
+}
+
+#tabDefinedTags {
+	border-collapse: collapse;
+}
+
+#tabDefinedTags th,
+#tabDefinedTags td {
+	border: solid 1px #000;
+	margin: 0;
+	padding: 3px;
+}
+
+#tabDefinedTags tbody th {
+	text-align: left;
+	font-weight: bold;
+}
+
+#tabDefinedTags tr.sel {
+	background-color: #cde;
+	color: #888;
+}
+
+#tabDefinedTags tr.unsel {
+	background-color: #fff;
+	color: #888;
+}
+
+#tabDefinedTagsShow {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#tabDefinedTagsShow td {
+	width: 50%;
+	text-align: center;
+}
+
+#tabFilterAndCustom {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#tabAction {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#tabAction td {
+	width: 50%;
+	text-align: center;
+}
+
+/* ======== List styles ====== */
+
+.recent_changes_block,
+.upcoming_events_block,
+.todays_events_block,
+.todo_block {
+	width: 98%;
+}
+
+.surname-list,
+.givn-list {
+	margin: 5px auto;
+}
+
+.source-list table,
+.note-list table,
+.repo-list table,
+.media-list table,
+.indi-list table,
+.fam-list table {
+	width: 100%;
+}
+
+.source-list td,
+.note-list td,
+.repo-list td,
+.media-list td,
+.indi-list td,
+.fam-list td,
+.recent_changes_block td,
+.upcoming_events_block td,
+.surname-list td,
+.givn-list td {
+	padding: 2px 5px;
+}
+
+.indi-list td,
+.fam-list td {
+	color: #555;
+}
+
+.surname-list td {
+	vertical-align: top;
+}
+
+.indi-list .stats,
+.fam-list .stats {
+	margin: 0 auto;
+	width: auto;
+}
+
+.source-list th,
+.note-list th,
+.repo-list th,
+.media-list th,
+.indi-list th,
+.fam-list th,
+.wt-table-changes th,
+.wt-table-events th,
+.wt-table-tasks th,
+.wt-table-yahrzeits th,
+.surname-list th,
+.givn-list th {
+	cursor: pointer;
+	font-weight: 600;
+	padding: 2px 4px;
+	white-space: nowrap;
+}
+
+.source-list th:last-child,
+.note-list th:last-child,
+.repo-list th:last-child {
+	margin: 0 -2px 1px 1px;
+	padding: 3px 0 4px;
+	width: 24px;
+}
+
+.givn-list th {
+	cursor: pointer;
+	white-space: nowrap;
+	padding: 2px;
+	text-align: center;
+}
+
+#source-details h2,
+#sourcelist-page h2,
+#note-details h2,
+#notelist-page h2,
+#repo-details h2,
+#repolist-page h2,
+#media-details h2,
+#statistics-page h2 {
+	margin-bottom: 20px;
+	text-align: center;
+}
+
+#source-edit,
+#note-edit,
+#repo-edit,
+#media-edit {
+	overflow-x: auto;
+}
+
+.media-list td img {
+	display: block;
+	height: 40px;
+	width: auto;
+	margin: 3px auto;
+}
+
+.filtersH,
+.filtersF {
+	margin: 4px;
+}
+
+.filtersH img {
+	margin-bottom: 2px;
+}
+
+.list-charts {
+	text-align: center;
+}
+
+#search-result-tabs h3 {
+	text-align: center;
+}
+
+#searchAccordion-indi,
+#searchAccordion-fam,
+#searchAccordion-source,
+#searchAccordion-note {
+	margin: auto;
+	width: 99%;
+}
+
+#place-hierarchy h2,
+#place-hierarchy h4 {
+	text-align: center;
+}
+
+#main_select,
+#available_select,
+#right_select {
+	min-width: 150px;
+}
+
+.user_welcome_block table,
+.gedcom_block_block table {
+	margin: auto;
+}
+
+.user_welcome_block td,
+.gedcom_block_block td {
+	width: 33%;
+	text-align: center;
+	vertical-align: top;
+}
+
+/* ==== Favourites block ===== */
+.blockcontent .person_box_template .details2 {
+	min-height: 40px;
+}
+
+.blockcontent [class*='box-style2'] {
+	margin: 5px 0;
+}
+
+.add_fav_head {
+	font-weight: 900;
+	margin: 5px 0;
+}
+
+.add_fav_head i {
+	margin: 0 5px 1px;
+}
+
+.add_fav_ref label {
+	display: inline-block;
+	min-width: 100px;
+}
+
+.add_fav_ref input {
+	margin: 0 5px;
+}
+
+/* === Who is online block === */
+.logged_in_list {
+	margin: 5px 0 0;
+	padding: 0;
+	line-height: 20px;
+}
+
+/* ==== Theme select block === */
+.theme_form ul {
+	margin: -10px auto;
+}
+
+.theme_form li {
+	visibility: hidden;
+}
+
+.theme_form li ul li {
+	display: inline-block;
+	padding: 10px;
+	visibility: visible;
+}
+
+/* ==== FAQ table styles ===== */
+table.faq {
+	background-color: #ddd;
+	margin: 5px 0 50px 5px;
+	width: 98%;
+}
+
+table.faq tr:nth-child(odd) td {
+	background-color: #eee;
+}
+
+div.faq_title {
+	background-color: #ddd;
+	margin: 1em 0;
+	padding: .25em;
+	font-weight: bold;
+	width: 98%;
+}
+
+div.faq_body {
+	clear: both;
+	padding: 0 1em;
+}
+
+.faq_top {
+	float: right;
+}
+
+/* === Positioning edit, copy, delete links === */
+/* General use */
+.editfacts {
+	clear: left;
+	padding-top: 15px;
+}
+
+/* ======== Indi header ====== */
+#indi_header {
+	overflow: hidden;
+	border-radius: 4px;
+	margin-bottom: 5px;
+	width: 98%;
+}
+
+#indi_header h3 {
+	color: #369;
+	font-size: 90%;
+	font-weight: bold;
+	margin: 0;
+	padding: 0 10px 0 30px;
+	text-align: left;
+	overflow: hidden;
+	position: relative;
+}
+
+#indi_header .name_one {
+	font-size: 1.5em;
+}
+
+#indi_header h3 .details1 {
+	font-size: 1.0em;
+}
+
+#indi_header h3.person_box,
+#indi_header h3.person_boxF,
+#indi_header h3.person_boxNN {
+	border: 0;
+}
+
+#indi_header h3 .header_age {
+	padding: 5px 0 5px 5px;
+	float: right;
+	font-weight: normal;
+	font-size: 65%;
+}
+
+#indi_header h3 a {
+	display: inline;
+}
+
+#indi_header a {
+	color: #337;
+	font-size: 0.75em;
+	font-weight: normal;
+}
+
+#indi_header a:hover {
+	color: #f00;
+}
+
+#indi_mainimage {
+	float: right;
+}
+
+#header_accordion1 {
+	padding: 0 10px 0 0;
+	overflow: hidden;
+}
+
+#header_accordion1 .indi_name_details {
+	margin: 0;
+	overflow: hidden;
+	padding: 5px;
+}
+
+.indi_name_details .name1 {
+	font-weight: normal;
+	padding-top: 5px;
+	font-size: inherit;
+}
+
+#indi_header a.warning {
+	color: #f00;
+	font-size: 1em;
+}
+
+#indi_note {
+	margin: 0 0 5px;
+}
+
+.indi_table {
+	clear: left;
+}
+
+#sex {
+	float: right;
+}
+
+#dates {
+	color: #369;
+	float: right;
+}
+
+#individual-names .wt-icon-edit,
+#individual-names .wt-icon-delete {
+	float: right;
+}
+
+#indi_note .fact_NOTE {
+	float: left;
+	margin: 0 5px 0 0;
+}
+
+#indi_note .fact_SOUR {
+	margin: 3px 0;
+}
+
+#indi_note .fact_SOUR a {
+	font-size: 100%;
+}
+
+#indi_note .fact_NOTE,
+#indi_note .fact_SOUR {
+	clear: both;
+}
+
+/* ===== markdown formatting ===== */
+
+.markdown {
+	/* Tables and pre-formatted text can break the layout. */
+	overflow-x: auto;
+}
+
+.markdown p {
+	margin: 0 0 0.5em;
+	white-space: pre-wrap;
+}
+
+.markdown table {
+	border-collapse: collapse;
+	font-size: 10px;
+	margin-bottom: 8px;
+}
+
+.markdown th {
+	font-weight: bold;
+}
+
+.markdown td,
+.markdown th {
+	border: solid thin #000;
+	padding: 3px;
+}
+
+.odometer {
+	font-family: courier, monospace;
+	font-weight: bold;
+	background: #000;
+	color: #fff;
+}
+
+/* ======= General sprite ==== */
+.male_gender,
+.female_gender,
+.unknown_gender {
+	display: block;
+	background: url(fab/images/indi_sprite.png) no-repeat;
+}
+
+.female_gender {
+	background-position: -45px 3px;
+	width: 24px;
+	height: 30px;
+}
+
+.male_gender {
+	background-position: -72px 3px;
+	width: 24px;
+	height: 30px;
+}
+
+.unknown_gender {
+	background-position: -100px 4px;
+	width: 24px;
+	height: 30px;
+}
+
+/* ======== Indi tabs ======== */
+/* Facts & Events tab */
+#personal_facts_content .fact_NOTE,
+#personal_facts_content .fact_SOUR,
+#family-table .fact_NOTE,
+#family-table .fact_SOUR {
+	margin: 5px 3px 5px 0;
+	clear: both;
+}
+
+.media-display-image {
+	float: left;
+}
+
+.media-display-title {
+	float: left;
+	font-style: italic;
+	margin: 10px;
+}
+
+/* === jQuery.datatable styling general over-rides === */
+.odd {
+	background-color: LightGrey;
+}
+
+.even {
+	background-color: #fff;
+}
+
+.css_right {
+	float: left;
+}
+
+.fg-button {
+	padding: 2px 6px;
+}
+
+.fg-toolbar {
+	background: #eee;
+	border-color: #aaa;
+}
+
+.dataTables_paginate {
+	float: left;
+	margin-bottom: 3px;
+}
+
+.dataTables_processing {
+	float: left;
+}
+
+.dataTables_filter {
+	float: right;
+	font-weight: normal;
+}
+
+.dataTables_info {
+	float: left;
+	font-weight: normal;
+	padding: 4px;
+}
+
+.recent_changes_block .dataTables_info,
+.upcoming_events_block .dataTables_info,
+.todays_events_block .dataTables_info,
+.todo_block .dataTables_info,
+.yahrzeit_block .dataTables_info {
+	padding: 0;
+}
+
+.upcoming_events_block .dataTables_info,
+.todays_events_block .dataTables_info {
+	padding: 2px 0 0;
+}
+
+.upcoming_events_block button,
+.todays_events_block button {
+	margin: 0 20px;
+}
+
+.dataTables_length {
+	float: right;
+	font-weight: normal;
+}
+
+.dataTables_length select,
+.dataTables_filter input {
+	padding: 1px;
+}
+
+.dt-clear {
+	clear: both;
+}
+
+#loading {
+	text-align: center;
+}
+
+.DataTables_sort_wrapper {
+	position: relative;
+	margin: 0 20px;
+}
+
+.DataTables_sort_wrapper span {
+	left: 0;
+	margin-left: -20px;
+	margin-top: -8px;
+	position: absolute;
+	top: 50%;
+}
+
+.dataTables_wrapper {
+	margin-bottom: 10px;
+}
+
+/* ======= Sidebar setup ===== */
+#main {
+	min-width: 600px;
+	width: 100%;
+	display: table;
+	table-layout: fixed;
+}
+
+#indi_left {
+	display: table-cell;
+}
+
+#tabs {
+	padding-bottom: 0;
+	margin-bottom: 0;
+	width: 98%;
+	overflow: visible;
+}
+
+/* sidebar */
+#sidebar {
+	width: 20%;
+	display: table-cell;
+	vertical-align: top;
+}
+
+/* Sidebar - Family navigator */
+.wt-family-navigator-dropdown {
+	background: #eee;
+}
+
+.wt-family-navigator-dropdown-heading {
+	font-weight: bold;
+	font-size: inherit;
+	color: inherit;
+}
+
+/* Sidebar - Descendants */
+#sb_content_descendancy {
+	margin-top: 5px;
+}
+
+#sb_desc_content {
+	margin-left: 3px;
+	font-size: 0.8em;
+}
+
+#sb_desc_content ul {
+	padding: 0;
+	margin: 0;
+}
+
+.sb_desc_indi_li {
+	list-style-type: none;
+}
+
+.desc_tree_div {
+	display: none;
+}
+
+.desc_tree_div ul {
+	padding: 0;
+	margin-left: 10px;
+	margin-top: 0;
+	margin-right: 0;
+}
+
+/* Individuals and Families */
+#sidebar-content-individuals,
+#sidebar-content-families {
+	margin-top: 5px;
+}
+
+.sb_indi_surname_li,
+.sb_fam_surname_li {
+	list-style-image: url(fab/images/plus.png);
+}
+
+.name_tree_div ul {
+	padding: 0;
+	margin: 0;
+}
+
+.name_tree_div li {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+
+/* Clippings */
+#sb_clippings_content ul {
+	padding: 0;
+	margin: 0;
+}
+
+#sb_clippings_content li {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	white-space: nowrap;
+}
+
+/* Extra info */
+#sb_content_extra_info {
+	font-size: 80%;
+	font-weight: bold;
+	margin-top: 1px;
+	overflow: hidden;
+	padding: 5px;
+}
+
+#sb_content_extra_info .editfacts {
+	float: right;
+	margin-top: -10px;
+}
+
+#sb_content_extra_info a {
+	display: block;
+}
+
+#sb_content_extra_info span {
+	font-weight: normal;
+}
+
+#sb_content_extra_info span a {
+	display: inline;
+}
+
+#sb_content_extra_info #hitcounter {
+	font-weight: bold;
+	padding-top: 5px;
+}
+
+/* http://www.jacklmoore.com/colorbox */
+#colorbox,
+#cboxOverlay,
+#cboxWrapper {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 9999;
+	overflow: hidden;
+}
+
+#cboxWrapper {
+	max-width: none;
+}
+
+#cboxOverlay {
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	background: #fff;
+}
+
+#cboxContent {
+	background: #fff;
+	overflow: hidden;
+	position: relative;
+	padding: 0.5rem;
+	border: 0.25rem solid #ccc;
+}
+
+#cboxLoadingOverlay,
+#cboxLoadingGraphic {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+
+.cboxPhoto {
+	float: left;
+	margin: auto;
+	border: 0;
+	display: block;
+	max-width: none;
+}
+
+#colorbox,
+#cboxContent,
+#cboxLoadedContent {
+	box-sizing: content-box;
+}
+
+#cboxError {
+	padding: 50px;
+	border: 1px solid #ccc;
+}
+
+#cboxLoadedContent {
+	margin-bottom: 28px;
+}
+
+#cboxTitle {
+	background: #fff;
+	position: absolute;
+	bottom: 0.25rem;
+	left: 0;
+	margin: 0 3rem;
+	text-align: center;
+}
+
+#cboxLoadingGraphic {
+	background: url(images/loading-32x32.gif) no-repeat center center;
+}
+
+#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
+	background: none;
+	border: 0;
+	cursor: pointer;
+	font-family: "Font Awesome\ 5 Free", sans-serif;
+	font-weight: 900;
+	overflow: visible;
+	padding: 0;
+	position: absolute;
+}
+
+#cboxSlideshow {
+	bottom: 0.25rem;
+	right: 0.25rem;
+}
+
+#cboxPrevious {
+	bottom: 0.25rem;
+	left: 0.25rem;
+}
+
+#cboxNext {
+	bottom: 0.25rem;
+	left: 1.5rem;
+}
+
+#cboxClose {
+	top: 0.25rem;
+	right: 0.25rem;
+}
+
+/* Stories module */
+.story_title {
+	padding-top: 12px;
+	font-size: 13px;
+	height: 32px;
+	font-weight: bold;
+}
+
+.story_body {
+	padding: 20px;
+	white-space: normal;
+}
+
+.story_edit {
+	padding: 12px;
+}
+
+/* ====== Charts Styles ======== */
+#people label {
+	display:block;
+}
+
+/* Ancestry chart */
+.wt-ancestors-chart-list {
+	background: transparent url(images/vline.png) left top repeat-y;
+	margin: 0 0 0 15px;
+	padding: 0;
+	display: block;
+}
+
+.wt-ancestors-chart-list-item {
+	margin: 5px 0;
+}
+
+.chart_common li {
+	list-style: outside none none;
+}
+
+.generations {
+	background: transparent url(images/vline.png) repeat-y scroll left top;
+	display: block;
+	margin: 0 0 0 15px;
+	padding: 0;
+}
+
+.chart_common table {
+	padding: 0;
+	border-spacing: 0;
+	border-collapse: collapse;
+	margin: 5px 0;
+}
+
+.chart_common td {
+	border: 0;
+	padding: 0;
+}
+
+.chart_common span.details1 div[class^=fact_] {
+	display: inline-block;
+}
+
+.chart_common span.details1 .date {
+	color: inherit;
+}
+
+/*-- Family book  --*/
+#familybook_chart {
+	margin-left: 10px;
+}
+
+#familybook_chart table {
+	border-collapse: collapse;
+	empty-cells: show;
+}
+
+#familybook_chart td {
+	margin: 0;
+	padding: 0;
+}
+
+#familybook_chart h2 {
+	text-align: center;
+}
+
+#familybook_chart .line3,
+#familybook_chart .pvline,
+#familybook_chart .spacer {
+	width: 3px;
+}
+
+#familybook_chart .line4 {
+	width: 7px;
+	vertical-align: middle;
+}
+
+[ID^="vline"] {
+	width: 3px;
+}
+
+#familybook_chart h3 {
+	color: #006;
+	font-size: 16px;
+	text-align: center;
+}
+
+/*-- Fan chart ---- */
+.fan_chart_menu {
+	position: absolute;
+	display: none;
+	z-index: 100;
+}
+
+#fan_chart ul {
+	list-style-type: none;
+	margin: 0;
+}
+
+/* Lifespans chart */
+.wt-lifespans-subtitle {
+	text-align: center;
+}
+
+.wt-lifespans-scale {
+	white-space: nowrap;
+}
+
+.wt-lifespans-decade {
+	width: 70px;
+	height: 60px;
+	display: inline-block;
+	background-image: url(fab/images/lifespan-chunk.png);
+	background-position-y: bottom;
+	background-repeat: no-repeat;
+	background-size: 70px 37px;
+}
+
+.wt-lifespans-individuals {
+	background: #fafafa;
+}
+
+.wt-lifespans-individual {
+
+}
+
+.wt-lifespans-summary {
+	background: #ffffff;
+	border: thin solid #000;
+	z-index: 1;
+}
+
+.wt-lifespans-summary-link {
+	font-weight: bold;
+}
+
+/*-- Pedigree ---- */
+#pedigree_chart {
+	position: relative;
+	margin: 20px auto;
+}
+
+#pedigree_canvas {
+	color:   #aaa;
+	z-index: -1000;
+}
+
+#pedigree-page .shadow {
+	position: absolute;
+	white-space: nowrap;
+}
+
+#pedigree-page .layout0 .shadow > div,
+#pedigree-page .layout1 .shadow > div {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+#pedigree-page .spacer {
+	background-image: url(images/spacer.png);
+	height:           20px;
+	width:            1px;
+}
+
+#childarrow,
+.ancestorarrow {
+	text-align: center;
+}
+
+#pedigree-page #childarrow {
+	position: relative;
+}
+
+#pedigree-page #childbox {
+	border: 1px solid;
+	background-color: #fff;
+}
+
+#pedigree-page table.list_table {
+	margin: 0 auto;
+	width:  500px;
+}
+
+.pedigree_chart_table {
+	border:          0;
+	border-collapse: collapse;
+	padding:         0;
+	width:           100%;
+}
+
+/*-- timeline  --*/
+#timeline_chart {
+	position: relative;
+	top: 0;
+	left: 0;
+}
+
+#field_table {
+	width: 40%;
+	min-width: 600px;
+}
+
+/*-- Relationship ---- */
+
+.wt-relationship-chart .hline-text,
+.wt-relationship-chart .vline-text {
+	font-size: 12px;
+}
+
+/* ====== Common Icons ========= */
+[class^="icon-"],
+[class*=" icon-"] {
+	display: inline-block;
+	vertical-align: middle;
+	background-repeat: no-repeat;
+}
+
+.icon-add {
+	width: 14px;
+	height: 15px;
+	background-image: url(images/add.png);
+}
+
+.icon-cfamily {
+	width: 24px;
+	height: 24px;
+	background-image: url(fab/images/cfamily.png);
+}
+
+.icon-childless {
+	width: 25px;
+	height: 25px;
+	background-image: url(fab/images/childless.png);
+}
+
+.icon-children {
+	width: 16px;
+	height: 16px;
+	background-image: url(fab/images/children.png);
+}
+
+.icon-clippings {
+	width: 24px;
+	height: 24px;
+	background-image: url(fab/images/clippings.png);
+}
+
+.icon-edit_indi {
+	width: 25px;
+	height: 25px;
+	background-image: url(fab/images/edit_indi.png);
+}
+
+.icon-fam-list {
+	width: 24px;
+	height: 24px;
+	background-image: url(fab/images/sfamily.png);
+}
+
+.icon-indi-list {
+	width: 50px;
+	height: 50px;
+	background-image: url(fab/images/indis.png);
+}
+
+.icon-loading-small {
+	width: 16px;
+	height: 16px;
+	background-image: url(fab/images/indicator.gif);
+}
+
+.icon-media {
+	width: 24px;
+	height: 24px;
+	background-image: url(fab/images/media.png);
+}
+
+.icon-media-list {
+	width: 24px;
+	height: 24px;
+	background-image: url(fab/images/media.png);
+}
+
+.icon-media-next {
+	width: 20px;
+	height: 20px;
+	background-image: url(fab/images/rdarrow.png);
+}
+
+.icon-media-play {
+	width: 20px;
+	height: 20px;
+	background-image: url(fab/images/rarrow.png);
+}
+
+.icon-media-stop {
+	width: 20px;
+	height: 20px;
+	background-image: url(fab/images/stop.png);
+}
+
+.icon-minus {
+	width: 11px;
+	height: 11px;
+	background-image: url(fab/images/minus.png);
+}
+
+.icon-mypage {
+	width: 25px;
+	height: 25px;
+	background-image: url(fab/images/mypage.png);
+}
+
+.icon-note {
+	width: 16px;
+	height: 16px;
+	background-image: url(fab/icons/note.png);
+}
+
+.icon-pin-in {
+	width: 16px;
+	height: 16px;
+	background-image: url(fab/images/pin-in.png);
+}
+
+.icon-pin-out {
+	width: 16px;
+	height: 16px;
+	background-image: url(fab/images/pin-out.png);
+}
+
+.icon-plus {
+	width: 11px;
+	height: 11px;
+	background-image: url(fab/images/plus.png);
+}
+
+.icon-reminder {
+	width: 15px;
+	height: 12px;
+	background-image: url(fab/images/reminder.png);
+}
+
+.icon-remove {
+	width: 14px;
+	height: 15px;
+	background-image: url(fab/images/remove.png);
+}
+
+.icon-resn-confidential {
+	width: 16px;
+	height: 16px;
+	background-image: url(fab/images/resn_confidential.png);
+}
+
+.icon-resn-locked {
+	width: 16px;
+	height: 16px;
+	background-image: url(fab/images/resn_locked.png);
+}
+
+.icon-resn-none {
+	width: 16px;
+	height: 16px;
+	background-image: url(fab/images/resn_none.png);
+}
+
+.icon-resn-privacy {
+	width: 16px;
+	height: 16px;
+	background-image: url(fab/images/resn_privacy.png);
+}
+
+.icon-rings {
+	width: 9px;
+	height: 9px;
+	background-image: url(fab/images/rings.png);
+}
+
+.icon-selected {
+	width: 12px;
+	height: 12px;
+	background-image: url(fab/images/selected.png);
+}
+
+.icon-sex_f_15x15 {
+	width: 15px;
+	height: 15px;
+	background-image: url(fab/images/sex_f_15x15.png);
+}
+
+.icon-sex_f_9x9 {
+	width: 9px;
+	height: 9px;
+	background-image: url(fab/images/sex_f_9x9.png);
+}
+
+.icon-sex_m_15x15 {
+	width: 15px;
+	height: 15px;
+	background-image: url(fab/images/sex_m_15x15.png);
+}
+
+.icon-sex_m_9x9 {
+	width: 9px;
+	height: 9px;
+	background-image: url(fab/images/sex_m_9x9.png);
+}
+
+.icon-sex_u_15x15 {
+	width: 15px;
+	height: 15px;
+	background-image: url(fab/images/sex_u_15x15.png);
+}
+
+.icon-sex_u_9x9 {
+	width: 9px;
+	height: 9px;
+	background-image: url(fab/images/sex_u_9x9.png);
+}
+
+.icon-slide_close {
+	width: 22px;
+	height: 20px;
+	background-image: url(fab/images/close.png);
+}
+
+.icon-slide_open {
+	width: 20px;
+	height: 22px;
+	background-image: url(fab/images/open.png);
+}
+
+.icon-source {
+	width: 24px;
+	height: 24px;
+	background-image: url(fab/images/source.png);
+}
+
+.icon-warning {
+	width: 17px;
+	height: 17px;
+	background-image: url(fab/images/warning.png);
+}
+
+.icon-zoomin {
+	width: 25px;
+	height: 25px;
+	background-image: url(fab/images/zoomin.png);
+}
+
+.icon-zoomout {
+	width: 25px;
+	height: 25px;
+	background-image: url(fab/images/zoomout.png);
+}
+
+/* Silhouettes on charts */
+.icon-silhouette-F {
+	width: 37px;
+	height: 45px;
+	background-image: url(fab/images/silhouette_female_small.png);
+}
+
+.icon-silhouette-M {
+	width: 37px;
+	height: 45px;
+	background-image: url(fab/images/silhouette_male_small.png);
+}
+
+.icon-silhouette-U {
+	width: 37px;
+	height: 45px;
+	background-image: url(fab/images/silhouette_unknown_small.png);
+}
+
+.wt-silhoutte {
+	width: 200px;
+	height: 260px;
+}
+
+.wt-silhoutte::before {
+	content: url(fab/images/silhouette_unknown.png);
+}
+
+.wt-silhoutte-F::before {
+	content: url(fab/images/silhouette_female.png);
+}
+
+.wt-silhouette-M::before {
+	content: url(fab/images/silhouette_male.png);
+}
+
+[class^="icon-mime-"],
+[class*=" icon-mime-"] {
+	display: inline-block;
+	background: transparent url(fab/images/icon-mime-sprite.png) no-repeat;
+	width: 48px;
+	height: 48px;
+}
+
+/* ===== Generic MIME types ===== */
+[class^="icon-mime-"],
+[class*=" icon-mime-"] {
+	background-position: -99px -49px;
+}
+
+[class^="icon-mime-application-"],
+[class*=" icon-mime-application-"] {
+	background-position: -99px -196px;
+}
+
+[class^="icon-mime-audio-"],
+[class*=" icon-mime-audio-"] {
+	background-position: -197px -98px;
+}
+
+[class^="icon-mime-image-"],
+[class*=" icon-mime-image-"] {
+	background-position: -148px -245px;
+}
+
+[class^="icon-mime-text-"],
+[class*=" icon-mime-text-"] {
+	background-position: -197px -147px;
+}
+
+[class^="icon-mime-video-"],
+[class*=" icon-mime-video-"] {
+	background-position: -148px -147px;
+}
+
+/* ===== Specific MIME types ===== */
+.icon-mime-application-pdf {
+	background-position: -1px -49px;
+}
+
+.icon-mime-application-msword {
+	background-position: -148px -49px;
+}
+
+.icon-mime-application-vnd-ms-excel {
+	background-position: -148px -196px;
+}
+
+.icon-mime-application-x-rar-compressed {
+	background-position: -50px -98px;
+}
+
+.icon-mime-application-zip {
+	background-position: -50px -147px;
+}
+
+.icon-mime-application-x-shockwave-flash {
+	background-position: -148px 0;
+}
+
+.icon-mime-audio-mp3 {
+	background-position: -50px -245px;
+}
+
+.icon-mime-audio-mpeg {
+	background-position: -50px 0;
+}
+
+.icon-mime-audio-x-ms-wma {
+	background-position: -1px -245px;
+}
+
+.icon-mime-audio-wav {
+	background-position: -1px -98px;
+}
+
+.icon-mime-text-html {
+	background-position: -99px -245px;
+}
+
+.icon-mime-text-x-gedcom {
+	background-position: -50px -49px;
+}
+
+.icon-mime-image-bmp {
+	background-position: 197px 0;
+}
+
+.icon-mime-image-gif {
+	background-position: -197px -49px;
+}
+
+.icon-mime-image-jpeg {
+	background-position: -1px -147px;
+}
+
+.icon-mime-image-png {
+	background-position: -99px -98px;
+}
+
+.icon-mime-image-svg {
+	background-position: -197px -196px;
+}
+
+.icon-mime-image-tiff {
+	background-position: -148px -98px;
+}
+
+.icon-mime-video-quicktime {
+	background-position: -99px -147px;
+}
+
+.icon-mime-video-avi {
+	background-position: -99px 0;
+}
+
+.icon-mime-video-x-ms-wmv {
+	background-position: -50px -196px;
+}
+/* ====== End Icon styles ====== */
+
+/* ====== Theme Header ========= */
+.menu-language li {
+	text-align: left; /* The language menu is always LTR, even on RTL pages */
+}
+
+.menu-theme li {
+	text-align: left; /* The theme menu is always LTR, even on RTL pages */
+}
+
+/* ====== End Theme Header ===== */
+
+/* ====== Theme Footer ========= */
+
+footer {
+	clear: both;
+	text-align: center;
+}
+
+.powered-by-webtrees {
+	display: inline-block;
+	margin-top: 10px;
+	width: 100px;
+	height: 21px;
+}
+
+.powered-by-webtrees:after {
+	content: url(fab/images/powered-by-webtrees.png);
+}
+
+/* ====== End Theme Footer ===== */
+
+/* ====== Theme Icons ========== */
+.icon-indis {
+	width: 24px;
+	height: 24px;
+	background-image: url(fab/images/indis.png);
+}
+
+.icon-patriarch {
+	width: 24px;
+	height: 24px;
+	background-image: url(fab/images/patriarch.png);
+}
+
+.icon-pedigree {
+	width: 24px;
+	height: 24px;
+	background-image: url(fab/images/pedigree.png);
+}
+
+.icon-place {
+	width: 24px;
+	height: 24px;
+	background-image: url(fab/images/place.png);
+}
+
+.icon-repo-list {
+	width: 30px;
+	height: 30px;
+	background-image: url(fab/images/repository.png);
+}
+
+.icon-repository {
+	width: 30px;
+	height: 30px;
+	background-image: url(fab/images/repository.png);
+}
+
+.icon-search {
+	width: 24px;
+	height: 24px;
+	background-image: url(fab/images/search.png);
+}
+
+.icon-sfamily {
+	width: 24px;
+	height: 24px;
+	background-image: url(fab/images/sfamily.png);
+}
+
+.icon-source-list {
+	width: 24px;
+	height: 24px;
+	background-image: url(fab/images/source.png);
+}
+
+.icon-user_add {
+	width: 24px;
+	height: 24px;
+	background-image: url(fab/images/user_add.png);
+}
+
+.cookie-warning {
+	background: #aaa;
+	color: #fff;
+	height: 3em;
+	line-height: 2.5em;
+	transition: height 0.5s;
+}
+.cookie-warning.hidden {
+	height: 0;
+	overflow: hidden;
+}
diff --git a/resources/css/fab/icons/bing-maps.png b/resources/css/fab/icons/bing-maps.png
new file mode 100644
index 0000000000..400627cf16
--- /dev/null
+++ b/resources/css/fab/icons/bing-maps.png
diff --git a/resources/css/fab/icons/google-maps.png b/resources/css/fab/icons/google-maps.png
new file mode 100644
index 0000000000..12ab0c14d5
--- /dev/null
+++ b/resources/css/fab/icons/google-maps.png
diff --git a/resources/css/fab/icons/note.png b/resources/css/fab/icons/note.png
new file mode 100644
index 0000000000..73f11ff057
--- /dev/null
+++ b/resources/css/fab/icons/note.png
diff --git a/resources/css/fab/icons/openstreetmap.png b/resources/css/fab/icons/openstreetmap.png
new file mode 100644
index 0000000000..899e2a58b6
--- /dev/null
+++ b/resources/css/fab/icons/openstreetmap.png
diff --git a/resources/css/fab/images/buttons/addmedia.png b/resources/css/fab/images/buttons/addmedia.png
new file mode 100644
index 0000000000..a269a90e35
--- /dev/null
+++ b/resources/css/fab/images/buttons/addmedia.png
diff --git a/resources/css/fab/images/buttons/addnote.png b/resources/css/fab/images/buttons/addnote.png
new file mode 100644
index 0000000000..5811eabeaa
--- /dev/null
+++ b/resources/css/fab/images/buttons/addnote.png
diff --git a/resources/css/fab/images/buttons/addrepository.png b/resources/css/fab/images/buttons/addrepository.png
new file mode 100644
index 0000000000..9bf88ee0fe
--- /dev/null
+++ b/resources/css/fab/images/buttons/addrepository.png
diff --git a/resources/css/fab/images/buttons/addsource.png b/resources/css/fab/images/buttons/addsource.png
new file mode 100644
index 0000000000..f5b6d8b787
--- /dev/null
+++ b/resources/css/fab/images/buttons/addsource.png
diff --git a/resources/css/fab/images/buttons/find.png b/resources/css/fab/images/buttons/find.png
new file mode 100644
index 0000000000..dd39018d0f
--- /dev/null
+++ b/resources/css/fab/images/buttons/find.png
diff --git a/resources/css/fab/images/buttons/find_facts.png b/resources/css/fab/images/buttons/find_facts.png
new file mode 100644
index 0000000000..2ba25a7858
--- /dev/null
+++ b/resources/css/fab/images/buttons/find_facts.png
diff --git a/resources/css/fab/images/buttons/head.png b/resources/css/fab/images/buttons/head.png
new file mode 100644
index 0000000000..8c381b7d6a
--- /dev/null
+++ b/resources/css/fab/images/buttons/head.png
diff --git a/resources/css/fab/images/buttons/place.png b/resources/css/fab/images/buttons/place.png
new file mode 100644
index 0000000000..8d4684fac3
--- /dev/null
+++ b/resources/css/fab/images/buttons/place.png
diff --git a/resources/css/fab/images/cfamily.png b/resources/css/fab/images/cfamily.png
new file mode 100644
index 0000000000..605ef01d03
--- /dev/null
+++ b/resources/css/fab/images/cfamily.png
diff --git a/resources/css/fab/images/childless.png b/resources/css/fab/images/childless.png
new file mode 100644
index 0000000000..10f82fe6fe
--- /dev/null
+++ b/resources/css/fab/images/childless.png
diff --git a/resources/css/fab/images/children.png b/resources/css/fab/images/children.png
new file mode 100644
index 0000000000..64d2503625
--- /dev/null
+++ b/resources/css/fab/images/children.png
diff --git a/resources/css/fab/images/clippings.png b/resources/css/fab/images/clippings.png
new file mode 100644
index 0000000000..c2bb99cf36
--- /dev/null
+++ b/resources/css/fab/images/clippings.png
diff --git a/resources/css/fab/images/close.png b/resources/css/fab/images/close.png
new file mode 100644
index 0000000000..8b31a0c4be
--- /dev/null
+++ b/resources/css/fab/images/close.png
diff --git a/resources/css/fab/images/edit_indi.png b/resources/css/fab/images/edit_indi.png
new file mode 100644
index 0000000000..4303823993
--- /dev/null
+++ b/resources/css/fab/images/edit_indi.png
diff --git a/resources/css/fab/images/fambook.png b/resources/css/fab/images/fambook.png
new file mode 100644
index 0000000000..b07526f71e
--- /dev/null
+++ b/resources/css/fab/images/fambook.png
diff --git a/resources/css/fab/images/icon-mime-sprite.png b/resources/css/fab/images/icon-mime-sprite.png
new file mode 100644
index 0000000000..b4c9bed343
--- /dev/null
+++ b/resources/css/fab/images/icon-mime-sprite.png
diff --git a/resources/css/fab/images/image_add.png b/resources/css/fab/images/image_add.png
new file mode 100644
index 0000000000..ecac61c284
--- /dev/null
+++ b/resources/css/fab/images/image_add.png
diff --git a/resources/css/fab/images/image_link.png b/resources/css/fab/images/image_link.png
new file mode 100644
index 0000000000..190b08e7d2
--- /dev/null
+++ b/resources/css/fab/images/image_link.png
diff --git a/resources/css/fab/images/images.png b/resources/css/fab/images/images.png
new file mode 100644
index 0000000000..b3854d450a
--- /dev/null
+++ b/resources/css/fab/images/images.png
diff --git a/resources/css/fab/images/indi_sprite.png b/resources/css/fab/images/indi_sprite.png
new file mode 100644
index 0000000000..f0dab25361
--- /dev/null
+++ b/resources/css/fab/images/indi_sprite.png
diff --git a/resources/css/fab/images/indicator.gif b/resources/css/fab/images/indicator.gif
new file mode 100644
index 0000000000..085ccaecaf
--- /dev/null
+++ b/resources/css/fab/images/indicator.gif
diff --git a/resources/css/fab/images/indis.png b/resources/css/fab/images/indis.png
new file mode 100644
index 0000000000..79c3d7b625
--- /dev/null
+++ b/resources/css/fab/images/indis.png
diff --git a/resources/css/fab/images/lifespan-chunk.png b/resources/css/fab/images/lifespan-chunk.png
new file mode 100644
index 0000000000..1eb0f30490
--- /dev/null
+++ b/resources/css/fab/images/lifespan-chunk.png
diff --git a/resources/css/fab/images/media.png b/resources/css/fab/images/media.png
new file mode 100644
index 0000000000..5bb919380b
--- /dev/null
+++ b/resources/css/fab/images/media.png
diff --git a/resources/css/fab/images/minus.png b/resources/css/fab/images/minus.png
new file mode 100644
index 0000000000..8ed68808da
--- /dev/null
+++ b/resources/css/fab/images/minus.png
diff --git a/resources/css/fab/images/move.png b/resources/css/fab/images/move.png
new file mode 100644
index 0000000000..c8f799aa1a
--- /dev/null
+++ b/resources/css/fab/images/move.png
diff --git a/resources/css/fab/images/mypage.png b/resources/css/fab/images/mypage.png
new file mode 100644
index 0000000000..3a46dbb34e
--- /dev/null
+++ b/resources/css/fab/images/mypage.png
diff --git a/resources/css/fab/images/open.png b/resources/css/fab/images/open.png
new file mode 100644
index 0000000000..05474627b2
--- /dev/null
+++ b/resources/css/fab/images/open.png
diff --git a/resources/css/fab/images/patriarch.png b/resources/css/fab/images/patriarch.png
new file mode 100644
index 0000000000..6e4646c1f1
--- /dev/null
+++ b/resources/css/fab/images/patriarch.png
diff --git a/resources/css/fab/images/pedigree.png b/resources/css/fab/images/pedigree.png
new file mode 100644
index 0000000000..5a1dfe9b15
--- /dev/null
+++ b/resources/css/fab/images/pedigree.png
diff --git a/resources/css/fab/images/pin-in.png b/resources/css/fab/images/pin-in.png
new file mode 100644
index 0000000000..bba02bc592
--- /dev/null
+++ b/resources/css/fab/images/pin-in.png
diff --git a/resources/css/fab/images/pin-out.png b/resources/css/fab/images/pin-out.png
new file mode 100644
index 0000000000..2578e04689
--- /dev/null
+++ b/resources/css/fab/images/pin-out.png
diff --git a/resources/css/fab/images/place.png b/resources/css/fab/images/place.png
new file mode 100644
index 0000000000..b381240577
--- /dev/null
+++ b/resources/css/fab/images/place.png
diff --git a/resources/css/fab/images/plus.png b/resources/css/fab/images/plus.png
new file mode 100644
index 0000000000..64e15fc9f3
--- /dev/null
+++ b/resources/css/fab/images/plus.png
diff --git a/resources/css/fab/images/powered-by-webtrees.png b/resources/css/fab/images/powered-by-webtrees.png
new file mode 100644
index 0000000000..64b34a8bc8
--- /dev/null
+++ b/resources/css/fab/images/powered-by-webtrees.png
diff --git a/resources/css/fab/images/rarrow.png b/resources/css/fab/images/rarrow.png
new file mode 100644
index 0000000000..705bc43c4f
--- /dev/null
+++ b/resources/css/fab/images/rarrow.png
diff --git a/resources/css/fab/images/rdarrow.png b/resources/css/fab/images/rdarrow.png
new file mode 100644
index 0000000000..198e7d1768
--- /dev/null
+++ b/resources/css/fab/images/rdarrow.png
diff --git a/resources/css/fab/images/reminder.png b/resources/css/fab/images/reminder.png
new file mode 100644
index 0000000000..fa5bbcf507
--- /dev/null
+++ b/resources/css/fab/images/reminder.png
diff --git a/resources/css/fab/images/remove-dis.png b/resources/css/fab/images/remove-dis.png
new file mode 100644
index 0000000000..f27f67d1a2
--- /dev/null
+++ b/resources/css/fab/images/remove-dis.png
diff --git a/resources/css/fab/images/remove.png b/resources/css/fab/images/remove.png
new file mode 100644
index 0000000000..d781275707
--- /dev/null
+++ b/resources/css/fab/images/remove.png
diff --git a/resources/css/fab/images/reorder.png b/resources/css/fab/images/reorder.png
new file mode 100644
index 0000000000..2cfe889ad1
--- /dev/null
+++ b/resources/css/fab/images/reorder.png
diff --git a/resources/css/fab/images/repository.png b/resources/css/fab/images/repository.png
new file mode 100644
index 0000000000..10eec3f7ca
--- /dev/null
+++ b/resources/css/fab/images/repository.png
diff --git a/resources/css/fab/images/resn_confidential.png b/resources/css/fab/images/resn_confidential.png
new file mode 100644
index 0000000000..7ecea33a1a
--- /dev/null
+++ b/resources/css/fab/images/resn_confidential.png
diff --git a/resources/css/fab/images/resn_locked.png b/resources/css/fab/images/resn_locked.png
new file mode 100644
index 0000000000..43fa09b350
--- /dev/null
+++ b/resources/css/fab/images/resn_locked.png
diff --git a/resources/css/fab/images/resn_none.png b/resources/css/fab/images/resn_none.png
new file mode 100644
index 0000000000..1b5f57a70f
--- /dev/null
+++ b/resources/css/fab/images/resn_none.png
diff --git a/resources/css/fab/images/resn_privacy.png b/resources/css/fab/images/resn_privacy.png
new file mode 100644
index 0000000000..ca462fd84d
--- /dev/null
+++ b/resources/css/fab/images/resn_privacy.png
diff --git a/resources/css/fab/images/rings.png b/resources/css/fab/images/rings.png
new file mode 100644
index 0000000000..698927d4b8
--- /dev/null
+++ b/resources/css/fab/images/rings.png
diff --git a/resources/css/fab/images/search.png b/resources/css/fab/images/search.png
new file mode 100644
index 0000000000..360c293582
--- /dev/null
+++ b/resources/css/fab/images/search.png
diff --git a/resources/css/fab/images/selected.png b/resources/css/fab/images/selected.png
new file mode 100644
index 0000000000..c3c1c25802
--- /dev/null
+++ b/resources/css/fab/images/selected.png
diff --git a/resources/css/fab/images/sex_f_15x15.png b/resources/css/fab/images/sex_f_15x15.png
new file mode 100644
index 0000000000..2d3abae32a
--- /dev/null
+++ b/resources/css/fab/images/sex_f_15x15.png
diff --git a/resources/css/fab/images/sex_f_9x9.png b/resources/css/fab/images/sex_f_9x9.png
new file mode 100644
index 0000000000..e35e46ccd4
--- /dev/null
+++ b/resources/css/fab/images/sex_f_9x9.png
diff --git a/resources/css/fab/images/sex_m_15x15.png b/resources/css/fab/images/sex_m_15x15.png
new file mode 100644
index 0000000000..4ac7956421
--- /dev/null
+++ b/resources/css/fab/images/sex_m_15x15.png
diff --git a/resources/css/fab/images/sex_m_9x9.png b/resources/css/fab/images/sex_m_9x9.png
new file mode 100644
index 0000000000..32a8484b1f
--- /dev/null
+++ b/resources/css/fab/images/sex_m_9x9.png
diff --git a/resources/css/fab/images/sex_u_15x15.png b/resources/css/fab/images/sex_u_15x15.png
new file mode 100644
index 0000000000..158c3f9a10
--- /dev/null
+++ b/resources/css/fab/images/sex_u_15x15.png
diff --git a/resources/css/fab/images/sex_u_9x9.png b/resources/css/fab/images/sex_u_9x9.png
new file mode 100644
index 0000000000..d113a1898c
--- /dev/null
+++ b/resources/css/fab/images/sex_u_9x9.png
diff --git a/resources/css/fab/images/sfamily.png b/resources/css/fab/images/sfamily.png
new file mode 100644
index 0000000000..8b2270cae2
--- /dev/null
+++ b/resources/css/fab/images/sfamily.png
diff --git a/resources/css/fab/images/silhouette_female.png b/resources/css/fab/images/silhouette_female.png
new file mode 100644
index 0000000000..871eaa753a
--- /dev/null
+++ b/resources/css/fab/images/silhouette_female.png
diff --git a/resources/css/fab/images/silhouette_female_small.png b/resources/css/fab/images/silhouette_female_small.png
new file mode 100644
index 0000000000..63b0597d4a
--- /dev/null
+++ b/resources/css/fab/images/silhouette_female_small.png
diff --git a/resources/css/fab/images/silhouette_male.png b/resources/css/fab/images/silhouette_male.png
new file mode 100644
index 0000000000..d2f1009a19
--- /dev/null
+++ b/resources/css/fab/images/silhouette_male.png
diff --git a/resources/css/fab/images/silhouette_male_small.png b/resources/css/fab/images/silhouette_male_small.png
new file mode 100644
index 0000000000..5bf17eb4c3
--- /dev/null
+++ b/resources/css/fab/images/silhouette_male_small.png
diff --git a/resources/css/fab/images/silhouette_unknown.png b/resources/css/fab/images/silhouette_unknown.png
new file mode 100644
index 0000000000..d0417439ee
--- /dev/null
+++ b/resources/css/fab/images/silhouette_unknown.png
diff --git a/resources/css/fab/images/silhouette_unknown_small.png b/resources/css/fab/images/silhouette_unknown_small.png
new file mode 100644
index 0000000000..872432a50f
--- /dev/null
+++ b/resources/css/fab/images/silhouette_unknown_small.png
diff --git a/resources/css/fab/images/source.png b/resources/css/fab/images/source.png
new file mode 100644
index 0000000000..d51b3e41e9
--- /dev/null
+++ b/resources/css/fab/images/source.png
diff --git a/resources/css/fab/images/stop.png b/resources/css/fab/images/stop.png
new file mode 100644
index 0000000000..a15d4bae84
--- /dev/null
+++ b/resources/css/fab/images/stop.png
diff --git a/resources/css/fab/images/user_add.png b/resources/css/fab/images/user_add.png
new file mode 100644
index 0000000000..7a511a376c
--- /dev/null
+++ b/resources/css/fab/images/user_add.png
diff --git a/resources/css/fab/images/video.png b/resources/css/fab/images/video.png
new file mode 100644
index 0000000000..b0862f2278
--- /dev/null
+++ b/resources/css/fab/images/video.png
diff --git a/resources/css/fab/images/warning.png b/resources/css/fab/images/warning.png
new file mode 100644
index 0000000000..d484c33341
--- /dev/null
+++ b/resources/css/fab/images/warning.png
diff --git a/resources/css/fab/images/zoomin.png b/resources/css/fab/images/zoomin.png
new file mode 100644
index 0000000000..cea0ec773b
--- /dev/null
+++ b/resources/css/fab/images/zoomin.png
diff --git a/resources/css/fab/images/zoomout.png b/resources/css/fab/images/zoomout.png
new file mode 100644
index 0000000000..5bfa433154
--- /dev/null
+++ b/resources/css/fab/images/zoomout.png
diff --git a/resources/css/images/add.png b/resources/css/images/add.png
new file mode 100644
index 0000000000..c4554632f2
--- /dev/null
+++ b/resources/css/images/add.png
diff --git a/resources/css/images/dline.png b/resources/css/images/dline.png
new file mode 100644
index 0000000000..079e06bed0
--- /dev/null
+++ b/resources/css/images/dline.png
diff --git a/resources/css/images/dline2.png b/resources/css/images/dline2.png
new file mode 100644
index 0000000000..6b2c4d0158
--- /dev/null
+++ b/resources/css/images/dline2.png
diff --git a/resources/css/images/hline.png b/resources/css/images/hline.png
new file mode 100644
index 0000000000..7d23f087d3
--- /dev/null
+++ b/resources/css/images/hline.png
diff --git a/resources/css/images/layers-2x.png b/resources/css/images/layers-2x.png
new file mode 100644
index 0000000000..200c333dca
--- /dev/null
+++ b/resources/css/images/layers-2x.png
diff --git a/resources/css/images/layers.png b/resources/css/images/layers.png
new file mode 100644
index 0000000000..1a72e5784b
--- /dev/null
+++ b/resources/css/images/layers.png
diff --git a/resources/css/images/loading-32x32.gif b/resources/css/images/loading-32x32.gif
new file mode 100644
index 0000000000..5bb90fd6a4
--- /dev/null
+++ b/resources/css/images/loading-32x32.gif
diff --git a/resources/css/images/marker-icon-2x.png b/resources/css/images/marker-icon-2x.png
new file mode 100644
index 0000000000..88f9e50188
--- /dev/null
+++ b/resources/css/images/marker-icon-2x.png
diff --git a/resources/css/images/marker-icon.png b/resources/css/images/marker-icon.png
new file mode 100644
index 0000000000..950edf2467
--- /dev/null
+++ b/resources/css/images/marker-icon.png
diff --git a/resources/css/images/marker-shadow.png b/resources/css/images/marker-shadow.png
new file mode 100644
index 0000000000..9fd2979532
--- /dev/null
+++ b/resources/css/images/marker-shadow.png
diff --git a/resources/css/images/spacer.png b/resources/css/images/spacer.png
new file mode 100644
index 0000000000..a31b396979
--- /dev/null
+++ b/resources/css/images/spacer.png
diff --git a/resources/css/images/vline.png b/resources/css/images/vline.png
new file mode 100644
index 0000000000..4aefe4df4e
--- /dev/null
+++ b/resources/css/images/vline.png
diff --git a/resources/css/minimal.css b/resources/css/minimal.css
new file mode 100755
index 0000000000..d46d7be2d0
--- /dev/null
+++ b/resources/css/minimal.css
@@ -0,0 +1,2686 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2018 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* The minimal theme */
+
+/* Override Bootstrap formatting */
+.btn-link {
+	padding-left: 0.25rem;
+	padding-right: 0.25rem;
+}
+
+.table-given-name {
+    overflow-x: hidden;
+}
+
+.container-fluid {
+    padding-left: 5px;
+    padding-right: 5px;
+}
+
+table {
+	border-collapse: separate;
+}
+
+/*
+ * Any element that is loaded dynamically has the class wt-ajax-load.
+ * We can provide a "loading" placeholder for empty elements with this class.
+ */
+.wt-ajax-load:empty {
+	height: 32px;
+	background: url(images/loading-32x32.gif) no-repeat 50% 50%;
+}
+
+/*
+ * Icons use FontAwesome by default, but have additional classes to
+ * allow them to be overridden
+ *
+ * .wt-icon-arrow-down
+ * .wt-icon-arrow-end (right on LTR, left on RTL)
+ * .wt-icon-arrow-start (left on LTR, right on RTL)
+ * .wt-icon-arrow-up
+ * .wt-icon-bing-maps
+ * .wt-icon-calendar
+ * .wt-icon-copy
+ * .wt-icon-delete
+ * .wt-icon-edit
+ * .wt-icon-email
+ * .wt-icon-family
+ * .wt-icon-help
+ * .wt-icon-individual
+ * .wt-icon-google-maps
+ * .wt-icon-keyboard
+ * .wt-icon-media
+ * .wt-icon-note
+ * .wt-icon-openstreetmap
+ * .wt-icon-preferences
+ * .wt-icon-repository
+ * .wt-icon-source
+ * .wt-icon-submitter
+ */
+.wt-icon-bing-maps::before {
+	width: 16px;
+	height: 16px;
+	content: url(minimal/icons/bing-maps.png);
+}
+
+.wt-icon-google-maps::before {
+	width: 16px;
+	height: 16px;
+	content: url(minimal/icons/google-maps.png);
+}
+
+.wt-icon-openstreetmap::before {
+	width: 16px;
+	height: 16px;
+	content: url(minimal/icons/openstreetmap.png);
+}
+
+/*
+ * Pages have the following high-level structure:
+ *
+ * wt-global
+ * +---wt-header-wrapper
+ *     +---wt-header-container
+ *     |   +---wt-header-content
+ *     |       +---wt-accessibility-links
+ *     |       +---wt-site-logo
+ *     |       +---wt-site-title
+ *     |       +---wt-header-search
+ *     |       |   +---wt-header-search-form
+ *     |       |       +---wt-header-search-field
+ *     |       |       +---wt-header-search-button
+ *     |       +---wt-secondary-navigation
+ *     |       |   +---wt-secondary-menu
+ *     |       +---wt-primary-navigation
+ *     |           +---wt-primary-menu
+ *     +---wt-main-container
+ *     |   +---wt-main-content
+ *     |       +---wt-messages
+ *     |       +---wt-page-title
+ *     |       +---wt-page-options wt-page-options-xxxxx
+ *     |       +---wt-page-content
+ *     +---wt-footer-container
+ *         +---wt-footer-content
+ */
+
+.wt-global {
+	/* Avoid extremes of black and white.  It is better for users with dyslexia. */
+	color: #0a0a0a;
+	background-color: #f9f9f9;
+}
+
+.wt-header-container {
+	margin-top: 1rem;
+}
+
+.wt-header-content {
+}
+
+.wt-accessibility-links {
+}
+
+.wt-site-logo {
+	display: none;
+}
+
+.wt-site-title {
+	order: 1;
+	flex: 1 1 0;
+	font-size: 1.75rem;
+}
+
+.wt-header-search {
+	order: 3;
+	flex: 0 0 15rem;
+}
+
+.wt-header-search-form {
+}
+
+.wt-secondary-navigation {
+	order: 2;
+	flex: 0 0 0;
+	white-space: nowrap;
+}
+
+.wt-secondary-menu {
+}
+
+.wt-secondary-menu .nav-link {
+	padding: 0.5rem;
+}
+
+.wt-primary-navigation {
+	order: 4;
+	/* Extend to full page width */
+	flex: 0 1 100vw;
+	max-width: 100vw;
+	/* Recalculate margins for content */
+	margin: 0 calc(50% - 50vw);
+	padding: 0 calc(50vw - 50%);
+	border-bottom: 2px solid #aaa;
+}
+
+.wt-primary-menu {
+	justify-content: center;
+}
+
+.wt-primary-menu .nav-link {
+	padding: 0.5rem;
+}
+
+.wt-main-container {
+}
+
+.wt-main {
+}
+
+.wt-messages {
+}
+
+.wt-page-title {
+	text-align: center;
+}
+
+.wt-page-content {
+	margin-top: 1rem;
+}
+
+.wt-footer-container {
+}
+
+.wt-footer-content {
+}
+
+.wt-contact-links {
+}
+
+.wt-powered-by-webtrees {
+}
+
+.wt-page-views {
+}
+
+.wt-cookie-warning {
+}
+
+/*
+ * The home/my pages
+ *
+ * wt-home-page / wt-user-page
+ * +---wt-main-blocks
+ * |   +---wt-block, wt-block-AAA
+ * |   +---wt-block, wt-block-BBB
+ * |   +---wt-block, wt-block-CCC
+ * +---wt-side-blocks
+ *     +---wt-block, wt-block-XXX
+ *     +---wt-block, wt-block-YYY
+ *     +---wt-block, wt-block-ZZZ
+ *
+ * Each block as the structure
+ * wt-block, wt-block-XXX
+ * +---wt-block-header, wt-block-header-XXX
+ * +---wt-block-content, wt-block-content-XXX
+ */
+
+.wt-block {
+	border: solid #000 1px;
+}
+
+.wt-block-header {
+	background-color: #fff;
+}
+
+.wt-block-content {
+}
+
+/*
+ * Edit genealogy data page
+ *
+ * wt-edit-page, wt-edit-XXXX-page
+ */
+
+/*
+ * Configure home/my page blocks page
+ *
+ * wt-edit-blocks-page
+ */
+
+.wt-block-content .list_table {
+	border-spacing: 1px;
+	border: solid #000 1px;
+	border-right: 0;
+}
+
+.wt-block-content .list_value,
+.wt-block-content .list_value_wrap {
+	border: 0;
+	border-top: solid #000 1px;
+	border-right: solid #000 1px;
+}
+
+/*
+ * Ancestors chart
+ *
+ * wt-chart, wt-ancestors-chart
+ * +---wt-ancestors-chart-list
+ *     +---wt-ancestors-chart-list-item
+ *         +---
+ *         +---wt-ancestors-chart-list
+ *         +---wt-ancestors-chart-list-item
+ *             +---...
+ */
+.wt-ancestors-chart-list {
+}
+
+.wt-ancestors-chart-list-item {
+}
+
+/*
+ * Compact chart
+ *
+ * wt-chart, wt-compact-chart
+ */
+
+.wt-ancestors-chart-list-item {
+}
+
+/*
+ * Descendants chart
+ *
+ * wt-chart, wt-descendants-chart
+ * +---wt-descendants-chart-list
+ *     +---wt-descendants-chart-list-item
+ */
+.wt-descendants-chart-list {
+}
+
+.wt-descendants-chart-list-item {
+}
+
+/*
+ * Family book chart
+ *
+ * wt-chart, wt-family-book-chart
+ */
+
+/*
+ * Fan chart
+ *
+ * wt-chart, wt-fan-chart
+ */
+
+/*
+ * Hourglass chart
+ *
+ * wt-chart, wt-hourglass-chart
+ */
+
+/*
+ * Hourglass chart
+ *
+ * wt-chart, wt-interactive-tree
+ */
+
+/*
+ * Lifespans chart
+ *
+ * wt-chart, wt-lifespans-chart
+ */
+
+/*
+ * Pedigree chart
+ *
+ * wt-chart, wt-pedigree-chart
+ */
+
+/*
+ * Pedigree map
+ *
+ * wt-chart, wt-pedigree-map
+ */
+
+/*
+ * Relationships chart
+ *
+ * wt-chart, wt-relationships-chart
+ */
+
+/*
+ * Statistics chart
+ *
+ * wt-chart, wt-statistics-chart
+ */
+
+/*
+ * Timeline chart
+ *
+ * wt-chart, wt-timeline-chart
+ */
+
+/*
+ * Family list and individual list
+ *
+ * wt-page-options
+ * +---wt-initials-list
+ *     +---wt-initial-list-item
+ *         +---wt-initial
+ *         +---wt-initial, active
+ * wt-page-content
+ * +---wt-list, wt-{family,individual}-list
+ */
+
+.wt-initials-list {
+	list-style: none;
+}
+
+.wt-initials-list-item {
+	display: inline;
+}
+
+.wt-initials-list-item + .wt-initials-list-item::before {
+	content: '|';
+}
+
+.wt-initial {
+	padding: 0 0.25rem;
+}
+
+.wt-initial.active {
+	color: #f00;
+	font-weight: bold;
+}
+
+/*
+ * Media object list
+ *
+ * wt-list, wt-media-list
+ */
+
+/*
+ * Note object list
+ *
+ * wt-list, wt-note-list
+ */
+
+/*
+ * Source list
+ *
+ * wt-list, wt-source-list
+ */
+
+/*
+ * Repository list
+ *
+ * wt-list, wt-repository-list
+ */
+
+/*
+ * Branches list
+ *
+ * wt-branches-page
+ */
+
+/*
+ * Place hierarchy
+ *
+ * wt-place-hierarchy-page
+ */
+
+/*
+ * Calendar
+ *
+ * wt-calendar-page
+ */
+
+/*
+ * Reports
+ *
+ * wt-reports-page
+ */
+
+/*
+ * Search
+ *
+ * wt-search-page, wt-general-serach-page/wt-phonetic-search-page/wt-advanced-search-page/wt-search-replace-page
+ */
+
+/* ios on click workaround */
+/* ---Pending edits--- */
+.new {
+	outline: solid thin blue;
+}
+.old {
+	outline: solid thin red;
+}
+
+.person_box,
+.person_boxF,
+.person_boxNN {
+	margin: 0;
+	border: 1px solid #ccc;
+}
+
+.person_box_template .details0,
+.person_box_template .details1 {
+    font-size: 11px;
+}
+
+.person_box {
+	padding: 3px;
+	background-color: #fff;
+	border: solid #555 1px;
+}
+
+.person_boxF {
+	padding: 3px;
+	background-color: #fff;
+	border: solid #555 1px;
+}
+
+.person_boxNN {
+	padding: 3px;
+	background-color: #fff;
+	border: 1px dashed #808080;
+}
+
+.person_box:target,
+.news_box:target,
+#gedcom_stats:target {
+	background-color: #ffc;
+}
+
+.center {
+	text-align: center;
+}
+
+.clearfloat {
+	clear: both;
+}
+
+.list_value,
+.list_value_wrap {
+	border: solid #000 1px;
+	vertical-align: top;
+	padding: 4px;
+}
+
+/* ---Find special characters--- */
+
+/* ======== Person box ======= */
+.gedcom_favorites_block,
+.user_favorites_block,
+.person_box_template {
+	overflow: visible !important;
+}
+
+/* Box styles are
+	0 compact view
+	1 normal view - small box
+	2 normal view - large box
+*/
+.box-style0 {
+	cursor: url(minimal/images/zoomin.png), n-resize;
+}
+
+.box-style0-expanded {
+	cursor: url(minimal/images/zoomout.png), n-resize;
+}
+
+.box-style0-expanded,
+.box-style1-expanded {
+	width: 300px !important;
+	height: auto !important;
+	line-height: 1.5em!important;
+}
+
+.person_box_template {
+	height: auto;
+	white-space: normal;
+	overflow: hidden !important;
+}
+
+.person_box_template .namedef i[class^="icon-sex"] {
+	margin-left: 3px;
+}
+
+.person_box_template .icons {
+	float: right;
+}
+
+.person_box_template .inout {
+	clear: both;
+	display: none;
+}
+
+.person_box_template .noprint {
+	width: 25px;
+	height: 50px;
+	position: relative;
+}
+
+.person_box_template .chart_textbox {
+	overflow: hidden;
+	font-size: .75rem;
+	line-height: 1;
+	padding-bottom: 4px;
+}
+
+.person_box_template .chart_textbox .name1{
+	line-height: 1;
+	font-weight: bold;
+}
+
+.person_box_template img,
+.person_box_template a.gallery {
+	float: left;
+	height: 50px;
+	margin: 0 2px 0 0;
+	max-width: 80px;
+	width: auto;
+}
+
+.person_box_template i[class^="icon-silhouette"] {
+	float: left;
+}
+
+.list_table {
+	margin: 0 auto;
+}
+
+#reportengine-page .report-type {
+	overflow: hidden;
+	margin: auto;
+	width: 180px;
+}
+
+#reportengine-page .report-type div {
+	float: left;
+	margin: 0 20px;
+}
+
+#reportengine-page .report-type p {
+	margin: 0;
+	text-align: center;
+}
+
+/* styles for popup menus */
+.itr {
+	position: absolute;
+	line-height: 1.5;
+}
+
+.popup {
+	position: absolute;
+	top: 20px;
+	right: 0;
+	left: auto;
+	visibility: hidden;
+	opacity: 0;
+	transition: visibility 0s ease .25s,opacity .25s ease;
+	z-index: 9999;
+	box-shadow: 5px 5px 5px 0 rgba(0,0,0,.4);
+}
+
+.popup ul {
+	white-space: nowrap;
+	list-style: none;
+	margin: 0;
+	padding: 0 10px;
+	font-size: smaller;
+}
+
+.popup > ul {
+	padding: 2px 10px;
+}
+
+.popup li .NAME {
+	padding: 0 5px;
+}
+
+.itr:hover .popup {
+	visibility: visible;
+	opacity: 1;
+	transition-delay: 0s;
+}
+
+/* styles for FindFacts pop-up */
+#layDefinedTags,
+#tabDefinedTagsShow {
+	width: 450px;
+}
+
+#tabDefinedTags {
+	width: 430px;
+}
+
+#layDefinedTags {
+	margin-left: auto;
+	margin-right: auto;
+	height: 285px;
+	overflow: auto;
+}
+
+#tabDefinedTags {
+	border-collapse: collapse;
+}
+
+#tabDefinedTags th,
+#tabDefinedTags td {
+	border: solid 1px #000;
+	margin: 0;
+	padding: 3px;
+}
+
+#tabDefinedTags tbody th {
+	text-align: left;
+	font-weight: bold;
+}
+
+#tabDefinedTags tr.sel {
+	background-color: #cde;
+	color: #888;
+}
+
+#tabDefinedTags tr.unsel {
+	background-color: #fff;
+	color: #888;
+}
+
+#tabDefinedTagsShow {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#tabDefinedTagsShow td {
+	width: 50%;
+	text-align: center;
+}
+
+#tabFilterAndCustom {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#tabAction {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#tabAction td {
+	width: 50%;
+	text-align: center;
+}
+
+/* ======== List styles ====== */
+.source-list,
+.note-list,
+.repo-list,
+.media-list,
+.indi-list,
+.fam-list {
+	margin: 5px auto;
+	width: 98%;
+}
+
+.recent_changes_block,
+.upcoming_events_block,
+.todays_events_block,
+.todo_block {
+	width: 98%;
+}
+
+.surname-list,
+.givn-list {
+	margin: 5px auto;
+}
+
+.source-list table,
+.note-list table,
+.repo-list table,
+.media-list table,
+.indi-list table,
+.fam-list table {
+	width: 100%;
+}
+
+.source-list td,
+.note-list td,
+.repo-list td,
+.media-list td,
+.indi-list td,
+.fam-list td,
+.recent_changes_block td,
+.upcoming_events_block td,
+.surname-list td,
+.givn-list td {
+	padding: 2px 5px;
+}
+
+.indi-list td,
+.fam-list td {
+	color: #555;
+}
+
+.surname-list td {
+	vertical-align: top;
+}
+
+.indi-list .stats,
+.fam-list .stats {
+	margin: 0 auto;
+	width: auto;
+}
+
+.source-list th,
+.note-list th,
+.repo-list th,
+.media-list th,
+.indi-list th,
+.fam-list th,
+.wt-table-changes th,
+.wt-table-events th,
+.wt-table-tasks th,
+.wt-table-yahrzeits th,
+.surname-list th,
+.givn-list th {
+	cursor: pointer;
+	font-weight: 600;
+	padding: 2px 4px;
+	white-space: nowrap;
+}
+
+.source-list th:last-child,
+.note-list th:last-child,
+.repo-list th:last-child {
+	margin: 0 -2px 1px 1px;
+	padding: 3px 0 4px;
+	width: 24px;
+}
+
+.givn-list th {
+	cursor: pointer;
+	white-space: nowrap;
+	padding: 2px;
+	text-align: center;
+}
+
+#source-details h2,
+#sourcelist-page h2,
+#note-details h2,
+#notelist-page h2,
+#repo-details h2,
+#repolist-page h2,
+#media-details h2,
+#statistics-page h2 {
+	margin-bottom: 20px;
+	text-align: center;
+}
+
+#source-tabs,
+#note-tabs,
+#repo-tabs,
+#media-tabs {
+	visibility: hidden;
+}
+
+#statistics_chart {
+	visibility: hidden;
+}
+
+#source-edit,
+#note-edit,
+#repo-edit,
+#media-edit {
+	overflow-x: auto;
+}
+
+.media-list td img {
+	display: block;
+	height: 40px;
+	width: auto;
+	margin: 3px auto;
+}
+
+.filtersH,
+.filtersF {
+	margin: 4px;
+}
+
+.filtersH img {
+	margin-bottom: 2px;
+}
+
+.list-charts {
+	text-align: center;
+}
+
+#search-result-tabs,
+#places-tabs {
+	margin: auto;
+	width: 98%;
+	visibility: hidden;
+}
+
+#search-result-tabs h3 {
+	text-align: center;
+}
+
+#searchAccordion-indi,
+#searchAccordion-fam,
+#searchAccordion-source,
+#searchAccordion-note {
+	margin: auto;
+	width: 99%;
+}
+
+#place-hierarchy h2,
+#place-hierarchy h4 {
+	text-align: center;
+}
+
+/* ======== Block styles ===== */
+#index_main_blocks {
+	clear: none;
+	width: 60%;
+	float: left;
+}
+
+#index_small_blocks {
+	clear: none;
+	width: 40%;
+	float: right;
+}
+
+#index_full_blocks {
+	clear: none;
+	width: 100%;
+}
+
+.block {
+	background-color: #fff;
+	color: #555;
+	border: solid #ccc 1px;
+	padding: 3px;
+	vertical-align: top;
+}
+
+.blockcontent {
+	margin: 5px;
+	overflow: auto;
+}
+
+.blockcontent .list_table {
+	border-spacing: 0;
+	border: solid #555 1px;
+	border-right: 0;
+}
+
+.blockcontent .list_value,
+.blockcontent .list_value_wrap {
+	border: 0;
+	border-top: solid #555 1px;
+	border-right: solid #555 1px;
+}
+
+.blockheader {
+	font-weight: bold;
+}
+
+/* end Block styles */
+
+#main_select,
+#available_select,
+#right_select {
+	min-width: 150px;
+}
+
+.user_welcome_block table,
+.gedcom_block_block table {
+	margin: auto;
+}
+
+.user_welcome_block td,
+.gedcom_block_block td {
+	width: 33%;
+	text-align: center;
+	vertical-align: top;
+}
+
+.user_welcome_block i,
+.gedcom_block_block i {
+	background-image: none;
+	height: 0;
+	width: 0;
+}
+
+/* ==== Favourites block ===== */
+.blockcontent .person_box_template .details2 {
+	min-height: 40px;
+}
+
+.blockcontent [class*='box-style2'] {
+	margin: 5px 0;
+}
+
+.add_fav_head {
+	font-weight: 900;
+	margin: 5px 0;
+}
+
+.add_fav_head i {
+	margin: 0 5px 1px;
+}
+
+.add_fav_ref label {
+	display: inline-block;
+	min-width: 100px;
+}
+
+.add_fav_ref input {
+	margin: 0 5px;
+}
+
+/* === Who is online block === */
+.logged_in_list {
+	margin: 5px 0 0;
+	padding: 0;
+	line-height: 20px;
+}
+
+/* Table of genealogical facts */
+
+.wt-facts-table caption {
+	caption-side: top;
+}
+
+.wt-facts-table th {
+	border: 1px solid #000;
+	font-weight: normal;
+	min-width: 20%;
+}
+
+.wt-facts-table td {
+	border: solid #000 1px;
+}
+
+a {
+	color: #333;
+	text-decoration: none;
+}
+
+a:hover {
+	color: #333;
+	text-decoration: underline;
+}
+
+a:hover {
+    text-decoration: underline!important;
+}
+
+.nameZoom {
+    font-size: 16px;
+    font-weight: bold;
+}
+
+/* ==== Theme select block === */
+.theme_form ul {
+	margin: -10px auto;
+}
+
+.theme_form li {
+	visibility: hidden;
+}
+
+.theme_form li ul li {
+	display: inline-block;
+	padding: 10px;
+	visibility: visible;
+}
+
+/* ==== FAQ table styles ===== */
+table.faq {
+	background-color: #ddd;
+	margin: 5px 0 50px 5px;
+	width: 98%;
+}
+
+table.faq tr:nth-child(odd) td {
+	background-color: #fff;
+}
+
+div.faq_title {
+	background-color: #ddd;
+	margin: 1em 0;
+	padding: .25em;
+	font-weight: bold;
+	width: 98%;
+}
+
+div.faq_body {
+	clear: both;
+	padding: 0 1em;
+}
+
+.faq_top {
+	float: right;
+}
+
+/* === Positioning edit, copy, delete links === */
+/* General use */
+.editfacts {
+	clear: left;
+	padding-top: 15px;
+}
+
+/* ======== Indi header ====== */
+#indi_header {
+	overflow: hidden;
+	margin: 0 4px 5px;
+	width: 98%;
+}
+
+#indi_header h3 {
+	color: #555;
+	font-size: 90%;
+	font-weight: bold;
+	margin: 0;
+	padding: 0 10px 0 30px;
+	text-align: left;
+	overflow: hidden;
+	position: relative;
+}
+
+#indi_header .name_one {
+	font-size: 1.5em;
+}
+
+#indi_header h3 .details1 {
+	font-size: 1.0em;
+	border: 1px solid #888;
+}
+
+#indi_header h3.person_box,
+#indi_header h3.person_boxF,
+#indi_header h3.person_boxNN {
+	border: 1px solid #888;
+	background: #ddd;
+}
+
+#indi_header h3 .header_age {
+	padding: 5px 0 5px 5px;
+	color: #666;
+	float: right;
+	font-weight: normal;
+	font-size: 65%;
+}
+
+#indi_header h3 a {
+	display: inline;
+}
+
+#indi_header a {
+	font-weight: normal;
+}
+
+#indi_header a:hover {
+	color: #333;
+}
+
+#indi_mainimage {
+	float: right;
+}
+
+#header_accordion1 {
+	padding: 0 10px 0 0;
+	overflow: hidden;
+}
+
+#header_accordion1 .indi_name_details {
+	background: none #fff;
+	border: 0;
+	margin: 0;
+	overflow: hidden;
+	padding: 5px;
+}
+
+.indi_name_details .name1 {
+	font-weight: normal;
+	padding-top: 5px;
+	font-size: inherit;
+}
+
+#indi_header a.warning {
+	color: #f00;
+	font-size: 1em;
+}
+
+#indi_note {
+	margin: 0 0 5px;
+}
+
+.indi_table {
+	clear: left;
+}
+
+#sex {
+	float: right;
+}
+
+#dates {
+	color: #666;
+	float: right;
+}
+
+.label {
+	font-weight: bold;
+}
+
+#individual-names .wt-icon-edit,
+#individual-names .wt-icon-delete {
+	float: right;
+}
+
+#indi_note .fact_NOTE {
+	float: left;
+	margin: 0 5px 0 0;
+}
+
+#indi_note .fact_SOUR {
+	margin: 3px 0;
+}
+
+#indi_note .fact_SOUR a {
+	font-size: 100%;
+}
+
+#indi_note .fact_NOTE,
+#indi_note .fact_SOUR {
+	clear: both;
+}
+
+/* markdown formatting ===== */
+
+.markdown {
+	/* Tables and pre-formatted text can break the layout. */
+	overflow-x: auto;
+}
+
+.markdown p {
+	margin: 0 0 0.5em;
+	white-space: pre-wrap;
+}
+
+.markdown table {
+	border-collapse: collapse;
+	font-size: 10px;
+	margin-bottom: 5px;
+}
+
+.markdown th {
+	font-weight: bold;
+}
+
+.markdown td,
+.markdown th {
+	border: solid thin #000;
+	padding: 3px;
+}
+
+.odometer {
+	font-family: courier, monospace;
+	font-weight: bold;
+	background: #000;
+	color: #fff;
+}
+
+/* ======= General sprite ==== */
+.male_gender,
+.female_gender,
+.unknown_gender {
+	display: block;
+	background: url(minimal/images/indi_sprite.png) no-repeat;
+}
+
+.female_gender {
+	background-position: -45px 3px;
+	width: 24px;
+	height: 30px;
+}
+
+.male_gender {
+	background-position: -79px 3px;
+	width: 24px;
+	height: 30px;
+}
+
+.unknown_gender {
+	background-position: -107px 4px;
+	width: 24px;
+	height: 30px;
+}
+
+/* ======== Indi tabs ======== */
+/* Facts & Events tab */
+#personal_facts_content .fact_NOTE,
+#personal_facts_content .fact_SOUR,
+#family-table .fact_NOTE,
+#family-table .fact_SOUR {
+	margin: 5px 3px 5px 0;
+	clear: both;
+}
+
+.media-display-image {
+	float: left;
+}
+
+.media-display-title {
+	float: left;
+	font-style: italic;
+	margin: 10px;
+}
+
+/* === jQuery.datatable styling general over-rides === */
+.odd {
+	background-color: #dcdcdc;
+}
+
+.even {
+	background-color: #fff;
+}
+
+.css_right {
+	float: left;
+}
+
+.fg-button {
+	padding: 2px 6px;
+}
+
+.fg-toolbar {
+	background-color: #fff;
+	border-color: #aaa;
+}
+
+.dataTables_paginate {
+	float: left;
+	margin-bottom: 3px;
+}
+
+.dataTables_processing {
+	float: left;
+}
+
+.dataTables_filter {
+	float: right;
+	font-weight: normal;
+}
+
+.dataTables_info {
+	float: left;
+	font-weight: normal;
+	padding: 4px;
+}
+
+.recent_changes_block .dataTables_info,
+.upcoming_events_block .dataTables_info,
+.todays_events_block .dataTables_info,
+.todo_block .dataTables_info,
+.yahrzeit_block .dataTables_info {
+	padding: 0;
+}
+
+.upcoming_events_block .dataTables_info,
+.todays_events_block .dataTables_info {
+	padding: 2px 0 0;
+}
+
+.upcoming_events_block button,
+.todays_events_block button {
+	margin: 0 20px;
+}
+
+.dataTables_length {
+	float: right;
+	font-weight: normal;
+}
+
+.dataTables_length select,
+.dataTables_filter input {
+	padding: 1px;
+}
+
+.dt-clear {
+	clear: both;
+}
+
+#loading {
+	text-align: center;
+}
+
+.DataTables_sort_wrapper {
+	position: relative;
+	margin: 0 20px;
+}
+
+.DataTables_sort_wrapper span {
+	left: 0;
+	margin-left: -20px;
+	margin-top: -8px;
+	position: absolute;
+	top: 50%;
+}
+
+.dataTables_wrapper {
+	margin-bottom: 10px;
+}
+
+/* ======= Sidebar setup ===== */
+#main {
+	min-width: 600px;
+	width: 100%;
+	display: table;
+	table-layout: fixed;
+}
+
+#indi_left {
+	display: table-cell;
+}
+
+#tabs {
+	background-color: #fff;
+	border-color: #ddd;
+	padding-bottom: 0;
+	margin-bottom: 0;
+	width: 98%;
+	overflow: visible;
+}
+
+/* sidebar */
+#sidebar {
+	width: 20%;
+	display: table-cell;
+	vertical-align: top;
+}
+
+/* Sidebar - Family navigator */
+
+/* Sidebar - Descendants */
+#sb_content_descendancy {
+	margin-top: 5px;
+}
+
+#sb_desc_content {
+	margin-left: 3px;
+	font-size: 0.8em;
+}
+
+#sb_desc_content ul {
+	padding: 0;
+	margin: 0;
+}
+
+.sb_desc_indi_li {
+	list-style-type: none;
+}
+
+.desc_tree_div {
+	display: none;
+}
+
+.desc_tree_div ul {
+	padding: 0;
+	margin-left: 10px;
+	margin-top: 0;
+	margin-right: 0;
+}
+
+/* Individuals and Families */
+#sidebar-content-individuals,
+#sidebar-content-families {
+	margin-top: 5px;
+}
+
+.sb_indi_surname_li,
+.sb_fam_surname_li {
+	list-style-image: url(minimal/images/plus.png);
+}
+
+.name_tree_div ul {
+	padding: 0;
+	margin: 0;
+}
+
+.name_tree_div li {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+
+/* Clippings */
+#sb_clippings_content ul {
+	padding: 0;
+	margin: 0;
+}
+
+#sb_clippings_content li {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	white-space: nowrap;
+}
+
+/* Extra info */
+#sb_content_extra_info {
+	font-size: 80%;
+	font-weight: bold;
+	margin-top: 1px;
+	overflow: hidden;
+	padding: 5px;
+}
+
+#sb_content_extra_info .editfacts {
+	float: right;
+	margin-top: -10px;
+}
+
+#sb_content_extra_info a {
+	display: block;
+}
+
+#sb_content_extra_info span {
+	font-weight: normal;
+}
+
+#sb_content_extra_info span a {
+	display: inline;
+}
+
+#sb_content_extra_info #hitcounter {
+	border-top: 1px solid #b2c7d7;
+	font-weight: bold;
+	padding-top: 5px;
+}
+
+/* ===== Edit interface pop-ups ===== */
+#edit_interface-page h4 {
+	color: #555;
+	margin: 5px;
+}
+
+#edit_interface-page .optionbox span {
+	margin: 0 5px;
+}
+
+#edit_interface-page #LATI,
+#edit_interface-page #LONG,
+#edit_interface-page #SPFX,
+#edit_interface-page #NSFX,
+#edit_interface-page #NPFX {
+	line-height: 18px;
+	margin: 0 5px;
+	width: 88px;
+}
+
+#edit_interface-page #GIVN,
+#edit_interface-page #SURN,
+#edit_interface-page #_MARNM {
+	line-height: 18px;
+	margin: 0 5px;
+	width: 180px;
+}
+
+#edit_interface-page input[type="text"],
+#edit_interface-page #NAME_display {
+	line-height: 18px;
+	margin: 0 5px;
+	vertical-align: top;
+	width: 240px;
+}
+
+#edit_interface-page input[type="text"][id*="PAGE"],
+#edit_interface-page input[type="text"][id*="_UID"] {
+	width: 350px;
+}
+
+#edit_interface-page input[type="text"][id*="SOUR"],
+#edit_interface-page input[type="text"][id*="REPO"],
+#edit_interface-page input[type="text"][id*="OBJE"],
+#edit_interface-page input[type="text"][id*="FAMC"],
+#edit_interface-page input[type="text"][id*="ASSO"],
+#edit_interface-page input[type="text"][id^="AGE"],
+#edit_interface-page input[type="text"][id*="SHARED_NOTE"] {
+	width: 250px;
+}
+
+#edit_interface-page input[type="text"][id$="DATE"] {
+	width: 160px;
+}
+
+#edit_interface-page input[type="text"][id*="OBJE_FILE"] {
+	width: 200px;
+}
+
+#edit_interface-page input[type="text"][id*="SOUR_TITL"] {
+	width: 250px;
+}
+
+#edit_interface-page input[id*="TEXT"] {
+	height: 140px;
+	width: 440px;
+}
+
+#edit_interface-page textarea {
+	margin: 0 5px;
+	width: 440px;
+}
+
+#edit_interface-page textarea[id*="NOTE"] {
+	height: 240px;
+}
+
+#edit_interface-page textarea[id*="TEXT"],
+#edit_interface-page textarea[id*="PUBL"] {
+	height: 140px;
+}
+
+#edit_interface-page textarea[id^="newgedrec"] {
+	line-height: 18px;
+	width: 605px;
+}
+
+#edit_interface-page textarea#gedcom {
+	height: 364px;
+}
+
+#edit_interface-page textarea[id*="ADDR"],
+#edit_interface-page input[id*="ADDR"] {
+	height: 80px;
+	width: 300px;
+}
+
+#edit_interface-page,
+#addmedia-page {
+	margin-bottom: 50px;
+}
+
+/* ===== Addmedia pop-ups ===== */
+#addmedia-page input[type="text"] {
+	line-height: 18px;
+	margin: 0 5px;
+	width: 350px;
+}
+
+#addmedia-page .optionbox select {
+	margin: 0 5px;
+}
+
+#addmedia-page .optionbox p.sub {
+	margin: 0 5px;
+	font-size: 11px;
+}
+
+#addmedia-page input[type="text"][id*="PAGE"],
+#addmedia-page input[type="text"][id*="_UID"] {
+	width: 350px;
+}
+
+#addmedia-page input[type="text"][id*="SOUR"],
+#addmedia-page input[type="text"][id*="REPO"],
+#addmedia-page input[type="text"][id*="OBJE"],
+#addmedia-page input[type="text"][id*="FAMC"],
+#addmedia-page input[type="text"][id*="ASSO"],
+#addmedia-page input[type="text"][id^="AGE"],
+#addmedia-page input[type="text"][id*="SHARED_NOTE"] {
+	width: 70px;
+}
+
+#addmedia-page input[id*="TEXT"] {
+	height: 140px;
+	width: 440px;
+}
+
+#addmedia-page textarea {
+	margin: 0 5px;
+	width: 440px;
+}
+
+#addmedia-page textarea[id*="NOTE"] {
+	height: 240px;
+}
+
+#addmedia-page textarea[id*="TEXT"],
+#addmedia-page textarea[id*="PUBL"] {
+	height: 140px;
+}
+
+/* http://www.jacklmoore.com/colorbox */
+#colorbox,
+#cboxOverlay,
+#cboxWrapper {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 9999;
+	overflow: hidden;
+}
+
+#cboxWrapper {
+	max-width: none;
+}
+
+#cboxOverlay {
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	background: #fff;
+}
+
+#cboxContent {
+	background: #fff;
+	overflow: hidden;
+	position: relative;
+	padding: 0.5rem;
+	border: 0.25rem solid #ccc;
+}
+
+#cboxLoadingOverlay,
+#cboxLoadingGraphic {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+
+.cboxPhoto {
+	float: left;
+	margin: auto;
+	border: 0;
+	display: block;
+	max-width: none;
+}
+
+#colorbox,
+#cboxContent,
+#cboxLoadedContent {
+	box-sizing: content-box;
+}
+
+#cboxError {
+	padding: 50px;
+	border: 1px solid #ccc;
+}
+
+#cboxLoadedContent {
+	margin-bottom: 28px;
+}
+
+#cboxTitle {
+	background: #fff;
+	position: absolute;
+	bottom: 0.25rem;
+	left: 0;
+	margin: 0 3rem;
+	text-align: center;
+}
+
+#cboxLoadingGraphic {
+	background: url(images/loading-32x32.gif) no-repeat center center;
+}
+
+#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
+	background: none;
+	border: 0;
+	cursor: pointer;
+	font-family: "Font Awesome\ 5 Free", sans-serif;
+	font-weight: 900;
+	overflow: visible;
+	padding: 0;
+	position: absolute;
+}
+
+#cboxSlideshow {
+	bottom: 0.25rem;
+	right: 0.25rem;
+}
+
+#cboxPrevious {
+	bottom: 0.25rem;
+	left: 0.25rem;
+}
+
+#cboxNext {
+	bottom: 0.25rem;
+	left: 1.5rem;
+}
+
+#cboxClose {
+	top: 0.25rem;
+	right: 0.25rem;
+}
+
+/* Stories module */
+.story_title {
+	padding-top: 12px;
+	font-size: 13px;
+	height: 32px;
+	font-weight: bold;
+}
+
+.story_body {
+	padding: 20px;
+	white-space: normal;
+}
+
+.story_edit {
+	padding: 12px;
+}
+
+/* Stories module */
+.story_title {
+	padding-top: 12px;
+	font-size: 13px;
+	height: 32px;
+	font-weight: bold;
+}
+
+.story_body {
+	padding: 20px;
+	white-space: normal;
+}
+
+.story_edit {
+	padding: 12px;
+}
+
+/* ====== Charts Styles ======== */
+
+#people label {
+	display:block;
+}
+
+/* Ancestry chart */
+.wt-ancestors-chart-list {
+	background: transparent url(images/vline.png) left top repeat-y;
+	margin: 0 0 0 15px;
+	padding: 0;
+	display: block;
+}
+
+.wt-ancestors-chart-list-item {
+	margin: 5px 0;
+}
+
+.chart_common li {
+	list-style: outside none none;
+}
+
+.generations {
+	background: transparent url(images/vline.png) repeat-y scroll left top;
+	display: block;
+	margin: 0 0 0 15px;
+	padding: 0;
+}
+
+.chart_common table {
+	padding: 0;
+	border-spacing: 0;
+	border-collapse: collapse;
+	margin: 5px 0;
+}
+
+.chart_common td {
+	border: 0;
+	padding: 0;
+}
+
+.chart_common span.details1 div[class^=fact_] {
+	display: inline-block;
+}
+
+.chart_common span.details1 .date {
+	color: inherit;
+}
+
+/*-- Family book  --*/
+#familybook_chart {
+	margin-left: 10px;
+}
+
+#familybook_chart table {
+	border-collapse: collapse;
+	empty-cells: show;
+}
+
+#familybook_chart td {
+	margin: 0;
+	padding: 0;
+}
+
+#familybook_chart h2 {
+	text-align: center;
+}
+
+#familybook_chart .line3,
+#familybook_chart .pvline,
+#familybook_chart .spacer {
+	width: 3px;
+}
+
+#familybook_chart .line4 {
+	width: 7px;
+	vertical-align: middle;
+}
+
+[ID^="vline"] {
+	width: 3px;
+}
+
+#familybook_chart h3 {
+	color: #006;
+	font-size: 16px;
+	text-align: center;
+}
+
+/*-- Fan chart ---- */
+.fan_chart_menu {
+	position: absolute;
+	display: none;
+	z-index: 100;
+}
+
+#fan_chart ul {
+	list-style-type: none;
+	margin: 0;
+}
+
+/*-- Hourglass ---- */
+#hourglass_chart img.line4 {
+	vertical-align: middle;
+}
+
+#hourglass_chart table,
+.charts_block table {
+	border-collapse: collapse;
+}
+
+#hourglass_chart td,
+.charts_block td {
+	padding: 0;
+	empty-cells: show;
+}
+
+/* Lifespans chart */
+.wt-lifespans-subtitle {
+	text-align: center;
+}
+
+.wt-lifespans-scale {
+	white-space: nowrap;
+}
+
+.wt-lifespans-decade {
+	width: 70px;
+	height: 60px;
+	display: inline-block;
+	background-image: url(minimal/images/lifespan-chunk.png);
+	background-position-y: bottom;
+	background-repeat: no-repeat;
+	background-size: 70px 37px;
+}
+
+.wt-lifespans-individuals {
+	background: #fafafa;
+}
+
+.wt-lifespans-individual {
+
+}
+
+.wt-lifespans-summary {
+	background: #ffffff;
+	border: thin solid #000;
+	z-index: 1;
+}
+
+.wt-lifespans-summary-link {
+	font-weight: bold;
+}
+
+/*-- Pedigree ---- */
+#pedigree_canvas {
+	color:   #555;
+}
+
+
+.tvertline {
+	vertical-align: bottom;
+}
+
+.optionbox, .descriptionbox {
+	border: solid #000 1px;
+	vertical-align: top;
+	padding: 3px;
+}
+
+#childbox {
+	padding: 5px;
+	position: absolute;
+	display: none;
+	text-align: start;
+	white-space: nowrap;
+	top: 20px;
+	left: 0;
+}
+
+.layout3 #childbox {
+	top: auto;
+	bottom: 20px;
+}
+
+#childbox a.name1 {
+	display: block;
+	margin-left: 5px;
+}
+
+.person0, .person1, .person2, .person3, .person4, .person5 {
+	border:outset #555 1px;
+	vertical-align:top;
+}
+.person0{
+	background-color:#eee;
+}
+
+.person1{
+	background-color:#bfbfbf;
+}
+
+.person2{
+	background-color:#999;
+}
+
+.person3{
+	background-color:#dfdfdf;
+}
+
+.person4{
+	background-color:#eee;
+}
+
+.person5{
+	background-color:#fefefe;
+}
+
+/*-- Pedigree ---- */
+#pedigree_chart {
+	position: relative;
+	margin: 20px auto;
+}
+
+#pedigree_canvas {
+	color:   #555;
+	z-index: -1000;
+}
+
+#pedigree-page .shadow {
+	position: absolute;
+	white-space: nowrap;
+}
+
+#pedigree-page .layout0 .shadow > div,
+#pedigree-page .layout1 .shadow > div {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+#pedigree-page .spacer {
+	background-image: url(images/spacer.png);
+	height:           20px;
+	width:            1px;
+}
+
+#childarrow,
+.ancestorarrow {
+	text-align: center;
+}
+
+#pedigree-page #childarrow {
+	position: relative;
+}
+
+#pedigree-page #childbox {
+	border:           1px solid;
+	background-color: #fff;
+}
+
+#pedigree-page table.list_table {
+	margin: 0 auto;
+	width:  500px;
+}
+
+.pedigree_chart_table {
+	border:          0;
+	border-collapse: collapse;
+	padding:         0;
+	width:           100%;
+}
+
+/*-- timeline  --*/
+#timeline_chart {
+	position: relative;
+	top: 0;
+	left: 0;
+}
+/* ====== Common Icons ========= */
+[class^="icon-"],
+[class*=" icon-"] {
+	display: inline-block;
+	vertical-align: middle;
+	background-repeat: no-repeat;
+}
+
+.icon-add {
+	width: 14px;
+	height: 15px;
+	background-image: url(images/add.png);
+}
+
+.icon-cfamily {
+}
+
+.icon-childless {
+	width: 25px;
+	height: 25px;
+	background-image: url(minimal/images/childless.png);
+}
+
+.icon-children {
+	width: 16px;
+	height: 16px;
+	background-image: url(minimal/images/children.png);
+}
+
+.icon-clippings {
+	width: 22px;
+	height: 22px;
+	background-image: url(minimal/images/clippings.png);
+}
+
+.icon-edit_indi {
+	width: 20px;
+	height: 20px;
+	background-image: url(minimal/images/edit_sm.png);
+}
+
+.icon-fam-list {
+	width: 20px;
+	height: 20px;
+	background-image: url(minimal/icons/family.png);
+}
+
+.icon-indi-list {
+	width: 20px;
+	height: 20px;
+	background-image: url(minimal/images/indis.png);
+}
+
+.icon-loading-small {
+	width: 16px;
+	height: 16px;
+	background-image: url(minimal/images/indicator.gif);
+}
+
+.icon-loading-large {
+	width: 32px;
+	height: 32px;
+	background-image: url(images/loading-32x32.gif);
+}
+
+.icon-media {
+	width: 20px;
+	height: 20px;
+	background-image: url(minimal/images/media.png);
+}
+
+.icon-media-list {
+	width: 20px;
+	height: 20px;
+	background-image: url(minimal/images/media.png);
+}
+
+.icon-media-next {
+	width: 20px;
+	height: 20px;
+	background-image: url(minimal/images/rdarrow.png);
+}
+
+.icon-media-play {
+	width: 20px;
+	height: 20px;
+	background-image: url(minimal/images/rarrow.png);
+}
+
+.icon-media-stop {
+	width: 16px;
+	height: 17px;
+	background-image: url(minimal/images/stop.png);
+}
+
+.icon-minus {
+	width: 11px;
+	height: 11px;
+	background-image: url(minimal/images/minus.png);
+}
+
+.icon-mypage {
+	width: 24px;
+	height: 24px;
+	background-image: url(minimal/images/mypage.png);
+}
+
+.icon-note {
+	width: 20px;
+	height: 20px;
+	background-image: url(minimal/icons/note.png);
+}
+
+.icon-plus {
+	width: 11px;
+	height: 11px;
+	background-image: url(minimal/images/plus.png);
+}
+
+.icon-reminder {
+	width: 15px;
+	height: 12px;
+	background-image: url(minimal/images/reminder.png);
+}
+
+.icon-remove {
+	width: 14px;
+	height: 15px;
+	background-image: url(minimal/images/remove.png);
+}
+
+.icon-resn-confidential {
+	width: 16px;
+	height: 16px;
+	background-image: none;
+}
+
+.icon-resn-locked {
+	background-image: none;
+}
+
+.icon-resn-none {
+	background-image: none;
+}
+
+.icon-resn-privacy {
+	background-image: none;
+}
+
+.icon-rings {
+	width: 9px;
+	height: 9px;
+	background-image: url(minimal/images/rings.png);
+}
+
+.icon-selected {
+	width: 12px;
+	height: 12px;
+	background-image: url(minimal/images/selected.png);
+}
+
+.icon-sex_f_15x15 {
+	width: 15px;
+	height: 15px;
+	background-image: url(minimal/images/sex_f_15x15.png);
+}
+
+.icon-sex_f_9x9 {
+	width: 9px;
+	height: 9px;
+	background-image: url(minimal/images/sex_f_9x9.png);
+}
+
+.icon-sex_m_15x15 {
+	width: 15px;
+	height: 15px;
+	background-image: url(minimal/images/sex_m_15x15.png);
+}
+
+.icon-sex_m_9x9 {
+	width: 9px;
+	height: 9px;
+	background-image: url(minimal/images/sex_m_9x9.png);
+}
+
+.icon-sex_u_15x15 {
+	width: 15px;
+	height: 15px;
+	background-image: url(minimal/images/sex_u_15x15.png);
+}
+
+.icon-sex_u_9x9 {
+	width: 9px;
+	height: 9px;
+	background-image: url(minimal/images/sex_u_9x9.png);
+}
+
+.icon-sfamily {
+	width: 24px;
+	height: 24px;
+	background-image: url(minimal/images/sfamily.png);
+}
+
+.icon-source {
+	width: 20px;
+	height: 20px;
+	background-image: url(minimal/images/source.png);
+}
+
+.icon-warning {
+	width: 17px;
+	height: 17px;
+	background-image: url(minimal/images/warning.png);
+}
+
+.icon-zoomin {
+	width: 25px;
+	height: 25px;
+	background-image: url(minimal/images/zoomin.png);
+}
+
+.icon-zoomout {
+	width: 25px;
+	height: 25px;
+	background-image: url(minimal/images/zoomout.png);
+}
+
+/* Silhouettes on charts */
+.icon-silhouette-F {
+	width: 37px;
+	height: 50px;
+	background-image: url(minimal/images/silhouette_female_small.png);
+}
+
+.icon-silhouette-M {
+	width: 37px;
+	height: 50px;
+	background-image: url(minimal/images/silhouette_male_small.png);
+}
+
+.icon-silhouette-U {
+	width: 37px;
+	height: 50px;
+	background-image: url(minimal/images/silhouette_unknown_small.png);
+}
+
+.wt-silhoutte {
+	width: 200px;
+	height: 260px;
+}
+
+.wt-silhoutte::before {
+	content: url(minimal/images/silhouette_unknown.png);
+}
+
+.wt-silhoutte-F::before {
+	content: url(minimal/images/silhouette_female.png);
+}
+
+.wt-silhouette-M::before {
+	content: url(minimal/images/silhouette_male.png);
+}
+
+[class^="icon-mime-"],
+[class*=" icon-mime-"] {
+	display: inline-block;
+	background: transparent url(minimal/images/icon-mime-sprite.png) no-repeat;
+	width: 48px;
+	height: 48px;
+}
+
+/* ===== Generic MIME types ===== */
+[class^="icon-mime-"],
+[class*=" icon-mime-"] {
+	background-position: -99px -49px;
+}
+
+[class^="icon-mime-application-"],
+[class*=" icon-mime-application-"] {
+	background-position: -99px -196px;
+}
+
+[class^="icon-mime-audio-"],
+[class*=" icon-mime-audio-"] {
+	background-position: -197px -98px;
+}
+
+[class^="icon-mime-image-"],
+[class*=" icon-mime-image-"] {
+	background-position: -148px -245px;
+}
+
+[class^="icon-mime-text-"],
+[class*=" icon-mime-text-"] {
+	background-position: -197px -147px;
+}
+
+[class^="icon-mime-video-"],
+[class*=" icon-mime-video-"] {
+	background-position: -148px -147px;
+}
+
+/* ===== Specific MIME types ===== */
+.icon-mime-application-pdf {
+	background-position: -1px -49px;
+}
+
+.icon-mime-application-msword {
+	background-position: -148px -49px;
+}
+
+.icon-mime-application-vnd-ms-excel {
+	background-position: -148px -196px;
+}
+
+.icon-mime-application-x-rar-compressed {
+	background-position: -50px -98px;
+}
+
+.icon-mime-application-zip {
+	background-position: -50px -147px;
+}
+
+.icon-mime-application-x-shockwave-flash {
+	background-position: -148px 0;
+}
+
+.icon-mime-audio-mp3 {
+	background-position: -50px -245px;
+}
+
+.icon-mime-audio-mpeg {
+	background-position: -50px 0;
+}
+
+.icon-mime-audio-x-ms-wma {
+	background-position: -1px -245px;
+}
+
+.icon-mime-audio-wav {
+	background-position: -1px -98px;
+}
+
+.icon-mime-text-html {
+	background-position: -99px -245px;
+}
+
+.icon-mime-text-x-gedcom {
+	background-position: -50px -49px;
+}
+
+.icon-mime-image-bmp {
+	background-position: 197px 0;
+}
+
+.icon-mime-image-gif {
+	background-position: -197px -49px;
+}
+
+.icon-mime-image-jpeg {
+	background-position: -1px -147px;
+}
+
+.icon-mime-image-png {
+	background-position: -99px -98px;
+}
+
+.icon-mime-image-svg {
+	background-position: -197px -196px;
+}
+
+.icon-mime-image-tiff {
+	background-position: -148px -98px;
+}
+
+.icon-mime-video-quicktime {
+	background-position: -99px -147px;
+}
+
+.icon-mime-video-avi {
+	background-position: -99px 0;
+}
+
+.icon-mime-video-x-ms-wmv {
+	background-position: -50px -196px;
+}
+/* ====== End Icon styles ====== */
+
+/* ====== Theme Header ========= */
+header h1 {
+	clear: left;
+	float: left;
+	font-size: 26px;
+	font-weight: 900;
+	margin: 0;
+}
+
+header nav {
+	position: relative;
+	float: left;
+	width: 100%;
+	margin-top: 18px;
+	border-bottom: 1px solid;
+	margin-bottom: 10px;
+}
+
+/* Set stack level for top two header menu rows */
+.secondary-menu ul,
+.primary-menu ul {
+	z-index: 210;
+	max-height: 400px;
+	min-width: 140px;
+	overflow-y: auto;
+	overflow-x: hidden;
+}
+
+.title {
+	font-size: 20px;
+}
+
+/* ====== Secondary menu ======= */
+.secondary-menu {
+	float: right;
+	font-size: 14px;
+}
+
+.secondary-menu li {
+	display: inline;
+	position: relative;
+	white-space: nowrap;
+	float: left;
+	border: 1px solid #999;
+	line-height: 26px;
+
+}
+
+.secondary-menu li a {
+	padding: 5px 8px;
+}
+
+.secondary-menu ul {
+	position: absolute;
+	top: 26px;
+	left: 0;
+	right: auto;
+	display: none;
+	font-weight: normal;
+	font-size: 12px;
+	background: #fff;
+	border: 1px solid #999;
+}
+
+.secondary-menu ul li {
+	border: 0;
+	clear: both;
+	display: block;
+	line-height: 2;
+	text-align: left;
+}
+
+.secondary-menu,
+.secondary-menu ul {
+	list-style: none;
+	margin: 0;
+	padding: 1px;
+}
+
+.secondary-menu li:hover ul {
+	display: block;
+}
+
+
+.secondary-menu ul li a {
+	padding: 0 5px 0 2px;
+	display: block;
+}
+
+.secondary-menu .active {
+	font-weight: 900;
+}
+
+.header-search input {
+	border: none;
+}
+
+/* ====== Primary menu ========= */
+.primary-menu {
+	position: relative;
+	float: right;
+	right: 50%;
+	list-style: none;
+}
+
+.primary-menu li {
+	float: left;
+	position: relative;
+	left: 50%;
+	clear: right;
+	width: auto;
+	padding: 0 5px;
+	border: 1px solid #999;
+}
+
+.primary-menu li a {
+	display: block;
+	font-size: 14px;
+	text-align: center;
+	padding: 5px;
+	background-color: #fff;
+}
+
+.primary-menu ul {
+	position: absolute;
+	top: 27px;
+	left: 0;
+	right: auto;
+	display: none;
+	background: #fff;
+	white-space: nowrap;
+	border: 1px solid #999;
+	list-style: none;
+}
+
+.primary-menu ul li {
+	float: left;
+	width: 100%;
+	border: 0;
+	left: auto;
+	margin: 0;
+	padding: 0;
+	clear: left;
+}
+
+.primary-menu li:hover ul {
+	position: absolute;
+	margin: 0;
+	display: block;
+	text-align: left;
+	padding: 0;
+}
+
+.primary-menu ul li a {
+	padding: 5px;
+	text-align: left;
+	font-size: 12px;
+}
+
+/* ====== End Theme Header ===== */
+
+/* ====== Theme Footer ========= */
+
+footer {
+	clear: both;
+	font-size: 12px;
+	color: #555;
+	text-align: center;
+}
+
+.contact-links {
+	margin-top: 15px;
+}
+
+.powered-by-webtrees {
+	font-size: 16px;
+	margin-top: 10px;
+}
+
+/* ====== End Theme Footer ===== */
+
+/* ====== Theme Icons ========== */
+.icon-indis {
+	width: 24px;
+	height: 24px;
+	background-image: url(minimal/images/indis.png);
+}
+
+.icon-pedigree {
+	width: 24px;
+	height: 24px;
+	background-image: url(minimal/images/pedigree.png);
+}
+
+.icon-search {
+	width: 24px;
+	height: 24px;
+	background-image: url(minimal/images/search.png);
+}
+
+.cookie-warning {
+	background: #aaa;
+	color: #fff;
+	height: 3em;
+	line-height: 2.5em;
+	transition: height 0.5s;
+}
+.cookie-warning.hidden {
+	height: 0;
+	overflow: hidden;
+}
diff --git a/resources/css/minimal/icons/bing-maps.png b/resources/css/minimal/icons/bing-maps.png
new file mode 100644
index 0000000000..cdb327946a
--- /dev/null
+++ b/resources/css/minimal/icons/bing-maps.png
diff --git a/resources/css/minimal/icons/family.png b/resources/css/minimal/icons/family.png
new file mode 100644
index 0000000000..3ceafc5abb
--- /dev/null
+++ b/resources/css/minimal/icons/family.png
diff --git a/resources/css/minimal/icons/google-maps.png b/resources/css/minimal/icons/google-maps.png
new file mode 100644
index 0000000000..32a3957445
--- /dev/null
+++ b/resources/css/minimal/icons/google-maps.png
diff --git a/resources/css/minimal/icons/note.png b/resources/css/minimal/icons/note.png
new file mode 100644
index 0000000000..73f11ff057
--- /dev/null
+++ b/resources/css/minimal/icons/note.png
diff --git a/resources/css/minimal/icons/openstreetmap.png b/resources/css/minimal/icons/openstreetmap.png
new file mode 100644
index 0000000000..899e2a58b6
--- /dev/null
+++ b/resources/css/minimal/icons/openstreetmap.png
diff --git a/resources/css/minimal/images/addmedia.png b/resources/css/minimal/images/addmedia.png
new file mode 100644
index 0000000000..a02e95f710
--- /dev/null
+++ b/resources/css/minimal/images/addmedia.png
diff --git a/resources/css/minimal/images/addnote.png b/resources/css/minimal/images/addnote.png
new file mode 100644
index 0000000000..08cd9e7d99
--- /dev/null
+++ b/resources/css/minimal/images/addnote.png
diff --git a/resources/css/minimal/images/addrepository.png b/resources/css/minimal/images/addrepository.png
new file mode 100644
index 0000000000..70ddfb3d47
--- /dev/null
+++ b/resources/css/minimal/images/addrepository.png
diff --git a/resources/css/minimal/images/addsource.png b/resources/css/minimal/images/addsource.png
new file mode 100644
index 0000000000..15cbeaa9fc
--- /dev/null
+++ b/resources/css/minimal/images/addsource.png
diff --git a/resources/css/minimal/images/admin.png b/resources/css/minimal/images/admin.png
new file mode 100644
index 0000000000..8f9ff90de4
--- /dev/null
+++ b/resources/css/minimal/images/admin.png
diff --git a/resources/css/minimal/images/cfamily.png b/resources/css/minimal/images/cfamily.png
new file mode 100644
index 0000000000..501a76e7b4
--- /dev/null
+++ b/resources/css/minimal/images/cfamily.png
diff --git a/resources/css/minimal/images/childless.png b/resources/css/minimal/images/childless.png
new file mode 100644
index 0000000000..c41e7cf7c4
--- /dev/null
+++ b/resources/css/minimal/images/childless.png
diff --git a/resources/css/minimal/images/children.png b/resources/css/minimal/images/children.png
new file mode 100644
index 0000000000..64d2503625
--- /dev/null
+++ b/resources/css/minimal/images/children.png
diff --git a/resources/css/minimal/images/clippings.png b/resources/css/minimal/images/clippings.png
new file mode 100644
index 0000000000..a8aec1e456
--- /dev/null
+++ b/resources/css/minimal/images/clippings.png
diff --git a/resources/css/minimal/images/copy.png b/resources/css/minimal/images/copy.png
new file mode 100644
index 0000000000..7397f49c27
--- /dev/null
+++ b/resources/css/minimal/images/copy.png
diff --git a/resources/css/minimal/images/delete.png b/resources/css/minimal/images/delete.png
new file mode 100644
index 0000000000..7ce1741b6b
--- /dev/null
+++ b/resources/css/minimal/images/delete.png
diff --git a/resources/css/minimal/images/edit_sm.png b/resources/css/minimal/images/edit_sm.png
new file mode 100644
index 0000000000..fe99f49c78
--- /dev/null
+++ b/resources/css/minimal/images/edit_sm.png
diff --git a/resources/css/minimal/images/fambook.png b/resources/css/minimal/images/fambook.png
new file mode 100644
index 0000000000..97f48fa174
--- /dev/null
+++ b/resources/css/minimal/images/fambook.png
diff --git a/resources/css/minimal/images/find.png b/resources/css/minimal/images/find.png
new file mode 100644
index 0000000000..dd39018d0f
--- /dev/null
+++ b/resources/css/minimal/images/find.png
diff --git a/resources/css/minimal/images/find_facts.png b/resources/css/minimal/images/find_facts.png
new file mode 100644
index 0000000000..6d142b587c
--- /dev/null
+++ b/resources/css/minimal/images/find_facts.png
diff --git a/resources/css/minimal/images/head.png b/resources/css/minimal/images/head.png
new file mode 100644
index 0000000000..7091085ce0
--- /dev/null
+++ b/resources/css/minimal/images/head.png
diff --git a/resources/css/minimal/images/icon-mime-sprite.png b/resources/css/minimal/images/icon-mime-sprite.png
new file mode 100644
index 0000000000..b4c9bed343
--- /dev/null
+++ b/resources/css/minimal/images/icon-mime-sprite.png
diff --git a/resources/css/minimal/images/image_add.png b/resources/css/minimal/images/image_add.png
new file mode 100644
index 0000000000..ecac61c284
--- /dev/null
+++ b/resources/css/minimal/images/image_add.png
diff --git a/resources/css/minimal/images/image_link.png b/resources/css/minimal/images/image_link.png
new file mode 100644
index 0000000000..190b08e7d2
--- /dev/null
+++ b/resources/css/minimal/images/image_link.png
diff --git a/resources/css/minimal/images/images.png b/resources/css/minimal/images/images.png
new file mode 100644
index 0000000000..b3854d450a
--- /dev/null
+++ b/resources/css/minimal/images/images.png
diff --git a/resources/css/minimal/images/indi_sprite.png b/resources/css/minimal/images/indi_sprite.png
new file mode 100644
index 0000000000..4294920e88
--- /dev/null
+++ b/resources/css/minimal/images/indi_sprite.png
diff --git a/resources/css/minimal/images/indicator.gif b/resources/css/minimal/images/indicator.gif
new file mode 100644
index 0000000000..085ccaecaf
--- /dev/null
+++ b/resources/css/minimal/images/indicator.gif
diff --git a/resources/css/minimal/images/indis.png b/resources/css/minimal/images/indis.png
new file mode 100644
index 0000000000..ec22a41e55
--- /dev/null
+++ b/resources/css/minimal/images/indis.png
diff --git a/resources/css/minimal/images/lifespan-chunk.png b/resources/css/minimal/images/lifespan-chunk.png
new file mode 100644
index 0000000000..1eb0f30490
--- /dev/null
+++ b/resources/css/minimal/images/lifespan-chunk.png
diff --git a/resources/css/minimal/images/media.png b/resources/css/minimal/images/media.png
new file mode 100644
index 0000000000..5bb919380b
--- /dev/null
+++ b/resources/css/minimal/images/media.png
diff --git a/resources/css/minimal/images/minus.png b/resources/css/minimal/images/minus.png
new file mode 100644
index 0000000000..18cedc3928
--- /dev/null
+++ b/resources/css/minimal/images/minus.png
diff --git a/resources/css/minimal/images/move.png b/resources/css/minimal/images/move.png
new file mode 100644
index 0000000000..c1d4733ffd
--- /dev/null
+++ b/resources/css/minimal/images/move.png
diff --git a/resources/css/minimal/images/mypage.png b/resources/css/minimal/images/mypage.png
new file mode 100644
index 0000000000..eac878a4a3
--- /dev/null
+++ b/resources/css/minimal/images/mypage.png
diff --git a/resources/css/minimal/images/notes.png b/resources/css/minimal/images/notes.png
new file mode 100644
index 0000000000..aa755c502e
--- /dev/null
+++ b/resources/css/minimal/images/notes.png
diff --git a/resources/css/minimal/images/patriarch.png b/resources/css/minimal/images/patriarch.png
new file mode 100644
index 0000000000..146a3ab4e5
--- /dev/null
+++ b/resources/css/minimal/images/patriarch.png
diff --git a/resources/css/minimal/images/pedigree.png b/resources/css/minimal/images/pedigree.png
new file mode 100644
index 0000000000..d8dae6dfb1
--- /dev/null
+++ b/resources/css/minimal/images/pedigree.png
diff --git a/resources/css/minimal/images/place.png b/resources/css/minimal/images/place.png
new file mode 100644
index 0000000000..42c748b859
--- /dev/null
+++ b/resources/css/minimal/images/place.png
diff --git a/resources/css/minimal/images/plus.png b/resources/css/minimal/images/plus.png
new file mode 100644
index 0000000000..ba2d990c80
--- /dev/null
+++ b/resources/css/minimal/images/plus.png
diff --git a/resources/css/minimal/images/rarrow.png b/resources/css/minimal/images/rarrow.png
new file mode 100644
index 0000000000..0db18af532
--- /dev/null
+++ b/resources/css/minimal/images/rarrow.png
diff --git a/resources/css/minimal/images/rdarrow.png b/resources/css/minimal/images/rdarrow.png
new file mode 100644
index 0000000000..5c8780cd0a
--- /dev/null
+++ b/resources/css/minimal/images/rdarrow.png
diff --git a/resources/css/minimal/images/reminder.png b/resources/css/minimal/images/reminder.png
new file mode 100644
index 0000000000..9b00de1562
--- /dev/null
+++ b/resources/css/minimal/images/reminder.png
diff --git a/resources/css/minimal/images/remove.png b/resources/css/minimal/images/remove.png
new file mode 100644
index 0000000000..a85e5dd466
--- /dev/null
+++ b/resources/css/minimal/images/remove.png
diff --git a/resources/css/minimal/images/reorder.png b/resources/css/minimal/images/reorder.png
new file mode 100644
index 0000000000..2cfe889ad1
--- /dev/null
+++ b/resources/css/minimal/images/reorder.png
diff --git a/resources/css/minimal/images/rings.png b/resources/css/minimal/images/rings.png
new file mode 100644
index 0000000000..698927d4b8
--- /dev/null
+++ b/resources/css/minimal/images/rings.png
diff --git a/resources/css/minimal/images/search.png b/resources/css/minimal/images/search.png
new file mode 100644
index 0000000000..c003b7c73b
--- /dev/null
+++ b/resources/css/minimal/images/search.png
diff --git a/resources/css/minimal/images/selected.png b/resources/css/minimal/images/selected.png
new file mode 100644
index 0000000000..8cd36aabd1
--- /dev/null
+++ b/resources/css/minimal/images/selected.png
diff --git a/resources/css/minimal/images/sex_f_15x15.png b/resources/css/minimal/images/sex_f_15x15.png
new file mode 100644
index 0000000000..196c9549d5
--- /dev/null
+++ b/resources/css/minimal/images/sex_f_15x15.png
diff --git a/resources/css/minimal/images/sex_f_9x9.png b/resources/css/minimal/images/sex_f_9x9.png
new file mode 100644
index 0000000000..9bc0dd7ae2
--- /dev/null
+++ b/resources/css/minimal/images/sex_f_9x9.png
diff --git a/resources/css/minimal/images/sex_m_15x15.png b/resources/css/minimal/images/sex_m_15x15.png
new file mode 100644
index 0000000000..34de9d351c
--- /dev/null
+++ b/resources/css/minimal/images/sex_m_15x15.png
diff --git a/resources/css/minimal/images/sex_m_9x9.png b/resources/css/minimal/images/sex_m_9x9.png
new file mode 100644
index 0000000000..b74f8d8749
--- /dev/null
+++ b/resources/css/minimal/images/sex_m_9x9.png
diff --git a/resources/css/minimal/images/sex_u_15x15.png b/resources/css/minimal/images/sex_u_15x15.png
new file mode 100644
index 0000000000..f613fab065
--- /dev/null
+++ b/resources/css/minimal/images/sex_u_15x15.png
diff --git a/resources/css/minimal/images/sex_u_9x9.png b/resources/css/minimal/images/sex_u_9x9.png
new file mode 100644
index 0000000000..724d334097
--- /dev/null
+++ b/resources/css/minimal/images/sex_u_9x9.png
diff --git a/resources/css/minimal/images/sfamily.png b/resources/css/minimal/images/sfamily.png
new file mode 100644
index 0000000000..728294da1f
--- /dev/null
+++ b/resources/css/minimal/images/sfamily.png
diff --git a/resources/css/minimal/images/silhouette_female.png b/resources/css/minimal/images/silhouette_female.png
new file mode 100644
index 0000000000..871eaa753a
--- /dev/null
+++ b/resources/css/minimal/images/silhouette_female.png
diff --git a/resources/css/minimal/images/silhouette_female_small.png b/resources/css/minimal/images/silhouette_female_small.png
new file mode 100644
index 0000000000..abec42136f
--- /dev/null
+++ b/resources/css/minimal/images/silhouette_female_small.png
diff --git a/resources/css/minimal/images/silhouette_male.png b/resources/css/minimal/images/silhouette_male.png
new file mode 100644
index 0000000000..d2f1009a19
--- /dev/null
+++ b/resources/css/minimal/images/silhouette_male.png
diff --git a/resources/css/minimal/images/silhouette_male_small.png b/resources/css/minimal/images/silhouette_male_small.png
new file mode 100644
index 0000000000..c9b4a18c6d
--- /dev/null
+++ b/resources/css/minimal/images/silhouette_male_small.png
diff --git a/resources/css/minimal/images/silhouette_unknown.png b/resources/css/minimal/images/silhouette_unknown.png
new file mode 100644
index 0000000000..d0417439ee
--- /dev/null
+++ b/resources/css/minimal/images/silhouette_unknown.png
diff --git a/resources/css/minimal/images/silhouette_unknown_small.png b/resources/css/minimal/images/silhouette_unknown_small.png
new file mode 100644
index 0000000000..9602cffaa0
--- /dev/null
+++ b/resources/css/minimal/images/silhouette_unknown_small.png
diff --git a/resources/css/minimal/images/source.png b/resources/css/minimal/images/source.png
new file mode 100644
index 0000000000..9213378a22
--- /dev/null
+++ b/resources/css/minimal/images/source.png
diff --git a/resources/css/minimal/images/stop.png b/resources/css/minimal/images/stop.png
new file mode 100644
index 0000000000..3b74a6d27a
--- /dev/null
+++ b/resources/css/minimal/images/stop.png
diff --git a/resources/css/minimal/images/user_add.png b/resources/css/minimal/images/user_add.png
new file mode 100644
index 0000000000..8d8fe63d15
--- /dev/null
+++ b/resources/css/minimal/images/user_add.png
diff --git a/resources/css/minimal/images/warning.png b/resources/css/minimal/images/warning.png
new file mode 100644
index 0000000000..5f3759b4a4
--- /dev/null
+++ b/resources/css/minimal/images/warning.png
diff --git a/resources/css/minimal/images/zoomin.png b/resources/css/minimal/images/zoomin.png
new file mode 100644
index 0000000000..ef48724f00
--- /dev/null
+++ b/resources/css/minimal/images/zoomin.png
diff --git a/resources/css/minimal/images/zoomout.png b/resources/css/minimal/images/zoomout.png
new file mode 100644
index 0000000000..d4057083d0
--- /dev/null
+++ b/resources/css/minimal/images/zoomout.png
diff --git a/resources/css/webtrees.css b/resources/css/webtrees.css
new file mode 100755
index 0000000000..cd2b2118a5
--- /dev/null
+++ b/resources/css/webtrees.css
@@ -0,0 +1,3200 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2018 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* The webtrees theme */
+
+/* Override Bootstrap formatting */
+.btn-link {
+	padding-left: 0.25rem;
+	padding-right: 0.25rem;
+}
+
+.table-given-name {
+    overflow-x: hidden;
+}
+
+.container-fluid {
+    padding-left: 5px;
+    padding-right: 5px;
+}
+
+table {
+	border-collapse: separate;
+}
+
+/*
+ * Any element that is loaded dynamically has the class wt-ajax-load.
+ * We can provide a "loading" placeholder for empty elements with this class.
+ */
+.wt-ajax-load:empty {
+	height: 32px;
+	background: url(images/loading-32x32.gif) no-repeat 50% 50%;
+}
+
+/*
+ * Icons use FontAwesome by default, but have additional classes to
+ * allow them to be overridden
+ *
+ * .wt-icon-arrow-down
+ * .wt-icon-arrow-end (right on LTR, left on RTL)
+ * .wt-icon-arrow-start (left on LTR, right on RTL)
+ * .wt-icon-arrow-up
+ * .wt-icon-bing-maps
+ * .wt-icon-calendar
+ * .wt-icon-copy
+ * .wt-icon-delete
+ * .wt-icon-edit
+ * .wt-icon-email
+ * .wt-icon-family
+ * .wt-icon-help
+ * .wt-icon-individual
+ * .wt-icon-google-maps
+ * .wt-icon-keyboard
+ * .wt-icon-media
+ * .wt-icon-note
+ * .wt-icon-openstreetmap
+ * .wt-icon-preferences
+ * .wt-icon-repository
+ * .wt-icon-source
+ * .wt-icon-submitter
+ */
+.wt-icon-arrow-down::before {
+	width: 20px;
+	height: 20px;
+	content: url(webtrees/icons/arrow-down.png);
+}
+
+a > .wt-icon-arrow-down:hover::before {
+	width: 20px;
+	height: 20px;
+	content: url(webtrees/icons/arrow-down-hover.png);
+}
+
+.wt-icon-arrow-end::before {
+	width: 20px;
+	height: 20px;
+	content: url(webtrees/icons/arrow-right.png);
+}
+
+a > .wt-icon-arrow-end:hover::before {
+	width: 20px;
+	height: 20px;
+	content: url(webtrees/icons/arrow-right-hover.png);
+}
+
+.wt-icon-arrow-start::before {
+	width: 20px;
+	height: 20px;
+	content: url(webtrees/icons/arrow-left.png);
+}
+
+a > .wt-icon-arrow-start:hover::before {
+	width: 20px;
+	height: 20px;
+	content: url(webtrees/icons/arrow-left-hover.png);
+}
+
+.wt-icon-arrow-up::before {
+	width: 20px;
+	height: 20px;
+	content: url(webtrees/icons/arrow-up.png);
+}
+
+a > .wt-icon-arrow-up:hover::before {
+	width: 20px;
+	height: 20px;
+	content: url(webtrees/icons/arrow-up-hover.png);
+}
+
+.wt-icon-bing-maps::before {
+	width: 16px;
+	height: 16px;
+	content: url(webtrees/icons/bing-maps.png);
+}
+
+.wt-icon-calendar::before {
+	width: 19px;
+	height: 15px;
+	content: url(webtrees/icons/calendar.png)
+}
+
+.wt-icon-coordinates::before {
+	width: 16px;
+	height: 16px;
+	content: url(webtrees/icons/coordinates.png)
+}
+
+.wt-icon-copy::before {
+	width: 16px;
+	height: 16px;
+	content: url(webtrees/icons/copy.png)
+}
+
+.wt-icon-delete::before {
+	width: 16px;
+	height: 16px;
+	content: url(webtrees/icons/delete.png);
+}
+
+.wt-icon-edit::before {
+	width: 16px;
+	height: 16px;
+	content: url(webtrees/icons/edit.png);
+}
+
+.wt-icon-family::before {
+	width: 14px;
+	height: 15px;
+	content: url(webtrees/icons/family.png);
+}
+
+.wt-icon-help::before {
+	width: 16px;
+	height: 16px;
+	content: url(webtrees/icons/help.png);
+}
+
+.wt-icon-google-maps::before {
+	width: 16px;
+	height: 16px;
+	content: url(webtrees/icons/google-maps.png);
+}
+
+.wt-icon-individual::before {
+	width: 11px;
+	height: 15px;
+	content: url(webtrees/icons/individual.png);
+}
+
+.wt-icon-keyboard::before {
+	width: 30px;
+	height: 15px;
+	content: url(webtrees/icons/keyboard.png);
+}
+
+.wt-icon-media::before {
+	width: 18px;
+	height: 16px;
+	content: url(webtrees/icons/media.png);
+}
+
+.wt-icon-note::before {
+	width: 20px;
+	height: 20px;
+	content: url(webtrees/icons/note.png);
+}
+
+.wt-icon-openstreetmap::before {
+	width: 16px;
+	height: 16px;
+	content: url(webtrees/icons/openstreetmap.png);
+}
+
+.wt-icon-preferences::before {
+	width: 25px;
+	height: 25px;
+	content: url(webtrees/icons/preferences.png);
+}
+
+.wt-icon-repository::before {
+	width: 15px;
+	height: 15px;
+	content: url(webtrees/icons/repository.png);
+}
+
+.wt-icon-source::before {
+	width: 18px;
+	height: 16px;
+	content: url(webtrees/icons/source.png);
+}
+
+.wt-icon-submitter::before {
+	width: 11px;
+	height: 15px;
+	content: url(webtrees/icons/individual.png);
+}
+
+/*
+ * Pages have the following high-level structure:
+ *
+ * wt-global
+ * +---wt-header-wrapper
+ *     +---wt-header-container
+ *     |   +---wt-header-content
+ *     |       +---wt-accessibility-links
+ *     |       +---wt-site-logo
+ *     |       +---wt-site-title
+ *     |       +---wt-header-search
+ *     |       |   +---wt-header-search-form
+ *     |       |       +---wt-header-search-field
+ *     |       |       +---wt-header-search-button
+ *     |       +---wt-secondary-navigation
+ *     |       |   +---wt-secondary-menu
+ *     |       +---wt-primary-navigation
+ *     |           +---wt-primary-menu
+ *     +---wt-main-container
+ *     |   +---wt-main-content
+ *     |       +---wt-messages
+ *     |       +---wt-page-title
+ *     |       +---wt-page-options wt-page-options-xxxxx
+ *     |       +---wt-page-content
+ *     +---wt-footer-container
+ *         +---wt-footer-content
+ */
+
+.wt-global {
+	color: #555;
+}
+
+.wt-header-wrapper {
+}
+
+.wt-header-container {
+}
+
+.wt-header-content {
+}
+
+.wt-accessibility-links {
+}
+
+.wt-site-logo {
+	order: 1;
+	flex: 0 0 272px;
+}
+
+.wt-site-logo:after {
+	height: 50px;
+	width: 242px;
+	content: url(webtrees/images/webtrees.png);
+}
+
+.wt-site-title {
+	order: 3;
+	flex: 0 0 calc(100% - 15rem);
+	font-size: 1.5rem;
+	font-weight: normal;
+}
+
+.wt-header-search {
+	order: 4;
+	flex: 0 0 15rem;
+	position: relative;
+	top: -0.75rem;
+}
+
+.wt-header-search-form {
+}
+
+.wt-secondary-navigation {
+	order: 2;
+	white-space: nowrap;
+	margin-bottom: 15px;
+}
+
+.wt-secondary-menu {
+	justify-content: flex-end;
+}
+
+.wt-secondary-menu .nav-link {
+	display: inline-block;
+	padding: 0.5rem;
+}
+
+.wt-secondary-menu .nav-item + .nav-item::before {
+	content: "|";
+}
+
+.wt-secondary-menu .dropdown-toggle::after {
+	display: none;
+}
+
+.wt-primary-navigation {
+	order: 5;
+	/* Extend to full page width */
+	flex: 0 0 100vw;
+	max-width: 100vw;
+	/* Recalculate margins for content */
+	margin: 0 calc(50% - 50vw);
+	padding: 0 calc(50vw - 50%);
+	border-bottom: 2px solid #81a9cb;
+	border-top: 2px solid #81a9cb;
+}
+
+.wt-primary-menu {
+	justify-content: center;
+}
+
+.wt-primary-menu .nav-item {
+	text-align: center;
+	min-width: 5rem;
+}
+
+.wt-primary-menu .nav-link::before {
+	display: block;
+}
+
+.wt-primary-menu .dropdown-toggle::after {
+	display: none;
+}
+
+.wt-primary-menu .dropdown-menu {
+	border-radius: 0;
+	border: thin solid #aaa;
+}
+
+.wt-primary-menu .dropdown-item {
+	/* Space between icons and align with submenu icons */
+	padding: 0 5px 0 0;
+	line-height: 1.0;
+}
+
+.wt-primary-menu .dropdown-item::before {
+	vertical-align: text-top;
+	line-height: 2.4;
+	padding: 0 .25rem;
+}
+
+.menu-tree .nav-link::before {
+	content: url(webtrees/menu/tree.png);
+}
+
+.menu-tree .dropdown-item::before {
+	content: url(webtrees/menu/tree-tree.png);
+}
+
+.menu-chart .nav-link::before {
+	content: url(webtrees/menu/chart.png);
+}
+
+.menu-chart-ancestry::before {
+	content: url(webtrees/menu/chart-ancestors.png);
+}
+
+.menu-chart-compact::before {
+	content: url(webtrees/menu/chart-compact.png);
+}
+
+.menu-chart-descendants::before {
+	content: url(webtrees/menu/chart-descendants.png);
+}
+
+.menu-chart-familybook::before {
+	content: url(webtrees/menu/chart-family-book.png);
+}
+
+.menu-chart-fanchart::before {
+	content: url(webtrees/menu/chart-fanchart.png);
+}
+
+.menu-chart-hourglass::before {
+	content: url(webtrees/menu/chart-hourglass.png);
+}
+
+.menu-chart-lifespan::before {
+	content: url(webtrees/menu/chart-lifespan.png);
+}
+
+.menu-chart-pedigree::before {
+	content: url(webtrees/menu/chart-pedigree.png);
+}
+
+.menu-chart-pedigreemap::before {
+	content: url(webtrees/menu/chart-pedigree-map.png);
+}
+
+.menu-chart-relationship::before {
+	content: url(webtrees/menu/chart-relationship.png);
+}
+
+.menu-chart-statistics::before {
+	content: url(webtrees/menu/chart-statistics.png);
+}
+
+.menu-chart-timeline::before {
+	content: url(webtrees/menu/chart-timeline.png);
+}
+
+.menu-chart-tree::before {
+	content: url(webtrees/menu/chart-tree.png);
+}
+
+.menu-list .nav-link::before {
+	content: url(webtrees/menu/list.png);
+}
+
+.menu-branches::before {
+	content: url(webtrees/menu/branches.png);
+}
+
+.menu-list-fam::before {
+	content: url(webtrees/menu/list-fam.png);
+}
+
+.menu-list-indi::before {
+	content: url(webtrees/menu/list-indi.png);
+}
+
+.menu-list-note::before {
+	content: url(webtrees/menu/list-note.png);
+}
+
+.menu-list-obje::before {
+	content: url(webtrees/menu/list-obje.png);
+}
+
+.menu-list-plac::before {
+	content: url(webtrees/menu/list-plac.png);
+}
+
+.menu-list-repo::before {
+	content: url(webtrees/menu/list-repo.png);
+}
+
+.menu-list-sour::before {
+	content: url(webtrees/menu/list-sour.png);
+}
+
+.menu-calendar .nav-link::before {
+	content: url(webtrees/menu/calendar.png);
+}
+
+.menu-calendar-day::before {
+	content: url(webtrees/menu/calendar-calendar.png);
+}
+
+.menu-calendar-month::before {
+	content: url(webtrees/menu/calendar-calendar.png);
+}
+
+.menu-calendar-year::before {
+	content: url(webtrees/menu/calendar-calendar.png);
+}
+
+.menu-report .nav-link::before {
+	content: url(webtrees/menu/report.png);
+}
+
+.menu-report .dropdown-item::before {
+	content: url(webtrees/menu/report-report.png);
+}
+
+.menu-search .nav-link::before {
+	content: url(webtrees/menu/search.png);
+}
+
+.menu-search .dropdown-item::before {
+	content: url(webtrees/menu/search-search.png);
+}
+
+.menu-help .nav-link::before {
+	content: url(webtrees/menu/help.png);
+}
+
+.menu-clippings .nav-link::before {
+	content: url(webtrees/menu/clippings.png);
+}
+
+.menu-clippings-add::before {
+	content: url(webtrees/menu/clippings-add.png);
+}
+
+.menu-clippings-cart::before {
+	content: url(webtrees/menu/clippings-cart.png);
+}
+
+.menu-clippings-download::before {
+	content: url(webtrees/menu/edit-preferences.png);
+}
+
+.menu-clippings-empty::before {
+	content: url(webtrees/menu/edit-delete.png);
+}
+
+.menu-fam .nav-link::before {
+	content: url(webtrees/menu/fam.png);
+}
+
+.menu-fam-change::before {
+	content: url(webtrees/menu/edit-famchange.png);
+}
+
+.menu-fam-addchil::before {
+	content: url(webtrees/menu/edit-addchil.png);
+}
+
+.menu-fam-orderchil::before {
+	content: url(webtrees/menu/edit-orderchil.png);
+}
+
+.menu-fam-del::before {
+	content: url(webtrees/menu/edit-delete.png);
+}
+
+.menu-fam-addfav::before {
+	content: url(webtrees/menu/edit-add-favorite.png);
+}
+
+.menu-fam-editraw::before {
+	content: url(webtrees/menu/edit-fam.png);
+}
+
+.menu-indi .nav-link::before {
+	content: url(webtrees/menu/indi.png);
+}
+
+.menu-indi-addname::before {
+	content: url(webtrees/menu/edit-indi.png);
+}
+
+.menu-indi-editsex::before {
+	content: url(webtrees/menu/edit-indi.png);
+}
+
+.menu-indi-del::before {
+	content: url(webtrees/menu/edit-delete.png);
+}
+
+.menu-indi-addfav::before {
+	content: url(webtrees/menu/edit-add-favorite.png);
+}
+
+.menu-indi-editraw::before {
+	content: url(webtrees/menu/edit-indi.png);
+}
+
+.menu-obje .nav-link::before {
+	content: url(webtrees/menu/obje.png);
+}
+
+.menu-obje-edit::before {
+	content: url(webtrees/menu/edit-obje.png);
+}
+
+.menu-obje-link::before {
+	content: url(webtrees/menu/edit-link.png);
+}
+
+.menu-obje-del::before {
+	content: url(webtrees/menu/edit-delete.png);
+}
+
+.menu-obje-addfav::before {
+	content: url(webtrees/menu/edit-add-favorite.png);
+}
+
+.menu-obje-editraw::before {
+	content: url(webtrees/menu/edit-obje.png);
+}
+
+.menu-note .nav-link::before {
+	content: url(webtrees/menu/note.png);
+}
+
+.menu-note-edit::before {
+	content: url(webtrees/menu/edit-note.png);
+}
+
+.menu-note-del::before {
+	content: url(webtrees/menu/edit-delete.png);
+}
+
+.menu-note-addfav::before {
+	content: url(webtrees/menu/edit-add-favorite.png);
+}
+
+.menu-note-editraw::before {
+	content: url(webtrees/menu/edit-note.png);
+}
+
+.menu-record .nav-link::before {
+	content: url(webtrees/menu/indi.png);
+}
+
+.menu-record-del::before {
+	content: url(webtrees/menu/edit-delete.png);
+}
+
+.menu-record-editraw::before {
+	content: url(webtrees/menu/edit-record.png);
+}
+
+.menu-repo .nav-link::before {
+	content: url(webtrees/menu/repo.png);
+}
+
+.menu-repo-edit::before {
+	content: url(webtrees/menu/edit-repo.png);
+}
+
+.menu-repo-del::before {
+	content: url(webtrees/menu/edit-delete.png);
+}
+
+.menu-repo-addfav::before {
+	content: url(webtrees/menu/edit-add-favorite.png);
+}
+
+.menu-repo-editraw::before {
+	content: url(webtrees/menu/edit-repo.png);
+}
+
+.menu-sour .nav-link::before {
+	content: url(webtrees/menu/sour.png);
+}
+
+.menu-sour-edit::before {
+	content: url(webtrees/menu/edit-sour.png);
+}
+
+.menu-sour-del::before {
+	content: url(webtrees/menu/edit-delete.png);
+}
+
+.menu-sour-addfav::before {
+	content: url(webtrees/menu/edit-add-favorite.png);
+}
+
+.menu-sour-editraw::before {
+	content: url(webtrees/menu/edit-sour.png);
+}
+
+.menu-story .nav-link::before {
+	content: url(webtrees/menu/story.png);
+}
+
+.wt-main-container {
+}
+
+.wt-main {
+}
+
+.wt-messages {
+}
+
+.wt-page-title {
+	color: #006;
+	font-size: 1.5rem;
+	font-weight: bold;
+	text-align: center;
+}
+
+.wt-page-options .form-group {
+	margin-bottom: 2px;
+}
+
+.wt-page-options-label {
+	color: #fff;
+	background-color: #81a9cb;
+	font-weight: bold;
+	border-left: 2px solid transparent;
+	border-right: 2px solid transparent;
+}
+
+.wt-page-options-value {
+	background-color: #edf7f9;
+	border: solid #81a9cb 1px;
+	padding: 0.25rem 0.75rem;
+}
+
+.wt-page-content {
+	margin-top: 1rem;
+}
+
+.wt-footer-container {
+}
+
+.wt-footer-content {
+}
+
+.wt-contact-links {
+}
+
+.wt-powered-by-webtrees {
+}
+
+.wt-page-views {
+}
+
+.wt-cookie-warning {
+}
+
+/*
+ * The home/my pages
+ *
+ * wt-home-page / wt-user-page
+ * +---wt-main-blocks
+ * |   +---wt-block, wt-block-AAA
+ * |   +---wt-block, wt-block-BBB
+ * |   +---wt-block, wt-block-CCC
+ * +---wt-side-blocks
+ *     +---wt-block, wt-block-XXX
+ *     +---wt-block, wt-block-YYY
+ *     +---wt-block, wt-block-ZZZ
+ *
+ * Each block as the structure
+ * wt-block, wt-block-XXX
+ * +---wt-block-header, wt-block-header-XXX
+ * +---wt-block-content, wt-block-content-XXX
+ */
+
+.wt-block {
+	background-color: #edf7fd;
+	border: solid #81a9cb 1px;
+}
+
+.wt-block-header {
+	background-color: #edf7fd;
+	border-bottom: none;
+	font-weight: bold;
+}
+
+.wt-block-content {
+}
+
+.wt-block-content .list_table {
+	border-spacing: 1px;
+	border: solid #81a9cb 1px;
+	border-right: 0;
+}
+
+.wt-block-content .list_value,
+.wt-block-content .list_value_wrap {
+	border: 0;
+	border-top: solid #81a9cb 1px;
+	border-right: solid #81a9cb 1px;
+}
+
+/*
+ * Ancestors chart
+ *
+ * wt-chart, wt-ancestors-chart
+ * +---wt-ancestors-chart-list
+ *     +---wt-ancestors-chart-list-item
+ *         +---
+ *         +---wt-ancestors-chart-list
+ *         +---wt-ancestors-chart-list-item
+ *             +---...
+ */
+.wt-ancestors-chart-list {
+}
+
+.wt-ancestors-chart-list-item {
+}
+
+/*
+ * Compact chart
+ *
+ * wt-chart, wt-compact-chart
+ */
+
+.wt-ancestors-chart-list-item {
+}
+
+/*
+ * Descendants chart
+ *
+ * wt-chart, wt-descendants-chart
+ * +---wt-descendants-chart-list
+ *     +---wt-descendants-chart-list-item
+ */
+.wt-descendants-chart-list {
+}
+
+.wt-descendants-chart-list-item {
+}
+
+/*
+ * Family book chart
+ *
+ * wt-chart, wt-family-book-chart
+ */
+
+/*
+ * Fan chart
+ *
+ * wt-chart, wt-fan-chart
+ */
+
+/*
+ * Hourglass chart
+ *
+ * wt-chart, wt-hourglass-chart
+ */
+
+/*
+ * Hourglass chart
+ *
+ * wt-chart, wt-interactive-tree
+ */
+
+/*
+ * Lifespans chart
+ *
+ * wt-chart, wt-lifespans-chart
+ */
+
+/*
+ * Pedigree chart
+ *
+ * wt-chart, wt-pedigree-chart
+ */
+
+/*
+ * Pedigree map
+ *
+ * wt-chart, wt-pedigree-map
+ */
+
+/*
+ * Relationships chart
+ *
+ * wt-chart, wt-relationships-chart
+ */
+
+/*
+ * Statistics chart
+ *
+ * wt-chart, wt-statistics-chart
+ */
+
+/*
+ * Timeline chart
+ *
+ * wt-chart, wt-timeline-chart
+ */
+
+/*
+ * Family list and individual list
+ *
+ * wt-page-options
+ * +---wt-initials-list
+ *     +---wt-initial-list-item
+ *         +---wt-initial
+ *         +---wt-initial, active
+ * wt-page-content
+ * +---wt-list, wt-{family,individual}-list
+ */
+
+.wt-initials-list-item {
+	display: inline;
+}
+
+.wt-initials-list-item + .wt-initials-list-item::before {
+	content: '|';
+}
+
+.wt-initial {
+	padding: 0 0.25rem;
+}
+
+.wt-initial.active {
+	color: #f00;
+	font-weight: bold;
+}
+
+/*
+ * Media object list
+ *
+ * wt-list, wt-media-list
+ */
+
+/*
+ * Note object list
+ *
+ * wt-list, wt-note-list
+ */
+
+/*
+ * Source list
+ *
+ * wt-list, wt-source-list
+ */
+
+/*
+ * Repository list
+ *
+ * wt-list, wt-repository-list
+ */
+
+/*
+ * Branches list
+ *
+ * wt-branches-page
+ */
+
+/*
+ * Place hierarchy
+ *
+ * wt-place-hierarchy-page
+ */
+
+/*
+ * Calendar
+ *
+ * wt-calendar-page
+ */
+
+/*
+ * Reports
+ *
+ * wt-reports-page
+ */
+
+/*
+ * Search
+ *
+ * wt-search-page, wt-general-serach-page/wt-phonetic-search-page/wt-advanced-search-page/wt-search-replace-page
+ */
+
+/* ios on click workaround */
+.iconz {
+	cursor: pointer;
+}
+
+a {
+	color: #555;
+	text-decoration: none;
+}
+
+a:hover {
+	color: #f00;
+	text-decoration: none;
+}
+
+:focus {
+	outline-style: none;
+}
+
+.flash-messages {
+	clear: both;
+	text-align: center;
+}
+
+img {
+	border: 0;
+}
+
+legend img {
+	height: 20px;
+	vertical-align: middle;
+	width: 20px;
+}
+
+img.block,
+#mycart img {
+	border: 0;
+	height: 25px;
+	vertical-align: middle;
+}
+
+.topbottombar {
+	background-color: #81a9cb;
+	color: #fff;
+	font-weight: bold;
+	padding: 4px;
+	text-align: center;
+}
+
+#mycart a img {
+	height: 15px;
+}
+
+.button {
+	width: 60px;
+}
+
+.alpha_index {
+	color: #999;
+}
+
+.person_box_template .details0,
+.person_box_template .details1 {
+    font-size: 11px;
+}
+
+.person_box, .action_header {
+	background: #edf7fd;
+	border: solid #81a9cb 1px;
+	padding: 3px;
+}
+
+.person_boxF, .action_headerF {
+	background: #e9daf1;
+	border: 1px solid #ff2080;
+	padding: 3px;
+}
+
+.person_boxNN {
+	background: #fff;
+	border: dashed #81a9cb 1px;
+	padding: 3px;
+}
+
+.person_box:target,
+.news_box:target,
+#gedcom_stats:target {
+	background-color: #ffc;
+}
+
+/* families tab person box */
+#relatives_content .person_box > .person_box,
+#relatives_content .person_boxF > .person_boxF,
+#relatives_content .person_boxNN > .person_boxNN {
+	border: 0;
+	min-height: 50px;
+}
+
+.center {
+	text-align: center;
+}
+
+table.center {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.list_table {
+	margin: 0 auto;
+}
+
+.list_label,
+.list_label_wrap {
+	color: #fff;
+	background-color: #81a9cb;
+	font-weight: bold;
+	text-align: center;
+}
+
+.list_value,
+.list_value_wrap {
+	background-color: #edf7f9;
+	border: solid #81a9cb 1px;
+	vertical-align: top;
+	padding: 4px;
+}
+
+.list_label,
+.list_value {
+	white-space: nowrap;
+}
+
+.list_label_wrap,
+.list_value_wrap {
+	white-space: normal;
+}
+
+div.fact_SHARED_NOTE {
+	clear: both;
+}
+
+/* Table of genealogical facts */
+
+.wt-facts-table caption {
+	caption-side: top;
+}
+
+.wt-facts-table th {
+	background-color: #81a9cb;
+	border: solid #81a9cb 1px;
+	text-align: center;
+	font-weight: normal;
+	min-width: 20%;
+}
+
+.wt-facts-table td {
+	background-color: #edf7fd;
+	border: solid #81a9cb 1px;
+}
+
+.wt-facts-table .wt-gender-M td {
+	background-color: #edf7fd;
+	border-color: #81a9cb;
+}
+
+.wt-facts-table .wt-gender-F td {
+	background-color: #e9daf1;
+	border-color: #ff2080;
+}
+
+.tabs_table {
+	width: 99%;
+}
+
+.name1 {
+	font-weight: bold;
+	font-size: 12px;
+}
+
+.name2 {
+	font-size: 16px;
+	}
+
+a:hover .name1, a:hover .name2 {
+	color: #f00;
+	font-weight: bold;
+	font-size: 12px;
+}
+
+a:hover .nameZoom {
+	color: #f00;
+	font-size: 16px;
+	font-weight: bold;
+}
+
+.details0,
+.details1 {
+	font-size: 11px;
+}
+
+.details2 {
+	font-size: 12px;
+}
+
+.nameZoom {
+	color: #555;
+	font-size: 16px;
+	font-weight: bold;
+}
+
+.details_label {
+	font-weight: bold;
+}
+
+.name_head {
+	color: #555;
+	font-size: 16px;
+	font-weight: bold;
+	line-height: 2;
+	padding: 0 5px;
+}
+
+.date {
+	color: #337;
+}
+
+.label {
+	font-weight: bold;
+}
+
+.error {
+	color: #d00;
+	font-weight: bold;
+}
+
+.largeError {
+	color: #d00;
+	font-size: large;
+	font-weight: bold;
+}
+
+.warning {
+	color: #f00;
+	font-weight: bold;
+}
+
+.indent {
+	padding-left: 20px;
+}
+
+.image {
+	height: 150px;
+	padding: 5px;
+	margin: 2px;
+}
+
+.gender_image {
+	margin: 0 3px;
+	border: 0;
+	vertical-align: middle;
+}
+
+.thumbnail {
+	height: auto;
+	padding: 3px;
+}
+
+.icon {
+	border: 0;
+	padding: 0 5px;
+}
+
+.sublinks_cell {
+	background-color: #edf7fd;
+	font-size: 12px;
+}
+
+.submenu .icon {
+	vertical-align: middle;
+	width: 20px;
+	height: 20px;
+}
+
+.subheaders {
+	font-weight: bold;
+	font-size: 15px;
+	margin-top: 15px;
+	vertical-align: bottom;
+}
+
+#family-table .subheaders:first-child {
+	width: 285px;
+}
+
+.parentdeath {
+	border: thin solid #888;
+	padding: 1px;
+}
+
+.source_citations {
+	display: none;
+}
+
+.selected-option {
+	background-color: #edf7fd;
+}
+
+.border1 {
+	border: solid #000 1px;
+}
+
+.menuitem {
+	text-decoration: none;
+	font-size: 11px;
+	padding: 1px;
+}
+
+.menuitem_hover {
+	text-decoration: none;
+	font-size: 11px;
+	padding: 1px;
+}
+
+.menuitem .icon, .menuitem_hover .icon {
+	width: 50px;
+	height: 50px;
+}
+
+.submenu {
+	text-decoration: none;
+	font-size: 11px;
+	background-color: #edf7fd;
+	border: solid #81a9cb 1px;
+	visibility: hidden;
+	position: absolute;
+	padding: 5px;
+}
+
+.submenuitem  {
+	vertical-align: middle;
+	font-size: 11px;
+	height: 20px;
+	text-decoration: none;
+	background-color: #edf7fd;
+	padding: 1px;
+	white-space: nowrap;
+}
+
+.submenuitem_hover {
+	vertical-align: middle;
+	height: 20px;
+	font-size: 11px;
+	background-color: #e6f0fa;
+	white-space: nowrap;
+	padding: 1px;
+}
+
+.submenuitem a,
+.submenuitem_hover a {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.journal_box {
+	padding: 3pt;
+	border: thin solid #aaa;
+	overflow: visible;
+}
+
+.news_box {
+	background-color: #edf7fd;
+	border-top: solid #81a9cb 1px;
+}
+
+.news_title {
+	font-weight: bold;
+}
+
+.news_date {
+	margin-bottom: 12px;
+}
+
+.current_day {
+	font-weight: bold;
+	font-size: 16px;
+}
+
+.cal_day {
+	float: left;
+	font-weight: bold;
+}
+
+.rtl_cal_day {
+	direction: rtl;
+	float: right;
+	color: #00f;
+	font-weight: bold;
+}
+
+.helpcontent {
+	margin-left: 10px;
+	margin-right: 10px;
+}
+
+.helpcontent dt {
+	clear: both;
+}
+
+#user-page h1 {
+	margin: 0.25em auto 0.6em;
+}
+
+.tvertline {
+	vertical-align: bottom;
+}
+
+#childbox {
+	padding: 5px;
+	position: absolute;
+	display: none;
+	text-align: start;
+	white-space: nowrap;
+	top: 20px;
+	left: 0;
+}
+
+.layout3 #childbox {
+	top: auto;
+	bottom: 20px;
+}
+
+#childbox a.name1 {
+	display: block;
+	margin-left: 5px;
+}
+
+.person0 {
+	background-color: #aaf;
+	border: outset #aaf 1px;
+	vertical-align: top;
+}
+
+.person1 {
+	background-color: #afa;
+	border: outset #afa 1px;
+	vertical-align: top;
+}
+
+.person2 {
+	background-color: #faa;
+	border: outset #faa 1px;
+	vertical-align: top;
+}
+
+.person3 {
+	background-color: #55f;
+	border: outset #55f 1px;
+	vertical-align: top;
+}
+
+.person4 {
+	background-color: #f55;
+	border: outset #f55 1px;
+	vertical-align: top;
+}
+
+.person5 {
+	background-color: #5f5;
+	border: outset #5f5 1px;
+	vertical-align: top;
+}
+
+.listlog {
+	line-height: 20pt;
+}
+
+.starredname {
+	text-decoration: underline;
+}
+
+.search_hit {
+	background-color: #ff0;
+}
+
+.search_item {
+	font-weight: 600;
+}
+
+.descriptionbox {
+	color: #fff;
+	font-size: 12px;
+	background-color: #81a9cb;
+	border: solid #81a9cb 1px;
+	vertical-align: top;
+	padding: 3px;
+}
+
+.optionbox {
+	background-color: #d1d9ef;
+	font-size: 1rem;
+	border: solid #81a9cb 1px;
+	vertical-align: top;
+	white-space: nowrap;
+	padding: 3px;
+}
+
+.vmiddle {
+	vertical-align: middle;
+}
+
+.red {
+	color: #f00;
+}
+
+.wt-relation-fact,
+.wt-historic-fact {
+	opacity: 0.8;
+}
+
+.font9 {
+	font-size: 9px;
+}
+
+.font11 {
+	font-size: 11px;
+}
+
+.messagebox {
+	background-color: #c2ceef;
+	border: solid #81a9cb 1px;
+}
+
+/* ---Pending edits--- */
+.new {
+	outline: solid blue 1px;
+}
+
+.old {
+	outline: solid red 1px;
+}
+
+.tag_cloud {
+	text-align: center;
+}
+
+.tag_cloud a {
+	white-space: nowrap;
+}
+
+.nowrap {
+	white-space: nowrap;
+}
+
+.wrap {
+	white-space: normal;
+}
+
+.statistics-page {
+	text-align: center;
+}
+
+.center2 {
+	text-align: center;
+}
+
+.gchart {
+	border: solid #81a9cb 1px;
+}
+
+/* ---Find special characters--- */
+.largechars {
+	font-family: monospace;
+	font-size: 200%;
+}
+
+#facts_content dd {
+	float: left;
+	width: 70%;
+}
+
+.clearfloat {
+	clear: both;
+}
+
+td.descriptionbox a {
+	color: #fff;
+}
+
+/* this keeps the tag color the same when it is a link as when not */
+
+.place {
+	padding-top: 5px;
+}
+
+#pending h2 {
+	text-align: center;
+	margin-bottom: 20px;
+}
+
+#pending h3 {
+	text-align: center;
+	margin-top: 20px;
+}
+
+#pending a {
+	font-weight: 700;
+	color: #555;
+}
+
+#pending a:hover {
+	color: #f00;
+}
+
+#pending .list_value {
+	padding: 3px;
+	text-align: center;
+	vertical-align: middle;
+	white-space: nowrap;
+}
+
+#pending .indent {
+	padding: 0;
+}
+
+/* ======== Person box ======= */
+/* Box styles are
+	0 compact view
+	1 normal view - small box
+	2 normal view - large box
+*/
+.box-style0 {
+	cursor: url(webtrees/images/zoomin.png), n-resize;
+}
+
+.box-style0-expanded {
+	cursor: url(webtrees/images/zoomout.png), n-resize;
+}
+
+.box-style0-expanded,
+.box-style1-expanded {
+	width: 300px !important;
+	height: auto !important;
+	line-height: 1.5em!important;
+}
+
+.person_box_template {
+	height: auto;
+	white-space: normal;
+	overflow: hidden !important;
+
+}
+
+.person_box_template .namedef i[class^="icon-sex"] {
+	margin-left: 3px;
+}
+
+.person_box_template .icons {
+	float: right;
+}
+
+.person_box_template .inout {
+	clear: both;
+	display: none;
+}
+
+.person_box_template .chart_textbox {
+	overflow: hidden;
+	font-size: .75rem;
+	line-height: 1;
+	padding-bottom: 4px;
+}
+
+.person_box_template img,
+.person_box_template a.gallery {
+	float: left;
+	height: 50px;
+	margin: 0 2px 0 0;
+	max-width: 80px;
+	width: auto;
+}
+
+.person_box_template i[class^="icon-silhouette"] {
+	float: left;
+}
+
+/* --- reportengine.php --- */
+#reportengine-page table {
+	margin: 20px auto;
+}
+
+#reportengine-page .report-type {
+	overflow: hidden;
+	margin: auto;
+	width: 180px;
+}
+
+#reportengine-page .report-type div {
+	float: left;
+	margin: 0 20px;
+}
+
+#reportengine-page .report-type p {
+	margin: 0;
+	text-align: center;
+}
+
+/* styles for popup menus */
+.itr {
+	position: absolute;
+	line-height: 1.5;
+}
+
+.popup {
+	position: absolute;
+	top: 20px;
+	right: 0;
+	left: auto;
+	visibility: hidden;
+	opacity: 0;
+	transition: visibility 0s ease .25s,opacity .25s ease;
+	z-index: 9999;
+	box-shadow: 5px 5px 5px 0 rgba(0,0,0,.4);
+}
+
+.popup ul {
+	white-space: nowrap;
+	list-style: none;
+	margin: 0;
+	padding: 0 10px;
+	font-size: smaller;
+}
+
+.popup > ul {
+	padding: 2px 10px;
+}
+
+.popup li .NAME {
+	padding: 0 5px;
+}
+
+.itr:hover .popup {
+	visibility: visible;
+	opacity: 1;
+	transition-delay: 0s;
+}
+
+/* styles for FindFacts pop-up */
+#layDefinedTags,
+#tabDefinedTagsShow {
+	width: 450px;
+}
+
+#tabDefinedTags {
+	width: 430px;
+}
+
+#layDefinedTags {
+	margin-left: auto;
+	margin-right: auto;
+	height: 285px;
+	overflow: auto;
+}
+
+#tabDefinedTags {
+	border-collapse: collapse;
+}
+
+#tabDefinedTags th,
+#tabDefinedTags td {
+	border: solid 1px #000;
+	margin: 0;
+	padding: 3px;
+}
+
+#tabDefinedTags tbody th {
+	text-align: left;
+	font-weight: bold;
+}
+
+#tabDefinedTags tr.sel {
+	background-color: #d1d9ef;
+	color: #888;
+}
+
+#tabDefinedTags tr.unsel {
+	background-color: #fff;
+	color: #888;
+}
+
+#tabDefinedTagsShow {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#tabDefinedTagsShow td {
+	width: 50%;
+	text-align: center;
+}
+
+#tabFilterAndCustom {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#tabAction {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#tabAction td {
+	width: 50%;
+	text-align: center;
+}
+
+/* ======== List styles ====== */
+.surname-list,
+.givn-list {
+	margin: 5px auto;
+}
+
+.source-list table,
+.note-list table,
+.repo-list table,
+.media-list table,
+.indi-list table,
+.fam-list table {
+	width: 100%;
+}
+
+.source-list td,
+.note-list td,
+.repo-list td,
+.media-list td,
+.indi-list td,
+.fam-list td,
+.surname-list td,
+.givn-list td {
+	padding: 2px 5px;
+}
+
+.surname-list td {
+	vertical-align: top;
+}
+
+.indi-list .stats,
+.fam-list .stats {
+	margin: 0 auto;
+	width: auto;
+}
+
+.source-list th,
+.note-list th,
+.repo-list th,
+.media-list th,
+.indi-list th,
+.fam-list th,
+.wt-table-changes th,
+.wt-table-events th,
+.wt-table-tasks th,
+.wt-table-yahrzeits th,
+.surname-list th,
+.givn-list th {
+	cursor: pointer;
+	font-weight: 600;
+	padding: 2px 4px;
+	white-space: nowrap;
+}
+
+.source-list th:last-child,
+.note-list th:last-child,
+.repo-list th:last-child {
+	margin: 0 -2px 1px 1px;
+	padding: 3px 0 4px;
+	width: 24px;
+}
+
+.givn-list th {
+	cursor: pointer;
+	white-space: nowrap;
+	padding: 2px;
+	text-align: center;
+}
+
+#source-details h2,
+#sourcelist-page h2,
+#note-details h2,
+#notelist-page h2,
+#repo-details h2,
+#repolist-page h2,
+#media-details h2,
+#statistics-page h2 {
+	margin-bottom: 20px;
+	text-align: center;
+}
+
+#source-edit,
+#note-edit,
+#repo-edit,
+#media-edit {
+	overflow-x: auto;
+}
+
+.media-list td img {
+	display: block;
+	height: 40px;
+	width: auto;
+	margin: 3px auto;
+}
+
+.filtersH,
+.filtersF {
+	margin: 4px;
+}
+
+.filtersH img {
+	margin-bottom: 2px;
+}
+
+.list-charts {
+	text-align: center;
+}
+
+#search-result-tabs h3 {
+	text-align: center;
+}
+
+#searchAccordion-indi,
+#searchAccordion-fam,
+#searchAccordion-source,
+#searchAccordion-note {
+	margin: auto;
+	width: 99%;
+}
+
+#place-hierarchy h2,
+#place-hierarchy h4 {
+	text-align: center;
+}
+
+#main_select,
+#available_select,
+#right_select {
+	min-width: 150px;
+}
+
+/* ==== Favourites block ===== */
+.blockcontent .person_box_template .details2 {
+	min-height: 40px;
+}
+
+.blockcontent [class*='box-style2'] {
+	margin: 5px 0;
+}
+
+.add_fav_head {
+	font-weight: 900;
+	margin: 5px 0;
+}
+
+.add_fav_head i {
+	margin: 0 5px 1px;
+}
+
+.add_fav_ref label {
+	display: inline-block;
+	min-width: 100px;
+}
+
+.add_fav_ref input {
+	margin: 0 5px;
+}
+
+/* === Who is online block === */
+.logged_in_list {
+	margin: 5px 0 0;
+	padding: 0;
+	line-height: 20px;
+}
+
+/* ==== Theme select block === */
+.theme_form ul {
+	margin: -10px auto;
+}
+
+.theme_form li {
+	visibility: hidden;
+}
+
+.theme_form li ul li {
+	display: inline-block;
+	padding: 10px;
+	visibility: visible;
+}
+
+/* ==== FAQ table styles ===== */
+table.faq {
+	background-color: #e0e0e0;
+	margin: 5px 0 50px 5px;
+	width: 98%;
+}
+
+table.faq tr:nth-child(odd) td {
+	background-color: #e7eef3;
+}
+
+div.faq_title {
+	background-color: #e0e0e0;
+	margin: 1em 0;
+	padding: .25em;
+	font-weight: bold;
+	width: 98%;
+}
+
+div.faq_body {
+	clear: both;
+	padding: 0 1em;
+}
+
+.faq_top {
+	float: right;
+}
+
+/* === Positioning edit, copy, delete links === */
+/* General use */
+.editfacts {
+	clear: left;
+	padding-top: 15px;
+}
+
+/* ======== Indi header ====== */
+#indi_header {
+	overflow: hidden;
+	border-radius: 3px;
+	border: 1px solid #b2c7d7;
+	margin: 0 0 5px;
+	padding: 10px 0;
+}
+
+#indi_header h3 {
+	font-size: 90%;
+	font-weight: bold;
+	margin: 0;
+	padding: 0 10px 0 30px;
+	text-align: left;
+	overflow: hidden;
+	position: relative;
+}
+
+#indi_header .name_one {
+	font-size: 1.5em;
+}
+
+#indi_header h3 .details1 {
+	font-size: 1.0em;
+}
+
+#indi_header h3 .header_age {
+	padding: 5px 0 5px 5px;
+	float: right;
+	font-weight: normal;
+	font-size: 65%;
+}
+
+#indi_header h3 a {
+	display: inline;
+}
+
+#indi_header a {
+	color: #337;
+	font-size: 0.75em;
+	font-weight: normal;
+}
+
+#indi_header a:hover {
+	color: #f00;
+}
+
+#indi_mainimage {
+	float: left;
+	padding: 0 10px;
+}
+
+#header_accordion1 {
+	padding: 0 10px 0 0;
+	overflow: hidden;
+}
+
+#header_accordion1 .indi_name_details {
+	margin: 0;
+	overflow: hidden;
+	padding: 5px;
+}
+
+.indi_name_details .name1 {
+	font-weight: normal;
+	padding-top: 5px;
+	font-size: inherit;
+}
+
+#indi_header a.warning {
+	color: #f00;
+	font-size: 1em;
+}
+
+#indi_note {
+	margin: 0 0 5px;
+}
+
+.indi_table {
+	clear: left;
+}
+
+#sex {
+	float: right;
+}
+
+#dates {
+	float: right;
+}
+
+#individual-names .wt-icon-edit,
+#individual-names .wt-icon-delete {
+	float: right;
+}
+
+#indi_note .fact_NOTE {
+	float: left;
+	margin: 0 5px 0 0;
+}
+
+#indi_note .fact_SOUR {
+	margin: 3px 0;
+}
+
+#indi_note .fact_SOUR a {
+	font-size: 100%;
+}
+
+#indi_note .fact_NOTE,
+#indi_note .fact_SOUR {
+	clear: both;
+}
+
+/* markdown formatting ===== */
+
+.markdown {
+	/* Tables and pre-formatted text can break the layout. */
+	overflow-x: auto;
+}
+
+.markdown p {
+	margin: 0 0 0.5em;
+	white-space: pre-wrap;
+}
+
+.markdown table {
+	border-collapse: collapse;
+	margin-bottom: 5px;
+}
+
+.markdown th {
+	font-weight: bold;
+}
+
+.markdown td,
+.markdown th {
+	border: solid thin #000;
+	padding: 3px;
+}
+
+.odometer {
+	font-family: courier, monospace;
+	font-weight: bold;
+	background: #000;
+	color: #fff;
+}
+
+/* ======= General sprite ==== */
+.male_gender,
+.female_gender,
+.unknown_gender {
+	display: block;
+	background: url(webtrees/images/general_sprite.png) no-repeat left 0;
+}
+
+.female_gender {
+	background-position: -45px 1px;
+	width: 24px;
+	height: 30px;
+}
+
+.male_gender {
+	background-position: -72px 3px;
+	width: 24px;
+	height: 30px;
+}
+
+.unknown_gender {
+	background-position: -100px 4px;
+	width: 24px;
+	height: 30px;
+}
+
+/* ======== Indi tabs ======== */
+/* Facts & Events tab */
+#personal_facts_content .fact_NOTE,
+#personal_facts_content .fact_SOUR,
+#family-table .fact_NOTE,
+#family-table .fact_SOUR {
+	margin: 5px 3px 5px 0;
+	clear: both;
+}
+
+.media-display-image {
+	float: left;
+}
+
+.media-display-title {
+	float: left;
+	font-style: italic;
+	margin: 10px;
+}
+
+/* === jQuery.datatable styling general over-rides === */
+.odd {
+	background-color: #e7eef3;
+}
+
+.even {
+	background-color: #e6e6e6;
+}
+
+.css_right {
+	float: left;
+}
+
+.fg-button {
+	padding: 2px 6px;
+}
+
+.dataTables_paginate {
+	float: left;
+	margin-bottom: 3px;
+}
+
+.dataTables_processing {
+	float: left;
+}
+
+.dataTables_filter {
+	float: right;
+	font-weight: normal;
+}
+
+.dataTables_info {
+	float: left;
+	font-weight: normal;
+	padding: 4px;
+}
+
+.dataTables_length {
+	float: right;
+	font-weight: normal;
+}
+
+.dataTables_length select,
+.dataTables_filter input {
+	font-size: 11px;
+	padding: 1px;
+}
+
+.dt-clear {
+	clear: both;
+}
+
+#loading {
+	text-align: center;
+}
+
+.DataTables_sort_wrapper {
+	position: relative;
+	margin: 0 20px;
+}
+
+.DataTables_sort_wrapper span {
+	left: 0;
+	margin-left: -20px;
+	margin-top: -8px;
+	position: absolute;
+	top: 50%;
+}
+
+.dataTables_wrapper {
+	margin-bottom: 10px;
+}
+
+/* ======= Sidebar setup ===== */
+#main {
+	min-width: 600px;
+	width: 100%;
+	display: table;
+	table-layout: fixed;
+}
+
+#indi_left {
+	display: table-cell;
+}
+
+#tabs {
+	background-color: #fff;
+	border-color: #ddd;
+	margin-left: 0;
+	overflow: visible;
+	width: 100%;
+}
+
+/* sidebar */
+#sidebar {
+	width: 20%;
+	display: table-cell;
+	vertical-align: top;
+}
+
+/* Sidebar - Family navigator */
+.wt-family-navigator-dropdown {
+	background: #edf7fd;
+}
+
+.wt-family-navigator-dropdown-heading {
+	font-weight: bold;
+	font-size: inherit;
+	color: inherit;
+}
+
+/* Sidebar - Descendants */
+#sb_content_descendancy {
+	margin-top: 5px;
+}
+
+#sb_desc_content {
+	margin-left: 3px;
+	font-size: 0.8em;
+}
+
+#sb_desc_content ul {
+	padding: 0;
+	margin: 0;
+}
+
+.sb_desc_indi_li {
+	list-style-type: none;
+}
+
+.desc_tree_div {
+	display: none;
+}
+
+.desc_tree_div ul {
+	padding: 0;
+	margin-left: 10px;
+	margin-top: 0;
+	margin-right: 0;
+}
+
+/* Individuals and Families */
+#sidebar-content-individuals,
+#sidebar-content-families {
+	margin-top: 5px;
+}
+
+.sb_indi_surname_li,
+.sb_fam_surname_li {
+	list-style-image: url(webtrees/images/plus.png);
+}
+
+.name_tree_div ul {
+	padding: 0;
+	margin: 0;
+}
+
+.name_tree_div li {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+
+/* Clippings */
+#sb_clippings_content ul {
+	padding: 0;
+	margin: 0;
+}
+
+#sb_clippings_content li {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	white-space: nowrap;
+}
+
+/* Extra info */
+#sb_content_extra_info {
+	font-size: 80%;
+	font-weight: bold;
+	margin-top: 1px;
+	overflow: hidden;
+	padding: 5px;
+}
+
+#sb_content_extra_info .editfacts {
+	float: right;
+	margin-top: -30px;
+}
+
+#sb_content_extra_info a {
+	display: block;
+}
+
+#sb_content_extra_info span {
+	font-weight: normal;
+}
+
+#sb_content_extra_info span a {
+	display: inline;
+}
+
+#sb_content_extra_info #hitcounter {
+	border-top: 1px solid #b2c7d7;
+	font-weight: bold;
+	padding-top: 5px;
+}
+
+/* http://www.jacklmoore.com/colorbox */
+#colorbox,
+#cboxOverlay,
+#cboxWrapper {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 9999;
+	overflow: hidden;
+}
+
+#cboxWrapper {
+	max-width: none;
+}
+
+#cboxOverlay {
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	background: #fff;
+}
+
+#cboxContent {
+	background: #fff;
+	overflow: hidden;
+	position: relative;
+	padding: 0.5rem;
+	border: 0.25rem solid #ccc;
+}
+
+#cboxLoadingOverlay,
+#cboxLoadingGraphic {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+
+.cboxPhoto {
+	float: left;
+	margin: auto;
+	border: 0;
+	display: block;
+	max-width: none;
+}
+
+#colorbox,
+#cboxContent,
+#cboxLoadedContent {
+	box-sizing: content-box;
+}
+
+#cboxError {
+	padding: 50px;
+	border: 1px solid #ccc;
+}
+
+#cboxLoadedContent {
+	margin-bottom: 28px;
+}
+
+#cboxTitle {
+	background: #fff;
+	position: absolute;
+	bottom: 0.25rem;
+	left: 0;
+	margin: 0 3rem;
+	text-align: center;
+}
+
+#cboxLoadingGraphic {
+	background: url(images/loading-32x32.gif) no-repeat center center;
+}
+
+#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
+	background: none;
+	border: 0;
+	cursor: pointer;
+	font-family: "Font Awesome\ 5 Free", sans-serif;
+	font-weight: 900;
+	overflow: visible;
+	padding: 0;
+	position: absolute;
+}
+
+#cboxSlideshow {
+	bottom: 0.25rem;
+	right: 0.25rem;
+}
+
+#cboxPrevious {
+	bottom: 0.25rem;
+	left: 0.25rem;
+}
+
+#cboxNext {
+	bottom: 0.25rem;
+	left: 1.5rem;
+}
+
+#cboxClose {
+	top: 0.25rem;
+	right: 0.25rem;
+}
+
+/* Stories module */
+.story_title {
+	padding-top: 12px;
+	font-size: 13px;
+	height: 32px;
+	font-weight: bold;
+}
+
+.story_body {
+	padding: 20px;
+	white-space: normal;
+}
+
+.story_edit {
+	padding: 12px;
+}
+
+/* ====== Charts Styles ======== */
+
+#people label {
+	display:block;
+}
+
+/* Ancestry chart */
+.wt-ancestors-chart-list {
+	background: transparent url(images/vline.png) left top repeat-y;
+	margin: 0 0 0 15px;
+	padding: 0;
+	display: block;
+}
+
+.wt-ancestors-chart-list-item {
+	margin: 5px 0;
+}
+
+.chart_common li {
+	list-style: outside none none;
+}
+
+.generations {
+	background: transparent url(images/vline.png) repeat-y scroll left top;
+	display: block;
+	margin: 0 0 0 15px;
+	padding: 0;
+}
+
+.chart_common table {
+	padding: 0;
+	border-spacing: 0;
+	border-collapse: collapse;
+	margin: 5px 0;
+}
+
+.chart_common td {
+	border: 0;
+	padding: 0;
+}
+
+.chart_common span.details1 div[class^=fact_] {
+	display: inline-block;
+}
+
+.chart_common span.details1 .date {
+	color: inherit;
+}
+
+/*-- Family book  --*/
+#familybook_chart {
+	margin-left: 10px;
+}
+
+#familybook_chart table {
+	border-collapse: collapse;
+	empty-cells: show;
+}
+
+#familybook_chart td {
+	margin: 0;
+	padding: 0;
+}
+
+#familybook_chart h2 {
+	text-align: center;
+}
+
+#familybook_chart .line3,
+#familybook_chart .pvline,
+#familybook_chart .spacer {
+	width: 3px;
+}
+
+#familybook_chart .line4 {
+	width: 7px;
+	vertical-align: middle;
+}
+
+[ID^="vline"] {
+	width: 3px;
+}
+
+#familybook_chart h3 {
+	color: #006;
+	font-size: 16px;
+	text-align: center;
+}
+
+/*-- Fan chart ---- */
+.fan_chart_menu {
+	position: absolute;
+	display: none;
+	z-index: 100;
+}
+
+#fan_chart ul {
+	list-style-type: none;
+	margin: 0;
+}
+
+/* Lifespans chart */
+.wt-lifespans-subtitle {
+	text-align: center;
+}
+
+.wt-lifespans-scale {
+	white-space: nowrap;
+}
+
+.wt-lifespans-decade {
+	width: 70px;
+	height: 60px;
+	display: inline-block;
+	background-image: url(webtrees/images/lifespan-chunk.png);
+	background-position-y: bottom;
+	background-repeat: no-repeat;
+	background-size: 70px 37px;
+}
+
+.wt-lifespans-individuals {
+	background: #fafafa;
+}
+
+.wt-lifespans-individual {
+
+}
+
+.wt-lifespans-summary {
+	background: #ffffff;
+	border: thin solid #000;
+	z-index: 1;
+}
+
+.wt-lifespans-summary-link {
+	font-weight: bold;
+}
+
+/*-- Pedigree ---- */
+#pedigree_chart {
+	position: relative;
+	margin: 20px auto;
+}
+
+#pedigree_canvas {
+	color:   #81a9cb;
+	z-index: -1000;
+}
+
+#pedigree-page .shadow {
+	position: absolute;
+	white-space: nowrap;
+}
+
+#pedigree-page .layout0 .shadow > div,
+#pedigree-page .layout1 .shadow > div {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+#pedigree-page .spacer {
+	background-image: url(images/spacer.png);
+	height:           20px;
+	width:            1px;
+}
+
+#childarrow,
+.ancestorarrow {
+	text-align: center;
+}
+
+#pedigree-page #childarrow {
+	position: relative;
+}
+
+#pedigree-page #childbox {
+	border:           1px solid;
+	background-color: #fff;
+}
+
+#pedigree-page table.list_table {
+	margin: 0 auto;
+	width:  500px;
+}
+
+.pedigree_chart_table {
+	border:          0;
+	border-collapse: collapse;
+	padding:         0;
+	width:           100%;
+}
+
+/*-- timeline  --*/
+#timeline_chart {
+	position: relative;
+	top: 0;
+	left: 0;
+}
+
+#field_table {
+	width: 30%;
+	min-width: 500px;
+}
+
+/* ====== Common Icons ========= */
+[class^="icon-"],
+[class*=" icon-"] {
+	display: inline-block;
+	vertical-align: text-bottom;
+	background-repeat: no-repeat;
+}
+
+.icon-add {
+	width: 14px;
+	height: 15px;
+	background-image: url(images/add.png);
+}
+
+.icon-cfamily {
+	width: 20px;
+	height: 20px;
+	background-image: url(webtrees/images/family.png);
+}
+
+.icon-childless {
+	width: 25px;
+	height: 25px;
+	background-image: url(webtrees/images/childless.png);
+}
+
+.icon-children {
+	width: 16px;
+	height: 16px;
+	background-image: url(webtrees/images/children.png);
+}
+
+.icon-clippings {
+	width: 22px;
+	height: 22px;
+	background-image: url(webtrees/images/clippings.png);
+}
+
+.icon-edit_indi {
+	width: 20px;
+	height: 20px;
+	background-image: url(webtrees/images/edit_indi.png);
+}
+
+.icon-fam-list {
+	width: 20px;
+	height: 20px;
+	background-image: url(webtrees/images/family.png);
+}
+
+.icon-indi-list {
+	width: 20px;
+	height: 20px;
+	background-image: url(webtrees/images/indis.png);
+}
+
+.icon-loading-small {
+	width: 16px;
+	height: 16px;
+	background-image: url(webtrees/images/indicator.gif);
+}
+
+.icon-media {
+	width: 20px;
+	height: 20px;
+	background-image: url(webtrees/images/media.png);
+}
+
+.icon-media-list {
+	width: 20px;
+	height: 20px;
+	background-image: url(webtrees/images/media.png);
+}
+
+.icon-media-next {
+	width: 20px;
+	height: 20px;
+	background-image: url(webtrees/images/rdarrow.png);
+}
+
+.icon-media-play {
+	width: 20px;
+	height: 20px;
+	background-image: url(webtrees/images/rarrow.png);
+}
+
+.icon-media-stop {
+	width: 20px;
+	height: 20px;
+	background-image: url(webtrees/images/stop.png);
+}
+
+.icon-minus {
+	width: 11px;
+	height: 11px;
+	background-image: url(webtrees/images/minus.png);
+}
+
+.icon-mypage {
+	width: 24px;
+	height: 24px;
+	background-image: url(webtrees/images/mypage.png);
+}
+
+.icon-note {
+	width: 20px;
+	height: 20px;
+	background-image: url(webtrees/icons/note.png);
+}
+
+.icon-plus {
+	width: 11px;
+	height: 11px;
+	background-image: url(webtrees/images/plus.png);
+}
+
+.icon-reminder {
+	width: 15px;
+	height: 12px;
+	background-image: url(webtrees/images/reminder.png);
+}
+
+.icon-remove {
+	width: 20px;
+	height: 20px;
+	background-image: url(webtrees/images/remove.png);
+}
+
+.icon-resn-confidential {
+	width: 16px;
+	height: 16px;
+	background-image: url(webtrees/images/resn_confidential.png);
+}
+
+.icon-resn-locked {
+	width: 16px;
+	height: 16px;
+	background-image: url(webtrees/images/resn_locked.png);
+}
+
+.icon-resn-none {
+	width: 16px;
+	height: 16px;
+	background-image: url(webtrees/images/resn_none.png);
+}
+
+.icon-resn-privacy {
+	width: 16px;
+	height: 16px;
+	background-image: url(webtrees/images/resn_privacy.png);
+}
+
+.icon-rings {
+	width: 9px;
+	height: 9px;
+	background-image: url(webtrees/images/rings.png);
+}
+
+.icon-selected {
+	width: 12px;
+	height: 12px;
+	background-image: url(webtrees/images/selected.png);
+}
+
+.icon-sex_f_15x15 {
+	width: 15px;
+	height: 15px;
+	background-image: url(webtrees/images/sex_f_15x15.png);
+}
+
+.icon-sex_f_9x9 {
+	width: 9px;
+	height: 9px;
+	background-image: url(webtrees/images/sex_f_9x9.png);
+}
+
+.icon-sex_m_15x15 {
+	width: 15px;
+	height: 15px;
+	background-image: url(webtrees/images/sex_m_15x15.png);
+}
+
+.icon-sex_m_9x9 {
+	width: 9px;
+	height: 9px;
+	background-image: url(webtrees/images/sex_m_9x9.png);
+}
+
+.icon-sex_u_15x15 {
+	width: 15px;
+	height: 15px;
+	background-image: url(webtrees/images/sex_u_15x15.png);
+}
+
+.icon-sex_u_9x9 {
+	width: 9px;
+	height: 9px;
+	background-image: url(webtrees/images/sex_u_9x9.png);
+}
+
+.icon-source {
+	width: 20px;
+	height: 20px;
+	background-image: url(webtrees/images/source.png);
+}
+
+.icon-warning {
+	width: 17px;
+	height: 17px;
+	background-image: url(webtrees/images/warning.png);
+}
+
+.icon-zoomin {
+	width: 25px;
+	height: 25px;
+	background-image: url(webtrees/images/zoomin.png);
+}
+
+.icon-zoomout {
+	width: 25px;
+	height: 25px;
+	background-image: url(webtrees/images/zoomout.png);
+}
+
+/* Silhouettes on charts */
+.icon-silhouette-F {
+	width: 37px;
+	height: 50px;
+	background-image: url(webtrees/images/silhouette_female_small.png);
+}
+
+.icon-silhouette-M {
+	width: 37px;
+	height: 50px;
+	background-image: url(webtrees/images/silhouette_male_small.png);
+}
+
+.icon-silhouette-U {
+	width: 37px;
+	height: 50px;
+	background-image: url(webtrees/images/silhouette_unknown_small.png);
+}
+
+.wt-silhoutte {
+	width: 200px;
+	height: 260px;
+}
+
+.wt-silhoutte::before {
+	content: url(webtrees/images/silhouette_unknown.png);
+}
+
+.wt-silhoutte-F::before {
+	content: url(webtrees/images/silhouette_female.png);
+}
+
+.wt-silhouette-M::before {
+	content: url(webtrees/images/silhouette_male.png);
+}
+
+[class^="icon-mime-"],
+[class*=" icon-mime-"] {
+	display: inline-block;
+	background: transparent url(webtrees/images/icon-mime-sprite.png) no-repeat;
+	width: 48px;
+	height: 48px;
+}
+
+/* ===== Generic MIME types ===== */
+[class^="icon-mime-"],
+[class*=" icon-mime-"] {
+	background-position: -99px -49px;
+}
+
+[class^="icon-mime-application-"],
+[class*=" icon-mime-application-"] {
+	background-position: -99px -196px;
+}
+
+[class^="icon-mime-audio-"],
+[class*=" icon-mime-audio-"] {
+	background-position: -197px -98px;
+}
+
+[class^="icon-mime-image-"],
+[class*=" icon-mime-image-"] {
+	background-position: -148px -245px;
+}
+
+[class^="icon-mime-text-"],
+[class*=" icon-mime-text-"] {
+	background-position: -197px -147px;
+}
+
+[class^="icon-mime-video-"],
+[class*=" icon-mime-video-"] {
+	background-position: -148px -147px;
+}
+
+/* ===== Specific MIME types ===== */
+.icon-mime-application-pdf {
+	background-position: -1px -49px;
+}
+
+.icon-mime-application-msword {
+	background-position: -148px -49px;
+}
+
+.icon-mime-application-vnd-ms-excel {
+	background-position: -148px -196px;
+}
+
+.icon-mime-application-x-rar-compressed {
+	background-position: -50px -98px;
+}
+
+.icon-mime-application-zip {
+	background-position: -50px -147px;
+}
+
+.icon-mime-application-x-shockwave-flash {
+	background-position: -148px 0;
+}
+
+.icon-mime-audio-mp3 {
+	background-position: -50px -245px;
+}
+
+.icon-mime-audio-mpeg {
+	background-position: -50px 0;
+}
+
+.icon-mime-audio-x-ms-wma {
+	background-position: -1px -245px;
+}
+
+.icon-mime-audio-wav {
+	background-position: -1px -98px;
+}
+
+.icon-mime-text-html {
+	background-position: -99px -245px;
+}
+
+.icon-mime-text-x-gedcom {
+	background-position: -50px -49px;
+}
+
+.icon-mime-image-bmp {
+	background-position: 197px 0;
+}
+
+.icon-mime-image-gif {
+	background-position: -197px -49px;
+}
+
+.icon-mime-image-jpeg {
+	background-position: -1px -147px;
+}
+
+.icon-mime-image-png {
+	background-position: -99px -98px;
+}
+
+.icon-mime-image-svg {
+	background-position: -197px -196px;
+}
+
+.icon-mime-image-tiff {
+	background-position: -148px -98px;
+}
+
+.icon-mime-video-quicktime {
+	background-position: -99px -147px;
+}
+
+.icon-mime-video-avi {
+	background-position: -99px 0;
+}
+
+.icon-mime-video-x-ms-wmv {
+	background-position: -50px -196px;
+}
+/* ====== End Icon styles ====== */
+
+/* ====== Theme Footer ========= */
+
+footer {
+	clear: both;
+	text-align: center;
+}
+
+.contact-links {
+	margin-top: 15px;
+}
+
+.powered-by-webtrees {
+	display: inline-block;
+	margin-top: 10px;
+	width: 100px;
+	height: 21px;
+}
+
+.powered-by-webtrees::after {
+	content: url(webtrees/images/powered-by-webtrees.png);
+}
+
+/* ====== End Theme Footer ===== */
+
+/* ====== Theme Icons ========== */
+.icon-indis {
+	width: 20px;
+	height: 20px;
+	background-image: url(webtrees/images/indis.png);
+}
+
+.icon-patriarch {
+	width: 20px;
+	height: 20px;
+	background-image: url(webtrees/images/patriarch.png);
+}
+
+.icon-pedigree {
+	width: 20px;
+	height: 20px;
+	background-image: url(webtrees/images/pedigree.png);
+}
+
+.icon-place {
+	width: 20px;
+	height: 20px;
+	background-image: url(webtrees/images/place.png);
+}
+
+.icon-repo-list {
+	width: 20px;
+	height: 20px;
+	background-image: url(webtrees/images/repository.png);
+}
+
+.icon-repository {
+	width: 20px;
+	height: 20px;
+	background-image: url(webtrees/images/repository.png);
+}
+
+.icon-search {
+	width: 17px;
+	height: 17px;
+	background-image: url(webtrees/images/search.png);
+}
+
+.icon-sfamily {
+	width: 20px;
+	height: 20px;
+	background-image: url(webtrees/images/family.png);
+}
+
+.icon-source-list {
+	width: 20px;
+	height: 20px;
+	background-image: url(webtrees/images/source.png);
+}
+
+.icon-user_add {
+	width: 20px;
+	height: 20px;
+	background-image: url(webtrees/images/user_add.png);
+}
+
+.cookie-warning {
+	background: #aaa;
+	color: #fff;
+	height: 3em;
+	line-height: 2.5em;
+	transition: height 0.5s;
+}
+.cookie-warning.hidden {
+	height: 0;
+	overflow: hidden;
+}
diff --git a/resources/css/webtrees/icons/arrow-down-hover.png b/resources/css/webtrees/icons/arrow-down-hover.png
new file mode 100644
index 0000000000..995ae19667
--- /dev/null
+++ b/resources/css/webtrees/icons/arrow-down-hover.png
diff --git a/resources/css/webtrees/icons/arrow-down.png b/resources/css/webtrees/icons/arrow-down.png
new file mode 100644
index 0000000000..3be2605dc8
--- /dev/null
+++ b/resources/css/webtrees/icons/arrow-down.png
diff --git a/resources/css/webtrees/icons/arrow-left-hover.png b/resources/css/webtrees/icons/arrow-left-hover.png
new file mode 100644
index 0000000000..9b63d582a0
--- /dev/null
+++ b/resources/css/webtrees/icons/arrow-left-hover.png
diff --git a/resources/css/webtrees/icons/arrow-left.png b/resources/css/webtrees/icons/arrow-left.png
new file mode 100644
index 0000000000..6d152c1aa0
--- /dev/null
+++ b/resources/css/webtrees/icons/arrow-left.png
diff --git a/resources/css/webtrees/icons/arrow-right-hover.png b/resources/css/webtrees/icons/arrow-right-hover.png
new file mode 100644
index 0000000000..a74991fd63
--- /dev/null
+++ b/resources/css/webtrees/icons/arrow-right-hover.png
diff --git a/resources/css/webtrees/icons/arrow-right.png b/resources/css/webtrees/icons/arrow-right.png
new file mode 100644
index 0000000000..705bc43c4f
--- /dev/null
+++ b/resources/css/webtrees/icons/arrow-right.png
diff --git a/resources/css/webtrees/icons/arrow-up-hover.png b/resources/css/webtrees/icons/arrow-up-hover.png
new file mode 100644
index 0000000000..e82af4097a
--- /dev/null
+++ b/resources/css/webtrees/icons/arrow-up-hover.png
diff --git a/resources/css/webtrees/icons/arrow-up.png b/resources/css/webtrees/icons/arrow-up.png
new file mode 100644
index 0000000000..dde11141c3
--- /dev/null
+++ b/resources/css/webtrees/icons/arrow-up.png
diff --git a/resources/css/webtrees/icons/bing-maps.png b/resources/css/webtrees/icons/bing-maps.png
new file mode 100644
index 0000000000..400627cf16
--- /dev/null
+++ b/resources/css/webtrees/icons/bing-maps.png
diff --git a/resources/css/webtrees/icons/calendar.png b/resources/css/webtrees/icons/calendar.png
new file mode 100644
index 0000000000..0d308a977a
--- /dev/null
+++ b/resources/css/webtrees/icons/calendar.png
diff --git a/resources/css/webtrees/icons/coordinates.png b/resources/css/webtrees/icons/coordinates.png
new file mode 100644
index 0000000000..28d594c159
--- /dev/null
+++ b/resources/css/webtrees/icons/coordinates.png
diff --git a/resources/css/webtrees/icons/copy.png b/resources/css/webtrees/icons/copy.png
new file mode 100644
index 0000000000..4b42734afb
--- /dev/null
+++ b/resources/css/webtrees/icons/copy.png
diff --git a/resources/css/webtrees/icons/delete.png b/resources/css/webtrees/icons/delete.png
new file mode 100644
index 0000000000..d091da3353
--- /dev/null
+++ b/resources/css/webtrees/icons/delete.png
diff --git a/resources/css/webtrees/icons/edit.png b/resources/css/webtrees/icons/edit.png
new file mode 100644
index 0000000000..06af4f0d12
--- /dev/null
+++ b/resources/css/webtrees/icons/edit.png
diff --git a/resources/css/webtrees/icons/family.png b/resources/css/webtrees/icons/family.png
new file mode 100644
index 0000000000..3ceafc5abb
--- /dev/null
+++ b/resources/css/webtrees/icons/family.png
diff --git a/resources/css/webtrees/icons/google-maps.png b/resources/css/webtrees/icons/google-maps.png
new file mode 100644
index 0000000000..12ab0c14d5
--- /dev/null
+++ b/resources/css/webtrees/icons/google-maps.png
diff --git a/resources/css/webtrees/icons/help.png b/resources/css/webtrees/icons/help.png
new file mode 100644
index 0000000000..52bd22a3e9
--- /dev/null
+++ b/resources/css/webtrees/icons/help.png
diff --git a/resources/css/webtrees/icons/individual.png b/resources/css/webtrees/icons/individual.png
new file mode 100644
index 0000000000..31e3856acc
--- /dev/null
+++ b/resources/css/webtrees/icons/individual.png
diff --git a/resources/css/webtrees/icons/keyboard.png b/resources/css/webtrees/icons/keyboard.png
new file mode 100644
index 0000000000..0c6f4b33f9
--- /dev/null
+++ b/resources/css/webtrees/icons/keyboard.png
diff --git a/resources/css/webtrees/icons/media.png b/resources/css/webtrees/icons/media.png
new file mode 100644
index 0000000000..0c7f115203
--- /dev/null
+++ b/resources/css/webtrees/icons/media.png
diff --git a/resources/css/webtrees/icons/note.png b/resources/css/webtrees/icons/note.png
new file mode 100644
index 0000000000..73f11ff057
--- /dev/null
+++ b/resources/css/webtrees/icons/note.png
diff --git a/resources/css/webtrees/icons/openstreetmap.png b/resources/css/webtrees/icons/openstreetmap.png
new file mode 100644
index 0000000000..899e2a58b6
--- /dev/null
+++ b/resources/css/webtrees/icons/openstreetmap.png
diff --git a/resources/css/webtrees/icons/preferences.png b/resources/css/webtrees/icons/preferences.png
new file mode 100644
index 0000000000..6a97223e8f
--- /dev/null
+++ b/resources/css/webtrees/icons/preferences.png
diff --git a/resources/css/webtrees/icons/repository.png b/resources/css/webtrees/icons/repository.png
new file mode 100644
index 0000000000..ac7dcf74cb
--- /dev/null
+++ b/resources/css/webtrees/icons/repository.png
diff --git a/resources/css/webtrees/icons/source.png b/resources/css/webtrees/icons/source.png
new file mode 100644
index 0000000000..a8770147b0
--- /dev/null
+++ b/resources/css/webtrees/icons/source.png
diff --git a/resources/css/webtrees/images/buttons/addmedia.png b/resources/css/webtrees/images/buttons/addmedia.png
new file mode 100644
index 0000000000..a269a90e35
--- /dev/null
+++ b/resources/css/webtrees/images/buttons/addmedia.png
diff --git a/resources/css/webtrees/images/buttons/addnote.png b/resources/css/webtrees/images/buttons/addnote.png
new file mode 100644
index 0000000000..5811eabeaa
--- /dev/null
+++ b/resources/css/webtrees/images/buttons/addnote.png
diff --git a/resources/css/webtrees/images/buttons/addrepository.png b/resources/css/webtrees/images/buttons/addrepository.png
new file mode 100644
index 0000000000..b7f2ce630a
--- /dev/null
+++ b/resources/css/webtrees/images/buttons/addrepository.png
diff --git a/resources/css/webtrees/images/buttons/addsource.png b/resources/css/webtrees/images/buttons/addsource.png
new file mode 100644
index 0000000000..f5b6d8b787
--- /dev/null
+++ b/resources/css/webtrees/images/buttons/addsource.png
diff --git a/resources/css/webtrees/images/buttons/find.png b/resources/css/webtrees/images/buttons/find.png
new file mode 100644
index 0000000000..dd39018d0f
--- /dev/null
+++ b/resources/css/webtrees/images/buttons/find.png
diff --git a/resources/css/webtrees/images/buttons/find_facts.png b/resources/css/webtrees/images/buttons/find_facts.png
new file mode 100644
index 0000000000..2ba25a7858
--- /dev/null
+++ b/resources/css/webtrees/images/buttons/find_facts.png
diff --git a/resources/css/webtrees/images/buttons/head.png b/resources/css/webtrees/images/buttons/head.png
new file mode 100644
index 0000000000..8c381b7d6a
--- /dev/null
+++ b/resources/css/webtrees/images/buttons/head.png
diff --git a/resources/css/webtrees/images/buttons/place.png b/resources/css/webtrees/images/buttons/place.png
new file mode 100644
index 0000000000..8d4684fac3
--- /dev/null
+++ b/resources/css/webtrees/images/buttons/place.png
diff --git a/resources/css/webtrees/images/childless.png b/resources/css/webtrees/images/childless.png
new file mode 100644
index 0000000000..10f82fe6fe
--- /dev/null
+++ b/resources/css/webtrees/images/childless.png
diff --git a/resources/css/webtrees/images/children.png b/resources/css/webtrees/images/children.png
new file mode 100644
index 0000000000..30dbbf1099
--- /dev/null
+++ b/resources/css/webtrees/images/children.png
diff --git a/resources/css/webtrees/images/clippings.png b/resources/css/webtrees/images/clippings.png
new file mode 100644
index 0000000000..194a884371
--- /dev/null
+++ b/resources/css/webtrees/images/clippings.png
diff --git a/resources/css/webtrees/images/edit_indi.png b/resources/css/webtrees/images/edit_indi.png
new file mode 100644
index 0000000000..f0407aa2c9
--- /dev/null
+++ b/resources/css/webtrees/images/edit_indi.png
diff --git a/resources/css/webtrees/images/family.png b/resources/css/webtrees/images/family.png
new file mode 100644
index 0000000000..c4ecc6c12d
--- /dev/null
+++ b/resources/css/webtrees/images/family.png
diff --git a/resources/css/webtrees/images/general_sprite.png b/resources/css/webtrees/images/general_sprite.png
new file mode 100644
index 0000000000..055edf355c
--- /dev/null
+++ b/resources/css/webtrees/images/general_sprite.png
diff --git a/resources/css/webtrees/images/icon-mime-sprite.png b/resources/css/webtrees/images/icon-mime-sprite.png
new file mode 100644
index 0000000000..b4c9bed343
--- /dev/null
+++ b/resources/css/webtrees/images/icon-mime-sprite.png
diff --git a/resources/css/webtrees/images/image_add.png b/resources/css/webtrees/images/image_add.png
new file mode 100644
index 0000000000..ecac61c284
--- /dev/null
+++ b/resources/css/webtrees/images/image_add.png
diff --git a/resources/css/webtrees/images/image_edit.png b/resources/css/webtrees/images/image_edit.png
new file mode 100644
index 0000000000..3fb8061de2
--- /dev/null
+++ b/resources/css/webtrees/images/image_edit.png
diff --git a/resources/css/webtrees/images/image_link.png b/resources/css/webtrees/images/image_link.png
new file mode 100644
index 0000000000..190b08e7d2
--- /dev/null
+++ b/resources/css/webtrees/images/image_link.png
diff --git a/resources/css/webtrees/images/image_view.png b/resources/css/webtrees/images/image_view.png
new file mode 100644
index 0000000000..1e7babae94
--- /dev/null
+++ b/resources/css/webtrees/images/image_view.png
diff --git a/resources/css/webtrees/images/images.png b/resources/css/webtrees/images/images.png
new file mode 100644
index 0000000000..b3854d450a
--- /dev/null
+++ b/resources/css/webtrees/images/images.png
diff --git a/resources/css/webtrees/images/indicator.gif b/resources/css/webtrees/images/indicator.gif
new file mode 100644
index 0000000000..085ccaecaf
--- /dev/null
+++ b/resources/css/webtrees/images/indicator.gif
diff --git a/resources/css/webtrees/images/indis.png b/resources/css/webtrees/images/indis.png
new file mode 100644
index 0000000000..41ab82c89c
--- /dev/null
+++ b/resources/css/webtrees/images/indis.png
diff --git a/resources/css/webtrees/images/lifespan-chunk.png b/resources/css/webtrees/images/lifespan-chunk.png
new file mode 100644
index 0000000000..1eb0f30490
--- /dev/null
+++ b/resources/css/webtrees/images/lifespan-chunk.png
diff --git a/resources/css/webtrees/images/media.png b/resources/css/webtrees/images/media.png
new file mode 100644
index 0000000000..a0334f70c1
--- /dev/null
+++ b/resources/css/webtrees/images/media.png
diff --git a/resources/css/webtrees/images/minus.png b/resources/css/webtrees/images/minus.png
new file mode 100644
index 0000000000..8ed68808da
--- /dev/null
+++ b/resources/css/webtrees/images/minus.png
diff --git a/resources/css/webtrees/images/mypage.png b/resources/css/webtrees/images/mypage.png
new file mode 100644
index 0000000000..686a0f019c
--- /dev/null
+++ b/resources/css/webtrees/images/mypage.png
diff --git a/resources/css/webtrees/images/patriarch.png b/resources/css/webtrees/images/patriarch.png
new file mode 100644
index 0000000000..9b7f5c205f
--- /dev/null
+++ b/resources/css/webtrees/images/patriarch.png
diff --git a/resources/css/webtrees/images/pedigree.png b/resources/css/webtrees/images/pedigree.png
new file mode 100644
index 0000000000..3e0eaeb6a9
--- /dev/null
+++ b/resources/css/webtrees/images/pedigree.png
diff --git a/resources/css/webtrees/images/place.png b/resources/css/webtrees/images/place.png
new file mode 100644
index 0000000000..7d79d30f8b
--- /dev/null
+++ b/resources/css/webtrees/images/place.png
diff --git a/resources/css/webtrees/images/plus.png b/resources/css/webtrees/images/plus.png
new file mode 100644
index 0000000000..64e15fc9f3
--- /dev/null
+++ b/resources/css/webtrees/images/plus.png
diff --git a/resources/css/webtrees/images/powered-by-webtrees.png b/resources/css/webtrees/images/powered-by-webtrees.png
new file mode 100644
index 0000000000..64b34a8bc8
--- /dev/null
+++ b/resources/css/webtrees/images/powered-by-webtrees.png
diff --git a/resources/css/webtrees/images/rarrow.png b/resources/css/webtrees/images/rarrow.png
new file mode 100644
index 0000000000..705bc43c4f
--- /dev/null
+++ b/resources/css/webtrees/images/rarrow.png
diff --git a/resources/css/webtrees/images/rdarrow.png b/resources/css/webtrees/images/rdarrow.png
new file mode 100644
index 0000000000..198e7d1768
--- /dev/null
+++ b/resources/css/webtrees/images/rdarrow.png
diff --git a/resources/css/webtrees/images/reminder.png b/resources/css/webtrees/images/reminder.png
new file mode 100644
index 0000000000..fa5bbcf507
--- /dev/null
+++ b/resources/css/webtrees/images/reminder.png
diff --git a/resources/css/webtrees/images/remove.png b/resources/css/webtrees/images/remove.png
new file mode 100644
index 0000000000..2badd4419b
--- /dev/null
+++ b/resources/css/webtrees/images/remove.png
diff --git a/resources/css/webtrees/images/reorder.png b/resources/css/webtrees/images/reorder.png
new file mode 100644
index 0000000000..2cfe889ad1
--- /dev/null
+++ b/resources/css/webtrees/images/reorder.png
diff --git a/resources/css/webtrees/images/repository.png b/resources/css/webtrees/images/repository.png
new file mode 100644
index 0000000000..485ed097bf
--- /dev/null
+++ b/resources/css/webtrees/images/repository.png
diff --git a/resources/css/webtrees/images/resn_confidential.png b/resources/css/webtrees/images/resn_confidential.png
new file mode 100644
index 0000000000..4e5449b25a
--- /dev/null
+++ b/resources/css/webtrees/images/resn_confidential.png
diff --git a/resources/css/webtrees/images/resn_locked.png b/resources/css/webtrees/images/resn_locked.png
new file mode 100644
index 0000000000..43fa09b350
--- /dev/null
+++ b/resources/css/webtrees/images/resn_locked.png
diff --git a/resources/css/webtrees/images/resn_none.png b/resources/css/webtrees/images/resn_none.png
new file mode 100644
index 0000000000..d86137658e
--- /dev/null
+++ b/resources/css/webtrees/images/resn_none.png
diff --git a/resources/css/webtrees/images/resn_privacy.png b/resources/css/webtrees/images/resn_privacy.png
new file mode 100644
index 0000000000..ca462fd84d
--- /dev/null
+++ b/resources/css/webtrees/images/resn_privacy.png
diff --git a/resources/css/webtrees/images/rings.png b/resources/css/webtrees/images/rings.png
new file mode 100644
index 0000000000..698927d4b8
--- /dev/null
+++ b/resources/css/webtrees/images/rings.png
diff --git a/resources/css/webtrees/images/search.png b/resources/css/webtrees/images/search.png
new file mode 100644
index 0000000000..0b0af3de60
--- /dev/null
+++ b/resources/css/webtrees/images/search.png
diff --git a/resources/css/webtrees/images/selected.png b/resources/css/webtrees/images/selected.png
new file mode 100644
index 0000000000..f5743429c3
--- /dev/null
+++ b/resources/css/webtrees/images/selected.png
diff --git a/resources/css/webtrees/images/sex_f_15x15.png b/resources/css/webtrees/images/sex_f_15x15.png
new file mode 100644
index 0000000000..2d3abae32a
--- /dev/null
+++ b/resources/css/webtrees/images/sex_f_15x15.png
diff --git a/resources/css/webtrees/images/sex_f_9x9.png b/resources/css/webtrees/images/sex_f_9x9.png
new file mode 100644
index 0000000000..e35e46ccd4
--- /dev/null
+++ b/resources/css/webtrees/images/sex_f_9x9.png
diff --git a/resources/css/webtrees/images/sex_m_15x15.png b/resources/css/webtrees/images/sex_m_15x15.png
new file mode 100644
index 0000000000..4ac7956421
--- /dev/null
+++ b/resources/css/webtrees/images/sex_m_15x15.png
diff --git a/resources/css/webtrees/images/sex_m_9x9.png b/resources/css/webtrees/images/sex_m_9x9.png
new file mode 100644
index 0000000000..32a8484b1f
--- /dev/null
+++ b/resources/css/webtrees/images/sex_m_9x9.png
diff --git a/resources/css/webtrees/images/sex_u_15x15.png b/resources/css/webtrees/images/sex_u_15x15.png
new file mode 100644
index 0000000000..158c3f9a10
--- /dev/null
+++ b/resources/css/webtrees/images/sex_u_15x15.png
diff --git a/resources/css/webtrees/images/sex_u_9x9.png b/resources/css/webtrees/images/sex_u_9x9.png
new file mode 100644
index 0000000000..d113a1898c
--- /dev/null
+++ b/resources/css/webtrees/images/sex_u_9x9.png
diff --git a/resources/css/webtrees/images/silhouette_female.png b/resources/css/webtrees/images/silhouette_female.png
new file mode 100644
index 0000000000..bb8d503371
--- /dev/null
+++ b/resources/css/webtrees/images/silhouette_female.png
diff --git a/resources/css/webtrees/images/silhouette_female_small.png b/resources/css/webtrees/images/silhouette_female_small.png
new file mode 100644
index 0000000000..ff153f7e5e
--- /dev/null
+++ b/resources/css/webtrees/images/silhouette_female_small.png
diff --git a/resources/css/webtrees/images/silhouette_male.png b/resources/css/webtrees/images/silhouette_male.png
new file mode 100644
index 0000000000..0615900224
--- /dev/null
+++ b/resources/css/webtrees/images/silhouette_male.png
diff --git a/resources/css/webtrees/images/silhouette_male_small.png b/resources/css/webtrees/images/silhouette_male_small.png
new file mode 100644
index 0000000000..6c7c175c76
--- /dev/null
+++ b/resources/css/webtrees/images/silhouette_male_small.png
diff --git a/resources/css/webtrees/images/silhouette_unknown.png b/resources/css/webtrees/images/silhouette_unknown.png
new file mode 100644
index 0000000000..d0417439ee
--- /dev/null
+++ b/resources/css/webtrees/images/silhouette_unknown.png
diff --git a/resources/css/webtrees/images/silhouette_unknown_small.png b/resources/css/webtrees/images/silhouette_unknown_small.png
new file mode 100644
index 0000000000..9602cffaa0
--- /dev/null
+++ b/resources/css/webtrees/images/silhouette_unknown_small.png
diff --git a/resources/css/webtrees/images/source.png b/resources/css/webtrees/images/source.png
new file mode 100644
index 0000000000..9213378a22
--- /dev/null
+++ b/resources/css/webtrees/images/source.png
diff --git a/resources/css/webtrees/images/stop.png b/resources/css/webtrees/images/stop.png
new file mode 100644
index 0000000000..a15d4bae84
--- /dev/null
+++ b/resources/css/webtrees/images/stop.png
diff --git a/resources/css/webtrees/images/user_add.png b/resources/css/webtrees/images/user_add.png
new file mode 100644
index 0000000000..9a07785997
--- /dev/null
+++ b/resources/css/webtrees/images/user_add.png
diff --git a/resources/css/webtrees/images/warning.png b/resources/css/webtrees/images/warning.png
new file mode 100644
index 0000000000..d484c33341
--- /dev/null
+++ b/resources/css/webtrees/images/warning.png
diff --git a/resources/css/webtrees/images/webtrees.png b/resources/css/webtrees/images/webtrees.png
new file mode 100644
index 0000000000..d4534a36d8
--- /dev/null
+++ b/resources/css/webtrees/images/webtrees.png
diff --git a/resources/css/webtrees/images/zoomin.png b/resources/css/webtrees/images/zoomin.png
new file mode 100644
index 0000000000..cea0ec773b
--- /dev/null
+++ b/resources/css/webtrees/images/zoomin.png
diff --git a/resources/css/webtrees/images/zoomout.png b/resources/css/webtrees/images/zoomout.png
new file mode 100644
index 0000000000..5bfa433154
--- /dev/null
+++ b/resources/css/webtrees/images/zoomout.png
diff --git a/resources/css/webtrees/menu/branches.png b/resources/css/webtrees/menu/branches.png
new file mode 100644
index 0000000000..9726eb978b
--- /dev/null
+++ b/resources/css/webtrees/menu/branches.png
diff --git a/resources/css/webtrees/menu/calendar-calendar.png b/resources/css/webtrees/menu/calendar-calendar.png
new file mode 100644
index 0000000000..ceb297839d
--- /dev/null
+++ b/resources/css/webtrees/menu/calendar-calendar.png
diff --git a/resources/css/webtrees/menu/calendar.png b/resources/css/webtrees/menu/calendar.png
new file mode 100644
index 0000000000..4355210657
--- /dev/null
+++ b/resources/css/webtrees/menu/calendar.png
diff --git a/resources/css/webtrees/menu/chart-ancestors.png b/resources/css/webtrees/menu/chart-ancestors.png
new file mode 100644
index 0000000000..14d1522eba
--- /dev/null
+++ b/resources/css/webtrees/menu/chart-ancestors.png
diff --git a/resources/css/webtrees/menu/chart-compact.png b/resources/css/webtrees/menu/chart-compact.png
new file mode 100644
index 0000000000..14d1522eba
--- /dev/null
+++ b/resources/css/webtrees/menu/chart-compact.png
diff --git a/resources/css/webtrees/menu/chart-descendants.png b/resources/css/webtrees/menu/chart-descendants.png
new file mode 100644
index 0000000000..66c0111253
--- /dev/null
+++ b/resources/css/webtrees/menu/chart-descendants.png
diff --git a/resources/css/webtrees/menu/chart-family-book.png b/resources/css/webtrees/menu/chart-family-book.png
new file mode 100644
index 0000000000..1de3bb5f8a
--- /dev/null
+++ b/resources/css/webtrees/menu/chart-family-book.png
diff --git a/resources/css/webtrees/menu/chart-fanchart.png b/resources/css/webtrees/menu/chart-fanchart.png
new file mode 100644
index 0000000000..0191289e22
--- /dev/null
+++ b/resources/css/webtrees/menu/chart-fanchart.png
diff --git a/resources/css/webtrees/menu/chart-hourglass.png b/resources/css/webtrees/menu/chart-hourglass.png
new file mode 100644
index 0000000000..79c993a109
--- /dev/null
+++ b/resources/css/webtrees/menu/chart-hourglass.png
diff --git a/resources/css/webtrees/menu/chart-lifespan.png b/resources/css/webtrees/menu/chart-lifespan.png
new file mode 100644
index 0000000000..cdb2ab3439
--- /dev/null
+++ b/resources/css/webtrees/menu/chart-lifespan.png
diff --git a/resources/css/webtrees/menu/chart-pedigree-map.png b/resources/css/webtrees/menu/chart-pedigree-map.png
new file mode 100644
index 0000000000..db6ccc105d
--- /dev/null
+++ b/resources/css/webtrees/menu/chart-pedigree-map.png
diff --git a/resources/css/webtrees/menu/chart-pedigree.png b/resources/css/webtrees/menu/chart-pedigree.png
new file mode 100644
index 0000000000..b17c938e24
--- /dev/null
+++ b/resources/css/webtrees/menu/chart-pedigree.png
diff --git a/resources/css/webtrees/menu/chart-relationship.png b/resources/css/webtrees/menu/chart-relationship.png
new file mode 100644
index 0000000000..0a49ce9db1
--- /dev/null
+++ b/resources/css/webtrees/menu/chart-relationship.png
diff --git a/resources/css/webtrees/menu/chart-statistics.png b/resources/css/webtrees/menu/chart-statistics.png
new file mode 100644
index 0000000000..882048aa77
--- /dev/null
+++ b/resources/css/webtrees/menu/chart-statistics.png
diff --git a/resources/css/webtrees/menu/chart-timeline.png b/resources/css/webtrees/menu/chart-timeline.png
new file mode 100644
index 0000000000..cdb2ab3439
--- /dev/null
+++ b/resources/css/webtrees/menu/chart-timeline.png
diff --git a/resources/css/webtrees/menu/chart-tree.png b/resources/css/webtrees/menu/chart-tree.png
new file mode 100644
index 0000000000..1c5a1bbe0d
--- /dev/null
+++ b/resources/css/webtrees/menu/chart-tree.png
diff --git a/resources/css/webtrees/menu/chart.png b/resources/css/webtrees/menu/chart.png
new file mode 100644
index 0000000000..6048b4bf25
--- /dev/null
+++ b/resources/css/webtrees/menu/chart.png
diff --git a/resources/css/webtrees/menu/clippings-add.png b/resources/css/webtrees/menu/clippings-add.png
new file mode 100644
index 0000000000..c1b9ae4d75
--- /dev/null
+++ b/resources/css/webtrees/menu/clippings-add.png
diff --git a/resources/css/webtrees/menu/clippings-cart.png b/resources/css/webtrees/menu/clippings-cart.png
new file mode 100644
index 0000000000..1b5739f379
--- /dev/null
+++ b/resources/css/webtrees/menu/clippings-cart.png
diff --git a/resources/css/webtrees/menu/clippings.png b/resources/css/webtrees/menu/clippings.png
new file mode 100644
index 0000000000..6f8ea5d4f1
--- /dev/null
+++ b/resources/css/webtrees/menu/clippings.png
diff --git a/resources/css/webtrees/menu/edit-add-favorite.png b/resources/css/webtrees/menu/edit-add-favorite.png
new file mode 100644
index 0000000000..c90448d2cb
--- /dev/null
+++ b/resources/css/webtrees/menu/edit-add-favorite.png
diff --git a/resources/css/webtrees/menu/edit-addchil.png b/resources/css/webtrees/menu/edit-addchil.png
new file mode 100644
index 0000000000..12fdcab16f
--- /dev/null
+++ b/resources/css/webtrees/menu/edit-addchil.png
diff --git a/resources/css/webtrees/menu/edit-addname.png b/resources/css/webtrees/menu/edit-addname.png
new file mode 100644
index 0000000000..af937aebec
--- /dev/null
+++ b/resources/css/webtrees/menu/edit-addname.png
diff --git a/resources/css/webtrees/menu/edit-delete.png b/resources/css/webtrees/menu/edit-delete.png
new file mode 100644
index 0000000000..e909c6dfc6
--- /dev/null
+++ b/resources/css/webtrees/menu/edit-delete.png
diff --git a/resources/css/webtrees/menu/edit-fam.png b/resources/css/webtrees/menu/edit-fam.png
new file mode 100644
index 0000000000..fe66b33885
--- /dev/null
+++ b/resources/css/webtrees/menu/edit-fam.png
diff --git a/resources/css/webtrees/menu/edit-famchange.png b/resources/css/webtrees/menu/edit-famchange.png
new file mode 100644
index 0000000000..236eb276b9
--- /dev/null
+++ b/resources/css/webtrees/menu/edit-famchange.png
diff --git a/resources/css/webtrees/menu/edit-indi.png b/resources/css/webtrees/menu/edit-indi.png
new file mode 100644
index 0000000000..49807e0235
--- /dev/null
+++ b/resources/css/webtrees/menu/edit-indi.png
diff --git a/resources/css/webtrees/menu/edit-link.png b/resources/css/webtrees/menu/edit-link.png
new file mode 100644
index 0000000000..5f0b143410
--- /dev/null
+++ b/resources/css/webtrees/menu/edit-link.png
diff --git a/resources/css/webtrees/menu/edit-note.png b/resources/css/webtrees/menu/edit-note.png
new file mode 100644
index 0000000000..06fb862a24
--- /dev/null
+++ b/resources/css/webtrees/menu/edit-note.png
diff --git a/resources/css/webtrees/menu/edit-obje.png b/resources/css/webtrees/menu/edit-obje.png
new file mode 100644
index 0000000000..ee2e7aded2
--- /dev/null
+++ b/resources/css/webtrees/menu/edit-obje.png
diff --git a/resources/css/webtrees/menu/edit-orderchil.png b/resources/css/webtrees/menu/edit-orderchil.png
new file mode 100644
index 0000000000..6549c62f2f
--- /dev/null
+++ b/resources/css/webtrees/menu/edit-orderchil.png
diff --git a/resources/css/webtrees/menu/edit-preferences.png b/resources/css/webtrees/menu/edit-preferences.png
new file mode 100644
index 0000000000..cae96034d8
--- /dev/null
+++ b/resources/css/webtrees/menu/edit-preferences.png
diff --git a/resources/css/webtrees/menu/edit-record.png b/resources/css/webtrees/menu/edit-record.png
new file mode 100644
index 0000000000..49807e0235
--- /dev/null
+++ b/resources/css/webtrees/menu/edit-record.png
diff --git a/resources/css/webtrees/menu/edit-reorder.png b/resources/css/webtrees/menu/edit-reorder.png
new file mode 100644
index 0000000000..66c0111253
--- /dev/null
+++ b/resources/css/webtrees/menu/edit-reorder.png
diff --git a/resources/css/webtrees/menu/edit-repo.png b/resources/css/webtrees/menu/edit-repo.png
new file mode 100644
index 0000000000..5393eb9e42
--- /dev/null
+++ b/resources/css/webtrees/menu/edit-repo.png
diff --git a/resources/css/webtrees/menu/edit-sex.png b/resources/css/webtrees/menu/edit-sex.png
new file mode 100644
index 0000000000..683bc60e0e
--- /dev/null
+++ b/resources/css/webtrees/menu/edit-sex.png
diff --git a/resources/css/webtrees/menu/edit-sour.png b/resources/css/webtrees/menu/edit-sour.png
new file mode 100644
index 0000000000..8919bfbbc2
--- /dev/null
+++ b/resources/css/webtrees/menu/edit-sour.png
diff --git a/resources/css/webtrees/menu/fam.png b/resources/css/webtrees/menu/fam.png
new file mode 100644
index 0000000000..c51beec4fd
--- /dev/null
+++ b/resources/css/webtrees/menu/fam.png
diff --git a/resources/css/webtrees/menu/help.png b/resources/css/webtrees/menu/help.png
new file mode 100644
index 0000000000..4c8969f8b0
--- /dev/null
+++ b/resources/css/webtrees/menu/help.png
diff --git a/resources/css/webtrees/menu/indi.png b/resources/css/webtrees/menu/indi.png
new file mode 100644
index 0000000000..f729d40e31
--- /dev/null
+++ b/resources/css/webtrees/menu/indi.png
diff --git a/resources/css/webtrees/menu/list-fam.png b/resources/css/webtrees/menu/list-fam.png
new file mode 100644
index 0000000000..c1ed9f4603
--- /dev/null
+++ b/resources/css/webtrees/menu/list-fam.png
diff --git a/resources/css/webtrees/menu/list-indi.png b/resources/css/webtrees/menu/list-indi.png
new file mode 100644
index 0000000000..78f02a3a2d
--- /dev/null
+++ b/resources/css/webtrees/menu/list-indi.png
diff --git a/resources/css/webtrees/menu/list-note.png b/resources/css/webtrees/menu/list-note.png
new file mode 100644
index 0000000000..9314094bb6
--- /dev/null
+++ b/resources/css/webtrees/menu/list-note.png
diff --git a/resources/css/webtrees/menu/list-obje.png b/resources/css/webtrees/menu/list-obje.png
new file mode 100644
index 0000000000..4e35055a0e
--- /dev/null
+++ b/resources/css/webtrees/menu/list-obje.png
diff --git a/resources/css/webtrees/menu/list-plac.png b/resources/css/webtrees/menu/list-plac.png
new file mode 100644
index 0000000000..73b84690cd
--- /dev/null
+++ b/resources/css/webtrees/menu/list-plac.png
diff --git a/resources/css/webtrees/menu/list-repo.png b/resources/css/webtrees/menu/list-repo.png
new file mode 100644
index 0000000000..f1d09816c3
--- /dev/null
+++ b/resources/css/webtrees/menu/list-repo.png
diff --git a/resources/css/webtrees/menu/list-sour.png b/resources/css/webtrees/menu/list-sour.png
new file mode 100644
index 0000000000..1de3bb5f8a
--- /dev/null
+++ b/resources/css/webtrees/menu/list-sour.png
diff --git a/resources/css/webtrees/menu/list.png b/resources/css/webtrees/menu/list.png
new file mode 100644
index 0000000000..ddf8c27d09
--- /dev/null
+++ b/resources/css/webtrees/menu/list.png
diff --git a/resources/css/webtrees/menu/note.png b/resources/css/webtrees/menu/note.png
new file mode 100644
index 0000000000..37da7672a0
--- /dev/null
+++ b/resources/css/webtrees/menu/note.png
diff --git a/resources/css/webtrees/menu/obje.png b/resources/css/webtrees/menu/obje.png
new file mode 100644
index 0000000000..b7a29b6f2d
--- /dev/null
+++ b/resources/css/webtrees/menu/obje.png
diff --git a/resources/css/webtrees/menu/repo.png b/resources/css/webtrees/menu/repo.png
new file mode 100644
index 0000000000..5d6d23d846
--- /dev/null
+++ b/resources/css/webtrees/menu/repo.png
diff --git a/resources/css/webtrees/menu/report-report.png b/resources/css/webtrees/menu/report-report.png
new file mode 100644
index 0000000000..7165863bdc
--- /dev/null
+++ b/resources/css/webtrees/menu/report-report.png
diff --git a/resources/css/webtrees/menu/report.png b/resources/css/webtrees/menu/report.png
new file mode 100644
index 0000000000..85df907280
--- /dev/null
+++ b/resources/css/webtrees/menu/report.png
diff --git a/resources/css/webtrees/menu/search-search.png b/resources/css/webtrees/menu/search-search.png
new file mode 100644
index 0000000000..5ab3bb216b
--- /dev/null
+++ b/resources/css/webtrees/menu/search-search.png
diff --git a/resources/css/webtrees/menu/search.png b/resources/css/webtrees/menu/search.png
new file mode 100644
index 0000000000..3e969b63b8
--- /dev/null
+++ b/resources/css/webtrees/menu/search.png
diff --git a/resources/css/webtrees/menu/sour.png b/resources/css/webtrees/menu/sour.png
new file mode 100644
index 0000000000..236fde91ee
--- /dev/null
+++ b/resources/css/webtrees/menu/sour.png
diff --git a/resources/css/webtrees/menu/story.png b/resources/css/webtrees/menu/story.png
new file mode 100644
index 0000000000..52b439deaf
--- /dev/null
+++ b/resources/css/webtrees/menu/story.png
diff --git a/resources/css/webtrees/menu/tree-tree.png b/resources/css/webtrees/menu/tree-tree.png
new file mode 100644
index 0000000000..1c5a1bbe0d
--- /dev/null
+++ b/resources/css/webtrees/menu/tree-tree.png
diff --git a/resources/css/webtrees/menu/tree.png b/resources/css/webtrees/menu/tree.png
new file mode 100644
index 0000000000..969057e506
--- /dev/null
+++ b/resources/css/webtrees/menu/tree.png
diff --git a/resources/css/xenea.css b/resources/css/xenea.css
new file mode 100755
index 0000000000..1f753b6d6e
--- /dev/null
+++ b/resources/css/xenea.css
@@ -0,0 +1,3100 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2018 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* The xenea theme */
+
+/* Override Bootstrap formatting */
+.btn-link {
+	padding-left: 0.25rem;
+	padding-right: 0.25rem;
+}
+
+.table-given-name {
+    overflow-x: hidden;
+}
+
+.container-fluid {
+    padding-left: 5px;
+    padding-right: 5px;
+}
+
+table {
+	border-collapse: separate;
+}
+
+/*
+ * Any element that is loaded dynamically has the class wt-ajax-load.
+ * We can provide a "loading" placeholder for empty elements with this class.
+ */
+.wt-ajax-load:empty {
+	height: 32px;
+	background: url(images/loading-32x32.gif) no-repeat 50% 50%;
+}
+
+/*
+ * Icons use FontAwesome by default, but have additional classes to
+ * allow them to be overridden
+ *
+ * .wt-icon-arrow-down
+ * .wt-icon-arrow-end (right on LTR, left on RTL)
+ * .wt-icon-arrow-start (left on LTR, right on RTL)
+ * .wt-icon-arrow-up
+ * .wt-icon-bing-maps
+ * .wt-icon-calendar
+ * .wt-icon-copy
+ * .wt-icon-delete
+ * .wt-icon-edit
+ * .wt-icon-email
+ * .wt-icon-family
+ * .wt-icon-help
+ * .wt-icon-individual
+ * .wt-icon-google-maps
+ * .wt-icon-keyboard
+ * .wt-icon-media
+ * .wt-icon-note
+ * .wt-icon-openstreetmap
+ * .wt-icon-preferences
+ * .wt-icon-repository
+ * .wt-icon-source
+ * .wt-icon-submitter
+ */
+.wt-icon-arrow-down::before {
+	width: 20px;
+	height: 20px;
+	content: url(xenea/icons/arrow-down.png);
+}
+
+a > .wt-icon-arrow-down:hover::before {
+	width: 20px;
+	height: 20px;
+	content: url(xenea/icons/arrow-down-hover.png);
+}
+
+.wt-icon-arrow-end::before {
+	width: 20px;
+	height: 20px;
+	content: url(xenea/icons/arrow-right.png);
+}
+
+a > .wt-icon-arrow-end:hover::before {
+	width: 20px;
+	height: 20px;
+	content: url(xenea/icons/arrow-right-hover.png);
+}
+
+.wt-icon-arrow-start::before {
+	width: 20px;
+	height: 20px;
+	content: url(xenea/icons/arrow-left.png);
+}
+
+a > .wt-icon-arrow-start:hover::before {
+	width: 20px;
+	height: 20px;
+	content: url(xenea/icons/arrow-left-hover.png);
+}
+
+.wt-icon-arrow-up::before {
+	width: 20px;
+	height: 20px;
+	content: url(xenea/icons/arrow-up.png);
+}
+
+a > .wt-icon-arrow-up:hover::before {
+	width: 20px;
+	height: 20px;
+	content: url(xenea/icons/arrow-up-hover.png);
+}
+
+.wt-icon-bing-maps::before {
+	width: 16px;
+	height: 16px;
+	content: url(xenea/icons/bing-maps.png);
+}
+
+.wt-icon-calendar::before {
+	width: 19px;
+	height: 15px;
+	content: url(xenea/icons/calendar.png)
+}
+
+.wt-icon-coordinates::before {
+	width: 16px;
+	height: 16px;
+	content: url(xenea/icons/coordinates.png)
+}
+
+.wt-icon-copy::before {
+	width: 16px;
+	height: 16px;
+	content: url(xenea/icons/copy.png)
+}
+
+.wt-icon-delete::before {
+	width: 16px;
+	height: 16px;
+	content: url(xenea/icons/delete.png);
+}
+
+.wt-icon-edit::before {
+	width: 16px;
+	height: 16px;
+	content: url(xenea/icons/edit.png);
+}
+
+.wt-icon-family::before {
+	width: 14px;
+	height: 15px;
+	content: url(xenea/icons/family.png);
+}
+
+.wt-icon-help::before {
+	width: 16px;
+	height: 16px;
+	content: url(xenea/icons/help.png);
+}
+
+.wt-icon-google-maps::before {
+	width: 16px;
+	height: 16px;
+	content: url(xenea/icons/google-maps.png);
+}
+
+.wt-icon-individual::before {
+	width: 11px;
+	height: 15px;
+	content: url(xenea/icons/individual.png);
+}
+
+.wt-icon-keyboard::before {
+	width: 30px;
+	height: 15px;
+	content: url(xenea/icons/keyboard.png);
+}
+
+.wt-icon-media::before {
+	width: 18px;
+	height: 16px;
+	content: url(xenea/icons/media.png);
+}
+
+.wt-icon-note::before {
+	width: 20px;
+	height: 20px;
+	content: url(xenea/icons/note.png);
+}
+
+.wt-icon-openstreetmap::before {
+	width: 16px;
+	height: 16px;
+	content: url(xenea/icons/openstreetmap.png);
+}
+
+.wt-icon-preferences::before {
+	width: 25px;
+	height: 25px;
+	content: url(xenea/icons/preferences.png);
+}
+
+.wt-icon-repository::before {
+	width: 15px;
+	height: 15px;
+	content: url(xenea/icons/repository.png);
+}
+
+.wt-icon-source::before {
+	width: 18px;
+	height: 16px;
+	content: url(xenea/icons/source.png);
+}
+
+.wt-icon-submitter::before {
+	width: 11px;
+	height: 15px;
+	content: url(xenea/icons/individual.png);
+}
+
+/*
+ * Pages have the following high-level structure:
+ *
+ * wt-global
+ * +---wt-header-wrapper
+ *     +---wt-header-container
+ *     |   +---wt-header-content
+ *     |       +---wt-accessibility-links
+ *     |       +---wt-site-logo
+ *     |       +---wt-site-title
+ *     |       +---wt-header-search
+ *     |       |   +---wt-header-search-form
+ *     |       |       +---wt-header-search-field
+ *     |       |       +---wt-header-search-button
+ *     |       +---wt-secondary-navigation
+ *     |       |   +---wt-secondary-menu
+ *     |       +---wt-primary-navigation
+ *     |           +---wt-primary-menu
+ *     +---wt-main-container
+ *     |   +---wt-main-content
+ *     |       +---wt-messages
+ *     |       +---wt-page-title
+ *     |       +---wt-page-options wt-page-options-xxxxx
+ *     |       +---wt-page-content
+ *     +---wt-footer-container
+ *         +---wt-footer-content
+ */
+
+.wt-global {
+	color: #006;
+}
+
+.wt-header-wrapper {
+	background-image: linear-gradient(to right, #06d, #acf);
+	border-bottom: 2px solid #0073cf;
+}
+
+.wt-header-container {
+	color: #fff;
+}
+
+.wt-header-content {
+}
+
+.wt-accessibility-links {
+}
+
+.wt-site-logo {
+	display: none;
+}
+
+.wt-site-title {
+	order: 1;
+	flex: 0 0 calc(100% - 15rem);
+	font-size: 1.5rem;
+	margin: 0.5rem 0;
+}
+
+.wt-header-search {
+	order: 2;
+	flex: 0 0 15rem;
+	margin: 0.25rem 0;
+}
+
+.wt-header-search-form {
+}
+
+.wt-header-search-button {
+	color: #000;
+	background: #ddd;
+	border: 0;
+}
+
+.wt-header-search-button .fa-search::before {
+	content: ">";
+}
+
+.wt-secondary-navigation {
+	order: 3;
+	background-image: linear-gradient(#1548a7, #81bafc, #1548a7);
+	/* Extend to full page width */
+	flex: 0 1 100vw;
+	max-width: 100vw;
+	/* Recalculate margins for content */
+	margin: 0 calc(50% - 50vw);
+	padding: 0 calc(50vw - 50%);
+}
+
+.wt-secondary-menu {
+	padding: 0.25rem 0;
+	justify-content: space-between;
+}
+
+.wt-secondary-menu a.nav-link {
+	color: #fff;
+	font-weight: bold;
+}
+
+.wt-secondary-menu .dropdown-toggle::after {
+	display: none;
+}
+
+.wt-primary-navigation {
+	order: 4;
+	background: #fff;
+	/* Extend to full page width */
+	flex: 0 1 100vw;
+	max-width: 100vw;
+	/* Recalculate margins for content */
+	margin: 0 calc(50% - 50vw);
+	padding: 0 calc(50vw - 50%);
+}
+
+.wt-primary-menu {
+	justify-content: center;
+}
+
+.wt-primary-menu .nav-item {
+	text-align: center;
+	min-width: 5rem;
+	padding-top: 0.25rem;
+}
+
+.wt-primary-menu .nav-link::before {
+	display: block;
+}
+
+.wt-primary-menu .dropdown-toggle::after {
+	display: none;
+}
+
+.wt-primary-menu .dropdown-menu {
+	border-radius: 0;
+}
+
+.wt-primary-menu .dropdown-item {
+	padding: 0 0.25rem;
+}
+
+.wt-primary-menu .dropdown-item::before {
+	vertical-align: top;
+	padding: 0 0.25rem;
+}
+
+.menu-tree .nav-link::before {
+	content: url(xenea/menu/tree.png);
+}
+
+.menu-tree .dropdown-item::before {
+	content: url(xenea/menu/tree-tree.png);
+}
+
+.menu-chart .nav-link::before {
+	content: url(xenea/menu/chart.png);
+}
+
+.menu-chart-ancestry::before {
+	content: url(xenea/menu/chart-ancestors.png);
+}
+
+.menu-chart-compact::before {
+	content: url(xenea/menu/chart-compact.png);
+}
+
+.menu-chart-descendants::before {
+	content: url(xenea/menu/chart-descendants.png);
+}
+
+.menu-chart-familybook::before {
+	content: url(xenea/menu/chart-family-book.png);
+}
+
+.menu-chart-fanchart::before {
+	content: url(xenea/menu/chart-fanchart.png);
+}
+
+.menu-chart-hourglass::before {
+	content: url(xenea/menu/chart-hourglass.png);
+}
+
+.menu-chart-lifespan::before {
+	content: url(xenea/menu/chart-lifespan.png);
+}
+
+.menu-chart-pedigree::before {
+	content: url(xenea/menu/chart-pedigree.png);
+}
+
+.menu-chart-pedigreemap::before {
+	content: url(xenea/menu/chart-pedigree-map.png);
+}
+
+.menu-chart-relationship::before {
+	content: url(xenea/menu/chart-relationship.png);
+}
+
+.menu-chart-statistics::before {
+	content: url(xenea/menu/chart-statistics.png);
+}
+
+.menu-chart-timeline::before {
+	content: url(xenea/menu/chart-timeline.png);
+}
+
+.menu-chart-tree::before {
+	content: url(xenea/menu/chart-tree.png);
+}
+
+.menu-list .nav-link::before {
+	content: url(xenea/menu/list.png);
+}
+
+.menu-branches::before {
+	content: url(xenea/menu/branches.png);
+}
+
+.menu-list-fam::before {
+	content: url(xenea/menu/list-fam.png);
+}
+
+.menu-list-indi::before {
+	content: url(xenea/menu/list-indi.png);
+}
+
+.menu-list-note::before {
+	content: url(xenea/menu/list-note.png);
+}
+
+.menu-list-obje::before {
+	content: url(xenea/menu/list-obje.png);
+}
+
+.menu-list-plac::before {
+	content: url(xenea/menu/list-plac.png);
+}
+
+.menu-list-repo::before {
+	content: url(xenea/menu/list-repo.png);
+}
+
+.menu-list-sour::before {
+	content: url(xenea/menu/list-sour.png);
+}
+
+.menu-calendar .nav-link::before {
+	content: url(xenea/menu/calendar.png);
+}
+
+.menu-calendar-day::before {
+	content: url(xenea/menu/calendar-calendar.png);
+}
+
+.menu-calendar-month::before {
+	content: url(xenea/menu/calendar-calendar.png);
+}
+
+.menu-calendar-year::before {
+	content: url(xenea/menu/calendar-calendar.png);
+}
+
+.menu-report .nav-link::before {
+	content: url(xenea/menu/report.png);
+}
+
+.menu-report .dropdown-item::before {
+	content: url(xenea/menu/report-report.png);
+}
+
+.menu-search .nav-link::before {
+	content: url(xenea/menu/search.png);
+}
+
+.menu-search .dropdown-item::before {
+	content: url(xenea/menu/search-search.png);
+}
+
+.menu-help .nav-link::before {
+	content: url(xenea/menu/help.png);
+}
+
+.menu-clippings .nav-link::before {
+	content: url(xenea/menu/clippings.png);
+}
+
+.menu-clippings-add::before {
+	content: url(xenea/menu/clippings-add.png);
+}
+
+.menu-clippings-cart::before {
+	content: url(xenea/menu/clippings-cart.png);
+}
+
+.menu-clippings-download::before {
+	content: url(xenea/menu/edit-preferences.png);
+}
+
+.menu-clippings-empty::before {
+	content: url(xenea/menu/edit-delete.png);
+}
+
+.menu-fam .nav-link::before {
+	content: url(xenea/menu/fam.png);
+}
+
+.menu-fam-change::before {
+	content: url(xenea/menu/edit-fam.png);
+}
+
+.menu-fam-addchil::before {
+	content: url(xenea/menu/edit-fam.png);
+}
+
+.menu-fam-orderchil::before {
+	content: url(xenea/menu/edit-fam.png);
+}
+
+.menu-fam-del::before {
+	content: url(xenea/menu/edit-delete.png);
+}
+
+.menu-fam-addfav::before {
+	content: url(xenea/menu/edit-add-favorite.png);
+}
+
+.menu-fam-editraw::before {
+	content: url(xenea/menu/edit-gedcom.png);
+}
+
+.menu-indi .nav-link::before {
+	content: url(xenea/menu/indi.png);
+}
+
+.menu-indi-addname::before {
+	content: url(xenea/menu/edit-indi.png);
+}
+
+.menu-indi-editsex::before {
+	content: url(xenea/menu/edit-indi.png);
+}
+
+.menu-indi-del::before {
+	content: url(xenea/menu/edit-delete.png);
+}
+
+.menu-indi-addfav::before {
+	content: url(xenea/menu/edit-add-favorite.png);
+}
+
+.menu-indi-editraw::before {
+	content: url(xenea/menu/edit-gedcom.png);
+}
+
+.menu-obje .nav-link::before {
+	content: url(xenea/menu/obje.png);
+}
+
+.menu-obje-edit::before {
+	content: url(xenea/menu/edit-obje.png);
+}
+
+.menu-obje-link::before {
+	content: url(xenea/menu/edit-link.png);
+}
+
+.menu-obje-del::before {
+	content: url(xenea/menu/edit-delete.png);
+}
+
+.menu-obje-addfav::before {
+	content: url(xenea/menu/edit-add-favorite.png);
+}
+
+.menu-obje-editraw::before {
+	content: url(xenea/menu/edit-gedcom.png);
+}
+
+.menu-note .nav-link::before {
+	content: url(xenea/menu/note.png);
+}
+
+.menu-note-edit::before {
+	content: url(xenea/menu/edit-note.png);
+}
+
+.menu-note-del::before {
+	content: url(xenea/menu/edit-delete.png);
+}
+
+.menu-note-addfav::before {
+	content: url(xenea/menu/edit-add-favorite.png);
+}
+
+.menu-note-editraw::before {
+	content: url(xenea/menu/edit-gedcom.png);
+}
+
+.menu-record .nav-link::before {
+	content: url(xenea/menu/indi.png);
+}
+
+.menu-record-del::before {
+	content: url(xenea/menu/edit-delete.png);
+}
+
+.menu-record-editraw::before {
+	content: url(xenea/menu/edit-gedcom.png);
+}
+
+.menu-repo .nav-link::before {
+	content: url(xenea/menu/repo.png);
+}
+
+.menu-repo-edit::before {
+	content: url(xenea/menu/edit-repo.png);
+}
+
+.menu-repo-del::before {
+	content: url(xenea/menu/edit-delete.png);
+}
+
+.menu-repo-addfav::before {
+	content: url(xenea/menu/edit-add-favorite.png);
+}
+
+.menu-repo-editraw::before {
+	content: url(xenea/menu/edit-gedcom.png);
+}
+
+.menu-sour .nav-link::before {
+	content: url(xenea/menu/sour.png);
+}
+
+.menu-sour-edit::before {
+	content: url(xenea/menu/edit-sour.png);
+}
+
+.menu-sour-del::before {
+	content: url(xenea/menu/edit-delete.png);
+}
+
+.menu-sour-addfav::before {
+	content: url(xenea/menu/edit-add-favorite.png);
+}
+
+.menu-sour-editraw::before {
+	content: url(xenea/menu/edit-gedcom.png);
+}
+
+.menu-story .nav-link::before {
+	content: url(xenea/menu/story.png);
+}
+
+.wt-main-container {
+}
+
+.wt-main {
+}
+
+.wt-messages {
+}
+
+.wt-page-title {
+	text-align: center;
+}
+
+.wt-page-options .form-group {
+	margin-bottom: 2px;
+}
+
+.wt-page-options-label {
+	color: #006;
+	background-color: #95b8e0;
+	border-left: 2px solid transparent;
+	border-right: 2px solid transparent;
+}
+
+.wt-page-options-value {
+	background-color: #ecf5ff;
+	border: thin solid #c3dfff;
+	padding: 0.25rem 0.75rem;
+}
+
+.wt-page-content {
+	margin-top: 1rem;
+}
+
+.wt-footer-container {
+}
+
+.wt-footer-content {
+}
+
+.wt-contact-links {
+}
+
+.wt-powered-by-webtrees {
+}
+
+.wt-page-views {
+}
+
+.wt-cookie-warning {
+}
+
+/*
+ * The home/my pages
+ *
+ * wt-home-page / wt-user-page
+ * +---wt-main-blocks
+ * |   +---wt-block, wt-block-AAA
+ * |   +---wt-block, wt-block-BBB
+ * |   +---wt-block, wt-block-CCC
+ * +---wt-side-blocks
+ *     +---wt-block, wt-block-XXX
+ *     +---wt-block, wt-block-YYY
+ *     +---wt-block, wt-block-ZZZ
+ *
+ * Each block as the structure
+ * wt-block, wt-block-XXX
+ * +---wt-block-header, wt-block-header-XXX
+ * +---wt-block-content, wt-block-content-XXX
+ */
+
+.wt-block {
+	background-color: #edf7fd;
+	border: thin solid #81a9cb;
+}
+
+.wt-block-header {
+	background-color: #edf7fd;
+	border-bottom: none;
+	font-weight: bold;
+}
+
+.wt-block-content {
+}
+
+.wt-block-content .list_table {
+	border-spacing: 1px;
+	border: solid #81a9cb 1px;
+	border-right: 0;
+}
+
+.wt-block-content .list_value,
+.wt-block-content .list_value_wrap {
+	border: 0;
+	border-top: solid #81a9cb 1px;
+	border-right: solid #81a9cb 1px;
+}
+
+/*
+ * Ancestors chart
+ *
+ * wt-chart, wt-ancestors-chart
+ * +---wt-ancestors-chart-list
+ *     +---wt-ancestors-chart-list-item
+ */
+.wt-ancestors-chart-list {
+}
+
+/*
+ * Compact chart
+ *
+ * wt-chart, wt-compact-chart
+ */
+
+.wt-ancestors-chart-list-item {
+}
+
+/*
+ * Descendants chart
+ *
+ * wt-chart, wt-descendants-chart
+ * +---wt-descendants-chart-list
+ *     +---wt-descendants-chart-list-item
+ */
+.wt-descendants-chart-list {
+}
+
+.wt-descendants-chart-list-item {
+}
+
+/*
+ * Family book chart
+ *
+ * wt-chart, wt-family-book-chart
+ */
+
+/*
+ * Fan chart
+ *
+ * wt-chart, wt-fan-chart
+ */
+
+/*
+ * Hourglass chart
+ *
+ * wt-chart, wt-hourglass-chart
+ */
+
+/*
+ * Hourglass chart
+ *
+ * wt-chart, wt-interactive-tree
+ */
+
+/*
+ * Lifespans chart
+ *
+ * wt-chart, wt-lifespans-chart
+ */
+
+/*
+ * Pedigree chart
+ *
+ * wt-chart, wt-pedigree-chart
+ */
+
+/*
+ * Pedigree map
+ *
+ * wt-chart, wt-pedigree-map
+ */
+
+/*
+ * Relationships chart
+ *
+ * wt-chart, wt-relationships-chart
+ */
+
+/*
+ * Statistics chart
+ *
+ * wt-chart, wt-statistics-chart
+ */
+
+/*
+ * Timeline chart
+ *
+ * wt-chart, wt-timeline-chart
+ */
+
+/*
+ * Family list and individual list
+ *
+ * wt-page-options
+ * +---wt-initials-list
+ *     +---wt-initial-list-item
+ *         +---wt-initial
+ *         +---wt-initial, active
+ * wt-page-content
+ * +---wt-list, wt-{family,individual}-list
+ */
+
+.wt-initials-list-item {
+	display: inline;
+}
+
+.wt-initials-list-item + .wt-initials-list-item::before {
+	content: '|';
+}
+
+.wt-initial {
+	padding: 0 0.25rem;
+}
+
+.wt-initial.active {
+	color: #f00;
+	font-weight: bold;
+}
+
+/*
+ * Media object list
+ *
+ * wt-list, wt-media-list
+ */
+
+/*
+ * Note object list
+ *
+ * wt-list, wt-note-list
+ */
+
+/*
+ * Source list
+ *
+ * wt-list, wt-source-list
+ */
+
+/*
+ * Repository list
+ *
+ * wt-list, wt-repository-list
+ */
+
+/*
+ * Branches list
+ *
+ * wt-branches-page
+ */
+
+/*
+ * Place hierarchy
+ *
+ * wt-place-hierarchy-page
+ */
+
+/*
+ * Calendar
+ *
+ * wt-calendar-page
+ */
+
+/*
+ * Reports
+ *
+ * wt-reports-page
+ */
+
+/*
+ * Search
+ *
+ * wt-search-page, wt-general-serach-page/wt-phonetic-search-page/wt-advanced-search-page/wt-search-replace-page
+ */
+
+#content #home-page {
+    margin-left: 5px;
+}
+
+/* ====== Round Corners ======== */
+
+/* ios on click workaround */
+.iconz {
+	cursor: pointer;
+}
+
+a {
+	color: #00f;
+	text-decoration: none;
+}
+
+a:hover {
+	color: #f00;
+	text-decoration: none;
+}
+
+:focus {
+	outline-style: none;
+}
+
+.flash-messages {
+	clear: both;
+	text-align: center;
+}
+
+img.block,
+#mycart img {
+	border: 0;
+	height: 25px;
+	vertical-align: middle;
+}
+
+.topbottombar {
+	background-color: #c3dfff;
+	color: #fff;
+	font-size: 12px;
+	font-weight: bold;
+	padding: 4px;
+	text-align: center;
+}
+
+#mycart a img {
+	height: 15px;
+}
+
+.button {
+	width: 60px;
+}
+
+.alpha_index {
+	color: #999;
+}
+
+.person_box, .action_header {
+	background: #f0f9ff;
+	border: solid #84beff 1px;
+	padding: 3px;
+}
+
+.person_boxF, .action_headerF {
+	background: #fff0f0;
+	border: 1px solid #ff2080;
+	padding: 3px;
+}
+
+.person_boxNN {
+	background: #fff;
+	border: dashed #008080 1px;
+	padding: 3px;
+}
+
+.person_box:target,
+.news_box:target,
+#gedcom_stats:target {
+	background-color: #ffc;
+}
+
+/* families tab person box */
+#relatives_content .person_box > .person_box,
+#relatives_content .person_boxF > .person_boxF,
+#relatives_content .person_boxNN > .person_boxNN {
+	border: 0;
+	min-height: 50px;
+}
+
+.center {
+	text-align: center;
+}
+
+table.center {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.list_table {
+	margin: 0 auto;
+}
+
+.list_label,
+.list_label_wrap {
+	color: #006;
+	font-size: 12px;
+	background-color: #c3dfff;
+	border: solid #81a9cb 1px;
+	font-weight: bold;
+	text-align: center;
+}
+
+.list_value,
+.list_value_wrap {
+	background-color: #edf7fd;
+	font-size: 12px;
+	border: solid #81a9cb 1px;
+	vertical-align: top;
+	padding: 4px;
+}
+
+.list_label,
+.list_value {
+	white-space: nowrap;
+}
+
+.list_label_wrap,
+.list_value_wrap {
+	white-space: normal;
+}
+
+div.fact_SHARED_NOTE {
+	clear: both;
+}
+
+/* Table of genealogical facts */
+
+.wt-facts-table caption {
+	caption-side: top;
+}
+
+.wt-facts-table th {
+	background-color: #c3dfff;
+	color: #006;
+	text-align: center;
+	font-weight: normal;
+	min-width: 20%;
+}
+
+.wt-facts-table td {
+	background-color: #ecf5ff;
+	border: solid #c3dfff 1px;
+}
+
+.wt-facts-table .wt-gender-M td {
+	background-color: #f0f9ff;
+	border-color: #84beff;
+}
+
+.wt-facts-table .wt-gender-F td {
+	background-color: #fff0f0;
+	border-color: #ff2080;
+}
+
+.tabs_table {
+	width: 99%;
+}
+
+.name1 {
+	font-weight: bold;
+	font-size: 12px;
+}
+
+.name2 {
+	font-size: 16px;
+	}
+
+a:hover .name1, a:hover .name2 {
+	color: #f00;
+	font-weight: bold;
+	font-size: 12px;
+}
+
+a:hover .nameZoom {
+	color: #f00;
+	font-size: 16px;
+	font-weight: bold;
+}
+
+.details0,
+.details1 {
+	font-size: 11px;
+}
+
+.details2 {
+	font-size: 12px;
+}
+
+.nameZoom {
+	color: #555;
+	font-size: 16px;
+	font-weight: bold;
+}
+
+.details_label {
+	font-weight: bold;
+}
+
+.name_head {
+	color: #555;
+	font-size: 16px;
+	font-weight: bold;
+	line-height: 2;
+	padding: 0 5px;
+}
+
+.date {
+	color: #337;
+}
+
+.label {
+	font-weight: bold;
+}
+
+.error {
+	color: #d00;
+	font-weight: bold;
+}
+
+.largeError {
+	color: #d00;
+	font-size: large;
+	font-weight: bold;
+}
+
+.warning {
+	color: #f00;
+	font-weight: bold;
+}
+
+.indent {
+	padding-left: 20px;
+}
+
+.image {
+	height: 150px;
+	padding: 5px;
+	margin: 2px;
+}
+
+.gender_image {
+	margin: 0 3px;
+	border: 0;
+	vertical-align: middle;
+}
+
+.thumbnail {
+	height: auto;
+	padding: 3px;
+}
+
+.icon {
+	border: 0;
+	padding: 0 5px;
+}
+
+.sublinks_cell {
+	background-color: #edf7fd;
+	font-size: 12px;
+}
+
+.submenu .icon {
+	vertical-align: middle;
+	width: 20px;
+	height: 20px;
+}
+
+.subheaders {
+	font-weight: bold;
+	font-size: 15px;
+	margin-top: 15px;
+	vertical-align: bottom;
+}
+
+#family-table .subheaders:first-child {
+	width: 285px;
+}
+
+.parentdeath {
+	border: thin solid #888;
+	padding: 1px;
+}
+
+.source_citations {
+	display: none;
+}
+
+.selected-option {
+	background-color: #edf7fd;
+}
+
+.border1 {
+	border: solid #000 1px;
+}
+
+.menuitem {
+	text-decoration: none;
+	font-size: 11px;
+	padding: 1px;
+}
+
+.menuitem_hover {
+	text-decoration: none;
+	font-size: 11px;
+	padding: 1px;
+}
+
+.menuitem .icon, .menuitem_hover .icon {
+	width: 50px;
+	height: 50px;
+}
+
+.submenu {
+	text-decoration: none;
+	font-size: 11px;
+	background-color: #edf7fd;
+	border: solid #81a9cb 1px;
+	visibility: hidden;
+	position: absolute;
+	padding: 5px;
+}
+
+.submenuitem  {
+	vertical-align: middle;
+	font-size: 11px;
+	height: 20px;
+	text-decoration: none;
+	background-color: #edf7fd;
+	padding: 1px;
+	white-space: nowrap;
+}
+
+.submenuitem_hover {
+	vertical-align: middle;
+	height: 20px;
+	font-size: 11px;
+	background-color: #e6f0fa;
+	white-space: nowrap;
+	padding: 1px;
+}
+
+.submenuitem a,
+.submenuitem_hover a {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.journal_box {
+	padding: 3pt;
+	border: thin solid #aaa;
+	overflow: visible;
+}
+
+.news_box {
+	background-color: #edf7fd;
+	border-top: solid #81a9cb 1px;
+}
+
+.news_title {
+	font-weight: bold;
+	font-size: 14px;
+}
+
+.news_date {
+	margin-bottom: 12px;
+}
+
+.current_day {
+	font-weight: bold;
+	font-size: 16px;
+}
+
+.cal_day {
+	float: left;
+	font-weight: bold;
+}
+
+.rtl_cal_day {
+	direction: rtl;
+	float: right;
+	color: #00f;
+	font-weight: bold;
+}
+
+.helpcontent {
+	margin-left: 10px;
+	margin-right: 10px;
+}
+
+.helpcontent dt {
+	clear: both;
+}
+
+#user-page h1 {
+	margin: 0.25em auto 0.6em;
+}
+
+.tvertline {
+	vertical-align: bottom;
+}
+
+#childbox {
+	padding: 5px;
+	position: absolute;
+	display: none;
+	text-align: start;
+	white-space: nowrap;
+	top: 20px;
+	left: 0;
+}
+
+.layout3 #childbox {
+	top: auto;
+	bottom: 20px;
+}
+
+#childbox a.name1 {
+	display: block;
+	margin-left: 5px;
+}
+
+.person0 {
+	background-color: #aaf;
+	border: outset #aaf 1px;
+	vertical-align: top;
+}
+
+.person1 {
+	background-color: #afa;
+	border: outset #afa 1px;
+	vertical-align: top;
+}
+
+.person2 {
+	background-color: #faa;
+	border: outset #faa 1px;
+	vertical-align: top;
+}
+
+.person3 {
+	background-color: #55f;
+	border: outset #55f 1px;
+	vertical-align: top;
+}
+
+.person4 {
+	background-color: #f55;
+	border: outset #f55 1px;
+	vertical-align: top;
+}
+
+.person5 {
+	background-color: #5f5;
+	border: outset #5f5 1px;
+	vertical-align: top;
+}
+
+.listlog {
+	line-height: 20pt;
+}
+
+.starredname {
+	text-decoration: underline;
+}
+
+.search_hit {
+	background-color: #ff0;
+}
+
+.search_item {
+	font-weight: 600;
+}
+
+.descriptionbox {
+	color: #006;
+	font-size: 12px;
+	background-color: #c3dfff;
+	vertical-align: top;
+	padding: 3px;
+}
+
+.optionbox {
+	background-color: #ecf5ff;
+	font-size: 1rem;
+	border: solid #c3dfff 1px;
+	vertical-align: top;
+	white-space: nowrap;
+	padding: 3px;
+}
+
+.vmiddle {
+	vertical-align: middle;
+}
+
+.red {
+	color: #f00;
+}
+
+.wt-relation-fact,
+.wt-historic-fact {
+	opacity: 0.8;
+}
+
+.messagebox {
+	background-color: #c2ceef;
+	border: solid #81a9cb 1px;
+}
+
+/* ---Pending edits--- */
+.new {
+	outline: solid blue 1px;
+}
+
+.old {
+	outline: solid red 1px;
+}
+
+.tag_cloud {
+	text-align: center;
+}
+
+.tag_cloud a {
+	white-space: nowrap;
+}
+
+.nowrap {
+	white-space: nowrap;
+}
+
+.wrap {
+	white-space: normal;
+}
+
+.statistics-page {
+	text-align: center;
+}
+
+.center2 {
+	text-align: center;
+}
+
+.gchart {
+	border: solid #81a9cb 1px;
+}
+
+/* ---Find special characters--- */
+.largechars {
+	font-family: monospace;
+	font-size: 200%;
+}
+
+#facts_content dd {
+	float: left;
+	width: 70%;
+}
+
+.clearfloat {
+	clear: both;
+}
+
+/* this keeps the tag color the same when it is a link as when not */
+
+.place {
+	padding-top: 5px;
+}
+
+#pending h2 {
+	text-align: center;
+	margin-bottom: 20px;
+}
+
+#pending h3 {
+	text-align: center;
+	margin-top: 20px;
+}
+
+#pending .list_value {
+	padding: 3px;
+	text-align: center;
+	vertical-align: middle;
+	white-space: nowrap;
+}
+
+#pending .indent {
+	padding: 0;
+}
+
+/* ======== Person box ======= */
+/* Box styles are
+	0 compact view
+	1 normal view - small box
+	2 normal view - large box
+*/
+.box-style0 {
+	cursor: url(xenea/images/zoomin.png), n-resize;
+}
+
+.box-style0-expanded {
+	cursor: url(xenea/images/zoomout.png), n-resize;
+}
+
+.box-style0-expanded,
+.box-style1-expanded {
+	width: 300px !important;
+	height: auto !important;
+	line-height: 1.5em!important;
+}
+
+.person_box_template {
+	height: auto;
+	white-space: normal;
+	overflow: hidden !important;
+}
+
+.person_box_template .namedef i[class^="icon-sex"] {
+	margin-left: 3px;
+}
+
+.person_box_template .icons {
+	float: right;
+}
+
+.person_box_template .inout {
+	clear: both;
+	display: none;
+}
+
+.person_box_template .chart_textbox {
+	overflow: hidden;
+	font-size: .75rem;
+	line-height: 1;
+	padding-bottom: 4px;
+}
+
+.person_box_template img,
+.person_box_template a.gallery {
+	float: left;
+	height: 50px;
+	margin: 0 2px 0 0;
+	max-width: 80px;
+	width: auto;
+}
+
+.person_box_template i[class^="icon-silhouette"] {
+	float: left;
+}
+
+/* --- reportengine.php --- */
+#reportengine-page table {
+	margin: 20px auto;
+}
+
+#reportengine-page .report-type {
+	overflow: hidden;
+	margin: auto;
+	width: 180px;
+}
+
+#reportengine-page .report-type div {
+	float: left;
+	margin: 0 20px;
+}
+
+#reportengine-page .report-type p {
+	margin: 0;
+	text-align: center;
+}
+
+/* styles for popup menus */
+.itr {
+	position: absolute;
+	line-height: 1.5;
+}
+
+.popup {
+	position: absolute;
+	top: 20px;
+	right: 0;
+	left: auto;
+	visibility: hidden;
+	opacity: 0;
+	transition: visibility 0s ease .25s,opacity .25s ease;
+	z-index: 9999;
+	box-shadow: 5px 5px 5px 0 rgba(0,0,0,.4);
+}
+
+.popup ul {
+	white-space: nowrap;
+	list-style: none;
+	margin: 0;
+	padding: 0 10px;
+	font-size: smaller;
+}
+
+.popup > ul {
+	padding: 2px 10px;
+}
+
+.popup li .NAME {
+	padding: 0 5px;
+}
+
+.itr:hover .popup {
+	visibility: visible;
+	opacity: 1;
+	transition-delay: 0s;
+}
+
+/* styles for FindFacts pop-up */
+#layDefinedTags,
+#tabDefinedTagsShow {
+	width: 450px;
+}
+
+#tabDefinedTags {
+	width: 430px;
+}
+
+#layDefinedTags {
+	margin-left: auto;
+	margin-right: auto;
+	height: 285px;
+	overflow: auto;
+}
+
+#tabDefinedTags {
+	border-collapse: collapse;
+}
+
+#tabDefinedTags th,
+#tabDefinedTags td {
+	border: solid 1px #000;
+	margin: 0;
+	padding: 3px;
+}
+
+#tabDefinedTags tbody th {
+	text-align: left;
+	font-weight: bold;
+}
+
+#tabDefinedTags tr.sel {
+	background-color: #d1d9ef;
+	color: #888;
+}
+
+#tabDefinedTags tr.unsel {
+	background-color: #fff;
+	color: #888;
+}
+
+#tabDefinedTagsShow {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#tabDefinedTagsShow td {
+	width: 50%;
+	text-align: center;
+}
+
+#tabFilterAndCustom {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#tabAction {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#tabAction td {
+	width: 50%;
+	text-align: center;
+}
+
+/* ======== List styles ====== */
+.surname-list,
+.givn-list {
+	margin: 5px auto;
+}
+
+.surname-list td {
+	vertical-align: top;
+}
+
+.indi-list .stats,
+.fam-list .stats {
+	margin: 0 auto;
+	width: auto;
+}
+
+.source-list th,
+.note-list th,
+.repo-list th,
+.media-list th,
+.indi-list th,
+.fam-list th,
+.surname-list th,
+.givn-list th {
+	cursor: pointer;
+	font-weight: 600;
+	padding: 2px 4px;
+	white-space: nowrap;
+}
+
+.source-list th:last-child,
+.note-list th:last-child,
+.repo-list th:last-child {
+	margin: 0 -2px 1px 1px;
+	padding: 3px 0 4px;
+	width: 24px;
+}
+
+.givn-list th {
+	cursor: pointer;
+	white-space: nowrap;
+	padding: 2px;
+	text-align: center;
+}
+
+#source-details h2,
+#sourcelist-page h2,
+#note-details h2,
+#notelist-page h2,
+#repo-details h2,
+#repolist-page h2,
+#media-details h2,
+#statistics-page h2 {
+	margin-bottom: 20px;
+	text-align: center;
+}
+
+#source-edit,
+#note-edit,
+#repo-edit,
+#media-edit {
+	overflow-x: auto;
+}
+
+.media-list td img {
+	display: block;
+	height: 40px;
+	width: auto;
+	margin: 3px auto;
+}
+
+.filtersH,
+.filtersF {
+	margin: 4px;
+}
+
+.filtersH img {
+	margin-bottom: 2px;
+}
+
+.list-charts {
+	text-align: center;
+}
+
+#search-result-tabs h3 {
+	text-align: center;
+}
+
+#searchAccordion-indi,
+#searchAccordion-fam,
+#searchAccordion-source,
+#searchAccordion-note {
+	margin: auto;
+	width: 99%;
+}
+
+#place-hierarchy h2,
+#place-hierarchy h4 {
+	text-align: center;
+}
+
+#main_select,
+#available_select,
+#right_select {
+	min-width: 150px;
+}
+
+/* ==== FAQ table styles ===== */
+table.faq {
+	background-color: #e0e0e0;
+	margin: 5px 0 50px 5px;
+	width: 98%;
+}
+
+table.faq tr:nth-child(odd) td {
+	background-color: #e7eef3;
+}
+
+div.faq_title {
+	background-color: #e0e0e0;
+	margin: 1em 0;
+	padding: .25em;
+	font-weight: bold;
+	width: 98%;
+}
+
+div.faq_body {
+	clear: both;
+	padding: 0 1em;
+}
+
+.faq_top {
+	float: right;
+}
+
+/* === Positioning edit, copy, delete links === */
+/* General use */
+.editfacts {
+	clear: left;
+	padding-top: 15px;
+}
+
+/* ======== Indi header ====== */
+#indi_header {
+	overflow: hidden;
+	border-radius: 3px;
+	border: 1px solid #b2c7d7;
+	margin: 0 0 5px 10px;
+	padding: 10px 0;
+}
+
+#indi_header h3 {
+	font-size: 90%;
+	font-weight: bold;
+	margin: 0;
+	padding: 0 10px 0 30px;
+	text-align: left;
+	overflow: hidden;
+	position: relative;
+}
+
+#indi_header .name_one {
+	font-size: 1.5em;
+}
+
+#indi_header h3 .details1 {
+	font-size: 1.0em;
+}
+
+#indi_header h3 .header_age {
+	padding: 5px 0 5px 5px;
+	float: right;
+	font-weight: normal;
+	font-size: 65%;
+}
+
+#indi_header h3 a {
+	display: inline;
+}
+
+#indi_header a {
+	color: #337;
+	font-size: 0.75em;
+	font-weight: normal;
+}
+
+#indi_header a:hover {
+	color: #f00;
+}
+
+#indi_mainimage {
+	float: left;
+	padding: 0 10px;
+}
+
+#header_accordion1 {
+	padding: 0 10px 0 0;
+	overflow: hidden;
+}
+
+#header_accordion1 .indi_name_details {
+	margin: 0;
+	overflow: hidden;
+	padding: 5px;
+}
+
+.indi_name_details .name1 {
+	font-weight: normal;
+	padding-top: 5px;
+	font-size: inherit;
+}
+
+#indi_header a.warning {
+	color: #f00;
+	font-size: 1em;
+}
+
+#indi_note {
+	margin: 0 0 5px;
+}
+
+.indi_table {
+	clear: left;
+}
+
+#sex {
+	float: right;
+}
+
+#dates {
+	float: right;
+}
+
+#individual-names .wt-icon-edit,
+#individual-names .wt-icon-delete {
+	float: right;
+}
+
+#indi_note .fact_NOTE {
+	float: left;
+	margin: 0 5px 0 0;
+}
+
+#indi_note .fact_SOUR {
+	margin: 3px 0;
+}
+
+#indi_note .fact_SOUR a {
+	font-size: 100%;
+}
+
+#indi_note .fact_NOTE,
+#indi_note .fact_SOUR {
+	clear: both;
+}
+
+/* ===== markdown formatting ===== */
+
+.markdown {
+	/* Tables and pre-formatted text can break the layout. */
+	overflow-x: auto;
+}
+
+.markdown p {
+	margin: 0 0 0.5em;
+	white-space: pre-wrap;
+}
+
+.markdown table {
+	border-collapse: collapse;
+	margin-bottom: 5px;
+}
+
+.markdown th {
+	font-weight: bold;
+}
+
+.markdown td,
+.markdown th {
+	border: solid thin #000;
+	padding: 3px;
+}
+
+.odometer {
+	font-family: courier, monospace;
+	font-weight: bold;
+	background: #000;
+	color: #fff;
+}
+
+/* ======= General sprite ==== */
+.male_gender,
+.female_gender,
+.unknown_gender {
+	display: block;
+	background: url(xenea/images/indi_sprite.png) no-repeat;
+}
+
+.female_gender {
+	background-position: -45px 3px;
+	width: 24px;
+	height: 30px;
+}
+
+.male_gender {
+	background-position: -72px 3px;
+	width: 24px;
+	height: 30px;
+}
+
+.unknown_gender {
+	background-position: -100px 4px;
+	width: 24px;
+	height: 30px;
+}
+
+/* ======== Indi tabs ======== */
+/* Facts & Events tab */
+#personal_facts_content .fact_NOTE,
+#personal_facts_content .fact_SOUR,
+#family-table .fact_NOTE,
+#family-table .fact_SOUR {
+	margin: 5px 3px 5px 0;
+	clear: both;
+}
+
+.media-display-image {
+	float: left;
+}
+
+.media-display-title {
+	float: left;
+	font-style: italic;
+	margin: 10px;
+}
+
+/* === jQuery.datatable styling general over-rides === */
+.odd {
+	background-color: #e7eef3;
+}
+
+.even {
+	background-color: #e6e6e6;
+}
+
+.css_right {
+	float: left;
+}
+
+.fg-button {
+	padding: 2px 6px;
+}
+
+.dataTables_paginate {
+	float: left;
+	margin-bottom: 3px;
+}
+
+.dataTables_processing {
+	float: left;
+}
+
+.dataTables_filter {
+	float: right;
+	font-weight: normal;
+}
+
+.dataTables_info {
+	float: left;
+	font-weight: normal;
+	padding: 4px;
+}
+
+.dataTables_length {
+	float: right;
+	font-weight: normal;
+}
+
+.dataTables_length select,
+.dataTables_filter input {
+	font-size: 11px;
+	padding: 1px;
+}
+
+.dt-clear {
+	clear: both;
+}
+
+.DataTables_sort_wrapper {
+	position: relative;
+	margin: 0 20px;
+}
+
+.DataTables_sort_wrapper span {
+	left: 0;
+	margin-left: -20px;
+	margin-top: -8px;
+	position: absolute;
+	top: 50%;
+}
+
+.dataTables_wrapper {
+	margin-bottom: 10px;
+}
+
+/* ======= Sidebar setup ===== */
+#main {
+	min-width: 600px;
+	width: 100%;
+	display: table;
+	table-layout: fixed;
+}
+
+#indi_left {
+	display: table-cell;
+}
+
+#tabs {
+	background-color: #fff;
+	border-color: #ddd;
+	margin-left: 10px;
+	overflow: visible;
+}
+
+/* sidebar */
+#sidebar {
+	width: 20%;
+	display: table-cell;
+	vertical-align: top;
+}
+
+/* Sidebar - Family navigator */
+.wt-family-navigator-dropdown {
+	background: #edf7fd;
+}
+
+.wt-family-navigator-dropdown-heading {
+	font-weight: bold;
+	font-size: inherit;
+	color: inherit;
+}
+
+/* Sidebar - Descendants */
+#sb_content_descendancy {
+	margin-top: 5px;
+}
+
+#sb_desc_content {
+	margin-left: 3px;
+	font-size: 0.8em;
+}
+
+#sb_desc_content ul {
+	padding: 0;
+	margin: 0;
+}
+
+.sb_desc_indi_li {
+	list-style-type: none;
+}
+
+.desc_tree_div {
+	display: none;
+}
+
+.desc_tree_div ul {
+	padding: 0;
+	margin-left: 10px;
+	margin-top: 0;
+	margin-right: 0;
+}
+
+/* Individuals and Families */
+#sidebar-content-individuals,
+#sidebar-content-families {
+	margin-top: 5px;
+}
+
+.sb_indi_surname_li,
+.sb_fam_surname_li {
+	list-style-image: url(xenea/images/plus.png);
+}
+
+.name_tree_div ul {
+	padding: 0;
+	margin: 0;
+}
+
+.name_tree_div li {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+
+/* Clippings */
+#sb_clippings_content ul {
+	padding: 0;
+	margin: 0;
+}
+
+#sb_clippings_content li {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	white-space: nowrap;
+}
+
+/* Extra info */
+#sb_content_extra_info {
+	font-size: 80%;
+	font-weight: bold;
+	margin-top: 1px;
+	overflow: hidden;
+	padding: 5px;
+}
+
+#sb_content_extra_info .editfacts {
+	float: right;
+	margin-top: -30px;
+}
+
+#sb_content_extra_info a {
+	display: block;
+}
+
+#sb_content_extra_info span {
+	font-weight: normal;
+}
+
+#sb_content_extra_info span a {
+	display: inline;
+}
+
+#sb_content_extra_info #hitcounter {
+	border-top: 1px solid #b2c7d7;
+	font-weight: bold;
+	padding-top: 5px;
+}
+
+/* http://www.jacklmoore.com/colorbox */
+#colorbox,
+#cboxOverlay,
+#cboxWrapper {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 9999;
+	overflow: hidden;
+}
+
+#cboxWrapper {
+	max-width: none;
+}
+
+#cboxOverlay {
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	background: #fff;
+}
+
+#cboxContent {
+	background: #fff;
+	overflow: hidden;
+	position: relative;
+	padding: 0.5rem;
+	border: 0.25rem solid #ccc;
+}
+
+#cboxLoadingOverlay,
+#cboxLoadingGraphic {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+
+.cboxPhoto {
+	float: left;
+	margin: auto;
+	border: 0;
+	display: block;
+	max-width: none;
+}
+
+#colorbox,
+#cboxContent,
+#cboxLoadedContent {
+	box-sizing: content-box;
+}
+
+#cboxError {
+	padding: 50px;
+	border: 1px solid #ccc;
+}
+
+#cboxLoadedContent {
+	margin-bottom: 28px;
+}
+
+#cboxTitle {
+	background: #fff;
+	position: absolute;
+	bottom: 0.25rem;
+	left: 0;
+	margin: 0 3rem;
+	text-align: center;
+}
+
+#cboxLoadingGraphic {
+	background: url(images/loading-32x32.gif) no-repeat center center;
+}
+
+#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
+	background: none;
+	border: 0;
+	cursor: pointer;
+	font-family: "Font Awesome\ 5 Free", sans-serif;
+	font-weight: 900;
+	overflow: visible;
+	padding: 0;
+	position: absolute;
+}
+
+#cboxSlideshow {
+	bottom: 0.25rem;
+	right: 0.25rem;
+}
+
+#cboxPrevious {
+	bottom: 0.25rem;
+	left: 0.25rem;
+}
+
+#cboxNext {
+	bottom: 0.25rem;
+	left: 1.5rem;
+}
+
+#cboxClose {
+	top: 0.25rem;
+	right: 0.25rem;
+}
+
+/* Stories module */
+.story_title {
+	padding-top: 12px;
+	font-size: 13px;
+	height: 32px;
+	font-weight: bold;
+}
+
+.story_body {
+	padding: 20px;
+	white-space: normal;
+}
+
+.story_edit {
+	padding: 12px;
+}
+
+/* Stories module */
+.story_title {
+	padding-top: 12px;
+	font-size: 13px;
+	height: 32px;
+	font-weight: bold;
+}
+
+.story_body {
+	padding: 20px;
+	white-space: normal;
+}
+
+.story_edit {
+	padding: 12px;
+}
+
+/* ====== Charts Styles ======== */
+#people label {
+	display:block;
+}
+
+/* Ancestry chart */
+.wt-ancestors-chart-list {
+	background: transparent url(images/vline.png) left top repeat-y;
+	margin: 0 0 0 15px;
+	padding: 0;
+	display: block;
+}
+
+.wt-ancestors-chart-list-item {
+	margin: 5px 0;
+}
+
+.chart_common li {
+	list-style: outside none none;
+}
+
+.generations {
+	background: transparent url(images/vline.png) repeat-y scroll left top;
+	display: block;
+	margin: 0 0 0 15px;
+	padding: 0;
+}
+
+.chart_common table {
+	padding: 0;
+	border-spacing: 0;
+	border-collapse: collapse;
+	margin: 5px 0;
+}
+
+.chart_common td {
+	border: 0;
+	padding: 0;
+}
+
+.chart_common span.details1 div[class^=fact_] {
+	display: inline-block;
+}
+
+.chart_common span.details1 .date {
+	color: inherit;
+}
+
+/*-- Family book  --*/
+#familybook_chart {
+	margin-left: 10px;
+}
+
+#familybook_chart table {
+	border-collapse: collapse;
+	empty-cells: show;
+}
+
+#familybook_chart td {
+	margin: 0;
+	padding: 0;
+}
+
+#familybook_chart h2 {
+	text-align: center;
+}
+
+#familybook_chart .line3,
+#familybook_chart .pvline,
+#familybook_chart .spacer {
+	width: 3px;
+}
+
+#familybook_chart .line4 {
+	width: 7px;
+	vertical-align: middle;
+}
+
+[ID^="vline"] {
+	width: 3px;
+}
+
+#familybook_chart h3 {
+	color: #006;
+	font-size: 16px;
+	text-align: center;
+}
+
+/*-- Fan chart ---- */
+.fan_chart_menu {
+	position: absolute;
+	display: none;
+	z-index: 100;
+}
+
+#fan_chart ul {
+	list-style-type: none;
+	margin: 0;
+}
+
+/* Lifespans chart */
+.wt-lifespans-subtitle {
+	text-align: center;
+}
+
+.wt-lifespans-scale {
+	white-space: nowrap;
+}
+
+.wt-lifespans-decade {
+	width: 70px;
+	height: 60px;
+	display: inline-block;
+	background-image: url(xenea/images/lifespan-chunk.png);
+	background-position-y: bottom;
+	background-repeat: no-repeat;
+	background-size: 70px 37px;
+}
+
+.wt-lifespans-individuals {
+	background: #fafafa;
+}
+
+.wt-lifespans-individual {
+
+}
+
+.wt-lifespans-summary {
+	background: #ffffff;
+	border: thin solid #000;
+	z-index: 1;
+}
+
+.wt-lifespans-summary-link {
+	font-weight: bold;
+}
+
+/*-- Pedigree ---- */
+#pedigree_chart {
+	position: relative;
+	margin: 20px auto;
+}
+
+#pedigree_canvas {
+	color:   #81a9cb;
+	z-index: -1000;
+}
+
+#pedigree-page .shadow {
+	position: absolute;
+	white-space: nowrap;
+}
+
+#pedigree-page .layout0 .shadow > div,
+#pedigree-page .layout1 .shadow > div {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+#pedigree-page .spacer {
+	background-image: url(images/spacer.png);
+	height:           20px;
+	width:            1px;
+}
+
+#childarrow,
+.ancestorarrow {
+	text-align: center;
+}
+
+#pedigree-page #childarrow {
+	position: relative;
+}
+
+#pedigree-page #childbox {
+	border:           1px solid;
+	background-color: #fff;
+}
+
+#pedigree-page table.list_table {
+	margin: 0 auto;
+	width:  500px;
+}
+
+.pedigree_chart_table {
+	border:          0;
+	border-collapse: collapse;
+	padding:         0;
+	width:           100%;
+}
+
+/*-- timeline  --*/
+#timeline_chart {
+	position: relative;
+	top: 0;
+	left: 0;
+}
+
+#field_table {
+	width: 30%;
+	min-width: 500px;
+}
+
+/* ====== Common Icons ========= */
+[class^="icon-"],
+[class*=" icon-"] {
+	display: inline-block;
+	vertical-align: text-bottom;
+	background-repeat: no-repeat;
+}
+
+.icon-add {
+	width: 14px;
+	height: 15px;
+	background-image: url(images/add.png);
+}
+
+.icon-cfamily {
+	width: 25px;
+	height: 25px;
+	background-image: url(xenea/images/cfamily.png);
+}
+
+.icon-childless {
+	width: 25px;
+	height: 25px;
+	background-image: url(xenea/images/childless.png);
+}
+
+.icon-children {
+	width: 16px;
+	height: 16px;
+	background-image: url(xenea/images/children.png);
+}
+
+.icon-clippings {
+	width: 22px;
+	height: 22px;
+	background-image: url(xenea/images/clippings.png);
+}
+
+.icon-edit_indi {
+	width: 25px;
+	height: 25px;
+	background-image: url(xenea/images/edit_indi.png);
+}
+
+.icon-fam-list {
+	width: 25px;
+	height: 25px;
+	background-image: url(xenea/images/cfamily.png);
+}
+
+.icon-indi-list {
+	width: 20px;
+	height: 20px;
+	background-image: url(xenea/images/indis.png);
+}
+
+.icon-loading-small {
+	width: 16px;
+	height: 16px;
+	background-image: url(xenea/images/indicator.gif);
+}
+
+.icon-media {
+	width: 20px;
+	height: 20px;
+	background-image: url(xenea/images/media.png);
+}
+
+.icon-media-list {
+	width: 20px;
+	height: 20px;
+	background-image: url(xenea/images/media.png);
+}
+
+.icon-media-next {
+	width: 20px;
+	height: 20px;
+	background-image: url(xenea/images/rdarrow.png);
+}
+
+.icon-media-play {
+	width: 20px;
+	height: 20px;
+	background-image: url(xenea/images/rarrow.png);
+}
+
+.icon-media-stop {
+	width: 20px;
+	height: 20px;
+	background-image: url(xenea/images/stop.png);
+}
+
+.icon-minus {
+	width: 11px;
+	height: 11px;
+	background-image: url(xenea/images/minus.png);
+}
+
+.icon-mypage {
+	width: 24px;
+	height: 24px;
+	background-image: url(xenea/images/mypage.png);
+}
+
+.icon-note {
+	width: 22px;
+	height: 22px;
+	background-image: url(xenea/icons/note.png);
+}
+
+.icon-plus {
+	width: 11px;
+	height: 11px;
+	background-image: url(xenea/images/plus.png);
+}
+
+.icon-reminder {
+	width: 15px;
+	height: 12px;
+	background-image: url(xenea/images/reminder.png);
+}
+
+.icon-remove {
+	width: 20px;
+	height: 20px;
+	background-image: url(xenea/images/remove.png);
+}
+
+.icon-resn-confidential {
+	width: 16px;
+	height: 16px;
+	background-image: url(xenea/images/resn_confidential.png);
+}
+
+.icon-resn-locked {
+	width: 16px;
+	height: 16px;
+	background-image: url(xenea/images/resn_locked.png);
+}
+
+.icon-resn-none {
+	width: 16px;
+	height: 16px;
+	background-image: url(xenea/images/resn_none.png);
+}
+
+.icon-resn-privacy {
+	width: 16px;
+	height: 16px;
+	background-image: url(xenea/images/resn_privacy.png);
+}
+
+.icon-rings {
+	width: 9px;
+	height: 9px;
+	background-image: url(xenea/images/rings.png);
+}
+
+.icon-selected {
+	width: 12px;
+	height: 12px;
+	background-image: url(xenea/images/selected.png);
+}
+
+.icon-sex_f_15x15 {
+	width: 15px;
+	height: 15px;
+	background-image: url(xenea/images/sex_f_15x15.png);
+}
+
+.icon-sex_f_9x9 {
+	width: 9px;
+	height: 9px;
+	background-image: url(xenea/images/sex_f_9x9.png);
+}
+
+.icon-sex_m_15x15 {
+	width: 15px;
+	height: 15px;
+	background-image: url(xenea/images/sex_m_15x15.png);
+}
+
+.icon-sex_m_9x9 {
+	width: 9px;
+	height: 9px;
+	background-image: url(xenea/images/sex_m_9x9.png);
+}
+
+.icon-sex_u_15x15 {
+	width: 15px;
+	height: 15px;
+	background-image: url(xenea/images/sex_u_15x15.png);
+}
+
+.icon-sex_u_9x9 {
+	width: 9px;
+	height: 9px;
+	background-image: url(xenea/images/sex_u_9x9.png);
+}
+
+.icon-source {
+	width: 20px;
+	height: 20px;
+	background-image: url(xenea/images/source.png);
+}
+
+.icon-warning {
+	width: 17px;
+	height: 17px;
+	background-image: url(xenea/images/warning.png);
+}
+
+.icon-zoomin {
+	width: 25px;
+	height: 25px;
+	background-image: url(xenea/images/zoomin.png);
+}
+
+.icon-zoomout {
+	width: 25px;
+	height: 25px;
+	background-image: url(xenea/images/zoomout.png);
+}
+
+/* Silhouettes on charts */
+.icon-silhouette-F {
+	width: 37px;
+	height: 50px;
+	background-image: url(xenea/images/silhouette_female_small.png);
+}
+
+.icon-silhouette-M {
+	width: 37px;
+	height: 50px;
+	background-image: url(xenea/images/silhouette_male_small.png);
+}
+
+.icon-silhouette-U {
+	width: 37px;
+	height: 50px;
+	background-image: url(xenea/images/silhouette_unknown_small.png);
+}
+
+.wt-silhoutte {
+	width: 200px;
+	height: 260px;
+}
+
+.wt-silhoutte::before {
+	content: url(xenea/images/silhouette_unknown.png);
+}
+
+.wt-silhoutte-F::before {
+	content: url(xenea/images/silhouette_female.png);
+}
+
+.wt-silhouette-M::before {
+	content: url(xenea/images/silhouette_male.png);
+}
+
+[class^="icon-mime-"],
+[class*=" icon-mime-"] {
+	display: inline-block;
+	background: transparent url(xenea/images/icon-mime-sprite.png) no-repeat;
+	width: 48px;
+	height: 48px;
+}
+
+/* ===== Generic MIME types ===== */
+[class^="icon-mime-"],
+[class*=" icon-mime-"] {
+	background-position: -99px -49px;
+}
+
+[class^="icon-mime-application-"],
+[class*=" icon-mime-application-"] {
+	background-position: -99px -196px;
+}
+
+[class^="icon-mime-audio-"],
+[class*=" icon-mime-audio-"] {
+	background-position: -197px -98px;
+}
+
+[class^="icon-mime-image-"],
+[class*=" icon-mime-image-"] {
+	background-position: -148px -245px;
+}
+
+[class^="icon-mime-text-"],
+[class*=" icon-mime-text-"] {
+	background-position: -197px -147px;
+}
+
+[class^="icon-mime-video-"],
+[class*=" icon-mime-video-"] {
+	background-position: -148px -147px;
+}
+
+/* ===== Specific MIME types ===== */
+.icon-mime-application-pdf {
+	background-position: -1px -49px;
+}
+
+.icon-mime-application-msword {
+	background-position: -148px -49px;
+}
+
+.icon-mime-application-vnd-ms-excel {
+	background-position: -148px -196px;
+}
+
+.icon-mime-application-x-rar-compressed {
+	background-position: -50px -98px;
+}
+
+.icon-mime-application-zip {
+	background-position: -50px -147px;
+}
+
+.icon-mime-application-x-shockwave-flash {
+	background-position: -148px 0;
+}
+
+.icon-mime-audio-mp3 {
+	background-position: -50px -245px;
+}
+
+.icon-mime-audio-mpeg {
+	background-position: -50px 0;
+}
+
+.icon-mime-audio-x-ms-wma {
+	background-position: -1px -245px;
+}
+
+.icon-mime-audio-wav {
+	background-position: -1px -98px;
+}
+
+.icon-mime-text-html {
+	background-position: -99px -245px;
+}
+
+.icon-mime-text-x-gedcom {
+	background-position: -50px -49px;
+}
+
+.icon-mime-image-bmp {
+	background-position: 197px 0;
+}
+
+.icon-mime-image-gif {
+	background-position: -197px -49px;
+}
+
+.icon-mime-image-jpeg {
+	background-position: -1px -147px;
+}
+
+.icon-mime-image-png {
+	background-position: -99px -98px;
+}
+
+.icon-mime-image-svg {
+	background-position: -197px -196px;
+}
+
+.icon-mime-image-tiff {
+	background-position: -148px -98px;
+}
+
+.icon-mime-video-quicktime {
+	background-position: -99px -147px;
+}
+
+.icon-mime-video-avi {
+	background-position: -99px 0;
+}
+
+.icon-mime-video-x-ms-wmv {
+	background-position: -50px -196px;
+}
+/* ====== Theme Footer ========= */
+
+footer {
+	clear: both;
+	font-size: 12px;
+	padding-top: 10px;
+	text-align: center;
+}
+
+.contact-links {
+	margin-top: 15px;
+}
+
+.powered-by-webtrees {
+	display: inline-block;
+	margin-top: 10px;
+	width: 100px;
+	height: 21px;
+}
+
+.powered-by-webtrees::after {
+	content: url(xenea/images/powered-by-webtrees.png);
+}
+
+.icon-indis {
+	width: 25px;
+	height: 25px;
+	background-image: url(xenea/images/indis.png);
+}
+
+.icon-patriarch {
+	width: 25px;
+	height: 25px;
+	background-image: url(xenea/images/patriarch.png);
+}
+
+.icon-pedigree {
+	width: 25px;
+	height: 25px;
+	background-image: url(xenea/images/pedigree.png);
+}
+
+.icon-place {
+	width: 25px;
+	height: 25px;
+	background-image: url(xenea/images/place.png);
+}
+
+.icon-repo-list {
+	width: 25px;
+	height: 25px;
+	background-image: url(xenea/images/repository.png);
+}
+
+.icon-repository {
+	width: 25px;
+	height: 25px;
+	background-image: url(xenea/images/repository.png);
+}
+
+.icon-search {
+	width: 25px;
+	height: 25px;
+	background-image: url(xenea/images/search.png);
+}
+
+.icon-sfamily {
+	width: 25px;
+	height: 25px;
+	background-image: url(xenea/images/sfamily.png);
+}
+
+.icon-source-list {
+	width: 25px;
+	height: 25px;
+	background-image: url(xenea/images/source.png);
+}
+
+.icon-user_add {
+	width: 25px;
+	height: 25px;
+	background-image: url(xenea/images/user_add.png);
+}
+
+.cookie-warning {
+	background: #aaa;
+	color: #fff;
+	height: 3em;
+	line-height: 2.5em;
+	transition: height 0.5s;
+}
+.cookie-warning.hidden {
+	height: 0;
+	overflow: hidden;
+}
diff --git a/resources/css/xenea/icons/arrow-down-hover.png b/resources/css/xenea/icons/arrow-down-hover.png
new file mode 100644
index 0000000000..d4a45016a9
--- /dev/null
+++ b/resources/css/xenea/icons/arrow-down-hover.png
diff --git a/resources/css/xenea/icons/arrow-down.png b/resources/css/xenea/icons/arrow-down.png
new file mode 100644
index 0000000000..367376db7f
--- /dev/null
+++ b/resources/css/xenea/icons/arrow-down.png
diff --git a/resources/css/xenea/icons/arrow-left-hover.png b/resources/css/xenea/icons/arrow-left-hover.png
new file mode 100644
index 0000000000..cbb19df3d8
--- /dev/null
+++ b/resources/css/xenea/icons/arrow-left-hover.png
diff --git a/resources/css/xenea/icons/arrow-left.png b/resources/css/xenea/icons/arrow-left.png
new file mode 100644
index 0000000000..3a2ed913ce
--- /dev/null
+++ b/resources/css/xenea/icons/arrow-left.png
diff --git a/resources/css/xenea/icons/arrow-right-hover.png b/resources/css/xenea/icons/arrow-right-hover.png
new file mode 100644
index 0000000000..7a747874e2
--- /dev/null
+++ b/resources/css/xenea/icons/arrow-right-hover.png
diff --git a/resources/css/xenea/icons/arrow-right.png b/resources/css/xenea/icons/arrow-right.png
new file mode 100644
index 0000000000..fe1f6a9fa3
--- /dev/null
+++ b/resources/css/xenea/icons/arrow-right.png
diff --git a/resources/css/xenea/icons/arrow-up-hover.png b/resources/css/xenea/icons/arrow-up-hover.png
new file mode 100644
index 0000000000..60b7ccc53e
--- /dev/null
+++ b/resources/css/xenea/icons/arrow-up-hover.png
diff --git a/resources/css/xenea/icons/arrow-up.png b/resources/css/xenea/icons/arrow-up.png
new file mode 100644
index 0000000000..0c6c2ed3f8
--- /dev/null
+++ b/resources/css/xenea/icons/arrow-up.png
diff --git a/resources/css/xenea/icons/bing-maps.png b/resources/css/xenea/icons/bing-maps.png
new file mode 100644
index 0000000000..400627cf16
--- /dev/null
+++ b/resources/css/xenea/icons/bing-maps.png
diff --git a/resources/css/xenea/icons/calendar.png b/resources/css/xenea/icons/calendar.png
new file mode 100644
index 0000000000..0d308a977a
--- /dev/null
+++ b/resources/css/xenea/icons/calendar.png
diff --git a/resources/css/xenea/icons/coordinates.png b/resources/css/xenea/icons/coordinates.png
new file mode 100644
index 0000000000..05e1a221e6
--- /dev/null
+++ b/resources/css/xenea/icons/coordinates.png
diff --git a/resources/css/xenea/icons/copy.png b/resources/css/xenea/icons/copy.png
new file mode 100644
index 0000000000..4b42734afb
--- /dev/null
+++ b/resources/css/xenea/icons/copy.png
diff --git a/resources/css/xenea/icons/delete.png b/resources/css/xenea/icons/delete.png
new file mode 100644
index 0000000000..d091da3353
--- /dev/null
+++ b/resources/css/xenea/icons/delete.png
diff --git a/resources/css/xenea/icons/edit.png b/resources/css/xenea/icons/edit.png
new file mode 100644
index 0000000000..06af4f0d12
--- /dev/null
+++ b/resources/css/xenea/icons/edit.png
diff --git a/resources/css/xenea/icons/family.png b/resources/css/xenea/icons/family.png
new file mode 100644
index 0000000000..3ceafc5abb
--- /dev/null
+++ b/resources/css/xenea/icons/family.png
diff --git a/resources/css/xenea/icons/google-maps.png b/resources/css/xenea/icons/google-maps.png
new file mode 100644
index 0000000000..12ab0c14d5
--- /dev/null
+++ b/resources/css/xenea/icons/google-maps.png
diff --git a/resources/css/xenea/icons/help.png b/resources/css/xenea/icons/help.png
new file mode 100644
index 0000000000..40bf13a611
--- /dev/null
+++ b/resources/css/xenea/icons/help.png
diff --git a/resources/css/xenea/icons/individual.png b/resources/css/xenea/icons/individual.png
new file mode 100644
index 0000000000..31e3856acc
--- /dev/null
+++ b/resources/css/xenea/icons/individual.png
diff --git a/resources/css/xenea/icons/keyboard.png b/resources/css/xenea/icons/keyboard.png
new file mode 100644
index 0000000000..0c6f4b33f9
--- /dev/null
+++ b/resources/css/xenea/icons/keyboard.png
diff --git a/resources/css/xenea/icons/media.png b/resources/css/xenea/icons/media.png
new file mode 100644
index 0000000000..0c7f115203
--- /dev/null
+++ b/resources/css/xenea/icons/media.png
diff --git a/resources/css/xenea/icons/note.png b/resources/css/xenea/icons/note.png
new file mode 100644
index 0000000000..73f11ff057
--- /dev/null
+++ b/resources/css/xenea/icons/note.png
diff --git a/resources/css/xenea/icons/openstreetmap.png b/resources/css/xenea/icons/openstreetmap.png
new file mode 100644
index 0000000000..899e2a58b6
--- /dev/null
+++ b/resources/css/xenea/icons/openstreetmap.png
diff --git a/resources/css/xenea/icons/preferences.png b/resources/css/xenea/icons/preferences.png
new file mode 100644
index 0000000000..6c06b18768
--- /dev/null
+++ b/resources/css/xenea/icons/preferences.png
diff --git a/resources/css/xenea/icons/repository.png b/resources/css/xenea/icons/repository.png
new file mode 100644
index 0000000000..ac7dcf74cb
--- /dev/null
+++ b/resources/css/xenea/icons/repository.png
diff --git a/resources/css/xenea/icons/source.png b/resources/css/xenea/icons/source.png
new file mode 100644
index 0000000000..8467f26f59
--- /dev/null
+++ b/resources/css/xenea/icons/source.png
diff --git a/resources/css/xenea/images/buttons/addmedia.png b/resources/css/xenea/images/buttons/addmedia.png
new file mode 100644
index 0000000000..a269a90e35
--- /dev/null
+++ b/resources/css/xenea/images/buttons/addmedia.png
diff --git a/resources/css/xenea/images/buttons/addnote.png b/resources/css/xenea/images/buttons/addnote.png
new file mode 100644
index 0000000000..4a8c7031ef
--- /dev/null
+++ b/resources/css/xenea/images/buttons/addnote.png
diff --git a/resources/css/xenea/images/buttons/addrepository.png b/resources/css/xenea/images/buttons/addrepository.png
new file mode 100644
index 0000000000..46eaf5d17f
--- /dev/null
+++ b/resources/css/xenea/images/buttons/addrepository.png
diff --git a/resources/css/xenea/images/buttons/addsource.png b/resources/css/xenea/images/buttons/addsource.png
new file mode 100644
index 0000000000..f5b6d8b787
--- /dev/null
+++ b/resources/css/xenea/images/buttons/addsource.png
diff --git a/resources/css/xenea/images/buttons/find.png b/resources/css/xenea/images/buttons/find.png
new file mode 100644
index 0000000000..dd39018d0f
--- /dev/null
+++ b/resources/css/xenea/images/buttons/find.png
diff --git a/resources/css/xenea/images/buttons/find_facts.png b/resources/css/xenea/images/buttons/find_facts.png
new file mode 100644
index 0000000000..2ba25a7858
--- /dev/null
+++ b/resources/css/xenea/images/buttons/find_facts.png
diff --git a/resources/css/xenea/images/buttons/head.png b/resources/css/xenea/images/buttons/head.png
new file mode 100644
index 0000000000..b50c7d2061
--- /dev/null
+++ b/resources/css/xenea/images/buttons/head.png
diff --git a/resources/css/xenea/images/buttons/place.png b/resources/css/xenea/images/buttons/place.png
new file mode 100644
index 0000000000..8d4684fac3
--- /dev/null
+++ b/resources/css/xenea/images/buttons/place.png
diff --git a/resources/css/xenea/images/cfamily.png b/resources/css/xenea/images/cfamily.png
new file mode 100644
index 0000000000..528057d568
--- /dev/null
+++ b/resources/css/xenea/images/cfamily.png
diff --git a/resources/css/xenea/images/childless.png b/resources/css/xenea/images/childless.png
new file mode 100644
index 0000000000..10f82fe6fe
--- /dev/null
+++ b/resources/css/xenea/images/childless.png
diff --git a/resources/css/xenea/images/children.png b/resources/css/xenea/images/children.png
new file mode 100644
index 0000000000..30dbbf1099
--- /dev/null
+++ b/resources/css/xenea/images/children.png
diff --git a/resources/css/xenea/images/clippings.png b/resources/css/xenea/images/clippings.png
new file mode 100644
index 0000000000..8b471f4263
--- /dev/null
+++ b/resources/css/xenea/images/clippings.png
diff --git a/resources/css/xenea/images/delete.png b/resources/css/xenea/images/delete.png
new file mode 100644
index 0000000000..7ce1741b6b
--- /dev/null
+++ b/resources/css/xenea/images/delete.png
diff --git a/resources/css/xenea/images/edit_indi.png b/resources/css/xenea/images/edit_indi.png
new file mode 100644
index 0000000000..3ca2c719da
--- /dev/null
+++ b/resources/css/xenea/images/edit_indi.png
diff --git a/resources/css/xenea/images/edit_sm.png b/resources/css/xenea/images/edit_sm.png
new file mode 100644
index 0000000000..fe99f49c78
--- /dev/null
+++ b/resources/css/xenea/images/edit_sm.png
diff --git a/resources/css/xenea/images/facts/ADDR.png b/resources/css/xenea/images/facts/ADDR.png
new file mode 100644
index 0000000000..94b172640a
--- /dev/null
+++ b/resources/css/xenea/images/facts/ADDR.png
diff --git a/resources/css/xenea/images/facts/ADOP.png b/resources/css/xenea/images/facts/ADOP.png
new file mode 100644
index 0000000000..7327678621
--- /dev/null
+++ b/resources/css/xenea/images/facts/ADOP.png
diff --git a/resources/css/xenea/images/facts/AFN.png b/resources/css/xenea/images/facts/AFN.png
new file mode 100644
index 0000000000..ef0542051c
--- /dev/null
+++ b/resources/css/xenea/images/facts/AFN.png
diff --git a/resources/css/xenea/images/facts/ANUL.png b/resources/css/xenea/images/facts/ANUL.png
new file mode 100644
index 0000000000..e24c1852a9
--- /dev/null
+++ b/resources/css/xenea/images/facts/ANUL.png
diff --git a/resources/css/xenea/images/facts/ASSO.png b/resources/css/xenea/images/facts/ASSO.png
new file mode 100644
index 0000000000..3d8daa9cee
--- /dev/null
+++ b/resources/css/xenea/images/facts/ASSO.png
diff --git a/resources/css/xenea/images/facts/BAPL.png b/resources/css/xenea/images/facts/BAPL.png
new file mode 100644
index 0000000000..99b85a25b6
--- /dev/null
+++ b/resources/css/xenea/images/facts/BAPL.png
diff --git a/resources/css/xenea/images/facts/BAPM.png b/resources/css/xenea/images/facts/BAPM.png
new file mode 100644
index 0000000000..99b85a25b6
--- /dev/null
+++ b/resources/css/xenea/images/facts/BAPM.png
diff --git a/resources/css/xenea/images/facts/BIRT.png b/resources/css/xenea/images/facts/BIRT.png
new file mode 100644
index 0000000000..36ec434276
--- /dev/null
+++ b/resources/css/xenea/images/facts/BIRT.png
diff --git a/resources/css/xenea/images/facts/BURI.png b/resources/css/xenea/images/facts/BURI.png
new file mode 100644
index 0000000000..43f8ef2e8b
--- /dev/null
+++ b/resources/css/xenea/images/facts/BURI.png
diff --git a/resources/css/xenea/images/facts/CEME.png b/resources/css/xenea/images/facts/CEME.png
new file mode 100644
index 0000000000..1faa5e0b32
--- /dev/null
+++ b/resources/css/xenea/images/facts/CEME.png
diff --git a/resources/css/xenea/images/facts/CENS.png b/resources/css/xenea/images/facts/CENS.png
new file mode 100644
index 0000000000..6ed9d0bec9
--- /dev/null
+++ b/resources/css/xenea/images/facts/CENS.png
diff --git a/resources/css/xenea/images/facts/CHAN.png b/resources/css/xenea/images/facts/CHAN.png
new file mode 100644
index 0000000000..4d4f45b447
--- /dev/null
+++ b/resources/css/xenea/images/facts/CHAN.png
diff --git a/resources/css/xenea/images/facts/CHR.png b/resources/css/xenea/images/facts/CHR.png
new file mode 100644
index 0000000000..99b85a25b6
--- /dev/null
+++ b/resources/css/xenea/images/facts/CHR.png
diff --git a/resources/css/xenea/images/facts/CONF.png b/resources/css/xenea/images/facts/CONF.png
new file mode 100644
index 0000000000..8bbe3e2a0c
--- /dev/null
+++ b/resources/css/xenea/images/facts/CONF.png
diff --git a/resources/css/xenea/images/facts/CONL.png b/resources/css/xenea/images/facts/CONL.png
new file mode 100644
index 0000000000..8bbe3e2a0c
--- /dev/null
+++ b/resources/css/xenea/images/facts/CONL.png
diff --git a/resources/css/xenea/images/facts/DEAT.png b/resources/css/xenea/images/facts/DEAT.png
new file mode 100644
index 0000000000..494e1cd2cd
--- /dev/null
+++ b/resources/css/xenea/images/facts/DEAT.png
diff --git a/resources/css/xenea/images/facts/DIV.png b/resources/css/xenea/images/facts/DIV.png
new file mode 100644
index 0000000000..e24c1852a9
--- /dev/null
+++ b/resources/css/xenea/images/facts/DIV.png
diff --git a/resources/css/xenea/images/facts/DIVF.png b/resources/css/xenea/images/facts/DIVF.png
new file mode 100644
index 0000000000..57178ed8e6
--- /dev/null
+++ b/resources/css/xenea/images/facts/DIVF.png
diff --git a/resources/css/xenea/images/facts/EMAIL.png b/resources/css/xenea/images/facts/EMAIL.png
new file mode 100644
index 0000000000..fcfd43b0e9
--- /dev/null
+++ b/resources/css/xenea/images/facts/EMAIL.png
diff --git a/resources/css/xenea/images/facts/EMIG.png b/resources/css/xenea/images/facts/EMIG.png
new file mode 100644
index 0000000000..b989395431
--- /dev/null
+++ b/resources/css/xenea/images/facts/EMIG.png
diff --git a/resources/css/xenea/images/facts/ENGA.png b/resources/css/xenea/images/facts/ENGA.png
new file mode 100644
index 0000000000..4a93825652
--- /dev/null
+++ b/resources/css/xenea/images/facts/ENGA.png
diff --git a/resources/css/xenea/images/facts/EVEN.png b/resources/css/xenea/images/facts/EVEN.png
new file mode 100644
index 0000000000..db963546b8
--- /dev/null
+++ b/resources/css/xenea/images/facts/EVEN.png
diff --git a/resources/css/xenea/images/facts/FACT.png b/resources/css/xenea/images/facts/FACT.png
new file mode 100644
index 0000000000..3becf94283
--- /dev/null
+++ b/resources/css/xenea/images/facts/FACT.png
diff --git a/resources/css/xenea/images/facts/IMMI.png b/resources/css/xenea/images/facts/IMMI.png
new file mode 100644
index 0000000000..eee3119f65
--- /dev/null
+++ b/resources/css/xenea/images/facts/IMMI.png
diff --git a/resources/css/xenea/images/facts/MARB.png b/resources/css/xenea/images/facts/MARB.png
new file mode 100644
index 0000000000..4a93825652
--- /dev/null
+++ b/resources/css/xenea/images/facts/MARB.png
diff --git a/resources/css/xenea/images/facts/MARR.png b/resources/css/xenea/images/facts/MARR.png
new file mode 100644
index 0000000000..f38f0aa05f
--- /dev/null
+++ b/resources/css/xenea/images/facts/MARR.png
diff --git a/resources/css/xenea/images/facts/NULL.png b/resources/css/xenea/images/facts/NULL.png
new file mode 100644
index 0000000000..3836929c72
--- /dev/null
+++ b/resources/css/xenea/images/facts/NULL.png
diff --git a/resources/css/xenea/images/facts/OCCU.png b/resources/css/xenea/images/facts/OCCU.png
new file mode 100644
index 0000000000..4669d55d59
--- /dev/null
+++ b/resources/css/xenea/images/facts/OCCU.png
diff --git a/resources/css/xenea/images/facts/ORDN.png b/resources/css/xenea/images/facts/ORDN.png
new file mode 100644
index 0000000000..403273287e
--- /dev/null
+++ b/resources/css/xenea/images/facts/ORDN.png
diff --git a/resources/css/xenea/images/facts/PHON.png b/resources/css/xenea/images/facts/PHON.png
new file mode 100644
index 0000000000..526f56bf16
--- /dev/null
+++ b/resources/css/xenea/images/facts/PHON.png
diff --git a/resources/css/xenea/images/facts/PROP.png b/resources/css/xenea/images/facts/PROP.png
new file mode 100644
index 0000000000..1fc44e530a
--- /dev/null
+++ b/resources/css/xenea/images/facts/PROP.png
diff --git a/resources/css/xenea/images/facts/REFN.png b/resources/css/xenea/images/facts/REFN.png
new file mode 100644
index 0000000000..ef0542051c
--- /dev/null
+++ b/resources/css/xenea/images/facts/REFN.png
diff --git a/resources/css/xenea/images/facts/RESI.png b/resources/css/xenea/images/facts/RESI.png
new file mode 100644
index 0000000000..1fc44e530a
--- /dev/null
+++ b/resources/css/xenea/images/facts/RESI.png
diff --git a/resources/css/xenea/images/facts/RFN.png b/resources/css/xenea/images/facts/RFN.png
new file mode 100644
index 0000000000..ef0542051c
--- /dev/null
+++ b/resources/css/xenea/images/facts/RFN.png
diff --git a/resources/css/xenea/images/facts/RIN.png b/resources/css/xenea/images/facts/RIN.png
new file mode 100644
index 0000000000..ef0542051c
--- /dev/null
+++ b/resources/css/xenea/images/facts/RIN.png
diff --git a/resources/css/xenea/images/facts/SLGS.png b/resources/css/xenea/images/facts/SLGS.png
new file mode 100644
index 0000000000..f38f0aa05f
--- /dev/null
+++ b/resources/css/xenea/images/facts/SLGS.png
diff --git a/resources/css/xenea/images/facts/WWW.png b/resources/css/xenea/images/facts/WWW.png
new file mode 100644
index 0000000000..0c6fcb695d
--- /dev/null
+++ b/resources/css/xenea/images/facts/WWW.png
diff --git a/resources/css/xenea/images/facts/_COML.png b/resources/css/xenea/images/facts/_COML.png
new file mode 100644
index 0000000000..5d9a8ac8ad
--- /dev/null
+++ b/resources/css/xenea/images/facts/_COML.png
diff --git a/resources/css/xenea/images/facts/_MDCL.png b/resources/css/xenea/images/facts/_MDCL.png
new file mode 100644
index 0000000000..a7d3fce586
--- /dev/null
+++ b/resources/css/xenea/images/facts/_MDCL.png
diff --git a/resources/css/xenea/images/facts/_MILI.png b/resources/css/xenea/images/facts/_MILI.png
new file mode 100644
index 0000000000..a6390a1587
--- /dev/null
+++ b/resources/css/xenea/images/facts/_MILI.png
diff --git a/resources/css/xenea/images/facts/_NMAR.png b/resources/css/xenea/images/facts/_NMAR.png
new file mode 100644
index 0000000000..c3e399c874
--- /dev/null
+++ b/resources/css/xenea/images/facts/_NMAR.png
diff --git a/resources/css/xenea/images/facts/_NMR.png b/resources/css/xenea/images/facts/_NMR.png
new file mode 100644
index 0000000000..461c496387
--- /dev/null
+++ b/resources/css/xenea/images/facts/_NMR.png
diff --git a/resources/css/xenea/images/facts/_SEPR.png b/resources/css/xenea/images/facts/_SEPR.png
new file mode 100644
index 0000000000..f0dc2a19ea
--- /dev/null
+++ b/resources/css/xenea/images/facts/_SEPR.png
diff --git a/resources/css/xenea/images/facts/_TODO.png b/resources/css/xenea/images/facts/_TODO.png
new file mode 100644
index 0000000000..7db90e69c1
--- /dev/null
+++ b/resources/css/xenea/images/facts/_TODO.png
diff --git a/resources/css/xenea/images/facts/_UID.png b/resources/css/xenea/images/facts/_UID.png
new file mode 100644
index 0000000000..ef0542051c
--- /dev/null
+++ b/resources/css/xenea/images/facts/_UID.png
diff --git a/resources/css/xenea/images/fambook.png b/resources/css/xenea/images/fambook.png
new file mode 100644
index 0000000000..810da065fa
--- /dev/null
+++ b/resources/css/xenea/images/fambook.png
diff --git a/resources/css/xenea/images/home.png b/resources/css/xenea/images/home.png
new file mode 100644
index 0000000000..c7d28a56e4
--- /dev/null
+++ b/resources/css/xenea/images/home.png
diff --git a/resources/css/xenea/images/icon-mime-sprite.png b/resources/css/xenea/images/icon-mime-sprite.png
new file mode 100644
index 0000000000..b4c9bed343
--- /dev/null
+++ b/resources/css/xenea/images/icon-mime-sprite.png
diff --git a/resources/css/xenea/images/image_add.png b/resources/css/xenea/images/image_add.png
new file mode 100644
index 0000000000..ecac61c284
--- /dev/null
+++ b/resources/css/xenea/images/image_add.png
diff --git a/resources/css/xenea/images/image_edit.png b/resources/css/xenea/images/image_edit.png
new file mode 100644
index 0000000000..3fb8061de2
--- /dev/null
+++ b/resources/css/xenea/images/image_edit.png
diff --git a/resources/css/xenea/images/image_link.png b/resources/css/xenea/images/image_link.png
new file mode 100644
index 0000000000..190b08e7d2
--- /dev/null
+++ b/resources/css/xenea/images/image_link.png
diff --git a/resources/css/xenea/images/image_view.png b/resources/css/xenea/images/image_view.png
new file mode 100644
index 0000000000..1e7babae94
--- /dev/null
+++ b/resources/css/xenea/images/image_view.png
diff --git a/resources/css/xenea/images/images.png b/resources/css/xenea/images/images.png
new file mode 100644
index 0000000000..b3854d450a
--- /dev/null
+++ b/resources/css/xenea/images/images.png
diff --git a/resources/css/xenea/images/indi_sprite.png b/resources/css/xenea/images/indi_sprite.png
new file mode 100644
index 0000000000..f0dab25361
--- /dev/null
+++ b/resources/css/xenea/images/indi_sprite.png
diff --git a/resources/css/xenea/images/indicator.gif b/resources/css/xenea/images/indicator.gif
new file mode 100644
index 0000000000..085ccaecaf
--- /dev/null
+++ b/resources/css/xenea/images/indicator.gif
diff --git a/resources/css/xenea/images/indis.png b/resources/css/xenea/images/indis.png
new file mode 100644
index 0000000000..820ff30689
--- /dev/null
+++ b/resources/css/xenea/images/indis.png
diff --git a/resources/css/xenea/images/lifespan-chunk.png b/resources/css/xenea/images/lifespan-chunk.png
new file mode 100644
index 0000000000..1eb0f30490
--- /dev/null
+++ b/resources/css/xenea/images/lifespan-chunk.png
diff --git a/resources/css/xenea/images/lists.png b/resources/css/xenea/images/lists.png
new file mode 100644
index 0000000000..fe2d8123ed
--- /dev/null
+++ b/resources/css/xenea/images/lists.png
diff --git a/resources/css/xenea/images/media.png b/resources/css/xenea/images/media.png
new file mode 100644
index 0000000000..20ce2aeea8
--- /dev/null
+++ b/resources/css/xenea/images/media.png
diff --git a/resources/css/xenea/images/minus.png b/resources/css/xenea/images/minus.png
new file mode 100644
index 0000000000..8ed68808da
--- /dev/null
+++ b/resources/css/xenea/images/minus.png
diff --git a/resources/css/xenea/images/mypage.png b/resources/css/xenea/images/mypage.png
new file mode 100644
index 0000000000..24621d43d5
--- /dev/null
+++ b/resources/css/xenea/images/mypage.png
diff --git a/resources/css/xenea/images/patriarch.png b/resources/css/xenea/images/patriarch.png
new file mode 100644
index 0000000000..2e6731daf8
--- /dev/null
+++ b/resources/css/xenea/images/patriarch.png
diff --git a/resources/css/xenea/images/pedigree.png b/resources/css/xenea/images/pedigree.png
new file mode 100644
index 0000000000..df97fdb5f5
--- /dev/null
+++ b/resources/css/xenea/images/pedigree.png
diff --git a/resources/css/xenea/images/place.png b/resources/css/xenea/images/place.png
new file mode 100644
index 0000000000..caf0792516
--- /dev/null
+++ b/resources/css/xenea/images/place.png
diff --git a/resources/css/xenea/images/plus.png b/resources/css/xenea/images/plus.png
new file mode 100644
index 0000000000..64e15fc9f3
--- /dev/null
+++ b/resources/css/xenea/images/plus.png
diff --git a/resources/css/xenea/images/powered-by-webtrees.png b/resources/css/xenea/images/powered-by-webtrees.png
new file mode 100644
index 0000000000..64b34a8bc8
--- /dev/null
+++ b/resources/css/xenea/images/powered-by-webtrees.png
diff --git a/resources/css/xenea/images/rarrow.png b/resources/css/xenea/images/rarrow.png
new file mode 100644
index 0000000000..fe1f6a9fa3
--- /dev/null
+++ b/resources/css/xenea/images/rarrow.png
diff --git a/resources/css/xenea/images/rdarrow.png b/resources/css/xenea/images/rdarrow.png
new file mode 100644
index 0000000000..3b1dd7781a
--- /dev/null
+++ b/resources/css/xenea/images/rdarrow.png
diff --git a/resources/css/xenea/images/readme.txt b/resources/css/xenea/images/readme.txt
new file mode 100644
index 0000000000..f0e0f12bcb
--- /dev/null
+++ b/resources/css/xenea/images/readme.txt
@@ -0,0 +1,13 @@
+This set of images for the phpGedView project is of free use.
+Author: Cruzul. 
+Some elements of the imagens belong to the Crystal series  by Everaldo Coello.
+Cruzul: Ricardo Lago Couce
+Homepage: http://www.xenealoxia.org 
+
+
+Conectiva Crystal is a contemporary icon design sponsored by (and used by default in) the Conectiva Linux [www.conectiva.com.br] distribution.
+Author: Everaldo Coelho. 
+License: GPL. 
+Website: http://www.everaldo.com/crystal/index.html
+
+
diff --git a/resources/css/xenea/images/reminder.png b/resources/css/xenea/images/reminder.png
new file mode 100644
index 0000000000..fa5bbcf507
--- /dev/null
+++ b/resources/css/xenea/images/reminder.png
diff --git a/resources/css/xenea/images/remove.png b/resources/css/xenea/images/remove.png
new file mode 100644
index 0000000000..2badd4419b
--- /dev/null
+++ b/resources/css/xenea/images/remove.png
diff --git a/resources/css/xenea/images/reorder.png b/resources/css/xenea/images/reorder.png
new file mode 100644
index 0000000000..2cfe889ad1
--- /dev/null
+++ b/resources/css/xenea/images/reorder.png
diff --git a/resources/css/xenea/images/repository.png b/resources/css/xenea/images/repository.png
new file mode 100644
index 0000000000..7b569c7bde
--- /dev/null
+++ b/resources/css/xenea/images/repository.png
diff --git a/resources/css/xenea/images/resn_confidential.png b/resources/css/xenea/images/resn_confidential.png
new file mode 100644
index 0000000000..4e5449b25a
--- /dev/null
+++ b/resources/css/xenea/images/resn_confidential.png
diff --git a/resources/css/xenea/images/resn_locked.png b/resources/css/xenea/images/resn_locked.png
new file mode 100644
index 0000000000..43fa09b350
--- /dev/null
+++ b/resources/css/xenea/images/resn_locked.png
diff --git a/resources/css/xenea/images/resn_none.png b/resources/css/xenea/images/resn_none.png
new file mode 100644
index 0000000000..62c4030e9b
--- /dev/null
+++ b/resources/css/xenea/images/resn_none.png
diff --git a/resources/css/xenea/images/resn_privacy.png b/resources/css/xenea/images/resn_privacy.png
new file mode 100644
index 0000000000..ca462fd84d
--- /dev/null
+++ b/resources/css/xenea/images/resn_privacy.png
diff --git a/resources/css/xenea/images/rings.png b/resources/css/xenea/images/rings.png
new file mode 100644
index 0000000000..698927d4b8
--- /dev/null
+++ b/resources/css/xenea/images/rings.png
diff --git a/resources/css/xenea/images/search.png b/resources/css/xenea/images/search.png
new file mode 100644
index 0000000000..36f3426d28
--- /dev/null
+++ b/resources/css/xenea/images/search.png
diff --git a/resources/css/xenea/images/selected.png b/resources/css/xenea/images/selected.png
new file mode 100644
index 0000000000..4dad33445e
--- /dev/null
+++ b/resources/css/xenea/images/selected.png
diff --git a/resources/css/xenea/images/sex_f_15x15.png b/resources/css/xenea/images/sex_f_15x15.png
new file mode 100644
index 0000000000..2d3abae32a
--- /dev/null
+++ b/resources/css/xenea/images/sex_f_15x15.png
diff --git a/resources/css/xenea/images/sex_f_9x9.png b/resources/css/xenea/images/sex_f_9x9.png
new file mode 100644
index 0000000000..e35e46ccd4
--- /dev/null
+++ b/resources/css/xenea/images/sex_f_9x9.png
diff --git a/resources/css/xenea/images/sex_m_15x15.png b/resources/css/xenea/images/sex_m_15x15.png
new file mode 100644
index 0000000000..4ac7956421
--- /dev/null
+++ b/resources/css/xenea/images/sex_m_15x15.png
diff --git a/resources/css/xenea/images/sex_m_9x9.png b/resources/css/xenea/images/sex_m_9x9.png
new file mode 100644
index 0000000000..32a8484b1f
--- /dev/null
+++ b/resources/css/xenea/images/sex_m_9x9.png
diff --git a/resources/css/xenea/images/sex_u_15x15.png b/resources/css/xenea/images/sex_u_15x15.png
new file mode 100644
index 0000000000..158c3f9a10
--- /dev/null
+++ b/resources/css/xenea/images/sex_u_15x15.png
diff --git a/resources/css/xenea/images/sex_u_9x9.png b/resources/css/xenea/images/sex_u_9x9.png
new file mode 100644
index 0000000000..d113a1898c
--- /dev/null
+++ b/resources/css/xenea/images/sex_u_9x9.png
diff --git a/resources/css/xenea/images/sfamily.png b/resources/css/xenea/images/sfamily.png
new file mode 100644
index 0000000000..34047fa973
--- /dev/null
+++ b/resources/css/xenea/images/sfamily.png
diff --git a/resources/css/xenea/images/silhouette_female.png b/resources/css/xenea/images/silhouette_female.png
new file mode 100644
index 0000000000..bb8d503371
--- /dev/null
+++ b/resources/css/xenea/images/silhouette_female.png
diff --git a/resources/css/xenea/images/silhouette_female_small.png b/resources/css/xenea/images/silhouette_female_small.png
new file mode 100644
index 0000000000..ff153f7e5e
--- /dev/null
+++ b/resources/css/xenea/images/silhouette_female_small.png
diff --git a/resources/css/xenea/images/silhouette_male.png b/resources/css/xenea/images/silhouette_male.png
new file mode 100644
index 0000000000..0615900224
--- /dev/null
+++ b/resources/css/xenea/images/silhouette_male.png
diff --git a/resources/css/xenea/images/silhouette_male_small.png b/resources/css/xenea/images/silhouette_male_small.png
new file mode 100644
index 0000000000..6c7c175c76
--- /dev/null
+++ b/resources/css/xenea/images/silhouette_male_small.png
diff --git a/resources/css/xenea/images/silhouette_unknown.png b/resources/css/xenea/images/silhouette_unknown.png
new file mode 100644
index 0000000000..d0417439ee
--- /dev/null
+++ b/resources/css/xenea/images/silhouette_unknown.png
diff --git a/resources/css/xenea/images/silhouette_unknown_small.png b/resources/css/xenea/images/silhouette_unknown_small.png
new file mode 100644
index 0000000000..9602cffaa0
--- /dev/null
+++ b/resources/css/xenea/images/silhouette_unknown_small.png
diff --git a/resources/css/xenea/images/sombra.png b/resources/css/xenea/images/sombra.png
new file mode 100644
index 0000000000..44bb5ec2a7
--- /dev/null
+++ b/resources/css/xenea/images/sombra.png
diff --git a/resources/css/xenea/images/source.png b/resources/css/xenea/images/source.png
new file mode 100644
index 0000000000..4704b29cdc
--- /dev/null
+++ b/resources/css/xenea/images/source.png
diff --git a/resources/css/xenea/images/stop.png b/resources/css/xenea/images/stop.png
new file mode 100644
index 0000000000..c39360cfda
--- /dev/null
+++ b/resources/css/xenea/images/stop.png
diff --git a/resources/css/xenea/images/user_add.png b/resources/css/xenea/images/user_add.png
new file mode 100644
index 0000000000..9865fcd247
--- /dev/null
+++ b/resources/css/xenea/images/user_add.png
diff --git a/resources/css/xenea/images/warning.png b/resources/css/xenea/images/warning.png
new file mode 100644
index 0000000000..d484c33341
--- /dev/null
+++ b/resources/css/xenea/images/warning.png
diff --git a/resources/css/xenea/images/zoomin.png b/resources/css/xenea/images/zoomin.png
new file mode 100644
index 0000000000..b40b34c4e5
--- /dev/null
+++ b/resources/css/xenea/images/zoomin.png
diff --git a/resources/css/xenea/images/zoomout.png b/resources/css/xenea/images/zoomout.png
new file mode 100644
index 0000000000..ce56e5042c
--- /dev/null
+++ b/resources/css/xenea/images/zoomout.png
diff --git a/resources/css/xenea/menu/branches.png b/resources/css/xenea/menu/branches.png
new file mode 100644
index 0000000000..68c938e85d
--- /dev/null
+++ b/resources/css/xenea/menu/branches.png
diff --git a/resources/css/xenea/menu/calendar-calendar.png b/resources/css/xenea/menu/calendar-calendar.png
new file mode 100644
index 0000000000..0db5f07c0c
--- /dev/null
+++ b/resources/css/xenea/menu/calendar-calendar.png
diff --git a/resources/css/xenea/menu/calendar.png b/resources/css/xenea/menu/calendar.png
new file mode 100644
index 0000000000..3b52f4e599
--- /dev/null
+++ b/resources/css/xenea/menu/calendar.png
diff --git a/resources/css/xenea/menu/chart-ancestors.png b/resources/css/xenea/menu/chart-ancestors.png
new file mode 100644
index 0000000000..4428f3dc50
--- /dev/null
+++ b/resources/css/xenea/menu/chart-ancestors.png
diff --git a/resources/css/xenea/menu/chart-compact.png b/resources/css/xenea/menu/chart-compact.png
new file mode 100644
index 0000000000..4428f3dc50
--- /dev/null
+++ b/resources/css/xenea/menu/chart-compact.png
diff --git a/resources/css/xenea/menu/chart-descendants.png b/resources/css/xenea/menu/chart-descendants.png
new file mode 100644
index 0000000000..5e390b6449
--- /dev/null
+++ b/resources/css/xenea/menu/chart-descendants.png
diff --git a/resources/css/xenea/menu/chart-family-book.png b/resources/css/xenea/menu/chart-family-book.png
new file mode 100644
index 0000000000..b4dd701cef
--- /dev/null
+++ b/resources/css/xenea/menu/chart-family-book.png
diff --git a/resources/css/xenea/menu/chart-fanchart.png b/resources/css/xenea/menu/chart-fanchart.png
new file mode 100644
index 0000000000..a315d7551c
--- /dev/null
+++ b/resources/css/xenea/menu/chart-fanchart.png
diff --git a/resources/css/xenea/menu/chart-hourglass.png b/resources/css/xenea/menu/chart-hourglass.png
new file mode 100644
index 0000000000..43ea361f10
--- /dev/null
+++ b/resources/css/xenea/menu/chart-hourglass.png
diff --git a/resources/css/xenea/menu/chart-lifespan.png b/resources/css/xenea/menu/chart-lifespan.png
new file mode 100644
index 0000000000..d6858873ed
--- /dev/null
+++ b/resources/css/xenea/menu/chart-lifespan.png
diff --git a/resources/css/xenea/menu/chart-pedigree-map.png b/resources/css/xenea/menu/chart-pedigree-map.png
new file mode 100644
index 0000000000..bc0b57932d
--- /dev/null
+++ b/resources/css/xenea/menu/chart-pedigree-map.png
diff --git a/resources/css/xenea/menu/chart-pedigree.png b/resources/css/xenea/menu/chart-pedigree.png
new file mode 100644
index 0000000000..5f0d2e388f
--- /dev/null
+++ b/resources/css/xenea/menu/chart-pedigree.png
diff --git a/resources/css/xenea/menu/chart-relationship.png b/resources/css/xenea/menu/chart-relationship.png
new file mode 100644
index 0000000000..456fe694f3
--- /dev/null
+++ b/resources/css/xenea/menu/chart-relationship.png
diff --git a/resources/css/xenea/menu/chart-statistics.png b/resources/css/xenea/menu/chart-statistics.png
new file mode 100644
index 0000000000..d974e4e326
--- /dev/null
+++ b/resources/css/xenea/menu/chart-statistics.png
diff --git a/resources/css/xenea/menu/chart-timeline.png b/resources/css/xenea/menu/chart-timeline.png
new file mode 100644
index 0000000000..d6858873ed
--- /dev/null
+++ b/resources/css/xenea/menu/chart-timeline.png
diff --git a/resources/css/xenea/menu/chart-tree.png b/resources/css/xenea/menu/chart-tree.png
new file mode 100644
index 0000000000..8354f387fa
--- /dev/null
+++ b/resources/css/xenea/menu/chart-tree.png
diff --git a/resources/css/xenea/menu/chart.png b/resources/css/xenea/menu/chart.png
new file mode 100644
index 0000000000..b07eedc0d9
--- /dev/null
+++ b/resources/css/xenea/menu/chart.png
diff --git a/resources/css/xenea/menu/clippings-add.png b/resources/css/xenea/menu/clippings-add.png
new file mode 100644
index 0000000000..3db06b9c44
--- /dev/null
+++ b/resources/css/xenea/menu/clippings-add.png
diff --git a/resources/css/xenea/menu/clippings-cart.png b/resources/css/xenea/menu/clippings-cart.png
new file mode 100644
index 0000000000..8fcfff3633
--- /dev/null
+++ b/resources/css/xenea/menu/clippings-cart.png
diff --git a/resources/css/xenea/menu/clippings.png b/resources/css/xenea/menu/clippings.png
new file mode 100644
index 0000000000..1278f88aba
--- /dev/null
+++ b/resources/css/xenea/menu/clippings.png
diff --git a/resources/css/xenea/menu/edit-add-favorite.png b/resources/css/xenea/menu/edit-add-favorite.png
new file mode 100644
index 0000000000..b482c4a3c6
--- /dev/null
+++ b/resources/css/xenea/menu/edit-add-favorite.png
diff --git a/resources/css/xenea/menu/edit-delete.png b/resources/css/xenea/menu/edit-delete.png
new file mode 100644
index 0000000000..ea0f5e5a2f
--- /dev/null
+++ b/resources/css/xenea/menu/edit-delete.png
diff --git a/resources/css/xenea/menu/edit-fam.png b/resources/css/xenea/menu/edit-fam.png
new file mode 100644
index 0000000000..7dba7092be
--- /dev/null
+++ b/resources/css/xenea/menu/edit-fam.png
diff --git a/resources/css/xenea/menu/edit-gedcom.png b/resources/css/xenea/menu/edit-gedcom.png
new file mode 100644
index 0000000000..d5bfaef1f9
--- /dev/null
+++ b/resources/css/xenea/menu/edit-gedcom.png
diff --git a/resources/css/xenea/menu/edit-indi.png b/resources/css/xenea/menu/edit-indi.png
new file mode 100644
index 0000000000..f918bb45f7
--- /dev/null
+++ b/resources/css/xenea/menu/edit-indi.png
diff --git a/resources/css/xenea/menu/edit-link.png b/resources/css/xenea/menu/edit-link.png
new file mode 100644
index 0000000000..dc4a5c3704
--- /dev/null
+++ b/resources/css/xenea/menu/edit-link.png
diff --git a/resources/css/xenea/menu/edit-note.png b/resources/css/xenea/menu/edit-note.png
new file mode 100644
index 0000000000..f53746fbd3
--- /dev/null
+++ b/resources/css/xenea/menu/edit-note.png
diff --git a/resources/css/xenea/menu/edit-obje.png b/resources/css/xenea/menu/edit-obje.png
new file mode 100644
index 0000000000..308714710f
--- /dev/null
+++ b/resources/css/xenea/menu/edit-obje.png
diff --git a/resources/css/xenea/menu/edit-preferences.png b/resources/css/xenea/menu/edit-preferences.png
new file mode 100644
index 0000000000..aec199872d
--- /dev/null
+++ b/resources/css/xenea/menu/edit-preferences.png
diff --git a/resources/css/xenea/menu/edit-reorder.png b/resources/css/xenea/menu/edit-reorder.png
new file mode 100644
index 0000000000..4428f3dc50
--- /dev/null
+++ b/resources/css/xenea/menu/edit-reorder.png
diff --git a/resources/css/xenea/menu/edit-repo.png b/resources/css/xenea/menu/edit-repo.png
new file mode 100644
index 0000000000..e90fbd03dc
--- /dev/null
+++ b/resources/css/xenea/menu/edit-repo.png
diff --git a/resources/css/xenea/menu/edit-sour.png b/resources/css/xenea/menu/edit-sour.png
new file mode 100644
index 0000000000..430c94d498
--- /dev/null
+++ b/resources/css/xenea/menu/edit-sour.png
diff --git a/resources/css/xenea/menu/fam.png b/resources/css/xenea/menu/fam.png
new file mode 100644
index 0000000000..ba2c9f9ab9
--- /dev/null
+++ b/resources/css/xenea/menu/fam.png
diff --git a/resources/css/xenea/menu/help.png b/resources/css/xenea/menu/help.png
new file mode 100644
index 0000000000..da02e63ce3
--- /dev/null
+++ b/resources/css/xenea/menu/help.png
diff --git a/resources/css/xenea/menu/indi.png b/resources/css/xenea/menu/indi.png
new file mode 100644
index 0000000000..99dbdf88d6
--- /dev/null
+++ b/resources/css/xenea/menu/indi.png
diff --git a/resources/css/xenea/menu/list-fam.png b/resources/css/xenea/menu/list-fam.png
new file mode 100644
index 0000000000..51ae845fe4
--- /dev/null
+++ b/resources/css/xenea/menu/list-fam.png
diff --git a/resources/css/xenea/menu/list-indi.png b/resources/css/xenea/menu/list-indi.png
new file mode 100644
index 0000000000..c0e7c465bb
--- /dev/null
+++ b/resources/css/xenea/menu/list-indi.png
diff --git a/resources/css/xenea/menu/list-note.png b/resources/css/xenea/menu/list-note.png
new file mode 100644
index 0000000000..baa6e534f6
--- /dev/null
+++ b/resources/css/xenea/menu/list-note.png
diff --git a/resources/css/xenea/menu/list-obje.png b/resources/css/xenea/menu/list-obje.png
new file mode 100644
index 0000000000..f36f051849
--- /dev/null
+++ b/resources/css/xenea/menu/list-obje.png
diff --git a/resources/css/xenea/menu/list-plac.png b/resources/css/xenea/menu/list-plac.png
new file mode 100644
index 0000000000..70fd5d6260
--- /dev/null
+++ b/resources/css/xenea/menu/list-plac.png
diff --git a/resources/css/xenea/menu/list-repo.png b/resources/css/xenea/menu/list-repo.png
new file mode 100644
index 0000000000..0d01dd4dfb
--- /dev/null
+++ b/resources/css/xenea/menu/list-repo.png
diff --git a/resources/css/xenea/menu/list-sour.png b/resources/css/xenea/menu/list-sour.png
new file mode 100644
index 0000000000..3bc7fccbd3
--- /dev/null
+++ b/resources/css/xenea/menu/list-sour.png
diff --git a/resources/css/xenea/menu/list.png b/resources/css/xenea/menu/list.png
new file mode 100644
index 0000000000..75fbf36a01
--- /dev/null
+++ b/resources/css/xenea/menu/list.png
diff --git a/resources/css/xenea/menu/note.png b/resources/css/xenea/menu/note.png
new file mode 100644
index 0000000000..808869acc4
--- /dev/null
+++ b/resources/css/xenea/menu/note.png
diff --git a/resources/css/xenea/menu/obje.png b/resources/css/xenea/menu/obje.png
new file mode 100644
index 0000000000..b563a41081
--- /dev/null
+++ b/resources/css/xenea/menu/obje.png
diff --git a/resources/css/xenea/menu/repo.png b/resources/css/xenea/menu/repo.png
new file mode 100644
index 0000000000..7791bd0c84
--- /dev/null
+++ b/resources/css/xenea/menu/repo.png
diff --git a/resources/css/xenea/menu/report-report.png b/resources/css/xenea/menu/report-report.png
new file mode 100644
index 0000000000..ed9b11e344
--- /dev/null
+++ b/resources/css/xenea/menu/report-report.png
diff --git a/resources/css/xenea/menu/report.png b/resources/css/xenea/menu/report.png
new file mode 100644
index 0000000000..452c61daac
--- /dev/null
+++ b/resources/css/xenea/menu/report.png
diff --git a/resources/css/xenea/menu/search-search.png b/resources/css/xenea/menu/search-search.png
new file mode 100644
index 0000000000..055e119d62
--- /dev/null
+++ b/resources/css/xenea/menu/search-search.png
diff --git a/resources/css/xenea/menu/search.png b/resources/css/xenea/menu/search.png
new file mode 100644
index 0000000000..7d907fdee1
--- /dev/null
+++ b/resources/css/xenea/menu/search.png
diff --git a/resources/css/xenea/menu/sour.png b/resources/css/xenea/menu/sour.png
new file mode 100644
index 0000000000..a41a220011
--- /dev/null
+++ b/resources/css/xenea/menu/sour.png
diff --git a/resources/css/xenea/menu/story.png b/resources/css/xenea/menu/story.png
new file mode 100644
index 0000000000..7aa15c4219
--- /dev/null
+++ b/resources/css/xenea/menu/story.png
diff --git a/resources/css/xenea/menu/tree-tree.png b/resources/css/xenea/menu/tree-tree.png
new file mode 100644
index 0000000000..8354f387fa
--- /dev/null
+++ b/resources/css/xenea/menu/tree-tree.png
diff --git a/resources/css/xenea/menu/tree.png b/resources/css/xenea/menu/tree.png
new file mode 100644
index 0000000000..4828e63744
--- /dev/null
+++ b/resources/css/xenea/menu/tree.png
diff --git a/resources/img/watermark.png b/resources/img/watermark.png
index d5c5a885fe..47bfb94986 100644
--- a/resources/img/watermark.png
+++ b/resources/img/watermark.png
diff --git a/resources/img/webtrees-icon.png b/resources/img/webtrees-icon.png
index 46bf667f73..e39818facb 100644
--- a/resources/img/webtrees-icon.png
+++ b/resources/img/webtrees-icon.png
diff --git a/resources/views/layouts/administration.phtml b/resources/views/layouts/administration.phtml
index a6a22d06d6..a64f32ee09 100644
--- a/resources/views/layouts/administration.phtml
+++ b/resources/views/layouts/administration.phtml
@@ -4,7 +4,7 @@
 <?php use Fisharebest\Webtrees\View; ?>
 
 <!DOCTYPE html>
-<html <?= I18N::htmlAttributes() ?>>
+<html dir="<?= I18N::direction() ?>" lang="<?= WT_LOCALE ?>">
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -14,12 +14,8 @@
 
         <link rel="icon" href="<?= e(asset('favicon.ico')) ?>" type="image/x-icon">
 
-        <?php if (I18N::direction() === 'rtl') : ?>
-            <link rel="stylesheet" type="text/css" href="<?= e(asset('css/vendor-rtl.min.css')) ?>">
-        <?php else : ?>
-            <link rel="stylesheet" type="text/css" href="<?= e(asset('css/vendor.min.css')) ?>">
-        <?php endif ?>
-        <link rel="stylesheet" type="text/css" href="<?= e(asset('css/administration.min.css')) ?>">
+        <link rel="stylesheet" href="<?= e(asset('css/vendor.min.css')) ?>">
+        <link rel="stylesheet" href="<?= e(asset('css/administration.min.css')) ?>">
 
         <?= View::stack('styles') ?>
 
diff --git a/resources/views/layouts/default.phtml b/resources/views/layouts/default.phtml
index 9026750b21..21ae765848 100644
--- a/resources/views/layouts/default.phtml
+++ b/resources/views/layouts/default.phtml
@@ -10,7 +10,7 @@
 <?php use Fisharebest\Webtrees\Webtrees; ?>
 
 <!DOCTYPE html>
-<html <?= I18N::htmlAttributes() ?>>
+<html dir="<?= I18N::direction() ?>" lang="<?= WT_LOCALE ?>">
     <head>
         <meta charset="UTF-8">
         <meta name="csrf" content="<?= e(csrf_token()) ?>">
@@ -47,14 +47,9 @@
         <!--Windows 8.1 + IE11 and above-->
         <meta name="msapplication-config" content="<?= e(asset('browserconfig.xml')) ?>">
 
-        <?php if (I18N::direction() === 'rtl') : ?>
-            <link rel="stylesheet" type="text/css" href="<?= e(asset('css/vendor-rtl.min.css')) ?>">
-        <?php else : ?>
-            <link rel="stylesheet" type="text/css" href="<?= e(asset('css/vendor.min.css')) ?>">
-        <?php endif ?>
-
+        <link rel="stylesheet" href="<?= e(asset('css/vendor.min.css')) ?>">
         <?php foreach (app()->make(ModuleThemeInterface::class)->stylesheets() as $stylesheet) : ?>
-            <link rel="stylesheet" type="text/css" href="<?=  $stylesheet ?>">
+            <link rel="stylesheet" href="<?=  e($stylesheet) ?>">
         <?php endforeach ?>
 
         <?= View::stack('styles') ?>
diff --git a/resources/views/modules/relatives/family.phtml b/resources/views/modules/relatives/family.phtml
index f9ed1bae21..8619555a44 100644
--- a/resources/views/modules/relatives/family.phtml
+++ b/resources/views/modules/relatives/family.phtml
@@ -192,7 +192,7 @@
                 <th scope="row">
                     <?php if (count($family->getChildren()) > 1) : ?>
                         <a href="<?= e(route('reorder-children', ['ged' => $family->tree()->name(), 'xref' => $family->xref()])) ?>">
-                            <i class="icon-media-shuffle"></i> <?= I18N::translate('Re-order children') ?>
+                            <?= I18N::translate('Re-order children') ?>
                         </a>
                     <?php endif; ?>
                 </th>
diff --git a/resources/views/modules/timeline-chart/chart.phtml b/resources/views/modules/timeline-chart/chart.phtml
index 9035e1551c..03e31eb95a 100644
--- a/resources/views/modules/timeline-chart/chart.phtml
+++ b/resources/views/modules/timeline-chart/chart.phtml
@@ -186,20 +186,20 @@
 
       if (newy < boxmean) {
         if (textDirection === 'rtl') {
-          dbox.style.backgroundImage    = "url('<?= app()->make(ModuleThemeInterface::class)->parameter('image-dline2') ?>')";
+          dbox.style.backgroundImage    = "url('<?= asset('css/images/dline2.png') ?>')";
           dbox.style.backgroundPosition = "0% 0%";
         } else {
-          dbox.style.backgroundImage    = "url('<?= app()->make(ModuleThemeInterface::class)->parameter('image-dline') ?>')";
+          dbox.style.backgroundImage    = "url('<?= asset('css/images/dline.png') ?>')";
           dbox.style.backgroundPosition = "0% 100%";
         }
         dy             = -dy;
         dbox.style.top = (newy + bheight / 3) + "px";
       } else {
         if (textDirection === 'rtl') {
-          dbox.style.backgroundImage    = "url('<?= app()->make(ModuleThemeInterface::class)->parameter('image-dline') ?>')";
+          dbox.style.backgroundImage    = "url('<?= asset('css/images/dline.png') ?>')";
           dbox.style.backgroundPosition = "0% 100%";
         } else {
-          dbox.style.backgroundImage    = "url('<?= app()->make(ModuleThemeInterface::class)->parameter('image-dline2') ?>')";
+          dbox.style.backgroundImage    = "url('<?= asset('css/images/dline2.png') ?>')";
           dbox.style.backgroundPosition = "0% 0%";
         }
 
@@ -247,7 +247,7 @@
 <div id="timeline_chart">
     <!-- print the timeline line image -->
     <div id="line" style="position:absolute; <?= I18N::direction() === 'ltr' ? 'left:22px;' : 'right:22px;' ?> top:0;">
-        <img src="<?= app()->make(ModuleThemeInterface::class)->parameter('image-vline') ?>" width="3" height="<?= 0 + ($topyear - $baseyear) * $scale ?>">
+        <img src="<?= e(asset('css/images/vline.png')) ?>" width="3" height="<?= 0 + ($topyear - $baseyear) * $scale ?>">
     </div>
 
     <!-- print divs for the grid -->
@@ -307,7 +307,7 @@
 
         echo "<div id=\"fact$factcount\" style=\"position:absolute; " . (I18N::direction() === 'ltr' ? 'left: ' . ($xoffset) : 'right: ' . ($xoffset)) . 'px; top:' . ($yoffset) . 'px; font-size: 8pt; height: ' . ($bheight) . "px;\" onmousedown=\"factMouseDown(this, '" . $factcount . "', " . ($yoffset - $tyoffset) . ');">';
         echo '<table cellspacing="0" cellpadding="0" border="0" style="cursor: hand;"><tr><td>';
-        echo '<img src="' . app()->make(ModuleThemeInterface::class)->parameter('image-hline') . '" name="boxline' . $factcount . '" id="boxline' . $factcount . '" height="3" width="10" style="padding-';
+        echo '<img src="' . e(asset('css/images/hline.png')) . '" name="boxline' . $factcount . '" id="boxline' . $factcount . '" height="3" width="10" style="padding-';
         if (I18N::direction() === 'ltr') {
             echo 'left: 3px;">';
         } else {
@@ -365,27 +365,27 @@
         echo '</td></tr></table>';
         echo '</div>';
         if (I18N::direction() === 'ltr') {
-            $img  = 'image-dline2';
+            $img  = asset('css/images/dline2.png');
             $ypos = '0%';
         } else {
-            $img  = 'image-dline';
+            $img  = asset('css/images/dline.png');
             $ypos = '100%';
         }
         $dyoffset = ($yoffset - $tyoffset) + $bheight / 3;
         if ($tyoffset < 0) {
             $dyoffset = $yoffset + $bheight / 3;
             if (I18N::direction() === 'ltr') {
-                $img  = 'image-dline';
+                $img  = asset('css/images/dline.png');
                 $ypos = '100%';
             } else {
-                $img  = 'image-dline2';
+                $img  = asset('css/images/dline2.png');
                 $ypos = '0%';
             }
         }
         ?>
 
         <!-- diagonal line -->
-        <div id="dbox<?= $factcount ?>" style="position:absolute; <?= (I18N::direction() === 'ltr' ? 'left: ' . (0 + 25) : 'right: ' . (0 + 25)) ?>px; top:<?= ($dyoffset) ?>px; font-size: 8pt; height: <?= abs($tyoffset) ?>px; width: <?= abs($tyoffset) ?>px; background-image: url('<?= app()->make(ModuleThemeInterface::class)->parameter($img) ?>'); background-position: 0% <?= $ypos ?>;">
+        <div id="dbox<?= $factcount ?>" style="position:absolute; <?= (I18N::direction() === 'ltr' ? 'left: ' . (0 + 25) : 'right: ' . (0 + 25)) ?>px; top:<?= ($dyoffset) ?>px; font-size: 8pt; height: <?= abs($tyoffset) ?>px; width: <?= abs($tyoffset) ?>px; background-image: url('<?= e($img) ?>'); background-position: 0% <?= $ypos ?>;">
         </div>
     <?php endforeach ?>
 
@@ -396,7 +396,7 @@
             <table cellspacing="0" cellpadding="0">
                 <tr>
                     <td>
-                        <img src="<?= app()->make(ModuleThemeInterface::class)->parameter('image-hline') ?>" name="ageline<?= $p ?>" id="ageline<?= $p ?>" width="25" height="3">
+                        <img src="<?= e(asset('css/images/hline.png')) ?>" name="ageline<?= $p ?>" id="ageline<?= $p ?>" width="25" height="3">
                     </td>
                     <td>
                         <?php if (!empty($birthyears[$indi->xref()])) : ?>