.box {
	position: relative;
	margin: 0px auto;
	min-width: 180px;
	max-width: 800px; /* based on image dimensions - not quite consistent with drip styles yet */
	z-index: 1;
	margin-left: 11px; /* default, width of left corner */
	margin-bottom: 2px; /* spacing under dialog */
}
.box.side {
	min-width: 150px;
	max-width: 190px; /* based on image dimensions - not quite consistent with drip styles yet */
}
.box.full.blue,
.box.full.dark,
.box.full {
	min-width: 150px;
	max-width: 540px; /* based on image dimensions - not quite consistent with drip styles yet */
}
.box.middle {
	min-width: 350px;
	max-width: 390px; /* based on image dimensions - not quite consistent with drip styles yet */
}

.box.bottom {
	min-width: 540px;
	max-width: 580px; /* based on image dimensions - not quite consistent with drip styles yet */
}

.box .content,
.box .t,
.box .b,
.box .b div {
	background: transparent url(../image/box.png) no-repeat top right;
	_background-image: url(../image/box.gif);
}
.box.nhdp .content,
.box.nhdp .t,
.box.nhdp .b,
.box.nhdp .b div {
	background: transparent url(../image/boardbox.png) no-repeat top right;
	_background-image: url(../image/boardbox.gif);
}
.box.side .content,
.box.side .t,
.box.side .b,
.box.side .b div {
	background: transparent url(../image/sidebox.png) no-repeat top right;
	_background-image: url(../image/sidebox.gif);
}
.box.side.lowheader .content,
.box.side.lowheader .t,
.box.side.lowheader .b,
.box.side.lowheader .b div {
	background: transparent url(../image/sidebox2.png) no-repeat top right;
	_background-image: url(../image/sidebox2.gif);
}
.box.full.blue .content,
.box.full.blue .t,
.box.full.blue .b,
.box.full.blue .b div {
	background: transparent url(../image/sidebox-full3.png) no-repeat top right;
	_background-image: url(../image/sidebox-full3.gif);
}
.box.full.dark .content,
.box.full.dark .t,
.box.full.dark .b,
.box.full.dark .b div {
	background: transparent url(../image/sidebox-full2.png) no-repeat top right;
	_background-image: url(../image/sidebox-full2.gif);
}
.box.full .content,
.box.full .t,
.box.full .b,
.box.full .b div {
	background: transparent url(../image/sidebox-full.png) no-repeat top right;
	_background-image: url(../image/sidebox-full.gif);
}
.box.full.blue:hover .content,
.box.full.blue:hover .t,
.box.full.blue:hover .b,
.box.full.blue:hover .b div {
	background: transparent url(../image/sidebox-full4.png) no-repeat top right;
	_background-image: url(../image/sidebox-full4.gif);
}

.box.full.dark:hover .content,
.box.full.dark:hover .t,
.box.full.dark:hover .b,
.box.full.dark:hover .b div,
.box.full:hover .content,
.box.full:hover .t,
.box.full:hover .b,
.box.full:hover .b div {
	background: transparent url(../image/sidebox-fullhighlight.png) no-repeat top right;
	_background-image: url(../image/sidebox-fullhighlight.gif);
}
.box.middle .content,
.box.middle .t,
.box.middle .b,
.box.middle .b div {
	background: transparent url(../image/middlebox.png) no-repeat top right;
	_background-image: url(../image/middlebox.gif);
}
.box.bottom .content,
.box.bottom .t,
.box.bottom .b,
.box.bottom .b div {
	background: transparent url(../image/bottombox.png) no-repeat top right;
	_background-image: url(../image/bottombox.gif);
}

.box .t {
	/* top+left vertical slice */
	position: absolute;
	left: 0px;
	top: 0px;
	width: 11px; /* top slice width */
	margin-left: -11px;
	height: 100%;
	_height: 4096px; /* arbitrary long height, IE 6 */
	background-position: top left;
}
.box.nhdp .t,
.box.middle .t,
.box.bottom .t,
.box.full.blue .t,
.box.full.blue:hover .t,
.box.full.dark .t,
.box.full.dark:hover .t,
.box.full .t,
.box.full:hover .t,
.box.side.lowheader .t,
.box.side .t {
	background-position: top left;
	_height: 700px; /* arbitrary long height, IE 6 */
}

.box .content {
	position: relative;
	zoom: 1;
	_overflow-y: hidden;
	padding: 11px 11px 0px 0px;
}
.box .b {
	/* bottom */
	position: relative;
	width: 100%;
}
.box .b,
.box .b div {
	height: 18px; /* height of bottom cap/shade */
	font-size: 1px;
}
.box.nhdp .b,
.box.middle .b,
.box.bottom .b,
.box.full.blue .b,
.box.full.blue:hover .b,
.box.full.dark .b,
.box.full.dark:hover .b,
.box.full .b,
.box.full:hover .b,
.box.side.lowheader .b,
.box.side .b,
.box .b {
	background-position: bottom right;
}
.box .b div {
	position: relative;
	width: 11px; /* bottom corner width */
	margin-left: -11px;
	background-position: bottom left;
}
.box.nhdp .b div,
.box.middle .b div,
.box.bottom .b div,
.box.full.blue .b div,
.box.full.blue:hover .b div,
.box.full.dark .b div,
.box.full.dark:hover .b div,
.box.full .b div,
.box.full:hover .b div,
.box.side.lowheader .b div,
.box.side .b div {
	background-position: bottom left;
}

.box .hd,
.box .bd,
.box .ft {
	position: relative;
}
.box .wrapper {
	/* extra content protector - preventing vertical overflow (past background) */
	position: static;
	max-height: 4048px;
	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. */
}
.box.nhdp .wrapper,
.box.middle .wrapper,
.box.bottom .wrapper {
	max-height: 1000px;
}
.box.full.blue .wrapper,
.box.full.blue:hover .wrapper,
.box.full.dark .wrapper,
.box.full.dark:hover .wrapper,
.box.full .wrapper,
.box.full:hover .wrapper,
.box.side .wrapper {
	max-height: 700px;
}