/* windows 8 style */

	#tile1{ margin:0; padding:0; width:160px; height:141px;  }
	.itemsSource{ display:none; }
	
	#flip1 li div.myClass{
	background-color:navy;
	}
	.mango{ float:left; padding-top:60px; padding-left:10px; height:160px; width:175px;}
	
	.tiles{ height:auto; }
	.live-tile,
	.list-tile,
	.copy-tile,
	.live-tile red,
	.tile-strip .flip-list > li {
	height: 141px;
	float:left;
	
	outline: 1px solid transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px;
	width: 160px;
	}
	.live-tile.half-tile,
	.list-tile.half-tile,
	.copy-tile.half-tile,
	.tile-strip .flip-list > li.half-tile {
	height: 70px;
	width: 70px;
	}
	.live-tile.half-wide,
	.list-tile.half-wide,
	.copy-tile.half-wide,
	.tile-strip .flip-list > li.half-wide {
	width: 70px;
	}
	.live-tile.two-wide,
	.list-tile.two-wide,
	.copy-tile.two-wide,
	.tile-strip .flip-list > li.two-wide {
	width: 310px;
	}
	
	.live-tile.three-wide,
	.list-tile.three-wide,
	.copy-tile.three-wide,
	.tile-strip .flip-list > li.three-wide {
	width: 470px;
	}
	.live-tile.four-wide,
	.list-tile.four-wide,
	.copy-tile.four-wide,
	.tile-strip .flip-list > li.four-wide {
	width: 630px;
	}
	.live-tile.five-wide,
	.list-tile.five-wide,
	.copy-tile.five-wide,
	.tile-strip .flip-list > li.five-wide {
	width: 790px;
	}
	.live-tile.six-wide,
	.list-tile.six-wide,
	.copy-tile.six-wide,
	.tile-strip .flip-list > li.six-wide {
	width: 950px;
	}
	.live-tile.seven-wide,
	.list-tile.seven-wide,
	.copy-tile.seven-wide,
	.tile-strip .flip-list > li.seven-wide {
	width: 1110px;
	}
	.live-tile.eight-wide,
	.list-tile.eight-wide,
	.copy-tile.eight-wide,
	.tile-strip .flip-list > li.eight-wide {
	width: 1270px;
	}
	.live-tile.nine-wide,
	.list-tile.nine-wide,
	.copy-tile.nine-wide,
	.tile-strip .flip-list > li.nine-wide {
	width: 1430px;
	}
	.live-tile.ten-wide,
	.list-tile.ten-wide,
	.copy-tile.ten-wide,
	.tile-strip .flip-list > li.ten-wide {
	width: 1590px;
	}
	.live-tile.half-tall,
	.list-tile.half-tall,
	.copy-tile.half-tall,
	.tile-strip .flip-list > li.half-tall {
	height: 70px;
	}
	.live-tile.two-tall,
	.list-tile.two-tall,
	.copy-tile.two-tall,
	.tile-strip .flip-list > li.two-tall {
	height: 310px;
	}
	.live-tile.three-tall,
	.list-tile.three-tall,
	.copy-tile.three-tall,
	.tile-strip .flip-list > li.three-tall {
	height: 470px;
	}
	.live-tile.four-tall,
	.list-tile.four-tall,
	.copy-tile.four-tall,
	.tile-strip .flip-list > li.four-tall {
	height: 630px;
	}
	.live-tile.five-tall,
	.list-tile.five-tall,
	.copy-tile.five-tall,
	.tile-strip .flip-list > li.five-tall {
	height: 790px;
	}
	.live-tile.six-tall,
	.list-tile.six-tall,
	.copy-tile.six-tall,
	.tile-strip .flip-list > li.six-tall {
	height: 950px;
	}
	.live-tile.seven-tall,
	.list-tile.seven-tall,
	.copy-tile.seven-tall,
	.tile-strip .flip-list > li.seven-tall {
	height: 1110px;
	}
	.live-tile.eight-tall,
	.list-tile.eight-tall,
	.copy-tile.eight-tall,
	.tile-strip .flip-list > li.eight-tall {
	height: 1270px;
	}
	.live-tile.nine-tall,
	.list-tile.nine-tall,
	.copy-tile.nine-tall,
	.tile-strip .flip-list > li.nine-tall {
	height: 1430px;
	}
	.live-tile.ten-tall,
	.list-tile.ten-tall,
	.copy-tile.ten-tall,
	.tile-strip .flip-list > li.ten-tall {
	height: 1590px;
	}
	/* End Sizes */
	/* flip-list tile grid sprite styles */
	.live-tile > .flip-list,
	.list-tile > .flip-list {
	height: 100%;
	width: 100%;
	}
	.flip-list > li {
	height: 50px;
	margin: 0px;
	padding: 0px;
	width: 50px;
	}
	.flip-list.fourTiles > li {
	border: none;
	padding: 0;
	margin: 0;
	height: 50%;
	width: 50%;
	}
	.flip-list.nineTiles > li {
	height: 33%;
	width: 33%;
	border: none;
	padding: 0;
	margin: 0;
	}
	.flip-list.fourTiles > li > div,
	.flip-list.fourTiles > li > div > a,
	.flip-list.fourTiles > li > div > img,
	.flip-list.nineTiles > li > div,
	.flip-list.nineTiles > li > div > a,
	.flip-list.nineTiles > li > div > img {
	border: none;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	}
	/* fourTile background positions */
	.fourTiles .fourTiles1 img,
	.fourTiles img.fourTiles1,
	.fourTiles .fourTiles1 a,
	.fourTiles .tile-1 img,
	.fourTiles .tile-1 a {
	background-position: 0px 0px;
	}
	.fourTiles .fourTiles2 img,
	.fourTiles img.fourTiles2,
	.fourTiles .fourTiles2 a,
	.fourTiles .tile-2 img,
	.fourTiles .tile-2 a {
	background-position: -75px 0px;
	}
	.fourTiles .fourTiles3 img,
	.fourTiles img.fourTiles3,
	.fourTiles .fourTiles3 a,
	.fourTiles .tile-3 img,
	.fourTiles .tile-3 a {
	background-position: 0px -75px;
	}
	.fourTiles .fourTiles4 img,
	.fourTiles img.fourTiles4,
	.fourTiles .fourTiles4 a,
	.fourTiles .tile-4 img,
	.fourTiles .tile-4 a {
	background-position: -75px -75px;
	}
	/* nineTile background positions */
	.nineTiles .nineTiles1 img,
	.nineTiles img.nineTiles1,
	.nineTiles .nineTiles1 a,
	.nineTiles .tile-1 img,
	.nineTiles .tile-1 a {
	background-position: 0px 0px;
	}
	.nineTiles .nineTiles2 img,
	.nineTiles img.nineTiles2,
	.nineTiles .nineTiles2 a,
	.nineTiles .tile-2 img,
	.nineTiles .tile-2 a {
	background-position: -50px 0px;
	}
	.nineTiles .nineTiles3 img,
	.nineTiles img.nineTiles3,
	.nineTiles .nineTiles3 a,
	.nineTiles .tile-3 img,
	.nineTiles .tile-3 a {
	background-position: -100px 0px;
	}
	.nineTiles .nineTiles4 img,
	.nineTiles img.nineTiles4,
	.nineTiles .nineTiles4 a,
	.nineTiles .tile-4 img,
	.nineTiles .tile-4 a {
	background-position: 0px -50px;
	}
	.nineTiles .nineTiles5 img,
	.nineTiles img.nineTiles5,
	.nineTiles .nineTiles5 a,
	.nineTiles .tile-5 img,
	.nineTiles .tile-5 a {
	background-position: -50px -50px;
	}
	.nineTiles .nineTiles6 img,
	.nineTiles img.nineTiles6,
	.nineTiles .nineTiles6 a,
	.nineTiles .tile-6 img,
	.nineTiles .tile-6 a {
	background-position: -100px -50px;
	}
	.nineTiles .nineTiles7 img,
	.nineTiles img.nineTiles7,
	.nineTiles .nineTiles7 a,
	.nineTiles .tile-7 img,
	.nineTiles .tile-7 a {
	background-position: 0px -100px;
	}
	.nineTiles .nineTiles8 img,
	.nineTiles img.nineTiles8,
	.nineTiles .nineTiles8 a,
	.nineTiles .tile-8 img,
	.nineTiles .tile-8 a {
	background-position: -50px -100px;
	}
	.nineTiles .nineTiles9 img,
	.nineTiles img.nineTiles9,
	.nineTiles .nineTiles9 a,
	.nineTiles .tile-9 img,
	.nineTiles .tile-9 a {
	background-position: -100px -100px;
	}
	.tile-group,
	.tile-strip {
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 20;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
	}
	.tile-group.one-tile,
	.tile-strip.one-tile {
	height: 160px;
	width: 160px;
	}
	.tile-group.half-wide,
	.tile-strip.half-wide {
	width: 80px;
	}
	.tile-group.one-wide,
	.tile-strip.one-wide {
	width: 160px;
	}
	.tile-group.two-wide,
	.tile-strip.two-wide {
	width: 320px;
	}
	.tile-group.three-wide,
	.tile-strip.three-wide {
	width: 480px;
	}
	.tile-group.four-wide,
	.tile-strip.four-wide {
	width: 640px;
	}
	.tile-group.five-wide,
	.tile-strip.five-wide {
	width: 800px;
	}
	.tile-group.six-wide,
	.tile-strip.six-wide {
	width: 960px;
	}
	.tile-group.seven-wide,
	.tile-strip.seven-wide {
	width: 1120px;
	}
	.tile-group.eight-wide,
	.tile-strip.eight-wide {
	width: 1280px;
	}
	.tile-group.nine-wide,
	.tile-strip.nine-wide {
	width: 1440px;
	}
	.tile-group.ten-wide,
	.tile-strip.ten-wide {
	width: 1600px;
	}
	.tile-group.half-tall,
	.tile-strip.half-tall {
	height: 80px;
	}
	.tile-group.one-tall,
	.tile-strip.one-tall {
	height: 160px;
	}
	.tile-group.two-tall,
	.tile-strip.two-tall {
	height: 320px;
	}
	.tile-group.three-tall,
	.tile-strip.three-tall {
	height: 480px;
	}
	.tile-group.four-tall,
	.tile-strip.four-tall {
	height: 640px;
	}
	.tile-group.five-tall,
	.tile-strip.five-tall {
	height: 800px;
	}
	.tile-group.six-tall,
	.tile-strip.six-tall {
	height: 960px;
	}
	.tile-group.seven-tall,
	.tile-strip.seven-tall {
	height: 1120px;
	}
	.tile-group.eight-tall,
	.tile-strip.eight-tall {
	height: 1280px;
	}
	.tile-group.nine-tall,
	.tile-strip.nine-tall {
	height: 1440px;
	}
	.tile-group.ten-tall,
	.tile-strip.ten-tall {
	height: 1600px;
	}
	
	/* liveTile styles */
	.tile-strip,
	.live-tile,
	.list-tile,
	.copy-tile,
	.slide {
	float: left;
	}
	.live-tile,
	.list-tile,
	.copy-tile {
	color: #fff;
	overflow: hidden;
	position: relative;
	z-index: 20;
	}
	.live-tile p,
	.list-tile p,
	.copy-tile p,
	.live-tile .face,
	.list-tile .face,
	.copy-tile .face {
	display: block;
	font-size: 1em;
	line-height: 1.2em;
	margin: 0;
	}
	.live-tile .face,
	.list-tile .face,
	.copy-tile .face {
	padding: 0px;
	}
	.live-tile p,
	.list-tile p,
	.copy-tile p {
	padding: 10px;
	}
	.live-tile.half-tile p,
	.list-tile.half-tile p,
	.copy-tile.half-tile p {
	padding: 5px;
	}
	.live-tile .face.full,
	.list-tile .face.full,
	.copy-tile .face.full {
	height: 100%;
	width: 100%;
	}
	.live-tile img,
	.list-tile img,
	.copy-tile img {
	border: none;
	}
	.live-tile .tile-title,
	.list-tile .tile-title,
	.copy-tile .tile-title {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	bottom: 0px;
	font-size: 12px;
	left: 0px;
	text-decoration: none;
	width: 100%;
	z-index: 30;
	}
	.live-tile a,
	.list-tile a,
	.copy-tile a {
	color: #fff;
	}
	.live-tile a.tile-title:link,
	.list-tile a.tile-title:link,
	.copy-tile a.tile-title:link,
	.live-tile a.tile-title:visited,
	.list-tile a.tile-title:visited,
	.copy-tile a.tile-title:visited,
	.live-tile a.tile-title:hover,
	.list-tile a.tile-title:hover,
	.copy-tile a.tile-title:hover,
	.live-tile a.tile-title,
	.list-tile a.tile-title,
	.copy-tile a.tile-title {
	
	
	text-decoration: none;
	}
	.live-tile a:link,
	.list-tile a:link,
	.copy-tile a:link,
	.live-tile a:visited,
	.list-tile a:visited,
	.copy-tile a:visited {
	color: #fff;
	text-decoration: underline;
	}
	.live-tile a:hover,
	.list-tile a:hover,
	.copy-tile a:hover {
	color: #fff;
	text-decoration: none;
	}
	.light .copy-tile {
	color: #000;
	}
	.light .copy-tile.accent {
	color: #fff;
	}
	.light .copy-tile.accent a,
	.light .copy-tile.accent a:link,
	.light .copy-tile.accent a:visited,
	.light .copy-tile.accent a:hover {
	color: #fff;
	}
	.light .copy-tile a,
	.light .copy-tile a:link,
	.light .copy-tile a:visited,
	.light .copy-tile a:hover {
	color: #000;
	}
	.light .copy-tile .face,
	.light .copy-tile .accent {
	color: #fff;
	}
	.light .copy-tile .face a,
	.light .copy-tile .accent a,
	.light .copy-tile .face a:link,
	.light .copy-tile .accent a:link,
	.light .copy-tile .face a:visited,
	.light .copy-tile .accent a:visited,
	.light .copy-tile .face a:hover,
	.light .copy-tile .accent a:hover {
	color: #fff;
	}
	.copy-tile p {
	padding: 5px 5px 0px 5px;
	font-size: .95em;
	}
	.noselect > div,
	.noselect > .slide,
	.noselect > .slide-front,
	.noselect > .slide-back,
	.noselect > .fade-front,
	.noselect > .fade-back,
	.noselect > .flip-front,
	.noselect > .flip-back {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}
	.live-tile > div,
	.list-tile > div,
	.live-tile > .slide,
	.carousel > .slide,
	.live-tile > .slide-front,
	.live-tile > .slide-back,
	.live-tile > .fade-front,
	.live-tile > .fade-back,
	.live-tile > .flip-front,
	.live-tile > .flip-back {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	top: 0px;
	left: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 20;
	}
	.list-tile > div {
	position: relative;
	background-color: transparent;
	}
	.live-tile .align-mid {
	display: inline-block;
	position: absolute;
	left: 50%;
	max-height: 100%;
	top: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	}
	.live-tile .align-mid-x {
	display: inline-block;
	left: 50%;
	max-width: 100%;
	position: absolute;
	-moz-transform: translate(-50%, 0px);
	-ms-transform: translate(-50%, 0px);
	-o-transform: translate(-50%, 0px);
	-webkit-transform: translate(-50%, 0px);
	transform: translate(-50%, 0px);
	}
	.live-tile .align-mid-y {
	display: inline-block;
	max-height: 100%;
	position: absolute;
	top: 50%;
	-moz-transform: translate(0px, -50%);
	-ms-transform: translate(0px, -50%);
	-o-transform: translate(0px, -50%);
	-webkit-transform: translate(0px, -50%);
	transform: translate(0px, -50%);
	}
	img.full,
	a.full,
	.live-tile .full,
	.list-tile .full {
	display: block;
	margin: 0px;
	height: 100%;
	text-decoration: none;
	width: 100%;
	}
	img.full-w,
	a.full-w,
	.live-tile .full-w,
	.list-tile .full-w {
	display: block;
	margin: 0px;
	text-decoration: none;
	width: 100%;
	}
	img.full-h,
	a.full-h,
	.live-tile .full-h,
	.list-tile .full-h {
	display: block;
	margin: 0px;
	height: 100%;
	}
	.live-tile > .back,
	.live-tile > .slide-back,
	.live-tile > .fade-back,
	.live-tile > .flip-back,
	.flip-list .flip-back {
	position: absolute;
	z-index: 10;
	}
	/*  ========== flip-list Styles ==========
	.flip-list
	---li
	------div.flip-front
	------div.flip-back
	*/
	.flip-list {
	padding: 0px;
	margin: 0px;
	}
	.list-tile .flip-list {
	height: 100%;
	width: 100%;
	}
	.flip-list > li > a {
	border: none;
	outline: none;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	}
	.flip-list > li img {
	border: none;
	outline: none;
	height: 100%;
	margin: 0px;
	padding: 0px;
	width: 100%;
	}
	.flip-list > li {
	float: left;
	list-style-type: none;
	outline: none;
	position: relative;
	}
	.flip-list > li > div {
	border: none;
	background: white;
	height: 100%;
	left: 0px;
	margin: 0px;
	overflow: hidden;
	position: absolute;
	padding: 0px;
	top: 0px;
	width: 100%;
	z-index: 20;
	}
	.flip-list > li > div.flip-back {
	height: 0px;
	}
	/* ------ Hardware Accelerated Tiles --------*/
	/* flip */
	.live-tile.flip.ha,
	.flip-list.ha {
	position: relative;
	overflow: hidden;
	}
	.live-tile.flip .ha.flip-front,
	.flip-list .ha.flip-front,
	.live-tile.flip .ha.flip-back,
	.flip-list .ha.flip-back {
	position: absolute;
	z-index: 20;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	}
	.flip-list > li > .ha.flip-back,
	.flip-list > li > .ha.flip-back img {
	/* override the values set for margin and ensure the back tile is visible  */
	
	margin: 0px !important;
	height: 100%;
	}
	
	.bounce {
	cursor: pointer;
	outline: 1px solid transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	}
	.bounce.bounce-c {
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.95, M12=0, M21=0, M22=0.95);
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
	transform: scale(0.95);
	}
	.bounce.bounce-t {
	-webkit-transform: rotateX(20deg);
	-ms-transform: rotateX(20deg);
	-moz-transform: rotateX(20deg);
	-o-transform: rotateX(20deg);
	transform: rotateX(20deg);
	-webkit-transform-origin: 0% 100%;
	-moz-transform-origin: 0% 100%;
	-ms-transform-origin: 0% 100%;
	-o-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	}
	.bounce.bounce-b {
	-webkit-transform: rotateX(-20deg);
	-ms-transform: rotateX(-20deg);
	-moz-transform: rotateX(-20deg);
	-o-transform: rotateX(-20deg);
	transform: rotateX(-20deg);
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	
	transform-origin: 50% 0%;
	}
	.bounce.bounce-r {
	-webkit-transform: rotateY(20deg);
	-ms-transform: rotateY(20deg);
	-moz-transform: rotateY(20deg);
	-o-transform: rotateY(20deg);
	transform: rotateY(20deg);
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	-o-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	}
	.bounce.bounce-l {
	-webkit-transform: rotateY(-20deg);
	-ms-transform: rotateY(-20deg);
	-moz-transform: rotateY(-20deg);
	-o-transform: rotateY(-20deg);
	transform: rotateY(-20deg);
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	}
	.bounce.bounce-tl {
	-webkit-transform: rotateX(10deg) rotateY(-10deg);
	-ms-transform: rotateX(10deg) rotateY(-10deg);
	-moz-transform: rotateX(10deg) rotateY(-10deg);
	-o-transform: rotateX(10deg) rotateY(-10deg);
	transform: rotateX(10deg) rotateY(-10deg);
	}
	.bounce.bounce-tr {
	-webkit-transform: rotateX(10deg) rotateY(10deg);
	-ms-transform: rotateX(10deg) rotateY(10deg);
	-moz-transform: rotateX(10deg) rotateY(10deg);
	-o-transform: rotateX(10deg) rotateY(10deg);
	transform: rotateX(10deg) rotateY(10deg);
	}
	.bounce.bounce-bl {
	-webkit-transform: rotateX(-10deg) rotateY(-10deg);
	-ms-transform: rotateX(-10deg) rotateY(-10deg);
	-moz-transform: rotateX(-10deg) rotateY(-10deg);
	-o-transform: rotateX(-10deg) rotateY(-10deg);
	transform: rotateX(-10deg) rotateY(-10deg);
	}
	.bounce.bounce-br {
	-webkit-transform: rotateX(-10deg) rotateY(10deg);
	-ms-transform: rotateX(-10deg) rotateY(10deg);
	-moz-transform: rotateX(-10deg) rotateY(10deg);
	-o-transform: rotateX(-10deg) rotateY(10deg);
	transform: rotateX(-10deg) rotateY(10deg);
	}