* {
	color: #555;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 15px;
	line-height: 21px;
	z-index:10;
}
#createnew {
	display: block;
	text-decoration: none;
	text-align:center;
	width: 400px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
}
#createnew p {
	font-size: 20px;
	line-height: 26px;
}
#createnew a {
}
#createnew a img {
	border:2px solid black;
	cursor:pointer;
	margin:10px;
	margin-bottom:0;
}
#createnew a:hover img {
	border:2px solid orange;
}
#versionnumber {
	margin-top:20px;
	padding: 5px;
	font-size: 16px;
	font-weight:bold;
	width: 80px;
	margin-left: auto;
	margin-right: auto;
	background-color: red;
	color:white;
	-webkit-transform: rotate(-4deg);
}
#platforms {
	padding: 5px;
	font-size: 13px;
	width: 190px;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	background-color: #A0B4FB;
	text-align:center;
	margin-top:-2px;
	-webkit-transform: rotate(3deg);
}
#new {
	padding: 5px;
	font-size: 13px;
	width: 190px;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	background-color: green;
	text-align:center;
	margin-top:-2px;
	color:white;
	-webkit-transform: rotate(-2deg);
}
#example {
	display:block;
	margin-left: auto;
	margin-right: auto;
	margin-top:50px;
}
.disclaimer * {
	font-size: 12px;
}
.disclaimer {
	padding: 5px;
	font-size: 12px;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	text-align:center;
}
#share {
	position:absolute;
	left:20px;
	top:2px;
	text-align:center;
}
#share input {
	width:600px;
}
#iphone {
	position:absolute;
	left:200px;
	top:20px;
	z-index:-50;
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
}
#trash {
	position:absolute;
	left:760px;
	top:570px;
	z-index:-50;
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
}
#sources {
	position:absolute;
	left:20px;
	top:34px;
	width:188px;
	height:489px;
	background-image:url(/drag.png);
	background-repeat:no-repeat;
}
#upload {
	position:absolute;
	left:20px;
	top:620px;
	width:148px;
	padding-left:20px;
	padding-right:20px;
	height:84px;
	padding-top:60px;
	background-image:url(/upload.png);
	background-repeat:no-repeat;
}
#upload input {
	width:148px;
}
#upload p {
	margin:0;
	padding:0;
	font-size:10px;
	position:absolute;
	top:35px;
	left:20px;
	color:red;
	font-weight:bold;
	line-height:10px;
}
#upload label.fileupload
{
    width: 148px;
    height: 20px;
    background: url(/select_png.png) 0 0 no-repeat;

    display: block;
    overflow: hidden;
    cursor: pointer;
    
    margin-bottom:10px;
}

#upload label.fileupload input.file
{
    position: relative;
    height: 100%;
    width: auto;
    opacity: 0;
    -moz-opacity: 0;
}

#style {
	position:absolute;
	left:730px;
	top:34px;
	width:223px;
	padding-left:28px;
	height:122px;
	padding-top:45px;
	z-index:100;
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	background-image:url(/style.png);
	background-repeat:no-repeat;
}
#sharing {
	position:absolute;
	left:730px;
	top:251px;
	width:211px;
	padding-left:20px;
	padding-right:20px;
	height:260px;
	padding-top:30px;
	z-index:100;
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	background-image:url(/tips.png);
	background-repeat:no-repeat;
}
.itemsource {
	width: 50px;
	margin-bottom: 10px;
	margin-right: 10px;
	padding:6px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	border:1px solid orange;
}
.desc {
	z-index:300;
	background-color:white;
	color:black;
	opacity:0.7;
}
.activeitem {
	position: absolute;
	background-repeat: no-repeat;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	font-size: 18px;
	padding-top:10px;
	color: #333;
	text-align: center;
	vertical-align: middle;
	cursor:pointer;
	z-index:200;
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
}
.stylelink img {
	border:2px solid black;
	cursor:pointer;
}

.stylelink.active img {
	border:2px solid orange;
	cursor:default;
}