*{
margin:0px;
padding:0px;
}
#main_nav{
display:inline-block;
border:0px red solid;
width:30px;
height:17px; 
}

#cpBtn{
  /* float:right; */
  width:30px;  /* Original   width:20px; */
  height:20px; /* Original   height:24px; */
  background:linear-gradient(#FFF, #DDD);
  border:#AAA 1px solid; 
  border-radius:2px;
  /* padding:2px 5px; */
  padding:2px 5px;
  cursor:pointer;
  transition: border 0.3s linear 0s;
  border:0px #00FFFF solid;
  
}
/* #cpBtn:hover{
   border:#06F 1px solid;
} */
#cpBtn:hover div{
  background:#06F;
  
}

#cpBtn > div{
  width:20px; /* Original   width:20px; */
  height:3px;
  background:#333;
  margin:2px 0px;
  border-radius:4px;
  transition: background 0.3s linear 0s;
}