improve tools style based on George's mockup

dream/platform/static/css/demo-new.css

@@ -238,6 +238,7 @@ path, ._jsPlumb_endpoint {
 
 .tool {
   border: 1px solid lightgray;
+  box-shadow: 1px 1px 2px #aaa;
   /*margin-top: 20px;
   margin-left: 35px;*/
   width:7em;
@@ -250,6 +251,7 @@ path, ._jsPlumb_endpoint {
   font-size:0.9em;
   margin:0.5em;
   display: inline-block;
+  border-radius: 5px;
 }
 
 #graph {
@@ -267,24 +269,46 @@ path, ._jsPlumb_endpoint {
   margin:4px 0;
 }
 
-.Dream-Source {
+.Dream-Source, .Dream-BatchSource {
+  border: 1px solid #bbc;
   background-color:#ffe;
+  background-image: linear-gradient(to bottom, #ffe 0%, #dde 100%);
 }
 
-.Dream-Machine, .Dream-MachineJobShop {
-  background-color:#fef;
+.Dream-Machine, .Dream-MachineJobShop, .Dream-BatchScrapMachine {
+  border: 1px solid #cbc;
+  background-color: #fef;
+  background-image: linear-gradient(to bottom, #fef 0%, #ede 100%);
 }
 
-.Dream-Queue, .Dream-QueueJobShop {
+.Dream-Queue, .Dream-QueueJobShop, .Dream-LineClearance {
+  border: 1px solid #bcc;
   background-color:#eff;
+  background-image: linear-gradient(to bottom, #eff 0%, #dee 100%);
 }
 
 .Dream-Exit, .Dream-ExitJobShop {
+  border: 1px solid #ccb;
   background-color:#eef;
+  background-image: linear-gradient(to bottom, #eef 0%, #dde 100%);
+}
+
+.Dream-EventGenerator {
+  border: 1px solid #cba;
+  background-color:#fdc;
+  background-image: linear-gradient(to bottom, #fdc 0%, #ecb 100%);
+}
+
+.Dream-BatchDecomposition, .Dream.BatchDecompositionStartTime, .Dream-BatchReassembly{
+  border: 1px solid #bcb;
+  background-color:#dfd;
+  background-image: linear-gradient(to bottom, #dfd 0%, #cec 100%);
 }
 
 .Dream-Repairman {
+  border: 1px solid #cbb;
   background-color:#fdd;
+  background-image: linear-gradient(to bottom, #fdd 0%, #dcc 100%);
 }
 
 #exit_stat {