span.ESP-timeline-artist
{
font-variant: small-caps;
font-weight: 700;
}


div.ESP-timeline-header-box
{
font-size:90%;
font-weight: bolder;
padding-top:3px;
padding-bottom:3px;
width:100%;
display:table;
text-align:center;
margin-top:0.0em;
margin-bottom:1.0em;
background:#EEE;
border: solid 1px #048;
}

div.ESP-timeline-controls-box
{
font-size:80%;
font-weight: normal;
width:100%;
margin-left:auto;
margin-right: auto;
xxdisplay:table;
text-align:center;
color: white;
padding: 0.0em;
background-color:pink;
border: solid 1px #048;
hheight:25px;
}

div.ESP-timeline-controls-select
{
text-align:left;
padding-top: 5px;
height:20px;
width:100%;
font-size:80%;
font-weight: bolder;
color:#048;
margin-top:-1.0em;
background:white;
}

div.ESP-timeline-pop-menu-box
{
font-size:80%;
font-weight: normal;
width:90%;
margin-left:auto;
margin-right: auto;
display:table;
text-align:center;
padding: 0.0em;
}
  
div.ESP-timeline-header-controls-left-1
{
padding-top: 4px;
padding-bottom: 5px;
width:40%;
float:left;
background-color:#048;
display:block;
border-left: solid 1px #048;
margin-left:-1px;
}
div.ESP-timeline-header-controls-left-2
{
padding-top: 4px;
padding-bottom: 5px;
width:40%;
color:black;
font-weight:bolder;
background-color:#cFc;
float:left;
display:none;
border-left: solid 1px #048;
margin-left:-1px;
}
div.ESP-timeline-header-controls-middle-1
{
padding-top: 4px;
padding-bottom: 5px;
width:20%;
float:left;
display:block;
background-color:#048;
border-left: solid 1px #ccc;
margin-left: -1px;
}

div.ESP-timeline-header-controls-middle-2
{
padding-top: 4px;
padding-bottom: 5px;
width:20.0%;
color:black;
font-weight:bolder;
background-color:#cFc;
float:left;
display:none;
border-left: solid 1px #ccc;
margin-left: -1px;
}
div.ESP-timeline-header-controls-right-1
{
background-color:#048;
padding-top: 4px;
padding-bottom: 5px;
width:40%;
float:left;
display:block;

border-left: solid 1px #ccc;
margin-left: -1px;
border-right: solid 1px #048;
margin-right:-1px;
}
div.ESP-timeline-header-controls-right-2
{
padding-top: 4px;
padding-bottom: 5px;
width:40%;
float:right;
display:none;
font-weight:bolder;
color:black;
background-color:#cFc;
display:none;
border-left: solid 1px #ccc;
margin-left: -1px;
border-right: solid 1px #048;
margin-right:-1px;
}

div.ESP-timeline-header-controls-left-1 p {display:inline;cursor:pointer;}
div.ESP-timeline-header-controls-left-2 p {display:inline;cursor:pointer;}

div.ESP-timeline-header-controls-right-1 p {display:inline;cursor:pointer;}
div.ESP-timeline-header-controls-right-2 p {display:inline;cursor:pointer;}

div.ESP-timeline-header-controls-middle-1 p {display:inline;cursor:pointer;}
div.ESP-timeline-header-controls-middle-2 p {display:inline;cursor:pointer;}

div.ESP-pop-menu
{
display:none;
text-align: left;
color:black;
margin:0;
}

div.PML
{
width:50%;
float:left;
border: solid 1px #048;
margin-left:0.5%;
margin-top:15px;
margin-bottom:1.0em;
}
div.PMM
{
width:92%;
float:left;
border: solid 1px #048;
margin-left:4%;
margin-top:15px;
margin-bottom:1.0em;
background:white;
}
div.PMR
{
width:50%;
float:left;
border: solid 1px #048;
margin-left:49.0%;
margin-top:15px;
margin-bottom:1.0em;
}
div.PMX
{
background:bfb;
}
div.ESP-pop-menu-top
{
height:26px;
text-align:left;
font-weight:bolder;
background-color: #eee;
padding-left:1.0em;
padding-right: 0.8em;
border-bottom: solid 1px #CCC;
}
div.ESP-pop-menu-top-alt
{
height:26px;
text-align:left;
font-weight:bolder;
padding-left:1.0em;
padding-right: 0.8em;
border-bottom: solid 1px #048;
background-color: #cfc;
}

div.ESP-pop-menu-choices
{
background-color: white;  
padding-top: 1.5em;
padding-right: 1.0em;
line-height:160%;  
padding-left: 1.0em;
padding-bottom:0.5em;
}

div.ESP-pop-menu-choices a
{
color:black;
text-decoration:none;
font-weight: normal;
}

div.ESP-pop-menu-choices a:hover
{
font-weight: normal;
text-decoration: underline;
}

div.ESP-all-years
{
width:100%;
padding-bottom:1.0em;
letter-spacing:0.07em; 
font-variant: small-caps;
}

