1 files changed, 436 insertions, 0 deletions

diff --git a/abs/core/local-website/htdocs/remote/remote.css b/abs/core/local-website/htdocs/remote/remote.css
new file mode 100644
index 0000000..0678a65
--- /dev/null
+++ b/abs/core/local-website/htdocs/remote/remote.css
@@ -0,0 +1,436 @@
+/*
+ * Style sheet (c) 2006 Steven Ellis <support@openmedia.co.nz>
+ *
+ * Enhancements by Michael Lynch <lynchmv@gmail.com>
+ *
+ * Published under http://creativecommons.org/licenses/by/2.5/
+ */
+
+body {
+	width:300px; 
+	margin:10px 0 0 10px;
+	padding 3px;
+	behavior:url('csshover.htc');
+}
+
+#narrow {
+	width:300px; 
+}
+
+.mypda {
+	width:285;
+	background-color:#fff;
+	color:#000;
+}
+
+#subround {
+	width:100%;
+	min-height:40px;
+	height:40px;
+	padding-top:1%;
+	padding-right:1%;
+	padding-bottom:1%;
+	padding-left:1%;
+}
+
+#subwide {
+	width:100%;
+	min-height:25px;
+	height:25px;
+	padding-top:1%;
+	padding-right:1%;
+	padding-bottom:1%;
+	padding-left:1%;
+}
+
+#subpda {
+	width:100%;
+	height:auto;
+	padding:3px 2px 3px 2px;
+}
+
+#halves {
+	float:left;
+	width:49%;
+}
+
+#thirds {
+	float:left;
+	width:32.5%;
+}
+
+#fourths {
+	float:left;
+	width:24%;
+}
+
+#fifths {
+	float:left;
+	width:19%;
+}
+
+#sixths {
+	float:left;
+	width:15%;
+	border:1px solid black;
+}
+
+input.txt {
+	background:none;
+	border-style:none;
+	width:80px;
+	height:24px;
+	text-align:center;
+	font-size:8pt;
+	font-weight:normal;
+	background:url(images/button_text.png) no-repeat;
+}
+
+input.txt:hover {
+	background:url(images/button_textg.png) no-repeat;
+}
+input.txt:active {
+	background:url(images/button_textr.png) no-repeat;
+}
+input.tiny {
+	border:1px solid #f6f6f6;
+	background-color:#2991c7;
+	width:86px;
+	color:#fff;
+	text-align:center;
+	font-size:8pt;
+	font-weight:normal;
+}
+
+input.tiny:hover {
+}
+
+input.halfleft {
+	background:none;
+	border-style:none;
+	width:80px;
+	height:24px;
+	text-align:center;
+	font-size:8pt;
+	font-weight:normal;
+	background:url(images/button_text.png) no-repeat;
+	float:right;
+}
+
+input.halfleft:hover {
+	background:url(images/button_textg.png) no-repeat;
+}
+input.halfleft:active {
+	background:url(images/button_textr.png) no-repeat;
+}
+
+input.halfright {
+	background:none;
+	border-style:none;
+	width:80px;
+	height:24px;
+	text-align:center;
+	font-size:8pt;
+	font-weight:normal;
+	background:url(images/button_text.png) no-repeat;
+	float:left;
+}
+
+input.halfright:hover {
+	background:url(images/button_textg.png) no-repeat;
+}
+input.halfright:active {
+	background:url(images/button_textr.png) no-repeat;
+}
+
+input.notxt {
+	visibility:hidden;
+	background:none;
+	border-style:none;
+	width:80px;
+	height:24px;
+	text-align:center;
+	font-size:8pt;
+	font-weight:normal;
+	background:url(images/button_text.png) no-repeat;
+}
+
+input.image {
+	background:#fff;
+	width:40px;
+	height:40px;
+	padding:2px;
+}
+
+input.record {
+	background:url(images/rec.png) no-repeat;
+	width:40px;
+	height:40px;
+	padding:2px;
+}
+
+input.record:hover {
+	background:url(images/rec_g.png) no-repeat;
+}
+
+input.record:active {
+	background:url(images/rec_r.png) no-repeat;
+}
+
+input.stop {
+	background:url(images/stop.png) no-repeat;
+	width:40px;
+	height:40px;
+	padding:2px;
+}
+
+input.stop:hover {
+	background:url(images/stop_g.png) no-repeat;
+}
+
+input.stop:active {
+	background:url(images/stop_r.png) no-repeat;
+}
+
+input.pause {
+	background:url(images/pause.png) no-repeat;
+	width:40px;
+	height:40px;
+	padding:2px;
+}
+
+input.pause:hover {
+	background:url(images/pause_g.png) no-repeat;
+}
+
+input.pause:active {
+	background:url(images/pause_r.png) no-repeat;
+}
+
+input.rewind {
+	background:url(images/fast_rewind.png) no-repeat;
+	width:40px;
+	height:40px;
+	padding:2px;
+}
+
+input.rewind:hover {
+	background:url(images/fast_rewind_g.png) no-repeat;
+}
+
+input.rewind:active {
+	background:url(images/fast_rewind_r.png) no-repeat;
+}
+
+input.play {
+	background:url(images/right.png) no-repeat;
+	width:40px;
+	height:40px;
+	padding:2px;
+}
+
+input.play:hover {
+	background:url(images/right_g.png) no-repeat;
+}
+
+input.play:active {
+	background:url(images/right_r.png) no-repeat;
+}
+
+input.ffwd {
+	background:url(images/fast_forward.png) no-repeat;
+	width:40px;
+	height:40px;
+	padding:2px;
+}
+
+input.ffwd:hover {
+	background:url(images/fast_forward_g.png) no-repeat;
+}
+
+input.ffwd:active {
+	background:url(images/fast_forward_r.png) no-repeat;
+}
+
+input.sback {
+	background:url(images/skip_back.png) no-repeat;
+	width:40px;
+	height:40px;
+	padding:2px;
+}
+
+input.sback:hover {
+	background:url(images/skip_back_g.png) no-repeat;
+}
+
+input.sback:active {
+	background:url(images/skip_back_r.png) no-repeat;
+}
+
+input.sfwd {
+	background:url(images/skip_forward.png) no-repeat;
+	width:40px;
+	height:40px;
+	padding:2px;
+}
+
+input.sfwd:hover {
+	background:url(images/skip_forward_g.png) no-repeat;
+}
+
+input.sfwd:active {
+	background:url(images/skip_forward_r.png) no-repeat;
+}
+
+input.navup {
+	background:url(images/up.png) no-repeat;
+	width:40px;
+	height:40px;
+	padding:2px;
+	display:block;
+	margin-left:auto;
+	margin-right:auto;
+}
+
+input.navup:hover {
+	background:url(images/up_g.png) no-repeat;
+}
+input.navup:active {
+	background:url(images/up_r.png) no-repeat;
+}
+
+
+input.navleft {
+	background:url(images/left.png) no-repeat;
+	width:40px;
+	height:40px;
+	padding:2px;
+	float:right;
+}
+
+input.navleft:hover {
+	background:url(images/left_g.png) no-repeat;
+}
+
+input.navleft:active {
+	background:url(images/left_r.png) no-repeat;
+}
+
+input.navok {
+	background:url(images/ok.png) no-repeat;
+	width:40px;
+	height:40px;
+	padding:2px;
+	display:block;
+	margin-left:auto;
+	margin-right:auto;
+}
+
+input.navok:hover {
+	background:url(images/ok_g.png) no-repeat;
+}
+
+input.navok:active {
+	background:url(images/ok_r.png) no-repeat;
+}
+
+input.navright {
+	background:url(images/right.png) no-repeat;
+	width:40px;
+	height:40px;
+	padding:2px;
+	float:left;
+}
+
+input.navright:hover {
+	background:url(images/right_g.png) no-repeat;
+}
+
+input.navright:active {
+	background:url(images/right_r.png) no-repeat;
+}
+
+input.navdown {
+	background:url(images/down.png) no-repeat;
+	width:40px;
+	height:40px;
+	padding:2px;
+	display:block;
+	margin-left:auto;
+	margin-right:auto;
+}
+
+input.navdown:hover {
+	background:url(images/down_g.png) no-repeat;
+}
+input.navdown:active {
+	background:url(images/down_r.png) no-repeat;
+}
+
+input.noimage {
+	visibility:hidden;
+	border-radius:21px;
+	background: #fff;
+	width:40px;
+	height:40px;
+	padding:2px;
+}
+
+input.number {
+	border: none;
+	width: 30px;
+	height: 30px;
+	background: url(./images/button_30.png) no-repeat;
+	font-size: 12pt;
+	font-weight: bold;
+	padding: 0px;
+	display:block;
+	margin-left:auto;
+	margin-right:auto;
+}
+
+input.number:hover {
+	background: url(./images/button_30g.png) no-repeat;
+}
+
+input.number:active {
+	background: url(./images/button_30r.png) no-repeat;
+}
+
+div.tabArea {
+  font-size: 80%;
+  font-weight: bold;
+}
+
+a.tab {
+  background-color: #f0f0f0;
+  border: 1px solid #000000;
+  border-bottom-width: 0px;
+  padding: 2px .3em 2px .3em;
+  position:relative;
+  text-decoration: none;
+  top:-1px;
+  z-index:100;
+}
+
+a.tab, a.tab:visited {
+  color: #808080;
+}
+
+a.tab:hover {
+  background-color: #d0d0d0;
+  color: #606060;
+}
+
+a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
+  background-color: #c0c0c0;
+  color: #000000;
+  z-index:102;
+}
+
+div.tabMain {
+  background-color: #c0c0c0;
+  border: 1px solid #000000;
+  position:relative;
+  z-index:101;
+}