/*##########################################################################*/ /* Tooltips, by qTip2 Plugin (craigsworks.com/projects/qtip2) */ /*##########################################################################*/

//////////////////

/* Core qTip styles */ .qtip, .qtip{

position: absolute;
left: -28000px;
top: -28000px;
display: none;

max-width: 350px;
min-width: 50px;

font-size: 10.5px;
line-height: 12px;

direction: ltr;

}

.qtip-content{
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  line-height: normal;

  text-align: left;
  word-wrap: break-word;
}

.qtip-titlebar{
  position: relative;
  padding: 10px 35px 10px 10px;
  overflow: hidden;

  border-width: 0 0 1px;
  font-weight: bold;
}

.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

/* Default close button class */
.qtip-close{
  position: absolute;
  right: -9px; top: -9px;

  cursor: pointer;
  outline: medium none;

  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}

  .qtip-titlebar .qtip-close{
    right: 4px; top: 50%;
    margin-top: -9px;
  }

  * html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

  .qtip-titlebar .ui-icon,
  .qtip-icon .ui-icon{
    display: block;
    text-indent: -1000em;
    direction: ltr;
    vertical-align: middle;
  }

  .qtip-icon, .qtip-icon .ui-icon{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
  }

    .qtip-icon .ui-icon{
      width: 18px;
      height: 14px;

      text-align: center;
      text-indent: 0;
      font: normal bold 10px/13px Tahoma,sans-serif;

      color: inherit;
      background: transparent none no-repeat -100em -100em;
    }

/* Applied to ‘focused’ tooltips e.g. most recently displayed/interacted with */ .qtip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */ .qtip-hover{}

/* Default tooltip style */ .qtip-default{

border-width: 1px;
border-style: solid;
background-color: $grayDarker;
border-color: #303030;
color: #f3f3f3;

} .qtip-default .qtip-titlebar{

background-color: #404040;

} .qtip-default .qtip-icon{

border-color: #444;
background: #F1F1F1;
color: #777;

} .qtip-default .qtip-titlebar .qtip-close{

border-color: #AAA;
color: #111;

} .qtip-default .qtip-titlebar .ui-state-hover{

border-color: #303030;

}

/*! Light tooltip style */ .qtip-light{

background-color: white;
border-color: #E2E2E2;
color: #454545;

} .qtip-light .qtip-titlebar{

background-color: #f1f1f1;

}

/* Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */ .qtip-shadow{

-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);

}

/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */ .qtip-rounded, .qtip-tipsy, .qtip-bootstrap{

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

}

.qtip-rounded .qtip-titlebar{

-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;

}

/* Class applied to remove inner box padding for tooltip */ .qtip-nopadding .qtip-content {

padding: 0px !important;

}

.qtip-oneline .qtip-content {

padding: 6px;

}

/* Class applied to make width auto for tooltip content (use sparingly and test!) */ .qtip-autowidth {

width: auto !important;
max-width: none !important;

}

/* Class applied to force a fixed height of 300px */ .qtip-fixedheight {

height: 300px !important;
max-height: 300px !important;

}

/* Class applied to force a fixed height of 300px */ .qtip-fixedwidth-small {

width: 300px !important;
max-width: 300px !important;

} .qtip-fixedwidth-medium {

width: 500px !important;
max-width: 500px !important;

}

/* IE9 fix - removes all filters */ .qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar{

filter: none;
-ms-filter: none;

}

/* Tips plugin */ .qtip .qtip-tip{

margin: 0 auto;
overflow: hidden;
z-index: 10;

}

.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml{
  position: absolute;

  color: #123456;
  background: transparent;
  border: 0 dashed transparent;
}

.qtip .qtip-tip canvas{ top: 0; left: 0; }

.qtip .qtip-tip .qtip-vml{
  behavior: url(#default#VML);
  display: inline-block;
  visibility: visible;
}

/* Modal plugin */ qtip-overlay{

position: fixed;
left: -10000em;
top: -10000em;

}

/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs{ cursor: pointer; }

/* Change opacity of overlay here */
#qtip-overlay div{
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;

  background-color: black;

  opacity: 0.7;
  filter:alpha(opacity=70);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

/* IE6 Modal plugin fix */ .qtipmodal-ie6fix{

position: absolute !important;

}

// Tooltip Scrollable region .tooltip-scrollY {

max-height: 300px;
overflow: auto;

} .tooltip-filter-cont {

padding: 10px;
border-bottom: solid 1px #ccc;

}