body	{ margin: 0px; font-family: "Times New Roman", "Times", serif; font-size: 13px; color: #999999; }

table {	border: 0px; }
table.border { border: 1px solid #171717; }

.tabletxt { padding-top: 2px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; font-size: 13px; }

a { text-decoration: underline; color: #a9a9a9; }
a:hover { color: #f0ffff; }
a.rank { text-decoration: none; }
a.rank_highlight { text-decoration: none; color: #f0f0f0; }

.narrow { font-family: "Times New Roman", "Times", serif; }

.maintext { line-height: 18px }
.speakernews { color: #C5E1E7; line-height: 18px }
.white    { color: #FFFFFF }
.sub_title { font-size: 14px }
.story { }
.agreement { color: #333333; line-height: 18px }
.small { font-size: 11px }

/* pointers */

.pointer_h { cursor: hand }
.pointer_help { cursor: help }
.tabletxtH { cursor: help }

/* menu */

.topmenu { font-size: 13px; color: #999999; text-decoration: none }
.submenu { font-family: "Times New Roman", "Times", serif; font-size: 13px; color: #5E6A6C; line-height: 16px; text-decoration: none }

/* ??? */

.newInput {color:white; background:clean; padding-top:2px; border-width:1px; border-color:white; border-top-style:none; border-left-style:none; border-right-style:none; border-bottom-style:solid;}
.newRadio {}

/* popup menu */
.order
{
  position: absolute;
  width: 86px;
  border: 1px solid #999999;
  background-color: #000000;
  font-size: 11px;
  line-height: 12px;
  cursor: hand;
  visibility: hidden;
}
/* === as-mobile-reflow (appended by setup-web.sh) ===========================
   TOUCH DEVICES ONLY -- (hover:none) and (pointer:coarse) is true on phones/
   tablets and FALSE on any laptop/desktop, even with the window narrowed, so the
   computer UI is never changed. The sidebar menu is its own iframe that also
   links this css; body:not(.as-menu) keeps every rule OUT of it (menu.html's
   <body class="as-menu">). For the content pages -- 2004-era fixed-width nested
   tables (610/590/550px) plus hard-coded width= elements like <hr width="550"> --
   cap everything to the viewport (no sideways scroll), scale images, wrap text.
   max-width only ever CAPS (never widens), so capping every width= element is safe. */
@media (hover: none) and (pointer: coarse) {
  body:not(.as-menu) table   { max-width: 100% !important; }  /* auto + fixed tables */
  body:not(.as-menu) [width] { max-width: 100% !important; }  /* <hr width=550>, cells */
  body:not(.as-menu) img     { max-width: 100%; height: auto; }/* scale images */
  body:not(.as-menu) td,
  body:not(.as-menu) th      { overflow-wrap: break-word; }   /* wrap long text */
}
