.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden
}
.clearfix {
  display:inline-block;
  overflow:hidden
}
.clearfix {
  display:block
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
@font-face {
  font-family: 'ZHcldSystem';
  src:url('fonts/ZHcldSystem.eot');
  src:url('fonts/ZHcldSystem.eot?#iefix') format('embedded-opentype'),
    url('fonts/ZHcldSystem.ttf') format('truetype'),
    url('fonts/ZHcldSystem.woff') format('woff'),
    url('fonts/ZHcldSystem.svg#ZHcldSystem') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class*="icon-"] {
  font-family: 'ZHcldSystem';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height:1.6rem;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/**/
.clearB {clear:both}
.fL {float:left}
.fR {float:right}
:link, *:visited, *:hover, *:active, *:focus {
    -moz-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  -webkit-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  -o-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
}
.colRed {color:#f70000}
.colOrange {color:#ed8b00}
.colYel {color:#d9a601}
.colGreen{color:#17ab0c}
.colGray{color:#999}
.colBlue{color:#3172d9}
.hide {display:none}
.contactsTag{
  border-radius: 2px 2px 2px 2px;
  color: #FFFFFF;
  margin: 0 1px;
  padding: 5px 3px;
  overflow:hidden; 
  text-overflow:ellipsis;
  white-space:nowrap;
  display:inline-block;
  font-style:normal
}
.contactsMark{
  border-radius: 2px;
  border:1px solid #ccc;
  margin: 0 1px;
  padding: 0 3px;
  overflow:hidden; 
  text-overflow:ellipsis;
  white-space:nowrap;
  display:inline-block;
  font-style:normal;
  color:#333;
}
.contactsTag.tagCol-01{
  background-color:#16A085
}
.contactsTag.tagCol-02{
  background-color:#2980B9
}
.contactsTag.tagCol-03{
  background-color:#8E44AD
}
.contactsTag.tagCol-04{
  background-color:#f90000
}
.contactsTag.tagCol-05{
  background-color:#B8651B
}
.contactsTag.tagCol-06{
  background-color:#2C3E50
}
.contactsTag.tagCol-07{
  background-color:#efd200
}
.clientRecord li i.icon{
  margin-left: -4px;
  margin-top: -5px;
  width: 32px;
  height: 32px;
  float: left;
}
.iconGenerate,.iconReceive,.iconBorrow,.iconSell,.iconUpdate,.iconReplace,.iconRecycle,.iconContacts,.iconLock,.iconService,.iconPhone,.iconOther{
  background:url(infocentericon.png) no-repeat 0 0
}
.iconGenerate{
  background-position:0 0
}
.iconReceive{
  background-position:0 -32px
}
.iconBorrow{
  background-position:0 -64px
}
.iconSell{
  background-position:0 -96px
}
.iconUpdate{
  background-position:0 -128px
}
.iconReplace{
  background-position:0 -160px
}
.iconRecycle{
  background-position:0 -192px
}
.iconContacts{
  background-position:0 -224px
}
.iconLock{
  background-position:0 -256px
}
.iconService{
  background-position:0 -288px
}
.iconPhone{
  background-position:0 -320px
}
.iconOther{
  background-position:0 -352px
}