/*
 * VERIDIAN CORE CSS
 *
 * These definitions apply to all Veridian installations, regardless of the interface being used.
 * All CSS class names must start with "veridian".
 *
 * Copyright (C) 2006-2010  DL Consulting Ltd.
 *
 */

a.veridianlogicalsectionarea
{
  position: absolute;
  background-color: white;
  -moz-opacity: 0.0;
  opacity: 0.0;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

a.veridianlogicalsectionarea:hover, a.veridianlogicalsectionhighlighted
{
  position: absolute;
  background-color: #D0D0D0;
  -moz-opacity: 0.5;
  opacity: 0.5;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

a.veridianlogicalsectionselected
{
  position: absolute;
  /* Gray */
  background-color: #B0B0B0;
  /* Green */
  /* background-color: #3B958B; */
  /* Blue */
  /* background-color: #275BAE; */
  -moz-opacity: 0.5;
  opacity: 0.5;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

div.veridianquerytermarea
{
  position: absolute;
  background-color: #FFFF77;
  -moz-opacity: 0.5;
  opacity: 0.5;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

div.veridianimagecontainerdiv
{
  position: absolute;
  margin: 5px 5px 5px 5px;
}

/* This must be the same as "veridianimagecontainerdiv", but without "position: absolute" */
div.veridianimagespacerdiv
{
  margin: 5px 5px 5px 5px;
}

div.veridianpanojscrosshair
{
  position: absolute;
  background-color: #444444;
  z-index: 1000;
}

div.veridianpanojspageinfoblock
{
  position: absolute;
  background-color: white;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

table.veridianpanojscontrols *
{
  vertical-align: 15%;
}

table.veridianpanojscontrols td#selectedlogicalsection a
{
  white-space: nowrap;
}

table.veridianpanojscontrols img
{
  vertical-align: -15%;
}

img
{
  border: none;
}

p.veridianspaceaboveandbelow
{
  padding: 8px 0px 8px 0px;
}

span.veridiangrey
{
  color: #BBBBBB;
}

td.veridiansearchcontrol
{
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: top;
  white-space: nowrap;
}


/* Additional panojs stuff */

h2.panojs
{
  height: 25px;
  margin-top: 0px;
  margin-bottom: 0px;
}

div.veridianpanojscontrols
{
  border-top: solid 1px black;
  border-left: solid 1px black;
  border-right: solid 1px black;
}

table.contextmenu
{
  display: none;
  position: absolute;
  cursor: pointer;
  padding: 4px;
  color: white;
  background-color: #333333;
  border: 2px solid #666666;
  z-index: 500;
}

table.contextmenu a, table.contextmenu a:link, table.contextmenu a:visited
{
  color: #BBBBBB;
  font-size: 9pt;
  line-height: normal;
  white-space: nowrap;
}

table.contextmenu a:hover
{
  color: #FFFFFF;
}

table.contextmenu img
{
  vertical-align: -30%;
}

table.contextmenu th
{
  color: white;
  font-weight: normal;
  line-height: normal;
  padding-bottom: 4px;
  text-align: left;
  width: 130px;
}

td.contextmenuseparatortop
{
  border-bottom: 1px solid #666666;
  color: #E0E0E0;
  padding-top: 6px;
}

td.contextmenuseparatorbottom
{
  border-top: 1px solid #666666;
  color: #E0E0E0;
  padding-bottom: 6px;
}

#veridianspacercell
{
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

/* CSS changes for printing */
@media print
{
  .veridianprinthide
  {
    display: none;
  }

  div.veridianquerytermarea
  {
    display: none;

    /* Use a black outline around query terms instead of semi-transparent highlighting
       Sadly this doesn't work on IE: the divs become white boxes covering the text!
      position: absolute;
      background-color: transparent;
      border: 1px solid black;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
    */
  }

  div.veridianimagecontainerdiv
  {
    position: static;
    margin: 5px 5px 5px 5px;
  }

  div.veridianimagespacerdiv
  {
    display: none;
  }

  img.veridianimage
  {
    float: left;
    position: relative;
  }
}