#update
{   
	z-index: 1;
	position: fixed;
	float:right;
	top:145px;
	right: 130px;
    border-radius: 10px 10px 10px 10px;   
    border-width: 1px;
    border-style: solid;
    width: 35px;
	height: 35px;
    padding: 0;
    cursor: pointer;
	background: url(../images/update-1.png) no-repeat #043d5d center;
}

#update:hover, #update:focus {
	background: url(../images/update-2.png) no-repeat #EDEEF0 center;
}

#year1
{   
	z-index: 1;
	position: fixed;
	float:right;
	top:185px;
	right: 130px;
    border-radius: 10px 10px 10px 10px;    
    border-width: 1px;
    border-style: solid;
    width: 35px;
	height: 35px;
    padding: 0;
    cursor: pointer;
	background: url(../images/year1-1.png) no-repeat #043d5d center;
	font-family:"lucidagrande";
}

#year1:hover, #year1:focus {
	background: url(../images/year1-2.png) no-repeat #EDEEF0 center;
}

#year2
{   
	z-index: 1;
	position: fixed;
	float:right;
	top:225px;
	right: 130px;
    border-radius: 10px 10px 10px 10px;  
    border-width: 1px;
    border-style: solid;
    width: 35px;
	height: 35px;
    padding: 0;
    cursor: pointer;
	background: url(../images/year2-1.png) no-repeat #043d5d center;
	font-family:"lucidagrande";
}

#year2:hover, #year2:focus {
	background: url(../images/year2-2.png) no-repeat #EDEEF0 center;
}

#author
{   
	z-index: 1;
	position: fixed;
	float:right;
	top:265px;
	right: 130px;
    border-radius: 10px 10px 10px 10px;  
    border-width: 1px;
    border-style: solid;
    width: 35px;
	height: 35px;
    padding: 0;
    cursor: pointer;
	background: url(../images/author-1.png) no-repeat #043d5d center;
	font-family:"lucidagrande";
}

#author:hover, #author:focus {
	background: url(../images/author-2.png) no-repeat #EDEEF0 center;
}

#publication
{   
	z-index: 1;
	position: fixed;
	float:right;
	top:305px;
	right: 130px;
    border-radius: 10px 10px 10px 10px;    
    border-width: 1px;
    border-style: solid;
    width: 35px;
	height: 35px;
    cursor: pointer;
	background: url(../images/publication-1.png) no-repeat #043d5d center;
	font-family:"lucidagrande";
}

#publication:hover, #publication:focus {
	background: url(../images/publication-2.png) no-repeat #EDEEF0 center;
}

/* Tooltip container */
.tooltip {
    position: relative;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 100px;
	height: 15px;
    background-color: #EDEEF0;
    color: #043d5d;
    text-align: center;
	font-family:"lucidagrande";
	font-size: 0.7em;
    padding: 5px;
    border-radius: 5px;
	box-shadow: 1px 1px 0.5px #043d5d;
	
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

#tipUpdate {
    position: absolute;
    z-index: 1;
	
    top: 150px;
    right: 5px;
}

#tipYear1 {
    position: absolute;
    z-index: 1;
    top: 187px;
    right: 5px;
}

#tipYear2 {
    position: absolute;
    z-index: 1;
    top: 225px;
    right: 5px;
}

#tipAuthor {
    position: absolute;
    z-index: 1;
    top: 265px;
    right: 5px;
}

#tipPublication {
    position: absolute;
    z-index: 1;
    top: 305px;
    right: 5px;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 40%;
    right: 100%;
	margin-left: 2px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #043d5d transparent transparent;
	
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}