/**************************************************************************/
/***				framed textbox				***/
/**************************************************************************/

.textbox
{
	width:			auto;
	color:			#000000;
	background-color:	#f0f0ff;
	border:			1px solid #0000a0;
	padding:		0;
	margin:			0.4em 0 0.8em 0;

	box-shadow:		3px 3px 5px #889;
	-moz-box-shadow:	3px 3px 5px #889;
	-webkit-box-shadow:	3px 3px 5px #889;
	-khtml-box-shadow:	3px 3px 5px #889;

	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
}

.textbox.full
{
	width:			100%;
}

.textbox.red
{
	background-color:	#fff0f0;
	border:			1px solid #a00000;

	box-shadow:		3px 3px 5px #988;
	-moz-box-shadow:	3px 3px 5px #988;
	-webkit-box-shadow:	3px 3px 5px #988;
	-khtml-box-shadow:	3px 3px 5px #988;
}

.textbox.green
{
	background-color:	#f0fff0;
	border:			1px solid #00a000;

	box-shadow:		3px 3px 5px #898;
	-moz-box-shadow:	3px 3px 5px #898;
	-webkit-box-shadow:	3px 3px 5px #898;
	-khtml-box-shadow:	3px 3px 5px #898;
}

.textbox.cyan,
.textbox.news
{
	background-color:	#f0ffff;
	border:			1px solid #008080;

	box-shadow:		3px 3px 5px #899;
	-moz-box-shadow:	3px 3px 5px #899;
	-webkit-box-shadow:	3px 3px 5px #899;
	-khtml-box-shadow:	3px 3px 5px #899;
}

.textbox .textbox-head,
table.textbox caption
{
	color:			#ffffff;
	background-color:	#000080;
	text-align:		center;
	font-weight:		bold;
	font-size:		120%;
	padding:		0.3em 0.5em;
}

.textbox .textbox-head a,
table.textbox caption a
{
	color:			#ffff00;
}

.textbox.red .textbox-head,
table.textbox.red caption
{
	background-color:	#800000;
}

.textbox.green .textbox-head,
table.textbox.green caption
{
	background-color:	#008000;
}

.textbox.news .textbox-head,
.textbox.cyan .textbox-head,
table.textbox.cyan caption
{
	background-color:	#008080;
}

.textbox .textbox-body
{
	padding:		0.2em 1em 0.5em 1em;
}

.textbox.center .textbox-body
{
	text-align:		center;
}

/**************************************************************************/

table.textbox
{
	border-collapse:	collapse;
	margin:			0 0 1em 0;

	-moz-border-radius:	0 0 5px 5px;
	-webkit-border-radius:	0 0 5px 5px;
	-khtml-border-radius:	0 0 5px 5px;
	border-radius:		0 0 5px 5px;
}

table.textbox caption
{
	-moz-box-shadow:	3px 3px 5px #889;
	-webkit-box-shadow:	3px 3px 5px #889;
	-khtml-box-shadow:	3px 3px 5px #889;
	box-shadow:		3px 3px 5px #889;

	-moz-border-radius:	5px 5px 0 0;
	-webkit-border-radius:	5px 5px 0 0;
	-khtml-border-radius:	5px 5px 0 0;
	border-radius:		5px 5px 0 0;
}

table.textbox.float-right
{
	float:			right;
	width:			280px;
	margin:			0 0 1em 1.5em;
}

table.textbox.float-left
{
	float:			left;
	width:			280px;
	margin:			0 1.5em 1em 0;
}

table.textbox th,
table.textbox td
{
	text-align:		left;
	padding:		0.1em 1em;
}

table.center th,
table.center td
{
	text-align:		center;
	padding:		0.1em 1em;
}

table.grid th,
table.grid td
{
	border:			1px solid #0000a0;
}

table.grid.red th,
table.grid.red td
{
	border:			1px solid #a00000;
}

table.grid.green th,
table.grid.green td
{
	border:			1px solid #00a000;
}

table.grid.cyan th,
table.grid.cyan td
{
	border:			1px solid #008080;
}

/**************************************************************************/
/***				multi column				***/
/**************************************************************************/

.multi-col
{
	width:			100%;
	padding:		0;
	margin:			0.5em 0;
	border-collapse:	collapse;
	border-spacing:		10px;
}

.multi-col .left-col
{
	vertical-align:		top;
	padding-right:		0.4em;
	margin:			0;
	min-width:		25%;
}

.multi-col .mid-col
{
	vertical-align:		top;
	padding-left:		0.4em;
	padding-right:		0.4em;
	margin:			0;
	min-width:		25%;
}

.multi-col .right-col
{
	vertical-align:		top;
	padding-left:		0.4em;
	margin:			0;
	min-width:		25%;
}

/**************************************************************************/
/***				spacing					***/
/**************************************************************************/

h2
{
	margin-top:		1.2em;
}

h3
{
	margin-top:		0.6em;
}

dl
{
	margin-top:		0.5em;
	margin-bottom:		0em;
}

dl + ul
{
	margin-top:		0em;
}

/**************************************************************************/
/***				youtube					***/
/**************************************************************************/

div.youtube .thumbcaption
{
	text-align:		center;
}