div.ESP-year-choice
{
width:33%;
float:left;
background:white;
}

span.ESP-pop-menu-close
{
padding-top:1.0em;
display:inline;
text-align: right;
float:right;
font-size:140%;
cursor: pointer;
width: 4.0em; 
}

div.ESP-timeline-header-caption-left
{
width:42%;
float:left;
display:block;
}
div.ESP-timeline-header-caption-middle
{
width:16%;
float:left;
display:block;
}
div.ESP-timeline-header-caption-right
{
width:42%;
float:right;
display:block;
}


div.ESP-timeline-footer-caption-left
{
hheight:1.5em;
width:42%;
float:left;
display:block;
ppadding-top: 0.4em;
bborder-top: solid 1px #048;
}
div.ESP-timeline-footer-caption-middle
{
hheight:1.5em;
width:16%;
float:left;
ppadding-top: 0.4em;
display:block;
}
div.ESP-timeline-footer-caption-right
{
hheight:1.5em;
width:42%;
float:right;
display:block;
ppadding-top: 0.4em;
bborder-top: solid 1px #048;
}


p.ESP-timeline-header-entry
{
display:block;
}


div.ESP-timeline-year-box
{
width:100%;
font-size:90%;
display:table;
text-align:center;
}
  
div.ESP-timeline-year-left
{
width:42%; 
float:left;
display:block;
}
div.ESP-timeline-year-middle
{
display:block;
width:16%;
float:left;
}
div.ESP-timeline-year-right
{
width:42%;
float:right;
display:block;
}


p.ESP-timeline-entry-left
{
text-align: right;
  font-size: 90%;
  margin: 0;
  padding: 0;
  padding-top: 1.250em;
  border-top: solid #ccc 1px;
  margin-top: 0.75em;
  margin-bottom: 0.50em;
  clear:both;
  line-height: 130%;
  float: left;
  width: 100%;
  letter-spacing: 0.04em;
  line-height: 1.3em;
}

p.ESP-timeline-entry
{
  font-size: 90%;
  margin: 0;
  padding: 0;
  padding-top: 1.250em;
  border-top: solid #ccc 1px;
  margin-top: 0.75em;
  margin-bottom: 0.50em;
  clear:both;
  line-height: 130%;
  float: left;
  width: 100%;
  letter-spacing: 0.04em;
  line-height: 1.3em;
 ;}


p.ESP-timeline-entry-left a
{
font-weight: 700;  
font-variant: small-caps;
}

p.ESP-timeline-entry a
{
font-weight: 700;  
font-variant: small-caps;
}


.ESP-controls
{
color: red;
font-size: 80%;
}


/* ---------------------------------------- */

.ESP-timeline-box table
{
  font-size: 90%;
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: 0.04em;
  line-height: 130%;
  text-align: center;
  margin-left:auto;
  margin-right:auto;
}



TD.ESP-timeline-table-left
{
  width: 42%;

  text-align: right;
}

TD.ESP-timeline-table-right
{
  width: 42%;

  text-align: left;
}

TD.ESP-timeline-table-middle
{
  width:16%;

  text-align: center;
}

TD.ESP-timeline-table-header
{
  padding-bottom: 8px;
  width: 42%;


}

TD.ESP-timeline-table-footer
{
  padding-top: 8px;
  width: 42%;

  font-size: 120%;
  letter-spacing:0.14em;
  text-align: center;
  font-weight: bolder;
  border-top: solid;
  border-top-color: #048;
  border-top-width: 1px;
  }


/*
div.ESP-timeline-entry
{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 0.8em; 
}
*/

div.ESP-timeline-main
{
  font-size: 100%;
  line-height: 110%;
}

div.timeline-name
{
  padding-left: 1.0em;
  display: block;
  text-align: left;

  font-size: 90%;

  letter-spacing: 0.08em;

  margin: 0;
  margin-right: 1em;
  margin-bottom: 0.5em;
  letter-spacing: 0.08em;
}

div.timeline-name-2
{
  padding-left: 6.0em;
  display: block;
  text-align: left;

  font-size: 80%;

  letter-spacing: 0.08em;

  margin: 0;
  margin-right: 1em;
  margin-bottom: 1.5em;
  letter-spacing: 0.08em;
}



div.timeline-text
{
  font-size: 90%;
  padding-left: 2em;
  padding-right: 1.0em;
  line-height: 130%;

  letter-spacing: 0.02em;

  width: auto;
 
  margin-bottom: 1em;
  
}


img.timeline-right
{
  float: left;
  margin:0;
  margin-right: 8px;
  margin-bottom: 10px;
  padding:0;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  width: 20%;
}

img.timeline-left
{
  float: right;
  margin:0;
  margin-left: 10px;
  margin-bottom: 12px;
  padding:0;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  width: 20%;
}


@media screen and (max-width: 620px) 
{
 span.ESP-timeline-details {display:none;}
} 
@media screen and (max-width: 410px) 
{
 div.ESP-timeline-header-caption-middle {display:none;}
 div.ESP-timeline-footer-caption-middle {display:none;}
}