/* Changes to Legacy Elements */
#page,
#content_wide,
#ieroot #content_wide {
  padding-bottom: 2em;
  }

#content,
#ieroot #content,
#ie8 #content {
  padding-bottom: 0;
  margin-bottom: 0;
  }
  
#content div.intro {
  margin-bottom: 0;
  }

#content h3 {
    font-size: 1.8em;
    margin-top: 0;
    margin-bottom: -0.75em;  
    padding-top: 1.3em;
    }

#content h4,
#content h4.hdg_a,
#content h4.hdg_b {
  text-transform: none;
  font-size: 1.6em;
  background: none;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: -0.85em; 
  padding-top: 1.5em; 
  padding-bottom: 0;
  padding-left: 0;
  line-height: 120%;
  color: #1a1d55;
  clear: none;
  }

#content h5 {
  text-transform: none;
  margin-top: 0;
  margin-bottom: -0.1em;
  padding-top: 1em;
  font-size: 1.3em;
  line-height: 150%;
  }

#content p {
  font-family: arial,helvetica,sans-serif;
  font-size: 1.3em;
  margin: 0;
  padding: 1.2em 1.8em 0 0;
  }
  
#content p + p,
#content ul + p {
  padding-top: 0.9em;
  margin-top: 0;
  }

#content ul,
#content ol {
  font-family: arial,helvetica,sans-serif;
  font-size: 1.3em;
  line-height: 1.6em;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.9em;
  }

#content ol {
  margin-left: -1.8em;
  }

#ieroot #content ol {
  margin-left: 2.2em;
  }

#content .features h5,
#content .features h5.hdg_b {
  background: none;
  text-transform: none;
  font-size: 1.55em;
  color: #1a1d55;
  margin-bottom: 0;
  padding-bottom: 0;
  }

.chart .hdg .desc span {
  text-transform: none;
  font-size: 1.6em;
  }

#content .chart .descriptions .hdg_1 span,
#ieroot #content .chart .descriptions .hdg_1 span {
  text-transform: none;
  font-size: 1.45em;
  font-family: arial,helvetica,sans-serif;
  }

#content .chart .subhdg .desc span {
  text-transform: none;
  font-size: 1.3em;
  font-family: helvetica,arial,sans-serif;
  }
   
/* Column Layout */
.group.columns {
  clear: both;
  }

.columns.two,
.columns.three {
  position: relative;
  }

.columns.two.heading,
.columns.three.heading {
  margin-top: 6em;
  }

.columns.two .column {
  float: left;
  _display: inline;
  width: 50%;
  }

#ieroot .columns.two .column {
  width: 49.9%;
  }

.columns.three .column {
  float: left;
  _display: inline;
  width: 33.3%;
  }

#content .columns.two.heading h3,
#content .columns.three.heading h3 {
  font-size: 1.6em;
  text-transform: none;
  font-weight: bold;
  background: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -1.5em;
  left: 0;
  _position: relative;
  }

/* Illustration Feature */      
.illusfeature {
  margin: 3.6em 2em 0 0;
  _position: relative;
  } 
     
.illusfeature.left {
  _left: 0;
  }

.illusfeature.right {
  _right: 0;
  }
      
.illusfeature .copy {
  width: 28em;
  text-align: left;
  }

.illusfeature .illus {
  width: 24.1em;
  border: 0.1em #d7d7d7 solid;
  border-radius: 1em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  margin-top: 0.2em;
  padding: 0.3em 0.5em 0.3em 0.3em;
  _padding: 0.3em 0.3em 0.3em 0.3em;
  }

.illusfeature .illus img {
  width: 100%;
  border: 0.1em #fff solid;
  border-radius: 0.9em;
  -webkit-border-radius: 0.9em;
  -moz-border-radius: 0.9em;
  }

.illusfeature.right .copy,
.illusfeature.left .illus {
  float: right;
  _display: inline;
  }

.illusfeature.left .copy,
.illusfeature.right .illus {
  float: left;
  _display: inline;
  }

#content .illusfeature .copy h3 {
  text-transform: none;
  background: none;
  font-size: 1.6em;
  margin: 0;
  padding: 0;
  }

