n@501: div#blanket {
n@501:     z-index: 2;
n@501:     background-color: rgba(0,0,0,0.5);
n@501:     width: 100%;
n@501:     height: 100%;
n@505:     position: fixed;
n@501:     left: 0px;
n@501:     top: 0px;
n@501: }
n@501: 
n@501: div#popupHolder {
n@501:     z-index: 3;
n@501:     background-color: rgba(255,255,255,1);
n@501:     width: 730px;
n@501:     height: 480px;
n@505:     position: fixed;
n@501:     border-radius: 10px;
n@501: 	box-shadow: 0px 0px 50px #000;
n@501:     padding: 10px;
n@501: }
n@501: 
n@501: div#popup-title-holder {
n@501:     width: 100%;
n@501:     height: 50px;
n@501:     font-size: 2em;
n@501: }
n@501: 
n@541: button.popup-button {
n@501:     width: 60px;
n@501:     height: 27px;
n@501:     padding: 5px;
n@501:     position: absolute;
n@541:     bottom: 10px;
n@541: }
n@541: 
n@541: button#popup-proceed {
n@501:     right: 10px;
n@541: }
n@541: 
n@541: button#popup-back {
n@541:     left: 10px;
n@501: }
n@501: 
n@504: div.drag-area {
n@504:     border: 3px black dashed;
n@504: }
n@504: div.drag-over {
n@504:     background-color: aquamarine;
n@504: }
n@504: div.drag-dropped {
n@504:     background-color: aqua;
n@504: }
n@504: div.drag-error {
n@504:     background-color: coral
n@504: }
n@504: 
n@504: div#project-drop {
n@504:     width: 99%;
n@504:     height: 50px;
n@504:     margin: 10px 0px;
n@504: }
n@504: 
n@501: div.popup-checkbox {
n@501:     padding: 5px;
n@501: }
n@501: 
n@501: div.popup-checkbox input {
n@501:     margin: 0px 5px;
n@501: }
n@501: 
n@506: div.popup-option-entry {
n@506:     padding: 5px 0px;
n@506:     border-bottom: 1px solid;
n@506: }
n@506: 
n@501: div.disabled{
n@501:     color: rgb(100,100,100);
n@501: }
n@501: 
n@535: 
n@535: div#content > div.node{
n@535:     background-color: rgb(200,228,151);
n@535: }
n@535: 
n@535: div#content > div#setup{
n@535:     background-color: coral;
n@535: }
n@535: 
n@535: 
n@501: div.node {
n@501:     float: left;
n@501:     padding: 10px;
n@501:     border: black 2px solid;
n@501:     border-radius: 10px;
n@505:     margin: 10px;
n@501:     min-width: 92%;
n@512:     background-color: rgba(255,255,255,0.5);
n@501: }
n@501: div.node-title {
n@501:     float: left;
n@501:     width: 100%;
n@501:     font-size: 2em;
n@501:     margin: 5px 0px;
n@501: }
n@501: div.node-attributes {
n@506:     min-width: 92%;
n@535:     float: none;
n@501:     padding: 10px;
n@501: }
n@501: div.attribute {
n@501:     float: left;
n@501:     margin-right: 10px;
n@501: }
n@501: div.node-children {
n@501:     float: left;
n@506:     min-width: 92%;
n@501: }
n@501: div.node-buttons {
n@501:     float: left;
n@506:     min-width: 92%;
n@501: }
n@501: div.attribute input {
n@535:     max-width: 100%;
n@535:     width: 300px;
n@501:     margin-right: 10px;
n@501: }
n@501: div.attribute input[type=number] {
n@501:     width: 80px;
n@535: }
n@535: div.attribute input[type=radio], div.attribute input[type=checkbox]{
n@535:     width: 10px;
n@535: }
n@573: input:disabled+label{
n@535:     text-decoration: line-through;
n@501: }