Folder reorganize 1

OLD/touchme/jpowered/images/960.css

@@ -0,0 +1,189 @@
+.container_12,
+.container_16{margin-left:auto;margin-right:auto;width:960px}
+
+.grid_1,
+.grid_2,
+.grid_2b,
+.grid_3,
+.grid_4,
+.grid_5,
+.grid_6,
+.grid_7,
+.grid_7b,
+.grid_8,
+.grid_9,
+.grid_10,
+.grid_11,
+.grid_12,
+.grid_13,
+.grid_14,
+.grid_15,
+.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}
+
+.container_12 .grid_3,
+.container_16 .grid_4{width:220px}
+
+.container_12 .grid_6,
+.container_16 .grid_8{width:460px}
+
+.container_12 .grid_9,
+.container_16 .grid_12{width:700px}
+
+.container_12 .grid_12,
+.container_16 .grid_16{width:940px}
+
+.alpha{margin-left:0}
+.omega{margin-right:0}
+
+.container_12 .grid_1{width:60px}
+.container_12 .grid_2{width:140px}
+.container_12 .grid_4{width:300px}
+.container_12 .grid_5{width:380px}
+.container_12 .grid_7{width:540px}
+.container_12 .grid_8{width:620px}
+.container_12 .grid_10{width:780px}
+.container_12 .grid_11{width:860px}
+
+.container_16 .grid_1{width:40px}
+.container_16 .grid_2{width:100px}
+.container_16 .grid_2b{width:110px}
+.container_16 .grid_3{width:160px}
+.container_16 .grid_5{width:280px}
+.container_16 .grid_6{width:340px}
+.container_16 .grid_7{width:400px}
+.container_16 .grid_7b{width:460px;margin-right:0;}
+.container_16 .grid_9{width:520px}
+.container_16 .grid_10{width:580px}
+.container_16 .grid_11{width:640px}
+.container_16 .grid_13{width:760px}
+.container_16 .grid_14{width:820px}
+.container_16 .grid_15{width:880px}
+
+.container_12 .prefix_3,
+.container_16 .prefix_4{padding-left:240px}
+
+.container_12 .prefix_6,
+.container_16 .prefix_8{padding-left:480px}
+
+.container_12 .prefix_9,
+.container_16 .prefix_12{padding-left:720px}
+
+.container_12 .prefix_1{padding-left:80px}
+.container_12 .prefix_2{padding-left:160px}
+.container_12 .prefix_4{padding-left:320px}
+.container_12 .prefix_5{padding-left:400px}
+.container_12 .prefix_7{padding-left:560px}
+.container_12 .prefix_8{padding-left:640px}
+.container_12 .prefix_10{padding-left:800px}
+.container_12 .prefix_11{padding-left:880px}
+
+.container_16 .prefix_1{padding-left:60px}
+.container_16 .prefix_2{padding-left:120px}
+.container_16 .prefix_3{padding-left:180px}
+.container_16 .prefix_5{padding-left:300px}
+.container_16 .prefix_6{padding-left:360px}
+.container_16 .prefix_7{padding-left:420px}
+.container_16 .prefix_9{padding-left:540px}
+.container_16 .prefix_10{padding-left:600px}
+.container_16 .prefix_11{padding-left:660px}
+.container_16 .prefix_13{padding-left:780px}
+.container_16 .prefix_14{padding-left:840px}
+.container_16 .prefix_15{padding-left:900px}
+
+.container_12 .suffix_3,
+.container_16 .suffix_4{padding-right:240px}
+
+.container_12 .suffix_6,
+.container_16 .suffix_8{padding-right:480px}
+
+.container_12 .suffix_9,
+.container_16 .suffix_12{padding-right:720px}
+
+.container_12 .suffix_1{padding-right:80px}
+.container_12 .suffix_2{padding-right:160px}
+.container_12 .suffix_4{padding-right:320px}
+.container_12 .suffix_5{padding-right:400px}
+.container_12 .suffix_7{padding-right:560px}
+.container_12 .suffix_8{padding-right:640px}
+.container_12 .suffix_10{padding-right:800px}
+.container_12 .suffix_11{padding-right:880px}
+
+.container_16 .suffix_1{padding-right:60px}
+.container_16 .suffix_2{padding-right:120px}
+.container_16 .suffix_3{padding-right:180px}
+.container_16 .suffix_5{padding-right:300px}
+.container_16 .suffix_6{padding-right:360px}
+.container_16 .suffix_7{padding-right:420px}
+.container_16 .suffix_9{padding-right:540px}
+.container_16 .suffix_10{padding-right:600px}
+.container_16 .suffix_11{padding-right:660px}
+.container_16 .suffix_13{padding-right:780px}
+.container_16 .suffix_14{padding-right:840px}
+.container_16 .suffix_15{padding-right:900px}
+
+.container_12 .push_3,
+.container_16 .push_4{left:240px}
+
+.container_12 .push_6,
+.container_16 .push_8{left:480px}
+
+.container_12 .push_9,
+.container_16 .push_12{left:720px}
+
+.container_12 .push_1{left:80px}
+.container_12 .push_2{left:160px}
+.container_12 .push_4{left:320px}
+.container_12 .push_5{left:400px}
+.container_12 .push_7{left:560px}
+.container_12 .push_8{left:640px}
+.container_12 .push_10{left:800px}
+.container_12 .push_11{left:880px}
+
+.container_16 .push_1{left:60px}
+.container_16 .push_2{left:120px}
+.container_16 .push_3{left:180px}
+.container_16 .push_5{left:300px}
+.container_16 .push_6{left:360px}
+.container_16 .push_7{left:420px}
+.container_16 .push_9{left:540px}
+.container_16 .push_10{left:600px}
+.container_16 .push_11{left:660px}
+.container_16 .push_13{left:780px}
+.container_16 .push_14{left:840px}
+.container_16 .push_15{left:900px}
+
+.container_12 .pull_3,
+.container_16 .pull_4{left:-240px}
+
+.container_12 .pull_6,
+.container_16 .pull_8{left:-480px}
+
+.container_12 .pull_9,
+.container_16 .pull_12{left:-720px}
+
+.container_12 .pull_1{left:-80px}
+.container_12 .pull_2{left:-160px}
+.container_12 .pull_4{left:-320px}
+.container_12 .pull_5{left:-400px}
+.container_12 .pull_7{left:-560px}
+.container_12 .pull_8{left:-640px}
+.container_12 .pull_10{left:-800px}
+.container_12 .pull_11{left:-880px}
+
+.container_16 .pull_1{left:-60px}
+.container_16 .pull_2{left:-120px}
+.container_16 .pull_3{left:-180px}
+.container_16 .pull_5{left:-300px}
+.container_16 .pull_6{left:-360px}
+.container_16 .pull_7{left:-420px}
+.container_16 .pull_9{left:-540px}
+.container_16 .pull_10{left:-600px}
+.container_16 .pull_11{left:-660px}
+.container_16 .pull_13{left:-780px}
+.container_16 .pull_14{left:-840px}
+.container_16 .pull_15{left:-900px}
+
+.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
+.clearfix:after{clear:both;content:'';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
+* html .clearfix,
+*:first-child+html .clearfix{zoom:1}

OLD/touchme/jpowered/images/jpprod.css

@@ -0,0 +1,70 @@
+body {text-align: center;margin: 2px;padding: 0;background-color: #FFDD56;font-family: Verdana, Arial, Helvetica, sans-serif;color: #000000;font-size: 11px; line-height: 140%;}
+H1 { color: #320099; font-size: 18px; font-family: Arial,Helvetica, sans-serif;font-weight:bold; margin:5px;}
+H2 { color: #000000; font-size: 16px; font-family: Arial,Helvetica, sans-serif;font-style:italic; margin:5px;}
+H4 { color: #000000; font-size: 12px; font-family: Arial,Helvetica, sans-serif;font-style: none; margin: 10px 4px 2px 4px;}
+p {margin:5px;}
+a, a:active, a:link, a:visited {font-weight: bold;color:#0000FF;text-decoration: none;font-size:11px;}
+a:hover {font-weight: bold;color:#FF0000;text-decoration: none;}
+
+.lhnav {
+width: 150px;
+margin: 0px;
+padding: 40px 2px 2px 2px;
+background-color: #fff;
+vertical-align: top;
+border: #0000C0;
+border-style: solid;
+border-width: 0px 0px 0px 0px;
+}
+
+.lhnav ul {background-color: #fff; list-style: none;margin: 0px;padding: 0px;
+border: #fff;
+border-style: solid;
+border-width: 1px;
+}
+.lhnav li {text-align: left;display: block;padding: 4px;margin: 0px; width: 120px; height: 20px;
+border: #00F;
+border-style: none;
+border-width: 0px;
+}
+.lhnav  a, .innm a:active, .innm a:link, .innm a:visited {font-weight: bold;padding: 4px;color:#553499;text-decoration: none;font-size:11px;}
+.lhnav  a:hover {font-weight: bold;padding: 4px;color:#fff;background-color: #553499;text-decoration: none;
+border: #9CF;
+border-style: solid;
+border-width: 0px;
+}
+
+.stit {font-size: 12px;color: #444444;font-weight: bold;}
+.out {text-align: left;border: #FFDD56;border-style: solid;border-width: 1px;background-color: #FFFFFF;padding: 0px;width: 900px;}
+.hdc {background-color: #FFDD56;text-align: center;margin: 0px;padding: 0px;border: 0px;width: 100%;}
+
+.mc {color: #fff; background-color: #776699;text-align: center;margin: 0;padding: 4px;height: 18px;}
+.mc a, .mc a:active, .mc a:link, .mc a:visited {font-weight: bold;color:#fff;text-decoration: none;font-size:11px;}
+.mc a:hover {font-weight: bold;color:#654C99;background-color: #fff; text-decoration: none;}
+
+.pgt H1 {color: #666;font-size: 18px;font-weight:bold;margin:3px;}
+
+.itbl {padding: 4px;}
+.ilc {width: 270px;vertical-align: top;border-style: dashed;border-width: 0px 1px 0px 0px;border-color: #666666;}
+.imc {width: 270px;vertical-align: top;border-style: solid;border-width: 0px 1px 0px 0px;border-color: #666666;}
+.irc {width: 200px;vertical-align: top;text-align: right;border-style: none;padding: 4px;}
+
+.heading {color: #320099;font-weight: bold;margin: 5px 0px 0px 0px;padding: 0px;}
+.headinglarge {color: #320099;font-weight: bold;font-size: 12px;margin: 5px 0px 0px 0px;padding: 0px;}
+
+.cprt {background-color: #FFDD56;text-align: center;width: 100%;}
+
+.innm {width: 740px;padding: 4px;color: #fff; background-color: #553499;border: #320099;border-style: solid;border-width: 1px;margin: 0px;text-align: left;}
+.innm ul {list-style: none;margin: 0px;padding: 0px 4px 0px 4px;}
+.innm li {text-align: center;display: inline;padding: 4px;margin: 0px;}
+.innm a, .innm a:active, .innm a:link, .innm a:visited {font-weight: bold;padding: 4px;color:#fff;text-decoration: none;font-size:11px;}
+.innm a:hover {font-weight: bold;padding: 4px;color:#320099;background-color: #fff;text-decoration: none;}
+
+.contentp {margin: 10px;padding: 5px;border-style: dotted;border-color: #666666;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 1px;border-left-width: 0px;}
+.contp {margin: 4px;padding: 4px;border-style: dotted;border-color: #666666;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 1px;border-left-width: 0px;}
+.paramtable {width: 650px;border: #18397B;border-style: solid;border-width: 1px;padding: 10px;margin: 10px;}
+.paramtable td {border: #999999;border-style: dashed;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 1px;border-left-width: 0px;padding: 5px;margin: 10px;}
+.doctextarea {width: 650px;border: #18397B;border-style: solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;color: #18397B;background-color: #E8F8FF;}
+.htmlcodeblock {width: 650px; height: 200px; border: #18397B;border-style: solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;color: #18397B;background-color: #E8F8FF;}
+
+.contentp2 {margin: 4px;padding: 10px;border-style: nonr;border-width: 0px;}

OLD/touchme/jpowered/images/jpprodplus.css

@@ -0,0 +1,116 @@
+.download {border: #18397B;border-style: dotted;border-width: 1px 0px 1px 0px;margin: 4px;padding: 4px;text-decoration: none;font-size: 14px;}
+.download a, .download a:active, .download a:link, .download a:visited {text-decoration: none;font-size: 14px;}
+.download a:hover {color:#FF0000;text-decoration: none;font-size: 14px;}
+
+.package {border-style: solid;border-color: #18397B;border-width: 1px;margin: 10px;padding: 10px;}
+
+.inst {border: #18397B;border-style: solid;border-width: 1px;margin: 10px;}
+.inst p {margin: 4px;}
+.itit {background: #F0F0B0;color: #404080;font-weight: bold;margin: 0px;padding: 5px;}
+.izpex {margin: 0px;padding: 5px;}
+
+.lopt {border: #18397B;background-color: #F0F0B0;border-style: solid;border-width: 1px;margin: 10px;}
+.lhdg {font-weight: bold;font-size: 14px;}
+.ldet {font-size: 10px;}
+
+.btbl {width: 713px;border: #18397B;border-style: solid;border-width: 1px;padding: 10px;margin: 10px;}
+.balt {width: 705px;border: #18397B;border-style: solid;border-width: 1px;padding: 10px;margin: 10px;}
+.balt p {margin: 4px;}
+
+.brw td {border: #18397B;border-style: solid;border-width: 0px 0px 1px 0px;padding: 5px;margin: 10px;}
+.bins {margin: 10px;}
+.bhd td {font-size: 12px;color: #444444;background-color: #99CCFF;font-weight: bold;border: #18397B;border-style: solid;border-width: 0px 0px 1px 0px;padding: 5px;margin: 10px;}
+
+.information {border: #18397B;background-color: #99CCFF;border-style: solid;border-width: 1px;margin: 10px;}
+.infhd {font-weight: bold;font-size: 14px;}
+.infdt {font-size: 12px;}
+
+
+.pmtable {width: 715px; background-color: #FFE57F; border: #654C99;border-style: solid;border-width: 1px;padding: 5px;margin: 10px;}
+
+.pmheading {background-color: #654C99; color: #fff; padding: 2px;}
+.pmheading2 {background-color: #fff; color: #777; padding: 0px; margin: 4px 0px 0px 0px; font-style: none; font-size: 1.2em;}
+.pmheading td {padding: 5px; border: #999999;border-style: solid;border-width: 0px 1px 1px 0px;}
+
+
+.pmrow {vertical-align: top;}
+.pmrow td {padding: 5px; border: #999999;border-style: dashed;border-width: 0px 1px 1px 0px;}
+
+.paramtable {width: 650px;border: #18397B;border-style: solid;border-width: 1px;padding: 10px;margin: 10px;}
+.paramtable td {border: #999999;border-style: dashed;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 1px;border-left-width: 0px;padding: 5px;margin: 10px;}
+
+.colortable td {border: #999999;border-style: dashed;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 1px;border-left-width: 0px;padding: 5px;margin: 10px;}
+
+.codeblock {font-size: 12px; font-family: courier,serif;font-weight:normal;}
+
+.indextable {width: 350px; background-color: #F9F9E0; border: #18397B;border-style: solid;border-width: 1px;padding: 5px;margin: 10px;}
+.indextableouter td {vertical-align: top;}
+
+.applettag {width: 700px; height:80px;}
+.javacode {width: 700px; height:300px;}
+
+.pmtable2 {width: 100%; background-color: #FFE57F; border: #654C99; border-style: solid;border-width: 1px;padding: 4px;margin: 0px;}
+
+.jpcodeblock {
+    width: 560px;
+    height: 120px;
+    border: 1px #000 solid;
+    background-color: #FFE57F;
+    font-size: 12px;
+    padding: 4px;
+
+}
+
+.jptable {
+    border: 1px #000 solid;
+    background-color: #fff;
+    padding: 4px;
+    margin: 4px;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: normal;
+    font-size: 12px;
+}
+
+.jptable thead {
+    background-color: #654C99;
+    color: #fff;
+}
+
+.jptableRow1 {
+    background-color: #eee;
+}
+
+.jptableRow2 {
+    background-color: #ddd;
+}
+
+.jptable td {
+    border-width: 0px 1px 1px 0px;
+    border-color:  #aaa;
+    border-style: solid;
+    font-size: 12px;
+    padding: 4px;
+    margin: 0px;
+    vertical-align: top;
+}
+
+.whitespace {
+        clear: both;
+        height: 20px;
+        margin: 0px;
+        padding: 0px;
+}
+
+.infoTable {
+        margin: 0px;
+        padding: 0px;
+        background-color: #fff;
+        border-style: none;
+}
+
+.infoTable td {
+        margin: 0px;
+        padding: 10px;
+        vertical-align: top;
+}
+

OLD/touchme/jpowered/images/jpprodstyle.css

@@ -0,0 +1,107 @@
+@CHARSET "ISO-8859-1";
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+    background: transparent;
+}
+
+html {
+	background: #fff url(./bgimage.gif) 0 0 repeat-x;
+	font-family: verdana, arial, sans-serif; color: #000000; font-size: 1em;
+}
+
+body {margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px;}
+
+a, a:active, a:link, a:visited {font-weight: normal; text-decoration: none;}
+a:hover {font-weight: normal;color:#FF0000;text-decoration: none;}
+
+h4 {font-size: 1.2em; color: #333; margin: 10px 0px 0px 0px;}
+
+
+.header {background-color: #FFDD56; height: 79px;}
+.header h1{font-size: 1.6em; color: #553499;}
+
+.footer {background: #ffdd56 url(./bgimagefooter.gif) 0 0 repeat-x; width: 100%; margin: 0px; padding: 0px; float: left;}
+
+.product_title {text-align: right;}
+
+.innm {padding: 4px;color: #fff; background-color: #553499;border: #320099;border-style: solid;border-width: 1px 0px 0px 0px;margin: 0px;text-align: center;}
+.innm ul {list-style: none;margin: 0px;padding: 0px;}
+.innm li {text-align: center;display: inline;padding: 0px;margin: 0px 40px 0px 0px;}
+.innm a, .innm a:active, .innm a:link, .innm a:visited {font-weight: bold;padding: 4px;color:#fff;text-decoration: none;font-size:11px;}
+.innm a:hover {font-weight: bold;padding: 4px;color:#320099;background-color: #fff;text-decoration: none;}
+
+.mc {color: #fff; background-color: #776699;text-align: center;margin: 0px;padding: 4px;height: 18px;}
+.mc a, .mc a:active, .mc a:link, .mc a:visited {font-weight: bold;color:#fff;text-decoration: none;font-size:11px;}
+.mc a:hover {font-weight: bold;color:#654C99;background-color: #fff; text-decoration: none;}
+
+.cprt {background-color: #FFDD56; text-align: center; margin: 0px;}
+
+.main_content {font-size: 0.8em;}
+.main_content ul {list-style: none; padding: 0px; margin: 0px;}
+.main_content li {margin-bottom: 2px;}
+.main_content h2 {color: #333;}
+
+.jpcodeblock {width: 560px; height: 120px; border: 1px #000 solid; background-color: #FFE57F; font-size: 12px; padding: 4px;}
+
+.pmtable {width: 715px; background-color: #FFE57F; border: #654C99;border-style: solid;border-width: 1px;padding: 5px;margin: 10px;}
+
+.pmheading {background-color: #654C99; color: #fff; padding: 2px;}
+.pmheading2 {background-color: #fff; color: #777; padding: 0px; margin: 0px; font-style: none; font-size: 1.2em;}
+.pmheading td {padding: 4px; border: #999999;border-style: solid;border-width: 0px 1px 1px 0px;}
+
+.pmrow {vertical-align: top;}
+.pmrow td {padding: 4px; border: #999999;border-style: dashed;border-width: 0px 1px 1px 0px;}
+
+.pmtable2 {width: 100%; background-color: #FFE57F; border: #654C99; border-style: solid;border-width: 1px;padding: 0px; margin: 0px;}
+
+.jpcodeblock {
+    width: 500px;
+    height: 120px;
+    border: 1px #000 solid;
+    background-color: #FFE57F;
+    font-size: 12px;
+    padding: 4px;
+
+}
+
+.jptable {
+    border: 1px #000 solid;
+    background-color: #fff;
+    padding: 4px;
+    margin: 4px;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: normal;
+    font-size: 12px;
+}
+
+.jptable thead {
+    background-color: #654C99;
+    color: #fff;
+}
+
+.jptableRow1 {
+    background-color: #eee;
+}
+
+.jptableRow2 {
+    background-color: #ddd;
+}
+
+.jptable td {
+    border-width: 0px 1px 1px 0px;
+    border-color:  #aaa;
+    border-style: solid;
+    font-size: 12px;
+    padding: 4px;
+    margin: 0px;
+    vertical-align: top;
+}
+