User:Tony George

1. bodyContent ol li,
2. bodyContent ul li {

   margin-bottom: 1px !important;

} @media (max-width: 720px) {

   div#bodyContent table {
       display: table;
   }

} @media only screen and (max-width: 535px) {

   div#bodyContent .UBOX table td {
       min-height: 45px !important;
   }
   div#bodyContent .UBOX table img {
       width: revert !important;
       height: auto !important;
   }

} table.INFO, div.INFO {

   float: right;
   clear: right;
   margin: 3px 0 8px 1.5em;
   border-collapse: separate !important;

} table.INFO {

   width: 278px;
   max-width: 288px !important;
   width: 278px !important;
   line-height: 17px;
   font-size: 13px;

} div.INFO.LEFT {

   float: left !important;
   clear: none !important;
   margin-right: 1em;

} div.INFO.RIGHT {

   clear: none !important;

} @media only screen and (max-width: 690px) {

   div.LEFT,
   div.RIGHT {
       float: none !important;
       margin: 0.3em 1.5em 0.8em 1.5em !important;
       padding: 3px 0 3px 0 !important;
   }
   .DISAPP {
       display: none !important;
       visibility: hidden !important;
   }

} @media only screen and (max-width: 600px) {

   table.INFO,
   div.INFO,
   .infobox {
       min-width: 278px !important;
       width: 278px;
       max-width: 288px !important;
       margin: 3px 0 8px 1.5em;
   }
   div.INFO.LEFT,
   div.INFO.RIGHT {
       min-width: unset !important;
       width: auto !important;
   }
   .userboxes {
       width: 281px;
       max-width: 290px !important;
   }
   .INFO .iIMG img,
   .infobox img,
   .INFO .image img {
       max-width: 250px !important;
       height: auto;
   }
   .userboxes img {
       max-width: 278px !important;
       height: auto;
   }

} @media only screen and (max-width: 535px) {

   div.TOC,
   .DISAPP {
       display: none !important;
       visibility: hidden !important;
   }
   div.UBOX {
       float: none !important;
       margin: 2px auto !important;
   }
   div.LEFT,
   div.RIGHT {
       max-width: 292px !important;
   }
   table.INFO,
   div.INFO,
   .infobox,
   .userboxes {
       float: none !important;
       clear: both !important;
       margin: 0.5em auto 0.5em auto !important;
   }

} .userboxes big, .INFO big, .infobox big {

   font-size: larger;

} .userboxes small, .INFO small, .infobox small {

   font-size: smaller;

} .INFO .iHEAD {

   min-width: 271px;
   width: 100% !important;
   max-width: 100%;
   padding: 4px 3px 2px 3px;
   line-height: 1.3em;

} .INFO .iIMG {

   padding: 7px 8px 4px 8px;
   text-align: left;

}

1. bodyContent .INFO .iIMG small {

   font-size: 8.5pt;
   display: block;
   padding: 4px 5px 3px 5px;
   line-height: 1.35em;

} .INFO .iIMG img {

   max-width: 260px !important;
   height: auto;

} .INFO.vs .vsleft img, .INFO .vs .vsright img {

   max-width: 120px !important;
   height: auto;

} .userboxes img, .infobox img {

   max-width: 380px !important;
   height: auto;

} .INFO .iH2 {

   padding: 4px 3px 3px 3px;
   line-height: 1.3em;

} .INFO .iBOX {

   padding: 3px 5px 3px 7px;

} .INFO .iT {

   margin: 0 -5px 0 -7px;

} .INFO .iOPT {

   padding: 3px 3px 4px 4px;

} .INFO .iTABLE {

   margin: 0 0 3px 0;
   background-color: transparent;
   min-width: 260px;

} .INFO .iH2 big, .INFO .iHEAD big {

   font-size: 14px;

} .INFO .iH2 small, .INFO .iHEAD small {

   font-size: 9pt;

} .INFO.vs .box td.vsright {

   border-left: 1px solid #dedede !important;
   padding-left: 3px;
   width: 50%;

} .INFO.vs .iTABLE {

   margin: 0 auto 3px auto;

} .INFO.vs .box td.left {

   padding-right: 3px;
   width: 50%;

} .INFO .box {

   width: 100%;
   padding: 2px 2px 0 4px;

} .INFO .head {

   padding: 2px 2px 2px 2px;

} .INFO .left .sub {

   position: relative;
   margin-right: 1px;
   padding-right: 0.4em;
   line-height: 17px;
   font-size: 11px;
   padding-top: 0.03em;

} .INFO .left .sub .COLON {

   position: absolute;
   right: 0.06em;

} .INFO.ABOVE {

   text-align: center;
   font-weight: bold;
   font-size: 11pt;
   width: 278px;
   line-height: 1.25em;

}

{{{2}}}