#example_container {
position:relative;
}
#demo{
margin:0;
position:absolute;
top:321px;
left:0;
}
.controls {
position:absolute;
top:0;
left:328px;
margin:0 0 0 0;
color:#808080;
width:300px;
}
.controls a {
color:#4B78D9 !important;
cursor:pointer;
}
.intro-sentence{
font-size: 183%;
left: 0;
line-height: 0.9em;
position: absolute;
top: 273px;
width: 6em;
}
#view_frame{
position:relative;
height:500px;
width:300px;
border:solid 1px #cccccc;
overflow:hidden;
}
#scene{position:absolute;
left:0;
top:-6440px;
height:6440px;
width:100%;
background:url({{{componentAssets}}}/images/earth_to_hubble_bkg.png) repeat;
}
#altitude_mark {
border-top:solid 1px #CCCCCC;
left:-33px;
position:absolute;
top:403px;
width:30px;
}
#earth{
position:absolute;
left:0;
top:5834px;
height:214px;
width:300px;
}
#hubble{
position:absolute;
left:5px;
top:7px;
height:393px;
width:300px;
}
#stars{
position:absolute;
left:0;
top:0;
background:url({{{componentAssets}}}/images/stars.png) repeat;
height:5000px;
width:300px;
}
.label{
text-transform:uppercase;
width:100%;
letter-spacing:5px;
font-family:Verdana;
font-size:85%;
position:absolute;
left:0;
text-align:center;
}
.hubble{
bottom:6023px;
color:#612C88;
}
.thermosphere{
bottom:1290px;
color:#5A009D;
}
.mesosphere{
bottom:840px;
color:#570BFF;
}
.stratosphere{
bottom:540px;
color:#006999;
}
.troposphere{
bottom:477px;
color:#036585;
}
.ozone{
bottom:692px;
color:#005AAE;
}
.crust{
bottom:270px;
color:#4F2D00;
}
.mantle{
bottom:42px;
color:#897701;
}