@charset "UTF-8";
/* CSS Document */

div#shadow {
  background-color: #eaf2f8;
  display: none;
  filter: alpha(opacity=60);
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 20000;
}
div#shadow[id] {
  position: fixed;
}

div.lightbox {
  background: #7aaed7 url(../img/lightboxBg.jpg) 0 bottom no-repeat;
  display: none;
  left: 50%;
  margin: 0 0 0 -245px;
  padding: 36px 40px;
  position: absolute;
  text-align: left;
  top: 5%;
  width: 418px;
  z-index: 20001;
}
div.lightbox div.close {
  position: absolute;
  right: 10px;
  top: 10px;
}
div.lightbox div.close a {
  background: url(../img/icons/iconCloseBlue.png) no-repeat;
  display: block;
  height: 18px;
  text-indent: -9999px;
  width: 18px;
}
div.lightbox h4.lightboxTitle {
  color: #fff;
  font-size: 1em;
  letter-spacing: 1px;
  margin: 0 0 12px 0;
  text-transform: uppercase;
  font-weight: normal;
}
div.lightboxContent {
  background-color: #fff;
  overflow: hidden;
}
div.lightboxButtons {
  background: url(../img/lightboxBtnBg.gif) repeat-x;
  height: 25px;
  padding: 15px 20px 12px;
}
div.lightboxButtons li {
  float: left;
  padding: 0 8px 0 0;
}
div.lightboxButtons a {
  display: block;
  height: 25px;
  text-indent: -9999px;
}
div.lightboxButtons a.btnDownload {
  background: url(../img/btnLightboxDownload.gif) no-repeat;
  width: 95px;
}
div.lightboxButtons a.btnCreateSet {
  background: url(../img/btnLightboxCreateSet.gif) no-repeat;
  width: 95px;
}
div.lightboxButtons a.btnCancel {
  background: url(../img/btnLightboxCancel.gif) no-repeat;
  width: 64px;
}

div#homeMemberMedia,
div#homePublicMedia {
  margin: 0 0 0 -458px;
  padding-bottom: 72px;
  width: 836px;
}
div.mediaModule {
  overflow: hidden;
  padding: 16px 16px 24px;
}
div.mediaModule div.media {
  float: left;
  margin: 0 34px 0 0;
}
div.mediaModule div.content {
  float: left;
  width: 323px;
}
div.mediaModule div.content div.logo {
  margin: 12px 0 12px 0;
}
div.mediaModule div.content div.date {
  color: #1e73b1;
  font: bold 1.0833em Arial, Helvetica, sans-serif;
  margin: 0 0 12px 0;
  text-transform: uppercase;
}
div.mediaModule div.content h3 {
  color: #666;
  font: bold 2.66em/1em 'Arimo', Arial, sans-serif;
  margin: 0 0 8px 0;
}
div#mediaModule div.content p.subtitle {
  color: #fff;
  font: bold 0.9166em Arial, Helvetica, sans-serif;
  line-height: 1em;
  margin: 0 0 4px 0;
  text-transform: uppercase;
}
div.mediaModule div.content p {
  color: #666;
  font-size: 1.33em;
  padding: 0 0 12px 0;
}
div.mediaModule div.content p.share {
  font: bold 0.833em Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
div.mediaColumns {
  overflow: hidden;
  padding: 1px;
}
div.mediaColumns div.recentMedia,
div.mediaColumns div.relatedReports,
div.mediaColumns div.relatedMembersReports {
  float: left;
  height: 266px;
  width: 416px;
}
div.mediaColumns div.recentMedia {
  margin: 0 2px 0 0;
}
div.mediaColumns h5 {
  background-color: #cee0ee;
  color: #363636;
  font: bold 0.9166em/1em Arial, Helvetica, sans-serif;
  height: 11px;
  letter-spacing: 1px;
  padding: 13px 30px 11px 30px;
  text-transform: uppercase;
  width: 356px;
}
div.mediaColumnsContent {
  padding: 20px 30px;
}
div#recentMediaContent,
div#relatedMembersReportsContent {
  background-color: #f7f7f7;
  height: 191px;
}
div#recentMediaContent li {
  padding: 0 0 20px 0;
}

