project_report.css

body,
html {
    margin:10;
    padding:0;
    color:#000;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 1em; /* 1em=16px */
}
#header {
    /*padding:5px 10px;*/
}
#wrap {
    width:900px;
    /*margin:0 auto;*/
    margin-left: 20;
}
#main {
    float:left;
    width:500px;
    padding:10px;
    background:#F0F0F0;
}
#footer {
    clear:both;
    padding:5px 10px;
    #background:#cc9;
}
#sidebar {
    float:right;
    width:350px;
    padding:10px;
}
#nav {
    padding:5px 10px;
}
#nav ul {
    margin:0;
    padding:0;
    list-style:none;
}
#nav li {
    display:inline;
    margin:0;
    padding:0;
}
h1 {
    margin:0;
}
#chart_title , #chart_caption {
    margin:0 0 1em;
    color: black;
}
#chart_caption {
    text-align: center;
}
#chart_title em , #chart_caption em {
    color: red;
}
#footer p {
    margin:0;
}
* html #footer {
    height:1px;
}
path {
    fill: none;
    stroke: black;
    stroke-width: 2px;
}
.tick {
    fill: none;
    stroke: black;
}
circle {
    stroke: none;
}
line {
    fill: none;
}
.year_select,.region_select {
    padding: 5px;
    background:#F0F0F0;
    font-size: 1em;
    display: none;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.tooltip {
    line-height: 0.25em;
    margin: 0px;
    padding: 5px;
    max-width: 230px;
    border-radius: 2px;
    color: #333;
    background: #eee;
    font-size: 0.85em;
    font-weight: bold;
    text-align: center;
    position: absolute;
    display: none;
}
.tooltip table {
    font-size: 0.85em;
    font-weight: bold;
}
.tooltip table #country_field,#region_field,#hdi_field{
    text-align: right;
}
.tooltip:after {
    top: 69px;
    font-size: 0.85em;
    color: white;
    content: attr(info-tip);
    display: block;
    position: absolute;
    z-index: 99;
}

fieldset {
    border: 2px solid black;
    font-size: 0.85em; /* 1em=16px */    
}
legend {
    border: 2px solid black;
    font-size: 1.125em; /* 1em=16px */
    font-weight: bold; /* 1em=16px */
}