﻿/* boxy */

.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }

/* Modal */

.boxy-modal-blackout 
{
	position: absolute; 
	background-color: #747474; 
	left: 0; 
	top: 0;
}

/* Border */

.boxy-wrapper { empty-cells: show; }
	.boxy-wrapper .top-left {width:17px; height:14px; padding:0px;}
	.boxy-wrapper .top-right {width:18px; height:14px; padding:0px;}
	.boxy-wrapper .bottom-right {width:18px; height:19px; padding:0px;}
	.boxy-wrapper .bottom-left { width: 17px; height: 19px; padding: 0px; }
	
	/*.boxy-wrapper .top-left { background: url('/images/productpage/boxy-nw.png'); }
	.boxy-wrapper .top-right { background: url('/images/productpage/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { background: url('/images/productpage/boxy-se.png'); }
	.boxy-wrapper .bottom-left { background: url('/images/productpage/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='/images/productpage/boxy-nw.png'); }
	.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/productpage/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/productpage/boxy-se.png'); }
	.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/productpage/boxy-sw.png'); }
	
	.boxy-wrapper .top { height:14px; background:url('/images/productpage/boxy-top.png');}
	.boxy-wrapper .top { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='/images/productpage/boxy-top.png'); }
		
	.boxy-wrapper .bottom { height: 19px;  padding: 0; background:url('/images/productpage/boxy-bottom.png');}	
	.boxy-wrapper .bottom { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='/images/productpage/boxy-bottom.png'); }
	
	.boxy-wrapper .left {width:17px; padding: 0; background:url('/images/productpage/boxy-left.png');}
	.boxy-wrapper .left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='/images/productpage/boxy-left.png'); }
	
	.boxy-wrapper .right { width: 18px;  padding: 0; background:url('/images/productpage/boxy-right.png');}
	.boxy-wrapper .right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='/images/productpage/boxy-right.png'); }
	



/* Title bar */

.boxy-wrapper .title-bar { background-color: #000; padding: 6px; position: relative; }
.boxy-wrapper .title-bar.dragging { cursor: move; }
.boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
.boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }

/* Content Region */

.boxy-inner { background-color: #ffffff; padding: 0; border:1px solid #504e4e; }
.boxy-content { padding: 0px; }

/* Question Boxes */

.boxy-wrapper .question { width: 350px; min-height: 80px; }
.boxy-wrapper .answers { text-align: right;}