/* simple css-based tooltip */
#tooltip{
    width:auto;
    max-width:640px;
    min-width:100px;
    border: 1px solid black;
    background: #dcc896;
    padding:5px;
    margin-top:5px;
    margin-left:7px;
	font-size:12px;
    color:#000;
}

#tooltip #ttimg.top{
    margin-top:-17px;
    margin-left:2px
}
#tooltip #ttimg.bottom{
    bottom:0;
    margin-bottom:-12px;
    margin-left:2px
}

#tooltip.default{
    border: 1px solid black;
    background:#dcc896;
    color:#000;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px; 
    margin-top:2px;
}

#tooltip.default #ttimg.top{
	position:absolute;
		margin-top:-8px;
    margin-left:-8px
}
#tooltip.default #ttimg.bottom{
	position:absolute;
    bottom:0;
    margin-bottom:-3px;
    margin-left:-8px
}

div.tooltip  {
	background-color:#dcc896;
	border:1px solid #000;
	padding:10px 15px;
	width:150px;
	display:none;
	color:#000;
	text-align:left;
	font-size:12px;
	z-index:9;
	text-align: justify;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}

div.tooltip2 {
	background-color:#dcc896;
	border:1px solid #000;
	padding:10px 15px;
	width:300px;
	display:none;
	color:#000;
	text-align:left;
	font-size:12px;
	z-index:9;
	text-align: justify;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}

div.tooltip3 {
	background-color:#dcc896;
	border:1px solid #000;
	padding:10px 15px;
	width:460px;
	display:none;
	color:#000;
	text-align:left;
	font-size:12px;
	z-index:9;
	text-align: justify;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}

div.tooltip3b {
	background-color:#dcc896;
	border:1px solid #000;
	padding:10px 15px;
	width:630px;
	display:none;
	color:#000;
	text-align:left;
	font-size:12px;
	z-index:9;
	text-align: justify;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}

div.tooltip4 {
	background-color:#dcc896;
	border:1px solid #000;
	padding:10px 15px;
	width:300px;
	display:none;
	color:#000;
	text-align:left;
	font-size:12px;
	z-index:9;
	text-align: justify;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}


table.b_b{
border: solid;
border-width: 1px;
border-color: Black;
border-collapse: collapse;
border-style: solid;
}
td.dol_b        {
	border: 1px none Black;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-style: none;
	border-top: none;
}

tr.ww2_b, div.ww2_b{
	background: #e5c677;
}

tr.ww1_b, div.ww1_b{
	background: #d1b56d;
}

tr.ww0_b{
	background: #c0a158;
}