/**********************************************/
/* Water Conflict Timeline Stylesheet         */
/* Matthew Heberger, Nov 2008                 */
/**********************************************/

body{
  font-family: Helvetica, Arial, sans-serif;
  color: black;
  font-size: 85%;
  margin: 1em;
}

a{
  color: #0066CC;
}

a:link{
  color: #0066CC;
}

a:visited{
  color: purple;
}

a:hover{
	text-decoration: underline;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -0.04em;
	font-size: 3.0em;
	color:#2364AB;
	text-shadow: 2px 2px 2px lightgray;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -0.05em;
	font-size: 1.6em;
}

h3{
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: -0.05em;
  font-size: 1.2em;
}



div.infotitle {
  font-weight: bold;
}

div.infodescription {
  padding-bottom: 2.5em;
}

span.zoom {
  position:absolute; 
  right:1em;
}

table{
  border-top:    solid 1px black;
  border-bottom: solid 1px black;
  border-collapse: collapse;
}

table th{
  border-bottom: solid 1px black;
  background-color: white;
}

table td {
  padding: 1em 0.5em 1em 0.5em;
}

table tr.striped{
  background-color: #f8f8f8;
}

table tr.highlight{
  background-color: #ecf6fc;
}

.container {
   position: relative;
   height: 3.5em;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   }

.left-element {
   position: absolute;
   left: 0;
   width: 80%;
   
   }

.small-left-element {
   position: absolute;
   left: 1em;
   width: 30%;
   padding: 0.5em 0 0 0.5em;
   }

.right-element {
   position: absolute;
   right: 1em;
   width: 20%;
   text-align: right; /* depends on element width */
   padding: 0.5em 0 0 0.5em;
} 

.middle{
  width:80%;
  text-align:center;
  padding: 0.5em 0 0 0.5em;
}

label{
  font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	white-space:nowrap;

}

.notfirst {
  padding-left: 1em;
}

#logo {
 position: absolute; 
 top:1em; 
 right:1em;
}

input, select, textarea, checkbox, radio {
  margin-right: 1em;
	font-family: Helvetica, Arial, sans-serif;
}

.code{
  font-family: "Courier New", Courier, monospace;
  background-color: #dcdcdc;
  font-size: 80%;
}

#txt ol {
 margin: 0.5em 0 0 -1em;

}

.timeline-event-label{
  line-height: 0.8;
}

.highlight { background-color: #FFFF99; }

#clearer{
    display:inline-block;
    width:10px;
    height:10px;
    position:relative;
    left:-26px;
    font-size: 125%;
    border:none;
	color: gray;
	font-weight: bold;
    cursor: pointer;
}

.
element.style {
    left: 2602px;
    top: 183px;
    width: 282px;
}
.timeline-event-icon, .timeline-event-label, .timeline-event-tape {
    cursor: pointer;
    position: absolute;
}
.timeline-event-label {
	font-size: 90%;
}