/* block and border colours for different groups of blocks */

.motion{ border-color: hsl(225,65%,78%); }
.motion > .block{ background-color: hsl(225, 65%, 81%); }

.looks{ border-color: hsl(264,62%,72%); }
.looks > .block{ background-color: hsl(264,62%,75%); }

.functions{ border-color: hsl(264,62%,72%); }
.functions > .block{ background-color: hsl(264,32%,75%); }

/* Manni */
.avatars{ border-color: hsl(264,62%,72%); }
.avatars > .block{ background-color: hsl(100,32%,75%); }

.npcs{ border-color: hsl(264,62%,72%); }
.npcs > .block{ background-color: hsl(200,10%,50%); }

.drawing{ border-color: hsl(264,62%,72%); }
.drawing > .block{ background-color: hsl(300,32%,75%); }

.notecard{ border-color: hsl(264,62%,72%); }
.notecard > .block{ background-color: hsl(400,32%,75%); }

.terrain{ border-color: hsl(264,62%,72%); }
.terrain > .block{ background-color: hsl(500,32%,75%); }

.administration{ border-color: hsl(264,62%,72%); }
.administration > .block{ background-color: hsl(600,32%,75%); }

.Misc{ border-color: hsl(264,62%,72%); }
.Misc > .block{ background-color: hsl(264,32%,75%); }

.manipulation{ border-color: hsl(264,62%,72%); }
.manipulation > .block{ background-color: hsl(700,32%,75%); }

.sound{ border-color: hsl(264,62%,72%); }
.sound > .block{ background-color: hsl(800,32%,75%); }

.http{ border-color: hsl(264,62%,72%); }
.http > .block{ background-color: hsl(900,32%,75%); }

.parcel{ border-color: hsl(264,62%,72%); }
.parcel > .block{ background-color: hsl(555,32%,75%); }

.windlight{ border-color: hsl(264,62%,72%); }
.windlight > .block{ background-color: hsl(444,32%,75%); }

.gridregion{ border-color: hsl(264,62%,72%); }
.gridregion > .block{ background-color: hsl(333,32%,75%); }

.permissions{ border-color: hsl(264,62%,72%); }
.permissions > .block{ background-color: hsl(666,32%,75%); }

.string{ border-color: hsl(264,62%,72%); }
.string > .block{ background-color: hsl(777,32%,75%); }

.misc{ border-color: hsl(264,62%,72%); }
.misc > .block{ background-color: hsl(888,32%,75%); }

/* Manni Ende */

.chat{ border-color: hsl(264,62%,72%); }
.chat > .block{ background-color: hsl(264,80%,95%); }


.flow-control{ border-color: hsl(264,62%,72%); }
.flow-control > .block{ background-color: hsl(264,80%,95%); }

.transform{ border-color: hsl(296, 65%, 57%); }
.transform > .block{ background-color: hsl(296, 65%, 77%); }

.sketchy{ border-color: hsl(15,100%,63%); }
.sketchy > .block{ background-color: hsl(15,100%,83%); }

.events{ border-color: hsl(44, 81%, 54%); }
.events > .block{ background-color: hsl(44, 81%, 57%); }

.sensing{ border-color: hsl(200,98%,50%); }
.sensing > .block{ background-color: hsl(200,98%,56%); }

.operators{ border-color: hsl(93,90%,66%); }
.operators > .block{ background-color: hsl(93,90%,76%); }

.shapes{ border-color: #e66a22; }
.shapes > .block{ background-color: #e66a22; }

.animation{ border-color: hsl(150, 65%, 79%); }
.animation > .block {background-color: hsl(150, 62%, 89%); }

.twitter{ border-color: hsl(90, 65%, 79%); }
.twitter > .block {background-color: hsl(90, 62%, 89%); }

/* Border colours for type values and sockets */

.boolean{ border-color: grey; }
.number{ border-color: grey; }
.color{ border-color: grey; }
.string{ border-color: grey; }
.string input{ min-width: 10em; }

.spinner {
   background-image: url(/images/spinner.gif) ;
   background-repeat: no-repeat;
   height:200px;
   width: 200px;
   z-index: 9999;
   position:fixed;
   top: 50%;
   left: 50%;
  /*  margin-top: -100px; /*set to a negative number 1/2 of your height*/
   /* margin-left: -100px; /*set to a negative number 1/2 of your width*/

}