/* pop-in add grade/advice ********************************************************************* */
#fancybox-wrap {
	width: 585px;
}

#fancybox-content {
	width: 585px;
	border-width: 0;
}

#guestbook_comment_form {
	width: 465px;
	overflow: hidden;
	color: #333333;
	text-align: left;
}

@media ( max-width : 767px) {
	#guestbook_comment_form {
		width: 275px;
	}
}

#guestbook_comment_form h2 {
	margin-bottom: 10px;
}

#guestbook_comment_form .title {
	padding: 10px;
	font-size: 13px;
	color: white;
	text-transform: uppercase;
	background: #333333;
}

#guestbook_comment_form .star {
	height: 34px;
	width: 34px;
}

#guestbook_comment_form .star,.star a {
	background: url(../img/stars_touch.png) no-repeat 0 0 transparent;
	margin: 0 3px 0 0;
}

#guestbook_comment_form div.star_on a {
	background-position: 0 -34px;
}

#guestbook_comment_form div.star_hover a,div.star a:hover {
	background-position: 0 -68px;
}

#guestbook_comment_form .cancel,.cancel a {
	background: url(../img/cancel.png) no-repeat 0 0 !important;
	overflow: hidden;
	float: left;
	margin: 0 3px 0 0;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

#guestbook_comment_form .cancel a,.star a {
	display: block;
	width: 100%;
	height: 100%;
}

#guestbook_comment_form .new_comment_form_content {
	padding: 15px;
	background: #f8f8f8;
}

#guestbook_comment_form label {
	display: block;
	margin: 12px 0 4px 0;
	font-weight: bold;
	font-size: 12px;
}

#guestbook_comment_form input,#guestbook_comment_form textarea {
	padding: 0 5px;
	height: 28px;
	width: 95%;
	border: 1px solid #ccc;
	background: white;
}

#guestbook_comment_form textarea {
	height: 80px;
}

#guestbook_comment_form .submit {
	margin-top: 20px;
	padding: 0;
	font-size: 13px;
	text-align: right;
}

#guestbook_comment_form #criterions_list {
	border-bottom: 1px solid #CCC;
	padding-bottom: 15px;
	list-style-type: none;
}

#guestbook_comment_form #criterions_list li {
	margin-bottom: 10px;
}

/*#guestbook_comment_form #criterions_list label {
	display: inline;
	float: left;
	margin: 0 10px 0 0;
}*/
#guestbook_comment_form #criterions_list .star_content {
	float: left;
}

#guestbook_comment_form #guestbook_comment_form_footer {
	margin-top: 20px;
	font-size: 12px;
}

/*  COMMENTS ******************************************************************************** */
#guestbook_comments {
	background: none;
	border-radius: 3px;
}

#guestbook_comments div.comment {
	margin: 0px 10px 10px 10px;
	padding: 10px;
	border-radius: 5px;
	-webkit-box-shadow: 0 4px 4px -5px #c8c8c8;
	box-shadow: 0 4px 4px -5px #c8c8c8;
	background-color: #FFF;
}

#guestbook_comments div.comment div.photo-container img.photo-comment {
	max-width: 100%;
	
}
/*animate morph*/
/*#guestbook_comments div.comment div.photo-container img.photo-comment {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}*/

/*#guestbook_comments div.comment div.photo-container img.photo-comment:hover
	{
	border-radius: 50%;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}*/

#guestbook_comments div.comment div.photo-container {
	width: 100%;
	text-align: center;
	margin: 10px 0 5px 0px;
}

#guestbook_comments div.comment div.comment_author {
	float: left;
	text-align: left;
	margin-right: 20px;
	width: 140px;
	padding-bottom: 15px;
}

.guestbook_star_content {
	margin: 0 0 0 0px
}

div.guestbook_star,div.guestbook_star_on {
	background: url(../img/stars.png) no-repeat 0 0 transparent;
	width: 20px;
	height: 20px;
	float: left;
	margin-left: 2px;
}

