/* Stylesheet for the Where To Ride web pages
   Revisions: October 17, 2013: Initial complete revision
                 March 7, 2021: Removed refereonce to WOHVA
*/

BODY
{
  FONT-WEIGHT: bold;
  FONT-SIZE: 12pt;
  FONT-FAMILY: arial,helvetica,sans-serif;
  COLOR: #000000;                                     /* black */
  BACKGROUND-COLOR: #ffffcc;                          /* light cream */
  MARGIN: 10px;
}

A:LINK
{
  FONT-SIZE: 12pt;
  FONT-FAMILY: arial,helvetica,sans-serif;
  COLOR: #0000ff;                                     /* blue */
  TEXT-DECORATION: none;
}

A:VISITED
{
  FONT-SIZE: 12pt;
  FONT-FAMILY: arial,helvetica,sans-serif;
  COLOR: #000080;                                     /* navy */
  TEXT-DECORATION: none;
}

A:HOVER
{
  FONT-SIZE: 12pt;
  FONT-FAMILY: arial,helvetica,sans-serif;
  COLOR: #0000ff;                                     /* blue */
  TEXT-DECORATION: underline;
}

A:ACTIVE
{
  FONT-SIZE: 12pt;
  FONT-FAMILY: arial,helvetica,sans-serif;
  COLOR: #0000ff;                                     /* blue */
  TEXT-DECORATION: none;
}

#ALPHA-LISTING-OUTER
{
	TEXT-ALIGN: center;
}

#ALPHA-LISTING-CONTAINER
{
  BORDER: 1px outset #000000;
  PADDING: 2px;
  MAX-WIDTH: 100%;
  BOX-SIZING: border-box;
  -MOZ-BOX-SIZING: border-box;
  DISPLAY: inline-block;
}

#ALPHA-LISTING
{
  FONT-WEIGHT: normal;
  FONT-SIZE: 12pt;
  LINE-HEIGHT: 12pt;
  TEXT-ALIGN: left;
  WHITE-SPACE: nowrap;
  VERTICAL-ALIGN: top;
  BACKGROUND-COLOR: #ffffff;                          /* white */
  OVERFLOW-X: hidden;
  OVERFLOW-Y: auto;
  HEIGHT: 300px;
  MAX-WIDTH: 100%;
  BOX-SIZING: border-box;
  -MOZ-BOX-SIZING: border-box;
  DISPLAY: inline-block;
  BORDER: 1px inset #000000;
  PADDING: 3px;
  PADDING-RIGHT: 20px;                                /* make room for the vertical scrollbar */
}

.ALPHA-LINK
{
  margin: 3px;
}

*.BACKGROUND-COLOR-BLUE
{
  BACKGROUND-COLOR: #0000ff;
}

*.BACKGROUND-COLOR-RED
{
  BACKGROUND-COLOR: #ff0000;
}

*.BACKGROUND-COLOR-YELLOW
{
  BACKGROUND-COLOR: #ffff00;
}

*.CLEAR-BOTH
{
  CLEAR: both;
}

*.FLOAT-LEFT
{
  FLOAT: left;
}

*.FLOAT-RIGHT
{
  FLOAT: right;
}

*.IMG
{
  BORDER: 0px;
}

*.IMG-BORDER1
{
  BORDER: 1px #000000 solid;                          /* black */
}

*.LINE-HEIGHT-22PX
{
  LINE-HEIGHT: 22px;
}

#MAP-CONTAINER
{
  POSITION: relative;                                 /* so overlay is positioned correctly */
  HEIGHT: 6.00in;
  WIDTH: 800px;
  MAX-WIDTH: 100%;
  BOX-SIZING: border-box;
  -MOZ-BOX-SIZING: border-box;
  MARGIN: 0 auto;
  BACKGROUND-COLOR: #ffffff;
  BORDER: 4px outset #000000;
  PADDING: 4px;
}

#MAP-CANVAS                                           /* size attributes for the map */
{
  WIDTH: 100%;
  HEIGHT: 100%;
}

*.MAP-INFO                                             /* ensures text in infoWindow is all the same size */
{
  FONT-SIZE: 12pt;
}

*.MARGIN-LEFT010
{
  PADDING-LEFT: 0.10in;                               /* moves the left text margin to the right 0.10 inches */
}

*.MARGIN-LEFT025
{
  PADDING-LEFT: 0.25in;                               /* moves the left text margin to the right 0.25 inches */
}

*.TABLE-CENTERED
{
  MARGIN-LEFT: auto;                                  /* this attibute, along with MARGIN-RIGHT: auto centers a table */
  MARGIN-RIGHT: auto;                                 /* this attibute, along with MARGIN-LEFT: auto centers a table */
}

*.TEXT-ALIGN-CENTER
{
  TEXT-ALIGN: center;
}

*.TEXT-ALIGN-RIGHT
{
  TEXT-ALIGN: right;
}

*.TEXT-ALIGN-VERTICAL-TOP
{
  VERTICAL-ALIGN: top;
}

*.TEXT-BOLD
{
  FONT-WEIGHT: bold;
}

*.TEXT-CAPTION
{
  FONT-SIZE: 8pt;
}

*.TEXT-COLOR-RED
{
  COLOR: #ff0000;
}

*.TEXT-COPYRIGHT
{
  FONT-WEIGHT: bold;
  FONT-SIZE: 8pt;
  FONT-FAMILY: arial,helvetica,sans-serif;
  COLOR: #000000;                                     /* black */
}

*.TEXT-FONT-SIZE-16
{
  FONT-SIZE: 16pt;
}

*.TEXT-ITALIC
{
  FONT-STYLE: italic;
}

*.TEXT-LAST-UPDATED
{
  FONT-SIZE: 8pt;
  FONT-FAMILY: arial,helvetica,sans-serif;
  COLOR: #000000;                                     /* black */
}

*.TEXT-NOWRAPPING
{
  WHITE-SPACE: nowrap;
}

UL LI                                                 /* attributes for the indented listings */
{
  LIST-STYLE-TYPE: none;
}

*.WIDTH800
{
  WIDTH: 800px;
}

*.WIDTH18P
{
  WIDTH: 18%;
}

*.WIDTH35P
{
  WIDTH: 35%;
}

*.WIDTH51P
{
  WIDTH: 51%;
}

*.WIDTH60P
{
  WIDTH: 60%;
}

*.WIDTH70P
{
  WIDTH: 70%;
}

*.WIDTH75P
{
  WIDTH: 75%;
}

*.WIDTH80P
{
  WIDTH: 80%;
}

*.WIDTH85P
{
  WIDTH: 85%;
}

*.WIDTH95P
{
  WIDTH: 95%;
}

*.WIDTH100P
{
  WIDTH: 100%;
}