.boxy-wrapper { position: absolute; top:10%; left:0;}
.boxy-wrapper.fixed { position: fixed; top:10%;}

  /* Modal */
  
  .boxy-modal-blackout { position: absolute; background-color: #9e4401; 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')";
	}
	.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')";
	}
	.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')";
	}
	.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')";
	}
	
	.boxy-wrapper .boxy-top,
	.boxy-wrapper .boxy-bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0; }
	
	.boxy-wrapper .boxy-left,
	.boxy-wrapper .boxy-right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0; }
	
	/* Title bar */
	
	.boxy-wrapper .title-bar { background-color: #fff; padding: 6px 6px 0 12px; position: relative; }
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	    .boxy-wrapper .title-bar h2 { 			
		font-family:"Times New Roman", Times, serif;
		font-size: 26px;
		color:#000;
		text-decoration: none;
		margin: 0;
		background: url(images/top2.png) no-repeat 0 0;
		display: block;
		width: 280px;
		height: 30px;
		text-shadow: 1px 1px 2px #666;
		}
	    .boxy-wrapper .title-bar .close { 
		font-family:"Times New Roman", Times, serif;
		font-size: 18px;
		color:#000;
		text-decoration: none;
		text-shadow: 1px 1px 2px #666;
		position: absolute; top: 6px; right: 6px; line-height: 1; 
		border: none;
		outline: none;
		}
		
	/* Content Region */
	
	.boxy-inner { 
	padding: 0; 
	background-color: #cc993e; /* fallback color */
    background-image: url(images/linear_bg_2.png); /* fallback image */
	background-image: -moz-linear-gradient(100% 100% 90deg, #cc993e, #c99437);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c99437), to(#cc993e));
	}
	
	.boxy-content { 
	background-color: transparent;
	display: block; 
	padding: 5px 15px 5px 15px;
	margin: 5px 15px 5px 15px;
	}
	
	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }

