﻿ul.flo.tbl li  { padding: 0; min-height: 20px; padding-top: 5px; margin-right: 0; }
ul.flo.tbl ul  { margin: 0; }
ul.flo.tbl ul li  { display: inline-block; padding: 2px 2px 0; margin: -1px -1px 0 0; border: 1px solid #ccc; }
ul.flo.tbl ul.sm-lbl input[type="button"]   { height: 20px; width: 40px; margin-right: 1px; margin-top: 1px; padding: 1px 3px;
                                              vertical-align: baseline; }
ul.flo.tbl li ul.bbtm             { margin-bottom: 0; }
.flo.tbl ul.sm-lbl label          { margin-right: 5px; font-size: 11px; font-weight: bold; vertical-align: baseline; }
.flo.tbl li.tbody                 { padding-top: 0; }
.flo.tbl li.tbody ul:nth-child(1) li:nth-child(1) { padding: 0; }         /* 'Edit' button */
.flo.tbl li.tbody ul:nth-child(1) li { height: 24px;  padding: 4px 4px 0; }
.flo.tbl li.tbody ul.d1           { border-top: 1px solid #222; padding-top: 1px; }
.flo.tbl li.thead ul.d1 li        { height: 36px; }                       /* header taller */
.flo.tbl ul.d1 li:nth-child(1)    { width:  55px; text-align: center; }                       /* buttons */
.flo.tbl ul.d1 li:nth-child(2)    { width:  50px; text-align: center; }   /* Id */
.flo.tbl ul.d1 li:nth-child(3)    { width: calc(100% - 667px); }          /* Name */
.flo.tbl ul.d1 li:nth-child(4)    { width:  90px; }                       /* Status */
.flo.tbl ul.d1 li:nth-child(5)    { width:  85px; }                       /* IDCard */
.flo.tbl ul.d1 li:nth-child(6)    { width:  70px; }                       /* BalDue */
.flo.tbl ul.d1 li:nth-child(7)    { width:  85px; }                       /* Expires */
.flo.tbl ul.d1 li:nth-child(8)    { width: 120px; }                       /* Phone1 */
.flo.tbl ul.d1 li:nth-child(9)    { width: 120px; }                       /* Phone2 */
.flo.tbl ul.d2                    { width: 100%; background-color: #eee; }
.flo.tbl ul.d2 li:nth-child(1)    { width: calc(100% - 499px); margin-left: 54px; }    /* Address */
.flo.tbl ul.d2 li:nth-child(2)    { width: 218px; }                       /* City */
.flo.tbl ul.d2 li:nth-child(3)    { width: 115px; }                       /* State */
.flo.tbl ul.d2 li:nth-child(4)    { width: 115px; }                       /* Zip */
.flo.tbl ul.d2 li:nth-child(5)    { width: calc(100% - 489px); margin-left: 54px; }    /* EMail */
.flo.tbl ul.d2 li:nth-child(6)    { width: 154px; }                       /* DOB */
.flo.tbl ul.d2 li:nth-child(7)    { width: 115px; }                       /* Gender */
.flo.tbl ul.d2 li:nth-child(8)    { width: 169px; }                       /* Joined */
.flo.tbl ul.d2 li:nth-child(9)    { width: calc(100% - 336px); margin-left: 54px; }    /* Company */
.flo.tbl ul.d2 li:nth-child(10)   { width: 115px; }                       /* NRA */
.flo.tbl ul.d2 li:nth-child(11)   { width: 169px; }                       /* Powderhorn */
.flo.tbl ul.d2 li:nth-child(12)   { width: calc(100% - 54px); margin-left: 54px; }    /* Occupation */

.tbl ul.page-filt li:nth-child(1)    { width: calc(100% - 407px); font-weight: bold; }
.tbl ul.page-filt li:nth-child(2)    { width: 100px; }
.tbl ul.page-filt li:nth-child(3)    { width: 220px; }
.tbl ul.page-filt li:nth-child(4)    { width:  90px; }

/* ---------- Tablet Landscape size ---------- */
@media only screen and (max-width: 979px) {
  .flo.tbl li.thead ul.d1 li:nth-child(8),
  .flo.tbl li.thead ul.d1 li:nth-child(9) { display: none; }
}
@media only screen and (min-width: 788px) and (max-width: 979px) {
  .flo.tbl ul.d1 li:nth-child(3)    { width: calc(100% - 429px); }        /* Name */
  .flo.tbl ul.d1 li:nth-child(8)    { width: calc(100% - 380px); margin-left: 54px; }                /* Phone1 */
  .flo.tbl ul.d1 li:nth-child(9)    { width: 327px; }                     /* Phone2 */
  .flo.tbl ul.d2 li:nth-child(1)    { width: calc(100% - 409px); margin-left: 54px; } /* Address */
  .flo.tbl ul.d2 li:nth-child(2)    { width: 188px; }                     /* City */
  .flo.tbl ul.d2 li:nth-child(3)    { width:  85px; }                     /* State */
  .flo.tbl ul.d2 li:nth-child(4)    { width:  85px; }                     /* Zip */
  .flo.tbl ul.d2 li:nth-child(5)    { width: calc(100% - 409px); margin-left: 54px; } /* EMail */
  .flo.tbl ul.d2 li:nth-child(6)    { width: 124px; }                     /* DOB */
  .flo.tbl ul.d2 li:nth-child(7)    { width: 100px; }                     /* Gender */
  .flo.tbl ul.d2 li:nth-child(8)    { width: 134px; }                     /* Joined */
  .flo.tbl ul.d2 li:nth-child(9)    { width: calc(100% - 236px); margin-left: 54px; } /* Company */
  .flo.tbl ul.d2 li:nth-child(10)   { width:  64px; }                     /* NRA */
  .flo.tbl ul.d2 li:nth-child(11)   { width: 120px; }                     /* Powderhorn */
}
@media only screen and (min-width: 980px) {
  .flo.tbl li.tbody ul.d1 li:nth-child(8) label,                          /* Phone1 */
  .flo.tbl li.tbody ul.d1 li:nth-child(9) label  { display: none; }       /* Phone2 */
}
@media only screen and (min-width: 788px) {
  .flo.tbl li.tbody ul.d1 li:nth-child(7) label  { display: none; }       /* Expires */
}
/* ---------- Tablet Portrait and Mobile Landscape size ---------- */
@media only screen and (min-width: 610px) and (max-width: 787px) {
  .flo.tbl li.thead ul.d1 li:nth-child(7) { display: none; }              /* Expires */
  .flo.tbl ul.d1 li:nth-child(3)    { width: calc(100% - 345px); }        /* Name */
  .flo.tbl li.tbody ul.d1 li:nth-child(7) { text-align: left; margin-left: 54px; } /* Expires */
  .flo.tbl ul.d1 li:nth-child(7),                                         /* Expires */
  .flo.tbl ul.d1 li:nth-child(8),                                         /* Phone1 */
  .flo.tbl ul.d1 li:nth-child(9)    { width: calc((100% -  52px) / 3); margin-left: 0; }     /* Phone2 */
  .flo.tbl ul.d2 li:nth-child(1)    { width: calc(100% -  54px); margin-left: 54px; } /* Address */
  .flo.tbl ul.d2 li:nth-child(2)    { width: calc(100% - 282px); margin-left: 54px; }  /* City */
  .flo.tbl ul.d2 li:nth-child(5)    { width: calc(100% -  54px); margin-left: 54px; } /* EMail */
  .flo.tbl ul.d2 li:nth-child(6),                                         /* DOB */
  .flo.tbl ul.d2 li:nth-child(11)    { margin-left: 54px; }               /* Powderhorn */
  .flo.tbl ul.d2 li:nth-child(6),
  .flo.tbl ul.d2 li:nth-child(7),
  .flo.tbl ul.d2 li:nth-child(8)    { width: calc((100% -  52px) / 3); }  /* DOB */
  .flo.tbl ul.d2 li:nth-child(9)    { width: calc(100% -  123px); margin-left: 54px; } /* Company */
  .flo.tbl ul.d2 li:nth-child(10)   { width:  70px; }                     /* NRA */
  .flo.tbl ul.d2 li:nth-child(11)   { width: 110px; }                     /* Powderhorn */
  .flo.tbl ul.d2 li:nth-child(12)    { width: calc(100% -  163px); margin-left: 0; } /* Occupation */
}
/* ---------- Mobile Portrait - large/small ---------- */
@media only screen and (min-width: 610px) {
  .flo.tbl li.tbody ul.d1 li:nth-child(4) label,                          /* Status */
  .flo.tbl li.tbody ul.d1 li:nth-child(5) label,                          /* IDCard */
  .flo.tbl li.tbody ul.d1 li:nth-child(6) label  { display: none; }       /* BalDue */
  .flo.tbl li.tbody ul.d1 li:nth-child(5),
  .flo.tbl li.tbody ul.d1 li:nth-child(6),
  .flo.tbl li.tbody ul.d1 li:nth-child(7)       { text-align: right; }
  .flo.tbl li.tbody ul.d1 li:nth-child(8),                                /* Phone1 */
  .flo.tbl li.tbody ul.d1 li:nth-child(9) { text-align: left; }           /* Phone2 */
}
/* ---------- Mobile Portrait - large/small ---------- */
@media only screen and (max-width: 609px) {
  ul.flo.tbl li { margin-right: 0; }
  .flo.tbl li.thead ul.d1 li:nth-child(4),                                /* Status */
  .flo.tbl li.thead ul.d1 li:nth-child(5),                                /* IDCard */
  .flo.tbl li.thead ul.d1 li:nth-child(6),                                /* BalDue */
  .flo.tbl li.thead ul.d1 li:nth-child(7) { display: none; }              /* Expires */
  .flo.tbl li.tbody ul.d1 li,
  .flo.tbl li.tbody ul.d2 li                  { margin-left: 0; text-align: left; }
  .flo.tbl ul.d1 li:nth-child(3)    { width: calc(100% - 103px); }        /* Name */
  .flo.tbl ul.d1 li:nth-child(4)    { width: calc(100% - 189px); }        /* Status */
  .flo.tbl ul.d1 li:nth-child(5)    { width: 190px; text-align: left; }   /* IDCard */
  .flo.tbl ul.d1 li:nth-child(6),                                         /* BalDue */
  .flo.tbl ul.d1 li:nth-child(7),                                         /* Expires */
  .flo.tbl ul.d1 li:nth-child(8),                                         /* Phone1 */
  .flo.tbl ul.d1 li:nth-child(9),                                         /* Phone2 */
  .flo.tbl ul.d2 li:nth-child(6),                                         /* DOB */
  .flo.tbl ul.d2 li:nth-child(7),                                         /* Gender */
  .flo.tbl ul.d2 li:nth-child(10),                                        /* NRA */
  .flo.tbl ul.d2 li:nth-child(11)   { width: calc((100% + 1px) / 2); text-align: left; } /* Powderhorn */
  .flo.tbl ul.d2 li:nth-child(1),                                         /* Address */
  .flo.tbl ul.d2 li:nth-child(5),                                         /* EMail */
  .flo.tbl ul.d2 li:nth-child(8),                                         /* Joined */
  .flo.tbl ul.d2 li:nth-child(9),                                         /* Company */
  .flo.tbl ul.d2 li:nth-child(12)   { width: 100%; }                      /* Occupation */
  .flo.tbl ul.d2 li:nth-child(2)    { width: calc(100% - 143px); }        /* City */
  .flo.tbl ul.d2 li:nth-child(3)    { width:  65px; }                     /* State */
  .flo.tbl ul.d2 li:nth-child(4)    { width:  80px; }                     /* Zip */
}
@media only screen and (max-width: 609px) {
  .flo.tbl li.tbody { font-size: 13px; }
}