[class^="tppdnicon-"], [class*=" tppdnicon-"] {
  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%; */
}
 
.tppdnicon-calendar { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe802;&nbsp;'); }
.tppdnicon-bell { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf555;&nbsp;'); }
.tppdnicon-bell-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf556;&nbsp;'); }
.tppdnicon-bell-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf557;&nbsp;'); }
.tppdnicon-bell-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf558;&nbsp;'); }
.tppdnicon-bell-3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf559;&nbsp;'); }
.tppdnicon-bell-4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf560;&nbsp;'); }
.tppdnicon-bell-5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf561;&nbsp;'); }
.tppdnicon-ok { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf562;&nbsp;'); }
.tppdnicon-ok-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf563;&nbsp;'); }
.tppdnicon-ok-circled2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf564;&nbsp;'); }
.tppdnicon-ok-squared { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf565;&nbsp;'); }
.tppdnicon-plus-squared { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf566;&nbsp;'); }
.tppdnicon-plus-squared-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf567;&nbsp;'); }
.tppdnicon-mail { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf568;&nbsp;'); }
.tppdnicon-mail-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf569;&nbsp;'); }
.tppdnicon-check { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf570;&nbsp;'); }
.tppdnicon-down-thin { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf571;&nbsp;'); }
.tppdnicon-download { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf572;&nbsp;'); }
.tppdnicon-mail-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf573;&nbsp;'); }
.tppdnicon-ok-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf574;&nbsp;'); }
.tppdnicon-ok-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf575;&nbsp;'); }
.tppdnicon-ok-circled-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf576;&nbsp;'); }
.tppdnicon-download-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf577;&nbsp;'); }
.tppdnicon-ok-circled2-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf578;&nbsp;'); }
.tppdnicon-ok-circled-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf579;&nbsp;'); }
.tppdnicon-chart { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf580;&nbsp;'); }
.tppdnicon-dollar { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf581;&nbsp;'); }
.tppdnicon-money { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf582;&nbsp;'); }
.tppdnicon-user { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf583;&nbsp;'); }
.tppdnicon-user-circle-o { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf584;&nbsp;'); }
.tppdnicon-user-o { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf585;&nbsp;'); }