/* ==========================================================================
	#Reset
========================================================================== */
.pjSrWrapper_layout10 * { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

/* ==========================================================================
	#Basic
========================================================================== */
html .pjSrWrapper_layout10,
body .pjSrWrapper_layout10 { height: 100%; }

body .pjSrWrapper_layout10 { background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.4; color: #464242; }
.pjSrWrapper_layout10 { min-height: 100%; }
.pjSrWrapper_layout10 a { text-decoration: none; cursor: pointer; }
.pjSrWrapper_layout10 a:hover { text-decoration: underline; }

.pjSrWrapper_layout10 img { border: 0; vertical-align: middle; }

.pjSrWrapper_layout10 ol,
.pjSrWrapper_layout10 ul { list-style-position: inside; }

/* ==========================================================================
	#Transitions
========================================================================== */
.pjSrRateText { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }

/* ==========================================================================
	#pjSrRate
========================================================================== */
.pjSrWrapper_layout10 .pjSrRate { padding: 10px; font-size: 0; }
.pjSrWrapper_layout10 .pjSrRateHead { padding-bottom: 10px; }
.pjSrWrapper_layout10 .pjSrRateHead .pjSrRateTitle { font-size: 17px; line-height: 1.4; color: #423f3f; font-weight: bold; }

.pjSrWrapper_layout10 .pjSrRateBody,
.pjSrWrapper_layout10 .pjSrRateFoot { display: inline-block; vertical-align: middle; }
.pjSrWrapper_layout10 .pjSrListRates { font-size: 0; list-style: none outside none; }
.pjSrWrapper_layout10 .pjSrListRates li,
.pjSrWrapper_layout10 .pjSrListRates a { display: inline-block; vertical-align: middle; }
.pjSrWrapper_layout10 .pjSrListRates a {cursor: default;}
.pjSrWrapper_layout10 .pjSrListRates li { padding: 0 2px; line-height: 38px; }
.pjSrWrapper_layout10 .pjSrListRates a { overflow: hidden; width: 30px; height: 30px; border: 1px solid #d0d0d0; white-space: nowrap; text-indent: 100%; text-decoration: none; border-radius: 4px; 
	background-color: rgb(243,241,241);
	background: url(https://oneclic.be/rating/app/web/img/frontend/type-10-sprite.png) no-repeat 5px -17px, -moz-linear-gradient(top,  rgba(243,241,241,1) 0%, rgba(233,233,233,1) 100%);
	background: url(https://oneclic.be/rating/app/web/img/frontend/type-10-sprite.png) no-repeat 5px -17px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,241,241,1)), color-stop(100%,rgba(233,233,233,1)));
	background: url(https://oneclic.be/rating/app/web/img/frontend/type-10-sprite.png) no-repeat 5px -17px, -webkit-linear-gradient(top,  rgba(243,241,241,1) 0%,rgba(233,233,233,1) 100%);
	background: url(https://oneclic.be/rating/app/web/img/frontend/type-10-sprite.png) no-repeat 5px -17px, -o-linear-gradient(top,  rgba(243,241,241,1) 0%,rgba(233,233,233,1) 100%);
	background: url(https://oneclic.be/rating/app/web/img/frontend/type-10-sprite.png) no-repeat 5px -17px, -ms-linear-gradient(top,  rgba(243,241,241,1) 0%,rgba(233,233,233,1) 100%);
	background: url(https://oneclic.be/rating/app/web/img/frontend/type-10-sprite.png) no-repeat 5px -17px, linear-gradient(to bottom,  rgba(243,241,241,1) 0%,rgba(233,233,233,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f1f1', endColorstr='#e9e9e9',GradientType=0 );
}
.pjSrWrapper_layout10 .pjSrListRates .active a { border-color: #42950a; 
	background-color: rgb(122,204,67);
	background: url(https://oneclic.be/rating/app/web/img/frontend/type-10-sprite.png) no-repeat 5px 5px, -moz-linear-gradient(top,  rgba(122,204,67,1) 0%, rgba(111,191,57,1) 100%);
	background: url(https://oneclic.be/rating/app/web/img/frontend/type-10-sprite.png) no-repeat 5px 5px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,204,67,1)), color-stop(100%,rgba(111,191,57,1)));
	background: url(https://oneclic.be/rating/app/web/img/frontend/type-10-sprite.png) no-repeat 5px 5px, -webkit-linear-gradient(top,  rgba(122,204,67,1) 0%,rgba(111,191,57,1) 100%);
	background: url(https://oneclic.be/rating/app/web/img/frontend/type-10-sprite.png) no-repeat 5px 5px, -o-linear-gradient(top,  rgba(122,204,67,1) 0%,rgba(111,191,57,1) 100%);
	background: url(https://oneclic.be/rating/app/web/img/frontend/type-10-sprite.png) no-repeat 5px 5px, -ms-linear-gradient(top,  rgba(122,204,67,1) 0%,rgba(111,191,57,1) 100%);
	background: url(https://oneclic.be/rating/app/web/img/frontend/type-10-sprite.png) no-repeat 5px 5px, linear-gradient(to bottom,  rgba(122,204,67,1) 0%,rgba(111,191,57,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7acc43', endColorstr='#6fbf39',GradientType=0 );
}

.pjSrWrapper_layout10 .pjSrRateFoot { padding-left: 15px; }
.pjSrWrapper_layout10 .pjSrRateText { position: relative; height: 30px; padding: 0 7px; border: 1px solid #e0e6e9; background: #fff; font-size: 14px; line-height: 28px; color: #423f3f; text-transform: capitalize; border-radius: 4px; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.pjSrWrapper_layout10 .pjSrRateTextActive { display: inline-block; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.pjSrWrapper_layout10 .pjSrRateText:before { position: absolute; top: 50%; left: -6px; margin-top: -5px; width: 10px; height: 10px; border: 1px solid #e0e6e9; border-top: 0; border-right: 0; background: #fff; content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.pjSrWrapper_layout10 .pjSrListRates a.pjSrRatable{cursor: pointer;}

.pjSrWrapper_layout10 .pjSrFoot { padding-top: 5px; }
.pjSrWrapper_layout10 .pjSrFoot p { min-height: 30px; font-size: 14px; font-style: italic; }