/* ******* START tonebox ******* */
.monotone, .duotone
{
	position: relative;
	margin: 0px auto;
	min-width: 8em;
	max-width: 860px;
	/* based on image dimensions - not quite consistent with drip styles yet */
	color: #000;
	z-index: 1;
	margin-left: 12px;
	/* default, width of left corner */
	/* spacing under dialog */
	font-family: arial, helvetica, sans-serif;
}

.monotone .content, 
.monotone .t,
.monotone .b,
.monotone .b div
{
	background: transparent url(/static/images/dialog2-beige-800x1600.png) no-repeat top right;
	_background-image: url(/static/images/dialog2-beige-800x1600.gif);
}

.duotone .content, 
.duotone .t,
.duotone .b,
.duotone .b div
{
	background: transparent url(/static/images/dialog2-brown-800x1600.png) no-repeat top right;
	_background-image: url(/static/images/dialog2-brown-800x1600.gif);
}

.monotone .content, .duotone .content
{
	position: relative;
	zoom: 1;
	_overflow-y: hidden;
	padding: 0px 12px 0px 0px;
}

.monotone .t, .duotone .t
{
	/* top+left vertical slice */
	position: absolute;
	left: 0px;
	top: 0px;
	width: 12px;
	/* top slice width */
	margin-left: -12px;
	height: 100%;
	_height: 1600px;
	/* arbitrary long height, IE 6 */
	background-position: top left;
}

.monotone .b, .duotone .b
{
	/* bottom */
	position: relative;
	width: 100%;
}

.monotone .b, .monotone .b div, .duotone .b, .duotone .b div
{
	height: 20px;
	/* height of bottom cap/shade */
	font-size: 1px;
}

.monotone .b, .duotone .b { background-position: bottom right; }

.monotone .b div, .duotone .b div
{
	position: relative;
	width: 12px;
	/* bottom corner width */
	margin-left: -12px;
	background-position: bottom left;
}

.monotone .hd, .duotone .hd,
.monotone .bd, .duotone .bd,
.monotone .ft,  .duotone .ft { position: relative; }

.monotone .wrapper, .duotone .wrapper
{
	/* extra content protector - preventing vertical overflow (past background) */
	position: static;
	max-height: 1000px;
	overflow: auto;
	/* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.monotone h1, .duotone h1,
.monotone p, .duotone p
{
	margin: 0px;
	/* margins will blow out backgrounds, leaving whitespace. */
	padding: 0.5em 0px 0.5em 0px;
	line-height: 1.6em;
	font-size: 12px;
}

.monotone h1
{
	padding-top: 15px;
	font: 14px arial,"sans serif";
	font-weight: bold;
	color: #603813;
}

.duotone h1
{
	padding-top: 6px;
	font: 14px arial,"sans serif";
	font-weight: bold;
	color: #ede9e2;
}

.duotone h2
{
	padding-top: 6px;
	font: 14px arial,"sans serif";
	font-weight: bold;
	color: #000;
}

.monotone p
{
	font: 12px arial,"sans serif";
	font-weight: normal;
	color: #603813;
}

.duotone p
{
	font: 12px arial,"sans serif";
	font-weight: normal;
	color: #000;
}

.toneboxlink a
{
	font-size: 10px;
	float: right;
	color: #fff;
	padding-top: 2px;
}

/* ******* END tonebox ******* */
#icon-navigator
{
	position: absolute;
	top: -15px;
	left: -10px;
	width: 40px;
	height: 46px;
	background-image: url(/static/images/icon_navigator.png);
}

ul#lessonplans
{
	list-style-type: none;
	list-style-image: url(/static/images/icon_place.gif);
	list-style-position: inside;
}

ul#lessonplans li { font-size: 12px; }

.button img
{
	position: absolute;
	bottom: 0;
	right: 20px;
}