/*
  Used for debugging DIV layouts
*/
/*
div
{
  outline: 1px solid #CC0066;
}

div div
{
  outline: 1px #0033FF dotted;
}
*/


:root
{
  overflow-y: scroll;
}


body
{
  font-family: Arial,sans-serif;    /* Default fonts with a fallback to a system sans-serif font if Arial is not available */
  font-size: 12px;                  /* Default font height */
  color: #555555;                   /* Default font color */
  line-height: 18px;
  background-color: #ffffff;
  text-align: center;               /* Centering fix for IE5 and 5.5 */
}

body a
{
  color: #336699;
}

div.container
{
  clear: both;
  /*width: 972px;*/                     /* Fixed width layout */
  width: 750px;                     /* Fixed width layout */
  /* Margin left and right auto will cause the content to be centered */
  margin-left: auto;
  margin-right: auto;
  text-align: left;                 /* Centering fix for IE5 and 5.5 */
}


body em
{
  color: #324D7E;
  font-style: normal;
  font-weight: bold;
}


.flash-player-install-request
{
  clear: both;
  text-align: center;
  width: 75%;
  border: 1px solid #aaaaaa;
  padding: 5px;
  /* Margin left and right auto will cause the content to be centered */
  margin-left: auto;
  margin-right: auto;
}


/**
 *
 * Styles that define how the standard page content looks
 *
 */
.standard-content-area
{
  margin-top: 5px;
  clear: both;
}


.standard-content-area p
{
  margin-bottom: 1em;
}


.standard-content-area h2
{
  color: #336699;               /* CONFIG: Color of H2 headers in the content body */
}

.standard-content-area h6
{
  display: inline;
}
/**
 * END content-area classes
 */


/**
 *
 * Styles that define how the standard page header looks
 *
 */
.standard-header
{
  width: 100%;
  clear: both;
}


.standard-header .left
{
  float:left;
}


.standard-header .right
{
  float:right;
  text-align: right;
  padding-top: 16px;
  padding-right: 8px;
}


.standard-header form
{
  margin-top: 5px;
}


.standard-header form input
{
  margin-left: 5px;
}


/**
 * END header classes
 */


/**
 *
 * Styles that define how the standard menu bar looks
 *
 */
.standard-menu-bar
{
  clear: both;
}
/**
 * END menu-bar classes
 */


/**
 *
 * Styles that define how the standard page footer looks
 *
 */
.standard-footer
{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 10px;
  height: 22px;
  clear: both;
  border: 1px solid #555555;
  padding: 0px 10px 0px 10px;
  margin-top: 25px;
}

.standard-footer a
{
  color: #555555;
}


.standard-footer img
{
  position: relative;
  padding-right: 4px;
  margin-bottom: -2px;
  vertical-align: text-bottom;
  /* Hack for IE only */
  _margin-bottom: -0px;
}


.standard-footer img:last-child
{
  padding-right: 0px;
}


.standard-footer .left
{
  float: left;
}


.standard-footer .right
{
  float:right;
}


.standard-footer .right a
{
  text-decoration: none;
}
/**
 * END footer classes
 */




/**
 *
 * Global classes to be used in a nested div pattern to vertically align
 * content for most browsers including IE
 *
 * Usage:
 *  <div style="otherclasses valign-table">
 *    <div class="otherclasses valign-outter">
 *       <div class="otherclasses valign-inner"></div>
 *       <div class="otherclasses valign-inner"></div>
 *       <div class="otherclasses valign-inner"></div>
 *    </div>
 *  </div.
 */
.base-valign-table
{
  width: 100%;
  height: 100%;
  display: table;
  /* Hack for IE only */
  _position: relative;
}


.base-valign-outter
{
  display: table-cell;
  vertical-align: middle;
  /* Hack for IE only */
  _position: absolute;
  _top: 50%;
}


.base-valign-inner
{
  /* Hack for IE only */
  _position: relative;
  _top: -50%;
}
/**
 * END vertical align classes
 */


.base-spacer
{
  padding: 0px 5px;
}