/**
 *
 * 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: rgba(0,0,0,0.85);
	border:1px solid #efefef;
	-webkit-border-radius:8px;
	-webkit-background-clip:padding-box;
	color:#fff;
	line-height:130%;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);
}

#addToHomeScreen.addToHomeIOS7 {
	-webkit-border-radius:1px !important;
	border:1px solid #ccc;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.2);
}

#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: rgba(0,0,0,0.85);
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#efefef;
	width:16px; height:16px;
	-webkit-transform:rotateZ(45deg);
	bottom:-9px;
	left:50%;
	margin-left:-8px;
	-webkit-box-shadow:inset -1px -1px 0 #000;
	-webkit-border-bottom-right-radius:2px;
}

#addToHomeScreen.addToHomeIOS7 .addToHomeArrow {
	border-color: #ccc;
}

/**
 *
 * The balloon arrow for iPad
 *
 */
#addToHomeScreen.addToHomeIpad .addToHomeArrow {
	-webkit-transform:rotateZ(-135deg);
	background: rgba(0,0,0,0.85);
	-webkit-box-shadow:inset -1px -1px 0 #000;
	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:#EFEFEF;
	-webkit-box-shadow:0 0 0 1px #EFEFEF;
	font-size:16px;
}

#addToHomeScreen.addToHomeIOS7 .addToHomeClose {
	line-height:12px;
	padding-right:1px;
	background:transparent;
	border: 1px solid #888;
	-webkit-box-shadow:none;
}

