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

.preview-p, .preview-p-hl {
	position:relative;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:25px;
	width:250px;
	height:493px;
	background-image:url(images/iPhone-p.png);
	background-position:top left;
	background-repeat:no-repeat;
	cursor:pointer;
}
.preview-p-hl {
	background-image:url(images/iPhone-p-hl.png);
}
.inset-p {
	position:absolute;
	left:19px;
	top:88px;
	width:212px;
	height:319px;
	overflow:hidden;
}
.preview-l, .preview-l-hl {
	position:relative;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:25px;
	width:493px;
	height:250px;
	background-image:url(images/iPhone-l.png);
	background-position:top left;
	background-repeat:no-repeat;
	cursor:pointer;
}
.preview-l-hl {
	background-image:url(images/iPhone-l-hl.png);
}
.inset-l {
	position:absolute;
	left:88px;
	top:19px;
	width:319px;
	height:212px;
	overflow:hidden;
}
.activatebutton-p {
	position:absolute;
	left:101px;
	top:426px;
	display:none;
}
.activatebutton-l {
	position:absolute;
	left:426px;
	top:103px;
	display:none;
}
#rotator {
	width:200px;
	height:140px;
	margin-bottom:15px;
	background-position:top left;
	background-repeat:no-repeat;
	cursor:pointer;
	position:relative;
}
.rotate2portrait {
	background-image:url(images/rotate-2-L.png);
}
.rotate2landscape {
	background-image:url(images/rotate-2-P.png);
}
.createinset-p {
	position:absolute;
	left:19px;
	top:88px;
	width:229px;
	height:319px;
	overflow-x:hidden;
	overflow-y:scroll;
	padding-right:35px;
}
.createinset-l {
	position:absolute;
	left:89px;
	top:19px;
	width:334px;
	height:212px;
	overflow-x:hidden;
	overflow-y:scroll;
	padding-right:50px;
}
.prevpadd {
	padding-left:5px;
	padding-right:5px;
}
.tricon {
	position:relative;
	left:0px;
	top:-75px;
	z-index:2000;
}


.tricon a, .pagebuttons, .pagebuttonsnotactive {
	display:block;
	text-decoration:none;
	background-color:#fc0;
	color:#000;
  text-shadow: 1px 1px #EBEBEB;
	font-size:14px;
	border:1px solid #333;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding:4px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:5px;
	text-align:center;
	cursor:pointer;
}

.tricon a:hover, .pagebuttons:hover {
	background-color:#d5d5e0;
	background-image: -webkit-linear-gradient(#babd24, #babd24);
	background-image:    -moz-linear-gradient(#babd24, #babd24);
	background-image:         linear-gradient(#babd24, #babd24);
	color:#fff;
  text-shadow: 1px 1px #9F9F9A;
}

.pagebuttonsnotactive {
	background-color:#999999;
}
.savebutton {
	background-color:#FF0000;
	color:#fff;
  text-shadow: 1px 1px #9F9F9A;
}
#displayNavs {
	display:none;
	position:relative;
	z-index:2010;
	margin-left:10px;
	margin-right:10px;
	top:0px;
	min-height:415px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border:2px solid #999;

}
#displayNavs ul {
	list-style:none;
	padding: 0;
	margin: 0;
}

#displayNavs li {
/*	width:150px !important;
*/}

#displayNavs li a {
	background-color:#0099FF;
}
#displayNavs li a:hover {
	background-color:#00F;
}