[class^="tpnpbicon-"], [class*=" tpnpbicon-"] {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;

  /* fix buttons height */
  line-height: 1em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
}

.tpnpbicon-left-dir { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀁 '); }
.tpnpbicon-right-dir { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀂 '); }
.tpnpbicon-left-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀃 '); }
.tpnpbicon-right-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀄 '); }
.tpnpbicon-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀅 '); }
.tpnpbicon-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀆 '); }
.tpnpbicon-left-big { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀇 '); }
.tpnpbicon-right-big { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀈 '); }
.tpnpbicon-left-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀉 '); }
.tpnpbicon-right-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀐 '); }
.tpnpbicon-left-circled2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀑 '); }
.tpnpbicon-right-circled2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀒 '); }
.tpnpbicon-left-circled-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀓 '); }
.tpnpbicon-right-circled-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀔 '); }
.tpnpbicon-left-open-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀕 '); }
.tpnpbicon-right-open-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀖 '); }
.tpnpbicon-left-open-mini { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀗 '); }
.tpnpbicon-right-open-mini { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀘 '); }
.tpnpbicon-left-open-big { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀙 '); }
.tpnpbicon-right-open-outline { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀠 '); }
.tpnpbicon-left-open-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀡 '); }
.tpnpbicon-right-open-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀢 '); }
.tpnpbicon-left-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀣 '); }
.tpnpbicon-right-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀤 '); }
.tpnpbicon-left-outline { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀥 '); }
.tpnpbicon-right-outline { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀦 '); }
.tpnpbicon-left-small { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀧 '); }
.tpnpbicon-right-small { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀨 '); }
.tpnpbicon-left-3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀩 '); }
.tpnpbicon-right-3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀰 '); }
.tpnpbicon-left-circle { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀱 '); }
.tpnpbicon-right-circle { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀲 '); }
.tpnpbicon-left-open-3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀳 '); }
.tpnpbicon-right-open-3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀴 '); }
.tpnpbicon-left-bold-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀵 '); }
.tpnpbicon-right-bold-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀶 '); }
.tpnpbicon-left-fat { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀷 '); }
.tpnpbicon-right-fat { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀸 '); }
.tpnpbicon-left-open-4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢀹 '); }
.tpnpbicon-right-open-4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢁀 '); }
.tpnpbicon-left-4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢁁 '); }
.tpnpbicon-right-4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢁂 '); }
.tpnpbicon-left-circled-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢁃 '); }
.tpnpbicon-right-circled-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢁄 '); }
.tpnpbicon-left-open-5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢁅 '); }
.tpnpbicon-right-open-5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢁆 '); }
.tpnpbicon-left-circle-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢁇 '); }
.tpnpbicon-right-circle-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢁈 '); }
.tpnpbicon-right-open-big { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢁉 '); }
.tpnpbicon-left-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢁐 '); }
.tpnpbicon-right-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢁑 '); }
.tpnpbicon-left-dir-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢁒 '); }
.tpnpbicon-right-dir-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢁓 '); }
.tpnpbicon-left-bold { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢁔 '); }
.tpnpbicon-right-bold { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢁕 '); }
.tpnpbicon-left-thin { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢁖 '); }
.tpnpbicon-right-thin { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢁗 '); }
.tpnpbicon-left-open-outline { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '󢁘 '); }