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

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

a{
  color: #0066CC;
}

a:link{
  color: #0066CC;
}

a:visited{
  color: purple;
}

a:hover{
  text-decoration: underline;
}

h1{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  letter-spacing: -0.05em;
  font-size: 2.0em;
  color:#2364AB;
}

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

h3{
  font-family: "Trebuchet MS", 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: 0.2em 0.5em 0.2em 0.5em;
}

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

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

.container {
   position: relative;
   height: 2.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;
}

.notfirst {
  padding-left: 1em;
}

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

input, select, textarea, checkbox, radio {
  margin-right: 1em;
}

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