﻿.segment.statistics { padding: 0 21px 8px 10px; margin: 11px 0 0 0; border-top: 1px solid transparent; background-color: rgb(243, 242, 241); overflow: auto; }

.statistics .column { display: inline-block; float: left; margin-right: 15px; }
.statistics .column.right { float: right; }
.statistics .column label { float: left; width: 55px; }
.statistics .number { white-space: nowrap; }


.ekomilogo a, .ekomilogo span{ width: 60px; height: 60px; display: inline-block; background: url('/customerreview/images/ekomilogo.png') no-repeat; }
.column.right.ekomilogo a, .column.right.ekomilogo span { position: relative; top: -6px; }


.shiny-item-header { padding: 5px 10px 3px 10px; position: relative; }
.shiny-item-header { border-radius: 2px; box-shadow: inset 0 1px 2px white; background-image: linear-gradient(top, rgb(231,232,234) 0, rgb(255,255,255) 50%); background-image: -o-linear-gradient(top, rgb(231,232,234) 0%, rgb(255,255,255) 50%); background-image: -moz-linear-gradient(top, rgb(231,232,234) 0%, rgb(255,255,255) 50%); background-image: -webkit-linear-gradient(top, rgb(231,232,234) 0%, rgb(255,255,255) 50%); background-image: -ms-linear-gradient(top, rgb(231,232,234) 0%, rgb(255,255,255) 50%); behavior: url(/ErgoDe/css/PIE.htc); position: relative; z-index: 55; -pie-background:  linear-gradient(top, rgb(231,232,234) 0, rgb(255,255,255) 50%); }
.shiny-item { background: #f3f2f1; border: 1px solid #CFCFCF; border-radius: 2px; box-shadow: 0 1px 1px rgb(230,230,230); margin-bottom: 12px; behavior: url(/ErgoDe/css/PIE.htc); position:relative; }


.rating, .rating span.stars, .rating span.bar, .rating span.level { display: inline-block; }
.rating span.stars { vertical-align: -22%; }
.rating span.stars, .rating span.stars span.level { height: 18px; width: 95px; background-image: url(/customerreview/images/sprite.png); margin-right: 5px; }
.rating span.stars { background-position: 0 -36px; font-size: 1px; }
.rating.gray span.stars span.level { background-position: 0 -54px; }
.rating.darkgray span.stars span.level { background-position: 0 -90px; }

span.star-input a.rate-link { display: inline-block; width: 19px; height: 19px;}
span.star-input a.rate-link.active { background-image: url(/customerreview/images/sprite.png); }

.rating span.bar  { margin-right: 5px; vertical-align: -22%; }
.rating span.bar { height: 10px; width: 70px; border: 1px solid #B0B0B0; background-color: white; }
.rating span.bar span.level { height: 8px; background-color: #8c1513; border: 1px solid white; vertical-align: top; }
    
ul.filter-category { list-style-type: none; margin-top: 5px; }	
  
ul.filter-category li { width: 171px;float: left; margin-right: 10px; }
ul.filter-category li:last-child { margin-right: 0; }
ul.filter-category .filter-button { display: block; color: #5b5046; }
ul.filter-category .filter-button .rating .text, 
ul.filter-category .number { white-space: nowrap; }
    

ul.filter-category li.selected .filter-button {
    background-image: linear-gradient(top, rgb(150,150,150) 0, rgb(255,255,255) 50%); background-image: -o-linear-gradient(top, rgb(150,150,150) 0, rgb(255,255,255) 50%); background-image: -moz-linear-gradient(top, rgb(150,150,150) 0%, rgb(255,255,255) 50%); background-image: -webkit-linear-gradient(top, rgb(150,150,150) 0%, rgb(255,255,255) 50%); background-image: -ms-linear-gradient(top, rgb(150,150,150) 0%, rgb(255,255,255) 50%); behavior: url(/ErgoDe/css/PIE.htc); position: relative; z-index: 55; -pie-background:  linear-gradient(top, rgb(150,150,150) 0, rgb(255,255,255) 50%);
    font-weight: bold;
}

.summary-list h2 { display: inline-block; float: left; margin: 0; }
.summary-list .pager { display: inline-block; float: right; }
.summary-list .pager .current { font-weight: bold; text-decoration: underline; }
ul.review { list-style-type: none; margin-top: 5px; clear: both; border: 1px solid #B0B0B0; border-top-style: none; }
.review-headline { font-weight: bold; border-top: 1px solid #B0B0B0; }
ul.review div { padding: 5px; }
ul.review .answer-headline { font-weight: bold; font-style: italic; padding-left: 15px; padding-bottom: 0; border-top: 1px dashed #B0B0B0; background-color: #f3f2f1; }
ul.review .answer-text { font-style: italic; padding-left: 15px; padding-top: 0; background-color: #f3f2f1; }
ul.review li .review-text {  }

#container .segment > p .radiobuttonlist.ddlInsurance label { width: 280px !important; }

@media(max-width: 560px) {
    .onecolumn ul.filter-category li { width: 150px; }
}

@media (max-width: 569px) {
    .threecolumns ul.filter-category li { width: 100%; }
    .threecolumns .statistics .column label { width: 50%; }
    .threecolumns .statistics .column { display: block; width: 100%; margin-bottom: 15px; float: none; }
}

@media(max-width: 500px) {
    .onecolumn ul.filter-category li { width: 100%; }
    .onecolumn .statistics .column { display: block; width: 100%; margin-bottom: 15px; float: none; }
    .onecolumn .statistics .column label { width: 50%; }	
}

.ergo-form.review-form .page { top: 0 !important; }

.ergo-form.review-form .left-container { margin: 10px auto 0 auto !important; width: 560px; }
.ergo-form.review-form .segment select.verwsyssl  { width: 180px; margin-right: 8px; }
.ergo-form.review-form .segment input.code  { width: 124px; }
.ergo-form.review-form .segment input.vnr  { width: 172px; }
.ergo-form.review-form ol { margin-left: 20px; } 

.ergo-form.review-form .radiobuttonlist { line-height: 25px; }
.ergo-form.review-form .radiobuttonlist label { width: 170px; line-height: inherit; vertical-align: middle; }
.ergo-form.review-form .radiobuttonlist input { margin-left: 26px; display:inline-block; }
.ergo-form.review-form .segment h1 { font-weight: normal; padding-top: 7px; margin-bottom: 0; }

@media(max-width: 560px) {
    .ergo-form.review-form .left-container { width: auto !important; }
}

@media only screen and (max-width: 939px) {
    #container .segment > p .radiobuttonlist.ddlInsurance label { width: auto !important; }
}