#content .illusfeature .copy p {
  font-family: arial,helvetica,sans-serif;
  font-size: 1.4em;
  line-height: 1.5em;
  margin: 0.2em 0 0 0;
  padding: 0;
  }

#ieroot #content .illusfeature .copy p {
  line-height: 1.45em;
  _line-height: 1.4em;
  }

.morelnk {
  font-size: 0.9em;
  font-weight: bold;
  }

/* Icon Feature */  
.iconfeature {
  margin: 0 2em 0 0;
  padding: 1.5em 0 0 0;
  position: relative;
  }

.rule {
  background: url(/images/rule_doclist.gif) no-repeat right top; 
  margin-top: 2.5em;
  }

.iconfeature .featureicon {
  width: 8em;
  float: left;
  _display: inline;
  }
  
.iconfeature.noicon .featureicon {
  display: none;
  }

/*
.iconfeature.popup .featureicon,
.iconfeature.nolink .featureicon,
.iconfeature.popup.nolink .featureicon.nolink {
  display: none;
  }

.iconfeature.popup .featureicon.popup,
.iconfeature.nolink .featureicon.nolink {
  display: block;
  }
*/

.iconfeature .featurecontents {
  float: left;
  _display: inline;
  }

.iconfeature.wide .featurecontents {
  width: 46.5em;
  }

.columns.two .iconfeature .featurecontents {
  width: 18.2em;
  }

#ie8 .columns.two .iconfeature .featurecontents {
  width: 18.1em;
  }
  
.iconfeature.wide.noicon .featurecontents,
.columns.two .iconfeature.noicon .featurecontents {
  float: none;
  width: auto;
  }

#content .featurecontents h4 {
  margin: 0 0 0.15em 0;
  padding: 0;
  background: none;
  text-transform: none;
  font-size: 1.6em;
  line-height: 1.2em;
  }

#content .iconfeature.smallhdg .featurecontents h4 {
  font-size: 1.4em;
  }

#content .iconfeature .featurecontents p {
  font-family: arial,helvetica,sans-serif;    
  font-size: 1.3em;    
  margin-top: 0;
  margin-right: 0;
  padding: 0;
  line-height: 140%;
  }

#content .iconfeature .featurecontents p + p {
  padding-top: 0.6em;
  }

#content .iconfeature .featurecontents li {
  font-family: arial,helvetica,sans-serif;    
  font-size: 1.2em;    
  }

#content .iconfeature .featurecontents .popuplnk,
#content .iconfeature .featurecontents .morelnk {
  font-weight: bold;
  font-size: 1.2em;
  }

.popuplnk,
#sidebar .sbprodline .popuplnk,
.popup p.popuplnk {
  display: none;
  color: #4271cf;
  }

.popup .popuplnk:hover {
  color: #1a1d55;
  text-decoration: underline;
  }

.js .popup p.popuplnk {
  display: block;
  }

.js .popup .morelnk {
  display: none;
  }

.js .popup .contentpopup .morelnk,
.js #sidebar .popup .contentpopup .morelnk {
  display: block;
  }

.contentpopup {
  position: absolute;
  top: -3.5em;
  left: 0;
  z-index: 200;
  opacity: 0.97;
  display: none;
  }

#sidebar .contentpopup {
  width: 21em;
  }

.shadow {
  overflow: visible;
  position: relative;
  _margin: -2em 0 0 -1.7em;
  padding: 2em 2em 3.25em 2em;
  }

.shadow .ds {
  background-image: url(/images/dropshadow_popup.png);
  background-repeat: no-repeat;
  _background: none;
  }

.shadow .ds.ds_tl {
  background-position: top left;
  padding: 0 0 0 3.5em;
  margin: 0 0 0 -3.5em;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  }

.shadow .ds.ds_tr {
  background-position: top right;
  padding: 0 3.5em 0 0;
  _margin-left: 0;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  }

.shadow .ds.ds_bl {
  background-position: bottom left;
  padding: 0 0 0 3.5em;
  margin: 0 0 0 -3.5em;
  _margin-right: 0;
  width: 50%;
  height: 5em;
  position: absolute;
  bottom: -5em;
  _bottom: -6.6em;
  left: 0;
  z-index: 0;
  }

