@charset "utf-8";
/* CSS Document */

html, body {
height: 100%;
margin: 0;
padding: 0;
overflow:hidden;
text-align:center;
}
#titleBox {
margin-left: -310px;
width:620px;
height:28px;
background-color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times;
font-size:25px;
z-index:9000;
text-align:center;
position:fixed;
display: inline-block;
border:1px dotted;
}
#infoButton {
margin-left: 310px;
width:122px;
height:40px;
cursor: pointer;
position:fixed;
text-align:center;
right:2%;
bottom:60%;
z-index:9150;
background-color:rgba(53,53,53,0.2);
vertical-align:middle;
font-size:14px;
color: #FFFFFF;
position:absolute;
font-family:Arial;
line-height:20px;
}
#intro {
position:absolute;
width:28%;
height:55%;
left:5%;
top:12%;
background-color:rgba(255,255,255,0.70);
border:#000 1px;
z-index:10000;
text-align:left;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
}
#introClose {
position:absolute;
width:30px;
height:30px;	
background-color:#FF6E00;
top:-30px;
right:0px;
text-align:center;
vertical-align:center;
font-size:24px;
font-weight:bold;
color:#FFFFFF;
z-index:19999;
cursor:pointer;
}
#introTitle {
position:absolute;
width:100%;
height:30px;	
background-color:#FFFFFF;
top:-30px;
left:0px;
text-align:left;
vertical-align:center;
font-size:24px;
color:#000000;
z-index:18999;
}
#introText {
position:relative;
overflow:auto;
height:100%;
padding-left:10px;
display:block;
}

#biblioText {
position:relative;
overflow:auto;
height:100%;
padding-left:10px;
display:none;
}

#map {
top:0px;
left:0px;
height: 100%;
z-index:10;
}
#graphtitle {
width:592px;
/*white-space: nowrap;*/
overflow:hidden;
padding:4px;
font-family:Arial;
font-size:12px;
color:#000;
border-bottom:#000 solid 1px;
z-index:50000;
text-align:left;
}
#graph {
height:100%;
}
#slider {
bottom:5%;
left:10%;
width:85%;
height:5px;
position:absolute;
z-index:100;
}
#timelineMonarchs {
bottom:5%;
left:10%;
width:85%;
height:45px;
position:absolute;
z-index:90;
font-family:Arial;
font-size:12px;
}
#timelineMonarchsMark {
position:absolute;
width:3px;
height:40px;
background-color:#000000;
top:0px;
left:-1px;
z-index:150;
}
#crown {
top:0%;
left:-42.8%;
width:42.8%;
height:40px;
position:absolute;
z-index:50;
font-family:Arial;
font-size:25px;
background-color:rgba(68,68,68,.3);
color:#FFF;
text-align:center;
}
#monarchs {
bottom:5%;
left:6.5%;
width:3.5%;
height:45px;
position:absolute;
z-index:60;
font-family:Arial;
font-size:12px;
text-align:center;
}
#PortugalMonarchs {
position:absolute;
height:20px;
width:100%;
top:0px;
left:0px;
background-color:rgba(68,68,68,.3);
color:#FFF;
}
#SpainMonarchs {
position:absolute;
height:20px;
width:100%;
top:20px;
left:0px;
background-color:rgba(68,68,68,.3);
color:#FFF;
}
#Spain_Isabella_I_Ferdinand_V {
position:absolute;
height:20px;
width:10.6%;
top:20px;
left:0px;
background-color:rgba(255,255,255,.9);
}
#Spain_Charles_I {
position:absolute;
height:20px;
width:26.7%;
top:20px;
left:10.6%;
background-color:rgba(68,68,68,.3);
color:#FFF;
}
#Spain_Philip_II {
position:absolute;
height:20px;
width:28.1%;
top:20px;
left:37.3%;
background-color:rgba(255,255,255,.9);
}
#Spain_Philip_III {
position:absolute;
height:20px;
width:15.3%;
top:20px;
left:65.4%;
background-color:rgba(68,68,68,.3);
color:#FFF;
}
#Spain_Philip_IV {
position:absolute;
height:20px;
width:19.3%;
top:20px;
left:80.7%;
background-color:rgba(255,255,255,.9);
}
#Portugal_Emmanuel_I {
position:absolute;
height:20px;
width:14%;
top:0px;
left:0px;
background-color:rgba(255,255,255,.9);
}
#Portugal_John_III {
position:absolute;
height:20px;
width:23.9%;
top:0px;
left:14%;
background-color:rgba(68,68,68,.3);
color:#FFF;
}
#Portugal_Sebastian {
position:absolute;
height:20px;
width:14%;
top:0px;
left:37.9%;
background-color:rgba(255,255,255,.9);
}
#Portugal_Henry_II {
position:absolute;
height:20px;
width:1.3%;
top:0px;
left:51.9%;
background-color:rgba(68,68,68,.3);
color:#FFF;
}
#Portugal_Anthony {
position:absolute;
height:20px;
width:1%;
top:0px;
left:53.2%;
background-color:rgba(255,255,255,.9);
}
#Portugal_Philip_I {
position:absolute;
height:20px;
width:11.3%;
top:0px;
left:54.2%;
background-color:rgba(68,68,68,.3);
color:#FFF;
}
#Portugal_Philip_II {
position:absolute;
height:20px;
width:15.3%;
top:0px;
left:65.5%;
background-color:rgba(255,255,255,.9);
}
#Portugal_Philip_III {
position:absolute;
height:20px;
width:12.6%;
top:0px;
left:80.8%;
background-color:rgba(68,68,68,.3);
color:#FFF;
}
#Portugal_John_IV {
position:absolute;
height:20px;
width:6.6%;
top:0px;
left:93.4%;
background-color:rgba(255,255,255,.9);
}
#legend {
bottom:15%;
right:2%;
width:122px;
height:296px;
background-image:url(legend.png);
position:absolute;
z-index:9400;
}
#dateBox {
top:30px;
position:fixed;
margin-left: -55px;
display: inline-block;
text-align:center;
color:#FFF;
font-family:Georgia, "Times New Roman", Times;
width:110px;
height:55px;
z-index:9200;
font-size:40px;
background-color:#FF6E00;
border:1px solid;
border-color:#000000;
}
.sigma-scene, .sigma-labels, .sigma-mouse {
    left: 0;
}
a.intro {
text-decoration:none;	
}
.highlight {
color:#FF6E00;
font-weight:bold;
}
.unselected, a.unselected {
color:rgba(200,200,200,1.00);
font-weight:normal;
cursor:pointer;
text-decoration:none;
}
a.unselected:hover {
color:#FF6600;
cursor:pointer;
}