#slideout, #slidein {
  position: relative;
  top: 0;
  height: 100px;
  left: 0;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  z-index:11;
}
#slidein {
  left: 285px;
  height: 100px;
}
#slideout_inner, #slidein_inner {
  position: fixed;
  left: -300px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#slidein #slidein_inner {
  top:60px;
  left: 0;
}

.slideinout-icon{
	margin:0;
	width:100px;
}
.slideinout-icon a, .slideinout-icon a:hover{
	border:none;
}
.slideinout-icon:hover{
	//background:#808080;
	border:1px solid #c0c0c0;
}
/*
#slideout {
  position: fixed;
  top: 40px;
  left: 0;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  width:40px;
}
#slideout_inner {
  position: fixed;
  top: 40px;
  left: -250px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#slideout:hover {
  left: 250px;
}
#slideout:hover #slideout_inner {
  left: 0;
}
*/