.opsoc-toolbar {  width: 180px;
margin-bottom: 0px;
margin-top: 23px;
}
.opsoc-toolbar a.simple {
width:36px; 
height:36px;
display:block;
}
.opsoc-down a:link, .opsoc-down a:visited,
.opsoc-down a:active {
color: #fff;
font-size: 12px;
padding-left: 7px;
}
.opsoc-down a:hover {
color: #eea69e;
font-size: 12px;
padding-left: 7px;
}
.opsoc-item {
float:left;
width: 36px;
height: 36px;
background-repeat: no-repeat;
background-size: 36px 36px;
margin-left: 2px;
margin-right: 2px;
background-color: black;
}
.opsoc-collapse {
width: 36px;
height: 36px;
cursor: pointer;
display: block;
}
.opsoc-collapse + input{
display: none; }
.opsoc-collapse + input + div.opsoc-down{
display: none;
}
.opsoc-collapse + input:checked + div.opsoc-down{
display: block;
}
.opsoc-down {
position: absolute;
background-color: white;
text-align: left;	
width: 200px;
z-index: 100;
padding: 0px;
padding: 1px;
}
.opsoc-down .inner {
background-color: black;
}