/* Ticker link container */
a.hoverquote-container, a.hoverquote-container:link,
a.hoverquote-container-od, a.hoverquote-container-od:link {
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    display:inline-block;
    padding:0 2px;
    position:relative;
    font-size:10pt;
}

/* Ticker link styling */
a.hoverquote-pos, a.hoverquote-pos:link, a.hoverquote-pos span,
a.hoverquote-neg, a.hoverquote-neg:link, a.hoverquote-neg span,
a.hoverquote-nochg, a.hoverquote-nochg:link, a.hoverquote-nochg span {
    font:10pt Arial, sans-serif;
    line-height:14px;
    text-decoration:none;
    color:#000;
}
a.hoverquote-pos, a.hoverquote-pos:link {
    background-color:#C7F9D2;
    border:1px solid #6FCF85;
}
a.hoverquote-neg, a.hoverquote-neg:link {
    background-color:#FEE0E0;
    border:1px solid #FBBDBD;
}
a.hoverquote-nochg, a.hoverquote-nochg:link {
    background-color:#B4D2EC;
    border:1px solid #338DCF;
}

/* Ticker link hover styling */
a.hoverquote-pos:hover, a.hoverquote-pos:hover span,
a.hoverquote-neg:hover, a.hoverquote-neg:hover span,
a.hoverquote-nochg:hover, a.hoverquote-nochg:hover span {
    color:#FFF !important;
}
a.hoverquote-pos:hover {
    background-color:#007C1D;
}
a.hoverquote-neg:hover {
    background-color:#B40000;
}
a.hoverquote-nochg:hover {
    background-color:#005A9C;
}

/* Containers inside ticker link */
a.hoverquote-container .hoverquote-symbol,
a.hoverquote-container-od .hoverquote-symbol {
}
a.hoverquote-container .hoverquote-value,
a.hoverquote-container-od .hoverquote-value {
}

/*!
 * qTip2 - Pretty powerful tooltips - v2.0.1-4-g
 * http://qtip2.com
 *
 * Copyright (c) 2013 Craig Michael Thompson
 * Released under the MIT, GPL licenses
 * http://jquery.org/license
 *
 * Date: Fri Jan 4 2013 04:05 GMT+0000
 * Plugins: svg ajax tips modal viewport imagemap ie6
 * Styles: basic css3
 */

/* Core qTip styles */
.qtip, .qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    min-width: 50px;
    font-size: 10.5px;
    line-height: 12px;
    direction: ltr;
}

.qtip-content {
    position: relative;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word;
}

.qtip-titlebar {
    position: relative;
    padding: 5px 35px 5px 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;
    border-color: #F1D031;
    background-color: #FFFFA3;
    color: #555;
}

.qtip-default .qtip-titlebar {
    background-color: #FFEF93;
}

.qtip-default .qtip-icon {
    border-color:#CCC;
    background:#FFF;
    color:#777;
}

.qtip-default .qtip-titlebar .qtip-close {
    border-color: #AAA;
    color: #111;
}

.qtip-hoverquote {
    background-color:#FFF;
    padding:1px;
    border:1px solid #666;
    width:300px; /* explicity set width to avoid visual 'jumping' */
}
.qtip-hoverquote .qtip-titlebar {
    background-color:#FFF;
}
.qtip-hoverquote .qtip-icon {
    border-color:#333;
}
.qtip-hoverquote .qtip-titlebar .ui-state-hover {
    border-color:#333;
}

/* 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;
}

/* Tips plugin (creates the arrow) */
.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;
}


/* Styles inside the HQ panel */
.hoverquote {
    width:300px;
    background:url(/images/zacks/hoverquote/hoverquote-bg.png) repeat-x;
    color:#4B4B4B;
    font:9pt Arial, sans-serif;
}

.hoverquote h2 {
    text-transform:none;
}