div.guestbook_star_on {
	background-position: 0 -20px
}

#guestbook_comments .comment_author_infos {
	clear: both
}

#guestbook_comments .comment_author_infos em {
	color: #999
}

#guestbook_comments div.comment div.comment_details {
	float: left;
	overflow: hidden;
}

#guestbook_comments div.comment_details .title_block,#guestbook_comments div.comment_details h4
	{
	padding: 10px 0 0 0;
}

#guestbook_comments div.comment_details p {
	padding-bottom: 10px
}

#guestbook_comments a {
	text-decoration: none;
	font-weight: bold
}

#guestbook_comments a:hover {
	text-decoration: underline
}

#guestbook_comments div.more_result {
	text-align: center;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

#summaryguestbook_block {
	margin-bottom: 20px;
	padding-top: 20px;
}

#summaryguestbook_block .graph {
	float: left;
	width: 90px;
	/* width and height are arbitrary, just make sure the #bar styles are changed accordingly */
	height: 16px;
	border: 1px solid #888;
	background: rgb(168, 168, 168);
	background: -moz-linear-gradient(top, rgba(168, 168, 168, 1) 0%,
		rgba(204, 204, 204, 1) 23%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(168,
		168, 168, 1)), color-stop(23%, rgba(204, 204, 204, 1)));
	background: -webkit-linear-gradient(top, rgba(168, 168, 168, 1) 0%,
		rgba(204, 204, 204, 1) 23%);
	background: -o-linear-gradient(top, rgba(168, 168, 168, 1) 0%,
		rgba(204, 204, 204, 1) 23%);
	background: -ms-linear-gradient(top, rgba(168, 168, 168, 1) 0%,
		rgba(204, 204, 204, 1) 23%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8',
		endColorstr='#cccccc', GradientType=0);
	background: linear-gradient(top, rgba(168, 168, 168, 1) 0%,
		rgba(204, 204, 204, 1) 23%);
	position: relative;
}

#summaryguestbook_block .pgbar {
	height: 15px;
	background: #fcca00;
}

#summaryguestbook_block label {
	float: left;
	width: 100px;
	font-weight: normal;
}

#summaryguestbook_block span.count {
	float: left;
	padding-left: 5px;
}

#summaryguestbook_block .rating_block h5,.criterion_summary_block h5 {
	margin-top: 0px;
	font-weight: bold;
}

#summaryguestbook_block .rating_block,#summaryguestbook_block .criterion_summary_block
	{
	background: #FFF;
	padding: 10px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.6);
	-moz-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.6);
	box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.6);
}

#summaryguestbook_block .rating_block {
	float: left;
	width: 270px;
}

#summaryguestbook_block .criterion_summary_block {
	float: right;
	width: 220px;
	min-height: 190px;
}

#summaryguestbook_block .averagegrade {
	margin-bottom: 10px;
}

#summaryguestbook_block .rating_block li,.criterion_summary_block li {
	clear: both;
}

@media only screen and (max-width:768px) {
	#summaryguestbook_block .rating_block,#summaryguestbook_block .criterion_summary_block
		{
		width: 100%;
	}
	#summaryguestbook_block .criterion_summary_block {
		float: left;
		margin-top: 5px;
		min-height: 15px;
	}
	#guestbook_comments div.comment {
		margin: 0px auto 10px auto !important;
		width: calc(100% - 40px);
	}
	#guestbook_comments div.comment_details {
		width: 350px;
		width: calc(100% - 10px);
	}
	#guestbook_comments div.comment_answer {
		width: 350px;
		width: calc(100% - 10px);
	}
	#guestbook_comments div.comment div.comment_author {
		text-align: center;
		width: calc(100% - 10px) !important;
	}
	#guestbook_comments .comment_author_infos {
		clear: both;
		text-align: center;
	}
}

