/*
 * X-Reflect HTML5 Web Component by Martin Ivanov (@wemakesitesnet)
 * More info regarding this exciting new technology: http://webcomponents.org/, http://www.x-tags.org/, http://www.polymer-project.org/
 * @author Martin Ivanov
 * @url developer website: http://wemakesites.net/
 * @url developer twitter: https://twitter.com/#!/wemakesitesnet
 * @url developer blog http://acidmartin.wordpress.com/
 **/

/*
 * Do you like this solution? Please, donate:
 * https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=QFUHPWJB2JDBS
 **/

acidjs-xreflect,
acidjs-xreflect *,
acidjs-xreflect::before,
acidjs-xreflect::after,
acidjs-xreflect *::before,
acidjs-xreflect *::after
{
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

acidjs-xreflect acidjs-xreflect-content,
acidjs-xreflect acidjs-xreflect-reflection
{
    display: block;
}

acidjs-xreflect,
acidjs-xreflect img
{
    display: inline-block;
}

acidjs-xreflect
{
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default;
}

acidjs-xreflect img
{
    vertical-align: middle;
}

acidjs-xreflect acidjs-xreflect-reflection
{
    overflow: hidden; 
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}

acidjs-xreflect acidjs-xreflect-reflection div
{
    -webkit-transform: scaley(-1);
    -moz-transform: scaley(-1);
    -ms-transform: scaley(-1);
    transform: scaley(-1);
}

acidjs-xreflect > div
{
    position: relative;
}

acidjs-xreflect acidjs-xreflect-reflection div:last-child
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}