.ms-sb {display: block;list-style: none;padding: 0;position: relative;height: 32px;}
.ms-sb > li {display: block;margin: 0;padding: 4px;float: left;}
.ms-sb .ms-btn {display: block;position: relative;background: url("social-icons.png") 0 0 no-repeat;cursor: pointer;width: 32px;height: 32px;}
.ms-sb .ms-btn.twitter {background-position: -64px 0;}
.ms-sb .ms-btn.facebook {background-position: 0 0;}
.ms-sb .ms-btn.linkedin {background-position: -32px 0;}
.ms-sb .ms-btn.googleplus {background-position: -128px 0;}
.ms-sb .ms-btn.pinterest {background-position: -160px 0;}
.ms-sb .ms-btn.mail {background-position: -96px 0;}
.ms-sb .ms-btn .mp {background: #FFF;display: inline-block;width: 240px;margin-top: -218px;margin-left: -104px;border: 1px solid #393939;  }
.ms-sb .ms-btn .mp.top:after,.ms-sb .ms-btn .mp.btm:before {content:' ';width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #393939;position: relative;bottom: -23px;left: 50%;margin-left: -5px;}
.ms-sb .ms-btn .mp.btm:before {border-top: 0; border-bottom: 4px solid #393939;position: absolute;top: -5px;}
.ms-sb .ms-btn .mp ul {text-indent: 6px;}
.ms-sb .ms-btn .mp .title {width: 100%;font-size: 16px;padding: 6px;background: #393939;color: #FFF;box-sizing: border-box;margin-bottom: 6px;}
.ms-sb .ml {font-size: 18px;padding: 7px;display: block;margin-left: 32px;vertical-align: middle;margin-bottom: 8px;margin-right: 6px;cursor: pointer;}
.ms-sb .ml:hover {color: #595959;}
.ms-sb .ml:before {content: ' ';position: absolute;background: url("email-sprites.png") 0 0 no-repeat;width: 32px;height:32px;vertical-align: middle;margin-left: -36px;margin-top: -7px;}
.ms-sb .ml.gmail:before {background-position: -32px 0;}
.ms-sb .ml.yahoo:before {background-position: 0 0;}
.ms-sb .ml.outlook:before {background-position: -64px 0;}
.ms-sb .ml.mailto:before {background-position: -96px 0;}