refactor css and js

cidr.css

@@ -0,0 +1,71 @@
+H1		{
+  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif, Verdana, sans-serif;
+  font-size: 32pt;
+  margin: 0px;
+}
+
+H2		{
+  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif, Verdana, sans-serif;
+  margin: 0px;
+}
+
+H3		{
+  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif, Verdana, sans-serif;
+margin: 0px;  
+}
+BODY		{
+  font-family: A'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif, Verdana, sans-serif;
+  font-size: 24pt;
+}
+
+P		{
+  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif, Verdana, sans-serif;
+}
+
+.label {
+  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif, Verdana, sans-serif;
+  font-size: 80%;
+}
+
+.copyright {
+  text-align: right;
+  font-style: italic;
+  font-size: 40%;
+}
+
+.imagealigned {
+  vertical-align: middle;
+}
+
+.calc {
+  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif, Verdana, sans-serif;
+  border-collapse: collapse; 
+}
+
+.calc td, .calc th {
+ border: 1px solid black;
+}
+
+.calc thead {
+  font-weight: bold;
+  background-color: #eeeeee;
+}
+
+.disabledAction {
+ color: #dddddd;
+}
+
+.maskSpan {
+  background-color: #9fbafa;
+  text-align: right;
+}
+.maskSpanJoinable {
+  background-color: #ffb06f;
+  text-align: right;
+ cursor: pointer;
+}
+
+.maskSpanRotate {
+ filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
+ background-color:green;
+}