.phone {
    width: 250px;
    height: 500px;
    margin: 0 auto;
    background-image: url('images/black_mobile.png');
    background-repeat: no-repeat
}
.phone .cont {
    width: 200px;
    height: 20px;
    background: none;
    font-family: Metrophobic;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px #6a6a6a;
    font-size: 13px;
    color: #e9e9e9;
    padding: 3px;
    text-align: center;
    position: relative;
    top: 49px;
    left: 22px;
}
.phone .tme {
    width: 200px;
    height: 20px;
    background: none;
    font-family: Metrophobic;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 9px;
    color: #000;
    padding: 3px;
    text-align: center;
    position: relative;
    top: 55px;
    left: 22px;
}
.phone .txt {
    width: 222px;
    height: 250px;
    position: relative;
    top: 50px;
    left: 8px;
    overflow: auto;
    border-radius: 7px;
    background: none;
    font-family: calibri;
    font-size: 10px;
    line-height: 9px;
}
.phone .msg {
    width: 135px;
    border-radius: 7px;
    background-color: #98db44;
    font-family: calibri;
    font-size: 11px;
    color: #1f1f1f;
    margin: 8px 8px 0px 20px;
    padding: 8px;
    box-shadow: 1px 1px 1px #888888;
    float: left;
}
.phone .ans {
    width: 135px;
    border-radius: 7px;
    background-color: #d3d3d3;
    font-family: calibri;
    font-size: 11px;
    color: #1f1f1f;
    margin: 8px 8px 0 20px;
    padding: 8px;
    box-shadow: 1px 1px 1px #888888;
    float: right;
}

.phone .all {
    width: 320px;
    position: relative;
    top: -500px;
    left: 260px;
    overflow: auto;
    border-radius: 7px;
    background: none;
    font-family: calibri;
    font-size: 10px;
}