/* CSS Document */

/*	Star Results: */

	.stars {
		color:#F2D513;
		/*
		text-shadow: 1px 1px 1px #6E6E6E;
		*/
		font-size:1.3em;
	}
	
	.stars_number {
		font-size:1.3em;
		margin-left: 1em;
	}

	.sj_star_rating_meta {
		font-size:1.1em;
		margin-left: 1em;
	}
	
	.totalScore {
		background-color:#4791D5;
		padding:10px 0;
		color:white;
		
	}
	
	.side {
		border:dashed thin red;
		padding:10px;
		width:300px;
		margin:auto;
		
		
	}
	
	.centreMe {
		text-align: center;
	}



/*##############################################################

Rate it! button

http://css3buttongenerator.com/

##############################################################*/


textarea.textArea {
  font-size: 20px;
  width:100%;
  margin:auto;
  height:6em;
  padding:.4em;
}



.sj_rate_it_btn {
  background: #ff9f0f;
  background-image: -webkit-linear-gradient(top, #ff9f0f, #ff6600);
  background-image: -moz-linear-gradient(top, #ff9f0f, #ff6600);
  background-image: -ms-linear-gradient(top, #ff9f0f, #ff6600);
  background-image: -o-linear-gradient(top, #ff9f0f, #ff6600);
  background-image: linear-gradient(to bottom, #ff9f0f, #ff6600);
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  font-family: Arial;
  color: #ffffff;
  font-size: 26px;
  font-weight: bold;	
  padding: 29px 23px 29px 23px;
  border: solid #fac49b 4px;
  text-decoration: none;
  align-self:flex-end;	/* flexbox */
  margin-top:1.6em;
}

.sj_rate_it_btn:hover {
  background: #ff6600;
  background-image: -webkit-linear-gradient(top, #ff6600, #ff9f0f);
  background-image: -moz-linear-gradient(top, #ff6600, #ff9f0f);
  background-image: -ms-linear-gradient(top, #ff6600, #ff9f0f);
  background-image: -o-linear-gradient(top, #ff6600, #ff9f0f);
  background-image: linear-gradient(to bottom, #ff6600, #ff9f0f);
  text-decoration: none;
}	



.gotoLoginButton {
	

  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 19;
  -moz-border-radius: 19;
  border-radius: 19px;
  font-family: Arial;
  color: #ffffff;
  font-size: 24px;
  padding: 24px 24px 24px 24px;
  border: solid #094469 2px;
  text-decoration: none;

	
}

.gotoLoginButton:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}



/*##############################################################
################################################################
##############################################################*/




.sj_button {
    /*	background-color: #4CAF50;  Green */
	background-color: #CF5516; /* Orrange */
	margin:1em 0;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.2em;
	cursor: pointer;
}


/*##############################################################
################################################################
##############################################################*/


.review_text {
	margin-bottom:2em;
	margin-left:1.4em;
	margin-top:-1em;
}


.sj_flexbox_container_div {
	
	display: flex;
	/*
	border:red thin solid !important;
	*/
	
}

h1.rate_it_page_h1 {
	

	margin:1em 0 -1em;
}



h2.rate_it_page_h2 {
	
	margin-top:1em;
	font-size:2.2em;
	padding:1em;
	border:#1F79B9 thin solid;
	border-radius: 15px;
	background-color:#1F79B9;
	color:white;
}