/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    background: #fff;
}

.clrnone {clear:both;height:0;width:0;overflow: hidden;display: block;}


p {font-size: 1em;}

a:link {color: #000;text-decoration:none;}
a:visited {color: #000;text-decoration:none;}
a:hover {color: #000;}
a:active {color: #000;}

.tleft {text-align:left;}
.tcenter {text-align:center;}
.tright {text-align:right;}

.floatleft {float:left;}
.floatright {float:right;}


/* ----------------------------------------------------------------------------- */


.wrapper {
    background:#fff;
    margin: 0 auto 0 auto;
    min-height: 100%;
    padding-bottom: 0.5em;
}



.thegradient {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    border:1px solid #ccc;
}

.overtopbox {
    background: #f7f7f7;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(237,237,237,1);
    -moz-box-shadow: 0px 3px 5px 0px rgba(237,237,237,1);
    box-shadow: 0px 3px 5px 0px rgba(237,237,237,1);
}

.topbox {
    margin: 0 auto 0 auto;
    max-width: 65.8125em;
    padding-bottom:5px;
}

.overlangobx {
    padding: 4px 0 4px 0;
    border-bottom: 1px solid #ccc;
}

.langboxtop {
    text-align: right;
    margin: 0 auto 0 auto;
    max-width: 65.8125em;

}

.langboxtop img {margin-right: 0.5em;}

.langflag {display:none;}


.langnames {padding: 0.5em;}
.langnames a { margin-left: 0.5em; border-left: 1px solid #ccc; padding: 0.2em 0.5em 0.2em 0.5em;}


.toptexthide, .reviewboxhide, .leftsidehidden {
    display:none;
}

.toptext {display:none;}

.toptext h1 {
    font-size:1.5em;
    margin:0;
    padding: 0.2em 0 0 0.2em;
    text-align: center;
}

.toptext p {
    display:none;
}

.backtoshop {
    text-align: center;
    margin: 0.2em;
    padding:0.2em;
}

.backtoshop img{
    width:12.5em;
    height:6.25em;
    float:left;
}

.captchaimg {
    width:10.5em;
    height: auto;
}

.backtoshop span {
    display: block;
    margin: 2em 0 0 0.8em;
    font-weight:bold;
}

h1.headerTopShow {font-size: 1.2em;}



.shopreviewboxmainbg {
    background: #fdfdfd;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0;
    margin: 0.6em 0 0 0;
    clear:both;
}

.shopreviewbox {
    background: #ffffff; /* Old browsers */
    border:1px solid #ccc;
    margin: 0.4em auto 0.4em auto;
    text-align:center;
    width:14em;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(120,120,120,1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(120,120,120,1);
    box-shadow: 0px 2px 5px 0px rgba(120,120,120,1);
}

.shopreviewboxinner {padding:0;}

.shopreviewboxtitle {
    font-weight:bold;
    font-size: 1.2em;
    margin:0 0 0.2em 0;
    padding:0.2em;
    border-bottom: 1px solid #ccc;
    color:#fff;
}

.reviewValue {font-size: 1.6em;padding:0;margin:0;font-weight: bold;}
.ratingValue {margin:0;padding:0;font-weight: bold;font-size:1em;}


.main {
    margin: 1em auto 0 auto;
    padding-bottom: 25px;
    max-width: 65.8125em;
    border: 1px solid #F7F7F7;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(201,201,201,1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(201,201,201,1);
    box-shadow: 0px 0px 8px 0px rgba(201,201,201,1);
}

.mainContent {
    width: 100%;
    padding: 0.4em;
}

.mainContentTopShow {display:none;}

.titlebox {
    padding: 0.2em 0.2em 0.675em 0.2em;
    margin: 0 0 0.5em;
    font-weight:bold;
    border-bottom: 1px solid #ccc;
    font-size:0.9em;
}


/* left side shopreview-page */

.leftside {
    width: 100%;
    padding: 0 0.4em 0.4em 0.4em;
}

.leftside h2 {
    font-size:1em;
    margin:0;
    padding:0 0 0.2em 0;
}

.leftdetailtab {
    border:1px solid #ccc;
    width:100%;
    font-size:0.8em;
    background: #fff;
}

.leftdetailtab caption {
    font-size: 1em;
    text-align:left;
    padding:0.15em;
    border: 1px solid #ccc;
    border-bottom:0;
    font-weight: bold;
}

.leftdetailtab td {
    padding:0.25em;
    border-bottom: 1px solid #ccc;
}

.ldttdwidth {width:125px;}

.leftdetailtabreview {
    border:1px solid #ccc;
    width:100%;
    font-size:0.8em;
    background: #fff;
}

.leftdetailtabreview th {
    font-size: 1em;
    text-align:left;
    padding:0.35em;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    color:#fff;
}

.leftdetailtabreview td {
    padding:0.25em;
    border-bottom: 1px solid #ccc;
}

.ldttdwidth {width:125px;}

.abuttondefault {
    padding: 0.5em;
    font-weight: bold;
    cursor: pointer;
    display:block;
    text-align:center;
}

.openbox {
    padding: 0.2em;
    margin: 0.7em 0 0.7em 0;
    font-weight: bold;
    cursor: pointer;
    display:block;
    text-align:center;
}

.opendetail {
    display:none;
    background:#fffce5;
    border:1px solid #f6efb2;
    padding: 0.4em;
    margin: 0.5em 0 0.5em 0;
}

.opendetail h2 {margin: 0.4em 0 0.2em 0;}


a.votebutton {
    background: #D00404;
    border:1px solid #cf0404;
    color:#fff;
}

.rightvotebutton {display:none;}

.appearbutton {display:none;}

.shopreviewok {border: 1px solid #4f8631; background: #f7fff2; font-weight: bold;margin: 0 0 0.5em; padding: 4px;text-align: center; font-size:0.8em;}

.valuationSelect {
    margin: 0 0 1em 0;
    padding:0;
    overflow: hidden;
    list-style-type: none;
    clear: both;
}

.valuationSelect li {
    width: 25%;
    float: left;
    display: block;
    text-align: center;
    margin: 0;
    font-size: 0.8em;
    list-style-type: none;
    font-weight: bold;
}

.positive a {color: #478c1a; display: block; text-decoration: none;}
.negative a {color: #ab121c; display: block; text-decoration: none;}
.neutrale a {color: #b0ab06; display: block; text-decoration: none;}
.all a {color: #000000; display: block; text-decoration: none;}


.bactive {
    margin:0;
    padding:0.2em;
    background:#efefef;
   
}


.bnonactive {
    overflow: hidden;
    margin: 0;
    border-bottom:2px solid #fff;
    padding:0.2em;
  
}

.shopvotingbox {
    padding:0.4em;
    margin: 0.4em 0.4em 1em 0.4em;
    font-size:0.9em;
}

.titlecomment {font-weight:bold;margin: 0 0 0.2em 0;font-size:0.95em;}

.admincomment {
    padding:0.4em;
    background:#fff;
    border-left:3px solid #ccc;
    margin: 0.85em;
    font-size:0.9em;
}

.littlegrey {
    color:#7d7d7d;
    padding: 0.1em 0.1em 0.5em 0.1em;
    margin: 0.1em;
}

.reviewcomment {
    padding: 0.1em 0.1em 0.5em 0.1em;
    margin: 0.1em;
}


.shopvotingboxhr {
    background:#ccc;
    color:#ccc;
    height:1px;
    border:none;
    margin: 0.5em 0 0.5em 0;
    padding:0;
}
.hrwidth {margin: 1em 0 1em 0;}

.shopvotingboxauthor {
    float:left;
    padding: 0.4em 0 0.4em 0;
    margin:0;
}

.shopvotingdate {
    float:right;
    padding: 0.4em 0 0.4em 0;
    margin:0;
}

.shopvotingnavbar {
    font-size: 11px;
    text-align: center;
    padding: 20px 0 0 0;
}

.shopvotingnavbar a {
    padding: 0.8em;
    border:1px solid #ccc;
    background:#fff;
    color:#000;
}

.shopvotingnavbar a:hover {background:#fafafa;}

.shopvotingnavbar strong {
    padding: 0.8em;
    border:1px solid #ccc;
    background:#ccc;
    color:#000;
}


.shopreviewLoginBox input[type="text"], .shopreviewLoginBox input[type="password"], .shopreviewLoginBox textarea {
    border: 1px solid #ccc;
    padding: 0.25em;
}

.shopreviewLoginBox button {
    width:100%;
    padding: 0.5em;
    font-weight: bold;
    cursor: pointer;
    display:block;
    text-align:center;
    background: #D00404;
    border:1px solid #cf0404;
    color:#fff;
}

.shopreviewLoginBox h2 {font-size:1.2em;padding:0;margin:0;border-bottom: 1px solid #ccc;}

.shopreviewLoginBox h3 {text-align:center;}

.shopreviewLoginBox label {display:block; padding: 1em 0 0.5em 0;clear:both;}

.shopreviewLoginBox label p {float:left;min-width:115px; padding:0.4em 0 0 0;margin:0;}

.shopreviewLoginBox input.binputError {border: 1px solid #ff0000; background:#fff3f3;}

.notregister {padding: 0;}
.berror {color:#ff0000;display: block;font-size:0.7em;}


.oblistar {color:#ff0000;}
.oblifields {font-size: 0.7em; color:#ff0000;}

.dlstarbox {margin:0;padding:0; clear:both;}
.dlstarbox dt {float:left; width: 7.5em;padding-top: 0.2em;font-weight:bold;}

.boxvotesub {border:1px solid #ccc;padding: 0.4em;}
.dlstarboxsub {margin:0;padding:0; clear:both;}


.starshop {background:#fafafa;}

.subvotingtab {
    border-spacing: 0;
    border-collapse: separate;
    border:1px solid #ccc;
    border-bottom: 0;
    width:100%;
}

.subvotingtab td {
    border-bottom: 1px solid #ccc;
    padding: 0.4em;
}

.votingdetailtab {
    border-spacing: 0;
    border-collapse: separate;
    border-bottom: 0;
    width:100%;
}
.votingdetailtab td {
    padding: 0.2em;
    vertical-align: top;
}

.votingdetailtab input, .votingdetailtab textarea {width:100%;}

.optname {font-size:0.7em;color:#666;}


.firsttd {
    width: 8.3em;
    font-weight: bold;
}


input[type="text"].characterleft {
    background:#fafafa;
    width:3.5em;
    margin-top: 0.3em;
}

.remainingcharacter {font-size:0.7em;}

.voteinfo {display: block;float:left;margin: 0.4em 0 0 0.6em; font-size:0.8em;}

.shopreviewwritebox h3 {text-align:left; font-size:0.9em;}

input[type="text"].captchainput {width:7em;}


.privacytextbox {
    border:1px solid #ccc;
    padding: 0.6em;
    max-height: 100px;
    overflow:auto;
    font-size: 0.9em;
}

.privacycheckboxbox {
    border:1px solid #fff;
    padding: 0.3em;
}
.privacycheckboxbox label {padding:0;margin:0;}


.closed { background:url(img/arrow_up.png) right no-repeat; display:block; }
.open { background:url(img/arrow_down.png) right  no-repeat;}


/* errors */
.loginerrorinfobox {border: 1px dashed #ccc; padding: 0.4em; display: block; color:#ff0000; font-size:0.8em; font-weight: bold; text-align: center;}


input.redbordererror, textarea.redbordererror {border: 1px solid #ff0000 !important;  background:#fff3f3;}

.voteerrorbox {border: 1px solid #ff0000; background:#fff3f3; margin-bottom: 0.8em; padding: 0.4em; font-size:0.8em;}
.voteerrorbox ul {margin:0;padding:0;}
.voteerrorbox ul li {padding: 0.2em 0 0.2em 0;list-style-type: none;}
.borderred {border:1px solid #ff0000;background:#FFF3F3;}
.trerror {border:1px solid #ff0000;background:#FFF3F3;}
.borderred td {border-bottom:none;}


.copybottom {
    padding-right: 0.7em;
    margin: 0 auto 0 auto;
    max-width: 65.8125em;
    height:1.5em;
    color: #ccc;
    text-align:right;
}

.copybottom span {font-size: 0.7em;}

.copybottom a {color: #ccc;}



@media only screen and (max-width: 420px) {
    .bnonactive, .bactive {
        height:60px;
    }
}


@media only screen and (min-width: 30.8em) {

    .backtoshop {
        border: none;
        text-align: center;
        float:right;
        margin: 0.4em 0.6em 0.4em 1em;
        height:8em;
        width:12.5em;
    }

    .backtoshop img{
        float:left;
    }

    .leftdetailtabreview {
        width:25em;
    }

    .shopreviewboxmainbg {
        background: none;
        margin:0;
        padding:0;
        border:none;
        clear:none;
    }

    .backtoshop img {
        min-width:100%;
        float: none;
    }

    .backtoshop span {
        clear:both;
        display:block;
        margin:0;
    }

    .shopreviewbox {
        float:left;
        width: 14em;
        margin: 0.4em 1em 0 0.4em;
    }

    .leftside {clear:both;}

    .shopreviewLoginBox {clear: both; border-top:1px solid #ccc;padding-top: 0.5em;}

}


@media only screen and (min-width: 44em) {
    .toptext {
        display:block;
        font-size:0.9em;

    }
    .toptext p {
        font-size:0.85em;
        margin: 0 0.4em 0 0.4em;
        padding:0;
        display: inherit;
    }

    .toptext h1 {
        text-align:left;
        margin-left:0.2em;
        font-size:1.4em;
    }

    .shopreviewLoginBox {padding-top: 0.5em;}


}

@media only screen and (min-width: 47.5em) {

    .leftside {
        width:40%;
        padding: 0.8em;
        float: left;
    }

    .leftsidehidden {display: block;}

    .mainContent {
        width:60%;
        padding-top: 1em;
        float:left;
    }

    .leftdetailtabreview {
        width:100%;
    }

    .opendetail {
        display:block;
        background:none;
        border:1px solid transparent;
        padding:0;
    }

    .opendetail h2 {
        margin-bottom: 0.5em;
    }

    .openbox {
        text-align: left;
        padding-top: 0;
    }

    .reviewboxhide {
        display: block;
    }
    .thegradient {
        background: none;
        border: none;
        border-bottom: 1px solid #ccc;
    }

    .shopvotingboxhrhide {
        background:#ccc;
        color:#ccc;
        height:1px;
        border:none;
        margin: 1em 0.4em 1em 0.4em;
        padding:0;
        clear: both;
    }

    .toptext {
        display:block;
        font-size:1em;
    }

    .toptext p {
        font-size:0.85em;
        margin: 0 0.4em 0 0.4em;
        padding:0 1em 0 0;
        display: inherit;
    }

    .toptext h1 {
        text-align:left;
        margin-left:0.2em;
        font-size:1.8em;
    }

    .shopreviewLoginBox {clear: both; border-top:none;}
    .shopreviewLoginBox h3 {text-align:left; font-size:1em;padding:0 0 0.2em 0;}


    .appearbutton {
        clear: both;
        display:block;
        width:12.5em;
        margin: 0;
        float:right;
        padding:0.1em;
    }

    .buttonfloatleft {float:left;width:12.5em;}
    .buttonfloatright {float:right;width:12.5em;}

}

@media only screen and (min-width: 54.375em) {

    body {margin: 0 0 1em 0}
    .copybottom {margin-bottom: 1.5em;}
    .langflag {display:block;}
    .langnames {display:none;}

    .leftside {
        width:35%;
    }

    .mainContent {
        width:65%;
    }
}


@media only screen and (min-width: 64em) {

    .leftside {
        width:30%;
    }

    .mainContent {
        width:70%;
    }

}