/* Saints Memorial

Saints colours: Grn - rgb(0,99,66) | Blk - rgb(1,16,13) | Gld - rgb(242,178,38)
*/

@import url('https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Serif');
@import url('https://fonts.googleapis.com/css?family=Raleway|Playfair+Display+SC');


:root {
font-family: 'Optima', 'Raleway';
}

body {
font-family: 'Playfair Display SC', 'Raleway','TrajanPro';
}

div#header {
top:0;
width:100%;
height:140px;
position:fixed;
background-color:rgb(255,255,255);
z-index:100;
border-bottom: 2px solid rgb(0,99,66);
box-shadow: rgb(0,99,66) 0px 5px 15px -5px;
}

h1 {
font-size:2.5vw;
padding:0.5rem 0;
}

div#container {
width: 100%;
}

div#mainbody {
width:96%;
margin: 200px auto 0;
border:0 solid red;
}

input[type='checkbox'] {
transform: scale(1.8,1.8);
margin: 5px;
accent-color:rgb(0,99,66);
}

input[type='radio'] {
transform: scale(1.5,1.5);
margin: 4px;
accent-color:rgb(242,178,38);
}

.redImp {
color:rgb(250,0,0) !important;
}

p.lineT, div.lineT {
border-top: 2px solid gray;
margin: 2vw 0;
}

.highlight {text-shadow: 1px 1px 1px black;}

div#memorial {
margin-top:8vw;
width:100%;
background: 98% 16vw url("../img/build/NSPlaques.jpg") no-repeat;
background-size: 25%;
min-height:30vw;
background-attachment:fixed;
}

div#orders {
margin-top:8vw;
width:100%;
min-height:30vw;
}

div#leaseholders {
margin-top:8vw;
width:100%;
min-height:30vw;
}

div#siteinfo {
margin-top:8vw;
width:100%;
min-height:30vw;
}

table.memorial {
width: auto;
border-collapse: separate;
display: table;
border-spacing: 3px 3px;
}

table.memorial caption {
font-size: 2vw;
margin-bottom: 1vw;
}

table.memorial tr td {
width: 18vw;
height: 13vw;
border: 0.1em solid black;
background-color:transparent;
text-align: center;
font-size: 0.7vw;
border-radius:0.2vw;
cursor:pointer;
vertical-align: middle;
position:relative;
}

table.book {
width: auto;
border-collapse: separate;
display: table;
border-spacing: 3px 3px;
}

table.book caption {
font-size: 2vw;
margin-bottom: 1vw;
}

table.book tr td {
width: 8vw;
height: 6vw;
border: 0.1vw solid black;
background-color:transparent;
text-align: center;
font-size: 0.7vw;
border-radius:0.5vw;
cursor:pointer;
vertical-align: middle;
}

table.chapel {
width: auto;
border-collapse: separate;
display: table;
border-spacing: 3px 3px;
margin-top:3vw;
}

table.chapel caption {
font-size: 2vw;
margin-bottom: 1vw;
}

table.chapel tr td {
width: 8vw;
height: 6vw;
border: 0.1em solid black;
background-color:transparent;
text-align: center;
font-size: 0.7vw;
border-radius:0.2vw;
cursor:pointer;
vertical-align: middle;
}


table.chapel tr td.notile {
width: 5vw;
height: 3vw;
border:0;
background-color:transparent;
cursor:none;
}

table.urncolumn {
width: auto;
border-collapse: separate;
display: table;
border-spacing: 3px 3px;
}

table.urncolumn caption {
font-size: 2vw;
margin-bottom: 1vw;
}

table.urncolumn tr td {
width: 10vw;
height: 15vw;
border: 0.1em solid black;
background-color:transparent;
text-align: center;
font-size: 1vw;
border-radius:0.2vw;
cursor:pointer;
vertical-align:top;
}

table.rosepost {
width: auto;
border-collapse: separate;
display: table;
border-spacing: 3px 3px;
}

table.rosepost caption {
font-size: 2vw;
margin-bottom: 1vw;
}

table.rosepost tr td {
width: 8vw;
height: 5vw;
border: 0.1em solid black;
background-color:transparent;
text-align: center;
font-size: 1vw;
border-radius:0;
cursor:pointer;
vertical-align:top;
}

table.balustrade {
width: auto;
border-collapse: separate;
display: table;
border-spacing: 3px 3px;
}

