/* Main body */
body
{ font-family: arial, helvetica, sans-serif;
  margin: 10 20 20 20;
  background: #87BFE2 url(grad.jpg) repeat-x;
  color: #000080;
}
body.todaybookings
{ font-family: arial, helvetica, sans-serif;
  margin: 10 20 20 20;
  background: #87BFE2;
  color: #000080;
}
/* Body for displaying tournament draws*/
body.draws
{ font-family: arial, helvetica, sans-serif;
  margin: 10 20 20 20;
  background: white;
  color: #000080;
}
/* ---------------------- Styles for the left menu and content page tags ------------------------------------------- */

/* Banner Image style */
div.banner img
{ width: 1000;
  border-style: solid;
  border-width: 1;
  border-color: skyblue;
}
/* Error content */
div#error
{ margin: 20 0 0 0;
  position: absolute;
  left: 0;
  width: 1000;
  text-align: center;
  color: #000080;
}
/* Left menu */
div#menu
{ margin: 0 0 0 20;
  position: absolute;
  left: 0px;
  padding: 0px;
  width: 150px;
}
/* Main content page */
div#content
{ margin: 30 0 0 0;
  padding: 0;
  position: absolute;
  text-align: center;
  left: 200;
  width: 800;
  color: #000080;
}
/* Main content page for court bookings does not have a width so it can expand to the number of courts */
div#bookingcontent
{ margin-left: 150px;
  padding: 10px 0 0 0;
  color: darkslateblue;
  text-align: center;
}
/* ---------------------- styles for the left menu anchors --------------------------------------------------------- */

/* Left Menu */
ul#vnav
{ margin: 0;  /* Remove the margin and padding inherent in <ul> */
  padding-left: 0px;
  list-style-type: none; /* Remove the bullets for this list */
}
/* Set the properties of the list anchor elements */
ul#vnav a
{ margin: 0;
  text-align: left;
  width: 150px;
  display: block; /* Set the active area to the entire block */
  text-decoration: none; /* No underlines in the link */
  font-size: 10pt;
  background-color: #245FA1;
  color: white; /* The link text will be white */
  padding: 5 5 5 1em; /* Keep the text away from the edges */
  border-style: solid;
  border-width: 0 1 1 1;
  border-color: skyblue;
}
/* Change anchor background on hover */
ul#vnav a:hover
{ background-color: #0C91D3;
}
/* Some browsers may have slight gaps between list elements, so this will fix that */
li.menuheader
{ width: 150px;
  color: #000080;
  font-weight: bold;
  padding: 10 5 5 1em; /* Keep the text away from the edges */
  border-style: solid;
  border-width: 0 0 1 0;
  border-color: skyblue;
}
/* ---------------------- styles for content page elements --------------------------------------------------------- */

/* These tags are used for various levels of welcome messages */
h2, h3, h4
{ margin: 0px 0px 0px 95px;
  padding: 0;
  width: 600;
}
h1 /* <h1> tag is used for welcome messages */
{ margin: 0;
  padding: 0;
  font-size: 18pt;
  font-weight: bold;
  color: #000080;
}
/* <h2> tag is used for information messages */
h2
{ font-size: 14pt;
  color: #000080;
  font-weight: normal;
}
/* <h3> tag is used for db error messages or completion messages*/
h3
{ font-size: 13pt;
  font-weight: normal;
  color: yellow;
}
/* <h4> tag is used for regular text */
h4
{ font-size: 13pt;
  font-weight: normal;
  color: #000080;
}
/* This <h1> tag is used for the title at the top of "Today's Bookings" */
h1.todayBookings
{ margin: 0;
  padding: 0;
  width: 1000;
  font-size: 18pt;
  color: #000080;
}
/* This <h1> tag is used for the facility name placed at the top of "Today's Bookings" */
h1.facName
{ margin: 0;
  padding: 0;
  font-size: 12pt;
  text-decoration: underline;
  color: #000080;
}
/* <p class="home"> tag is used for introductory text in the home page */
p.home
{ margin: 0px;
  padding: 15px 0px 0px 40px;
  text-align: left;
  font-size: 14pt;
  color: #000080;
}
/* <p class="bookings"> tag is used for introductory text on the facility bookings page */
p.bookings
{ margin: 0px;
  padding: 0px 0px 0px 50px;
  text-align: left;
  font-size: 14pt;
  color: #000080;
}
/* <em class='facilityname' is used for the facility name header over top the booking columns*/
font.facilityname
{ margin: 0px;
  padding: 0 0 0 50;
  text-decoration: underline;
  text-align: center;
  font-size: 12pt;
  font-family: arial, helvetica, sans-serif;
  color: white;
}
/* This is the Campbell River Sports Plex logo */
img#crs
{ margin: 0px;
  padding: 20px 0px 0px 0px;
}
/* ---------- Tables ----------------------------------------------------------------------------------------------- */