.shadow .ds.ds_br {
  background-position: bottom right;
  padding: 0 3.5em 0 0;
  _margin-left: 0;
  width: 50%;
  height: 5em;
  position: absolute;
  bottom: -5em;
  _bottom: -6.6em;
  left: 50%;
  }

.contentpopup .popupcontents {
  _border: 0.3em #eee solid;
  background: #f6f8fd;
  overflow: hidden;
  position: relative;
  top: 3.25em;
  left: 0;
  z-index: 500;      
  text-align: left;
  _border-right: 0.2em #878787 solid;
  _border-bottom: 0.2em #878787 solid;
  _margin-right: -0.4em;
  _margin-left: -0.4em;
  _padding: 2em;
  }

#content .contentpopup h4 {
  background: none;
  font-size: 1.4em;
  margin: 0 0 -0.5em 0;
  padding: 0;
  text-transform: none;
  }

#content .iconfeature .contentpopup .popupcontents p,
#sidebar .contentpopup .popupcontents p {
  width: auto;
  margin: 0.8em 0 0 0;
  padding: 0;
  font-weight: normal;
  font-size: 1.3em;
  line-height: 140%;
  }

#content .contentpopup .popupcontents h5,
#sidebar .contentpopup .popupcontents h5 {
  margin: 1em 0 -0.6em 0;
  padding: 0;
  text-transform: none;
  font-size: 1.2em;
  }

#sidebar .contentpopup .popupcontents h5 {
  margin: 0 0 -0.6em 0;
  }

#content .contentpopup .popupcontents h4 + h5,
#sidebar .contentpopup .popupcontents h4 + h5 {
  margin-top: 1.5em;
  }

#content .contentpopup .popupcontents .morelnk,
#sidebar .contentpopup .popupcontents .morelnk {
  margin: 0.4em 0 0 0;
  padding: 0;
  font-weight: bold;
  }

#content .contentpopup .popupcontents .morelnk a {
  font-weight: bold;
  }

.contentpopup .closebox {
  position: absolute;
  top: 2.25em;
  _top 5.5em;
  right: -1.25em;
  _right: 2.5em;
  width: 2.5em;
  height: 2.5em;
  background: url(/images/controls.png) no-repeat right top;
  _background: url(/images/controls.gif) no-repeat right top;
  }
 
.contentpopup .closebox:hover {
  background-position: right -2.5em;
  cursor: pointer;
  }

#content .contentpopup .footnote {
  display: block;
  font-size: 0.9em;
  line-height: normal;
  color: #878787;
  margin: 1em 0 0;
  } 


/* Features Drill-downs */
.featureblock {
  clear: both;
  }

#ieroot .featureblock .copyblock {
  display: inline;
  _display: block;
  }

#ie8 .featureblock .copyblock {
  display: block;
  } 

#content .featureblock h4 {
  clear: none;
  }    
    
#content .featureblock p {
  font-family: arial,helvetica,sans-serif;
  font-size: 1.4em;
  } 

/* Sidebar Prodline Features */
#sidebar {
  width: 19em;
  }  
    
#sidebar .flash {
  text-transform: none;
  }

.sbprodline {
  margin: 3em 0 0 0;
  position: relative;
  }
     
.sbprodline .prodshot {
  margin: 0;
  padding: 0;
  }

.sbprodline .prodshot:hover {
  cursor: pointer;
  }

#sidebar .sbprodline h5 {
  background: none;
  color: #1a1d55;
  font-size: 1.2em;
  text-transform: none;
  font-weight: bold;
  margin: 0 0 0 1.9em;
  padding: 0;
  }

#sidebar .sbprodline .popuplnk {
  font-size: 1.1em;
  font-weight: bold;
  display: none;
  }

#sidebar .sbprodline .morelnk {
  font-weight: bold;
  }

.js #sidebar .sbprodline.popup .morelnk {
  display: none;
  }

.js #sidebar .sbprodline.popup .popuplnk,
.js #sidebar .sbprodline.popup .contentpopup .morelnk {
  display: block;
  }

#sidebar .contentpopup {
  left: -2em;
  }