table.balustrade caption {
font-size: 2vw;
margin-bottom: 1vw;
}

table.balustrade tr td {
width: 8vw;
height: 5vw;
border: 0.1em solid black;
background-color:transparent;
text-align: center;
font-size: 1vw;
border-radius:0;
cursor:pointer;
vertical-align:top;
}
table.balustrade tr td.corner {
width: 8vw;
height: 5vw;
border: 0.1em solid black;
background-color:wheat;
text-align: center;
font-size: 2vw;
border-radius:0.2em;
cursor:pointer;
vertical-align:middle;
}

table.rosegarden {
width: auto;
border-collapse: separate;
display: table;
border-spacing: 3px 3px;
}

table.rosegarden caption {
font-size: 2vw;
margin-bottom: 1vw;
}

table.rosegarden tr td {
width: 8vw;
height: 5vw;
border: 0.1em solid black;
background-color:transparent;
text-align: center;
font-size: 1vw;
border-radius:0;
cursor:pointer;
vertical-align:top;
}
table.rosegarden tr td.notile {
width: 8vw;
height: 5vw;
border:0;
background-color:transparent;
cursor:none;
}

table.trident {
width: auto;
border-collapse: separate;
display: table;
border-spacing: 3px 3px;
}

table.trident caption {
font-size: 2vw;
margin-bottom: 1vw;
}

table.trident tr td {
width: 8vw;
height: 5vw;
border: 0.1em solid black;
background-color:transparent;
text-align: center;
font-size: 0.7vw;
border-radius:0;
/*cursor:pointer;*/
vertical-align:top;
}

table.trident tr td.notile {
width: 8vw;
height: 5vw;
border:0;
background-color:transparent;
cursor:none;
}

fieldset {
border:0;
}

fieldset.editform div {
margin-top:3px;
color:inherit;
}

.font-effect-emboss {
text-shadow: -1px -1px 1px rgba(250,250,250, 0.3), 1px 1px 1px rgba(0,0,0,0.8);
}

.fonttiny {
font-size:0.40in;
line-height:0.45in;
font-family:inherit;
}
.fontxsmall {
font-size:0.45in;
line-height:0.50in;
font-family:inherit;
}
.fontsmall {
font-size:0.5in;
line-height:0.55in;
font-family:inherit;
}
.fontmedium {
font-size:0.55in;
line-height:0.6in;
font-family:inherit;
}
.fontstandard {
font-size:0.7in;
line-height:0.75in;
font-family:inherit;
}
.fontlarge {
font-size:1in;
line-height:1.1in;
font-family:inherit;
}
.fontxlarge {
font-size:1.2in;
line-height:1.4in;
font-family:inherit;
}



nav#navi {
width:16vw;
height:auto;
/*background-color:dodgerblue;*/
background-color:rgb(0,99,66);
opacity:0.9;
border:0 solid rgb(242,178,38);
display:block;
}

nav#navi ul {
margin-left:2vw;
list-style:square;
}

nav#navi .ui-accordion-header {
font-size:1vw;
}

nav#navi ul li a {
font-size:0.9vw;
text-decoration: none;
}
nav#navi ul li:hover {
color:green;
}
nav#navi ul li a:hover {
font-weight:600;
}

.ui-tooltip, .arrow:after {
background: rgb(242,178,38);
border: 1px solid rgb(0,99,66);
}

.ui-tooltip {
padding: 10px 20px;
color: rgb(0,99,66);
border-radius: 0;
font: 0.9em Raleway, sans-serif;
text-transform: capitalize;
box-shadow: 0 0 5px silver;
}

.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}

.arrow.top {
top: -16px;
bottom: auto;
}

.arrow.left {
left: 40%;
}

.arrow:after {
content: "";
position: absolute;
left: 30px;
top: -20px;
width: 25px;
height: 25px;
/* box-shadow: 6px 5px 9px -9px black;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);*/
transform: rotate(45deg);
}

.arrow.top:after {
bottom: -20px;
top: auto;
}



div.atl_loc {
position:relative;z-index:0;top:-4vw;font-size:1.4vw;
}
div.atl_dec {
position:relative;top:-2vw;font-size:1.2vw;
}
button.atl_ins {
position:absolute;width:2vw;height:2vw;padding:1.2vw;
}
button.atl_lea {
position:absolute;width:2vw;height:2vw;padding:1.2vw;
}
button.atl_res {
position:absolute;width:2vw;height:2vw;padding:0.2vw;left: 0.5vw;bottom: 0.5vw;}