.recentMediaContentVideo {
  background: url(../img/icons/iconVideoLarge.png) 0px 2px no-repeat;
  color: #333;
  display: block;
  font: bold 1.33em Arial, Helvetica, sans-serif;
  padding: 0 0 0 44px;
}
.recentMediaContentAudio {
  background: url(../img/icons/iconAudioLarge.png) 0px 2px no-repeat;
  color: #333;
  display: block;
  font: bold 1.33em Arial, Helvetica, sans-serif;
  padding: 0 0 0 44px;
}
.recentMediaContentTravel {
  background: url(../img/icons/iconTravelLarge.png) 0px 2px no-repeat;
  color: #333;
  display: block;
  font: bold 1.33em Arial, Helvetica, sans-serif;
  padding: 0 0 0 44px;
}
.recentMediaContentPresentation {
  background: url(../img/icons/iconPresentationLarge.png) 0px 2px no-repeat;
  color: #333;
  display: block;
  font: bold 1.33em Arial, Helvetica, sans-serif;
  padding: 0 0 0 44px;
}
.recentMediaContentArticle {
  background: url(../img/icons/iconArticleLarge.png) 0px 2px no-repeat;
  color: #333;
  display: block;
  font: bold 1.33em Arial, Helvetica, sans-serif;
  padding: 0 0 0 44px;
}

div#recentMediaContent span {
  color: #666;
  display: block;
  font: normal 11px Arial, Helvetica, sans-serif;
}
div#recentMediaContent span span {
  display: inline;
  font-weight: bold;
}
div#relatedReportsContent {
  background-color: #f7f7f7;
  margin: 0 0 2px 0;
  height: 74px;
}
div#relatedReportsContent div.report div.date,
div#featuredReportNews div.date {
  color: #666;
  font-size: 0.9166em;
  margin: 0 0 2px 0;
}
div#relatedReportsContent div.report h4,
div#news div.newsItem h4,
div#featuredReportNews h4 {
  font: bold 1.33em/1.1em 'Arimo', Arial, sans-serif;
  margin: 0 0 8px 0;
}
div#relatedReportsContent div.report h4 a,
div#news div.newsItem h4 a,
div#featuredReportNews h4 a {
  color: #333;
}
div#relatedReportsContent div.report h4 a:hover,
div#news div.newsItem h4 a:hover,
div#featuredReportNews h4 a:hover {
  color: #0d5e15;
}
div#relatedReportsContent div.report p,
div#featuredReportNews p {
  color: #333;
  font-size: 0.833em;
  line-height: 1em;
  padding: 0 0 8px 0;
  text-transform: uppercase;
}
div#relatedReportsContent div.report p.desc,
div#featuredReportNews p.desc {
  font: normal 1.166em/1.33em Georgia, 'Times New Roman', Times, serif;
  margin: -4px 0 0 0;
  text-transform: none;
}
div#relatedReportsContent div.report p.fullReport a {
  background: url(../img/icons/iconMember.png) 0 0.25em no-repeat;
  color: #666;
  display: block;
  padding: 0 0 0 20px;
}
div#relatedReportsContent div.report p.fullReport span {
  font-weight: bold;
}
div#memberReportsContent {
  background-color: #ecf3f9;
  height: 79px;
  padding-top: 15px;
}
div#memberReportsContent h6 {
  border-bottom: 1px solid #d5e6f4;
  color: #999999;
  font: bold 0.833em/1em Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  text-transform: uppercase;
}
div#memberReportsContent ul {
  overflow: hidden;
}
div#memberReportsContent li {
  padding: 0 0 4px 0;
}
div#memberReportsContent a {
  background: url(../img/icons/iconMember.png) 0 0.25em no-repeat;
  color: #333;
  display: block;
  padding: 0 0 0 25px;
}
div#memberReportsContent span {
  color: #666;
  float: left;
  width: 85px;
}
div#relatedMembersReportsContent li {
  padding: 0 0 20px 0;
}
div#relatedMembersReportsContent a {
  background: url(../img/icons/iconDownloadCircle.png) 0px 2px no-repeat;
  color: #333;
  display: block;
  font: bold 1.33em Arial, Helvetica, sans-serif;
  padding: 0 0 0 36px;
}
div#relatedMembersReportsContent span {
  color: #666;
  display: block;
  font: normal 11px Arial, Helvetica, sans-serif;
}

