/* ########################################################################## */
/* D:\Homework\Ajax4Hire.com\Ajax4Hire.css                                    */
/* 2025-06Jun-08Sun: Updated per Grok recommendations                         */
/* 2023-12Dec-03Sun: Updated comment style                                    */
/* -------------------------------------------------------------------------- */
/* ================================== */
/* ---------------------------------- */
/* Grok: Reset browser defaults for consistency                               */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* Grok: Define custom properties with 3-letter names                         */
:root {
  --fnt-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --fnt-serf: 'Times New Roman', Times, serif;
  --fnt-ablk: 'Arial Black', Gadget, sans-serif;
  --clr-blk:  #000000;
  --clr-wht:  #ffffff;
  --clr-cyn:  #00ffff;
  --clr-blu:  #00008b;
  --clr-grn:  #006400;
  --clr-yel:  #ffff80;
  --clr-red:  #ff0000;
  --clr-csc:  #20a0e0; /* Cisco blue */
  --clr-nvy:  #000080; /* Navy for links */
  --clr-mrn:  #800000; /* Maroon for links */
  --max-wdt:  1200px;
}
/* Grok: Consolidated font styles                                             */
.font-arial         { font-family: var(--fnt-sans); line-height: 1.20; }
.font-arial--tight  {                               line-height: 1.00; }
.font-arial--med    {                               line-height: 0.95; }
.font-arial-black   { font-family: var(--fnt-ablk); line-height: 1.20; }
.font-arial-black--tight {                          line-height: 1.00; }
.font-arial-black--med   {                          line-height: 0.95; }
.font-times         { font-family: var(--fnt-serf); line-height: 0.95; }

/* -------------------------------------------------------------------------- */
.font_arial         { font-family: sans-serif;      line-height: 1.00; }
.font_arial_08      { font-family: sans-serif;      line-height: 0.80; }
.font_arial_09      { font-family: sans-serif;      line-height: 0.95; }
.font_arialblack    { font-family: arial black;     line-height: 1.00; }
.font_arialblack_08 { font-family: arial black;     line-height: 0.80; }
.font_arialblack_09 { font-family: arial black;     line-height: 0.95; }
.font_times         { font-family: serif;           line-height: 0.95; }

/* Grok: Font sizes (rem for accessibility)                                  */
.font-00 { font-size: 0.000rem; } /*  0pt; */
.font-02 { font-size: 0.125rem; } /*  2pt; */
.font-04 { font-size: 0.250rem; } /*  4pt; */
.font-05 { font-size: 0.3125rem;} /*  5pt; */
.font-06 { font-size: 0.375rem; } /*  6pt; */
.font-08 { font-size: 0.500rem; } /*  8pt; */
.font-10 { font-size: 0.625rem; } /* 10pt; */
.font-11 { font-size: 0.6875rem;} /* 11pt; */
.font-12 { font-size: 0.750rem; } /* 12pt; */
.font-13 { font-size: 0.8125rem;} /* 13pt; */
.font-14 { font-size: 0.875rem; } /* 14pt; */
.font-16 { font-size: 1.000rem; } /* 16pt; */
.font-18 { font-size: 1.125rem; } /* 18pt; */
.font-20 { font-size: 1.250rem; } /* 20pt; */
.font-24 { font-size: 1.500rem; } /* 24pt; */
.font-28 { font-size: 1.750rem; } /* 28pt; */
.font-32 { font-size: 2.000rem; } /* 32pt; */
.font-36 { font-size: 2.250rem; } /* 36pt; */
.font-42 { font-size: 2.625rem; } /* 42pt; */
.font-48 { font-size: 3.000rem; } /* 48pt; */
.font-56 { font-size: 3.500rem; } /* 56pt; */
.font-64 { font-size: 4.000rem; } /* 64pt; */
.font-72 { font-size: 4.500rem; } /* 72pt; */
.font-84 { font-size: 5.250rem; } /* 84pt; */
.font-96 { font-size: 6.000rem; } /* 96pt; */
/* ---------------------------------- */
.font_00 { font-size: 0.000rem; } /* 00px; */
.font_02 { font-size: 0.125rem; } /* 02px; */
.font_04 { font-size: 0.250rem; } /* 04px; */
.font_05 { font-size: 0.3125rem;} /* 05pt; */
.font_06 { font-size: 0.375rem; } /* 06px; */
.font_08 { font-size: 0.500rem; } /* 08px; */
.font_10 { font-size: 0.625rem; } /* 10px; */
.font_11 { font-size: 0.6875rem;} /* 11pt; */
.font_12 { font-size: 0.750rem; } /* 12px; */
.font_13 { font-size: 0.8125rem;} /* 13px; */
.font_14 { font-size: 0.875rem; } /* 14px; */
.font_16 { font-size: 1.000rem; } /* 16px; */
.font_18 { font-size: 1.125rem; } /* 18px; */
.font_20 { font-size: 1.250rem; } /* 20px; */
.font_24 { font-size: 1.500rem; } /* 24px; */
.font_28 { font-size: 1.750rem; } /* 28px; */
.font_32 { font-size: 2.000rem; } /* 32px; */
.font_36 { font-size: 2.250rem; } /* 36px; */
.font_42 { font-size: 2.625rem; } /* 42px; */
.font_48 { font-size: 3.000rem; } /* 48px; */
.font_56 { font-size: 3.500rem; } /* 56px; */
.font_64 { font-size: 4.000rem; } /* 64px; */
.font_72 { font-size: 4.500rem; } /* 72px; */
.font_84 { font-size: 5.250rem; } /* 84px; */
.font_96 { font-size: 6.000rem; } /* 96px; */

