.tpd-content-relative,
.tpd-title-relative {
 width:100%
}
.tpd-content,
.tpd-title {
 font-size:11px;
 line-height:16px;
 color:#fff
}
.tpd-backgrounds,
.tpd-stem {
 -webkit-transform-origin:0 0;
 left:0
}
.tpd-background-box,
.tpd-close,
.tpd-content-wrapper,
.tpd-shift-stem,
.tpd-stem,
.tpd-stem-side,
.tpd-title-wrapper {
 overflow:hidden
}
.tpd-tooltip {
 position:absolute
}
.tpd-tooltip,
.tpd-tooltip [class^=tpd-] {
 -webkit-box-sizing:content-box;
 -moz-box-sizing:content-box;
 box-sizing:content-box
}
.tpd-content-wrapper {
 position:absolute;
 top:0;
 left:0;
 float:left;
 width:100%;
 height:100%
}
.tpd-content,
.tpd-content-relative,
.tpd-content-relative-padder,
.tpd-content-spacer,
.tpd-title,
.tpd-title-relative,
.tpd-title-relative-padder,
.tpd-title-wrapper {
 position:relative;
 float:left
}
.tpd-content {
 clear:both;
 padding:10px
}
.tpd-has-inner-close .tpd-content-relative .tpd-content {
 padding-right:0!important
}
.tpd-tooltip .tpd-content-no-padding {
 padding:0!important
}
.tpd-title-spacer {
 float:left
}
.tpd-title {
 padding:10px;
 font-weight:700;
 text-transform:uppercase
}
.tpd-background-box,
.tpd-background-shadow,
.tpd-backgrounds,
.tpd-close,
.tpd-frames,
.tpd-skin {
 position:absolute;
 top:0
}
.tpd-has-title-close .tpd-title {
 padding-right:0!important
}
.tpd-close {
 right:0;
 width:28px;
 height:28px;
 cursor:pointer;
 color:#fff
}
.tpd-close-icon {
 float:left;
 font-family:Arial,Baskerville,monospace;
 font-weight:400;
 font-style:normal;
 text-decoration:none;
 width:28px;
 height:28px;
 font-size:28px;
 line-height:28px;
 text-align:center
}
.tpd-frames,
.tpd-skin {
 left:0
}
.tpd-frames .tpd-frame {
 float:left;
 width:100%;
 height:100%;
 clear:both;
 display:none
}
.tpd-visible-frame-bottom .tpd-frame-bottom,
.tpd-visible-frame-left .tpd-frame-left,
.tpd-visible-frame-right .tpd-frame-right,
.tpd-visible-frame-top .tpd-frame-top {
 display:block
}
.tpd-backgrounds {
 width:100%;
 height:100%;
 transform-origin:0 0
}
.tpd-background-shadow {
 left:0;
 width:100%;
 height:100%;
 background-color:transparent;
 pointer-events:none
}
.tpd-no-shadow .tpd-skin .tpd-background-shadow {
 box-shadow:none!important
}
.tpd-background-box {
 left:0;
 height:100%;
 width:100%
}
.tpd-no-stem .tpd-background-box,
.tpd-no-stem .tpd-shift-stem {
 display:none
}
.tpd-no-stem .tpd-background-box-top {
 display:block
}
.tpd-background-loading,
.tpd-is-loading .tpd-background,
.tpd-is-loading .tpd-content-wrapper,
.tpd-is-loading .tpd-title-wrapper {
 display:none
}
.tpd-background-box-shift,
.tpd-background-box-shift-further {
 position:relative;
 float:left;
 width:100%;
 height:100%
}
.tpd-iframeshim,
.tpd-shift-stem,
.tpd-shift-stem-side,
.tpd-stem,
.tpd-stem-point,
.tpd-stem-spacer,
.tpd-stem-triangle {
 position:absolute
}
.tpd-background {
 border-radius:10px;
 float:left;
 clear:both;
 background:0 0;
 -webkit-background-clip:padding-box;
 background-clip:padding-box;
 border-style:solid;
 border-width:1px;
 border-color:#282828;
 border-color:rgba(255,255,255,.1)
}
.tpd-no-radius .tpd-skin .tpd-frames .tpd-frame .tpd-backgrounds .tpd-background {
 border-radius:0
}
.tpd-background-content,
.tpd-background-title {
 float:left;
 clear:both;
 width:100%;
 background-color:#282828
}
.tpd-background-border-hack {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 border-style:solid
}
.tpd-background-box-top {
 top:0
}
.tpd-background-box-bottom {
 bottom:0
}
.tpd-background-box-left {
 left:0
}
.tpd-background-box-right {
 right:0
}
.tpd-iframeshim {
 top:0;
 left:0;
 width:100%;
 height:100%;
 margin:0;
 padding:0;
 zoom:1;
 filter:alpha(opacity=0);
 opacity:0
}
.tpd-shift-stem {
 top:0;
 left:0
}
.tpd-frame-bottom .tpd-shift-stem-side,
.tpd-frame-top .tpd-shift-stem-side {
 width:100%
}
.tpd-frame-left .tpd-shift-stem-side,
.tpd-frame-right .tpd-shift-stem-side {
 height:100%
}
.tpd-stem {
 top:0;
 width:16px;
 height:8px;
 margin-left:3px;
 margin-top:2px;
 transform-origin:0 0
}
.tpd-tooltip .tpd-skin .tpd-frames .tpd-frame .tpd-shift-stem .tpd-stem-reset {
 margin:0!important
}
.tpd-stem-spacer {
 top:0;
 left:0;
 width:100%;
 height:100%
}
.tpd-stem-reset .tpd-stem-spacer {
 margin-top:0
}
.tpd-stem-point {
 width:100px;
 top:0;
 left:50%
}
.tpd-stem-downscale,
.tpd-stem-transform {
 float:left;
 width:100%;
 height:100%;
 -webkit-transform-origin:0 0;
 transform-origin:0 0;
 position:relative
}
.tpd-stem-side {
 width:50%;
 height:100%;
 float:left;
 position:relative
}
.tpd-stem-side-inversed {
 -webkit-transform:scale(-1,1);
 transform:scale(-1,1)
}
.tpd-stem-triangle {
 width:0;
 height:0;
 border-bottom-style:solid;
 border-left-color:transparent;
 border-left-style:solid;
 top:0;
 left:0
}
.tpd-stem-border,
.tpd-stem-border-corner {
 position:absolute;
 left:50%;
 border-right-style:solid;
 border-right-width:0;
 height:100%;
 top:0
}
.tpd-stem-border {
 width:20px;
 background-color:#fff;
 border-right-color:#fff
}
.tpd-stem * {
 z-index:0;
 zoom:1
}
.tpd-stem-border-center-offset,
.tpd-stem-border-center-offset-inverse {
 float:left;
 position:relative;
 width:100%;
 height:100%;
 overflow:hidden
}
.tpd-stem-notransform {
 float:left;
 width:100%;
 height:100%;
 position:relative
}
.tpd-stem-notransform .tpd-stem-border {
 height:100%;
 position:relative;
 float:left;
 top:0;
 left:0;
 margin:0
}
.tpd-spinner,
.tpd-stem-notransform .tpd-stem-border-center {
 position:absolute
}
.tpd-stem-notransform .tpd-stem-border-corner {
 background:#fff;
 border:0;
 top:auto;
 left:auto
}
.tpd-stem-notransform .tpd-stem-border-center,
.tpd-stem-notransform .tpd-stem-triangle {
 height:0;
 border:0;
 left:50%
}
.tpd-stem-transform-left {
 -webkit-transform:rotate(-90deg) scale(-1,1);
 transform:rotate(-90deg) scale(-1,1)
}
.tpd-stem-transform-right {
 -webkit-transform:rotate(90deg) translate(0,-100%);
 transform:rotate(90deg) translate(0,-100%)
}
.tpd-stem-transform-bottom {
 -webkit-transform:scale(1,-1) translate(0,-100%);
 transform:scale(1,-1) translate(0,-100%)
}
.tpd-spinner {
 top:50%;
 left:50%;
 width:46px;
 height:36px
}
.tpd-spinner-spin {
 position:relative;
 float:left;
 margin:8px 0 0 13px;
 text-indent:-9999em;
 border-top:2px solid rgba(255,255,255,.2);
 border-right:2px solid rgba(255,255,255,.2);
 border-bottom:2px solid rgba(255,255,255,.2);
 border-left:2px solid #fff;
 -webkit-animation:tpd-spinner-animation 1.1s infinite linear;
 animation:tpd-spinner-animation 1.1s infinite linear;
 box-sizing:border-box!important
}
.tpd-spinner-spin,
.tpd-spinner-spin:after {
 border-radius:50%;
 width:20px;
 height:20px
}
@-webkit-keyframes tpd-spinner-animation {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@keyframes tpd-spinner-animation {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
.tpd-is-loading .tpd-background-loading {
 display:block
}
.tpd-tooltip-measuring {
 top:0;
 left:0;
 position:absolute;
 max-width:100%;
 width:100%
}
.tpd-tooltip-measuring .tpd-skin,
.tpd-tooltip-measuring .tpd-spinner {
 display:none
}
.tpd-tooltip-measuring .tpd-content-wrapper,
.tpd-tooltip-measuring .tpd-title-wrapper {
 display:block
}
.tpd-tooltip a,
.tpd-tooltip a:hover {
 color:grey;
 text-decoration:underline
}
.tpd-tooltip a:hover {
 color:#6c6c6c
}
.tpd-size-x-small .tpd-content,
.tpd-size-x-small .tpd-title {
 padding:7px 8px;
 font-size:10px;
 line-height:15px
}
.tpd-size-x-small .tpd-background {
 border-radius:5px
}
.tpd-size-x-small .tpd-stem {
 width:12px;
 height:6px;
 margin-left:4px;
 margin-top:2px
}
.tpd-size-x-small.tpd-no-radius .tpd-stem {
 margin-left:7px
}
.tpd-size-x-small .tpd-close {
 margin-bottom:1px
}
.tpd-size-x-small .tpd-spinner {
 width:35px;
 height:29px
}
.tpd-size-x-small .tpd-spinner-spin {
 margin:6px 0 0 9px
}
.tpd-size-x-small .tpd-spinner-spin,
.tpd-size-x-small .tpd-spinner-spin:after {
 width:17px;
 height:17px
}
.tpd-size-small .tpd-content,
.tpd-size-small .tpd-title {
 padding:8px;
 font-size:10px;
 line-height:16px
}
.tpd-size-small .tpd-background {
 border-radius:6px
}
.tpd-size-large .tpd-background,
.tpd-size-medium .tpd-background {
 border-radius:8px
}
.tpd-size-small .tpd-stem {
 width:14px;
 height:7px;
 margin-left:5px;
 margin-top:2px
}
.tpd-size-small.tpd-no-radius .tpd-stem {
 margin-left:8px
}
.tpd-size-small .tpd-close {
 margin:2px 1px
}
.tpd-size-small .tpd-spinner {
 width:42px;
 height:32px
}
.tpd-size-small .tpd-spinner-spin {
 margin:7px 0 0 13px
}
.tpd-size-small .tpd-spinner-spin,
.tpd-size-small .tpd-spinner-spin:after {
 width:18px;
 height:18px
}
.tpd-size-medium .tpd-content,
.tpd-size-medium .tpd-title {
 padding:10px;
 font-size:11px;
 line-height:16px
}
.tpd-size-medium .tpd-stem {
 width:16px;
 height:8px;
 margin-left:6px;
 margin-top:2px
}
.tpd-size-medium.tpd-no-radius .tpd-stem {
 margin-left:10px
}
.tpd-size-medium .tpd-close {
 margin:4px 2px
}
.tpd-size-medium .tpd-spinner {
 width:50px;
 height:36px
}
.tpd-size-medium .tpd-spinner-spin {
 margin:8px 0 0 15px
}
.tpd-size-medium .tpd-spinner-spin,
.tpd-size-medium .tpd-spinner-spin:after {
 width:20px;
 height:20px
}
.tpd-size-large .tpd-content,
.tpd-size-large .tpd-title {
 padding:10px;
 font-size:13px;
 line-height:18px
}
.tpd-size-large .tpd-stem {
 width:18px;
 height:9px;
 margin-left:7px;
 margin-top:2px
}
.tpd-size-large.tpd-no-radius .tpd-stem {
 margin-left:10px
}
.tpd-size-large .tpd-close {
 margin:5px 2px
}
.tpd-size-large .tpd-spinner {
 width:54px;
 height:38px
}
.tpd-size-large .tpd-spinner-spin {
 margin:9px 0 0 17px
}
.tpd-size-large .tpd-spinner-spin,
.tpd-size-large .tpd-spinner-spin:after {
 width:20px;
 height:20px
}
.tpd-skin-dark .tpd-close,
.tpd-skin-dark .tpd-content,
.tpd-skin-dark .tpd-title {
 color:#fff
}
.tpd-skin-dark .tpd-background-content,
.tpd-skin-dark .tpd-background-title {
 background-color:#282828
}
.tpd-skin-dark .tpd-background {
 border-width:1px;
 border-color:#282828;
 border-color:rgba(255,255,255,.1)
}
.tpd-skin-dark .tpd-title-wrapper {
 border-bottom:1px solid #404040
}
.tpd-skin-dark .tpd-spinner-spin {
 border-color:rgba(255,255,255,.2);
 border-left-color:#fff
}
.tpd-skin-dark a {
 color:#ccc
}
.tpd-skin-dark a:hover {
 color:silver
}