.boxy-wrapper { position: absolute; border-collapse:separate; border-collapse:inherit; }
.boxy-wrapper.fixed { position: fixed; }

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

  .boxy-wrapper { empty-cells: show; z-index: 500;}
	.boxy-wrapper .top-left,
	.boxy-wrapper .top-right,
	.boxy-wrapper .bottom-right,
	.boxy-wrapper .bottom-left { width: 20px; height: 20px; padding: 0 }
	
	.boxy-wrapper .top-left { background: url('/system/application/assets/images/boxy/boxy-nw.png'); }
	.boxy-wrapper .top-right { background: url('/system/application/assets/images/boxy/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { background: url('/system/application/assets/images/boxy/boxy-se.png'); }
	.boxy-wrapper .bottom-left { background: url('/system/application/assets/images/boxy/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-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/system/application/assets/images/boxy/boxy-nw.png'); }
	.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/system/application/assets/images/boxy/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/system/application/assets/images/boxy/boxy-se.png'); }
	.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/system/application/assets/images/boxy/boxy-sw.png'); }
	
	.boxy-wrapper .top,
	.boxy-wrapper .bottom { height: 10px; background-color: white; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	.boxy-wrapper .lefty,
	.boxy-wrapper .righty { width: 10px; background-color: white; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	/* Title bar */
	
	.boxy-wrapper .title-bar { background-color: #E8F0F4; padding: 15px; position: relative; border-bottom:1px solid #dee6ea; }
	.boxy-wrapper .title-bar.dragging { cursor: move; }
	.boxy-wrapper .title-bar h2 { font-size: 22px; color: #385466; line-height: 1; margin: 0; padding: 0; font-weight: bold; visibility:visible; }
	.boxy-wrapper .title-bar .close { 
		color: #FF8F16; 
		position: absolute; 
		top: -10px; 
		right: -10px;
		text-indent:-9999px;
		background: url('/system/application/assets/images/boxy/boxy-close.png') no-repeat; 
		height:27px;
		width:27px;
		z-index:9000;
	}
		
	/* Content Region */
	
	.boxy-inner-wrap { background-color: #E8F0F4;}
	.boxy-inner { background-color: white; padding: 5px; color:#333; border:1px solid #999;}
	.boxy-content { padding: 15px; }
	
	/* Question Boxes */

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