/* Non-input form tables used just to align text displays */
table
{ margin: 0px;
  padding: 0px;
  text-align: center;
  color: darkslateblue;
  border-style: none;
  border-width: 0px;
  border-spacing: 0px;
}
/* removed: font-size: 13pt; */
table.forminput
{ margin: 0px;
  padding: 0px;
  background-color: #CECECE;
  border-style: none;
  border-width: 0px;
  border-spacing: 0px;
  color: darkslateblue;
  text-align: center;
}
table.leagueranks
{ margin: 15px 0px 15px 200px;
  padding: 6px;
  background-color: #D7E0EA;
  text-align: center;
  border-style: solid;
  border-color: #999999;
  border-width: thin;
  border-spacing: 0px;
  color: darkslateblue;
}
table.playerMatches
{ margin: 15px 0px 15px 100px;
  padding: 6px;
  background-color: #D7E0EA;
  text-align: center;
  border-style: solid;
  border-color: #999999;
  border-width: thin;
  border-spacing: 0px;
  color: darkslateblue;
}
table.boxes
{ margin: 0px 0px 0px 50px;
  padding: 6px;
  text-align: center;
  color: darkslateblue;
}
table.logout
{ margin: 0px;
  padding: 15px 0px 15px 300px;
  border-style: none;
  border-width: 0px;
  border-spacing: 0px;
}
/* all cell contents */
td
{ margin: 0px;
  padding: 0px;
  color: darkslateblue;
}
.ranks
{ margin: 0px;
  padding: 2px;
  color: darkslateblue;
  border-style: solid;
  border-color: #999999;
  border-width: thin;
  border-spacing: 0px;
}
/* curly edge images */
img.corner
{ width: 9;
  height: 35;
  border-style: none;
  border-width: 0px;
}
/* --------------- Classes for table cell text --------------------------------------------------------------------- */

/* Since these are used within tables of class 'forminput', they inherit most needed text properties */

/* The title of an input table - no padding to keep the curly edge corners intact */
td.formtitle
{ margin: 0px;
  padding: 10px 0px 0px 0px;
  font-weight: bold;
  text-decoration: underline;
}
/* title for a block of menu link functions on a home page - padding is provided to separate it from the previous block
   and so its not too close to the left edge of the table. */
td.menutitle
{ margin: 0px;
  padding: 20px 0px 0px 20px;
  font-weight: bold;
  text-decoration: underline;
  text-align: left;
}
/* The menu link is an anchor and no text, but the <td> element needs to get the right spacing */
td.topmenulink
{ margin: 0px;
  padding: 20px 0px 0px 20px;
  text-decoration: underline;
  color: blue;
  text-align: left;
}
/* The menu link is an anchor and no text, but the <td> element needs to get the right spacing */
td.menulink
{ margin: 0px;
  padding: 5px 0px 0px 20px;
  text-decoration: underline;
  color: blue;
  text-align: left;
}
/* The label to an input field on an input form -
   padding is provided to separate from the previous line and the input field*/
