@charset "utf-8";

		#wrapper {
				position: absolute;
				z-index: 1;
				top: 0px;
				bottom: 0px;
				left: 0;
				width: 100%;
				overflow: hidden;
			}
			#wrapper1,#wrapper2,#wrapper3,#wrapper4 {
				position: absolute;
				z-index: 1;
				top: 0px;
				bottom: 0px;
				left: 0;
				width: 100%;
				overflow: hidden;
			}
			
			#wrapper5,#wrapper6,#wrapper7,#wrapper8 {
				position: absolute;
				z-index: 1;
				top: 50px;
				bottom: 0px;
				left: 0;
				width: 100%;
				overflow: hidden;
			}
			
			#header {
				position:absolute;
				z-index:2;
				top: 82px;
				left:0;
				width:100%;
				height: 58px;
				line-height: 58px;
				background-color: #ffffff;
				background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fff), color-stop(0.05, #fff), color-stop(1, #fff));
				background-image:-moz-linear-gradient(top, #fe96c9, #d51875 5%, #7b0a2e);
				background-image:-o-linear-gradient(top, #fe96c9, #d51875 5%, #7b0a2e);
				padding:0;
				color:#eee;
				font-size:20px;
				text-align:center;
			}
			
			
			.iScroller {
				position: absolute;
				z-index: 1;
				-webkit-tap-highlight-color: rgba(0,0,0,0);
				width: 100%;
				-webkit-transform: translateZ(0);
				-moz-transform: translateZ(0);
				-ms-transform: translateZ(0);
				-o-transform: translateZ(0);
				transform: translateZ(0);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
				-webkit-text-size-adjust: none;
				-moz-text-size-adjust: none;
				-ms-text-size-adjust: none;
				-o-text-size-adjust: none;
				text-size-adjust: none;
			}
			
			
			/**
			 *
			 * Pull down/up styles
			 *
			 */
			.pullDown, .pullUp {
				background: transparent;
				height:40px;
				line-height:40px;
				padding:5px 10px;
				/* border-bottom:1px solid #ccc; */
				font-weight:bold;
				color: #888;
				margin-top:0;
				white-space: nowrap;
				font-size:14px;
				display: none;
			}
			
			.pullDown.scrolledUp{
				margin-top:-51px;	/* Should match the totalt height (i.e. height + paddings + borders) of #pullDown set above */
			}
			.pullDown .pullDownLabel, .pullUp .pullUpLabel  {	
				margin: 0 5px;
			}
			.pullDown .pullDownIcon, .pullUp .pullUpIcon  {	
				display: inline-block; 
				width:40px; height:40px;
				background:url(../images/pull-icon@2x.png) 0 0 no-repeat;
				-webkit-background-size:40px 80px; background-size:40px 80px;
				-webkit-transition-property:-webkit-transform;
				-webkit-transition-duration:250ms;
				vertical-align: middle;
				margin: 0 5px;
			}
			.pullDown .pullDownIcon {
				-webkit-transform:rotate(0deg) translateZ(0);
			}
			.pullUp .pullUpIcon  {
				-webkit-transform:rotate(-180deg) translateZ(0);
			}
			.pullDown.flip .pullDownIcon {
				-webkit-transform:rotate(-180deg) translateZ(0);
			}
			.pullUp.flip .pullUpIcon {
				-webkit-transform:rotate(0deg) translateZ(0);
			}
			.pullDown.loading .pullDownIcon, .pullUp.loading .pullUpIcon {
				background-position:0 100%;
				-webkit-transform:rotate(0deg) translateZ(0);
				-webkit-transition-duration:0ms;
			
				-webkit-animation-name:loading;
				-webkit-animation-duration:2s;
				-webkit-animation-iteration-count:infinite;
				-webkit-animation-timing-function:linear;
			}
			@-webkit-keyframes loading {
				from { -webkit-transform:rotate(0deg) translateZ(0); }
				to { -webkit-transform:rotate(360deg) translateZ(0); }
			}
			.iScrollVerticalScrollbar{width:5px;}