/* Apply to all elements */
* {
	margin: 0;
	padding: 0;
	border: 0;

	/* Define "normal" boxing */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	/* no tap highlight color */
	-webkit-tap-highlight-color: transparent;

  -webkit-appearance: none;

	/* no border style by default */
	-webkit-border-style: none;
	border-style: none;

	/* Turn off font resizing */
	-webkit-text-size-adjust: none;
	text-size-adjust: none;

	-webkit-font-smoothing: always;
	font-smoothing: always;

	-webkit-user-select: none;
	user-select: none;

	font-family: "Helvetica Neue", Helvetica, sans-serif;
}

:focus {
    outline: 0;
}

html, body
{
	/* iOS basics */
	-webkit-touch-callout: none;
	user-select: none;

	/* default to black screen */
	background-color: #000;

	/* No overflow, means no scrolling */
	overflow: hidden;
}

button { background: none; }

/* =============================================
 * TW3CustomControl
 * ============================================= */

.TW3CustomControl
{
	cursor: default;
	background-color: #CECECE;
}

/* =============================================
 * TW3ScrollContentIndicator
 * ============================================= */

.TW3ScrollContentIndicator {
	background-color: #222;
	border: solid 1px #9A9A9A;
}

/* =============================================
 * TW3CustomForm
 * ============================================= */

.TW3CustomForm, .TW3Form
{
  /* This forces the browsers that support it to
     use the GPU rather than CPU for movement */
	-webkit-transform: translateZ(0);
	   -moz-transform: translateZ(0);
	    -ms-transform: translateZ(0);
	     -o-transform: translateZ(0);

	background-color: #D5DCE1;
	background-size: 5px 100%;
	background-image: -webkit-gradient(linear, left top, right top,
	  from(#c5ccd4),
	  color-stop(0.75, #c5ccd4),
	  color-stop(0.75, transparent),
	  to(transparent));
	background-image: -moz-linear-gradient(left,
	  #c5ccd4,
	  #c5ccd4 75%,
	  transparent 75%,
	  transparent);
}

/* =============================================
 * Page Animation: BACKSCROLL
 * ============================================= */

@-webkit-keyframes BACKSCROLL {
	0% {
		-webkit-transform: translateZ(0);
		background-position: 0 0;
	}
	100% {
		background-position: -557px 0;
		-webkit-transform: translateZ(0);
	}
}

@keyframes BACKSCROLL {
	0% {
		transform: translateZ(0);
		background-position: 0 0;
	}
	100% {
		background-position: -557px 0;
		transform: translateZ(0);
	}
}

/* =============================================
 * Page Animation: MOVE-LEFT
 * ============================================= */

@-webkit-keyframes MOVE-LEFT {
	0% {
		-webkit-transform: translateX(100%);
	}
	100% {
		-webkit-transform: translateX(0);
	}
}

@-webkit-keyframes MOVE-OUT-LEFT {
	0% {
		-webkit-transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-100%);
	}
}

@keyframes MOVE-LEFT {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(0);
	}
}

@keyframes MOVE-OUT-LEFT {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}


/* =============================================
 * Page Animation: MOVE-Right
 * ============================================= */

@-webkit-keyframes MOVE-RIGHT {
	0% {
		-webkit-transform: translateX(-100%);
	}
	100% {
		-webkit-transform: translateX(0);
		visibility: hidden;
	}
}

@-webkit-keyframes MOVE-OUT-RIGHT {
	0% {
		-webkit-transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(100%);
		visibility: hidden;
	}
}

@keyframes MOVE-RIGHT {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(0);
		visibility: hidden;
	}
}

@keyframes MOVE-OUT-RIGHT {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(100%);
		visibility: hidden;
	}
}

/* =============================================
 * Page Animation: ROTATE-FOREVER
 * ============================================= */

@-webkit-keyframes ROTATE-FOREVER {
	from {
		-webkit-transform: none;
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes ROTATE-FOREVER {
	from {
		transform: none;
	}
	to {
		transform: rotate(360deg);
	}
}