/**************************************************************************************************/
/* Main                                                                                           */
/**************************************************************************************************/
body       { font-family:Verdana, Palatino, Arial, times, serif; font-size:1.0em; color:black; background-color:black; overflow:hidden; }
h1         { width:100%; font-size:2.0em; margin-bottom:0.2em; padding:0.2em 0; }
h2         { font-size:1.8em; margin:0.2em 0.3em;  padding:0.2em; text-align:center; background-color:transparent; color:black; border:0; background-image:none; }
h3         { font-size:1.5em; margin:0.2em; padding:0.2em 0 0.2em 0.4em; color:maroon; text-align:center; border:1px solid lightblue; border-radius:11px; background-image:linear-gradient(lightblue, rgb(222, 240, 245)); }
h4         { font-size:1.1em; width:calc(100% - 0.6em); margin-bottom:0.2em; padding:0.2em 0 0.2em 0.6em; color:maroon; text-align:left; }
p          { padding:0 0.7em 1.5em 0.7em; text-align:justify; font-size:1.0em; line-height:1.4em; }
a          { text-decoration:none; font-weight:bold; color:red; }
a:hover    { text-decoration:underline; }
a:focus    { outline:none; }
ul.updates { padding:0 3px 0 1.2em; margin:0; }

/**************************************************************************************************/
/* Menu                                                                                           */
/**************************************************************************************************/
div.btn_empty              { max-width:8.3em; margin-bottom:10px; background-color:transparent; height:6em; }
div.pg_menubtn             { background-color:rgb(150, 0, 1); color:rgb(222, 169, 3); }
div.pg_menubtn:hover       { background-color:rgb(150, 0, 1); color:rgb(254, 228, 150); }
div.pg_menubtn_nasg        { max-width:8.3em; margin-bottom:10px; padding:8px; border-radius:4px; text-align:center; font-family:Palatino, Arial, times, serif; font-size:1.3em; background-color:beige; color:green; }
div.pg_menubtn_nasg:hover  { background-color:rgb(255, 175, 28); }
div.btnfocus               { background-color:rgb(222, 169, 3); color:rgb(150, 0, 1); }   /* this must be a div */

/**************************************************************************************************/
/* Row and columns                                                                                */
/**************************************************************************************************/
.grid_flow_nav                   { flex:1; margin-bottom:2.0em; }
.grid_3268 label                 { padding-left:0.7em; }
.grid_carorder                   { display:grid; grid: auto / 15% 85%; grid-auto-rows:max-content; margin-bottom:0.3em; }
.grid_clinics                    { display:grid; grid: auto / 10% 25% 65%; grid-auto-rows:max-content; margin-bottom:1.5em; }
.grid_event_ride                 { display:grid; grid: auto / 15% 50% 35%; grid-auto-rows:max-content; margin-bottom:0.5em; }
.grid_event_ride div.row         { min-height:2.1em; padding:0.3em 0 0 1.0em; }
.grid_event_ride div.rowselect   { min-height:2.1em; }
.grid_event_attend               { display:grid; grid: auto / 3% 40% 17% 40%; grid-auto-rows:max-content; }
.grid_event_attend div.row       { min-height:2.1em; padding-top:0.3em; border-top:1px solid gray; }
.grid_event_attend div.rowcheck  { min-height:2.1em; padding-top:0.3em; border-top:1px solid gray; text-align:center; }
.grid_event_attend div.rowselect { min-height:2.1em; border-top:1px solid gray; }
.grid_adminmenu                  { display:grid; grid: auto / 55% 45%; grid-auto-rows:max-content; margin-bottom:1.5em; }
.grid_adminmanage                { display:grid; grid: auto / 50% 25% 25%; grid-auto-rows:max-content; margin-bottom:1.5em; }
.grid_adminunpaid                { display:grid; grid: auto / 11% 23% 31% 15% 10% 10%; grid-auto-rows:max-content; margin-bottom:0.3em; }
.grid_paypaldump                 { display:grid; grid: auto / 10% 14% 14% 10% 10% 1% 1% 40%; grid-auto-rows:max-content; margin-bottom:0.3em; }
.grid_vendorlist                 { display:grid; grid: auto / 25% 30% 35% 10%; grid-auto-rows:max-content; margin:0.3em; }
.grid_vendorlist p               { padding:3px 0 3px 0; text-align:left; }
.grid_vendorlist4                { display:grid; grid: auto / 26% 30% 11% 11% 11% 11%; grid-auto-rows:max-content; margin:0.3em; }
.grid_vendorlist4 p              { padding:3px 0 3px 0; text-align:left; }
.grid_pricing                    { display:grid; grid: auto / 50% 15% 35%; grid-auto-rows:max-content; margin-bottom:0.3em; }

/**************************************************************************************************/
/* Forms                                                                                          */
/**************************************************************************************************/
div.formlabel               { display:flex; justify-content:left; padding-left:0.5em; }
div.formedit                { padding-right:0.7em; }
div.formradio               { padding-left:0.7em; text-align:center; }
div.formselect              { padding-left:0.0em; text-align:center; padding-right:0.5em; }
input[type=submit]          { width:30%; margin:0 0 0 calc(68% - 0.3em); padding:0 3px 0 3px; color:white; font-size:1.7em; border:1px solid black; border-radius:5px; box-shadow:2px 2px 2px 2px gray; background-color:green; cursor:pointer; }
input[type=submit].flexible { width:auto; margin:0; padding:0 3px 0 3px; text-align:center; color:white; font-size:1.7em; border:1px solid black; border-radius:5px; box-shadow:2px 2px 2px 2px gray; background-color:green; cursor:pointer; }
textarea                    { width:calc(100% - 0.7em); height:150px; resize:none; margin:0.3em; padding:0.3em; border:1px solid black; border-radius:10px; }
input.small_edit            { margin-left:1.0em; width:10%; text-align:right; }
input.left_edit             { margin-left:1.0em; width:80%; text-align:right; }
input.medium_edit           { width:30%; text-align:right; }

