#box-preview{
    padding:10px;
}

table td.comments{
    width: 60px;
    vertical-align: middle;
}
table td.visits{
    width: 60px;
    vertical-align: middle;
}
table td.comments h3{

    height: 20px;
    text-align: left;
    font:normal 13px Verdana;
    color:#345345;
    padding:0px 15px 0px 30px;
    margin:2px 0px 0px 10px;
    background-image: url('/resource/images/comments.png');
    background-repeat:no-repeat;
}

table td.visits h3{
    height: 20px;
    text-align: left;
    font:normal 13px Verdana;
    color:#345345;
    padding:0px 15px 0px 25px;
    margin:2px 0px 0px 0px;
    background-image: url('/resource/images/views.png');
    background-repeat:no-repeat;
}

#box-preview #comment{
    width:710px;
    padding:5px 0px 5px 0px;
}

#box-preview #comment #text-gost{
    padding:10px;
    font:normal 11px "Trebuchet MS";
    color:#797979;
    background: #e5e5e5;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

#box-preview #comment td.coada #gost{
    float:right;
    width:17px;
    height:15px;
    margin:0px 10px 0px 0px;
    background-image:url('/resource/images/user.png');
    display: block;
}

#box-preview #comment #text-user{
    padding:10px;
    font:normal 11px "Trebuchet MS";
    color:#797979;
    background: #e5e5e5;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

#box-preview #comment td.coada #user{
    float:right;
    width:17px;
    height:15px;
    margin:0px 10px 0px 0px;
    background-image:url('/resource/images/user.png');
    display: block;
}

#box-preview #comment #text-author{
    padding:10px;
    font:normal 11px "Trebuchet MS";
    color:#797979;
    background: #e2eae2;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

#box-preview #comment td.coada #author{
    float:right;
    width:17px;
    height:15px;
    margin:0px 10px 0px 0px;
    background-image:url('/resource/images/author.png');
    display: block;
}

#box-preview #comment table{
    width:100%;
}

#box-preview table.demo-like{
    width:220px;
}

#box-preview table.demo-like td.demo{
    width:70px;
    height:70px;
    text-align: center;
    vertical-align: middle;
    border-top: 1px solid #dbe1e6;
}

#box-preview table.demo-like td.demo a{
    margin:0px;
    padding:0px;
    display: block;
}
#box-preview table.demo-like td.demo a img{
    border:none;
    margin:2px 0px 0px 0px;
    padding: 0px;
}
#box-preview table.demo-like td.title{
    width:135px;
    text-align:left;
    vertical-align: middle;
    border-top: 1px solid #dbe1e6;
    font-family: Arial,Helvetica,sans-serif;
}

#box-preview table.demo-like td.title a{
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight: bold;
    color:#16387c;
    text-decoration: none;
    padding:0px;
    margin:0px;
    display: block;
    
}

#box-preview table.demo-like td.title a:hover{
    text-decoration: underline;
}

#box-preview table.demo-like td.demo-noborder{
    width:70px;
    height:70px;
    text-align: center;
    vertical-align: middle;
    border: none;
}

#box-preview table.demo-like td.demo-noborder a{
    margin:0px;
    padding:0px;
    display: block;

}
#box-preview table.demo-like td.demo-noborder a img{
    border: none;
    margin:2px 0px 0px 0px;
    padding:0px;
}
#box-preview table.demo-like td.title-noborder{
    width:135px;
    text-align:left;
    vertical-align: middle;
    font-family: Arial,Helvetica,sans-serif;
}

#box-preview table.demo-like td.title-noborder a{
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight: bold;
    color:#16387c;
    text-decoration: none;
    padding:0px;
    margin:0px;
    display: block;

}

#box-preview table.demo-like td.title-noborder a:hover{
    text-decoration: underline;
}




#box-preview #comment #date{
    text-align: right;
    font:normal 10px "Trebuchet MS";
    color:#A3A3A3;
}

#box-preview #comment td.gost{
    font:normal 11px "Trebuchet MS";
    color:#666666;
}

#box-preview #comment td.user{
    font:normal 11px "Trebuchet MS";
    color:#0066ff;
}


#box-preview #comment td.user a{
    font:bold 11px "Trebuchet MS";
    text-decoration: none;
    color:#0066ff;
}

#box-preview #comment td.user a:hover{
    text-decoration: underline;
}

#box-preview #comment td.author{
    font:normal 11px "Trebuchet MS";
    color:#e55a0d;
}

#box-preview #comment td.author a{
    font:bold 11px "Trebuchet MS";
    text-decoration: none;
    color:#e55a0d;
}

#box-preview #comment td.author a:hover{
    text-decoration: underline;
}