.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html>body .clearfix { display: block; }
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */

/* Flash object container */
.ctc_flash {
    z-index: 20;
    position: absolute!important;
    overflow: hidden;
    font-size: 9px;
    font-family: arial;
    cursor: default;
    display: block;
    font-style: normal;
    text-align: left;
    height: 1px;
    width: 1px;
}

.ctc_button {
    width: 175px;
    height: 27px;
    background-image: url('http://login.tekmi.ru/SkinFiles/tekmi.ru/Tekmi/webcall.png');
    background-repeat: no-repeat;
    background-position: left top;
    cursor: pointer;
    margin: 0!important;
    display: block;
    font-style: normal;
    text-align: left;
    padding: 0!important;
    /*border: 1px solid #b3b3b3;*/
}
.ctc_button * {
    font-style: normal;
}
.ctc_button.hover{
    background-position: left bottom;
}
.ctc_button.mousedown{
    background-position: right top;
}

.dialing {
    background-position: right bottom;
}
.ringing {
    background-position: right bottom;
}
.connected {
    background-position: right bottom;
}
.ctc_flash * {
    font-style: normal;
    font-family: arial;
}
.ctc_info {
    display: block;
    position: absolute!important;
    overflow: hidden;
    z-index: 15;
    width: 0px;
    height: 0px;
    font-size: 9px;
    font-family: arial;
    cursor: default;
    background-color: #eeeeee;
    border: 1px solid #666666;
    visibility: hidden;
    text-align: left;
    padding: 4px;
    font-style: normal!important;
}
.ctc_info em {
    display: block;
}
.ctc_info * {
    font-style: normal;
    font-family: arial;
    font-style: normal!important;
}
.ctc_info .info {
    width: 203px;
    background-image: url('http://login.tekmi.ru/SkinFiles/tekmi.ru/Tekmi/i_main.gif');
    background-repeat: repeat-y;
    background-position: left top;
}
.ctc_info .info form {
    margin: 0;
    padding: 0;
}
.ctc_info .info input {
    width: 100%;
    border: 1px solid gray;
}
.ctc_info .top {
    width: 203px;
    height: 4px;
    overflow: hidden;
    background-image: url('http://login.tekmi.ru/SkinFiles/tekmi.ru/Tekmi/i_top.gif');
    background-repeat: no-repeat;
    background-position: left top;
}
.ctc_info .bottom {
    width: 203px;
    height: 4px;
    overflow: hidden;
    background-image: url('http://login.tekmi.ru/SkinFiles/tekmi.ru/Tekmi/i_bottom.gif');
    background-repeat: no-repeat;
    background-position: left top;
}
.ctc_info h1 {
    margin: 0;
    padding: 4px 8px 12px 8px;
    font-style: normal!important;
    font-size: 18px;
    float: none;
    clear: both;
}
.ctc_info h1 em {
    float: left;
}
.ctc_info h2 {
    margin: 0;
    padding: 4px 8px 8px;
    font-style: normal!important;
    text-align: right;
    font-size: 14px;
    float: none;
    clear: both;
    height: 24px;
}
.ctc_info h3 {
    margin: 0;
    padding: 4px 8px 8px;
    font-style: normal!important;
    font-size: 12px;
}
.ctc_info p {
    margin: 0;
    padding: 2px 8px 8px 8px;
    font-style: normal!important;
}
.ctc_info h2.calling {
    background-image: url('http://login.tekmi.ru/SkinFiles/tekmi.ru/Tekmi/loading.gif');
    background-repeat: no-repeat;
    background-position: 8px top;
}
.ctc_info h2.connected {
    background-image: url('http://login.tekmi.ru/SkinFiles/tekmi.ru/Tekmi/connected.gif');
    background-repeat: no-repeat;
    background-position: 8px top;
}
.ctc_info h2.error {
    background-image: url('http://login.tekmi.ru/SkinFiles/tekmi.ru/Tekmi/error.gif');
    background-repeat: no-repeat;
    background-position: 8px top;
}
.ctc_info u {
    background-image: url('http://login.tekmi.ru/SkinFiles/tekmi.ru/Tekmi/dbtn.gif');
    background-repeat: repeat-x;
    background-position: left top;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #b3b3b3;
    padding: 2px 4px;
}
.ctc_arr {
    display: block;
    position: absolute!important;
    width: 66px;
    height: 37px;
    overflow: hidden;
    background-image: url('http://login.tekmi.ru/SkinFiles/tekmi.ru/Tekmi/arr.gif');
    background-repeat: no-repeat;
    z-index: 25;
    visibility: hidden;
}
.lefttop {
    background-position: left top;
}
.righttop {
    background-position: -66px top;
}
.leftbottom {
    background-position: left -37px;
}
.rightbottom {
    background-position: -66px -37px;
}
.dpad {
    float: right!important;
    font-size: 9px!important;
    width: 94px; 
    overflow: hidden;
}
.dpad * {
    font-size: 9px!important;
}
.dpad .dpad_row {
    display: block;
    height: 15px;
    float: none;
    clear: both;
    margin: 3px 0;
}
.dpad .dpad_btn {
    display: block;
    background-image: url('http://login.tekmi.ru/SkinFiles/tekmi.ru/Tekmi/dpad.png');
    background-repeat: no-repeat;
    background-position: left top;
    width: 25px;
    height: 15px;
    color: white;
    float: left;
    overflow: hidden;
    margin: 0 3px;
    cursor: pointer;
}
.dpad .hover {
    background-position: left bottom!important;
}
.dpad .dpad_btn em {
    padding: 2px 0;
    text-align: center;
    clear: both;
    float: none;
}