@media only screen and (min-width:768px) {
	#guestbook_comments div.comment {
		margin: 0px auto 10px auto !important;
		width: 350px;
		width: calc(100% - 50px);
	}
	#guestbook_comments div.comment_details {
		width: 350px;
		width: calc(100% - 180px);
	}
	
	#guestbook_comments div.comment_answer {
		width: 350px;
		width: calc(100% - 180px);
	}
}

#guestbook_block p.content {
	min-height: 50px;
}

/* FOOTER GUESTBOOK */
#footerguestbook_block {
	clear: both;
	text-align: center;
	color: #000;
	background-color: #fff;
	padding: 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#footerguestbook_block a:hover {
	color: #000 !important;
}

/* PROGESS BAR */
.guestbook-progress-bar {
    background-color: #1a1a1a;
    height: 25px;
    padding: 5px;
    width: 350px;
    margin: 70px 0 20px 0;			
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    -moz-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
	-webkit-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
	box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;           
}
        
.guestbook-progress-bar span {
    display: inline-block;
    height: 100%;
	background-color: #777;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	-webkit-transition: width .4s ease-in-out;
	-moz-transition: width .4s ease-in-out;
	-ms-transition: width .4s ease-in-out;
	-o-transition: width .4s ease-in-out;
	transition: width .4s ease-in-out;		
 }
		
	
		
.guestbook-progress-bar.blue span {
            background-color: #34c2e3;   
}

.guestbook-progress-bar.orange span {
			  background-color: #fecf23;
			  background-image: -webkit-gradient(linear, left top, left bottom, from(#fecf23), to(#fd9215));
			  background-image: -webkit-linear-gradient(top, #fecf23, #fd9215);
			  background-image: -moz-linear-gradient(top, #fecf23, #fd9215);
			  background-image: -ms-linear-gradient(top, #fecf23, #fd9215);
			  background-image: -o-linear-gradient(top, #fecf23, #fd9215);
			  background-image: linear-gradient(top, #fecf23, #fd9215);  
}	

.guestbook-progress-bar.green span {
	  background-color: #a5df41;
	  background-image: -webkit-gradient(linear, left top, left bottom, from(#a5df41), to(#4ca916));
	  background-image: -webkit-linear-gradient(top, #a5df41, #4ca916);
	  background-image: -moz-linear-gradient(top, #a5df41, #4ca916);
	  background-image: -ms-linear-gradient(top, #a5df41, #4ca916);
	  background-image: -o-linear-gradient(top, #a5df41, #4ca916);
	  background-image: linear-gradient(top, #a5df41, #4ca916);  
}		
		
		/*---------------------------*/		
		
.guestbook-progress-bar.stripes span {
      -webkit-background-size: 30px 30px;
      -moz-background-size: 30px 30px;
      background-size: 30px 30px;			
	  background-image: -webkit-gradient(linear, left top, right bottom,
		color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
		color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
		color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
		to(transparent));
      background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                          transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                          transparent 75%, transparent);
      background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                          transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                          transparent 75%, transparent);
      background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                          transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                          transparent 75%, transparent);
      background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                          transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                          transparent 75%, transparent);
      background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                          transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                          transparent 75%, transparent);            
         
      -webkit-animation: animate-stripes 3s linear infinite;
      -moz-animation: animate-stripes 3s linear infinite;       		
}
        
@-webkit-keyframes animate-stripes { 
	0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
        
@-moz-keyframes animate-stripes {
	0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

.guestbook-progress-bar.shine span {
	position: relative;
}
		
.guestbook-progress-bar.shine span::after {
	content: '';
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fff;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;			
    -webkit-animation: animate-shine 2s ease-out infinite;
    -moz-animation: animate-shine 2s ease-out infinite; 			
}

@-webkit-keyframes animate-shine { 
	0%   {opacity: 0; width: 0;}
	50%  {opacity: .5;}
	100% {opacity: 0; width: 95%;}
}
        
@-moz-keyframes animate-shine {
	0% {opacity: 0; width: 0;}
	50% {opacity: .5;}
	100% {opacity: 0; width: 95%;}
}
		
.guestbook-progress-bar.glow span {
    -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
	-webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
	box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
    -webkit-animation: animate-glow 1s ease-out infinite;
    -moz-animation: animate-glow 1s ease-out infinite; 			
}

@-webkit-keyframes animate-glow {
 0% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} 
 50% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} 
 100% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}
}

@-moz-keyframes animate-glow {
 0% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} 
 50% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} 
 100% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}
 }
 
 
.comment_answer{
	float: left;
	width: 100%;
	margin-top: 10px;
}

.comment_answer_details{
	float: left;
	padding-left:50px;
    text-align: left;
}

@media ( max-width : 530px) {
	.comment_answer_details{
		padding:0 20px;
	}
}

.comment_answer_details .reviewer {
	color: #FE005A;
}

.comment_answer_details p {
    color: #000;
    font-size: 14px;
    margin: 0;
    padding: 0 0 15px;
}

#guestbook_statistics .averagegrade {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #e7e7e7;
    color: #494949;
    margin: 0 0 20px;
    padding: 20px 10px;
}

#guestbook_statistics .averagegrade > div {
    font-size: 18px;
    line-height: 25px;
    margin: 0 15px 20px 0;
}

.guestbook_video_block {
	padding: 0 20px;
}

.guestbook_video_block p {
	margin-top: 10px;
	text-align:center;
}

#guestbook_statistics .guestbook_criterion_block h5, #guestbook_statistics .guestbook_rating_block h5 {
    border-bottom: 1px solid #f5f5f5;
    color: #ff015b;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 20px;
    padding-bottom: 3px;
}

#guestbook_statistics .guestbook_video_block h5 {
    border-bottom: 1px solid #f5f5f5;
    color: #ff015b;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 10px;
    padding-bottom: 2px;
}

#guestbook_statistics .guestbook_criterion_block {
	margin-bottom:100px;
}

