/* ===================================================================
*
* This is CSS code for the GRID definitions.
*
* $Id: grids.css,v 1.3 2025/11/15 02:15:01 dlc Exp $
*
* ====================================================================
*
* Copyright 1987 - 2025, David Lee Crites of Adoniah Enterprises;
* All rights reserved.
* Email: DavidLee@AdoniahEnterprises.com
* Phone: 775-410-4643
* Mail: 1404 Fox Foot, Horseshoe Bay, Texas 78657
*
* ================================================================ */
/* ================================================================ */
* {
margin: 0px;
padding: 0;
}
/* ============================================== */
html, body {
/*
width: 100vw;
height: 100vh;
*/
margin: 0;
padding: 0;
}
body {
font-family: 'Raleway', sans-serif;
color: black;
background: url(/images/background.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/* ============================================== */
h1, h2, h3 {
/* color: #605075; */
color: #0e0e0e;
font-family: 'TrajanPro3Black', serif;
font-weight: 600;
font-style: bold;
line-height: normal;
text-align: center;
/* text-shadow: 2px 5px 20px #3B3B3B; */
text-shadow: 2px 5px 20px #FFF176;
animation-delay: .4s;
-moz-animation-delay: .4s;
-webkit-animation-delay: .4s;
}
h1 {
font-size: 56px;
letter-spacing: 0.2em;
}
h2 {
font-size: 48px;
letter-spacing: 0.1em;
}
h3 {
font-size: 40px;
letter-spacing: 0.1em;
}
/* ============================================== */
hr {
border: 5px solid #062f4f;
color: #062f4f;
border-radius: 5px;
width: 80%;
margin: 10px;
}
/* ============================================== */
p {
font-family: 'Raleway', sans-serif;
font-size: 20px;
line-height: 1.5em;
font-weight: 300;
/* top | right | bottom | left */
margin: 2px auto 20px auto;
color: black; /* charcoal; */
animation-delay: 1s;
-moz-animation-delay: 1s;
-webkit-animation-delay: 1s;
}
/* ============================================== */
em {
color: #062f4f;
font-style: italic;
font-variant: small-caps;
}
/* ============================================== */
img {
max-width: 640px;
max-height: 480px;
}
/* ============================================== */
.errors, .errortext, .help-text {
color: red;
text-align: center;
font: bold 12px arial;
}
/* ============================================== */
.cpra-text {
color: blue;
font: bold arial;
font-size: 12px;
margin: 2px;
}
.cpra-text p {
color: black;
margin: 2px;
font: bold arial;
font-size: 14px;
text-align: center;
}
.cpra-text em {
color: red;
margin: 2px;
font: bold arial;
font-size: 14px;
font-variant: small-caps;
text-align: center;
}
/* ============================================== */
.note-text {
color: blue;
font: bold arial;
font-size: 12px;
margin: 2px 10px 2px 10px;
}
.note-text ol, .note-text li {
color: blue;
font: bold arial;
font-size: 12px;
margin: 2px 2px 2px 20px;
}
.note-text p {
color: blue;
font: bold arial;
font-size: 12px;
margin: 2px 2px 5px 20px;
}
/* ============================================== */
.topdoc-text {
color: black;
font-family: 'TrajanPro3Black', 'Raleway', arial, serif;
font-size: 24px;
margin: 2px;
}
/* ============================================== */
.email-text {
color: black;
font-weight: 400;
font-style: bold;
font: arial;
font-size: 18px;
margin: 2px 10px 12px 10px;
}
/*
.email-text ol, .email-text li {
color: black;
font: bold arial;
font-size: 18px;
margin: 2px 2px 2px 20px;
}
.email-text p {
color: black;
font: bold arial;
font-size: 18px;
margin: 2px 2px 5px 20px;
}
*/
/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
.aeibutton {
display: inline-block;
text-align: center;
vertical-align: middle;
padding: 3px 24px;
border: 1px solid black;
border-radius: 8px;
background: #000033;
background: -webkit-gradient(linear, left top, left bottom, from(#000066), to(#0000ff));
background: -moz-linear-gradient(top, #0d0d47, #062f4f);
background: linear-gradient(to bottom, #0d0d47, #062f4f);
-webkit-box-shadow: #000033 0px 0px 20px 0px;
-moz-box-shadow: #000033 0px 0px 20px 0px;
box-shadow: #000033 0px 0px 20px 0px;
text-shadow: #cccc33 1px 1px 1px;
font: normal normal bold 20px arial;
color: #ffff00;
text-decoration: none;
}
/* ============================================== */
.aeibutton:hover, .aeibutton:focus, .aeibutton:active {
border: 1px solid #e0b036;
background: #fff24a;
background: -webkit-gradient(linear, left top, left bottom, from(#fff24a), to(#bc942e));
background: -moz-linear-gradient(top, #fff24a, #bc942e);
background: linear-gradient(to bottom, #fff24a, #bc942e);
color: #15156b;
text-decoration: bold;
}
.aeibutton:disabled {
background-color: #ccc;
color: #667;
cursor: not-allowed;
}
/* ================================================================ */
.aeibuttonbig {
display: inline-block;
text-align: center;
vertical-align: middle;
padding: 5px 26px;
border: 1px solid black;
border-radius: 8px;
background: #000033;
background: -webkit-gradient(linear, left top, left bottom, from(#000066), to(#0000ff));
background: -moz-linear-gradient(top, #0d0d47, #062f4f);
background: linear-gradient(to bottom, #0d0d47, #062f4f);
-webkit-box-shadow: #000033 0px 0px 20px 0px;
-moz-box-shadow: #000033 0px 0px 20px 0px;
box-shadow: #000033 0px 0px 20px 0px;
text-shadow: #cccc33 1px 1px 1px;
font: normal normal bold 24px arial;
color: #ffff00;
text-decoration: none;
}
/* ============================================== */
.aeibuttonbig:hover, .aeibuttonbig:focus, .aeibuttonbig:active {
border: 1px solid #e0b036;
background: #fff24a;
background: -webkit-gradient(linear, left top, left bottom, from(#fff24a), to(#bc942e));
background: -moz-linear-gradient(top, #fff24a, #bc942e);
background: linear-gradient(to bottom, #fff24a, #bc942e);
color: #15156b;
text-decoration: bold;
}
.aeibuttonbig:disabled {
background-color: #ccc;
color: #667;
cursor: not-allowed;
}
/* ============================================== */
#aeibuttonfont {
font: normal normal bold 10px arial;
}
button:disabled {
background-color: #ccc;
color: #667;
cursor: not-allowed;
}
/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
.aeitable-scrollable {
height: 500px;
width: 100%;
overflow: auto;
}
/* ============================================== */
.aeitable-scrollable table {
height: 100%;
width: 100%;
background-color: white;
color: black;
border: 3px solid #062f4f;
padding: 0;
vertical-align: middle;
display: table-cell; /* block; */
/* top right bottom left */
margin: 5px 5% 5px 5%;
table-layout: fixed;
}
/* ============================================== */
.aeitable-scrollable thead, .aeitable-scrollable tbody {
}
/* ============================================== */
.aeitable-scrollable th {
background-color: black;
color: yellow;
display: table-cell;
border: 1px solid #062f4f;
padding: 5px;
vertical-align: middle;
text-align: center;
font-weight: bold;
}
/* ============================================== */
/* ============================================== */
.aeitable-activity {
color: black;
border: 3px solid #062f4f;
padding: 0;
vertical-align: middle;
display: table-cell; /* block; */
/* top right bottom left */
margin: 5px 5% 5px 5%;
width: 90%;
table-layout: fixed;
}
/* ============================================== */
.table-activity thead, .table-activity tbody {
}
/* ============================================== */
.table-activity th {
background-color: black;
color: yellow;
display: table-cell;
border: 1px solid #062f4f;
padding: 5px;
vertical-align: middle;
text-align: center;
font-weight: bold;
}
/* ============================================== */
/* ============================================== */
.aeitable {
background-color: white;
color: black;
border: 3px solid #3d5214; /* OliveDrab @ 70%; */
padding: 0;
vertical-align: middle;
display: table-cell; /* block; */
/* top right bottom left */
margin: 5px 5% 5px 5%;
width: 100%;
table-layout: fixed;
}
/* ============================================== */
.aeitable table {
margin: 0px;
}
.aeitable thead, .aeitable tbody {
}
/* ============================================== */
.aeitable th {
background-color: black;
color: yellow;
display: table-cell;
border: 1px solid #3d5214; /* OliveDrab @ 70%; */
padding: 5px;
vertical-align: middle;
text-align: center;
font-weight: bold;
}
/* ============================================== */
.aeitable tr:nth-child(even) {
background-color: #ebf5d6; /* OliveDrab @ 90%; */
}
.aeitable tr:nth-child(odd) {
background-color: #c2e085; /* OliveDrab @ 70%; */
}
.aeitable td {
border: 1px solid #3d5214; /* OliveDrab @ 20%; */
padding: 5px;
display: table-cell;
vertical-align: top;
color: black;
word-wrap: break-word;
}
/* ============================================== */
.aeitable-right {
/* top right bottom left */
padding: 5px 15px 5px 15px;
display: table-cell;
vertical-align: top;
background-color: #d6ebad; /* OliveDrab @ 80% */
color: black;
text-align: right;
}
.aeitable-right ul, .aeitable-right ol {
/* top right bottom left */
padding: 5px 15px 5px 30px;
}
/* ============================================== */
.aeitable-left {
/* top right bottom left */
padding: 5px 15px 5px 15px;
display: table-cell;
vertical-align: top;
background-color: #d6ebad; /* OliveDrab @ 80% */
color: black;
text-align: left;
}
.aeitable-left ul, .aeitable-left ol {
/* top right bottom left */
padding: 5px 15px 5px 30px;
}
/* ============================================== */
.aeitable-center {
/* top right bottom left */
padding: 5px 15px 5px 15px;
display: table-cell;
vertical-align: top;
color: black;
background-color: #d6ebad; /* OliveDrab @ 80% */
border: 1px solid #062f4f;
/* top right bottom left */
margin: 5px 5% 5px 5%;
text-align: center;
}
/* ============================================== */
.aeitable-center-two {
/* top right bottom left */
padding: 5px;
display: table-cell;
vertical-align: top;
color: black;
background-color: #d6ebad; /* OliveDrab @ 80% */
border: 1px solid #062f4f;
/* top right bottom left */
margin: 5px;
text-align: center;
width: 100%;
word-break: break-word;
}
/* ============================================== */
.aeitable-center-two td, .aeitable-center-two th {
width: 50%;
word-break: break-word;
}
.aeitable-center-two p {
word-break: break-word;
}
/* ============================================== */
.aeitable-oldnotes {
/* top right bottom left */
padding: 5px 15px 5px 15px;
display: table-cell;
vertical-align: top;
color: black;
background-color: yellow;
border: 1px solid #062f4f;
/* top right bottom left */
margin: 5px 5% 5px 5%;
text-align: center;
}
/* ================================================================== */
/* ================================================================== */
.general-list {
font-family: 'Raleway', sans-serif;
line-height: 1.5em;
font-weight: 300;
margin-left: auto;
margin-right: auto;
}
.general-list ul, .general-list ol {
font-size: 20px;
}
/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
.card-form {
text-align: left;
vertical-align: top;
}
.card-client {
max-width: 300px;
margin: 5px;
text-align: center;
vertical-align: top;
}
.card-box {
box-shadow: 0 8px 12px 0 rgba(0,0,0,0.5);
transition: 0.3s;
width: 300px;
border-radius: 15px;
background-color: #d6ebad; /* OliveDrab @ 80% */
text-align: center;
}
.card-box .image img {
width: 90%;
height: 90%;
margin: 10px;
object-fit: cover;
object-position: 50% 50%;
cursor: pointer;
transition: .5s ease-in-out;
}
.card-container {
padding: 2px 16px;
font-size: 16px;
margin: 10px;
align: center;
}
.card-container h2 {
padding: 2px 4px;
margin: 5px;
align: center;
font: bold 20px black;
}
.card-container img {
display: block;
}
/* ============================================== */
.trigger_image img {
width: 98%;
height: 98%;
object-fit: cover;
object-position: 50% 50%;
cursor: pointer;
transition: .5s ease-in-out;
}
/* ============================================== */
input[type=text], select, textarea {
width: 100%;
padding: 2px;
border: 1px solid black;
border-radius: 4px;
box-sizing: border-box;
resize: vertical;
}
.item {
width: 100%;
margin: auto;
}
.item:after{
content: "";
display: table;
clear: both;
}
.itemlabel {
float: left;
width: 100%;
}
.iteminput {
float: left;
width: 100%;
}
/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
#aeiVideo video {
width: 640px;
height: 480px;
margin-left: auto;
margin-right: auto;
background-color: #343434;
text-align: center;
position: relative;
float: none;
display: block;
animation-delay: 2s;
-moz-animation-delay: 2s;
-webkit-animation-delay: 2s;
}
.trackable-video video {
width: 640px;
height: 480px;
margin-left: auto;
margin-right: auto;
background-color: #343434;
text-align: center;
position: relative;
float: none;
display: block;
animation-delay: 2s;
-moz-animation-delay: 2s;
-webkit-animation-delay: 2s;
}
/* ================================================================ */
.trigger_forward_there {
}
.trigger_forward_show {
}
.hidden-important {
display: none !important;
}
.visible-important {
display: block !important;
}
/* ================================================================ */
.container {
width: auto;
margin: 0;
padding: 0;
display: block; /* Ensure it's a block-level element */
}
.trigger_link_set {
}
#linkset-content {
vertical-align: top; /* Align the content to the top */
height: 100%; /* Ensure the div takes the full height of its container */
display: block; /* Ensure it's treated as a block-level element */
}
/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
/*
whatever fills the middle column
whatever fills the middle column
whatever fills the middle column
*/
/* ================================================================ */
.aeigridlayout {
display: grid;
grid-template-columns: 1fr;
grid-auto-rows: minmax(5px, auto);
/* padding: 20px; */
margin: 10px;
column-gap: none;
row-gap: 5em;
font: 16px arial;
}
/* ================================================================ */
.headerboxxed {
grid-column: 1 / -1;
grid-row: 1 / 2;
align-self: stretch;
}
.headerbox {
grid-column: 1 / -1;
grid-row: 1 / 2;
align-self: stretch;
color: #6699ff;
font-family: sans-serif;
text-align: center;
position: relative;
display: block;
background-color: #6b8e23; /* OliveDrab */
padding-left: 5%;
padding-right: 5%;
padding-top: 10px;
padding-bottom: 10px;
}
.headerbox h1 {
color: #000000;
font-family: 'TrajanPro3Black', serif;
font-size: 64px;
letter-spacing: 0.1em;
/* text-shadow: 2px 5px 20px #3B3B3B; */
font-weight: 600;
}
/* ============================================== */
.databox {
grid-column: 1 / -1;
align-self: stretch;
}
/* ================================================================ */
.footerbox {
grid-column: 1 / -1;
align-self: stretch;
color: #ffffff;
font-family: sans-serif;
text-align: center;
position: relative;
display: block;
background-color: #999933;
padding-left: 5%;
padding-right: 5%;
padding-top: 10px;
padding-bottom: 10px;
}
.footerbox h1 {
color: #ffffff;
font-family: 'TrajanPro3Black', serif;
font-size: 32px;
letter-spacing: 0.1em;
text-shadow: 2px 5px 20px #3B3B3B;
font-weight: 300;
}
.footerbox h2 {
color: #ffe6be;
font-family: 'TrajanPro3Black', serif;
font-size: 24px;
letter-spacing: 0.1em;
text-shadow: 2px 5px 20px #3B3B3B;
font-weight: 300;
}
.footerbox p {
color: white;
font-size: 10px;
font-weight: 300;
margin: 0px auto 0px auto;
}
.footerbox a:link, .footerbox a:active, .footerbox a:visited {
color: #FFCE8C;
text-decoration: none;
}
.footerbox a:hover {
color: #FFB13D;
text-decoration: none;
}
/* ================================================================ */
.onsubmit {
grid-column: 1 / -1;
/* grid-row: 2 / 3; */
align-self: stretch;
border: 3px solid black;
border-radius: 8px;
background-color: white;
font-family:raleway;
/* font: normal normal bold 16px arial; */
color: red;
margin: 0x;
padding: 0px;
}
.onsubmit p {
font-family:raleway;
margin: 16px;
color: red;
}
/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
/* itty-bitty screens. */
/* ================================================================ */
@media only screen
and (max-width:320)
{
/* ================================================================ */
h1 {
font-size: 20px;
letter-spacing: 0.1em;
}
h2 {
font-size: 16px;
letter-spacing: 0.1em;
}
h3 {
font-size: 12px;
letter-spacing: 0.1em;
}
p {
font: 8px arial;
}
/* ============================================== */
.onsubmit p {
font: 8px arial;
}
.footerbox h1 {
font-size: 22px;
}
.footerbox h2 {
font-size: 16px;
}
.footerbox p {
font-size: 8px;
}
#aeibuttonfont {
font: normal normal bold 10px arial;
}
/* ================================================================ */
.aeitable {
max-width: 300px;
}
.aeigridlayout {
margin: 5px;
grid-auto-rows: minmax(2px, auto);
grid-row-gap: 2px;
font: normal normal bold 8px arial;
}
/* ================================================================ */
.card-box {
width: 100px;
}
.card-container {
padding: 2px;
font-size: 8px;
margin: 2px;
}
.card-container h2 {
padding: 2px;
margin: 2px;
font: bold 12px black;
}
/* ================================================================ */
.errors, .errortext, .help-text {
color: red;
text-align: center;
font: bold 8px arial;
}
/* ================================================================ */
} /* END OF: itty-bitty screens */
/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
/* smartphones, iPhone, portrait 480x320 phones */
/* ================================================================ */
@media only screen
and (min-width:321px)
and (max-width:480px)
{
/* ================================================================ */
h1 {
font-size: 24px;
letter-spacing: 0.2em;
}
h2 {
font-size: 20px;
}
h3 {
font-size: 16px;
}
p {
font: 10px arial;
}
/* ============================================== */
.onsubmit p {
font: 10px arial;
}
.footerbox h1 {
font-size: 20px;
}
.footerbox h2 {
font-size: 16px;
}
.footerbox p {
font-size: 8px;
}
#aeibuttonfont {
font: normal normal bold 12px arial;
}
/* ================================================================ */
.aeitable {
max-width: 460px;
}
.aeigridlayout {
margin: 10px;
grid-auto-rows: minmax(3px, auto);
grid-row-gap: 3px;
font: normal normal bold 12px arial;
}
/* ================================================================ */
.card-box {
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5);
width: 150px;
border-radius: 9px;
}
.card-container {
padding: 2px 10px;
font-size: 10px;
margin: 4px;
}
.card-container h2 {
padding: 2px;
margin: 2px;
font: bold 14px black;
}
/* ================================================================ */
.errors, .errortext, .help-text {
color: red;
text-align: center;
font: bold 10px arial;
}
/* ================================================================ */
} /* END OF: media only screen and (min-width:320px) */
/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
/* ================================================================ */
@media only screen
and (min-width:481px)
and (max-width:640px)
{
/* ================================================================ */
h1 {
font-size: 32px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 20px;
}
p {
font: 12px arial;
}
/* ============================================== */
.onsubmit p {
font: 12px arial;
}
.footerbox h1 {
font-size: 28px;
}
.footerbox h2 {
font-size: 22px;
}
.footerbox p {
font-size: 10px;
}
#aeibuttonfont {
font: normal normal bold 14px arial;
}
/* ================================================================ */
.aeitable {
max-width: 620px;
}
.aeigridlayout {
margin: 10px;
grid-auto-rows: minmax(5px, auto);
grid-row-gap: 5px;
font: normal normal bold 14px arial;
}
/* ================================================================ */
.card-box {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5);
width: 200px;
border-radius: 11px;
}
.card-container {
padding: 2px 12px;
font-size: 12px;
margin: 6px;
}
.card-container h2 {
padding: 2px 4px;
margin: 5px;
font: bold 16px black;
}
/* ================================================================ */
.errors, .errortext, .help-text {
color: red;
text-align: center;
font: bold 12px arial;
}
/* ================================================================ */
} /* END OF: media only screen and (min-width:481px) */
/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
/* portrait tablets, portrait iPad, landscape e-readers,
* landscape 800x480 or 854x480 phones
*/
/* ================================================================ */
@media only screen
and (min-width:641px)
and (max-width:960px)
{
/* ================================================================ */
h1 {
font-size: 36px;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 24px;
}
p {
font: 14px arial;
}
/* ============================================== */
.onsubmit p {
font: 14px arial;
}
.footerbox h1 {
font-size: 32px;
}
.footerbox h2 {
font-size: 28px;
}
.footerbox p {
font-size: 12px;
}
#aeibuttonfont {
font: normal normal bold 16px arial;
}
/* ================================================================ */
.aeitable {
max-width: 920px;
}
.aeigridlayout {
margin: 20px;
grid-auto-rows: minmax(10px, auto);
grid-row-gap: 7px;
font: normal normal bold 16px arial;
}
/* ================================================================ */
.card-box {
box-shadow: 0 6px 10px 0 rgba(0,0,0,0.5);
width: 250px;
border-radius: 13px;
}
.card-container {
padding: 2px 14px;
font-size: 14px;
margin: 8px;
}
.card-container h2 {
padding: 2px 4px;
margin: 5px;
font: bold 18px black;
}
/* ================================================================ */
.errors, .errortext, .help-text {
color: red;
text-align: center;
font: bold 12px arial;
}
/* ================================================================ */
} /* END OF: media only screen and (min-width:641px */
/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
/* tablet, landscape iPad, lo-res laptops and desktops */
/* ================================================================ */
@media only screen
and (min-width:961px)
and (max-width:1024px)
{
/* ================================================================ */
h1 {
font-size: 46px;
}
h2 {
font-size: 38px;
}
h3 {
font-size: 30px;
}
p {
font: 16px arial;
}
/* ============================================== */
.onsubmit p {
font: 16px arial;
}
.footerbox h1 {
font-size: 42px;
}
.footerbox h2 {
font-size: 34px;
}
.footerbox p {
font-size: 14px;
}
#aeibuttonfont {
font: normal normal bold 18px arial;
}
/* ================================================================ */
.aeitable {
max-width: 1000px;
}
.aeigridlayout {
margin: 25px;
grid-auto-rows: minmax(10px, auto);
grid-row-gap: 10px;
font: normal normal bold 18px arial;
}
/* ================================================================ */
.errors, .errortext, .help-text {
color: red;
text-align: center;
font: bold 14px arial;
}
/* ================================================================ */
} /* END OF: media only screen and (min-width:961px) */
/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
/* big landscape tablets, laptops, and desktops */
/* ================================================================ */
@media only screen
and (min-width:1025px)
{
/* ================================================================ */
h1 {
font-size: 56px;
}
h2 {
font-size: 48px;
}
h3 {
font-size: 40px;
}
p {
font: 18px arial;
}
/* ============================================== */
.onsubmit p {
font: 18px arial;
}
.footerbox h1 {
font-size: 52px;
}
.footerbox h2 {
font-size: 44px;
}
#aeibuttonfont {
font: normal normal bold 20px arial;
}
/* ================================================================ */
.aeitable {
max-width: 1000px;
}
.aeigridlayout {
margin: 25px;
grid-auto-rows: minmax(10px, auto);
grid-row-gap: 10px;
font: normal normal bold 18px arial;
}
/* ================================================================ */
.errors, .errortext, .help-text {
color: red;
text-align: center;
font: bold 16px arial;
}
/* ================================================================ */
} /* END OF: media only screen and (min-width:1025px) */
/* ================================================================ */
/* ===================================================================
*
* $Log: grids.css,v $
* Revision 1.3 2025/11/15 02:15:01 dlc
* pushing checkin for testing...
*
* Revision 1.2 2025/11/15 01:20:25 dlc
* pushing checkin for testing...
*
* Revision 1.1.1.1 2025/10/16 18:56:30 dlc
* DLIM initial import (from FMD master as of 2025-10-16)
*
* Revision 1.26 2025/06/25 03:22:51 dlc
* Added Dr Gutman and Bonded Cystine video.
*
* Revision 1.25 2025/06/23 20:45:44 dlc
* Added topdoc to header box on backoffice.
* Othere assorted changes.
*
* Revision 1.24 2025/04/29 21:33:20 dlc
* Changes to make HotProspect an array.
*
* Revision 1.23 2025/02/15 19:23:33 dlc
* Changed the copyright statements on all files.
*
* Revision 1.22 2024/12/24 15:39:59 dlc
* Added to linkset-content, et al.
*
* Revision 1.21 2024/12/24 15:24:16 dlc
* Added flex to linkset-content.
*
* Revision 1.20 2024/12/17 23:51:19 dlc
* Continuing updating bad chattie code...
*
* Revision 1.19 2024/10/31 13:14:47 dlc
* Cleaned out some old cruft.
* Working on the AJAX Submit process.
*
* Revision 1.18 2024/10/30 15:51:26 dlc
* Hybrid/three-step seems to be working.
* Changes to CSS and JS to assist.
*
* Revision 1.17 2024/10/29 16:31:46 dlc
* Added responsive.css to the mix.
*
* Revision 1.16 2024/10/28 23:40:59 dlc
* Fixed the two-step process; the three-step process still has
* problems. There is an additional hybrid process, where the form does
* NOT use AJAX controls, but the Submit button is processed by HTML5. THAT has
* been fixed in this checkin.
* Several other changes and bug fixes as they were found were
* also applied.
*
* Revision 1.15 2024/10/22 04:01:34 dlc
* Testing AJAX; 'So Now What?' seems to be working.
*
* Revision 1.14 2024/10/20 00:38:17 dlc
* After Chattie and I completely rewrote the AJAX code.
*
* Revision 1.13 2024/10/16 19:43:48 dlc
* Added trigger_forward_form
*
* Revision 1.12 2024/10/08 05:31:33 dlc
* Removed the [More] button code. It will never be needed.
*
* Revision 1.11 2024/10/07 22:12:45 dlc
* Added trigger_more_button css and code.
*
* Revision 1.10 2024/10/07 21:02:31 dlc
* Added CSS code for trigger_forward options.
*
* Revision 1.9 2024/09/19 16:24:38 dlc
* With new Session/Cookie combined manager.
* Now I can start testing AJAX.
*
* Revision 1.8 2024/07/31 05:22:35 dlc
* During testing of new fix-dlc.sh script.
*
* Revision 1.7 2024/07/22 05:33:05 dlc
* Added more files to work with.
*
* Revision 1.6 2024/07/22 05:23:17 dlc
* Added more files to work with.
*
* Revision 1.5 2024/07/22 05:19:17 dlc
* Added more files to work with.
*
* Revision 1.4 2024/07/22 05:17:29 dlc
* Added more files to work with.
*
* Revision 1.3 2024/07/22 05:02:49 dlc
* Added more files to work with.
*
* Revision 1.2 2024/07/18 07:01:24 dlc
* Added scrolling table.
*
* Revision 1.1.1.1 2024/04/29 01:20:54 dlc
* initial checkin of 4MD files
*
================================================================== */