/* -------------------------------------------------------------------------- */
p        {    margin: 15px 10px 10px 10px }

/* ========================================================================== */
.BlackOnCyan {
      text-align: center;
background-color: Cyan;
           color: Black;
          margin: 0 0 0 0;
     font-family: sans-serif;
     line-height: 0.90;
     font-weight: bold;
       font-size: 1.500rem;
     white-space: nowrap;
}
.CiscoOnWhite {
      text-align: center;
background-color: White;
           color: #20a0e0;
          margin: 0 0 0 0;
     font-family: sans-serif;
     line-height: 0.90;
     font-weight: bold;
       font-size: 1.500rem;
     white-space: nowrap;
}
.WhiteOnBlue {
      text-align: center;
background-color: DarkBlue;
           color: White;
          margin: 0 0 0 0;
     font-family: sans-serif;
     font-weight: bold;
     line-height: 0.90;
}
.WhiteOnBlue_BottomBorder {
      text-align: center;
background-color: DarkBlue;
           color: White;
          margin: 0 0 0 0;
     font-family: sans-serif;
     font-weight: bold;
     line-height: 0.90;
   border-bottom: 11px solid #000000;
     white-space: nowrap;
}
.WhiteOnGreen_BottomBorder0 {
      text-align: center;
background-color: DarkGreen;
           color: White;
          margin: 0 0 0 0;
     font-family: sans-serif;
     line-height: 0.90;
     font-weight: bold;
   border-bottom: 11px solid #000000;
     white-space: nowrap;
       font-size: 1.500rem;
}
.WhiteOnBlue_BottomBorder0 {
      text-align: center;
background-color: DarkBlue;
           color: White;
          margin: 0 0 0 0;
     font-family: sans-serif;
     line-height: 0.90;
     font-weight: bold;
   border-bottom: 11px solid #000000;
     white-space: nowrap;
       font-size: 1.500rem;
}
.WhiteOnBlue_BottomBorder1 {
      text-align: center;
background-color: DarkBlue;
           color: White;
          margin: 0 0 0 0;
     font-family: sans-serif;
     line-height: 0.90;
     font-weight: bold;
   border-bottom:  7px solid #000000;
     white-space: nowrap;
       font-size: 1.125rem;
}
.WhiteOnBlue_BottomBorder2 {
      text-align: center;
background-color: DarkBlue;
           color: White;
          margin: 0 0 0 0;
     font-family: sans-serif;
     line-height: 0.90;
     font-weight: bold;
   border-bottom:  7px solid #000000;
     white-space: nowrap;
       font-size: 0.750rem;
}
.BlackOnRed {
      text-align: center;
background-color: #ff0000;
           color: #000000;
          margin: 0 0 0 0;
     font-family: sans-serif;
     font-weight: bold;
     line-height: 0.90;
}
.BlackOnYellow_BottomBorder0 {
      text-align: center;
background-color: #ffff80;
           color: Black;
          margin: 0 0 0 0;
     font-family: sans-serif;
     line-height: 0.90;
     font-weight: bold;
       font-size: 1.500rem;
   border-bottom:  7px solid #000000;
     white-space: nowrap;
}
.BlackOnYellow_BottomBorder1 {
      text-align: center;
background-color: #ffff80;
           color: Black;
          margin: 0 0 0 0;
     font-family: sans-serif;
     line-height: 0.90;
     font-weight: bold;
       font-size: 1.125rem;
   border-bottom:  7px solid #000000;
     white-space: nowrap;
}
.BlackOnYellow_BottomBorder2 {
      text-align: center;
background-color: #ffff80;
           color: Black;
          margin: 0 0 0 0;
     font-family: sans-serif;
     line-height: 0.90;
     font-weight: bold;
       font-size: 0.750rem;
   border-bottom:  7px solid #000000;
     white-space: nowrap;
}