div#createLeadPopUp,
div#downloadIndex,
div#createIndex {
  margin: 0 0 0 -363px;
  padding-bottom: 72px;
  width: 646px;
}
div#createLeadPopUp div.lightboxContent,
div#downloadIndex div.lightboxContent,
div#createIndex div.lightboxContent {
  padding: 1px;
}
div#createLeadPopUp h5,
div#downloadIndex h5,
div#createIndex h5 {
  background-color: #91c7f2;
  color: #10619c;
  font: 1.5em/1em 'Arimo', Arial;
  overflow: hidden;
  padding: 16px 22px;
}
div#downloadIndex h5 span {
  color: #333;
}
div#downloadIndex div.selectedIndexes {
  overflow: hidden;
  padding: 20px 30px 60px;
}
div#downloadIndex div.pagination {
  background: none !important;
  margin: 0 0 20px 0;
  padding: 0;
  position: relative;
  text-align: center;
  width: 584px;
}
div#downloadIndex div.pagination p {
  color: #333;
  font: normal 1em Arial, Helvetica, sans-serif !important;
  padding: 0;
}
div#downloadIndex div.pagination div.prev {
  left: 10px;
  position: absolute;
  top: -1px;
}
div#downloadIndex div.pagination div.prev a {
  background: url(../img/icons/iconGreenCircleArrowLeft.png) no-repeat;
  display: block;
  padding: 1px 0 2px 23px;
}
div#downloadIndex div.pagination div.next {
  right: 10px;
  position: absolute;
  top: -1px;
}
div#downloadIndex div.pagination div.next a {
  background: url(../img/icons/iconGreenCircleArrowRight.png) right 0 no-repeat;
  display: block;
  padding: 1px 23px 2px 0;
}
div#downloadIndex div.selectedIndexes ul {
  overflow: hidden;
  width: 584px;
}
div#downloadIndex div.selectedIndexes li {
  border-bottom: 1px solid #dadada;
  float: left;
  margin: 0 10px;
  padding: 8px 0;
  width: 272px;
}
div#downloadIndex div.selectedIndexes li.firstRow {
  border-top: 1px solid #dadada;
}
div#downloadIndex div.selectedIndexes div.abbr {
  float: left;
  margin: 0 5px 0 0;
  width: 65px;
}
div#downloadIndex div.selectedIndexes div.name {
  float: left;
  width: 202px;
}
div#downloadIndex div.downloadChoice {
  margin: 26px 40px;
}
div#downloadIndex div.downloadChoice div.formRow {
  float: left;
  margin: 0 40px 0 0;
}
div#downloadIndex div.downloadChoice div.field {
  float: left;
  margin: 0 5px 0 0;
}
div#downloadIndex div.downloadChoice label {
  float: left;
}

div#createIndex {
  margin: 0 0 0 -280px;
  width: 480px;
}
div#createIndex h5 span.step,
div#createIndex h5 span.text {
  float: left;
}
div#createIndex h5 span.step {
  background: url(../img/lightboxHeaderStepBg.gif) no-repeat;
  color: #fff;
  font-size: 1.166em;
  height: 24px;
  margin: -6px 12px -6px -8px;
  padding: 6px 0 0 0;
  text-align: center;
  width: 30px;
}
div#createIndex div.selectAttributes {
  overflow: hidden;
  padding: 20px 30px;
  width: 418px;
}
div#createIndex div.selectAttributes div.column {
  float: left;
  margin: 0 10px;
}
div#createIndex div.selectAttributes div#regions {
  width: 239px;
}
div#createIndex div.selectAttributes div#indexTypes {
  width: 139px;
}
div#createIndex div.selectAttributes h6 {
  color: #1e73b1;
  font: bold 1.166em/1em 'Arimo', Arial, sans-serif;
  margin: 0 0 16px 0;
  padding: 0;
  text-transform: uppercase;
}
div#createIndex div.selectAttributes div#regions li {
  color: #333;
  overflow: hidden;
  padding: 0 0 8px 0;
  width: 239px;
}
div#createIndex div.selectAttributes div#indexTypes li {
  color: #333;
  overflow: hidden;
  padding: 0 0 8px 0;
  width: 139px;
}
div#createIndex div.selectAttributes li div.field {
  float: left;
  margin: 0 5px 0 0;
  width: 20px;
}
div#createIndex div.selectAttributes div#regions li label {
  clear: right;
  float: left;
  width: 214px;
}
div#createIndex div.selectAttributes div#indexTypes li label {
  clear: right;
  float: left;
  width: 114px;
}
div#createIndex div.selectAttributes li a {
  color: #333;
  display: block;
  padding: 2px 0 0 23px;
}
div#createIndex div.selectAttributes li a.expand {
  background: url(../img/icons/iconExpandSprite.png) 0px 0px no-repeat;
}
div#createIndex div.selectAttributes li a.collapse {
  background: url(../img/icons/iconCollapseSprite.png) 0px 0px no-repeat;
}
div#createIndex div.selectAttributes li a:hover {
  background-position: 0 -48px;
}
div#createIndex div.selectAttributes li span.total {
  color: #999;
}
div#createIndex div.selectAttributes li ul {
  display: none;
  float: left;
  margin: 8px 0 -8px 45px;
  overflow: hidden;
  width: 194px;
}
div#createIndex div.selectAttributes li ul.shown {
  display: block;
}
div#createIndex div.selectAttributes li ul li {
  width: 194px !important;
}
div#createIndex div.selectAttributes li ul li label {
  width: 169px !important;
}
div#createIndex div.nameIndexSet {
  margin: 20px 40px 30px;
}
div#createIndex div.nameIndexSet label {
  display: block;
  padding: 0 0 8px 0;
}
div#createIndex div.nameIndexSet input {
  height: 16px;
  width: 326px;
}