/* Generics */
.hoverquote .zr_10per  { width:10%; }
.hoverquote .zr_20per  { width:20%; }
.hoverquote .zr_25per  { width:25%; }
.hoverquote .zr_30per  { width:30%; }
.hoverquote .zr_40per  { width:40%; }
.hoverquote .zr_50per  { width:50%; }
.hoverquote .zr_60per  { width:60%; }
.hoverquote .zr_70per  { width:70%; }
.hoverquote .zr_75per  { width:75%; }
.hoverquote .zr_80per  { width:80%; }
.hoverquote .zr_90per  { width:90%; }
.hoverquote .zr_100per { width:100%; }
.hoverquote .pos, .hoverquote .pos span { color:#007F06; } /* Zacks Green */
.hoverquote .neg, .hoverquote .neg span { color:#D10121; } /* Red */

/* Sections */
.hoverquote .hq_detail, .hoverquote .hq_advert, .hoverquote .hq_news {
    margin:0;
    padding:2px 3px;
}
.hoverquote .hq_news {
    background:#DFDFDF;
    border-top:1px solid #AAA;
    padding-bottom:5px;
}
.hoverquote .hq_advert {
    border-bottom:1px solid #DCDCDC;
    text-align: center;
    padding: 5px 0;
}
.hoverquote .quote_detail {
    border-bottom:1px solid #d5d5d5;
    padding:5px 0;
}

.hoverquote .hq_name,
.hoverquote .hq_name a {
    color:#000;
    font-weight:bold;
    font-size:13.5pt;
}
.hoverquote .hq_name a:hover {
    color:#1D5EB5;
    text-decoration:none;
}
.hoverquote .hq_exch,
.hoverquote .hq_ticker {
    color:#7D7D7D;
    font-size:8.5pt;
}
.hoverquote .hq_ticker {
    font-weight:bold;
}

/* Ticker Name */
.hoverquote .headline {
    padding-bottom:1px;
}
.hoverquote .inner_panel {
    font-size:10pt;
    color:#000;
    line-height:14pt;
}
.hoverquote .inner_panel > span {
    display:block;
}
.hoverquote .hq_last {
    font-size:13.5pt;
    font-weight:bold;
}
.hoverquote .hq_last sup {
    font-weight:normal;
    margin-right:3px;
}
.hoverquote .hq_updated {
    font-size:8.5pt;
    color:#7D7D7D;
}

/* Add to Portfolio */
.hoverquote .hq_detail .zr_40per {
    display:block;
    text-align:right;
}

/* Formatting of data points */
.hoverquote .cont_data,
.hoverquote .inner_panel {
    float:left;
    width:50%;
}
.hoverquote .cont_data a {
    color:#1D5EB5;
}
.hoverquote .cont_data a:hover {
    text-decoration:underline;
}
.hoverquote .cont_data div {
    padding-bottom:1px;
    clear:both;
    float:none;
}
.hoverquote .cont_data h2 {
    margin:0;
    padding:0;
    border:0;
    float:left;
    line-height:1.7em;
}
.hoverquote .cont_data span {
    font:normal 10pt Arial, sans-serif;
    color:#000;
    float:right;
    line-height:1.7em;
    padding-right:20px;
}
.hoverquote .cont_data span.rank_chip {
    font:normal 10.5pt Arial, sans-serif;
    color:#FFF;
    float:right;
    line-height:21px;
    padding-right:0;
    font-weight:bold;
}
.hoverquote .cont_data.rank div {
    float:right;
}
.hoverquote .cont_data.rank h2 {
    display:inline;
}
.hoverquote .cont_data span.hq_rank_text {
    padding:0 2px 0 5px;
}
.hoverquote .hq_portfolio span {
    font-weight:bold;
    color:#025EDB;
    vertical-align:6px;
}
.hoverquote h2,
.hoverquote .hq_rank_text {
    font:bold 10pt Arial, sans-serif;
    color:#4B4B4B;
}
.hoverquote .zr-rankbox {
    float:right;
    width:118px;
    margin:0;
    padding:0;
}
.hoverquote .hq_links {
    text-align:center;
    font-size:9.0pt;
    font-weight:bold;
    line-height:1.3;
    padding-bottom:5px;
}
.hoverquote .hq_links a,
.hoverquote .hq_links a:link {
    color:#000;
}
.hoverquote .hq_links a:hover {
    color:#1D5EB5;
}

/* Related News LInks */
.hoverquote .hq_news {
    padding:0 10px 5px 10px;
}
.hoverquote .hq_news p {
    margin:5px 5px 5px 10px;
    padding:0;
}
.hoverquote .hq_news p:before {
    content:'\2022\00A0';
    color:#007F06;
    margin-left:-10px;
    font-size:12pt; /* 16px */
}
.hoverquote .hq_news a,
.hoverquote .hq_news a:link {
    font-size:10pt;
    color:#000;
}
.hoverquote .hq_news a:hover {
    color:#1D5EB5;
}

/* View MOre link */
.hoverquote .hq_news a.hq_viewmore {
    font-size:9pt;
    font-weight:bold;
    color:#000;
}
.hoverquote .hq_news a.hq_viewmore:after {
    content:'\a0\bb';
    color:#000;
}
.hoverquote .hq_news a.hq_viewmore:hover,
.hoverquote .hq_news a.hq_viewmore:hover:after {
    color:#1D5EB5;
}

.hoverquote .hq_chart {
    height:100px;
    width:294px;
    padding-top:3px;
    text-align:right;
    float:right;
}

/* Advert */
.hoverquote .hq_advert a,
.hoverquote .hq_advert a:link,
.hoverquote .hq_advert a:hover {
    border:0;
    outline:0;
    text-decoration:underline;
    color: #1D5EB5;
}


/** static tooltip **/
a.tooltiphere {
    background-color:#C7F9D2;
    border:1px solid #6FCF85;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    font-size:11pt !important;
    padding:0 1px;
    text-decoration:none !important;
}
a.tooltiphere:hover {
    background-color:#007c1d;
    color:#fff;
}