/* bubble tip styles
-------------------------------------*/
/* somewhat global for a reason */
.bContent {
  padding: 0 0 4px 0;
  border: 1px solid #fff;
  display: none;
  background: #fff;
}

.y-tip {
  margin: 0 0 12px 0;
  padding: 0;
  position: relative;
  width: 100%;
  display: none;
  visibility: hidden;
  z-index: 999999;
}

.y-tip h1 {
  font: bold 13px arial, helvetica, sans-serif;
}

.y-tip.new {
  margin: 12px;
}

.y-tip.new.centerBottom .nCarrot,
.y-tip.new.centerTop .sCarrot,
.y-tip.new.centerRight .wCarrot,
.y-tip.new.centerLeft .eCarrot {
  visibility: visible;
}

.y-tip.new .nCarrot,
.y-tip.new .sCarrot,
.y-tip.new .eCarrot,
.y-tip.new .wCarrot {
  visibility: hidden;
}

.y-tip .nCarrot {
  position: absolute;
  top: -10px;
  left: 36px;
  height: 12px;
  width: 22px;
  background: transparent url("/wastatic/common/img/bubble/bubble.png") no-repeat -2px 0;
}

.y-tip .nrCarrot {
  position: absolute;
  top: -10px;
  right: 44px;
  height: 12px;
  width: 25px;
  background: transparent url("/wastatic/common/img/bubble/bubble.png") no-repeat -1px 0;
}

.y-tip .sCarrot,
.y-tip .srCarrot {
  position: absolute;
  bottom: -2px;
  right: 44px;
  height: 12px;
  width: 25px;
  background: transparent url("/wastatic/common/img/bubble/bubble.png") no-repeat -1px -12px;
}

.y-tip .wCarrot {
  position: absolute;
  top: 19px;
  left: -10px;
  height: 24px;
  width: 12px;
  background: transparent url("/wastatic/common/img/bubble/bubble.png") no-repeat -1px 0;
}

.y-tip .eCarrot {
  position: absolute;
  top: 19px;
  right: -3px;
  width: 12px;
  height: 24px;
  background: transparent url("/wastatic/common/img/bubble/bubble.png") no-repeat -13px 0;
}

.y-tip .ne {
  margin: 0 1px 0 0;
  height: 16px;
  background: transparent url("/wastatic/common/img/bubble/bubble.png") no-repeat top right;
}

.y-tip .tip-top {
  height: 16px;
  background: transparent url("/wastatic/common/img/bubble/bubble.png") no-repeat top right;
}

.y-tip .n {
  height: 16px;
  margin: 0 15px 0 0;
  padding: 0;
  background: transparent url("/wastatic/common/img/bubble/ns.png") repeat-x 0 0;
}

.y-tip .nw {
  height: 16px;
  padding: 0 0 0 13px;
  background: transparent url("/wastatic/common/img/bubble/bubble.png") no-repeat -26px 0;
}

.y-tip .se {
  height: 16px;
  background: transparent url("/wastatic/common/img/bubble/wSE.png") no-repeat top right;
}

.y-tip .tip-bottom {
  height: 16px;
  background: transparent url("/wastatic/common/img/bubble/bubble.png") no-repeat bottom right;
}

.y-tip .sw {
  height: 16px;
  padding: 0 0 0 13px;
  background: transparent url("/wastatic/common/img/bubble/bubble.png") no-repeat 0 -24px;
}

.y-tip .s {
  margin: 0 15px 0 0;
  padding: 10px 4px 0 10px;
  height: 16px;
  background: transparent url("/wastatic/common/img/bubble/ns.png") repeat-x 0 -16px;
}

.y-tip .w {
  background: transparent url("/wastatic/common/img/bubble/wW.png") repeat-y top left;
}

.y-tip .tip {
  background: transparent url("/wastatic/common/img/bubble/ew.png") repeat-y top left;
}

.y-tip .e {
  padding: 0 20px 0 14px;
  background: transparent url("/wastatic/common/img/bubble/wE.png") repeat-y top right;
}

.y-tip .tip-text {
  margin: 0 1px 0 0;
  padding: 0 20px 0 14px;
  background: transparent url("/wastatic/common/img/bubble/ew.png") repeat-y top right;
}

/* bubble content styles
--------------------------------------*/
.bContent hr {
  border: 0 none;
  border-top: 1px dotted #ccc;
  height: 1px;
}

/* drag bubble styles 
--------------------------------------*/
.y-tip .bHandle {
  width: 10px;
  height: 20px;
  border: 2px solid #ccc;
  border-left: none;
  position: absolute;
  top: 0;
  right: -3px;
  z-index: 9999;
  background: url("/wastatic/common/img/bubble/handle.png") no-repeat 0 4px white;
  cursor: pointer;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-radius-bottomright: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  border-radius-topright: 8px;
  -moz-box-shadow: 3px 4px 4px #888;
  -webkit-box-shadow: 3px 4px 4px #888;
  box-shadow: 3px 4px 4px #888;
}

.y-tip .bTitle {
  margin: 0;
  padding: 0 5px;
  height: 24px;
  min-width: 14px;
  border: 2px solid #ccc;
  position: absolute;
  top: -13px;
  left: 15px;
  z-index: 9999;
  background: #fff;
  text-align: center;
  display: inline-block;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
}

.y-tip .bTitle p {
  font-weight: bold;
  line-height: 24px;
  color: #666;
}

.y-tip .bShim {
  height: 17px;
  width: 20px;
  position: absolute;
  top: 0;
  right: 9px;
  z-index: 9999;
  border-top: 2px solid #ccc;
  background: url("/wastatic/common/img/bubble/close_custom.png") no-repeat 0 2px white;
  cursor: pointer;
}

.y-tip .hide {
  display: none !important;
}

/* Styles for a link wrapper for disabled elements */
.disabledWrap {
  display: inline-block;
  position: relative;
}

.disabledLink {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: transparent url("/wastatic/questions/img/transDot.png") repeat 0 0;
}

/* styles for tooltip (tip.js) for question content (feedback)  */
.qContent .bContent {
  font-family: Verdana, Geneva, Sans-serif;
}
.qContent .bContent p {
  font-family: Verdana, Geneva, Sans-serif;
}