.BlackOnWhite_Center {
      text-align: center;
     font-family: serif;
     font-weight: bold;
   border-bottom: 5px solid #000000;
     white-space: nowrap;
     line-height: 0.50;
}

   a:link.NoUnderline	{text-decoration: none; color: #000000; background-color: #ffffff;}
a:visited.NoUnderline	{text-decoration: none; color: #000080; background-color: #ffffff;}
  a:hover.NoUnderline	{text-decoration: none; color: #008000; background-color: #ffffff;}
 a:active.NoUnderline	{text-decoration: none; color: #800000; background-color: #ffffff;}

/* ========================================================================== */
/* 2025-05May-26Mon update from CoPilot                                       */
/* -------------------------------------------------------------------------- */
.Button_Grn {
  color:           white;
  font-family:     arial;
  font-size:       1.250rem;
  font-weight:     bold;
  padding:         1px 3px;
  text-decoration: none;
  display:         inline-block;
  background:      green;
  border-radius:   7px;
  border:          3px solid #000040;
  box-shadow:      3px 3px 3px rgba(00, 00, 64, 0.3);
}.Button_Grn:hover {
  background:      darkgreen;
}.Button_Grn:active {
  position:relative;
  top:1px;
}
/* -------------------------------------------------------------------------- */
.Button_Blu {
  color:           white;
  font-family:     arial;
  font-size:       1.250rem;
  font-weight:     bold;
  padding:         1px 3px;
  text-decoration: none;
  display:         inline-block;
  background:      blue;
  border-radius:   7px;
  border:          3px solid #004000;
  box-shadow:      3px 3px 3px rgba(0, 64, 0, 0.3);
}.Button_Blu:hover {
  background:      darkblue;
}.Button_Blu:active {
  position:relative;
  top:1px;
}
/* -------------------------------------------------------------------------- */
.Button_Red {
  color:           white;
  font-family:     arial;
  font-size:       1.250rem;
  font-weight:     bold;
  padding:         1px 3px;
  text-decoration: none;
  display:         inline-block;
  background:      #a00000;
  border-radius:   7px;
  border:          3px solid #400000;
  box-shadow:inset 0px 0px 0px 0px #FF0000;
}.Button_Red:hover {
  background:      #800000;
}.Button_Red:active {
  position:relative;
  top:1px;
}
/* -------------------------------------------------------------------------- */
.Button_Clr {
  color:           black;
  font-family:     arial;
  font-size:       1.000rem;
  font-weight:     bold;
  padding:         1px 3px;
  text-decoration: none;
  display:         inline-block;
  background:      #ffffff;
  border-radius:   7px;
  border:          0px solid black;
  box-shadow:      3px 3px 3px rgba(16, 16, 16, 0.3);
}.Button_Clr:hover {
  background:      lightgray;
}.Button_Clr:active {
  position:relative;
  top:1px;
}
/* -------------------------------------------------------------------------- */
/* Container holding the image and the text */
.Button_Blu_Input {
       font-family: sans-serif;
        text-align: left;
             color: white;
  background-color: darkblue;
            margin: 0 0 0 0;
       font-weight: bold;
       line-height: 1.20;
}
.Button_Blu_Entry {
       font-family: sans-serif;
             color: black;
  background-color: white;
}
/* ########################################################################## */