body, html {
background-color: #999999;
color: #ffffff;
}

html {
margin: 0em;
padding: 1em 3%;
background-color: #999999;
color: #ffffff;
}

body {
padding: 1em;
color: #112233;
background-color: #ffffff;
font-family: Georgia, Palatina, serif;
box-shadow: 1px 1px 12px #000000;
}

h1 {
text-align: center;
}

#federation_widget {
font-size: 0.7em;
margin-top: 20px;
height: 350px;
width: 230px;
padding: 0;
border-radius: 5px;
background-color: #FcFcFc;
overflow-y: auto;
}

#federation_widget header {
padding-bottom: 8px;
text-align: left;
font-size: 1.5em;
border-bottom: 3px solid #EEEEEE;
background-color: #FcFcFc;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

#federation_widget header a {
text-decoration: none;	
color:black
}

#federation_widget header img {
margin: 5px;
background-color: #ffffff;
border-radius: 5px;
float: left;
max-width: 50px;
}

#federation_widget header p {
margin: 0px;
line-height: 60px;
}

#federation_widget article {
display: block;
margin-bottom: 5px;
padding: 5px;
border-bottom: thin solid #eeeeee;
overflow: hidden; /* For too long link: hide but enable click on it */
}

#federation_widget article img {
margin: 5px;
max-width: 230px;
}

#federation_widget article p {
margin-top: 0px;
}

.groupmember img {
border-radius: 5px;
}

.tooltip {position: relative;}
.tooltip span {display: none;}
.tooltip:hover span {
display: block;
position: absolute;
left: 0; top: 10%;
margin: 20px 0 0;
width: 200px;
font-size: 0.7em;
color: #4D4D4C;
border: thin solid #eeeeee;
padding: 4px;
background: white;
}