body {
  background: #fcfcfc;
}

#header {
  height: 50px;
}

#header img {
  float: left;
  margin: auto 15px;
}

#addProject, #addStep {
  border: solid 1px blue;
  /*position: absolute;
  float: left;*/
  display: none;
  padding: 7px;
  margin-top: 30px;
  margin-right: 50px;
  width: 250px;
  left: 300px;
}

#statusItems {
  border: solid 1px blue;
  display: none;
  padding: 7px;
  width: 250px;
  left: 300px;
}

#projectSection {
  clear: left;
  margin-top: 20px;
  margin-bottom: 30px;
}

#projectSection a {
  font-size: larger;
}

#projectTitle, #stepDesc {
  font-weight: bold;
}

#projectList, #statusList, #statusItems {
  display: block;
}

#footer {
  font-size: smaller;
}

a {
  color: blue;
  text-decoration: none;
}

#clickHold a, .projactivate {
  color: green;
}

#clickProjList a, #clickStepList a {
  color: gray;
}

#clickLogout a {
  color: brown;
}

.close {
  width: 100%;
  color: red;
  text-align: right;
  cursor: pointer;
}

.projmoveup, .projmovedn, .stepmoveup, .stepmovedn {
  color: darkred;
}

.projedit, .stepedit {
  color: goldenrod;
}

.projhold {
  color: red;
}

.projcomplete, .stepcomplete {
  color: green;
}

li {
  list-style-type: none;
}

.projDrag, .stepDrag {
  cursor: move;
}