- bodyContent ol li,
- 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;
}
- 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;
}
| 
