.jf_special_box {
  padding: 4px;
  position: relative;
  float: right;
}
.jf_special_box .header {
  background-color: #2A7B99;
  float: right;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.jf_special_box .header.closed {
  background-image: url(../images/jf/jf_typo/jf_special_box_info.png);
  background-position: top right;
  cursor: pointer;
  width: 36px;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  transition: all .3s ease-in;
}
.jf_special_box .header.closed:hover {
  background-position: top right;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.jf_special_box .header.closed .wrap {
  background: transparent url(../images/jf/jf_typo/jf_special_box_light.png) -5px -5px no-repeat;
  height: 36px;
}
.jf_special_box .header.closed .wrap .content {
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}
.jf_special_box .header.closed.alert {
  background-image: url(../images/jf/jf_typo/jf_special_box_alert.png);
}
.jf_special_box .header.closed.bulb {
  background-image: url(../images/jf/jf_typo/jf_special_box_bulb.png);
}
.jf_special_box .header.closed.star {
  background-image: url(../images/jf/jf_typo/jf_special_box_star.png);
}
.jf_special_box .header.closed.clipboard {
  background-image: url(../images/jf/jf_typo/jf_special_box_clipboard.png);
}
.jf_special_box .header .wrap .content {
  color: white;
  padding: 8px 90px 8px 30px;
  font-size: 16px;
}
.jf_special_box .header .wrap .content .close {
  color: white;
  position: absolute;
  right: 10px;
  top: 9px;
  text-decoration: none;
  z-index: 2;
  background: url(../images/jf/jf_typo/jf_special_box_closeBG.png) repeat transparent;
  padding: 3px 9px;
  font-size: 16px;
  border-radius: 2px;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.jf_special_box .header .wrap .content .close:hover {
  background: #000;
}
.jf_special_box .header .wrap .content .link {
  color: #fff;
  font-style: italic;
}
.jf_special_box .header .wrap .content .link:hover {
  text-decoration: underline;
}
.jf_special_box .header.style2 {
  background-color: #DD3C27;
}
.jf_special_box .header.style2 .wrap .content .close:hover {
  background: rgba(0,0,0,0.7);
}
.jf_special_box .header.style3 {
  background-color: #02A255;
}
.jf_special_box .header.style3 .wrap .content .close:hover {
  background: rgba(0,0,0,0.7);
}
.jf_special_box .header.style4 {
  background-color: #FFA133;
  border: 1px dashed #fff;
}
.jf_special_box .header.style4 .style4.jf-info-header .wrap .content .close {
  top: 10px;
}
.jf_special_box .header.style4 .style4.jf-info-header .wrap .content .close:hover {
  background: rgba(0,0,0,0.7);
}
body.rtl .jf_special_box {
  float: left;
}
body.rtl .jf_special_box .header {
  float: left;
}
body.rtl .jf_special_box .header .wrap .content {
  padding: 8px 30px 8px 90px;
}
body.rtl .jf_special_box .header .wrap .content .close {
  right: auto;
  left: 10px;
}