.ORMStarRating {
    /* container on entire star rating item */
    padding: 5px;
	line-height:normal;
	background-color:#FFFFFF;
}

    .ORMStarRating span.stars, .ORMStarRating span.stars span {
        /* star rating */
        display: block;
        background: url(RatingStar24.png) 0 -24px repeat-x;
        width: 120px;
        height: 24px;
        background-color: #FFFFFF;
    }

        .ORMStarRating span.stars span {
            /* filling the star rating*/
            background-position: 0 0;
        }


    .ORMStarRating .starText {
        /* container for text */
        margin: 5px 0;
        font-size: 1.0em;
    }

        .ORMStarRating .starText .rating {
            /* the rating value */
            font-size: 1.3em;
            font-weight: bold;
            margin-right: 5px;
        }

        .ORMStarRating .starText .outof {
            /* the "out of X" text */
        }

        .ORMStarRating .starText .review {
            /* the "X Patient Ratings" text */
            color: #045987;
        }

.ORMSurveyComments {
    /* container for entire survey comments */
    font-size: 1.0em;
	background-color: #FFFFFF;
	line-height:normal;

    /*For testing without using scHeight and scWidth */
    /*height:200px;
    width: 600px;
    display: block;*/
}

    .ORMSurveyComments .scHeader {
        /* container for header text*/
        font-size: 1.3em;
    }

    .ORMSurveyComments .scInfo {
        /* container for introduction under header */
        font-size: 0.8em;
        font-style: italic;
		padding: 5px 0 !important;
        
    }

    .ORMSurveyComments .scComments {
        /* container for the comment rows */
        /* display: table !important; */
        font-size: 0.9em;
        overflow-y: auto;

        /*Enabling this gives comemnts a height and vertical scroll bars */
        height: inherit;
        display: block !important;
		padding-right:5px !important;
   
    }

    .ORMSurveyComments .scCommentRow {
        /* comment row */
        display: table-row;
		
    }

    .ORMSurveyComments .scCommentCellMeta {
        /* container for the left hand metadata rating, patient, date */
        display: table-cell;
        vertical-align: top;
        padding: 10px 25px 10px 0 !important;
    }

    .ORMSurveyComments .scCommentDate {
        /* container for the survey date */
        
        font-size: 0.7em;
        text-wrap: none;
        white-space: nowrap;
        padding: 4px 0 2px !important;
    }

    .ORMSurveyComments .scCommentAuthor {
        /* container for the survey author */
       
        font-size: 0.7em;
    }

    .ORMSurveyComments .scCommentCellText {
        /* container for the survey comment */
       
        font-size: 0.8em;
        vertical-align: top;
        padding: 10px 0 10px 0px !important;
    }

    .ORMSurveyComments .scCommentCellText.scCommentNotApproved {
        /* container for the survey comment */
       
       opacity: 0.75;
       font-style:italic;
    }

    .ORMSurveyComments .scNoComments{
        font-size: 0.8em;
    }

    .ORMSurveyComments span.stars, .ORMSurveyComments span.stars span {
        /* star rating */
        display: block;
        background: url(RatingStar16.png) 0 -16px repeat-x;
        width: 80px;
        height: 16px;
        background-color: #FFFFFF;
    }

        .ORMSurveyComments span.stars span {
            /* filling the star rating*/
            background-position: 0 0;
        }

.ORMHidden {
display:none;
}

@media only screen and (max-width: 768px) {
    /*.ORMSurveyComments .scCommentCellText {
        padding: 0px 0 20px 0 !important;
    }*/

    .ORMSurveyComments .scCommentRow{
        display:inline-block !important;
    }

    /*.ORMSurveyComments .scCommentCellMeta {
            padding-bottom: 5px !important;
    }*/
}