.boxy-wrapper { position: absolute; max-width: 1000px; min-width: 250px; }
.boxy-wrapper.fixed {position: fixed;min-width: 50vw;}

/* Modal */
.boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }
/* Border */
.boxy-wrapper { empty-cells: show; }
.boxy-wrapper .boxy-top-left,
.boxy-wrapper .boxy-top-right,
.boxy-wrapper .boxy-bottom-right,
.boxy-wrapper .boxy-bottom-left { width: 10px; height: 10px; padding: 0 }

	/*:root .boxy-wrapper .boxy-top-left { background: url('../images/boxy-nw.png'); }
	:root .boxy-wrapper .boxy-top-right { background: url('../images/boxy-ne.png'); }
	:root .boxy-wrapper .boxy-bottom-right { background: url('../images/boxy-se.png'); }
	:root .boxy-wrapper .boxy-bottom-left { background: url('../images/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 .boxy-top-left {
		/*#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-nw.png');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-nw.png')";*/
    background: #fff;
    opacity: 0.8; filter: alpha(opacity=80)
	}
.boxy-wrapper .boxy-top-right {
		/*#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-ne.png');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-ne.png')";*/
    background: #fff;
    opacity: 0.8; filter: alpha(opacity=80)
	}
.boxy-wrapper .boxy-bottom-right {
		/*#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-se.png');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-se.png')";*/
    background: #fff;
    opacity: 0.8; filter: alpha(opacity=80)
	}
.boxy-wrapper .boxy-bottom-left {
	/*	#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-sw.png');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-sw.png')";*/
    background: #fff;
    opacity: 0.8; filter: alpha(opacity=80)
	}

.boxy-wrapper .boxy-top,
.boxy-wrapper .boxy-bottom { height: 10px; background-color: #fff; opacity: 0.8; filter: alpha(opacity=80); padding: 0 }

.boxy-wrapper .boxy-left,
.boxy-wrapper .boxy-right { width: 10px; background-color: #fff; opacity: 0.8; filter: alpha(opacity=80); padding: 0 }

	/* Title bar */

.boxy-wrapper .title-bar { background-color: #ebeff6; padding: 10px 30px 10px 10px; position: relative; }
.boxy-wrapper .title-bar.dragging { cursor: move; }
.boxy-wrapper .title-bar h2 { font-size: 16px; color: #333; line-height: 1; margin: 0; padding: 0; font-weight: normal;  text-transform: uppercase; font-weight: bold}
.boxy-wrapper .title-bar .close { color: red; position: absolute; top: 6px; right: 6px; line-height: 1; opacity: 1 }

	/* Content Region */

.boxy-inner { overflow: hidden; background-color: white; padding: 0 }
.boxy-content {text-align: center}

	/* Question Boxes */

.boxy-wrapper .question { width: 350px; padding: 15px 0 }
.boxy-wrapper .answers { text-align: center; }