.boxy-wrapper { position: absolute; }

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

  /* Modal */

.boxy-modal-blackout {
    position: absolute;
    background-color: #303030;
    left: 0px;
    top: 0px;
}
  
  /* Border */

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

.boxy-wrapper .top-left,
.boxy-wrapper .top-right,
.boxy-wrapper .bottom-right,
.boxy-wrapper .bottom-left {
    width: 2px;
    height: 2px;
    padding: 0;
    background-color: #fefefe;
}
	
	/*.boxy-wrapper .top-left { background: url(Images/boxy-nw.png); }
	.boxy-wrapper .top-right { background: url('Images/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { background: url('Images/boxy-se.png'); }
	.boxy-wrapper .bottom-left { background: url('Images/boxy-sw.png'); }*/
	
	/* 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,
.boxy-wrapper .bottom {
    height: 2px;
    background-color: #fefefe;
    padding: 0
}

.boxy-wrapper .left,
.boxy-wrapper .right {
    width: 2px;
    background-color: #fefefe;
    padding: 0
}
	
	/* Title bar */

.boxy-wrapper .title-bar {
    background-color: #0086a8;
    padding: 6px;
    position: relative;
}

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

.boxy-wrapper .title-bar h2 {
    font-size: 12px;
    color: white;
    line-height: 1;
    margin: 0;
    padding: 0;
    font-weight: bold;
}

.boxy-wrapper .title-bar .close {
    color: white;
    position: absolute;
    top: 6px;
    right: 6px;
    line-height: 1;
}

.boxy-wrapper .title-bar .close { text-decoration: none }	
	/* Content Region */

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

.boxy-content { padding: 5px; }
	/* Question Boxes */

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

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

.boxyButton { border: 1px solid #d0d0d0; }

.boxyButton:hover { background-color: white; }