.modal-content-width {
  width: 768px;
}
@media (max-width: 767px) {
  .modal-content-width {
    width: 100%;
    max-width: 100%;
  }
}

.sponsor-alphabet {
  margin-top: 20px;
}
.sponsor-alphabet > p {
  margin-bottom: 10px;
  font-size: 12px;
  color: #666;
}
.sponsor-alphabet .letter-button {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-bottom: 5px;
  padding: 5px 0px;
  width: 25px;
}
.sponsor-alphabet .letter-button.letter-button-any {
  width: auto;
  padding: 5px 10px;
}

#sponsor-country-filter .sponsor-country-items {
  margin-top: 5px;
}
#sponsor-country-filter .button-text-action {
  font-size: 12px;
}
#sponsor-country-filter .sponsor-country-tag-value {
  width: 100%;
}

.results {
  /**
   * sponsor item
   */
}
.results .result-content {
  min-height: 400px;
}
.results .sort-result {
  margin-bottom: 20px;
}
.results .sort-result .paginator > ul.pagination {
  margin-top: 0;
}
.results ul.pagination {
  cursor: pointer;
}
.results .result-text {
  padding-top: 4px;
}
.results label[for=limit], .results select[name=limit] {
  display: inline-block;
}
.results label[for=limit] {
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
}
.results select[name=limit] {
  width: auto;
}
.results .loading-img {
  display: block;
  margin: 30px auto;
}
.results .sponsor-item {
  margin-bottom: 10px;
  padding: 10px 15px;
  background: #f1f2f3;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  /**
   * we support different level of hierarchy displaying
   * this code has one assumption that the maximum value of hierarchy is 5
   */
  /**
   * hover state
   */
  /**
   * results which are serves as hierarchy decoration can be less prominent
   */
}
.results .sponsor-item .grant-num {
  width: 100px;
  float: right;
  text-align: center;
  color: #2a6496;
}
.results .sponsor-item .grant-num .num {
  font-size: 40px;
  font-weight: bold;
}
.results .sponsor-item .grant-num .sub-text-1 {
  font-size: 14px;
  font-weight: bold;
}
.results .sponsor-item .grant-num .sub-text-2 {
  font-size: 12px;
  font-weight: bold;
}
.results .sponsor-item .sponsor-item-main {
  padding-right: 140px;
}
.results .sponsor-item .sponsor-item-main .title {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 16px;
}
.results .sponsor-item .sponsor-item-main .country, .results .sponsor-item .sponsor-item-main .type {
  margin-bottom: 8px;
  font-size: 13px;
  color: #444;
}
.results .sponsor-item .sponsor-item-main .description {
  margin-bottom: 8px;
  font-size: 12px;
}
.results .sponsor-item .sponsor-item-main .sub-sponsor {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-right: 20px;
  font-size: 12px;
}
.results .sponsor-item .sponsor-item-main .sub-sponsor button {
  color: #3071a9;
}
.results .sponsor-item .sponsor-item-main em {
  font-style: normal;
  background: #FBF11E;
}
.results .sponsor-item.sponsor-item-level-2 {
  position: relative;
  margin-left: 60px;
  background: #f1f2f3;
  /* a directory arrow */
}
.results .sponsor-item.sponsor-item-level-2 .title {
  font-size: 14px;
}
.results .sponsor-item.sponsor-item-level-2 .type {
  font-size: 12px;
}
.results .sponsor-item.sponsor-item-level-2 .grant-num .num {
  font-size: 30px;
}
.results .sponsor-item.sponsor-item-level-2:before {
  position: absolute;
  left: -45px;
  top: 9px;
  width: 45px;
  height: 63px;
  background: url("../../img/sponsors/hierarchy-arrow.png") no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.results .sponsor-item.sponsor-item-level-2.sponsor-item-type-normal {
  background: #e1e3e5;
}
.results .sponsor-item.sponsor-item-level-3 {
  position: relative;
  margin-left: 120px;
  background: #f1f2f3;
  /* a directory arrow */
}
.results .sponsor-item.sponsor-item-level-3 .title {
  font-size: 14px;
}
.results .sponsor-item.sponsor-item-level-3 .type {
  font-size: 12px;
}
.results .sponsor-item.sponsor-item-level-3 .grant-num .num {
  font-size: 30px;
}
.results .sponsor-item.sponsor-item-level-3:before {
  position: absolute;
  left: -45px;
  top: 9px;
  width: 45px;
  height: 63px;
  background: url("../../img/sponsors/hierarchy-arrow.png") no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.results .sponsor-item.sponsor-item-level-3.sponsor-item-type-normal {
  background: #e1e3e5;
}
.results .sponsor-item.sponsor-item-level-4 {
  position: relative;
  margin-left: 180px;
  background: #f1f2f3;
  /* a directory arrow */
}
.results .sponsor-item.sponsor-item-level-4 .title {
  font-size: 14px;
}
.results .sponsor-item.sponsor-item-level-4 .type {
  font-size: 12px;
}
.results .sponsor-item.sponsor-item-level-4 .grant-num .num {
  font-size: 30px;
}
.results .sponsor-item.sponsor-item-level-4:before {
  position: absolute;
  left: -45px;
  top: 9px;
  width: 45px;
  height: 63px;
  background: url("../../img/sponsors/hierarchy-arrow.png") no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.results .sponsor-item.sponsor-item-level-4.sponsor-item-type-normal {
  background: #e1e3e5;
}
.results .sponsor-item.sponsor-item-level-5 {
  position: relative;
  margin-left: 240px;
  background: #f1f2f3;
  /* a directory arrow */
}
.results .sponsor-item.sponsor-item-level-5 .title {
  font-size: 14px;
}
.results .sponsor-item.sponsor-item-level-5 .type {
  font-size: 12px;
}
.results .sponsor-item.sponsor-item-level-5 .grant-num .num {
  font-size: 30px;
}
.results .sponsor-item.sponsor-item-level-5:before {
  position: absolute;
  left: -45px;
  top: 9px;
  width: 45px;
  height: 63px;
  background: url("../../img/sponsors/hierarchy-arrow.png") no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.results .sponsor-item.sponsor-item-level-5.sponsor-item-type-normal {
  background: #e1e3e5;
}
.results .sponsor-item.sponsor-item-type-relation {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}