.sa_review {
    /* The div that contains the entire review. */
    
}

.sa_displayname {
    /* The name of the reviewer. */
	
	font-size:16px!important;
	overflow:hidden!important;
    
}

.sa_name{overflow:none!important;}


.sa_wide .sa_name {
    white-space: inherit;
    overflow: none!important;
    text-overflow: none;
}



.sa_info {    
    /* Location of the reviewer. */
   overflow:hidden!important;
}

.sa_info span{margin-bottom:15px!important;}

.sa_comments {     
    /* Review comments. */
	
	font-size:22px!important;
	font-family:Georgia!important;
	font-style:italic!important;
    
}



.sa_star {
    /* The review star. (inactive) */
    
    /* This is how we do it: 
    
     - An image with the gray star is right above the gold star.
    background: url("https://www.shopperapproved.com/widgets/widgetstar.png") no-repeat;
    
     - A specific height and width are given to only include the gray star....
    width: 24px; 
    height: 24px;
    */
}

.sa_activestar {
    /* The review star. (active) */
    
    /* ... now to go active we shift the image up to only show the gold star.
    background-position: 0 -24px;
    */
}

.sa_date {
    /* The review date. */ 
    margin-top:5px!important;
}