body
{
  margin: 0px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-top: 5px;
  background-color: gray;
}
/* ^^^^^^ above ^^^^^^ */
/* HTML element styles */
/* ------------------- */

h1
{
  font-size: 14pt;
  margin-top: 2px;
  margin-bottom: 8px;
}

p
{
  margin-top: 0px;
  margin-bottom: 10px;
}

/* ----------------------------------- */
/* Style classes used as part of theme */
/* ----------------------------------- */

/* -------------------------------------- */
/* Colours:                               */
/*          Background    = #DDEEFF       */
/*          Font          = #0033ff       */
/*          Cell border   = #3399FF       */
/*          Menu selected = #6699ff       */
/*          Menu hover    = #99CCFF       */
/* -------------------------------------- */

/* Master page layout */
.center
{
  width: 950px;
  margin: 0 auto 0 auto;
}

.mainPanel
{
  font-size: 10pt;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #0033ff;
}

.mainTable
{
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-collapse: collapse;
  background-color: #DDEEFF;
}

.mainTableCell
{
  border-right: #3399FF 1px solid;
  border-top: #3399FF 1px solid;
  border-left: #3399FF 1px solid;
  border-bottom: #3399FF 1px solid;
}

.footerTable
{
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-collapse: collapse;
  background-color: white;
}

.footerTableCell
{
  border-right: white 1px solid;
  border-left: white 1px solid;
}

/* Master page title cell */
.headerHeaderCell
{
  background-color: #6699ff;
  height: 60px;
}

/* Master page title - left */
.headerLeft
{
  background-color: #6699ff;
  height: 60px;
  text-align: center;
  font-weight: bold;
  font-size: 10pt;
  color: white;
  vertical-align: middle;
}

/* Master page title - right */
.headerRight
{
  background-color: #6699ff;
  height: 60px;
  text-align: center;
  font-weight: bold;
  font-size: 24pt;
  color: #0033ff;
  vertical-align: middle;
}

/* Master page menu */
.menuStaticMenuItem
{
  border-right: #3399FF 1px solid;
  border-left: #3399FF 1px solid;
  padding-right: 3px;
  padding-left: 3px;
  padding-bottom: 3px;
  padding-top: 3px;
}

.menuDynamicMenuItem
{
  border-right: #3399FF 1px solid;
  border-left: #3399FF 1px solid;
  padding-right: 3px;
  padding-left: 3px;
  padding-bottom: 3px;
  padding-top: 3px;
}

.menuStaticHoverStyle
{
  background-color: #99ccff;
}

.menuStaticSelectedStyle
{
  background-color: #6699ff;
  color: white;
}

.menuStaticUserMenuItem
{
  border-top: #3399FF 1px solid;
  border-bottom: #3399FF 1px solid;
  border-right: #3399FF 1px solid;
  border-left: #3399FF 1px solid;
  padding-right: 3px;
  padding-left: 3px;
  padding-bottom: 3px;
  padding-top: 3px;
}

/* Image viewer */
.imageviewerTable
{
  border-collapse: collapse;
}

.imageviewerVCRTable
{
  border-collapse: collapse;
  border-right: #3399FF 1px solid;
  border-top: #3399FF 1px solid;
  border-left: #3399FF 1px solid;
  border-bottom: #3399FF 1px solid;
  cursor: pointer;
  left: 25px;
  position: relative;
}

.imageviewerVCRCell
{
  font-size: 8pt;
  border-right: #3399FF 1px solid;
  border-top: #3399FF 1px solid;
  border-left: #3399FF 1px solid;
  border-bottom: #3399FF 1px solid;
}

/* Error pages */
.errorPageLabel
{
  color: red;
}

.errorPageLabelInfo
{
  color: #0033ff;
}

/* Contact page */
.contactTable
{
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-collapse: collapse;
}

.contactTableCell
{
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-collapse: collapse;
}

/* Login page */
.loginPanel
{
  text-align: center;
}

.loginTable
{
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-collapse: collapse;
}

.loginTableCell
{
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 50px;
  padding-bottom: 50px;
  border-collapse: collapse;
}

.loginControls
{
  border-right: #3399FF 1px solid;
  border-top: #3399FF 1px solid;
  border-left: #3399FF 1px solid;
  border-bottom: #3399FF 1px solid;
}

/* User menu */
.userTableCell
{
  border-right: #3399FF 1px solid;
  border-top: #3399FF 1px solid;
  border-left: #3399FF 1px solid;
  border-bottom: #3399FF 1px solid;
  background-color: white;
}

.userLoggedInText
{
  font-size: 8pt;
}

.userLoggedInButton
{
  font-size: 8pt;
  background-color: #ddeeff;
  color: #0033ff;
  margin-top: 4px;
}

/* General page table */
.generalTable
{
  border-collapse: separate;
}

.generalTableCell
{
  border-right: #3399FF 1px solid;
  border-top: #3399FF 1px solid;
  border-left: #3399FF 1px solid;
  border-bottom: #3399FF 1px solid;
  padding-right: 6px;
  padding-left: 6px;
  padding-bottom: 3px;
  padding-top: 3px;
}

.generalTableCellAlt
{
  border-right: #3399FF 1px solid;
  border-top: #3399FF 1px solid;
  border-left: #3399FF 1px solid;
  border-bottom: #3399FF 1px solid;
  padding-right: 6px;
  padding-left: 6px;
  padding-bottom: 3px;
  padding-top: 3px;
  background-color: white;
}

.generalTableCellAlt2
{
  border-right: #3399FF 1px solid;
  border-top: #3399FF 1px solid;
  border-left: #3399FF 1px solid;
  border-bottom: #3399FF 1px solid;
  padding-right: 6px;
  padding-left: 6px;
  padding-bottom: 3px;
  padding-top: 3px;
  background-color: #EBEBFF;
}

.generalTableCellTextBox
{
  border-right: #3399FF 1px solid;
  border-top: #3399FF 1px solid;
  border-left: #3399FF 1px solid;
  border-bottom: #3399FF 1px solid;
  padding-right: 1px;
  padding-left: 1px;
  padding-bottom: 1px;
  padding-top: 1px;
  background-color: white;
}

.generalButton
{
  background-color: #DDEEFF;
  color: #0033ff;
}

.generalHiddenItem
{
  visibility: hidden;
}

.generalImage
{
  border-right: #3399ff 10px solid;
  border-top: #3399ff 10px solid;
  border-left: #3399ff 10px solid;
  border-bottom: #3399ff 10px solid;
}