/* for the whole page, unless overridden */
body {     
  padding: 0;
  margin: 0;
  background-image: url("./img-static/bg.jpg");
  }

/* Long Bets specific styles */
.exp {
  font-size: 11px; 
  font-family: Verdana, Helvetica, sans-serif;
  }

.txt-lg {
  font-size: 16px; 
  font-family: Georgia, Times, serif;
  }
  
.txt {
  font-size: 14px; 
  font-family: Georgia, Times, serif;
  }
  
.txt-sm {
  font-size: 11px; 
  font-family: Georgia, Times, serif;
  }
  
.txt-lt {
  font-size: 14px; 
  font-family: Georgia, Times, serif; 
  color: #666666;
  }  

.node .txt-sm {
  padding: 5px 0;
  font-size: 12px;
  }

.key {
  width: 664px;
  margin: 10px 0;
  border: #ccc 1px solid;
  }
  
.key td {
  padding: 1px;
  font-size: 11px; 
  width: 50%;
  font-family: Verdana, Helvetica, sans-serif;
  text-align: center;
  }

/* links that have not been visited */
a:link {
  color: #930;
  text-decoration: none;
  }

/* links that have already been visited */
a:visited {
  color: #930;
  text-decoration: none;
  }

/* applied to a link when the cursor is hovering over it */
a:hover	{
  color: #c63;
  text-decoration: underline;
  }

/* the table at the very top of the page containing the logo image */
.logotable { 
  width: 100%;     /* percent of the browser window occupied by the table */
  margin: 0px;
  padding: 0px;
  }  

/* the table data cell which contains the logo image */
.logo {   
  text-align: right;
  background-color: #000;
  border-bottom: 1px solid #996;
  }

/* the table containing the title and navbar */
.titleandnav { 
  width: 100%;     /* percent of the browser window occupied by the table */
  }

/* the title cell itself */
.titlecell {
  padding: 6px 10px;    /* first value: top & bottom; second: left & right */
  font-family: verdana, helvetica, arial, sans-serif;  /* in order of */
                                                       /* desirability */ 
  font-size: 16px;
  border-top: 1px solid #996;
  border-bottom: 1px solid #996;
  color: #666;
  }  

/* the table cell which holds the navigation bar & surrounding whitespace */ 
.navcell {
  text-align: center;
  vertical-align: middle;
  padding-left: 15px;
  font-family: verdana, helvetica, arial, sans-serif; /* in order of */
                                                      /* desirability */
  font-size: 10px;
  color: #666;
  }  

/* table which holds the navigation bar & horizontal whitespace, but no
 * vertical whitespace */
.navtable {
  margin-left: auto; 
  margin-right: auto;
  }

/* the dates on both ends of the navigation bar */
.navlabel {
  font-family: verdana, helvetica, arial, sans-serif; /* in order of */
                                                      /* desirability */
  font-size: 10px;
  padding: 4px;
  } 

/* table cell that holds the "Long View Powered" image */
.power {
  padding-left: 15px;
  padding-right: 5px;
  text-align: right;
  }

/* row of dates labeling the X-axis of the timeline, at the top */
.ytabletop {
  border-bottom: 1px dotted #996;
  }

/* cell containing an individual date label on the X-axis of the timeline */
.ycell {
  text-align: center;
  vertical-align: top;
  padding: 0;
  font-family: verdana, helvetica, arial, sans-serif; /* in order of */
                                                      /* desirability */
  font-size: 10px;
  } 

/* row of dates labeling the X-axis of the timeline, at the bottom */
.ytablebottom {
  border-top: 1px dotted #996;
  border-bottom: 1px solid #996;
  }

/* table cell containing "Past", "Now", and "Future" at the top of the */
/* timeline*/
.pastnowcell {
  text-align: right;
  padding: 0;
  }

/* the table containing the body of the timeline */
#datatable {
  border-top: 1px #ddd solid;
  border-right: 1px #ddd solid;
  background-image: url('./img-generated/timeline-bg.png');
  }

/* the background of each timeline bar */  
.data {
  padding-top: 1px;
  padding-bottom: 1px;
  background-position: 200px;
  background-repeat: repeat-x;
  } 

/* the block that contains all of the timeline labels on the left side of
 * the screen. */
#labels {
  position: absolute;
  top: 26px;
  z-index: 3;
}

/* cell containing a single label on the left side of the screen */
.labelscell {
  font-size: 10px;
  font-weight: normal;
  font-family: verdana, helvetica, arial, sans-serif; /* in order of desirability */
  color: #999;
  padding-top: 3px;
  border: 0;
}

/* the popups themselves */
.node {
  position: absolute;
  visibility: hidden;
  color: #333;
  width: 200px;
  z-index: 5;
  border: 1px solid #999;
  background-image: url(./img-static/popup-bg.gif);
  padding: 6px;
}

/* The body of the popups (eg the HTML inside the table) */
.popupcell {
  font-size: 10px;
  font-weight: normal;
  font-family: verdana, helvetica, arial, sans-serif; /* in order of */
                                                      /* desirability */
}

/* Popup titles */
.popuptitle {
  font-size: 12px;
}