/*
 * Web view images CSS for iOS devices
*/

/* ================ iOS App Market Place  ================== */

.button .view_more_apps_button
{ 
	background: url(../../img/webviews/view_more_button-=poN1b.png) no-repeat 0 0;
	background-size: 286px 66px;
	border-radius: 6px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5);
	font-size: 26px;
	font-weight: bold;
	text-shadow: 0 3px 4px rgba(0, 0, 0, 1);
	padding: 17px 0 0 69px;
	margin: auto;
	height: 49px;
	width: 217px;
}

.header_content
{
	background: url(../../img/webviews/ios/app_gallery_slideshow-flphBU.png) no-repeat;
	background-size: 846px;
	height: 269px;
}
.app_gallery_slideshow_one_cloud
{
	background-position: right 0;
}

.app_gallery_slideshow_quick_office
{
	background-position: right -274px;
}

.app_gallery_slideshow_pdf_expert
{
	background-position: right -550px;
}

.app_gallery_slideshow_paper_notes
{
	background-position: right -831px;
}

/* Media queries for devices with viewports 320px or less */

@media (max-width: 720px),
	   (max-width: 750px) and (orientation: landscape)
{
	/* Hide images for wider slide show */
	.header_content
	{
		background: none;
	}

	.header_content .header_image
	{
		background: url(../../img/webviews/ios/app_gallery_slideshow_iphone-PNhftO.png) no-repeat;
		background-size: 320px;
		height: 130px;
	}

	/* Offsets */
	.app_gallery_slideshow_one_cloud .header_image
	{
		background-position: center -446px;
	}

	.app_gallery_slideshow_quick_office .header_image
	{
		background-position: center -6px;
	}

	.app_gallery_slideshow_pdf_expert .header_image
	{
		background-position: center -148px;
	}

	.app_gallery_slideshow_paper_notes .header_image
	{
		background-position: center -293px;
	}
}

/* Media queries for devices with high res screens */
@media 
screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px),
handheld and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px)
{
	/* Load @2x images */
	.view_more_apps_button
	{ 
		background: url(../../img/webviews/view_more_button_2x-PrlQnr.png) no-repeat 0 0;
	}

	.header_content
	{
		background: url(../../img/webviews/ios/app_gallery_slideshow_2x-nsA5OR.png) no-repeat;
		background-size: 846px;
	}

	.app_gallery_slideshow_one_cloud
	{
		background-position: right 0;
	}

	.app_gallery_slideshow_quick_office
	{
		background-position: right -274px;
	}

	.app_gallery_slideshow_pdf_expert
	{
		background-position: right -550px;
	}

	.app_gallery_slideshow_paper_notes
	{
		background-position: right -826px;
	}
}

/* Media queries for devices with high res screens and viewports 320px's or less */
@media 
screen and (min-width: 320px) and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 2),
handheld and (min-width: 320px) and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 2)
{
	.header_content
	{
		background: none;
		height: 269px;
	}

	/* Load 2x images */
	.header_content .header_image
	{
		background: url(../../img/webviews/ios/app_slideshow_iphone_2x-Y-TI8b.png) no-repeat;
		background-size: 320px;
	}

	/* Offsets */
	.app_gallery_slideshow_one_cloud .header_image
	{
		background-position: center -1004px;
	}

	.app_gallery_slideshow_quick_office .header_image
	{
		background-position: center -1px;
	}

	.app_gallery_slideshow_pdf_expert .header_image
	{
		background-position: center -252px;
	}

	.app_gallery_slideshow_paper_notes .header_image
	{
		background-position: center -503px;
	}
}