/**
 *
 * Main container
 *
 */
#addToHomeScreen {
    z-index: 9999;
    -webkit-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    touch-callout: none;
    width: 240px;
    font-size: 15px;
    padding: 12px 14px;
    text-align: left;
    font-family: helvetica;
    background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(0,#fff),color-stop(0.02,#eee),color-stop(0.98,#ccc),color-stop(1,#a3a3a3));
    border: 1px solid #505050;
    -webkit-border-radius: 8px;
    -webkit-background-clip: padding-box;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,0.75);
    line-height: 130%;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5);
}

    #addToHomeScreen.addToHomeIpad {
        width: 268px;
        font-size: 18px;
        padding: 14px;
    }

    /**
 *
 * The 'wide' class is added when the popup contains the touch icon
 *
 */
    #addToHomeScreen.addToHomeWide {
        width: 296px;
    }

    #addToHomeScreen.addToHomeIpad.addToHomeWide {
        width: 320px;
        font-size: 18px;
        padding: 14px;
    }

    /**
 *
 * The balloon arrow
 *
 */
    #addToHomeScreen .addToHomeArrow {
        position: absolute;
        background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(204,204,204,0)),color-stop(0.4,rgba(204,204,204,0)),color-stop(0.4,#ccc));
        border-width: 0 1px 1px 0;
        border-style: solid;
        border-color: #505050;
        width: 16px;
        height: 16px;
        -webkit-transform: rotateZ(45deg);
        bottom: -9px;
        left: 50%;
        margin-left: -8px;
        -webkit-box-shadow: inset -1px -1px 0 #a9a9a9;
        -webkit-border-bottom-right-radius: 2px;
    }


    /**
 *
 * The balloon arrow for iPad
 *
 */
    #addToHomeScreen.addToHomeIpad .addToHomeArrow {
        -webkit-transform: rotateZ(-135deg);
        background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(238,238,238,0)),color-stop(0.4,rgba(238,238,238,0)),color-stop(0.4,#eee));
        -webkit-box-shadow: inset -1px -1px 0 #fff;
        top: -9px;
        bottom: auto;
        left: 50%;
    }


    /**
 *
 * Close button
 *
 */
    #addToHomeScreen .addToHomeClose {
        -webkit-box-sizing: border-box;
        position: absolute;
        right: 4px;
        top: 4px;
        width: 18px;
        height: 18px;
        line-height: 14px;
        text-align: center;
        text-indent: 1px;
        -webkit-border-radius: 9px;
        background: rgba(0,0,0,0.12);
        color: #707070;
        -webkit-box-shadow: 0 1px 0 #fff;
        font-size: 16px;
    }


    /**
 *
 * The '+' icon, displayed only on iOS < 4.2
 *
 */
    #addToHomeScreen .addToHomePlus {
        font-weight: bold;
        font-size: 1.3em;
    }


    /**
 *
 * The 'share' icon, displayed only on iOS >= 4.2
 *
 */
    #addToHomeScreen .addToHomeShare {
        display: inline-block;
        width: 18px;
        height: 15px;
        background-repeat: no-repeat;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAQAAABDj1eZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUdJREFUKFNtkLtLw1AYxS/qJLhXVKr2ZRulUNtiqgSb3CziICI6ucTFVYcOnaQOFRwUnNTRwUWXgpP/QdHNUEQUHGxofYBTlRs83iZNjKTncOGe7/vx3QchXUWn6FL3jhfKUdCCr5zuifV5oDiHQM+c+CIhiiCSWNu08iq9oHXKLAiqrgR4UXqlOEYZt++ExEL0wW7+OW0G10muLv9gmqfe5FAWKmTMYQYiFL7PYwyLOD8lSjNh2gdnPzMII4QUBxc4OothbAF7GCBKQ0YbSWyPQsIhqvetS+y0ygGMo/KFZfviDvR4AhwgZU9dGYnA0J/6ndc15i3ouYIMcVVUcEXIoOxCeRCfwP8sXBSdjtpUv/1QW+K16kCCIUC4id9Fa0JtkluwVkSfqPL6RwfSDA0aNlx7k/bWgViB7bMS2/1vk5sdsZLN/ALSuL3tylO4RAAAAABJRU5ErkJggg==);
        background-size: 18px 15px;
        text-indent: -9999em;
        overflow: hidden;
    }


    /**
 *
 * The touch icon (if available)
 *
 */
    #addToHomeScreen .addToHomeTouchIcon {
        display: block;
        float: left;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.9);
        box-shadow: 0 1px 3px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.9);
        background-repeat: no-repeat;
        width: 57px;
        height: 57px;
        -webkit-background-size: 57px 57px;
        background-size: 57px 57px;
        margin: 0 12px 0 0;
        border: 1px solid #333;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }


/**
 *
 * The 'share' icon for retina display
 *
 */
@media all and (-webkit-min-device-pixel-ratio: 2) {
    #addToHomeScreen .addToHomeShare {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC);
    }
}