.tooltip{
position:relative; /*this is the key*/
z-index:24; background-color:#ccc;
color:#000;
text-decoration:none}

.tooltip:hover{z-index:25; background-color:#ff0}

.tooltip span{display: none}

.tooltip:hover span{ /*the span will display just on :hover state*/
display:block;
position:fixed;
top:2em; left:2em; width:15em;
border:1px solid #0cf;
background-color:#cff; color:#000;
text-align: center}

table.indicators {
        border-width: 1px 1px 1px 1px;
        border-spacing: 2px;
        border-style: none none none none;
        border-color: gray gray gray gray;
        border-collapse: separate;
        background-color: #DDDDFF;
}
table.indicators tbody {
        border-style: inset inset inset inset;
        background-color: white;
        -moz-border-radius: 0px 0px 0px 0px;
}

table.indicators tbody tr:first-child {
        border-style: inset inset none none;
        vertical-align: bottom;
        -moz-border-radius: 0px 0px 0px 0px;
}

table.indicators tbody tr:first-child th:first-child {
        height: 4em;
        font-size: 150%;
        text-align: left;
}
table.indicators tr.everysecond {
        background-color: #EEEEEE; 
}

table.indicators tr:last-child {
        border-style: inset inset none none;
        -moz-border-radius: 0px 0px 0px 0px;
}

table.indicators tr.composite {
        border-style: inset inset inset inset;
        border-color: gray gray gray gray;
        border-collapse: separate;
        -moz-border-radius: 0px 0px 0px 0px;
}

table.indicators TR.subheading TD {
        font-size: 80%;
        font-style: italic;
}

table.indicators TD.data,TH {
        text-align: right;
}

table.indicators TD.estimate {
        text-align: right;
}

table.indicators TD.projection {
        text-align: right;
}

table.indicators TD.observed {
        text-align: right;
}

table.indicators TD.nah {
        background-color: #d0d0d0; 
}


table.indicators TD.datafut {
        color: green;
		background-color: #f5fff5;

/*		border-left: 1px solid #000000; */


}

table.indicators TD.datacur {
        color: green;
}

BODY {
        margin: 0 auto;
        /* background-color: #AAAAFF; */
		background-color: #FFFFFF;
        font-family: Arial,Helvetica,sans-serif;
		width: 1024;
		text-align:center;
}

#wrapper {
width: 1024px;
height: 100%;
		text-align: left;
}


html {
overflow-x: hidden;
}

#introduction {

		margin: 10px;
}

DIV.wrap {
        height: 100%;
        width: 100%;
        overflow: auto;
		text-align: left;
}

.warning {
        background-color: #FF7020;
}

.hidevalue {
display: none;
/*visibility: collapse; */
}

.showvalue {
display: block;
}

.otherstep {
        font-size: xx-large;
        background-color: #DDDD88;
}

.currentstep {
        font-size: xx-large;
        background-color: #FFFFAA;
}

#userinputdialog
{
	position: absolute;
	left: 100;
	top: 100;
	height: 22;
	width: 75;
	background-color: #FFFFFF;
	display: none;
	border: 1px solid #C0C0C0;
	overflow: hidden;
	
	z-Index: 1;
	opacity: .90;
}

#user_nav {
	margin-top: 1px;
	margin-right: 4px;
	position: relative;
	float: right;
	text-align: right;
	min-height: 10px;
}

#ta {
display: block;
float: left;
border-right: 1px solid #cfcfcf;
}

#user_nav a {
	text-decoration: none;
	color: #505050;
	padding-top: 2px;
	padding-bottom: 2px;
}


#user_nav a:hover {
	text-decoration: none;
	color: #30afbf;
	padding-top: 2px;
	padding-bottom: 2px;
}