.jf_typo_accord .trigger {
  background: #F0F0F0;
  margin: 0 0 10px 0;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  font-weight: 100;
  cursor: pointer;
  border: 1px dashed #fff;
  border-left: 2px solid #2a7b99;
  padding: 2px 0 2px 30px;
  color: #2a7b99;
  position: relative;
}
.jf_typo_accord .trigger i {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 34px;
  background: url(../images/jf/jf_typo/jf_typo_plus.png) no-repeat 9px 11px;
}
.jf_typo_accord .trigger:hover {
  background: #eee;
}
.jf_typo_accord .trigger.active {
  background: #eee;
}
.jf_typo_accord .trigger.active i {
  background: url(../images/jf/jf_typo/jf_typo_minus.png) no-repeat 9px 11px;
}
.jf_typo_accord .container {
  display: none;
  margin: 0 0 10px;
  padding: 0;
  font-size: 12px;
  clear: both;
  padding: 10px;
}
.jf_typo_accord.style2 .trigger i {
  background: url(../images/jf/jf_typo/jf_typo_arrow_right.png) no-repeat 9px 11px;
}
.jf_typo_accord.style2 .trigger.active i {
  background: url(../images/jf/jf_typo/jf_typo_arrow_bottom.png) no-repeat 9px 11px;
}
.jf_typo_accord.style3 .trigger i,
.jf_typo_accord.style3 .trigger.active i {
  background: url(../images/jf/jf_typo/jf_typo_circle.png) no-repeat 9px 11px;
}
.jf_typo_accord.style4 .trigger {
  color: #fff;
  border-left: 1px dashed white;
  background-color: #2a7b99;
}
.jf_typo_accord.style4 .trigger i {
  background: url(../images/jf/jf_typo/jf_typo_plus_white.png) no-repeat 9px 11px;
}
.jf_typo_accord.style4 .trigger:hover {
  background-color: #125A75;
}
.jf_typo_accord.style4 .trigger.active {
  background-color: #125A75;
}
.jf_typo_accord.style4 .trigger.active i {
  background: url(../images/jf/jf_typo/jf_typo_minus_white.png) no-repeat 9px 11px;
}
body.rtl .jf_typo_accord .trigger {
  border-left: none;
  border-right: 2px solid #2a7b99;
  padding: 2px 30px 2px 0;
}
body.rtl .jf_typo_accord .trigger i {
  right: 0;
  left: auto;
}
body.rtl .jf_typo_accord.style2 .trigger i {
  background-image: url(../images/jf/jf_rtl/jf_typo_arrow_right.png);
}
body.rtl .jf_typo_accord.style2 .trigger.active i {
  background-image: url(../images/jf/jf_typo/jf_typo_arrow_bottom.png);
}
body.rtl .jf_typo_accord.style4 .trigger {
  border: 1px dashed #FFF;
}