.boxy-wrapper {
  position: relative;
}

.boxy-wrapper.fixed {
  position: absolute;
}

/* Modal */

.boxy-modal-blackout {
  position: absolute;
  background-color: black;
  left: 0;
  top: 0;
  width: 200px;
  height: 300px;
}

/* Border */

.boxy-wrapper {
  empty-cells: show;
}

.boxy-wrapper .top-left,
.boxy-wrapper .top-right,
.boxy-wrapper .bottom-right,
.boxy-wrapper .bottom-left {
  width: 10px;
  height: 10px;
  padding: 0
}

/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */

/* NB: these must be absolute paths or URLs to your images */

.boxy-wrapper .top-left {
  background: url(index/lefttop.png) no-repeat left top;
}

.boxy-wrapper .top-right {
  background: url(index/righttop.png) no-repeat right top;
}

.boxy-wrapper .bottom-right {
  background: url(index/rightbottom.png) no-repeat right bottom;
}

.boxy-wrapper .bottom-left {
  background: url(index/leftbottom.png) no-repeat left bottom;

}

.boxy-wrapper .top,
.boxy-wrapper .bottom {
  height: 10px;
  background-color: #fff;
  padding: 0
}

.boxy-wrapper .left,
.boxy-wrapper .right {
  width: 10px;
  background-color: #fff;
  padding: 0
}

/* Title bar */

.boxy-wrapper .title-bar {
  padding: 6px;
  position: relative;
}

.boxy-wrapper .title-bar.dragging {
  cursor: move;
}

.boxy-wrapper .title-bar h2 {
  font-size: 18px;
  color: #A65527;
  line-height: 1;
  margin: 0;
  padding: 0;
  font-weight: normal;
}

.boxy-wrapper .title-bar .close {
  color: white;
  position: absolute;
  top: 6px;
  right: 6px;
  font-size: 90%;
  line-height: 1;
  background: url(index/close.png) no-repeat left top;
  width: 16px;
  height: 16px;
  text-indent: -20000px;
}

/* Content Region */

.boxy-inner {
  background-color: white;
  padding: 0
}

.boxy-content {
  padding: 15px;
}

/* Question Boxes */

.boxy-wrapper .question {
  width: 350px;
  min-height: 80px;
}

.boxy-wrapper .answers {
  text-align: right;
}

#comment {
  width: 295px;
}

#feedbacked p input {
  width: 295px;
}