/* Endurance Technology web site screen display style sheet.
 *
 * (C) Endurance Technology 2006.
 */

/* Overall page style */

body, td
{
  font-family: "Trebuchet MS", Helvetica, Arial, san-serif;
  font-size: 11pt;
  margin: 5px 0 10px 0;
  background: #fff;
}

/* Company logo */

img.logo
{
  padding: 6px 0;
  border: none;
}

/* Main content region */

.content
{
  padding-top: 20px;
  padding-left: 20px;
}

/* Page footer (designed to match font styles of detailed
 * navigation bar; see below)
 */

.footer
{
  margin: 20px 10% 20px 10%;
}

.footer, .footer a
{
  font-size: 10pt;
  font-weight: bold;
  color: #BBB;
  text-decoration: none;
}

.footer a:hover
{
  color: black;
  text-decoration: underline;
}

/* Override SMALL tag in footers; it's only there to help out
 * legacy browsers
 */

.footer small
{
  font-size: 100%;
}

/* Search box */

.search_box
{
  padding-bottom: 8px;
}

.search_box *
{
  margin: 0;
  padding: 0;
}

/* Detailed navigation bar */

.nav_small
{
  font-size: 10pt;
  font-weight: bold;
  color: #4f81bd;
}

.nav_small a
{
  color: #4f81bd;
  text-decoration: none;
}

.nav_small span.menu-current
{
  font-style: italic;
}

.nav_small a:hover
{
  text-decoration: underline;
}

.nav_small span.menu-first
{
  display: none;
}

/* Link styles for content region */

.content a
{
  color: #4f81bd;
  text-decoration: none;
}

.content a:hover
{
  text-decoration: underline;
}

/* Link and text styles for coloured cells */

.nav_large td
{
  color: white;
}

.nav_large a
{
  color: white;
  text-decoration: none;
  padding: 5px;
  display: block;
}

tr.nav_large a.column_0:hover,
tr.nav_large a.column_1:hover { background: #b1c4da; color: #000; }
tr.nav_large a.column_2:hover { background: #b1c4da; color: #000; }
tr.nav_large a.column_3:hover { background: #b1c4da; color: #000; }
tr.nav_large a.column_4:hover,
tr.nav_large a.column_5:hover { background: #b1c4da; color: #000; }

/* Cell styles for coloured cells */

tr.nav_large td.column_0,
tr.nav_large td.column_1 { background: #4f81bd; }
tr.nav_large td.column_2 { background: #4f81bd; }
tr.nav_large td.column_3 { background: #4f81bd; }
tr.nav_large td.column_4,
tr.nav_large td.column_5 { background: #4f81bd; }

tr.nav_under td.column_0,
tr.nav_under td.column_1 { background: #af4343; }
tr.nav_under td.column_2 { background: #af4343; }
tr.nav_under td.column_3 { background: #af4343; }
tr.nav_under td.column_4,
tr.nav_under td.column_5 { background: #af4343; }

/* Cell styling for quotation bar */

tr.quote_and_content td.column
{
  background-color: #b1c4da;
  background-repeat: no-repeat;
  background-position: center 20px;
}

tr.quote_and_content td.column   { background-image: url(../images/cogs.png);      }
tr.quote_and_content td.column_1 { background-image: url(../images/e.png);         }
tr.quote_and_content td.column_2 { background-image: url(../images/waiter.png);    }
tr.quote_and_content td.column_3 { background-image: url(../images/bow_arrow.png); }
tr.quote_and_content td.column_4 { background-image: url(../images/people.png);    }

/* Block quote styling adapted from an example by David Spurr:
 *
 *   http://www.defusion.org.uk/archives/2005/12/24/large-curly-quotes-without-images/
 */

blockquote
{
  margin: 1em 1em;
  padding: 0;
  position: relative;
  text-indent: 2em;
  color: #181818;
}

blockquote p
{
  margin: 0;
  padding: 0;
  display: inline;
}

.bqstart, .bqend
{
  font-size: 250%;
}

/* Apply IE specific rules first */

.bqstart
{
  text-indent: 0;
  margin: -0.6em 0 -2em 0;
  float: left;

  /* relative positioning to stop from disappearing in IE when
   * the blockquote has a background color - probably peek-a-boo
   * or something
   */

  position: relative;
}

/* Add extra non-IE rules */

blockquote > .bqstart
{
  position: absolute;
  top: -0.2em;
  left: 0;

  /* Remove IE specific rules */

  float: none;
  margin: 0;
}

.bqend
{
  position: absolute;
  margin-top: -0.6em;
  right: 0;
  text-indent: 0;
}

blockquote > .bqend
{
  margin-top: -0.2em;
}

/* Round edges */

div.top_left
{
  float: left;
  width: 5px;
  height: 5px;
  background-image: url(../images/corner_tl.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

div.top_right
{
  float: right;
  width: 5px;
  height: 5px;
  background-image: url(../images/corner_tr.gif);
  background-position: top right;
  background-repeat: no-repeat;
}

div.bottom_left
{
  float: left;
  width: 5px;
  height: 5px;
  background-image: url(../images/corner_bl.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
}

div.bottom_right
{
  float: right;
  width: 5px;
  height: 5px;
  background-image: url(../images/corner_br.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
}

/* Permanently hidden elements (bot honeypot fields etc.) */

.nixhier {
  display: none;
}