.lightbox { display: none; font-family: Arial, Helvetica, sans-serif; text-align:center; 
}
@media only screen and (min-width: 814px) {
    .featherlight-content {
        max-width: 650px !important;
    }
}
@media only screen and (max-width: 813px) {
    .featherlight-content {
        max-width: 90% !important;
    }

}
.featherlight { cursor:default!important;-webkit-tap-highlight-color: rgba(0,0,0,0);}

.featherlight-content {
    -webkit-tap-highlight-color: rgba(0,0,0,0);

    overflow-y: scroll; /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch;

    max-height: 95%!important;
    border-bottom:25px solid transparent!important;
    padding: 25px 25px 0!important;
    margin-left: 5%!important;
    margin-right: 5%!important;
}

input[type="button"],
input[type="submit"],
input[type="text"],
input[type="email"] {
    -webkit-appearance: none;
    border-radius: 0;
}
input[type="text"], input[type="email"] {
    border:2px solid gray;
    background-color:white!important;
    color:black!important;
}
body {
    color: black;
    padding-top:0;
    margin-top:0;
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
    padding-bottom:0;

}
.tdbl { border:2px solid lightgray; }
.tdnv { border:0!important; }
.four::after {
    content: " ";
}
.w650 {
    max-width:650px;
}
label {
    vertical-align: middle;
    font-weight:bold;
}
@media only screen and (max-width: 435px) {
    .title {
        font-size: 1em!important;
        padding-top:10px!important;
        margin-bottom:2px!important;
    }
    .smally {
        font-size: 0.5em!important;
        padding-bottom:2px!important;
    }
    .rlimg { padding-top:0px!important; }
}
div.error { display: block; color: #f00; font-weight: bold; font-size: 1.2em; }
span.error { display: block; color: #f00; font-style: italic; }
.success { color: #00f; font-weight: bold; font-size: 1.2em; }
a { text-decoration:none; }
a, a:hover, a:link, a:active, a:visited { color:blue!important; }
#captcha_image { float:none!important; margin:6px!important; border:1px solid black!important; }
img { margin-bottom:6px; }

.buttonish, .buttonish:hover, .buttonish:link, .buttonish:active, .buttonish:visited {
    text-decoration: none!important;
    padding:8px;
    margin:4px;
    background-color: Gainsboro;
    border:0;
    color:black!important;
    cursor:hand;
    font-weight:normal!important;
}
body {
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: -moz-none;
    -o-user-select: none;
    -khtml-user-select: none;

    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
    text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;

}
.canselect {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
}
body {
    background-color:black;
}
.bgi {
    background-image: url(/res/images/2-mixed-leaves-background.jpg);
    margin:0;
    padding:0;
}
.bgwhite {
    background-color:white;
    margin:0;
    padding:0;
}