form.summary_form                    { }
form.summary_form input[type=submit] { width:auto; margin:0.3em 0 0.3em 0.3em; padding:0 3px 0 3px; color:white; font-size:1.7em; border:1px solid black; border-radius:5px; box-shadow:2px 2px 2px 2px gray; background-color:green; cursor:pointer; }

form.form_admin                    { }
form.form_admin input[type=submit] { width:93%; margin:0.3em 0 0.3em 0.3em; padding:0 3px 0 3px; text-align:center; color:white; font-size:1.7em; border:1px solid black; border-radius:5px; box-shadow:2px 2px 2px 2px gray; background-color:green; cursor:pointer; }

form.form_convcart          { border-radius:5px; box-shadow:none; margin:0 0.3em 0 0.3em; }
div.grid_convcart           { display:grid; grid: auto / 35% 12% 14% 13% 6% 10% 10%; grid-auto-rows:max-content; margin:0 0.3em 0.1em 0.3em; background-color:lightgreen; border-radius:3px; }
div.grid_convcart_cell_l    { height:100%; min-height:1.7em; display:flex; justify-content:left;   align-items:center; padding-left:3px; }
div.grid_convcart_cell_r    { height:100%; min-height:1.7em; display:flex; justify-content:right;  align-items:center; }
div.grid_convcart_cell      { height:100%; min-height:1.7em; display:flex; justify-content:center; align-items:center; }
input[type=submit].convcart { width:auto; margin:0; padding:0; text-align:center; color:yellow; background-color:darkgreen; font-size:1em; font-weight:bold; border:1px solid black; border-radius:5px; box-shadow:none; cursor:pointer; }
.grid_viewcart_lineitem     { display:grid; grid: auto / 35% 15% 50%; grid-auto-rows:max-content; margin-bottom:0.5em; }
div.grid_convcart_summary   { display:grid; grid: auto / 10% 60% 15% 15%; grid-auto-rows:max-content; margin-bottom:0.5em; }

/**************************************************************************************************/
/* Specialty.                                                                                     */
/**************************************************************************************************/
.errortext      { background-color:yellow; border:3px solid red; margin:0.3em 0.3em 1.0em 0.3em; padding:0.2em; }
.attention      { background-color:greenyellow; margin:4px; }
.simultaneously { background-color:lightgreen; margin:4px; }
.hide           { display:none; }
div.admin_only  { background-color:powderblue; border:1px solid green; margin:0.3em 0.3em 1.0em 0.3em; padding:0.2em; }
div.dont_print  { }
span.dont_print { }

/**************************************************************************************************/
/* Small screens                                                                                  */
/**************************************************************************************************/
@media only screen and (max-width:845px)
{
    div.pg_container                     { flex-direction:column; padding:0; }
        div.pg_menu_l                    { order:1; width:100%; height:2.0em; margin:1px 0 1px 0; display:inline-grid; grid-template-columns: 9% 12% 12% 14% 12% 16% 12% 11%; grid-column-gap:1px; }
        div.pg_menu_r                    { order:2; width:100%; height:2.0em; margin:1px 0 1px 0; display:inline-grid; grid-template-columns: 9% 12% 12% 14% 12% 16% 12% 11%; grid-column-gap:1px; }
            div.pg_menubtn               { height:2.9em; margin:0; padding:3px 0px 3px 0px; font-size:0.7em; }
            div.pg_menulogo              { }
            div.pg_menubtn_nasg          { height:2.9em; margin:0; padding:3px; font-size:0.7em;  }
            div.pg_menucart              { }
            div.pg_menulogo img          { margin:0; padding:0; max-height:3.0em; }
        div.pg_content                   { order:3; height:calc(100% - 4.0em - 8px); }
    h1                                   { font-size:1.3em; }
    h2                                   { font-size:1.2em; }
    h3                                   { font-size:1.1em; }
    h4                                   { font-size:1.0em; }
    .grid_7030                           { grid: auto / 50% 50%; }
    .formlabel                           { font-size:0.9em; }
    ul.updates                           { padding:0 3px 0 1.1em; margin:0; }
    .grid_clinics                        { display:grid; grid: auto / 12% 25% 63%; grid-auto-rows:max-content; margin-bottom:1.0em; }
    .grid_pricing                        { display:grid; grid: auto / 50% 15% 35%; grid-auto-rows:max-content; margin-bottom:0.3em; }
    .grid_pricing p                      { font-size:0.8em; text-align:left; }
    .grid_viewcart_lineitem              { display:grid; grid: auto / 65% 34% 1%; grid-auto-rows:max-content; margin-bottom:0.5em; }
    p                                    { padding:0 0.4em 1.0em 0.3em; text-align:justify; font-size:0.9em; line-height:1.3em; }
    form input[type=submit] { font-size:1.1em; }
}
@media only screen and (max-height:410px)
{
    h1 { font-size:1.1em; }
    h2 { font-size:1.0em; }
}

/**************************************************************************************************/
/*                                      Printed Page                                              */
/**************************************************************************************************/
@media only print
{
    h3                { color:black; border:1px solid grey; border-radius:11px; background-image:none; }
    div.dont_print    { display:none; }
    span.dont_print   { display:none; }
    form.summary_form { display:none; }
}

/**************************************************************************************************/