@charset "utf-8";


.rounded {
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

.rounded-left {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.rounded-right {
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.rounded-top {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.rounded-bottom {
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#iphone-demo {
	position: relative;
	width: 420px;
	height: 750px;
	font-family: Helvetica;
	font-size: 14px;
}

#iphone-demo img.phone {
	position: absolute;
}

#iphone-demo #content-panel {
	position: absolute;
	left: 50px;
	top: 159px;
	width: 320px;
	height: 480px;
	overflow: hidden;
}

#iphone-demo #header-image {
	position: absolute;
	left: 0px;
	width: 1280px;
	height: 62px;
	overflow: hidden;
}
#iphone-demo #content-image {
	position: absolute;
	left: 0px;
	top: 62px;
	width: 1280px;
	height: 398px;
	overflow: hidden;
}

.button {
	position: absolute;
	top: 8px;
	height: 30px;
	background: black;
	filter: alpha(opacity = 0);
	opacity: 0;
	cursor: pointer;
}

#prev-button {
	left: 20px;
	width: 38px;
}

#next-button {
	left: 260px;
	width: 38px;
}

#exit-button {
	left: 80px;
	width: 70px;
}

#finish-button {
	left: 170px;
	width: 70px;
}

.rate {
	position: absolute;
	width: 54px;
	height: 32px;
	top: 179px;
	background: black;
	filter: alpha(opacity = 0);
	opacity: 0;
	cursor: pointer;
}

.rate p {
	text-align: center;
	margin-top: 9px;
	margin-left: -1px;
	color: white;
	opacity: 0;
	font-size: 12px;
	font-weight: bold;
}

div.active {
	filter: alpha(opacity = 100);
	opacity: 100;
	background: #61859f;
	background-image: -moz-linear-gradient(#7ba8cb, #2a7bbc);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7ba8cb), to(#2a7bbc));
}


#rate-1 { left: 21px; }
#rate-2 { left: 76px; width: 55px;}
#rate-3 { left: 132px; width: 56px;}
#rate-4 { left: 189px; width: 55px;}
#rate-5 { left: 245px; }
#rate-na { left: 143px; top: 233px; width: 33px; height: 27px;}
#rate-na p { margin-top: 7px; margin-left: 0px; }

.multichoice {
	position: absolute;
	width: 280px;
	height: 35px;
	left: 340px;
	top: 141px;
	background: black;
	filter: alpha(opacity = 0);
	opacity: 0;
	cursor: pointer;
}
.itemactive {
	background: #fbec88;
	background-image: url(images/check.png);
	background-repeat: no-repeat;
	background-position: 260px 10px;
	filter: alpha(opacity = 100);
	opacity: 100;
}
.multichoice p {
	margin-left: 10px;
	margin-top: 10px;
	font-size: 13px;
	opacity: 0;
}

p.active {
	opacity: 100;
}

#buy-no { top: 177px; }
#buy-maybe { top: 213px; }

#rec-yes { left: 660px; top: 158px; }
#rec-no { left: 660px; top: 194px; }
#rec-maybe { left: 660px; top: 230px; }

#clickablenote {
	position: absolute;
	left: 25%;
	top: 40%;
	z-index: 100;
	width: 50%;
	height: 80px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding-top: 30px;
	border: 2px solid black;
	color: black;
	background: #fbec88;
	opacity: 0.8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 5px 5px 10px #888;
	-webkit-box-shadow: 5px 5px 10px #888;
	border-radius: 10px;
	box-shadow: 5px 5px 10px #888;
}