@charset "utf-8";
/* CSS Document */


#phone {
	background-image: url(iphone-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: auto;
	margin-left: auto;
}
#iphone-scrollcontainer {
	height:461px;
	width:320px;
	position:absolute;
	padding-top: 153px;
	padding-left: 32px;
}

#iphone-inside {
	overflow: hidden;
	height:100%;
	width:100%;
	background-image:url(wp.jpg);
	background-repeat: no-repeat;
}
#unlock-top { position: relative; height:95px; background-image:url(lock-top.png); }
#unlock-spacer { height:272px; /* Total height = 461px - 95px (top) - 94px (bottom) */ }
#unlock-bottom { position: relative; height:94px; background-image:url(lock-bottom.png); }
#slide-to-unlock {  position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height:94px; background-image:url(slide-to-unlock.gif); }
#unlock-slider-wrapper { padding-left:22px; padding-top:23px; }
#unlock-slider { width:277px; height:50px; }
#unlock-handle{ position: absolute; z-index: 10; height: 50px; width: 72px; top: 0px; left: 0px; background-image: url(lock-slider.png); }

.time { text-align:center; color:#FFFFFF; font-family:Georgia, Times, serif; font-size:45px; padding:20px 0; }


.date { text-align:center; color:#FFFFFF; font-family:Georgia, Times, serif; font-size:12px; }

/* Used by the jQuery slider */
.ui-slider { position: relative; background-repeat: no-repeat; background-position: center center; }