body {
   font: 0.8em sans-serif;
}

a, a:visited, a:active {
   color: #0382b4;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

form {   
   display: inline;
}

button, input[type=submit] {
   padding-right: 5px;
   padding-left: 5px;
}

table {
   width: auto;
}

thead th {
   padding-right: 30px;
   padding-bottom: 5px;
}

dt {
   float: left;
   clear: left;
   padding-right: 0.2em;
}

dd {
   padding: 0 0 0 1.5em;
}

#header li {
   margin-bottom: -28px;
}

#header li:first-child {
   width: 116px;
   height: 96px;
   background-image: url(birdy.gif);
   float: left;
}

#header li.description {
   width: 605px;
   margin-top: 59px;
   float: left;
   position: relative;
   z-index: 1;
}

#header li:last-child {
   margin-top: 20px;
   color: #0382b4;
   float: left;
   font-size: 17pt;
}

#applet div.nojava {
   margin-top: 200px;
   text-align: center;
}

#example-network {
   position: relative;
   height: 320px;
}

#example-network .image {
   width: 450px;
   height: 250px;
   background-image: url(example.png);
   background-repeat: no-repeat;
   background-position: 80px 20px;
}

#example-network .left {
   position: absolute;
   top: 150px;
   width: 190px;
   font-size: 0.85em;
}

#example-network .right {
   position: absolute;
   top: 250px;
   left: 270px;
   width: 200px;
   margin-bottom: -20px;
   font-size: 0.85em;
}

#about li {
   margin-top: 0.2em;
   margin-left: 1.4em;
   list-style-type: circle;
   list-style position: inside;
}

#profile tbody tr {
   color: #0382b4;
}

#profile tbody td, #about tbody td {
   padding-right: 30px;
}

#profile .image {
   width: 48px;
   height: 48px;
   padding: 5px 10px 10px 0;
   border: none;
   float: left;
}

#profile .screen_name {
   padding-bottom: 0.7em;
   color: #0382b4;
   font-size: 14px;
   font-weight: bold;
}

#profile td {
   text-align: right;
   font-weight: bold;
}

#conversation tbody td {
   padding-right: 15px;
}

#conversation .image1 {
   float: left;
}

#conversation .image2 {
   text-align: right;
   float: right;
}

#conversation .screen_name {
   color: #0382b4;
   font-size: 14px;
   font-weight: bold;
}

#conversation .graph {
   padding-top: 10px;
   clear: both;
}

#conversation .left {
   padding-right: 25%;
}

#conversation .right {
   padding-left: 25%;
   text-align: right;
}

#conversation img {
   border: none;
}

#loading, #error {
   margin-top: 200px;
   text-align: center;
}

#suggest {
   margin: 0 10px;
}

#tweet {
   margin: 0 10px;
}

.offset {
   margin-top: 1em;
}

.note  {
   font-size: 8pt;
}

.btn {
   background-color: #eeeeee;
   border-bottom: 1px solid #d5d5d5; 
   border-right: 1px solid #d5d5d5;
   padding: 0px 5px 0px 5px;
}

.key {
   color: #999999;
}

.remark {
   color: #999999;
   text-align: right;
}

.meta {
   color: #999;
   font-size: 0.85em;
}

.meta a {
   color: #999;
}

.template {
   display: none;
}

.top3  td:last-child {
   padding-left: 1.5em;
   text-align: right;
}

.help-template {
   margin: 10px 10px 10px 116px;
}

.tiny {
   font-size: 9pt;
}