@media screen
   {
      .noscreen {display: none !important; }

      .pmar21           { margin: auto; width: 250mm; }
      .pmar29           { margin: auto; width: 350mm; }

      .fpx1             { font-size: 20px; }
      .fpx2             { font-size: 14px; }
      .fpx3             { font-size: 12px; }
      .fpx4             { font-size: 11px; }
      .fpx5             { font-size: 10px; }
      .fpx6             { font-size: 9px; }
      .fpx7             { font-size: 7px; }
      .fpx8             { font-size: 8px; }

      .apx1             { font-size: 30px; }
      .apx2             { font-size: 22px; }
      .apx3             { font-size: 17px; }
      .apx4             { font-size: 14px; }
      .apx5             { font-size: 12px; }
      .apx6             { font-size: 11px; }
      .apx7             { font-size: 10px; }

      .fpt1             { font-size: x-large; }
      .fpt2             { font-size: 16pt; }
      .fpt3             { font-size: 10pt; }
      .fpt4             { font-size: smaller; }
      .fpt5             { font-size: 12pt; }
      .fpt6             { font-size: 10pt; }
      .apt1             { font-size: xx-large; }
      .apt2             { font-size: 24pt; }
      .apt3             { font-size: 16pt; }
      .apt4             { font-size: 11pt; }
      .apt5             { font-size: 14pt; }
   }

@media print
   {
      .noprint  {display: none !important; }

      .pmar21           { margin: 1px; width: 300mm;}
      .pmar29           { margin: 1px; width: 400mm; }

      .fpx1             { font-size: 24px; }
      .fpx2             { font-size: 18px; }
      .fpx3             { font-size: 16px; }
      .fpx4             { font-size: 15px; }
      .fpx5             { font-size: 14px; }
      .fpx6             { font-size: 13px; }
      .fpx7             { font-size: 10px; }
      .fpx8             { font-size: 12px; }

      .apx1             { font-size: 34px; }
      .apx2             { font-size: 26px; }
      .apx3             { font-size: 21px; }
      .apx4             { font-size: 18px; }
      .apx5             { font-size: 16px; }
      .apx6             { font-size: 15px; }
      .apx7             { font-size: 12px; }

      .fpt1             { font-size: 22pt; }
      .fpt2             { font-size: 20pt; }
      .fpt3             { font-size: 14pt; }
      .fpt4             { font-size: 12pt; }
      .fpt5             { font-size: 16pt; }
      .fpt6             { font-size: 10pt; }
      .apt1             { font-size: 28pt; }
      .apt2             { font-size: 28pt; }
      .apt3             { font-size: 20pt; }
      .apt4             { font-size: 15pt; }
      .apt5             { font-size: 18pt; }
   }

html              { min-height: 100%;}

caption           { caption-side:top; text-align:center; color:navy; font-weight: bold; }

fieldset          { border: 1px solid black; padding: 10px; }

legend            { display: block; padding-left: 10px; padding-right: 10px; border: none; font-size : 9pt; font-weight: bold; }

button:focus, button:hover { outline: none !important; font-style: italic; }

a.lnk             { text-decoration: none; color:white; font-family: 'Monotype Corsiva', Arial, serif; }
a.lnk:hover       { color:orange; }

.navbar           { height:50px; }
.my-navbar .navbar-nav > li > a:focus, a:hover, .dropdown-menu > li > a:focus, a:hover { outline: none !important; font-style:italic; }

.fixe             { line-height: 17px;}
.ombre            { text-shadow: 1px 2px 12px #000; }
.lnar             { padding-bottom: 2px; padding-top: 2px; line-height:18px; }
.pad10            { padding-bottom: 10px; padding-right: 10px; }
.pad5             { padding-bottom: 5px; padding-top: 5px; }
.pad2             { padding-bottom: 2px; padding-top: 2px; }
.pad0             { padding-bottom: 0px; padding-top: 0px; }
.bnb              { border-bottom: 1px solid white !important; }
.bnx              { border-bottom: 0px solid white !important; }
.bnl              { border-left: 0px solid white !important; }
.bnr              { border-right: 0px solid white !important; }
.bnt              { border-top: 0px solid white !important; }

.wel              { white-space: nowrap; text-overflow:ellipsis; overflow: hidden; max-width:1px; }
.wtr              { white-space: nowrap; text-overflow:clip; overflow: hidden; max-width:1px; }

.divider { display: table; font-weight: bold; text-align: center; line-height: normal; width: 75%; margin: 40px auto; }
.divider span { display: table-cell; position: relative; }
.divider span:first-child, .divider span:last-child { width: 50%; line-height: normal; top: 6px; -moz-background-size: 100% 2px;
            background-size: 100% 5px; background-position: 0 0, 0 100%; background-repeat: no-repeat; }
.divider span:first-child { background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(navy));
                            background-image: -webkit-linear-gradient(180deg, transparent, navy);
                            background-image: -moz-linear-gradient(180deg, transparent, navy);
                            background-image: -o-linear-gradient(180deg, transparent, navy);
                            background-image: linear-gradient(90deg, transparent, navy); }
.divider span:nth-child(2) { color: navy; padding: 0px 5px; width: auto; white-space: nowrap; }
.divider span:last-child { background-image: -webkit-gradient(linear, 0 0, 0 100%, from(navy), to(transparent));
                           background-image: -webkit-linear-gradient(180deg, navy, transparent);
                           background-image: -moz-linear-gradient(180deg, navy, transparent);
                           background-image: -o-linear-gradient(180deg, navy, transparent);
                           background-image: linear-gradient(90deg, navy, transparent); }