@media (max-width:1999px) {
	#guestbook_statistics .guestbook_criterion_block {
		margin-bottom:50px;
	}
}

#guestbook_statistics .holder {
	margin-top:70px;
}
	
#guestbook_statistics .guestbook_criterion_block li, #guestbook_statistics .guestbook_rating_block li {
    clear: both;
}

#guestbook_statistics label {
    float: left;
    font-weight: normal;
    width: 30%;
}

#guestbook_statistics .graph {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , rgba(168, 168, 168, 1) 0px, rgba(204, 204, 204, 1) 23%) repeat scroll 0 0;
    border: 1px solid #888;
    float: left;
    height: 16px;
    position: relative;
    width: 90px;
}

#guestbook_statistics .pgbar {
    background: #fcca00 none repeat scroll 0 0;
    height: 15px;
}

.guestbook_average_stars {
	padding-bottom:10px;
}

body.lang_en .guestbook_translate {
	display:none;
}

.guestbook_translate {
	text-align:right!important;
	font-style:italic;
}

#new_comment_tab_btn {
    box-shadow: none;
    background-image: none;
    border: none;
    background-color: #000000;
	color: #fff;
    font-size: 14px;
    line-height: 38px;
	padding:0 10px;
}

#new_comment_tab_btn:hover {
    background-color: #df1a52;
}

#module-guestbook-comments .holder a {
	cursor:pointer;
}

.holder a.jp-previous:hover, .holder a.jp-current:hover {
color:#fff!important;
}

.star {
 overflow:hidden;
 float:left;
 margin:0 1px 0 0;
 width:16px;
 height:16px;
 text-indent:-999em;
 cursor:pointer
}

#guestbook_comments div.comment div.photo-container {
    width: 250px;
    margin: 15px 15px 10px 0;
    float: left;
}