/* Begin data page specific styles */

#MainContentTop {
  margin-top: 0;
  }

#MainContentOuter {
  float: left;
  width: 544px;
  border-right: 1px solid #D5D5D5;
  border-left: 1px solid #D5D5D5;
  }

#MainContentInner {
  float: left;
  background: url(../../resources/images/template/MainContentBody.jpg) no-repeat bottom left;
  }

#MainContentFormer {
  float: left;
  width: 1px;
  height: 415px;
  }

#MainContent {
  float: left;
  width: 494px;
  padding: 23px 25px 15px 24px;
  }

#MainContentIntroFormer {
  float: left;
  width: 1px;
  height: 92px;
  }

#MainContentIntro {
  margin: 10px 0 0 0;
  padding-bottom: 10px;
  line-height: 1.4em;
  }

#HeadingEaseofUse, #HeadingFlexibility {
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  color: #444;
  font-size: 1.3em;
  padding: 5px 0 7px 38px;
  margin-bottom: 13px;
  position: relative;
  }

#HeadingExtensions, #HeadingPortfolio, #HeadingFAQs {
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  color: #444;
  font-size: 1.3em;
  padding: 5px 0 7px 38px;
  margin-bottom: 6px;
  position: relative;
  }

#HeadingEaseofUse {
  background: url(../../resources/images/template/icon_features.gif) no-repeat left center;
  }

#HeadingFlexibility {
  background: url(../../resources/images/template/icon_flexibility.gif) no-repeat left center;
  }

#HeadingExtensions {
  background: url(../../resources/images/template/icon_extensions.gif) no-repeat left center;
  }

#HeadingPortfolio {
  background: url(../../resources/images/template/icon_portfolio.gif) no-repeat left center;
  }

#HeadingFAQs {
  background: url(../../resources/images/template/icon_faqs.gif) no-repeat left center;
  }

#MainContentBody {
  font-size: 0.9em;
  color: #777;
  }

.MainContentHeading {
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  color: #444;
  font-size: 1.5em;
  margin: 1.2em 0 0.4em 0;
  }

.MainContentTitle {
  padding-bottom: 10px;
  }

#MainContentBtm {
  margin-bottom: 0px;
  }

#TabContainerLeft {
  float: left;
  width: 220px;
  margin: 0 25px 10px 0;
  }

#TabContainerRight {
  float: left;
  width: 220px;
  margin: 0 0px 10px 0;
  }

#TabContainer {
  float: left;
  width: 220px;
  margin: 0 25px 10px 0;
  }

.TabArrow {
  width: 220px;
  background: #D9E5F0 url(../../resources/images/template/tab_arrow_blue.gif) no-repeat right center;
  }

.TabBlank {
  width: 220px;
  background-color: #D9E5F0;
  }

.TabPadding {
  padding: 2px 32px 2px 8px;
  }

.TabLink p {
  margin: 0;
  }

.Tab {
  background-color: #D9E5F0;
  padding: 0 5px 0 8px;
  }

.TabHeading {
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 1.1em;
  color: #444;
  padding: 2px 0 1px 0;
  }

.TabLink a, .TabLink a:link, .TabLink a:visited, .TabLink a:active {
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  color: #444;
  border-style: none;
  }

.TabLink a:hover, .TabLink a:visited:hover {
  color: #444;
  }

.TabBodyText {
  padding: 3px 0 4px 0;
  font-size: 0.9em;
  color: #444;
  }

.TabTop {
  margin-top: 7px;
  }

#ContentPanelContainer {
  float: left;
  width: 249px;
  }

.ContentPanel {
  background-color: white;
  border-right: 1px solid #C6D7E8;
  border-left: 1px solid #C6D7E8;
  padding: 14px 14px 10px 12px;
  }

.ContentPanelFormer {
  float: left;
  width: 1px;
  }

.ContentPanelText {
  float: left;
  width: 220px;
  font-size: 0.9em;
  color: #666;
  padding-bottom: 15px;
  }

.ContentPanelHeading {
  font-size: 1.4em;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  color: #444;
  margin-bottom: 16px;
  }

.ContentPanelLink {
  font-size: 1.1em;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  }

#AboutContent p {
  line-height: 1.4em;
  }

/* End data page specific styles */