input {
	font: normal 8pt verdana,arial,sans-serif;
	color: black;
}

textarea {
	font: normal 8pt/13pt verdana,arial,sans-serif;
	color: black;
}

select {
	font: normal 8pt verdana,arial,sans-serif;
	color: black;
}

button {
	font: normal 8pt/13pt verdana,arial,sans-serif;
	color: black;
}

table.its thead tr {
	background-color: #69c;
	color: white;
}
table.its tr.even {
	background-color: #def;
	color: black;
}
table.its tr.odd {
	background-color: white;
	color: black;
}
table.its th {
	padding-left: 3px;
	padding-right: 3px;
}
table.its td {
	padding-left: 3px;
	padding-right: 3px;
}

.rate_l {
	font-weight: bold;
}

.rate_t {
	width: 50px;
	text-align: center;
}

.rate_r {
	width: 50px;
	text-align: center;
}

.rating {
	width: 50px;
	/*border: 1px solid #69c;*/
	text-align: center;
	background-color: #def;
	font-weight: bold;
	color: black;
}

.transition {
	width: 50px;
	text-align: center;
}

.mtrans_sum_ok {
	width: 50px;
	/*border: 1px solid gray;*/
	text-align: center;
	background-color: #F0F0F0;
	color: green;
	font-weight: bold;
}

.mtrans_sum_ko {
	width: 50px;
	/*border: 1px solid gray;*/
	text-align: center;
	background-color: #F0F0F0;
	color: red;
	font-weight: bold;
}

.sector {
	width: 50px;
	/*border: 1px solid #69c;*/
	text-align: center;
	background-color: #def;
	font-weight: bold;
	color: black;
}

.correl {
	width: 50px;
	text-align: center;
}

.correl_ro {
	width: 50px;
	text-align: center;
	background: #F0F0F0;
	color: gray;
}

.hint {
	display: none;
	width: 96%;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #c93;
	padding: 10px 12px;
	/* to fix IE6, I can't just declare a background-color,
	I must do a bg image, too!  So I'm duplicating the pointer.gif
	image, and positioning it so that it doesn't show up
	within the box */
	background: #ffc; /* url('pointer2.gif') no-repeat -10px 5px;*/
	text-align: justify;
}

.hint-pointer {
	position: relative;
	top: -20px;
	width: 20px;
	height: 10px;
	background: url('pointer2.gif') top no-repeat;
	float: right;
}

.hint-pointer3 {
	position: relative;
	top: 10px;
	width: 20px;
	height: 10px;
	background: url('pointer3.gif') bottom no-repeat;
	float: left;
}

sup { 
	vertical-align: 0.8ex; 
	font-size:95%; 
}
sub { 
	vertical-align: -0.6ex; 
	font-size:95%; 
}

.gray-bar {
	margin: 5px 0px 20px 0px;
	text-align: left;
	background-color: #E0E0E0;
	width: 100%;
}

.bl {background: url("cbl.png") 0 100% no-repeat; }
.br {background: url("cbr.png") 100% 100% no-repeat; }
.tl {background: url("ctl.png") 0 0 no-repeat; }
.tr {background: url("ctr.png") 100% 0 no-repeat; }

.header1 {
	font-size: 12pt;
	line-height: 22pt;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}

.section {
	min-height: 350px;
}

.tree-table tr {
	height: 25px;
}

pre {
	font-family: monospace;
	margin: 0;
	color: black;
	background-color: #ddd;
}

.title2 {
	font: normal 14pt/14pt verdana,arial,sans-serif;
	color: black;
}