.webrating_field {
    display: inline-flex;
}

.webrating_field .desc{
	height: 24px;
    line-height: 24px;
    display: inline-block;
	margin-left: 5px;
}

.webrating_field .divClass {
	display: inline-block;
}

.webrating_field .desc .green {
	color: green;
}

.webrating_field .desc .red {
	color: red;
}

.webrating_field #onDiv {
	background-image: url('/static/webrating/star-on.png');
	background-position: left;
}

.webrating_field #offDiv {
	background-image: url('/static/webrating/star-off.png');
	background-position: right;
}

.webrating_field #starParent img {
	opacity: 0;
}

.teaser span:first-child{
	margin-right: 8px;
}

.teaser span:last-child{
	margin-left: 8px;
}

.rate_stat {
    width: 240px;
    padding: 5px 7px 7px;
    background: #f3f3f3;
    margin-top: 5px;
    border-radius: 3px;
    max-width: calc(100% - 16px);
    display: table;
}

.rate_stat h3{
	margin: 5px 0;
    text-align: center;
}

.rate_stat table{
	width: 100%;
}

.rate_stat table td:last-child{
	width: 100%;
}

.rate_stat table td:first-child{
	text-align: right;
}

.rate_stat div{
	background-color: dodgerblue;
    text-align: center;
    color: white;
    border-radius: 3px;
}

span#rate_stat_btn {
    margin-left: 7px;
    opacity: 0.5;
    cursor: pointer;
    margin-top: 5px;
}

span#rate_stat_btn:hover {
    opacity: 1;
}

span.rate2 {
    font-size: 75%;
    color: darkgray;
}

@media screen and (max-width: 400px) {
    .rate1, #rate_stat_btn, .rate2{
    	display: none;
    }
}