#htmlfooter {
  border-top: 1px solid #3F3F40;
}

.htmlfooter_text,
.htmlfooter_g94,
.htmlfooter_tier3,
.htmlfooter_centurylink {
  height: 47px;
  border-left: 1px solid #3F3F40;
  float: left;
}

.htmlfooter_text {
  border: 0;
  width: 919px;
  padding: 21px 0 0 21px;
  font-size: 11px;
}

.htmlfooter_g94 {
  width: 54px;
}

.htmlfooter_text {
  color: #7D7D7D;
  line-height: 11px;
}

.htmlfooter_text a {
  text-decoration: none;
  color: #7D7D7D;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  transition: color 0.1s linear;
}

.htmlfooter_text a:hover {
  color: #DADADA;
}

.htmlfooter_g94 .icon_g94 {
  margin: 23px 0 0 15px;
  display: block;
  position: relative;
  background: url("../img/view_htmlfooter/view_htmlfooter_icon_g94.png") no-repeat center center;
  width: 20px;
  height: 20px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  text-decoration: none;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.htmlfooter_g94 .icon_g94 span {
  position: absolute;
  left: -87px;
  top: -7px;
  display: block;
  background: #2A2A2A;
  height: 32px;
  line-height: 32px;
  color: #DADADA;
  font-size: 10px;
  display: none;
}

.htmlfooter_g94 .icon_g94:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.htmlfooter_g94 .icon_g94:hover span {
  display: block;
}

.htmlfooter_tier3 .logo_tier3 {
  display: block;
  width: 170px;
  height: 47px;
  background: url("../img/view_htmlfooter/view_htmlfooter_logo_tier3_sprite.png") no-repeat 0 -47px;
  margin: 8px 0 0 14px;
  position: relative;
}

.htmlfooter_tier3 .logo_tier3 span {
  display: block;
  width: 164px;
  height: 47px;
  background: url("../img/view_htmlfooter/view_htmlfooter_logo_tier3_sprite.png") no-repeat;
  text-indent: -999em;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  cursor: pointer;
}

.htmlfooter_tier3 .logo_tier3:hover span {
  opacity: 0;
  filter: alpha(opacity=0);
}

.htmlfooter_centurylink .logo_centurylink {
  display: block;
  width: 168px;
  height: 24px;
  background: url("../img/view_htmlfooter/view_htmlfooter_logo_centurylink_sprite.png") no-repeat;
  margin-left: 15px;
  margin-top: 18px;
  position: relative;
}
.htmlfooter_centurylink .logo_centurylink > span {
  display: block;
  width: 168px;
  height: 24px;
  background: url("../img/view_htmlfooter/view_htmlfooter_logo_centurylink_sprite.png") no-repeat 0 -24px;
  text-indent: -999em;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  cursor: pointer;
}
.htmlfooter_centurylink .logo_centurylink:hover > span {
  opacity: 1;
  filter: alpha(opacity=1);
}