td.formlabel
{ margin: 0px;
  padding: 10px 10px 0px 10px;
  text-decoration: underline;
  text-align: right;
}
/* Display a simple element of text after a label, where there is no expected input, just data to display */
td.formtext
{ margin: 0px;
  padding: 10px 10px 0px 10px;
  text-decoration: none;
  text-align: left;
}
/* The input field on an input form provided mostly to align the field to the left */
td.forminput
{ margin: 0px;
  padding: 10px 0px 0px 0px;
  text-decoration: none;
  text-align: left;
}
td.formjustify /* justify aligned table message */
{ margin: 0px;
  padding: 15px 10px 0px 10px;
  text-align: justify;
}
td.formcenter /* center aligned table message */
{ margin: 0px;
  padding: 15px 10px 0px 10px;
  text-align: center;
}
td.smalltext /* for small text lists */
{ margin: 0px;
  padding: 0px;
  font-size: 11pt;
}
td.formwarning  /* in table warnings - default cell alignment is center, anything else needs to be explicitly specified */
{ margin: 0px;
  padding: 10px 0px 0px 0px;
  color: purple;
  font-weight: bold;
}
.heading  /* column heading */
{ margin: 0px;
  padding: 0px;
  color: darkslateblue;
  font-weight: bold;
  text-decoration: underline;
}
.menuheading  /* column heading, color and font-size are inherited from the tabel and not needed */
{ margin: 0px;
  padding: 0px;
  color: darkslateblue;
  font-weight: bold;
  font-size: 13pt;
  text-decoration: underline;
}
/* --------------- Anchors ----------------------------------------------------------------------------------------- */

/* a list of anchors in a table for the user to select a choice */
a.formlist
{ margin: 0px;
  padding: 0px;
  color: blue;
  text-decoration: underline;
  font-size: 14pt;
}
/* small anchors within a schedule display block */
a.scheduledisplay
{ margin: 0px;
  padding: 0px;
  color: blue;
  text-decoration: underline;
  font-size: 10pt;
}
/* anchors for players */
a.players
{ margin: 0px;
  padding: 0px;
  display: in-line;
  color: blue;
  font-size: 12pt;
}
/* anchors for tournament players */
a.meetPlayer
{ margin: 0px;
  padding: 0px;
  display: in-line;
  color: blue;
  font-size: 10pt;
}
/* anchors to back out tournament results */
a.meetScore
{ margin: 0px;
  padding: 0px;
  display: in-line;
  color: red;
  font-size: 10pt;
}
/* functional options on admin menu pages (i.e. not the left column menus) */
a.menupages
{ margin: 0px;
  padding: 2px;
  color: blue;
  display: in-line;
  font-size: 14pt;
  text-decoration: underline;
}
/* content page anchors that are not in tables */
a
{ color: cyan;
  font-size: 13pt;
  font-weight: normal;
  white-space: nowrap;
  text-decoration: underline;
}
/* content page anchors that are not in tables */
a.logoutline
{ margin: 0px;
  padding: 0px 40px 0px 0px;
  color: cyan;
  font-size: 13pt;
  font-weight: normal;
  white-space: nowrap;
  text-decoration: underline;
}
/* anchors on home pages that are not in tables have a different color than menu pages */
a.homepages
{ color: cyan;
  font-size: 12pt;
}
/* -------------------- Page break for printing -------------------------------------------------------------------- */
.newPage
{ page-break-after: always;
}
/* --------------- Legacy ------------------------------------------------------------------------------------------ */

td.label /* a label in front of an input field */
{ margin: 0px;
  padding: 5px 10px 0px 10px;
  color: darkslateblue;
  text-decoration: underline;
}
.message /* justified alignment in a <td> is not possible without a css class */
{ margin: 0px;
  padding: 0px;
  color: darkslateblue;
  text-align: justify;
}
.warning  /* in table warnings - default cell alignment is center, anything else needs to be explicitly specified */
{ margin: 0px;
  padding: 0px;
  color: purple;
  font-weight: bold;
}