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

/* Modal */

.boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }

/* 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 }

:root .boxy-wrapper .top-left { background: url('/_p/images/boxy/boxy-nw.png'); }
:root .boxy-wrapper .top-right { background: url('/_p/images/boxy/boxy-ne.png'); }
:root .boxy-wrapper .bottom-right { background: url('/_p/images/boxy/boxy-se.png'); }
:root .boxy-wrapper .bottom-left { background: url('/_p/images/boxy/boxy-sw.png'); }

/* IE6-8 hacks for the border. IE7+8 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 {
#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_p/images/boxy/boxy-nw.png');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_p/images/boxy/boxy-nw.png')";
}
.boxy-wrapper .top-right {
#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_p/images/boxy/boxy-ne.png');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_p/images/boxy/boxy-ne.png')";
}
.boxy-wrapper .bottom-right {
#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_p/images/boxy/boxy-se.png');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_p/images/boxy/boxy-se.png')";
}
.boxy-wrapper .bottom-left {
#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_p/images/boxy/boxy-sw.png');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_p/images/boxy/boxy-sw.png')";
}

.boxy-wrapper .top,
.boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }

.boxy-wrapper .west,
.boxy-wrapper .east { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }

/* Title bar */

.boxy-wrapper .title-bar { background-color: #ffc000; padding: 6px; position: relative;border:1px solid #553f1c; }
.boxy-wrapper .title-bar-yellow { background-color: #ffc000 }
.boxy-wrapper .title-bar-red { background-color: #dd3c10 }
.boxy-wrapper .title-bar-blue { background-color: #3b5998 }
.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: normal; }
.boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }

/* Content Region */

.boxy-inner { overflow: hidden; background-color: white; padding: 0 }
.boxy-content { border-right:1px solid #553f1c;border-bottom:1px solid #553f1c;border-left:1px solid #553f1c; }

/* Question Boxes */

.boxy-wrapper .question { padding: 15px;width: 350px; }
.boxy-wrapper .answers { padding: 10px;border-top:1px solid #c2c2c2;background:#f0f0f0;text-align: right; }