/**
 *
 * 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,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAYAAABE4bxTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABRlJREFUeNrMV+tLpFUcPnNzxvsVl1VT/KAg7AdrQUjCD2ULS33ZoD9A2g9KSLiawUZGmeuHIjIjyCARLNBoyf1gkH1Qk0RbWcTb4uDdcb1fRh1Hx/Hted59z/Du7DvuiGt14PG8c67P+f2e3+8cTV1dXeK0oiiKsNlsIikpSUxNTQmTySSSk5PF4eGhCKMkA/uAN5zBxcXFwiwutrwLHAAvhDvhogkta/U8DfB/IHSk+6Y2PnxuhKgdiTMUX9Dvz4C75yIkSZjNZmGxWNT6DMR2DNpuAHPApVCEZhhMEtjoCYCAYrfblejoaGdMTExOZGSksFqtRmu9BNwGfgUmgU3gXgiimZq+Xgvu4Mr2YEvo3QMiYm1tTfT19d2tqalxHhwciMHBQbUPKSESU98H3tE2OWv5A/gY+FRPyCOJOBwONd8w77AtIiJC7O3tiYqKCk9vb69bDZvlZTEzM0My5fhZD0SfU/ifYK9XUF+ThOgqAXcIp9MpCgsLx+GSSMAMzdiOjo7sPp/vSwy5s76+LnZ2dqyw0j0Qun7eEJRewF6vx8XF/YymtwNioGD9fj8z6nfHx8eXAPY5gBVaYnd3V6yursbMz8//iXH5z4MMvRIVFSViY2NFT0+PJT8/XwQI8SrIzc2l0L42WsDtdguQ+R1E80NtEOrqMRpLAyQmJqp1fX39YWtr68OysrLHhDjJ4/GI1NRU+9LSkkhLSwtMXlxcFFtbW2J2dvbbk5OTl4MJyMWpO0Yfv2XNAOBB9MRoFWqTWoXFRXl5+cbo6Ggvur6SGgoUaMRMYhMTEyIvL0/V1MrKChd+0ev1lulNzU0ZgdQeN6P46db9/X0F3/6NjQ0fNrVlZ2db2ad3UUpKiuju7halpaWLsPhPWPYDfZQFTgALqKdizdBmuEPUxEcyKSInCQhQnYNoOxkbG/MMDAzs4tuHEyuY40cQ+NG9W1BQcLm9vf3y9PS0SojkqZeGhgZPY2OjE2O+AFqD89AT/oZgBawRcAnakkHmBk9Gi9AKnZ2d3ra2tvWhoSH6g++QKcCpXaIuLRDuI43cwtzP6aKEhATViiUlJTv9/f1/o/8WMGKUGA2FuL29rVoEeCMzM1Ml2tHR4W1qalpeWFh4hGEPtMQ2pBF5qmRkZLi4Vnp6umpxiPbR5uZmB7reC7p4TydE99C0FCpO96rL5WIkbCJbk0Qn8It2H4UsjFoI2oG8JVpaWpTa2lpeJ98QJMl+Wo6HPpWQ1MnIyIgqQECpqqoSIPUDuhsYeM+8UUGCGR2CddTV1Ynm5uYBNFcCf1VXV1ObcdCqmwdnstUTsxolK14hCEfZ7NLeMXfCTXrx8fHyc1+7aK+DwDbCm4etHx8fvwayV+V+kkxRUZGxy4LKj8CEUQe0pAYAo1JalnrTlXHgTWCbuQyu+h4augkyD+g2GdmnRhkHcJPJyUlmbqEnIwlgQYHQFkyirDmPp6XmaAXqLysri1Pu88/c3Bxd+BYi9KZGYC/U6YMt5JeEkNjE8PCw6l/16acjwDEyRciTkhBzFsWK5KjOZfIkec7Dmie6a8QfLiGv3IgJkotL/5KEhNE9Jb/ZTxKcr72Z5Dy3brwSLqF0vnsxMQWkLFjE9KyL0iiH8UAaceVxk8LX49VwAsKK0NNvag/nP4OLLNacnBzbf7CvJSShyspKPvJTgVXNxKYLJEJBZmi57amC+1HdnNn3CrAh8+MFEjJphH7jW9pIf6ZwhPpvln8EGADfKcyhgqEFWQAAAABJRU5ErkJggg==);
	background-size:18px 15px;
	text-indent:-9999em;
	overflow:hidden;
}

#addToHomeScreen.addToHomeIOS7 .addToHomeShare {
	width:11px;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAA8CAYAAAAQTCjdAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAASCQAAEgkB80sG3AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAKjSURBVGiB7dpPiFVVHMDxz7m9NCtMyI2bEJEC25WrEkzHUXCRraIwdNE8ZxfYIlcis1ZEbGEzT1QCF4XgH1CyWhUoJKIWNRGEiCNKmkSiYTzfcfGuOokx77x3ZlS8382959zfn+/invvn3RdijHIRBrwkOINCYXEcdjpb7VyiYdBsLScwt5y6IloYdzqXo36Ro0gY9IKWo+5JwmzBt2HQnBw9ehYNazyn5TBee8Dh+Vq+CWu92GufnkTDR6ab7gDeBNHouMM/l9tXTXM0fGBmL726Fg1Dam74EsvKqR8VNowL2Yzj5f7rnnE4DHq2235diYYhhTGfC94up35T0y+6di/ITU0rKVd+sEi0P7xr2pSJOu8zvF+OzqEv7vDH/WFxt7/cshy/ticsN8sXYUht0kXDOlsF9XJ4UaEvNoz9X3zc5bKaZThbyr5jzJ4wlNY7KTgM+ES0vhz+KeiPw36fKC/ucAF9uFBOrTZm26SJCtaV27+xIo7cXdkTEhvOoh+XyxprU1qnim7CQdGK2HAyKRexYVShT3RItDElN+mkjiP2Ym+S3f01hv2EVal5WW6hU0ElmptaqJuBpXg6MbeFH2LDpU6CQ93zWIKnEvs0cayGU3glMfkOo1jQYewZzOuyz7FC95Jwo5OgUFfgeg993hh/eTqCTxOSm/iuk8DY0Ap1b2GhtHXxsfZN4j/X0fOx4auEIknEhqv4OiUn1L13Z/+xWfWVaG4q0dxUormpRHNTieamEs1NJZqbJ1Q0jHvdiJo5S2cVjSNOCHZhn3/SnuYnIvl3yomIIz7MXZMn9hydRCrR3FSiualEc1OJ5qYSzU0lmptKNDePjWgwcPePT7/g+4cp8wCW4GXaryK3tL+mLdD5x62ppllgu7bso8q/2HIbzGWdNmWnSJwAAAAASUVORK5CYII=);
	background-size:11px 15px;
}

/**
 *
 * 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;
}
