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

  /* Modal */
  
  .boxy-modal-blackout { position: absolute; background-color: #5d5d5d; 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(http://s3.liquidblue.com/boxy/boxy-nw.png); }
	:root .boxy-wrapper .top-right { background: url(http://s3.liquidblue.com/boxy/boxy-ne.png); }
	:root .boxy-wrapper .bottom-right { background: url(http://s3.liquidblue.com/boxy/boxy-se.png); }
	:root .boxy-wrapper .bottom-left { background: url(http://s3.liquidblue.com/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='http://s3.liquidblue.com/boxy/boxy-nw.png');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s3.liquidblue.com/boxy/boxy-nw.png')";
	}
	.boxy-wrapper .top-right {
		#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s3.liquidblue.com/boxy/boxy-ne.png');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s3.liquidblue.com/boxy/boxy-ne.png')";
	}
	.boxy-wrapper .bottom-right {
		#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s3.liquidblue.com/boxy/boxy-se.png');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s3.liquidblue.com/boxy/boxy-se.png')";
	}
	.boxy-wrapper .bottom-left {
		#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s3.liquidblue.com/boxy/boxy-sw.png');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s3.liquidblue.com/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 .left,
	.boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	/* Title bar */
	
	.boxy-wrapper .title-bar { background-color: #96c8ff; padding: 6px; position: relative; }
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	  .boxy-wrapper .title-bar :hover { cursor: move; }
	    .boxy-wrapper .title-bar h2 { font-size: 16px; font-family:Arial, Helvetica, sans-serif; color: #000; line-height: 1; margin: 0; padding: 0; font-weight: bold; }
	    .boxy-wrapper .title-bar .close { padding:2px 2px 2px 2px; cursor:pointer;  color:#000; font-size:14px; font-family:Arial, Helvetica, sans-serif; position:absolute; top:3px; right:3px; line-height:1; font-weight:700; text-decoration:none;}
		.boxy-wrapper .title-bar .close img {cursor:pointer; vertical-align:middle; }
	
	/* Content Region */
	
	.boxy-inner { background-color: #dad5d1; padding: 0;}
	.boxy-content { padding: 0px; }
	
	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }