﻿.boxy-wrapper
{
	position: absolute;
}

/* Modal */

.boxy-modal-blackout
{
	position: absolute;
	background-color: black;
	opacity: 0.7;
	left: 0;
	top: 0;
}

/* Border */

.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( 'boxy-img/boxy-nw.png' );
}
.boxy-wrapper .top-right
{
	background: url( 'boxy-img/boxy-ne.png' );
}
.boxy-wrapper .bottom-right
{
	background: url( 'boxy-img/boxy-se.png' );
}
.boxy-wrapper .bottom-left
{
	background: url( 'boxy-img/boxy-sw.png' );
}

.boxy-wrapper .top, .boxy-wrapper .bottom
{
	height: 10px;
	background-color: black;
	opacity: 0.6;
	padding: 0;
}

.boxy-wrapper .left, .boxy-wrapper .right
{
	width: 10px;
	background-color: black;
	opacity: 0.6;
	padding: 0;
}

/* Title bar */

.boxy-wrapper .title-bar
{
	font-size: 12px;
	background-color: black;
	color: white;
	line-height: 1;
	padding: 6px;
	position: relative;
}
.boxy-wrapper .title-bar.dragging
{
	cursor: move;
}
.boxy-wrapper .title-bar .close
{
	color: white;
	position: absolute;
	top: 6px;
	right: 6px;
	font-size: 90%;
}

/* Content Region */

.boxy-inner
{
	background-color: white;
	padding: 0;
}
.boxy-content
{
	padding: 15px;
}

/* Question Boxes */

.boxy-wrapper .question
{
	width: 350px;
	min-height: 80px;
}
.boxy-wrapper .answers
{
	text-align: right;
}
