Jquery Tour css to sass for compass

_tour.sass

.tooltip
  position: absolute
  width: 250px
  left: 0
  top: 0
  background-color: black
  color: white
  z-index: 999
  border: 2px solid #000
  +border-radius(5px)
  +opacity(0.7)

  p
    padding: 10px
    font:
      size: 14px
      style: italic
    text-shadow: none

.tooltip_arrow
  position: absolute
  background-color: transparent
  background-repeat: no-repeat

.tooltip_arrow_T, .tooltip_arrow_B, .tooltip_arrow_TL, .tooltip_arrow_TR, .tooltip_arrow_BL, .tooltip_arrow_BR
  background-image: url(/images/tour/topbottom.png)
  width: 13px
  height: 7px

.tooltip_arrow_L, .tooltip_arrow_R, .tooltip_arrow_LT, .tooltip_arrow_LB, .tooltip_arrow_RT, .tooltip_arrow_RB
  background-image: url(/images/tour/leftright.png)
  width: 7px
  height: 13px

.tooltip_arrow_T
  background-position: 0px -7px
  top: -7px
  left: 50%
  margin-left: -3.5px

.tooltip_arrow_TL
  background-position: 0px -7px
  top: -7px
  left: 5px

.tooltip_arrow_TR
  background-position: 0px -7px
  top: -7px
  right: 5px

.tooltip_arrow_B
  background-position: 0px 0px
  bottom: -7px
  left: 50%
  margin-left: -3.5px

.tooltip_arrow_BL
  background-position: 0px 0px
  bottom: -7px
  left: 5px

.tooltip_arrow_BR
  background-position: 0px 0px
  bottom: -7px
  right: 5px

.tooltip_arrow_L
  background-position: -7px 0px
  top: 50%
  margin-top: -6.5px
  left: -7px

.tooltip_arrow_LT
  background-position: -7px 0px
  top: 5px
  left: -7px

.tooltip_arrow_LB
  background-position: -7px 0px
  bottom: 5px
  left: -7px

.tooltip_arrow_R
  background-position: 0px 0px
  top: 50%
  margin-top: -6.5px
  right: -7px

.tooltip_arrow_RT
  background-position: 0px 0px
  top: 5px
  right: -7px

.tooltip_arrow_RB
  background-position: 0px 0px
  bottom: 5px
  right: -7px

.overlay
  position: fixed
  width: 100%
  height: 100%
  top: 0px
  left: 0px
  background: #000
  z-index: 100
  +opacity(0.5)

.tourcontrols
  position: fixed
  top: 20px
  right: -300px
  width: 270px
  background: #000
  color: #fff
  text-shadow: 0px 0px 1px #fff
  padding: 10px
  +border-radius(5px)
  font:
    size: 16px
    weight: bold
  z-index: 9999
  a
    font:
      size: 11px
      weight: normal
    color: #f0f0f0
    cursor: pointer
    text-decoration: underline
    margin: 10px
    &:hover
      color: #fff

.close
  position: absolute
  top: 6px
  right: 7px
  width: 10px
  height: 10px
  background: black url(/images/tour/close.gif) no-repeat center center
  cursor: pointer

.tourcontrols p
  padding: 10px

.button
  white-space: nowrap
  display: block
  float: left
  margin: 10px 0px 10px 10px
  cursor: pointer
  background: #c63929
  background: -moz-linear-gradient(0% 100% 90deg, #891100 0%, #b51700 50%, #c63929 50%, #ee432e 100%)
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ee432e), color-stop(0.5, #c63929), color-stop(0.5, #b51700), color-stop(1, #891100))
  border: 1px solid #951100
  +border-radius(5px)
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333
  color: #fff
  font:
    size: 13px
    weight: bold
  letter-spacing: 1px
  line-height: 1
  padding: 6px 7px
  text:
    align: center
    shadow: 0px -1px 1px rgba(0, 0, 0, 0.8)
  &:hover
    background: #cb0500
    background: -moz-linear-gradient(0% 100% 90deg, #a20601 0%, #cb0500 50%, #db504d 50%, #f37873 100%)
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #f37873), color-stop(0.5, #db504d), color-stop(0.5, #cb0500), color-stop(1, #a20601))
  &:active
    background: #b30300
    background: -moz-linear-gradient(0% 100% 90deg, #700d00 0%, #9c1500 50%, #ad3224 50%, #d43c28 100%)
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #d43c28), color-stop(0.5, #ad3224), color-stop(0.5, #9c1500), color-stop(1, #700d00))
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4)
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4)
    box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4)

.nav
  clear: both
  width: 100%
  float: left