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

  /* Modal */
  
  .boxy-modal-blackout { position: absolute; background-color: rgb(102, 102, 102); 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 }
	
	.boxy-wrapper .top-left { background: url('../img/boxy/boxy-nw.png'); }
	.boxy-wrapper .top-right { background: url('../img/boxy/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { background: url('../img/boxy/boxy-se.png'); }
	.boxy-wrapper .bottom-left { background: url('../img/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 img */
	.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/boxy/boxy-nw.png'); }
	.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/boxy/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/boxy/boxy-se.png'); }
	.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/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: white; padding: 10px 0 10px 10px; position: relative;  margin: 0 0 0 0; border-bottom: 1px dashed #888; }
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	    .boxy-wrapper .title-bar h2 { font-size: 12px; color: #333; line-height: 1; margin: 0; padding: 0; font-weight: bold; }
	    .boxy-wrapper .title-bar .close { color: #333; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
		
	/* Content Region */
	
	.boxy-inner { background-color: #FFF; padding: 0; }
	.boxy-innerVideo { background-color: #222; padding: 0; }
	.boxy-content { }
	
	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; font-size: 15px; padding: 10px; }
    .boxy-wrapper .answers { text-align: right; padding: 0 10px 10px; }
    
   /* States */ 
   
   .titleBarError {  }
   .boxy-content .questionError { background: url(../img/icon_error.png) no-repeat; padding: 5px 10px 10px 95px; margin: 15px 0 0 10px; float: left; width: 280px !important; }
   .boxy-content .questionSuccess {  background: url(../img/icon_success.png) no-repeat; padding: 5px 10px 10px 95px; margin: 20px 10px 10px 10px; float: left; width: 280px !important; }