/*
 You may not change or alter any portion of this comment or credits
 of supporting developers from this source code or any supporting source code
 which is considered copyrighted (c) material of the original comment or credit authors.

 This program is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
*/

/**
 * xmsocial module
 *
 * @copyright       XOOPS Project (https://xoops.org)
 * @license         GNU GPL 2 (http://www.gnu.org/licenses/old-licenses/gpl-2.0.html)
 * @author          Mage Gregory (AKA Mage)
 *					Wedega - Email:<webmaster@wedega.com> - Website:<https://wedega.com>
 * IMPORTANT: 		The code comes from wggallery
 */

/* star rating */
.xmsocial_unit-rating {
    width: 125px;
	list-style: none;
    height: 25px;
    position: relative;
    background: url(../images/starrating.png) top left repeat-x;
    margin: 0;
    padding: 0;
}
.xmsocial_unit-rating-10 {
    width: 250px;
	list-style: none;
    height: 25px;
    position: relative;
    background: url(../images/starrating.png) top left repeat-x;
    margin: 0;
    padding: 0;
}
.xmsocial_unit-rating div, .xmsocial_unit-rating-10 div {
    text-indent: -90000px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.xmsocial_unit-rating div a, .xmsocial_unit-rating-10 div a {
    outline: none;
    display: block;
    width: 25px;
    height: 25px;
    text-decoration: none;
    text-indent: -9000px;
    overflow: hidden;
    z-index: 20;
    position: absolute;
    padding: 0;
}
.xmsocial_unit-rating div a:hover, .xmsocial_unit-rating-10 div a:hover {
    background: url(../images/starrating.png) left bottom;
    z-index: 2;
    left: 0;
}
.xmsocial_unit-rating div.xmsocial_current-rating, .xmsocial_unit-rating-10 div.wgxmsocial_current-rating {
    background: url(../images/starrating.png) left center;
    position: absolute;
    height: 25px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
    overflow: hidden;
}
.xmsocial_unit-rating a.xmsocial_r1-unit {left: 0;}
.xmsocial_unit-rating a.xmsocial_r1-unit:hover {width: 25px;}
.xmsocial_unit-rating a.xmsocial_r2-unit {left: 25px;}
.xmsocial_unit-rating a.xmsocial_r2-unit:hover {width: 50px;}
.xmsocial_unit-rating a.xmsocial_r3-unit {left: 50px;}
.xmsocial_unit-rating a.xmsocial_r3-unit:hover {width: 75px;}
.xmsocial_unit-rating a.xmsocial_r4-unit {left: 75px;}
.xmsocial_unit-rating a.xmsocial_r4-unit:hover {width: 100px;}
.xmsocial_unit-rating a.xmsocial_r5-unit {left: 100px;}
.xmsocial_unit-rating a.xmsocial_r5-unit:hover {width: 125px;}

.xmsocial_unit-rating-10 a.xmsocial_r1-unit {left: 0;}
.xmsocial_unit-rating-10 a.xmsocial_r1-unit:hover {width: 25px;}
.xmsocial_unit-rating-10 a.xmsocial_r2-unit {left: 25px;}
.xmsocial_unit-rating-10 a.xmsocial_r2-unit:hover {width: 50px;}
.xmsocial_unit-rating-10 a.xmsocial_r3-unit {left: 50px;}
.xmsocial_unit-rating-10 a.xmsocial_r3-unit:hover {width: 75px;}
.xmsocial_unit-rating-10 a.xmsocial_r4-unit {left: 75px;}
.xmsocial_unit-rating-10 a.xmsocial_r4-unit:hover {width: 100px;}
.xmsocial_unit-rating-10 a.xmsocial_r5-unit {left: 100px;}
.xmsocial_unit-rating-10 a.xmsocial_r5-unit:hover {width: 125px;}
.xmsocial_unit-rating-10 a.xmsocial_r6-unit {left: 125px;}
.xmsocial_unit-rating-10 a.xmsocial_r6-unit:hover {width: 150px;}
.xmsocial_unit-rating-10 a.xmsocial_r7-unit {left: 150px;}
.xmsocial_unit-rating-10 a.xmsocial_r7-unit:hover {width: 175px;}
.xmsocial_unit-rating-10 a.xmsocial_r8-unit {left: 175px;}
.xmsocial_unit-rating-10 a.xmsocial_r8-unit:hover {width: 200px;}
.xmsocial_unit-rating-10 a.xmsocial_r9-unit {left: 200px;}
.xmsocial_unit-rating-10 a.xmsocial_r9-unit:hover {width: 225px;}
.xmsocial_unit-rating-10 a.xmsocial_r10-unit {left: 225px;}
.xmsocial_unit-rating-10 a.xmsocial_r10-unit:hover {width: 250px;}

/* rating with likes */
.wgg-rate-dislike {
    padding-left:20px;
}

/* numeric rfating */
.xmsocial_unit-rating-10numeric {
    margin:10px 0;
    line-height:30px;
}
.xmsocial-rater-numeric {
    border:1px solid #ccc;
    border-radius:5px;
    padding:5px 7px;
    margin:0px;
    background-color:#ffffff;
}
.xmsocial-rater-numeric:hover {
    background-color:#337ab7;
    color:#ffffff;
}
.xmsocial-rater-numeric-active {
    border:1px solid #d43f3a;
     background-color:#eea236;
}