#unsw-share-icons {
  margin: 20px 0 0;
  padding: 0;
  font-size: 13px;
  line-height: 20px; }
  #unsw-share-icons ul {
    margin: 0;
    padding: 0; }
  #unsw-share-icons li {
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left; }
    #unsw-share-icons li a {
      display: block;
      color: #888888;
      text-decoration: none; }
      #unsw-share-icons li a:hover {
        text-decoration: underline; }
    #unsw-share-icons li.share {
      width: 46px; }
      #unsw-share-icons li.share a.share {
        background: url(../images/iconbar.png) no-repeat 10px 10px;
        text-decoration: none;
        width: 46px;
        padding: 45px 0 0 0;
        text-align: center; }
      #unsw-share-icons li.share:hover {
        border: 1px solid #c8c8c8;
        border-right: 0;
        padding: 0;
        -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 5px;
        -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 5px; }
        #unsw-share-icons li.share:hover a.share {
          position: absolute;
          z-index: 1001;
          right: 0;
          top: 0;
          background: white url(../images/iconbar-hover.png) no-repeat 10px 10px;
          text-decoration: underline; }
        #unsw-share-icons li.share:hover .share-box {
          display: block; }
        @media (min-width: 1170px) {
          #unsw-share-icons li.share:hover {
            border: 1px solid #c8c8c8;
            border-left: 0; } }
    #unsw-share-icons li.print {
      width: 46px; }
      #unsw-share-icons li.print a.print {
        background: url(../images/iconbar.png) no-repeat 10px 10px;
        background-position: -42px 10px;
        text-decoration: none;
        width: 46px;
        padding: 45px 0 0 0;
        text-align: center; }
      #unsw-share-icons li.print:hover a.print {
        background: white url(../images/iconbar-hover.png) no-repeat 10px 10px;
        background-position: -42px 10px;
        text-decoration: underline; }
  #unsw-share-icons .share-box {
    background-color: #fff;
    color: #000;
    border: 1px solid #c8c8c8;
    border-bottom: 2px solid #c8c8c8;
    border-right: 2px solid #c8c8c8;
    display: none;
    padding: 20px 20px 0;
    width: 230px;
    position: absolute;
    top: -50px;
    right: -229px;
    z-index: 1000;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 5px; }
    #unsw-share-icons .share-box h4 {
      font-size: 12px;
      line-height: 18px;
      font-weight: bold;
      margin-left: 0px;
      color: #00568e; }
    #unsw-share-icons .share-box .share-links {
      width: 215px;
      margin-bottom: 1em; }
    #unsw-share-icons .share-box ul li {
      float: none; }
    #unsw-share-icons .share-box a {
      color: #00568e; }
    @media (min-width: 1170px) {
      #unsw-share-icons .share-box {
        left: -227px;
        right: none; } }