body {font-family: "Open Sans", Arial, Helvetica, sans-serif;}
.boxNew {
        height: 64px;
        width: 260px;
        position: relative;
        display: inline-block;
        transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
}
.imgNew {
        position: absolute;
        height: 25px;
        top: 2px;
        width: 25px;
        background-color: transparent;
}
.img-answered {-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.labelnameNew {
        position: absolute;
        height: 48px;
        font-size: 18px;
        line-height: 25px;
        top: 2px;
        left: 62px;
        width: 205px;
        overflow: hidden;
}
.color-answered {
	color: #ff0000;
}
.color-idle {
    color: #008000;
}
.color-pause {
	color: #ffa500;
}
.color-offline {
    color: #808080;
}
.font-answered {
    font-weight: 600;;
}
.boxNew:hover {transform: translateY(-10px) rotateZ(-5deg);}