#canvas
{
width: 100%;
padding: 4px 0 4px 0;
text-align: center;
border-spacing: 2px;
/*02-20*/background: url(trees.jpg);
/*02-20*/margin-bottom: 8px;
}

#banner
{
/*border: groove 2px #eee;*/
height: 30px;
border: solid 1px #bbb;
background: #000000;
font-size: 18px;
font-weight: bold;
color: #F5F5F5;
text-align: center;
}

#banner .counter
{
margin: 6px 6px 0 0;
}

#forecast, #predicted_fdi
{
height: 60px;
width: 190px;
border: solid 1px #eee;
background: url(chart_bg.png) 50% 30% no-repeat;
padding: 2px 4px 2px 4px;
font-size: 10px;
text-align: center;
vertical-align: top;
}

#predicted_fdi
{
/*
border: groove 2px #eee;
background: #e0e0e0;
*/
height: 180px;
}

#predicted_fdi ul
{
text-align: left;
padding: 0 0 0 16px;
}

#predicted_fdi table
{
width: 100%;
}

#browse
{
/*border: groove 2px #eee;*/
border: solid 1px #eee;
background: url(chart_bg.png) 50% 25% no-repeat;
width: 190px;
height: 84px;
padding: 2px 0 2px 0;
font-size: 14px;
text-align: center;
vertical-align: center;
}

#browse hr
{
border: outset 1px #f8f8f8;
margin: 2px 10px 1px 10px;
}

#browse input, #browse select
{
margin: 1px;
padding: 0;
font-size: 11px;
text-align: center;
}

#radar
{
border: groove 2px #eee;
width: 240px;
height: 240px;
padding: 0;
/*02-20*/background: #ddd;
text-align: center;
vertical-align: top;
}

#dashboard
{
border: inset 2px #eee;
width: /*690px*/ 520px;
background: white url(longclouds.jpg) no-repeat;
/*background: white url(cloud3.jpg) no-repeat center;
*/
padding: 0 8px 8px 0;
text-align: center;
vertical-align: top;
}

#dashboard td
{
padding: 12px 0 0 12px;
text-align: center;
}

#dashboard .popupgraph
{
background: #d0ffd0;
position: absolute;
left: /*45%*/ 47%;
top: /*200px*/ 270px;
}