/*
  Used for debugging DIV layouts
*/
/*
div
{
  outline: 1px solid #CC0066;
}

div div
{
  outline: 1px #0033FF dotted;
}
*/


:root {
  overflow-y: scroll;
}


body, .normal {
  font-family: Arial, Helvetica, Sans-serif;    /* Default fonts with a fallback to a system sans-serif font if Arial is not available */
  font-size: 12px;                  /* Default font height */
  font-weight: normal;
  color: #555555;                   /* Default font color */
  line-height: 18px;
  background-color: #ffffff;
  text-align: center;               /* Centering fix for IE5 and 5.5 */
}

body a {
  color: #0077C0;
  text-decoration: none;
}
body a:hover {
  text-decoration: underline;
}

div.container {
  clear: both;
  width: 996px;                     /* Fixed width layout */
  /* Margin left and right auto will cause the content to be centered */
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 43px;
  text-align: left;                 /* Centering fix for IE5 and 5.5 */
}


body em {
  color: #555555;
  font-style: normal;
  font-weight: bold;
}


/**
 *
 * Styles that define how the standard page content looks
 *
 */
.standard-content-area
{
  margin-top: 15px;
  clear: both;
}


.standard-content-area p
{
  margin-bottom: 1em;
}


.standard-content-area h2
{
  color: #666666;               /* CONFIG: Color of H2 headers in the content body */
  font-size:16px;
  margin-bottom: 9px;
}
.standard-content-area p+h2 {
  margin-top: 30px;
}

.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 {
  height: 17px;
  padding-top: 15px;
  /*padding-right: 8px;*/
  float:right;
  font-size: 11px;
  text-align: right;
  /*line-height: 15px;*/
  vertical-align: middle;
}
.standard-header form {
  height: 17px;
  float: right;
  margin: 0;
  padding: 0
}
.standard-header form input {
  height: 13px;
  margin: 0 0 0 5px;
  padding: 1px;
  border: 1px solid #ECE9D8;
  /*border-color: #7F9BD9;*/
}
.standard-header form input[type=image] {
  width: 15px;
  height: 17px;
  position: relative;
  left: -3px;
  /*top: 1px;*/
  border: none;
  padding: 0;
  margin: 0;
  background: transparent url('/images/icons/search.png') no-repeat scroll 0 0;
  vertical-align: top;
}


/**
 * END header classes
 */


/**
 *
 * Styles that define how the standard menu bar looks
 *
 */
.standard-menu-bar
{
  clear: both;
  height: 70px;
  padding-top: 22px;
}
/**
 * END menu-bar classes
 */


/**
 *
 * Styles that define how the standard page footer looks
 *
 */
.standard-footer {
  /*position: fixed;
  bottom: 0px;
  left: 0px;*/
  height: 28px;
  width: 100%;
  margin-top: 100px;
  z-index: 100;
  clear: both;
  color: #FFFFFF;
  font-size: 11px;
}
.standard-footer img {
  vertical-align: middle;
}
.standard-footer a {
  color: #FFFFFF;
}
.standard-footer .box_pos {
  width: 986px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  background: transparent url('/images/layout/footer-rounded-corners.png') no-repeat scroll top left;
  text-align: left;
}
.standard-footer .box_r {
  width: 976px;
  height: 100%;
  padding-right: 10px;
  background: transparent url('/images/layout/footer-rounded-corners.png') no-repeat scroll top right;
}

.standard-footer .box_c {
  height: 100%;
  padding-left: 5px;
  background-color: #0077C0;
  line-height: 28px;
}
/**
 * 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;
}

.g_clear {
  clear: both;
}
.g_left {
  float: left;
}
.g_right {
  float: right;
}
.g_tight {
  margin: 0;
}

.list-disc {
  list-style: square;
  margin: 12px 0 12px 15px;
}
