Ajax rating doesn't work in secondary folder

We have Ajax rating set up in the root folder. I mean the aspx page is in the root folder, StylSheet is the images folder under root. For example the root folder is ratingwebsite/, in this folder, we have rating.asxp page and images folder. It works great. then we moved aspx page in the folder under root folder. We created new folder business in ratingwebsite, and we also moved images folder in the same folder. Although the rating is still loading, but the image doesn't show up. any suggestions? I copied code for both from aspx and StyleSheet for easy to reference.

<link href="../businesses/images/StyleSheet.css" rel="stylesheet" type="text/css" /><ajaxToolkit:Rating runat="server" ID="Rating1"
                            MaxRating="5"
                            CurrentRating="4"
                            CssClass="ratingStar"
                            StarCssClass="ratingItem"
                            WaitingStarCssClass="Saved"
                            FilledStarCssClass="Filled"
                            EmptyStarCssClass="Empty" AutoPostBack="True" OnChanged="Rating1_Changed"></ajaxToolkit:Rating><asp:Label ID="labelCaption1" runat="server" Text="Selected value: " /><asp:Label ID="labelValue1" runat="server" Text=""></asp:Label>


style sheet is here:

.ratingStar
{
	white-space:nowrap;
	margin:1em;
	height:14px;
}
.ratingStar .ratingItem {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    display: block;
    background-repeat: no-repeat;
	cursor:pointer;
}
.ratingStar .Filled
{
    
    background-image: url('./ratingStarFilled.png');
}
.ratingStar .Empty {
    background-image: url('./ratingStarEmpty.png');
}
.ratingStar .Saved {
    background-image: url('./ratingStarSaved.png');
}