/* HTML5 DOCTOR RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,sub,sup,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video
{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1}
article,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul,ul{list-style:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0;padding:0}
input,select{vertical-align:middle}
body {
	font-family: 'HelveticaNeue',Helvetica, Arial,Verdana,sans-serif;
	color: black;
	margin: 0px;
	padding: 0px;
	color: #fff;
}
header {
	position: absolute;
	z-index: 1001;
	text-align: center;
	width: 100%;
	padding-top: 20px;
}
header h1, header h3 {
	font-weight: 300;
	font-size: 24px;
	color: #857c9e;
}
header h3 {
	font-size: 14px;
	opacity: 0.5;
	color: #fff;
	line-height: 1.8;
	display: none;
}
header:hover h3 { display: block; }

#moon-icon,
.controls-wrapper {
	bottom: 0;
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    /*float: left;*/
    z-index: 10;
}
#moon-icon { 
	top: 20px;
	right: 0;
	width: 150px;
	height: 150px;
	overflow: hidden;
	text-align: right;
}
.controls-wrapper {
	padding: 0 20px 0 0;
    background-color: rgba(0,0,0,1);
}
#prev-next {
	position: absolute;
	top: -50px;
	right: 0;
	background-color: #000;
	padding: 5px;
	border-radius: 3px 0 0 0;
}
#prev-next div { font-size: 11px;}
#prev-next span { display: inline-block; min-width: 38px; text-align: center; color: #ff00ff;}
#prev-next a {
	display: inline-block;
	padding: 2px 4px;
	line-height: 1;
	background-color: #fff;
	border-radius: 50%;
	font-size: 14px;
	line-height: 1;
	width: 18px;
	box-sizing: border-box;
	text-align: center;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: 5px;
}
#prev-next a:hover { background-color: #ff00ff; }

.starmap_credit { font-size: 10px !important; opacity: 0.2;}
#date-slider {
	margin: 0px 0;
	width: 100%;
}
.starmap_position {
    display: none !important;
}
#moon { max-width: 100%;}
.moon { fill:#d4d59a; }
.moonback { fill:black;stroke:#333;stroke-width:1px; }

/* Timeline */
.drag-wrapper{
	position: relative;
}
.drag-wrapper .help { 
	position: absolute;
	left: -40px;
	top: 3px;
	font-size: 10px;
	color: #666;
}
.drag-wrapper {
	height: 20px;
}/*
#timeline-dragger {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 20px;
	background: url(../_img/timeline-dragger.svg) bottom center no-repeat;
	background-color: rgba(0,255,0,0.1);
	height: calc(100% + 20px);
	cursor: move;
	transition: background-color 0.2s ease;
}
#timeline-dragger:hover {
	background-color: rgba(0,255,0,0.8);
}*/
div.timeline-event,
div.timeline-event.pra-man,
div.timeline-event.rizal
 {
	background-color: #000;
	
	color: #fff;
	border-color: #ff00ff;
	border: 1px solid #ff00ff;
	border-left: 1px solid #ff00ff;
	border-left: 1px solid #ff00ff;
	border-right-color: transparent;
	/*text-transform: uppercase;*/
	font-size: 11px;
	line-height: 1;
	letter-spacing: 0.3px;
}
div.timeline-event.pra-man { color:  #ff00ff; }
div.timeline-event.rizal {
	background-color: rgba(212,213,154,0.5);
	color: #fff;
	text-transform: none;
	border-right: 1px solid #000;
	border-color: #d4d59a;
}
div.timeline-event.rizal.big {
	border-top: 5px solid #000;
}
div.timeline-event.rizal.small {
	border-bottom: 5px solid #000;
}
div.timeline-event.planting {
	background-color: #ff00ff;
	border-right-color: #fff;
}

div.timeline-event.ceremony { border-right: 1px solid #ff00ff;}
div.timeline-event.plei-orion { 
	border: 1px solid #fff;
	background-color: #fff;
	color: #000;
}
div.timeline-event.moon { border: 1px solid #d4d59a; color: #d4d59a; }
div.timeline-event.moon.full { background-color:#d4d59a; }

.timeline-groups-text > i { display: none;}
.timeline-currenttime {
	display: none;
}
/* Timeline dragger */
.ui-slider-horizontal .ui-slider-handle {
    top: 0;
    margin-left: 0;
    background: url(../_img/timeline-dragger-bottom.svg) 0 0 no-repeat;
    position: absolute;
    z-index: 2;
    margin-left: -8px;
    width: 16px;
    height: 16px;
    cursor: move;
}
.ui-slider .ui-slider-handle:before {
	content: ' ';
	height: 250px;
	width: 16px;
	position: absolute;
	bottom: 0;
	left: 0px;
	/*border-left: 1px solid red;*/
    background: url(../_img/timeline-dragger-top.svg) top center no-repeat;
}
.ui-slider {
    text-align: left;
    /*border-bottom: 1px solid #777;*/
    background: url(../_img/timeline-dragger-bg.svg) left center repeat-x;
}
.ui-slider-horizontal {
    height: 0.8em;
}
.ui-slider {
    position: relative;
    text-align: left;
}