/* Pricing Table */

table#pricing {
margin-top:4vw;
width:auto;
border-collapse: separate;
border-spacing: 0.7vw;
border:0 solid rgb(0,1,5);
padding:0.5vw;
}
/*
table#pricing tr:nth-child(even) {
background-color: #eee;
}

table#pricing tr:nth-child(odd) {
background-color: #fff;
}
*/
table#pricing caption {
text-align:left;
font-size:1.5vw;
font-weight:400;
}

table#pricing col#model {
width:13vw;
background-color:gainsboro;
overflow:hidden;
}

table#pricing col#costing {
background-color:gold;
width:5.5vw;
}

table#pricing col#yrs {
background-color:tomato;
width:5.5vw;
}

table#pricing col#mku {
background-color:darkorange;
width:5.5vw;
}

table#pricing col#sve {
background-color:moccasin;
width:auto;
border:0;
}

table#pricing col#prx {
background-color:gainsboro;
width:auto;
border:0;
}

table#pricing col#bsk {
background-color:limegreen;
width:6vw;
border:0;
}

table#pricing th {
text-align:left;
font-size:0.9vw;
font-weight:600;
padding:0 0.5vw;
border:0.1rem solid black;
vertical-align:middle;
}

table#pricing td {
text-align:right;
font-size:1vw;
font-weight:400;
padding: 0.5vw;
}

table#pricing input.nbr {
text-align:right;
font-size:1.2vw;
width:3vw;

}

table#options {
margin-top:4.3vw;
width:auto;
border-collapse: separate;
border-spacing: 0.38vw;
border:0 solid rgb(0,1,5);
padding:0.5vw;
}

table#options tr:nth-child(even) {
background-color: rgb(0,99,66);
color:snow;
}

table#options tr:nth-child(odd) {
background-color: gold;
}

table#options caption {
text-align:left;
font-size:1.5vw;
font-weight:400;
}

table#options col#opc {
width:auto;
background-color:gainsboro;
overflow:hidden;
border:0;
}

table#options th {
text-align:left;
font-size:0.9vw;
font-weight:600;
padding:0 0.5vw;
border:0.1rem solid black;
vertical-align:middle;
}

table#options td {
text-align:right;
font-size:1vw;
font-weight:400;
padding: 0.5vw;
}

button.swal-button {
padding:20px 24px;
}

table#fonts {
width:100%; border-collapse:separate; border-spacing:15px;display:table;border:1px solid black;
}
table#fonts tr:nth-child(even) {
background-color:lightgray;
}
table#fonts tr:nth-child(odd) {
background-color:rgb(242,178,38);
}
table#fonts td {
padding:0.3vw 0.5vw;
}

fieldset.totals {
border:0.2vw solid rgb(176,178,180);
border-radius: 1vw;
width:30vw;
min-height:20vw;
padding:2vw;
}

fieldset.totals legend {
font-weight:700;
font-size:2vw;
color: rgb(94,48,127);
padding: 0 1vw;
}

fieldset.totals p {
font-size:1.5vw;
}

table#log {margin:0 auto;}

table#log td {padding:6px 4px;font-size:16px;color:snow;text-align:right;}

div#homescreen { box-shadow: rgb(242,178,38) 5px 10px 10px -3px;position: static;border:2px solid rgb(242,178,38); border-radius:0.5rem; background-repeat: no-repeat; background-size: cover; background-image: url(/img/build/NSImpression.jpg); background-position:0 0; width:auto; height:80vw; margin: 200px 1vw 5vw;}

fieldset#logonscreen { margin:0 auto;width:36vw;top:200px;background-color:rgba(0,99,66,0.6);border:2px solid rgb(242,178,38);border-radius:1em; }

table#saints tbody tr:nth-child(2n) { background-color: rgb(0,99,66); }
table#saints tbody tr:nth-child(2n+1) { background-color: rgb(248,178,38); }
table#saints tbody tr:nth-child(2n) td { color: snow; }
table#saints tbody tr:nth-child(2n) td:hover { color: gold; cursor: pointer; }
table#saints tbody tr:nth-child(2n+1) td { color: black; }
table#saints tbody tr:nth-child(2n+1) td:hover { color: darkgreen; cursor: pointer; }