0.3.5-dev

2 files changed, 2318 insertions, 0 deletions

diff --git a/css/developer-style.css b/css/developer-style.css
new file mode 100755
index 0000000..517fefe
--- /dev/null
+++ b/css/developer-style.css
@@ -0,0 +1,1159 @@
+body {
+	position: relative;
+	margin: 0;
+	-webkit-text-size-adjust: none;
+	min-height: 416px;
+	font-family: helvetica,sans-serif;
+	background: url("../images/background.png") repeat;
+	-webkit-touch-callout: none;
+}
+.center {
+	margin: auto;
+	display: block;
+	text-align:center!important
+}
+img {
+	border: 0;
+}
+a:hover span.arrow {
+	background-position: 0 -13px!important;
+}
+@media screen and (max-width: 320px)
+{
+#topbar {
+	height: 44px;
+}
+#title {
+	line-height: 44px;
+	height: 44px;
+	font-size: 16pt;
+}
+#tributton a:first-child, #duobutton a:first-child {
+	width: 101px;
+}
+#tributton a:last-child, #duobutton a:last-child {
+	width: 101px;
+}
+#tributton a {
+	width: 106px;
+}
+#duobutton .links {
+	width: 195px;
+}
+#tributton .links {
+	width: 302px;
+}
+#doublead {
+	width: 300px!important;
+}
+#duoselectionbuttons {
+	width: 191px;
+	height: 30px;
+	top: 7px;
+}
+#triselectionbuttons {
+	width: 290px;
+	height: 30px;
+	top: 7px;
+}
+#triselectionbuttons a:first-child, #duoselectionbuttons a:first-child {
+	width: 99px;
+	height: 28px;
+	line-height: 28px;
+}
+#triselectionbuttons a {
+	width: 98px;
+	height: 28px;
+	line-height: 28px;
+}
+#triselectionbuttons a:last-child, #duoselectionbuttons a:last-child {
+	width: 99px;
+	height: 28px;
+	line-height: 28px;
+}
+.searchbox form {
+	width: 272px;
+}
+.searchbox input[type="text"] {
+	width: 275px;
+}
+li.menu span.name {
+	max-width: 77%;
+}
+li.checkbox .name {
+	max-width: 190px;
+}
+li.radiobutton .name {
+	max-width: 190px;
+}
+#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a {
+	line-height: 30px;
+	height: 30px;
+}
+#leftnav img, #rightnav img {
+	margin-top: 4px;
+}
+#leftnav, #leftbutton, #blueleftbutton {
+	top: 7px;
+}
+#rightnav, #rightbutton, #bluerightbutton {
+	top: 7px;
+}
+body.musiclist ul li span.name {
+	max-width:55%
+}
+.textbox textarea {
+	width: 280px;
+}
+}
+@media screen and (min-width: 321px)
+{
+#topbar {
+	height: 32px;
+}
+#title {
+	line-height: 32px;
+	height: 32px;
+	font-size: 13pt;
+}
+li.menu span.name {
+	max-width: 85%;
+}
+li.checkbox .name {
+	max-width: 75%;
+}
+li.radiobutton .name {
+	max-width: 75%;
+}
+#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a {
+	line-height: 24px;
+	height: 24px;
+}
+#leftnav img, #rightnav img {
+	margin-top: 4px;
+	height: 70%;
+}
+#leftnav, #leftbutton, #blueleftbutton {
+	top: 4px;
+}
+#rightnav, #rightbutton, #bluerightbutton {
+	top: 4px;
+}
+body.musiclist ul li span.name {
+	max-width:70%
+}
+.textbox textarea {
+	width: 440px;
+}
+#tributton a:first-child, #duobutton a:first-child {
+	width: 152px;
+}
+#tributton a:last-child, #duobutton a:last-child {
+	width: 152px;
+}
+#tributton a {
+	width: 154px;
+}
+#tributton .links {
+	width: 452px;
+}
+#duobutton .links {
+	width: 298px;
+}
+#doublead {
+	width: 350px!important;
+}
+#duoselectionbuttons {
+	width: 293px;
+	height: 24px;
+	top: 4px;
+}
+#triselectionbuttons {
+	width: 450px;
+	height: 24px;
+	top: 4px;
+}
+#triselectionbuttons a:first-child, #duoselectionbuttons a:first-child {
+	width: 150px;
+	height: 22px;
+	line-height: 22px;
+}
+#triselectionbuttons a {
+	width: 156px;
+	height: 22px;
+	line-height: 22px;
+}
+#triselectionbuttons a:last-child, #duoselectionbuttons a:last-child {
+	width: 150px;
+	height: 22px;
+	line-height: 22px;
+}
+.searchbox form {
+	width: 432px;
+}
+.searchbox input[type="text"] {
+	width: 435px;
+}
+}
+#topbar.black {
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#858585), color-stop(3%, #636363), color-stop(50%, #202020), color-stop(51%, black), color-stop(97%, black), to(#262626));
+}
+#topbar.transparent {
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(133,133,133,0.7)), color-stop(3%, rgba(99,99,99,0.7)), color-stop(50%, rgba(32,32,32,0.7)), color-stop(51%, rgba(0,0,0,0.7)), color-stop(97%, rgba(0,0,0,0.7)), to(rgba(38,38,38,0.7)));
+}
+#topbar {
+	position: relative;
+	left: 0;
+	top: 0;
+	width: auto;
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdd5df), color-stop(3%, #b0bccd), color-stop(50%, #889bb3), color-stop(51%, #8195af), color-stop(97%, #6d84a2), to(#2d3642));
+	margin-bottom: 13px;
+}
+#title {
+	position: absolute;
+	font-weight: bold;
+	top: 0;
+	left: 0;
+	right: 0;
+	padding: 0 10px;
+	text-align: center;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	overflow: hidden;
+	color: #FFF;
+	text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
+}
+}
+#content {
+	width: 100%;
+	position: relative;
+	min-height: 250px;
+	margin-top: 10px;
+	height: auto;
+	z-index: 0;
+	overflow: hidden;
+}
+#footer {
+	text-align: center;
+	position: relative;
+	margin: 20px 10px 0;
+	height: auto;
+	width: auto;
+	bottom: 10px;
+}
+body.ipodlist #footer, body.ipodlist #footer a {
+	text-shadow: #FFF 0 -1px 0;
+}
+#footer a, #footer {
+	text-decoration: none;
+	font-size: 9pt;
+	color: #4C4C4C;
+	text-shadow: #FFF 0 1px 0;
+}
+.pageitem {
+	-webkit-border-radius: 8px;
+	background-color: #fff;
+	border: #878787 solid 1px;
+	font-size: 12pt;
+	overflow: hidden;
+	padding: 0;
+	position: relative;
+	display: block;
+	height: auto;
+	width: auto;
+	margin: 3px 9px 17px;
+	list-style: none;
+}
+.textbox {
+	padding: 5px 9px;
+	position: relative;
+	overflow: hidden;
+	border-top: 1px solid #878787;
+}
+#tributton, #duobutton {
+	height: 44px;
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdd4d9), color-stop(3%, #c0c9cf), color-stop(97%, #abb7bf),to(#81929f));
+	margin: -13px 0 13px 0;
+	text-align: center;
+}
+#tributton .links, #duobutton .links {
+	height: 30px;
+	-webkit-border-image: url("../images/tributton.png") 0 4 0 4;
+	border-width: 0 4px 0 4px;
+	margin: 0 auto 0px auto;
+	position: relative;
+	top: 7px;
+}
+#tributton a:first-child, #duobutton a:first-child {
+	border-right: 1px solid #6d7e91;
+	-webkit-border-top-left-radius: 5px;
+	-webkit-border-bottom-left-radius: 5px;
+	margin-left: -4px;
+}
+#tributton a, #duobutton a {
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+	height: 27px;
+	display: inline-block;
+	line-height: 27px;
+	margin-top: 1px;
+	font: bold 13px;
+	text-decoration: none;
+	color: #3f5c84;
+	text-shadow: #FFF 0 1px 0;
+}
+#duobutton a:last-child {
+	border: 0;
+}
+#tributton a:last-child {
+	border-left: 1px solid #6d7e91;
+}
+#tributton a:last-child, #duobutton a:last-child {
+	-webkit-border-top-right-radius: 5px;
+	-webkit-border-bottom-right-radius: 5px;
+	margin-right: -4px;
+}
+#tributton a:hover, #tributton a#pressed, #duobutton a:hover, #duobutton a#pressed {
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7b8b9f), color-stop(3%, #8c9baf), to(#647792));
+	color: white;
+	text-shadow: black 0 -1px 0;
+}
+#triselectionbuttons, #duoselectionbuttons {
+	-webkit-border-image: url('../images/navbutton.png') 0 5 0 5;
+	border-width: 0 5px 0 5px;
+	position: relative;
+	margin: auto;
+}
+#duoselectionbuttons a:first-child {
+	border: 0;
+}
+#triselectionbuttons a:first-child {
+	border-right: solid 1px #556984;
+}
+#triselectionbuttons a:first-child, #duoselectionbuttons a:first-child {
+	margin-left: -4px;
+	-webkit-border-top-left-radius: 6px;
+	-webkit-border-bottom-left-radius: 6px;
+}
+#triselectionbuttons a, #duoselectionbuttons a {
+	display: inline-block;
+	text-align: center;
+	color: white;
+	text-decoration: none;
+	margin-top: 1px;
+	text-shadow: black 0 -1px 0;
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#909baa), color-stop(3%, #a5b4c6), color-stop(50%, #798eaa), color-stop(51%, #6b83a1), color-stop(97%, #6e85a3), to(#526379));
+}
+#triselectionbuttons a:last-child, #duoselectionbuttons a:last-child {
+	border-left: solid 1px #556984;
+	margin-right: -4px;
+	-webkit-border-top-right-radius: 6px;
+	-webkit-border-bottom-right-radius: 6px;
+}
+#triselectionbuttons a:hover, #triselectionbuttons a#pressed, #duoselectionbuttons a:hover, #duoselectionbuttons a#pressed {
+	background: none;
+}
+#doublead {
+	height: 83px!important;
+	position: relative;
+	margin: 0 auto 13px auto;
+}
+#doublead a:first-child {
+	left: 0!important;
+}
+#doublead a:last-child {
+	right: 0!important;
+}
+#doublead a {
+	width: 147px!important;
+	height: 83px!important;
+	position: absolute;
+	-webkit-border-radius: 8px;
+	display: block;
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7c7c7c), color-stop(3%, #858585), color-stop(97%, #a4a4a4),to(#c2c2c2));
+}
+li#doublead {
+	margin-top: 25px;
+	margin-bottom: 10px!important;
+	background: none;
+}
+li#doublead:hover {
+	background: none;
+}
+.searchbox {
+	height: 44px;
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f3f4), color-stop(3%, #e0e4e7), color-stop(50%, #c7cfd4), color-stop(51%, #bec7cd), color-stop(97%, #b4bec6), to(#8999a5));
+	margin: -13px 0 13px 0;
+	width: 100%;
+}
+.searchbox form {
+	height: 24px;
+	-webkit-border-image: url('../images/searchfield.png') 4 14 1 24;
+	border-width: 4px 14px 1px 24px;
+	display: block;
+	position: relative;
+	top: 8px;
+	margin: auto;
+}
+fieldset {
+	border: 0;
+	margin: 0;
+	padding: 0;
+}
+.searchbox input[type="text"] {
+	border: 0;
+	-webkit-appearance: none;
+	height: 18px;
+	float: left;
+	font-size: 13px;
+	padding: 0;
+	position: relative;
+	top: 2px;
+	left: 2px;
+}
+.textbox img {
+	max-width: 100%;
+}
+.textbox p {
+	margin-top: 2px;
+}
+.textbox p {
+	margin-top: 2px;
+	color: #000;
+	margin-bottom: 2px;
+	text-align: justify;
+}
+.textbox img {
+	max-width: 100%;
+}
+.textbox ul {
+	margin: 3px 0 3px 0;
+	list-style: circle!important;
+}
+.textbox li {
+	margin: 0!important;
+}
+.pageitem li:first-child, .pageitem li.form:first-child {
+	border-top: 0;
+}
+li.menu, li.checkbox, li.radiobutton, li.select, li.button, li.bigfield, li.smallfield {
+	position: relative;
+	list-style-type: none;
+	display: block;
+	height: 43px;
+	overflow: hidden;
+	border-top: 1px solid #878787;
+	width: auto;
+}
+ul.pageitem li:first-child:hover, .pageitem li:first-child a, li.radiobutton:first-child input, li.select:first-child select, li.button:first-child input, .bigfield:first-child input {
+	-webkit-border-top-left-radius: 8px;
+	-webkit-border-top-right-radius: 8px;
+}
+ul.pageitem li:last-child:hover, .pageitem li:last-child a, li.radiobutton:last-child input, li.select:last-child select, li.button:last-child input, .bigfiel:last-child input {
+	-webkit-border-bottom-left-radius: 8px;
+	-webkit-border-bottom-right-radius: 8px;
+}
+li.menu:hover, li.store:hover, body.list div#content li a:hover, body.list li.withimage:hover, body.applist li:hover:nth-child(n),body.ipodlist li:hover:nth-child(n) {
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#058cf5), to(#015fe6));
+}
+body.ipodlist li:hover:nth-child(n) .name,body.ipodlist li:hover:nth-child(n) .time{border:0}
+li.menu a:hover span.name, li.menu a:hover span.comment, li.store:hover .starcomment, li.store:hover .name, li.store:hover .comment, body.list li.withimage a:hover .comment {
+	color: #fff;
+}
+li.menu a:hover span.comment {
+	color: #CCF;
+}
+li.menu a {
+	display: block;
+	height: 43px;
+	width: auto;
+	text-decoration: none;
+}
+li.menu a img {
+	width: auto;
+	height: 32px;
+	margin: 5px 0 0 5px;
+	float: left;
+}
+li.menu span.name, li.checkbox .name, li.radiobutton .name {
+	margin: 11px 0 0 7px;
+	width: auto;
+	color: #000;
+	font-weight: bold;
+	font-size: 17px;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+	float: left;
+}
+li.menu span.comment {
+	margin: 11px 30px 0 0;
+	width: auto;
+	font-size: 17px;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	max-width: 75%;
+	white-space: nowrap;
+	float: right;
+	color: #324f85;
+}
+li.menu span.arrow, li.store span.arrow, body.musiclist span.arrow, body.list span.arrow {
+	position: absolute;
+	width: 8px!important;
+	height: 13px!important;
+	right: 10px;
+	top: 15px;
+	margin: 0!important;
+	background: url("../images/arrow.png") 0 0 no-repeat;
+}
+body.applist span.arrow {
+	position: absolute;
+	width: 8px!important;
+	height: 13px!important;
+	right: 10px;
+	top: 29px;
+	margin: 0!important;
+	background: url("../images/arrow.png") 0 0 no-repeat;
+}
+li.store {
+	height: 90px;
+	border-top: #878787 solid 1px;
+	overflow: hidden;
+	position: relative;
+}
+li.store a {
+	width: 100%;
+	height: 90px;
+	display: block;
+	text-decoration: none;
+	position: absolute;
+}
+li.store .image {
+	position: absolute;
+	left: 0;
+	top: 0;
+	height: 80px;
+	width: 80px;
+	display: block;
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eff1f5), to(#d6dce6));
+	-webkit-background-size: 90px;
+}
+body.applist .image {
+	width: 57px;
+	height: 57px;
+	display: block;
+	position: absolute;
+	top: 7px;
+	left: 11px;
+	-webkit-border-radius: 8px;
+	-webkit-box-shadow: 0 2px 3px rgb(0,0,0);
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7c7c7c), color-stop(3%, #858585), color-stop(97%, #a4a4a4),to(#c2c2c2));
+	-webkit-background-size: 57px;
+}
+li:first-child.store .image, li.store:first-child a {
+	-webkit-border-top-left-radius: 8px 8px;
+}
+li:last-child.store .image, li.store:last-child a {
+	-webkit-border-bottom-left-radius: 8px 8px;
+}
+li.store .name, body.applist .name {
+	font-size: 15px;
+	white-space: nowrap;
+	display: block;
+	overflow: hidden;
+	color: #000;
+	max-width: 60%;
+	text-overflow: ellipsis;
+	font-weight: bold;
+}
+li.store .name {
+	position: absolute;
+	left: 95px;
+	top: 35px;
+}
+body.applist .name {
+	position: absolute;
+	top: 27px;
+	left: 80px;
+	text-shadow: #eeeeee 0 1px 0;
+}
+li.store .comment, body.list li.withimage .comment, body.applist .comment, body.applist .price {
+	font-size: 12px;
+	color: #7f7f7f;
+	display: block;
+	width: 60%;
+	font-weight: bold;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	overflow: hidden;
+}
+li.store .comment, body.list li.withimage .comment {
+	margin: 16px 0 0 95px;
+}
+body.applist .comment {
+	position: absolute;
+	top: 9px;
+	left: 80px;
+	text-shadow: #eeeeee 0 1px 0;
+	color: #3b3b3b;
+}
+body.applist .price {
+	position: absolute;
+	top: 29px;
+	right: 26px;
+	text-shadow: #eeeeee 0 1px 0;
+	text-align: right;
+	color: #3b3b3b;
+}
+li.store .arrow, body.list li.withimage .arrow {
+	top: 39px!important;
+}
+li.store .stars0, li.store .stars1, li.store .stars2, li.store .stars3, li.store .stars4, li.store .stars5 {
+	position: absolute;
+	top: 56px;
+	left: 95px;
+	width: 65px;
+	height: 18px;
+	display: block!important;
+}
+li.store .stars0 {
+	background: url('../images/0starsborder.png');
+}
+li.store .stars1 {
+	background: url('../images/1starsborder.png');
+}
+li.store .stars2 {
+	background: url('../images/2starsborder.png');
+}
+li.store .stars3 {
+	background: url('../images/3starsborder.png');
+}
+li.store .stars4 {
+	background: url('../images/4starsborder.png');
+}
+li.store .stars5, body.applist .stars5 {
+	background: url('../images/5stars.png');
+}
+body.applist .stars0, body.applist .stars1, body.applist .stars2, body.applist .stars3, body.applist .stars4, body.applist .stars5 {
+	position: absolute;
+	top: 46px;
+	left: 79px;
+	width: 65px;
+	height: 18px;
+	display: block!important;
+}
+body.applist .stars0 {
+	background: url('../images/0stars.png');
+}
+body.applist .stars1 {
+	background: url('../images/1stars.png');
+}
+body.applist .stars2 {
+	background: url('../images/2stars.png');
+}
+body.applist .stars3 {
+	background: url('../images/3stars.png');
+}
+body.applist .stars4 {
+	background: url('../images/4stars.png');
+}
+body.applist .starcomment {
+	left: 147px;
+	top: 46px;
+	color: #3b3b3b;
+}
+.starcomment {
+	position: absolute;
+	left: 165px;
+	top: 56px;
+	font-size: 12px;
+	color: #7f7f7f;
+	font-weight: lighter;
+}
+body.applist a:hover .name, body.applist a:hover .starcomment, body.applist a:hover .comment, body.applist a:hover .price {
+	color: white;
+	text-shadow: none;
+}
+.graytitle {
+	position: relative;
+	font-weight: bold;
+	font-size: 17px;
+	right: 20px;
+	left: 9px;
+	color: #4C4C4C;
+	text-shadow: #FFF 0 1px 0;
+	padding: 1px 0 3px 8px;
+}
+.header {
+	display: block;
+	font-weight: bold;
+	color: rgb(73,102,145);
+	font-size: 12pt;
+	margin-bottom: 6px;
+	line-height: 14pt;
+}
+body.musiclist div#content, body.ipodlist div#content, body.applist div#content {
+	width: auto;
+	margin: -16px auto auto -40px;
+}
+body.musiclist li:nth-child(odd) {
+	background: #dddee0
+}
+body.applist li:nth-child(even) {
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#adadb0), color-stop(98%, #adadb0), to(#898a8d))
+}
+body.applist li:nth-child(odd) {
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#98989c), color-stop(98%, #98989c), to(#898a8d))
+
+}
+body.ipodlist li:nth-child(even) {
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#414041), color-stop(3%, rgba(45,45,45,0.2)), to(rgba(45,45,45,0.2)))
+}
+body.ipodlist li:nth-child(odd) {
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#414041), color-stop(3%, rgba(50,50,50,0.4)), to(rgba(50,50,50,0.4)))
+}
+body.musiclist div#content ul li, body.ipodlist div#content ul li, body.applist div#content ul li {
+	list-style: none;
+	width: auto;
+	position: relative;
+}
+body.musiclist div#content ul li {
+	height: 44px;
+	border-bottom: 1px solid #e6e6e6;
+}
+body.applist div#content ul li {
+	height: 70px;
+	margin-bottom: 1px;
+}
+body.ipodlist div#content ul li {
+	height: 42px;
+}
+body.ipodlist div#content {
+	background: -webkit-gradient(radial, 50% -70, 0, 50% 0, 200, from(#444444), to(rgb(13, 13, 13))) rgb(13, 13, 13);
+}
+body.musiclist div#content ul li a, body.ipodlist div#content ul li a {
+	text-decoration: none;
+	color: #000;
+	width: 100%!important;
+	height: 100%;
+	display: block;
+}
+body.applist div#content ul li a {
+	text-decoration: none;
+	color: #000;
+	width: 100%;
+	height: 100%;
+	display: block;
+}
+body.musiclist ul li .number, body.musiclist .name, body.musiclist .time {
+	display: inline-block;
+	height: 44px;
+	font-weight: bold;
+	font-size: large;
+	width: 44px;
+	text-align: center;
+	line-height: 46px;
+}
+body.musiclist ul li .name {
+	margin-left: 0;
+	width: auto!important;
+	font-size: medium;
+	padding-left: 5px;
+	border-left: solid 1px #e6e6e6;
+}
+body.musiclist ul li .time {
+	color: #848484;
+	font-size: medium;
+	margin-left: 4px;
+	width: auto!important;
+	font-weight: normal;
+}
+body.musiclist {
+	background-image: none!important;
+	background-color: #cbcccf;
+}
+body.ipodlist {
+	background-image: none!important;
+	background-color: black;
+}
+body.applist {
+	background-image: none!important;
+	background-color: #98989c;
+}
+body.ipodlist span {
+	color: white;
+	font-weight: bold;
+	font-size: 14px;
+}
+body.musiclist ul li span.name {
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+}
+body.musiclist a:hover span.name {
+	color: #0380f2;
+}
+body.ipodlist .number {
+	width: 23px;
+	display: block;
+	float: left;
+	height: 42px;
+	margin-right: 3px;
+	text-align: right;
+	line-height: 43px;
+}
+body.ipodlist .stop, body.ipodlist .auto, body.ipodlist .play {
+	width: 18px;
+	display: block;
+	float: left;
+	height: 10px;
+	text-align: right;
+	line-height: 43px;
+	margin-top: 16px;
+}
+body.ipodlist .play {
+	background: url('../images/play.gif') no-repeat;
+}
+body.ipodlist a:hover .auto, body.ipodlist a:hover .play {
+	background: url('../images/play.gif') no-repeat;
+	background-position: 0 -10px;
+}
+body.ipodlist .time {
+	width: 48px;
+	float: right;
+	border-left: solid #414041 1px;
+	display: block;
+	height: 42px;
+	text-align: center;
+	line-height: 43px;
+}
+body.ipodlist .name {
+	display: block;
+	float: left;
+	width: inherit;
+	height: 42px;
+	text-overflow: ellipsis;
+	line-height: 42px;
+	padding-left: 5px;
+	overflow: hidden;
+	white-space: nowrap;
+	max-width: 62%;
+	border-left: solid #414041 1px;
+}
+body.list ul li.title {
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5b1ba), color-stop(3%, #909faa), color-stop(97%, #b5bfc6), to(#989ea4));
+	height: 22px!important;
+	width: 100%;
+	color: #fff;
+	font-weight: bold;
+	font-size: 16px;
+	text-shadow: gray 0 1px 0;
+	line-height: 22px;
+	padding-left: 20px;
+	border-bottom: none!important;
+}
+body.list ul {
+	background-color: #fff;
+	width: 100%;
+	overflow: hidden;
+	padding: 0;
+	margin: 0;
+}
+body.list div#content li {
+	height: 40px;
+	border-bottom: 1px solid #e1e1e1;
+	list-style: none;
+}
+body.list {
+	background-color: #fff;
+	background-image: none!important;
+}
+body.list div#footer {
+	margin-top: 24px!important;
+}
+body.list div#content li a {
+	padding: 9px 0 0 20px;
+	font-size: large;
+	font-weight: bold;
+	position: relative;
+	display: block;
+	color: #000;
+	text-decoration: none;
+	height: 32px;
+}
+body.list div#content li a span.name {
+	text-overflow: ellipsis;
+	overflow: hidden;
+	max-width: 93%;
+	white-space: nowrap;
+	display: block;
+}
+body.list div#content li a:hover {
+	color: #fff;
+}
+body.list div#content {
+	margin-top: -13px!important;
+}
+body.list ul img {
+	width: 90px;
+	height: 90px;
+	position: absolute;
+	left: 0;
+	top: 0;
+}
+body.list li.withimage {
+	height: 90px!important;
+}
+body.list li.withimage span.name {
+	margin: 13px 0 0 90px;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	max-width: 63%!important;
+	white-space: nowrap;
+}
+body.list li.withimage .comment {
+	margin: 10px auto auto 90px !important;
+	max-width: 63%!important;
+}
+body.list li.withimage a, body.list li.withimage:hover a {
+	height: 81px!important;
+}
+#leftnav, #leftbutton, #blueleftbutton {
+	position: absolute;
+	font-size: 12px;
+	left: 9px;
+	font-weight: bold;
+}
+#leftnav, #leftbutton, #rightnav, #rightbutton, #blueleftbutton, #bluerightbutton {
+	z-index: 5000;
+}
+#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a {
+	display: block;
+	color: #fff;
+	text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
+	text-decoration: none;
+}
+.black #leftnav a:first-child, .transparent #leftnav a:first-child {
+	-webkit-border-image: url("../images/navleftblack.png") 0 5 0 13;
+}
+.black #leftnav a, .transparent #leftnav a {
+	-webkit-border-image: url("../images/navlinkleftblack.png") 0 5 0 13;
+}
+.black #rightnav a:first-child, .transparent #rightnav a:first-child {
+	-webkit-border-image: url("../images/navrightblack.png") 0 13 0 5;
+}
+.black #rightnav a, .transparent #rightnav a {
+	-webkit-border-image: url("../images/navlinkrightblack.png") 0 13 0 5;
+}
+.black #leftbutton a, .black #rightbutton a, .transparent #leftbutton a, .transparent #rightbutton a {
+	-webkit-border-image: url("../images/navbuttonblack.png") 0 5 0 5;
+}
+#leftnav a:first-child {
+	z-index: 2;
+	-webkit-border-image: url("../images/navleft.png") 0 5 0 13;
+	border-width: 0 5px 0 13px;
+	-webkit-border-top-left-radius: 16px;
+	-webkit-border-bottom-left-radius: 16px;
+	-webkit-border-top-right-radius: 6px;
+	-webkit-border-bottom-right-radius: 6px;
+	width: auto;
+}
+#leftnav a {
+	-webkit-border-image: url("../images/navlinkleft.png") 0 5 0 13;
+	z-index: 3;
+	margin-left: -4px;
+	border-width: 0 5px 0 13px;
+	padding-right: 4px;
+	-webkit-border-top-left-radius: 16px;
+	-webkit-border-bottom-left-radius: 16px;
+	-webkit-border-top-right-radius: 6px;
+	-webkit-border-bottom-right-radius: 6px;
+	float: left;
+}
+#rightnav, #rightbutton, #bluerightbutton {
+	position: absolute;
+	font-size: 12px;
+	right: 9px;
+	font-weight: bold;
+}
+#rightnav a {
+	-webkit-border-image: url("../images/navlinkright.png") 0 13 0 5;
+	z-index: 3;
+	margin-right: -4px;
+	border-width: 0 13px 0 5px;
+	padding-left: 4px;
+	-webkit-border-top-left-radius: 6px;
+	-webkit-border-bottom-left-radius: 6px;
+	float: right;
+	-webkit-border-top-right-radius: 16px;
+	-webkit-border-bottom-right-radius: 16px;
+}
+#rightnav a:first-child {
+	z-index: 2;
+	-webkit-border-top-left-radius: 6px;
+	-webkit-border-bottom-left-radius: 6px;
+	-webkit-border-image: url("../images/navright.png") 0 13 0 5;
+	border-width: 0 13px 0 5px;
+	-webkit-border-top-right-radius: 16px;
+	-webkit-border-bottom-right-radius: 16px;
+}
+#leftbutton a, #rightbutton a {
+	-webkit-border-image: url("../images/navbutton.png") 0 5 0 5;
+	border-width: 0 5px;
+	-webkit-border-radius: 6px;
+}
+#blueleftbutton a, #bluerightbutton a {
+	-webkit-border-image: url("../images/navbuttonblue.png") 0 5 0 5;
+	border-width: 0 5px;
+	-webkit-border-radius: 6px;
+}
+.rssxpresschannel {
+	font-family: helvetica,sans-serif;
+	border: 0;
+}
+}
+.rssxpresschtitle {
+	text-align: center;
+}
+.rssxpresschdesc {
+	color: #000;
+	text-align: center;
+	border-bottom: 1px solid #000;
+	padding-bottom: 5px;
+}
+.rssxpressittitle {
+	display: block;
+	font-size: 12pt;
+	background: #fff;
+	margin: 5px 0 2px;
+}
+.rssxpressittitle a {
+	text-decoration: none!important;
+	font-weight: bold;
+	color: rgb(73,102,145);
+	line-height: 10pt;
+}
+.rssxpressitdesc {
+	background: #fff;
+	font-size: 10pt;
+}
+.rssxpressdivider {
+	display: none;
+}
+input[type="checkbox"] {
+	width: 94px;
+	height: 27px;
+	background: url('../images/checkbox.png');
+	-webkit-appearance: none;
+	border: 0;
+	float: right;
+	margin: 8px 4px 0 0;
+}
+input[type="checkbox"]:checked {
+	background-position: 0 27px;
+}
+input[type="radio"] {
+	-webkit-appearance: none;
+	border: 0;
+	width: 100%;
+	height: 100%;
+	z-index: 2;
+	position: absolute;
+	left: 0;
+	margin: 0;
+	-webkit-border-radius: 0;
+}
+input[type="radio"]:checked {
+	background: url('../images/radiobutton.png') no-repeat;
+	background-position: right center;
+}
+.radiobutton .name {
+	z-index: 1;
+}
+select {
+	-webkit-appearance: none;
+	height: 100%;
+	width: 100%;
+	border: 0;
+}
+li.select select {
+	-webkit-border-radius: 0;
+	color: #000;
+	font-weight: bold;
+	font-size: 17px;
+}
+li.select option {
+	max-width: 90%;
+}
+li.select .arrow {
+	background: url('../images/arrow.png');
+	width: 8px;
+	height: 13px;
+	display: block;
+	-webkit-transform: rotate(90deg);
+	position: absolute;
+	right: 10px;
+	top: 18px;
+}
+.button input {
+	width: 100%;
+	height: 100%;
+	-webkit-appearance: none;
+	border: 0;
+	-webkit-border-radius: 0;
+	font-weight: bold;
+	font-size: 17px;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	overflow: hidden;
+}
+.textbox textarea {
+	text-align: center;
+	padding: 0;
+	margin-top: 5px;
+}
+.bigfield input {
+	-webkit-appearance: none;
+	border: 0;
+	width: 100%;
+	height: 100%;
+	padding: 0;
+	-webkit-border-radius: 0;
+	background: transparent;
+	font-weight: bold;
+	font-size: 17px;
+	padding-left: 5px;
+}
+.smallfield .name {
+	width: 48%;
+	position: absolute;
+	left: 0;
+	font-size: 17px;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	font-weight: bold;
+	line-height: 44px;
+	font-size: 17px;
+	padding-left: 5px;
+	overflow: hidden;
+}
+.smallfield input {
+	width: 50%;
+	position: absolute;
+	right: 0;
+	height: 44px;
+	-webkit-appearance: none;
+	border: none;
+	padding: 0;
+	background: transparent;
+	-webkit-border-radius: 0;
+	font-weight: bold;
+	font-size: 17px;
+}
+.smallfield:first-child input {
+	-webkit-border-top-right-radius: 8px;
+}
+.smallfield:last-child input {
+	-webkit-border-bottom-right-radius: 8px;
+}
diff --git a/css/style.css b/css/style.css
new file mode 100755
index 0000000..517fefe
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,1159 @@
+body {
+	position: relative;
+	margin: 0;
+	-webkit-text-size-adjust: none;
+	min-height: 416px;
+	font-family: helvetica,sans-serif;
+	background: url("../images/background.png") repeat;
+	-webkit-touch-callout: none;
+}
+.center {
+	margin: auto;
+	display: block;
+	text-align:center!important
+}
+img {
+	border: 0;
+}
+a:hover span.arrow {
+	background-position: 0 -13px!important;
+}
+@media screen and (max-width: 320px)
+{
+#topbar {
+	height: 44px;
+}
+#title {
+	line-height: 44px;
+	height: 44px;
+	font-size: 16pt;
+}
+#tributton a:first-child, #duobutton a:first-child {
+	width: 101px;
+}
+#tributton a:last-child, #duobutton a:last-child {
+	width: 101px;
+}
+#tributton a {
+	width: 106px;
+}
+#duobutton .links {
+	width: 195px;
+}
+#tributton .links {
+	width: 302px;
+}
+#doublead {
+	width: 300px!important;
+}
+#duoselectionbuttons {
+	width: 191px;
+	height: 30px;
+	top: 7px;
+}
+#triselectionbuttons {
+	width: 290px;
+	height: 30px;
+	top: 7px;
+}
+#triselectionbuttons a:first-child, #duoselectionbuttons a:first-child {
+	width: 99px;
+	height: 28px;
+	line-height: 28px;
+}
+#triselectionbuttons a {
+	width: 98px;
+	height: 28px;
+	line-height: 28px;
+}
+#triselectionbuttons a:last-child, #duoselectionbuttons a:last-child {
+	width: 99px;
+	height: 28px;
+	line-height: 28px;
+}
+.searchbox form {
+	width: 272px;
+}
+.searchbox input[type="text"] {
+	width: 275px;
+}
+li.menu span.name {
+	max-width: 77%;
+}
+li.checkbox .name {
+	max-width: 190px;
+}
+li.radiobutton .name {
+	max-width: 190px;
+}
+#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a {
+	line-height: 30px;
+	height: 30px;
+}
+#leftnav img, #rightnav img {
+	margin-top: 4px;
+}
+#leftnav, #leftbutton, #blueleftbutton {
+	top: 7px;
+}
+#rightnav, #rightbutton, #bluerightbutton {
+	top: 7px;
+}
+body.musiclist ul li span.name {
+	max-width:55%
+}
+.textbox textarea {
+	width: 280px;
+}
+}
+@media screen and (min-width: 321px)
+{
+#topbar {
+	height: 32px;
+}
+#title {
+	line-height: 32px;
+	height: 32px;
+	font-size: 13pt;
+}
+li.menu span.name {
+	max-width: 85%;
+}
+li.checkbox .name {
+	max-width: 75%;
+}
+li.radiobutton .name {
+	max-width: 75%;
+}
+#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a {
+	line-height: 24px;
+	height: 24px;
+}
+#leftnav img, #rightnav img {
+	margin-top: 4px;
+	height: 70%;
+}
+#leftnav, #leftbutton, #blueleftbutton {
+	top: 4px;
+}
+#rightnav, #rightbutton, #bluerightbutton {
+	top: 4px;
+}
+body.musiclist ul li span.name {
+	max-width:70%
+}
+.textbox textarea {
+	width: 440px;
+}
+#tributton a:first-child, #duobutton a:first-child {
+	width: 152px;
+}
+#tributton a:last-child, #duobutton a:last-child {
+	width: 152px;
+}
+#tributton a {
+	width: 154px;
+}
+#tributton .links {
+	width: 452px;
+}
+#duobutton .links {
+	width: 298px;
+}
+#doublead {
+	width: 350px!important;
+}
+#duoselectionbuttons {
+	width: 293px;
+	height: 24px;
+	top: 4px;
+}
+#triselectionbuttons {
+	width: 450px;
+	height: 24px;
+	top: 4px;
+}
+#triselectionbuttons a:first-child, #duoselectionbuttons a:first-child {
+	width: 150px;
+	height: 22px;
+	line-height: 22px;
+}
+#triselectionbuttons a {
+	width: 156px;
+	height: 22px;
+	line-height: 22px;
+}
+#triselectionbuttons a:last-child, #duoselectionbuttons a:last-child {
+	width: 150px;
+	height: 22px;
+	line-height: 22px;
+}
+.searchbox form {
+	width: 432px;
+}
+.searchbox input[type="text"] {
+	width: 435px;
+}
+}
+#topbar.black {
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#858585), color-stop(3%, #636363), color-stop(50%, #202020), color-stop(51%, black), color-stop(97%, black), to(#262626));
+}
+#topbar.transparent {
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(133,133,133,0.7)), color-stop(3%, rgba(99,99,99,0.7)), color-stop(50%, rgba(32,32,32,0.7)), color-stop(51%, rgba(0,0,0,0.7)), color-stop(97%, rgba(0,0,0,0.7)), to(rgba(38,38,38,0.7)));
+}
+#topbar {
+	position: relative;
+	left: 0;
+	top: 0;
+	width: auto;
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdd5df), color-stop(3%, #b0bccd), color-stop(50%, #889bb3), color-stop(51%, #8195af), color-stop(97%, #6d84a2), to(#2d3642));
+	margin-bottom: 13px;
+}
+#title {
+	position: absolute;
+	font-weight: bold;
+	top: 0;
+	left: 0;
+	right: 0;
+	padding: 0 10px;
+	text-align: center;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	overflow: hidden;
+	color: #FFF;
+	text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
+}
+}
+#content {
+	width: 100%;
+	position: relative;
+	min-height: 250px;
+	margin-top: 10px;
+	height: auto;
+	z-index: 0;
+	overflow: hidden;
+}
+#footer {
+	text-align: center;
+	position: relative;
+	margin: 20px 10px 0;
+	height: auto;
+	width: auto;
+	bottom: 10px;
+}
+body.ipodlist #footer, body.ipodlist #footer a {
+	text-shadow: #FFF 0 -1px 0;
+}
+#footer a, #footer {
+	text-decoration: none;
+	font-size: 9pt;
+	color: #4C4C4C;
+	text-shadow: #FFF 0 1px 0;
+}
+.pageitem {
+	-webkit-border-radius: 8px;
+	background-color: #fff;
+	border: #878787 solid 1px;
+	font-size: 12pt;
+	overflow: hidden;
+	padding: 0;
+	position: relative;
+	display: block;
+	height: auto;
+	width: auto;
+	margin: 3px 9px 17px;
+	list-style: none;
+}
+.textbox {
+	padding: 5px 9px;
+	position: relative;
+	overflow: hidden;
+	border-top: 1px solid #878787;
+}
+#tributton, #duobutton {
+	height: 44px;
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdd4d9), color-stop(3%, #c0c9cf), color-stop(97%, #abb7bf),to(#81929f));
+	margin: -13px 0 13px 0;
+	text-align: center;
+}
+#tributton .links, #duobutton .links {
+	height: 30px;
+	-webkit-border-image: url("../images/tributton.png") 0 4 0 4;
+	border-width: 0 4px 0 4px;
+	margin: 0 auto 0px auto;
+	position: relative;
+	top: 7px;
+}
+#tributton a:first-child, #duobutton a:first-child {
+	border-right: 1px solid #6d7e91;
+	-webkit-border-top-left-radius: 5px;
+	-webkit-border-bottom-left-radius: 5px;
+	margin-left: -4px;
+}
+#tributton a, #duobutton a {
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+	height: 27px;
+	display: inline-block;
+	line-height: 27px;
+	margin-top: 1px;
+	font: bold 13px;
+	text-decoration: none;
+	color: #3f5c84;
+	text-shadow: #FFF 0 1px 0;
+}
+#duobutton a:last-child {
+	border: 0;
+}
+#tributton a:last-child {
+	border-left: 1px solid #6d7e91;
+}
+#tributton a:last-child, #duobutton a:last-child {
+	-webkit-border-top-right-radius: 5px;
+	-webkit-border-bottom-right-radius: 5px;
+	margin-right: -4px;
+}
+#tributton a:hover, #tributton a#pressed, #duobutton a:hover, #duobutton a#pressed {
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7b8b9f), color-stop(3%, #8c9baf), to(#647792));
+	color: white;
+	text-shadow: black 0 -1px 0;
+}
+#triselectionbuttons, #duoselectionbuttons {
+	-webkit-border-image: url('../images/navbutton.png') 0 5 0 5;
+	border-width: 0 5px 0 5px;
+	position: relative;
+	margin: auto;
+}
+#duoselectionbuttons a:first-child {
+	border: 0;
+}
+#triselectionbuttons a:first-child {
+	border-right: solid 1px #556984;
+}
+#triselectionbuttons a:first-child, #duoselectionbuttons a:first-child {
+	margin-left: -4px;
+	-webkit-border-top-left-radius: 6px;
+	-webkit-border-bottom-left-radius: 6px;
+}
+#triselectionbuttons a, #duoselectionbuttons a {
+	display: inline-block;
+	text-align: center;
+	color: white;
+	text-decoration: none;
+	margin-top: 1px;
+	text-shadow: black 0 -1px 0;
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#909baa), color-stop(3%, #a5b4c6), color-stop(50%, #798eaa), color-stop(51%, #6b83a1), color-stop(97%, #6e85a3), to(#526379));
+}
+#triselectionbuttons a:last-child, #duoselectionbuttons a:last-child {
+	border-left: solid 1px #556984;
+	margin-right: -4px;
+	-webkit-border-top-right-radius: 6px;
+	-webkit-border-bottom-right-radius: 6px;
+}
+#triselectionbuttons a:hover, #triselectionbuttons a#pressed, #duoselectionbuttons a:hover, #duoselectionbuttons a#pressed {
+	background: none;
+}
+#doublead {
+	height: 83px!important;
+	position: relative;
+	margin: 0 auto 13px auto;
+}
+#doublead a:first-child {
+	left: 0!important;
+}
+#doublead a:last-child {
+	right: 0!important;
+}
+#doublead a {
+	width: 147px!important;
+	height: 83px!important;
+	position: absolute;
+	-webkit-border-radius: 8px;
+	display: block;
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7c7c7c), color-stop(3%, #858585), color-stop(97%, #a4a4a4),to(#c2c2c2));
+}
+li#doublead {
+	margin-top: 25px;
+	margin-bottom: 10px!important;
+	background: none;
+}
+li#doublead:hover {
+	background: none;
+}
+.searchbox {
+	height: 44px;
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f3f4), color-stop(3%, #e0e4e7), color-stop(50%, #c7cfd4), color-stop(51%, #bec7cd), color-stop(97%, #b4bec6), to(#8999a5));
+	margin: -13px 0 13px 0;
+	width: 100%;
+}
+.searchbox form {
+	height: 24px;
+	-webkit-border-image: url('../images/searchfield.png') 4 14 1 24;
+	border-width: 4px 14px 1px 24px;
+	display: block;
+	position: relative;
+	top: 8px;
+	margin: auto;
+}
+fieldset {
+	border: 0;
+	margin: 0;
+	padding: 0;
+}
+.searchbox input[type="text"] {
+	border: 0;
+	-webkit-appearance: none;
+	height: 18px;
+	float: left;
+	font-size: 13px;
+	padding: 0;
+	position: relative;
+	top: 2px;
+	left: 2px;
+}
+.textbox img {
+	max-width: 100%;
+}
+.textbox p {
+	margin-top: 2px;
+}
+.textbox p {
+	margin-top: 2px;
+	color: #000;
+	margin-bottom: 2px;
+	text-align: justify;
+}
+.textbox img {
+	max-width: 100%;
+}
+.textbox ul {
+	margin: 3px 0 3px 0;
+	list-style: circle!important;
+}
+.textbox li {
+	margin: 0!important;
+}
+.pageitem li:first-child, .pageitem li.form:first-child {
+	border-top: 0;
+}
+li.menu, li.checkbox, li.radiobutton, li.select, li.button, li.bigfield, li.smallfield {
+	position: relative;
+	list-style-type: none;
+	display: block;
+	height: 43px;
+	overflow: hidden;
+	border-top: 1px solid #878787;
+	width: auto;
+}
+ul.pageitem li:first-child:hover, .pageitem li:first-child a, li.radiobutton:first-child input, li.select:first-child select, li.button:first-child input, .bigfield:first-child input {
+	-webkit-border-top-left-radius: 8px;
+	-webkit-border-top-right-radius: 8px;
+}
+ul.pageitem li:last-child:hover, .pageitem li:last-child a, li.radiobutton:last-child input, li.select:last-child select, li.button:last-child input, .bigfiel:last-child input {
+	-webkit-border-bottom-left-radius: 8px;
+	-webkit-border-bottom-right-radius: 8px;
+}
+li.menu:hover, li.store:hover, body.list div#content li a:hover, body.list li.withimage:hover, body.applist li:hover:nth-child(n),body.ipodlist li:hover:nth-child(n) {
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#058cf5), to(#015fe6));
+}
+body.ipodlist li:hover:nth-child(n) .name,body.ipodlist li:hover:nth-child(n) .time{border:0}
+li.menu a:hover span.name, li.menu a:hover span.comment, li.store:hover .starcomment, li.store:hover .name, li.store:hover .comment, body.list li.withimage a:hover .comment {
+	color: #fff;
+}
+li.menu a:hover span.comment {
+	color: #CCF;
+}
+li.menu a {
+	display: block;
+	height: 43px;
+	width: auto;
+	text-decoration: none;
+}
+li.menu a img {
+	width: auto;
+	height: 32px;
+	margin: 5px 0 0 5px;
+	float: left;
+}
+li.menu span.name, li.checkbox .name, li.radiobutton .name {
+	margin: 11px 0 0 7px;
+	width: auto;
+	color: #000;
+	font-weight: bold;
+	font-size: 17px;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+	float: left;
+}
+li.menu span.comment {
+	margin: 11px 30px 0 0;
+	width: auto;
+	font-size: 17px;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	max-width: 75%;
+	white-space: nowrap;
+	float: right;
+	color: #324f85;
+}
+li.menu span.arrow, li.store span.arrow, body.musiclist span.arrow, body.list span.arrow {
+	position: absolute;
+	width: 8px!important;
+	height: 13px!important;
+	right: 10px;
+	top: 15px;
+	margin: 0!important;
+	background: url("../images/arrow.png") 0 0 no-repeat;
+}
+body.applist span.arrow {
+	position: absolute;
+	width: 8px!important;
+	height: 13px!important;
+	right: 10px;
+	top: 29px;
+	margin: 0!important;
+	background: url("../images/arrow.png") 0 0 no-repeat;
+}
+li.store {
+	height: 90px;
+	border-top: #878787 solid 1px;
+	overflow: hidden;
+	position: relative;
+}
+li.store a {
+	width: 100%;
+	height: 90px;
+	display: block;
+	text-decoration: none;
+	position: absolute;
+}
+li.store .image {
+	position: absolute;
+	left: 0;
+	top: 0;
+	height: 80px;
+	width: 80px;
+	display: block;
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eff1f5), to(#d6dce6));
+	-webkit-background-size: 90px;
+}
+body.applist .image {
+	width: 57px;
+	height: 57px;
+	display: block;
+	position: absolute;
+	top: 7px;
+	left: 11px;
+	-webkit-border-radius: 8px;
+	-webkit-box-shadow: 0 2px 3px rgb(0,0,0);
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7c7c7c), color-stop(3%, #858585), color-stop(97%, #a4a4a4),to(#c2c2c2));
+	-webkit-background-size: 57px;
+}
+li:first-child.store .image, li.store:first-child a {
+	-webkit-border-top-left-radius: 8px 8px;
+}
+li:last-child.store .image, li.store:last-child a {
+	-webkit-border-bottom-left-radius: 8px 8px;
+}
+li.store .name, body.applist .name {
+	font-size: 15px;
+	white-space: nowrap;
+	display: block;
+	overflow: hidden;
+	color: #000;
+	max-width: 60%;
+	text-overflow: ellipsis;
+	font-weight: bold;
+}
+li.store .name {
+	position: absolute;
+	left: 95px;
+	top: 35px;
+}
+body.applist .name {
+	position: absolute;
+	top: 27px;
+	left: 80px;
+	text-shadow: #eeeeee 0 1px 0;
+}
+li.store .comment, body.list li.withimage .comment, body.applist .comment, body.applist .price {
+	font-size: 12px;
+	color: #7f7f7f;
+	display: block;
+	width: 60%;
+	font-weight: bold;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	overflow: hidden;
+}
+li.store .comment, body.list li.withimage .comment {
+	margin: 16px 0 0 95px;
+}
+body.applist .comment {
+	position: absolute;
+	top: 9px;
+	left: 80px;
+	text-shadow: #eeeeee 0 1px 0;
+	color: #3b3b3b;
+}
+body.applist .price {
+	position: absolute;
+	top: 29px;
+	right: 26px;
+	text-shadow: #eeeeee 0 1px 0;
+	text-align: right;
+	color: #3b3b3b;
+}
+li.store .arrow, body.list li.withimage .arrow {
+	top: 39px!important;
+}
+li.store .stars0, li.store .stars1, li.store .stars2, li.store .stars3, li.store .stars4, li.store .stars5 {
+	position: absolute;
+	top: 56px;
+	left: 95px;
+	width: 65px;
+	height: 18px;
+	display: block!important;
+}
+li.store .stars0 {
+	background: url('../images/0starsborder.png');
+}
+li.store .stars1 {
+	background: url('../images/1starsborder.png');
+}
+li.store .stars2 {
+	background: url('../images/2starsborder.png');
+}
+li.store .stars3 {
+	background: url('../images/3starsborder.png');
+}
+li.store .stars4 {
+	background: url('../images/4starsborder.png');
+}
+li.store .stars5, body.applist .stars5 {
+	background: url('../images/5stars.png');
+}
+body.applist .stars0, body.applist .stars1, body.applist .stars2, body.applist .stars3, body.applist .stars4, body.applist .stars5 {
+	position: absolute;
+	top: 46px;
+	left: 79px;
+	width: 65px;
+	height: 18px;
+	display: block!important;
+}
+body.applist .stars0 {
+	background: url('../images/0stars.png');
+}
+body.applist .stars1 {
+	background: url('../images/1stars.png');
+}
+body.applist .stars2 {
+	background: url('../images/2stars.png');
+}
+body.applist .stars3 {
+	background: url('../images/3stars.png');
+}
+body.applist .stars4 {
+	background: url('../images/4stars.png');
+}
+body.applist .starcomment {
+	left: 147px;
+	top: 46px;
+	color: #3b3b3b;
+}
+.starcomment {
+	position: absolute;
+	left: 165px;
+	top: 56px;
+	font-size: 12px;
+	color: #7f7f7f;
+	font-weight: lighter;
+}
+body.applist a:hover .name, body.applist a:hover .starcomment, body.applist a:hover .comment, body.applist a:hover .price {
+	color: white;
+	text-shadow: none;
+}
+.graytitle {
+	position: relative;
+	font-weight: bold;
+	font-size: 17px;
+	right: 20px;
+	left: 9px;
+	color: #4C4C4C;
+	text-shadow: #FFF 0 1px 0;
+	padding: 1px 0 3px 8px;
+}
+.header {
+	display: block;
+	font-weight: bold;
+	color: rgb(73,102,145);
+	font-size: 12pt;
+	margin-bottom: 6px;
+	line-height: 14pt;
+}
+body.musiclist div#content, body.ipodlist div#content, body.applist div#content {
+	width: auto;
+	margin: -16px auto auto -40px;
+}
+body.musiclist li:nth-child(odd) {
+	background: #dddee0
+}
+body.applist li:nth-child(even) {
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#adadb0), color-stop(98%, #adadb0), to(#898a8d))
+}
+body.applist li:nth-child(odd) {
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#98989c), color-stop(98%, #98989c), to(#898a8d))
+
+}
+body.ipodlist li:nth-child(even) {
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#414041), color-stop(3%, rgba(45,45,45,0.2)), to(rgba(45,45,45,0.2)))
+}
+body.ipodlist li:nth-child(odd) {
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#414041), color-stop(3%, rgba(50,50,50,0.4)), to(rgba(50,50,50,0.4)))
+}
+body.musiclist div#content ul li, body.ipodlist div#content ul li, body.applist div#content ul li {
+	list-style: none;
+	width: auto;
+	position: relative;
+}
+body.musiclist div#content ul li {
+	height: 44px;
+	border-bottom: 1px solid #e6e6e6;
+}
+body.applist div#content ul li {
+	height: 70px;
+	margin-bottom: 1px;
+}
+body.ipodlist div#content ul li {
+	height: 42px;
+}
+body.ipodlist div#content {
+	background: -webkit-gradient(radial, 50% -70, 0, 50% 0, 200, from(#444444), to(rgb(13, 13, 13))) rgb(13, 13, 13);
+}
+body.musiclist div#content ul li a, body.ipodlist div#content ul li a {
+	text-decoration: none;
+	color: #000;
+	width: 100%!important;
+	height: 100%;
+	display: block;
+}
+body.applist div#content ul li a {
+	text-decoration: none;
+	color: #000;
+	width: 100%;
+	height: 100%;
+	display: block;
+}
+body.musiclist ul li .number, body.musiclist .name, body.musiclist .time {
+	display: inline-block;
+	height: 44px;
+	font-weight: bold;
+	font-size: large;
+	width: 44px;
+	text-align: center;
+	line-height: 46px;
+}
+body.musiclist ul li .name {
+	margin-left: 0;
+	width: auto!important;
+	font-size: medium;
+	padding-left: 5px;
+	border-left: solid 1px #e6e6e6;
+}
+body.musiclist ul li .time {
+	color: #848484;
+	font-size: medium;
+	margin-left: 4px;
+	width: auto!important;
+	font-weight: normal;
+}
+body.musiclist {
+	background-image: none!important;
+	background-color: #cbcccf;
+}
+body.ipodlist {
+	background-image: none!important;
+	background-color: black;
+}
+body.applist {
+	background-image: none!important;
+	background-color: #98989c;
+}
+body.ipodlist span {
+	color: white;
+	font-weight: bold;
+	font-size: 14px;
+}
+body.musiclist ul li span.name {
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+}
+body.musiclist a:hover span.name {
+	color: #0380f2;
+}
+body.ipodlist .number {
+	width: 23px;
+	display: block;
+	float: left;
+	height: 42px;
+	margin-right: 3px;
+	text-align: right;
+	line-height: 43px;
+}
+body.ipodlist .stop, body.ipodlist .auto, body.ipodlist .play {
+	width: 18px;
+	display: block;
+	float: left;
+	height: 10px;
+	text-align: right;
+	line-height: 43px;
+	margin-top: 16px;
+}
+body.ipodlist .play {
+	background: url('../images/play.gif') no-repeat;
+}
+body.ipodlist a:hover .auto, body.ipodlist a:hover .play {
+	background: url('../images/play.gif') no-repeat;
+	background-position: 0 -10px;
+}
+body.ipodlist .time {
+	width: 48px;
+	float: right;
+	border-left: solid #414041 1px;
+	display: block;
+	height: 42px;
+	text-align: center;
+	line-height: 43px;
+}
+body.ipodlist .name {
+	display: block;
+	float: left;
+	width: inherit;
+	height: 42px;
+	text-overflow: ellipsis;
+	line-height: 42px;
+	padding-left: 5px;
+	overflow: hidden;
+	white-space: nowrap;
+	max-width: 62%;
+	border-left: solid #414041 1px;
+}
+body.list ul li.title {
+	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5b1ba), color-stop(3%, #909faa), color-stop(97%, #b5bfc6), to(#989ea4));
+	height: 22px!important;
+	width: 100%;
+	color: #fff;
+	font-weight: bold;
+	font-size: 16px;
+	text-shadow: gray 0 1px 0;
+	line-height: 22px;
+	padding-left: 20px;
+	border-bottom: none!important;
+}
+body.list ul {
+	background-color: #fff;
+	width: 100%;
+	overflow: hidden;
+	padding: 0;
+	margin: 0;
+}
+body.list div#content li {
+	height: 40px;
+	border-bottom: 1px solid #e1e1e1;
+	list-style: none;
+}
+body.list {
+	background-color: #fff;
+	background-image: none!important;
+}
+body.list div#footer {
+	margin-top: 24px!important;
+}
+body.list div#content li a {
+	padding: 9px 0 0 20px;
+	font-size: large;
+	font-weight: bold;
+	position: relative;
+	display: block;
+	color: #000;
+	text-decoration: none;
+	height: 32px;
+}
+body.list div#content li a span.name {
+	text-overflow: ellipsis;
+	overflow: hidden;
+	max-width: 93%;
+	white-space: nowrap;
+	display: block;
+}
+body.list div#content li a:hover {
+	color: #fff;
+}
+body.list div#content {
+	margin-top: -13px!important;
+}
+body.list ul img {
+	width: 90px;
+	height: 90px;
+	position: absolute;
+	left: 0;
+	top: 0;
+}
+body.list li.withimage {
+	height: 90px!important;
+}
+body.list li.withimage span.name {
+	margin: 13px 0 0 90px;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	max-width: 63%!important;
+	white-space: nowrap;
+}
+body.list li.withimage .comment {
+	margin: 10px auto auto 90px !important;
+	max-width: 63%!important;
+}
+body.list li.withimage a, body.list li.withimage:hover a {
+	height: 81px!important;
+}
+#leftnav, #leftbutton, #blueleftbutton {
+	position: absolute;
+	font-size: 12px;
+	left: 9px;
+	font-weight: bold;
+}
+#leftnav, #leftbutton, #rightnav, #rightbutton, #blueleftbutton, #bluerightbutton {
+	z-index: 5000;
+}
+#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a {
+	display: block;
+	color: #fff;
+	text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
+	text-decoration: none;
+}
+.black #leftnav a:first-child, .transparent #leftnav a:first-child {
+	-webkit-border-image: url("../images/navleftblack.png") 0 5 0 13;
+}
+.black #leftnav a, .transparent #leftnav a {
+	-webkit-border-image: url("../images/navlinkleftblack.png") 0 5 0 13;
+}
+.black #rightnav a:first-child, .transparent #rightnav a:first-child {
+	-webkit-border-image: url("../images/navrightblack.png") 0 13 0 5;
+}
+.black #rightnav a, .transparent #rightnav a {
+	-webkit-border-image: url("../images/navlinkrightblack.png") 0 13 0 5;
+}
+.black #leftbutton a, .black #rightbutton a, .transparent #leftbutton a, .transparent #rightbutton a {
+	-webkit-border-image: url("../images/navbuttonblack.png") 0 5 0 5;
+}
+#leftnav a:first-child {
+	z-index: 2;
+	-webkit-border-image: url("../images/navleft.png") 0 5 0 13;
+	border-width: 0 5px 0 13px;
+	-webkit-border-top-left-radius: 16px;
+	-webkit-border-bottom-left-radius: 16px;
+	-webkit-border-top-right-radius: 6px;
+	-webkit-border-bottom-right-radius: 6px;
+	width: auto;
+}
+#leftnav a {
+	-webkit-border-image: url("../images/navlinkleft.png") 0 5 0 13;
+	z-index: 3;
+	margin-left: -4px;
+	border-width: 0 5px 0 13px;
+	padding-right: 4px;
+	-webkit-border-top-left-radius: 16px;
+	-webkit-border-bottom-left-radius: 16px;
+	-webkit-border-top-right-radius: 6px;
+	-webkit-border-bottom-right-radius: 6px;
+	float: left;
+}
+#rightnav, #rightbutton, #bluerightbutton {
+	position: absolute;
+	font-size: 12px;
+	right: 9px;
+	font-weight: bold;
+}
+#rightnav a {
+	-webkit-border-image: url("../images/navlinkright.png") 0 13 0 5;
+	z-index: 3;
+	margin-right: -4px;
+	border-width: 0 13px 0 5px;
+	padding-left: 4px;
+	-webkit-border-top-left-radius: 6px;
+	-webkit-border-bottom-left-radius: 6px;
+	float: right;
+	-webkit-border-top-right-radius: 16px;
+	-webkit-border-bottom-right-radius: 16px;
+}
+#rightnav a:first-child {
+	z-index: 2;
+	-webkit-border-top-left-radius: 6px;
+	-webkit-border-bottom-left-radius: 6px;
+	-webkit-border-image: url("../images/navright.png") 0 13 0 5;
+	border-width: 0 13px 0 5px;
+	-webkit-border-top-right-radius: 16px;
+	-webkit-border-bottom-right-radius: 16px;
+}
+#leftbutton a, #rightbutton a {
+	-webkit-border-image: url("../images/navbutton.png") 0 5 0 5;
+	border-width: 0 5px;
+	-webkit-border-radius: 6px;
+}
+#blueleftbutton a, #bluerightbutton a {
+	-webkit-border-image: url("../images/navbuttonblue.png") 0 5 0 5;
+	border-width: 0 5px;
+	-webkit-border-radius: 6px;
+}
+.rssxpresschannel {
+	font-family: helvetica,sans-serif;
+	border: 0;
+}
+}
+.rssxpresschtitle {
+	text-align: center;
+}
+.rssxpresschdesc {
+	color: #000;
+	text-align: center;
+	border-bottom: 1px solid #000;
+	padding-bottom: 5px;
+}
+.rssxpressittitle {
+	display: block;
+	font-size: 12pt;
+	background: #fff;
+	margin: 5px 0 2px;
+}
+.rssxpressittitle a {
+	text-decoration: none!important;
+	font-weight: bold;
+	color: rgb(73,102,145);
+	line-height: 10pt;
+}
+.rssxpressitdesc {
+	background: #fff;
+	font-size: 10pt;
+}
+.rssxpressdivider {
+	display: none;
+}
+input[type="checkbox"] {
+	width: 94px;
+	height: 27px;
+	background: url('../images/checkbox.png');
+	-webkit-appearance: none;
+	border: 0;
+	float: right;
+	margin: 8px 4px 0 0;
+}
+input[type="checkbox"]:checked {
+	background-position: 0 27px;
+}
+input[type="radio"] {
+	-webkit-appearance: none;
+	border: 0;
+	width: 100%;
+	height: 100%;
+	z-index: 2;
+	position: absolute;
+	left: 0;
+	margin: 0;
+	-webkit-border-radius: 0;
+}
+input[type="radio"]:checked {
+	background: url('../images/radiobutton.png') no-repeat;
+	background-position: right center;
+}
+.radiobutton .name {
+	z-index: 1;
+}
+select {
+	-webkit-appearance: none;
+	height: 100%;
+	width: 100%;
+	border: 0;
+}
+li.select select {
+	-webkit-border-radius: 0;
+	color: #000;
+	font-weight: bold;
+	font-size: 17px;
+}
+li.select option {
+	max-width: 90%;
+}
+li.select .arrow {
+	background: url('../images/arrow.png');
+	width: 8px;
+	height: 13px;
+	display: block;
+	-webkit-transform: rotate(90deg);
+	position: absolute;
+	right: 10px;
+	top: 18px;
+}
+.button input {
+	width: 100%;
+	height: 100%;
+	-webkit-appearance: none;
+	border: 0;
+	-webkit-border-radius: 0;
+	font-weight: bold;
+	font-size: 17px;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	overflow: hidden;
+}
+.textbox textarea {
+	text-align: center;
+	padding: 0;
+	margin-top: 5px;
+}
+.bigfield input {
+	-webkit-appearance: none;
+	border: 0;
+	width: 100%;
+	height: 100%;
+	padding: 0;
+	-webkit-border-radius: 0;
+	background: transparent;
+	font-weight: bold;
+	font-size: 17px;
+	padding-left: 5px;
+}
+.smallfield .name {
+	width: 48%;
+	position: absolute;
+	left: 0;
+	font-size: 17px;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	font-weight: bold;
+	line-height: 44px;
+	font-size: 17px;
+	padding-left: 5px;
+	overflow: hidden;
+}
+.smallfield input {
+	width: 50%;
+	position: absolute;
+	right: 0;
+	height: 44px;
+	-webkit-appearance: none;
+	border: none;
+	padding: 0;
+	background: transparent;
+	-webkit-border-radius: 0;
+	font-weight: bold;
+	font-size: 17px;
+}
+.smallfield:first-child input {
+	-webkit-border-top-right-radius: 8px;
+}
+.smallfield:last-child input {
+	-webkit-border-bottom-right-radius: 8px;
+}