/* ---- boxes ---- */

.bluebox {
	background-color: #f0f0f3;
	color: #000000;	
	border: 1px #060660 solid;
	text-align: justify;
	overflow: hidden;
}

.bluebox-title {
	clear: both;
	padding: 0 5px 0 5px;
	margin: 0;
	font-weight: bold;
	text-decoration: underline;
	text-align: left;
	overflow: hidden;
}

.bluebox-content {
	clear: both;
	padding: 0 5px 0 5px;
	margin: 0;
}

.bluebox-link {
	padding: 0 5px 0 5px;
	margin: 0;
	text-align: right;
}

.bluebox-link a, .bluebox-link a:link, .bluebox-link a:active, .bluebox-link a:visited {
	background-color: transparent;
	color: #060660;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

.bluebox-link a:hover {
	background-color: transparent;
	color: #000000;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

/* ---- box control ---- */

.bluebox-tab {
	background-color: #f0f0f3;
	color: #060660;
	float: left;
	border: 1px #060660 solid;
	border-bottom: 0;
	text-align: center;
	padding: 1px 0 0 0;	
	margin: 0 0 0 5px;
}

.bluebox-tab a, .bluebox-tab a:link, .bluebox-tab a:active, .bluebox-tab a:visited, .bluebox-tab a:hover {
	background-color: #f0f0f3;
	color: #060660;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.bluebox-tab-active {
	background-color: #060660;
	color: #ffffff;
	float: left;
	border: 1px #060660 solid;
	border-bottom: 0;
	text-align: center;
	padding: 1px 0 0 0;	
	margin: 0 0 0 5px;
}

.bluebox-tab-active a, .bluebox-tab-active a:link, .bluebox-tab-active a:active, .bluebox-tab-active a:visited, .bluebox-tab-active a:hover {
	background-color: #060660;
	color: #ffffff;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}