div#homeFeaturedChart {
  margin: 0 0 0 -246px;
  padding-bottom: 72px;
  width: 412px;
}
div#homeFeaturedChart div.lightboxContent {
  padding: 36px 36px 26px;
}
div#homeFeaturedChart div.image {
  margin: 0 0 10px 0;
  width: 338px;
}

div#chartDetail {
  margin: 0 0 0 -465px;
  padding-bottom: 72px;
  width: 850px;
}
div#chartDetail div.lightboxContent {
  padding: 1px;
  width: 848px;
}
div#chartDetail div#lightboxChartModule {
  margin: 0 0 20px 0;
  overflow: hidden;
  padding: 24px 34px 12px;
  width: 780px;
}
div#lighboxChartTextBelow {
  clear: both;
  width: 400px;
  margin: 0 0 0 8px;
  font-size: 1em;
  color: #a4a4a4;
}
div#chartDetail div.image {
  float: left;
  margin: 0 30px 0 20px;
  width: 400px;
}
div#chartDetail div.image img {
  width: 100%;
}
div#chartDetail div.desc {
  color: #333;
  float: left;
  font: normal 1.166em Georgia, 'Times New Roman', Times, serif;
  margin: 4px 2px 0 0;
  width: 320px;
}
div#chartDetail p.footnote {
  color: #666;
  margin: 0 34px;
}
div#chartDetail div#lightboxButtons {
  float: left;
  background-color: #f2f2f2;
  height: 110px;
  padding: 0 0 0 0px;
  width: 330px;
}

div#chartDetail div#lightboxButtons p {
  margin: 0 0 0 10px;
  padding: 0;
}
p#pudDate {
  font: normal 1em Arimo;
  position: relative;
  left: 30px;
  line-height: 1.2;
}
p#title {
  font: bold 1.166em Arimo;
  position: relative;
  left: 30px;
  line-height: 1.2;
}
p#typeName {
  font: normal 1em Arimo;
  position: relative;
  left: 30px;
  line-height: 1.2;
}
div#chartDetail div#lightboxButtons a {
  background: url(../img/icons/iconDownloadCircle.png) no-repeat;
  color: #333;
  font: bold 1.166em 'Arimo', Arial, sans-serif;
  height: 19px;
  padding: 1px 0 10px 30px;
  text-indent: 0px;
  line-height: 2;
}
div#chartDetail div.imageBelow {
  float: left;
  margin: 0 25px 0 0;
  width: 700px;
}
div#chartDetail div#descBelow {
  color: #333;
  float: left;
  font: normal 1.166em Georgia, 'Times New Roman', Times, serif;
  margin: 0 20px 0 0;
  width: 410px;
}
div#chartDetail div#lightboxButtonsBelow {
  float: left;
  background-color: #f2f2f2;
  height: 110px;
  padding: 0 0 0 0px;
  width: 330px;
}
div#chartDetail div#lightboxButtonsBelow a {
  background: url(../img/icons/iconDownloadCircle.png) no-repeat;
  color: #333;
  font: bold 1.166em 'Arimo', Arial, sans-serif;
  height: 19px;
  padding: 1px 0 10px 30px;
  text-indent: 0px;
  line-height: 2;
}
div#chartDetail div#lightboxButtonsBelow p {
  margin: 0 0 0 10px;
  padding: 0;
}

div#downloadProgress div.loading {
  margin: 35px auto;
  text-align: center;
  width: 250px;
}
div#downloadProgress div.loading p.loadingText {
  color: #666;
  font: bold 1.5em 'Arimo', Arial, sans-serif !important;
  margin: 20px 0 25px !important;
  padding: 0 !important;
}
div#downloadProgress div.loading p.button {
  padding: 0 !important;
}
div#downloadProgress div.loading p.button a {
  background: url(../img/btnCancelGreen.gif) center 0 no-repeat;
  display: block;
  height: 25px;
  margin: 0 auto;
  text-indent: -9999px;
  width: 64px;
}