.html{
width:100%;
}
body.fidelity{
text-align:center;
background: #888;
width:100%;
}
* {
-webkit-touch-callout: none;
font-family:Helvetica,Arial,sans-serif !important; /* !important, to override gotham */
}
/* Portrait */
div.rootContainer{
text-align:left;
margin:0px auto;
}
@media screen and (max-width:768px) {
div.rootContainer{
width: 738px;
}
}
@media screen and (min-width:769px) {
div.rootContainer{
width: 996px;
}
}
.relatedCompaniesContainer{
padding-left:20px;
height:30px;
line-height:30px;
background-color:#DEDEDE;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E7E7E7), to(#C0C0C0));
position:relative;
z-index:20;
/*background: url(../images/fidelity/relatedGradient-36defc389c.png);*/
}
.rootSankeyContainer{
height:450px;
background-color:black;
}
.trefisSankeyLogo{
background: url(../images/trefisTtransparent-02fe4eb98e.png) no-repeat;
padding-left:28px;
height:21px;
line-height:21px;
text-transform: uppercase;
position:absolute;
right:50px;
top:10px;
color:#989898;
font-size:12px;
}
.research .trefisSankeyLogo{
right: auto;
top: auto;
left:10px;
bottom:10px;
}
.trefisSankeyInfo {
background: url(../images/fidelity/infoI-845ad8e3af.png) no-repeat;
height:22px;
width:22px;
position:absolute;
right:10px;
top:11px;
text-decoration: none;
}
.trefisSankeyInfo:active{
background-color:rgba(198,198,198,0.7);
}
.research .trefisSankeyInfo{
top: auto;
bottom:10px;
}
.banner{
font-size:14px;
color:#f60;
padding:5px;
background-color:#DEDEDE;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E7E7E7), to(#C0C0C0));
text-align:center;
}
.cwFVPrice .sankeyMarketSpread{
font-size:12px;
position:absolute;
bottom:-40px;
right:0px;
text-align: center;
line-height:12px;
font-family: Tahoma;
}
.cwFVPrice .sankeyMarketSpread.pos{
color: green;
font-weight:bold;
}
.cwFVPrice .sankeyMarketSpread.neg{
color: red;
font-weight:bold;
}
.forecastsContainer{
height:230px;
background-image: -webkit-gradient(linear, 0% 0%, 0% 17%, from(#8E8E8E), to(#B4B4B4));
}
.bottomContainer{
background: #fff;
float:left;
width: 100%;
position: relative;
}
.bottomContainer .backdrop {
position: absolute;
top: 0;
left: 0;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D4D5D4), to(#FFFFFF));
height: 300px;
width: 100%;
}
.overviewContainer{
float:left;
position: relative; /* this makes it appear above the .backdrop div */
}
@media screen and (max-width:768px) {
.overviewContainer{
width:505px;
}
}
@media screen and (min-width:769px) {
.overviewContainer{
width: 763px;
}
}
.articlesContainer{
width:220px;
float:left;
position: relative; /* this makes it appear above the .backdrop div */
}
.headerContainer .tickerTitle{
font-size:40px;
text-transform:uppercase;
text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
}
.headerContainer .companyNameTitle{
font-size:20px;
text-transform:uppercase;
text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -1px;
}
.relatedCompaniesContainer .containerTitle{
color: #939393;
text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -1px;
font-size:14px;
padding-right:10px;
}
.relatedCompaniesInner {
margin-right:215px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
a.relatedCompany{
text-transform:uppercase;
padding-left:5px;
padding-right:5px;
font-size:14px;
color: #000;
text-decoration: none;
text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -1px;
}
.research a.relatedCompany {
color: #eee;
}
.forecastsContainer .containerTitle{
text-transform:uppercase;
line-height:50px;
height:50px;
color:white;
font-size:20px;
padding-left:20px;
}
.articlesContainer .containerTitle{
text-transform:uppercase;
line-height:26px;
color:#3C3C3C;
font-size:18px;
margin: 20px 0;
}
.articleBlock {
display: block;
margin-bottom: 15px;
text-decoration: none;
}
.articleTitle{
font-size:14px;
color:#0085B2;
font-weight:bold;
}
.articleByline{
font-size:10px;
color:#A5A5A5;
}
.forecastList{
text-align: center;
}
/**** overviews *****/
.overviewContainer * .contentTitle{
text-transform:uppercase;
line-height:26px;
color:#3c3c3c;
font-size:18px;
padding-left:10px;
display:inline-block;
text-decoration: none;
margin: 20px 0 0;
}
.overviewContainer * .contentTitle.clickable{
color:#64B0FD;
}
.overviewContainer h1.contentSubTitle {
font-size: 16px;
margin: 10px 0 40px;
}
.companyContent {
margin-top: 30px;
}
.overviewContainer .content{
font-size:14px;
color:#666666;
line-height:18px;
padding-left:10px;
width: 440px;
}
.contentTitle.driver,
.contentTitle.division{
display:inline-block;
max-width:220px;
}
.contentTitle .text{
line-height:20px;
display:inline-block;
}
.contentTitle.clickable .text{
line-height:12px;
display:inline-block;
}
.contentTitle.driver,
.contentTitle.division,
.content.driver,
.content.division{
display:none; /*at first only the company overview is visible */
}
.sankey .cwHeadline{
display:none;
}
/******************************************************
/*** research page specific styling ***/
/******************************************************/
.research.topContainer{
background-color:#252525; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(37,37,37,1) 100%); /* Chrome10+,Safari5.1+ */
}
.research .rootSankeyContainer{
background-color:transparent;
}
.sankeyOverviewContainer{
height:450px;
}
.research .rootSankeyContainer{
height:450px;
float:left;
}
.research.topContainer .companyOverviewContainer{
height:370px;
float:right;
color:#AAAAAA;
padding:85px 10px 40px 10px;
overflow: auto;
-webkit-overflow-scrolling: touch;
font-size: 13.5px;
}
.sankey .researchDate {
position: absolute;
top: 10px;
left: 10px;
color: #aaa;
}
.research .researchDate {
position: absolute;
right: 0;
padding-right: 10px;
top: 10px;
color: #aaa;
}
@media screen and (max-width:768px) {
.research.topContainer .companyOverviewContainer,
.research .researchDate {
width:190px;
}
}
@media screen and (min-width:769px) {
.research.topContainer .companyOverviewContainer,
.research .researchDate {
width:260px;
padding-right: 50px;
}
}
.longContentFooter {
height: 20px;
border-bottom: 4px solid #888;
}
.overviewContentArea h1,
.overviewContentArea h2{
font-size:14px;
}
/* needed because the "Trefis price" -> "Trefis estimate" replacement may get the case wrong in headers */
.overviewContentArea h1 {
text-transform: uppercase;
}
.research.topContainer .relatedCompaniesContainer{
background:none;
color:#EEEEEE;
background-color:#111111;
}
.research.searchBar{
height:42px;
/*background: white url(../images/fidelity/searchBarGradient-bbb4a8ca2a.png) repeat-x;*/
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DCDCDC), to(#BCBCBC));
line-height:42px;
position:relative;
z-index:20;
}
.research.searchBar .title{
/* use position:absolute not float:left because the latter causes the title below to be pushed to the right in some OS versions */
position: absolute;
padding-left:10px;
font-size:14px;
text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -1px;
}
.research.searchBar .searchFieldContainer{
float:right;
padding-right:10px;
}
.upsideTitle,
.downsideTitle{
height:48px;
border-bottom:2px solid white;
background-color: #EEEEEE;
padding-left:10px;
font-size:13px;
line-height:48px;
color:#4C4C4C;
text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -1px;
margin-top:-1px; /*ipad seems to introduce scaling artifacts like lines between divs */
}
.upsideContainerOuter,
.downsideContainerOuter{
background-color: #EEEEEE;
}
.upsideContainerOuter table,
.downsideContainerOuter table{
border-collapse:collapse;
}
.upsideContainerOuter td,
.downsideContainerOuter td{
margin:0px;
padding:0px;
border:0px;
}
.upsideContainer,
.downsideContainer{
height:218px;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
position: relative;
}
.upsideDownsideMissing {
text-align:center;
margin-top: 70px;
}
.upsideContainer .spinnerLarge, .downsideContainer .spinnerLarge {
display: block;
margin: 60px auto 0;
}
.spreadItem.dummy{
background-image:none !important ;
background-color:transparent !important ;
}
@media screen and (max-width:768px) {
.upsideContainer,
.downsideContainer{
margin-left:24px;
}
.spreadItem{
width:198px;
margin-right:10px;
}
}
@media screen and (min-width:769px) {
.upsideContainer,
.downsideContainer{
margin-left:50px;
margin-right:50px;
}
.spreadItem{
width:250px;
margin-right:10px;
margin-left:10px;
}
}
/* upside downside spreads*/
.spreadColumn{
float:left;
height:220px;
}
.spreadItem{
display: block;
height:80px;
margin-top:8px;
border-radius: 15px;
padding-left:15px;
padding-right:15px;
padding-top:5px;
padding-bottom:5px;
position:relative;
color:white;
line-height: normal;
}
.spreadItem div{
text-shadow: rgba(0,0,0,0.5) -2px -2px;
}
.spreadItem .ticker{
position:absolute;
bottom:10px;
left:10px;
font-size:15px;
text-transform: uppercase;
font-weight: bold;
}
.spreadItem .name{
position:absolute;
top:8px;
left:0px;
font-size:16px;
text-align:center;
font-weight: bold;
text-transform: uppercase;
width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.spreadItem .trefisPrice{
position:absolute;
top:30px;
left:0px;
text-align:center;
font-size:20px;
font-weight:bold;
width:100%;
}
.spreadItem .spread{
position:absolute;
top:30px;
right:10px;
width:50px;
font-size:11px;
}
.upsideContainer .spreadItem .spread,
.spreadItem.upside .spread {
color: #76DD2C;
}
.downsideContainer .spreadItem .spread,
.spreadItem.downside .spread {
color: #FF4D4D;
}
.spreadItem .trefisPriceLabel{
position:absolute;
top:30px;
left:15px;
text-transform: uppercase;
width:40px;
font-size:11px;
}
.upsideContainer .spreadItem,
.spreadItem.upside{
background: #1f4a8d url(../images/fidelity/ic_sankey_fortile-b927734cca.png) 0% 100% no-repeat;
}
.downsideContainer .spreadItem,
.spreadItem.downside{
background: #153464 url(../images/fidelity/ic_sankey_fortile-b927734cca.png) 0% 100% no-repeat;
}
.research.pager{
text-align: center;
background-color: #EEEEEE;
height:20px;
line-height:20px;
padding:0px;
margin-top:-1px;
}
.research.pager .page{
background: url(../images/fidelity/researchPage-d179c33198.png) center no-repeat;
height:10px;
width:10px;
display:inline-block;
margin-right:10px;
}
.research.pager .page.active{
background: url(../images/fidelity/researchPageActive-dd18c2b1c1.png) center no-repeat;
height:10px;
width:10px;
}
/* HDL--> Horizontal Driver List*/
.tfHDL_prevPage{
float:left;
background: url(../images/fidelity/prevPage-8aa8bc2e3d.png) center no-repeat;
height:150px;
width:19px;
margin-left:7px;
margin-right:7px;
}
.tfHDL_nextPage{
float:right;
background: url(../images/fidelity/nextPage-6aea979ae2.png) center no-repeat;
height:150px;
width:19px;
margin-right:7px;
margin-left:7px
}
.tfHDL_driversContainer{
height:160px;
width:671px;
overflow-y:hidden;
overflow-x:auto;
-webkit-overflow-scrolling: touch;
position: relative; /* needs to be relative because the
inside the container will be position:absolute to allow scrolling */
}
.tfHDL_driversContainer table{
border-collapse:collapse;
}
.tfHDL_driversContainer td{
border:0px;
margin:0px;
padding:0px;
}
.tfHDL_driver{
height:150px;
width:196px;
border: 4px solid transparent;
display:inline-block;
}
.tfHDL_driver.static_thumb{
background: url(../images/fidelity/sampleDriver-3f965ac370.png) center no-repeat;
}
@media screen and (max-width:768px) {
.tfHDL_driver{
margin-left:10px;
margin-right:10px;
}
}
@media screen and (min-width:769px) {
.tfHDL_driver{
margin-left:15px;
margin-right:15px;
}
}
.tfHDL_driver.selected{
border-color: orange;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
}
.tfHDL_driver_title{
text-transform: uppercase;
font-size: 10px;
color:orange;
text-align:center;
width:180px;
float:left;
}
.tfHDL_driver_thumb{
float:left;
}
.projectedDriverThumbnail {
position: relative;
float: right;
bottom: 35px; /* after the margins */
right: 29px; /* after the margins */
background-color: #111111;
padding-left: 5px;
padding-right: 5px;
min-width: 38px; /* after the padding */
line-height: 20px;
height: 20px;
opacity: 0.75;
font-family: Helvetica;
color: #ffffff;
text-align: center;
font-size: 11px;
font-weight: bold;
vertical-align: bottom;
border-radius: 10px;
}
.tfHDL_prevPage.disabled,
.tfHDL_nextPage.disabled
{
background:none;
}
.tfHDL_page{
display:inline-block;
background: url(../images/fidelity/inactivePage-5d0bb8952e.png) center no-repeat;
height:14px;
width:14px;
margin:2px;
}
.tfHDL_page.currentPage{
background: url(../images/fidelity/activePage-a402b8d377.png) center no-repeat;
}
/**SEARCH BOX **/
.searchBoxContainer{
margin:3px;
background-color:white;
border-radius:11px;
border:2px solid silver;
position:absolute;
right:0px;
z-index:20;
}
.searchBox{
height:22px;
margin:0px;
padding:0px;
float:left;
display:inline-block;
border-left:none;
border-right:none;
border-top:none;
border-bottom:none;
width:150px;
}
.searchGlass{
display:inline-block;
width:22px;
background: url(../images/fidelity/searchGlass-f1089006f1.png) center no-repeat;
height:22px;
float:left;
}
.searchClear{
display:inline-block;
height:22px;
float:left;
width:26px;
visibility: hidden;
background: url(../images/fidelity/searchClear-840906155f.png) center no-repeat;
}
.searchClear.active{
visibility: visible;
}
.searchResultsOuter{
position:absolute;
display:inline-block;
border-radius:10px;
border-radius:10px;
padding-right:23px;
right:0px;
}
.research .searchResultsOuter{
right:206px;
}
.searchResultsOuter.tipRight{
padding-right:23px;
}
.searchResultsTopTip{
background: url(../images/fidelity/searchResultsTip-2c3e1689c6.png) center no-repeat;
height:23px;
}
.searchResultsRightTip{
background: url(../images/fidelity/searchResultsTipRight-dc048ca420.png) 0 center no-repeat;
height:100%;
width:23px;
position:absolute;
top:0px;
right:0px;
}
.searchResultsOuter.tipRight .searchResultsTopTip{
display:none;
}
.searchResultsOuter.tipTop .searchResultsRightTip{
display:none;
}
.searchResultsContainer{
border-radius:10px;
width:240px;
padding:5px;
z-index:100;
display:inline-block;
text-align:left;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7B818F), to(#091631));
padding:10px;
}
.searchResultsContainerScroller{
max-height: 200px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.searchResultCategory{
background-color:#DEDEDE;
font-size:11px;
line-height:30px;
text-shadow: rgba(255,255,255,0.5) 1px 1px;
height:30px;
border-top:2px solid white;
margin-bottom:1px;
padding-left:5px;
}
.searchResultItem{
background-color:#EEEEEE;
font-size:12px;
text-transform: uppercase;
height:30px;
line-height:30px;
overflow:hidden;
padding-left:50px;
padding-right:15px;
position:relative;
margin-bottom:1px;
-webkit-transform: translateZ(0);
}
.searchResultItem .name{
height:30px;
line-height:30px;
overflow:hidden;
text-overflow:ellipsis;
display:inline-block;
max-width:240px;
}
.searchResultItem .ticker{
font-weight:bold;
width:45px;
display:inline-block;
position:absolute;
left:0px;
padding-left:5px;
}
.searchResultItem .trailer{
width:15px;
display:inline-block;
position:absolute;
right:0px;
padding:0px;
margin:0px;
}
.searchResultsNotCovered{
font-size:16px;
background-color:#E9E9E9;
padding:10px;
overflow:hidden;
line-height: 1em; /* restore default to fit */
}
.requestCoverageContainer{
text-align:center;
margin-top:10px;
}
.requestCoverageButton{
display:inline-block;
border-radius:10px;
position:relative;
height:30px;
line-height:30px;
background-color:#4F4F4F;
color:white;
font-weight:bold;
font-size:12px;
}
.requestCoverageButton .text{
margin-left:30px;
margin-right:25px;
white-space: nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width: 230px;
}
.requestCoverageButton .trailer{
width:15px;
position:absolute;
right:0px;
color:white;
font-weight:bold;
display:inline-block;
height:30px;
}
.requestCoverageButton .trefisT{
background: url(../images/fidelity/trefisT-41d6c4d819.png) center no-repeat;
width:26px;
position:absolute;
left:0px;
display:inline-block;
height:30px;
}
.otherContainer{
text-align:center;
height:auto;
background-color:#E9E9E9;
padding-bottom:10px;
border-top:2px solid white;
}
.otherTitle.searchResultCategory{
background-color:#E9E9E9;
margin-bottom:0px;
}
.searchResultsContainer .spreadItem.downside,
.searchResultsContainer .spreadItem.upside{
width:auto;
}
/*
cash/debt popup div
*/
.cashDebtPopup {
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0, 0.75);
display: none;
width: 100%;
height: 100%;
z-index: 9000;
}
.cashDebtPopupInner{
text-align:left;
background-color:white;
border-radius:15px;
padding:10px;
margin:30px auto;
width: 300px;
position: relative;
}
/**
floating article div
*/
.floatingArticleContainer{
position:absolute;
top:0px;
left:0px;
background-color:rgba(0,0,0,0.75);
display:none;
text-align:center;
width:100%;
z-index:9000;
}
.sankey .floatingArticleContainer {
height: 100%;
min-height: 1500px;
}
.research .floatingArticleContainer {
height: 1200px; /* large enough to cover all of the research page */
}
.floatingArticleContainerInner, .floatingArticleContainerSpinner{
text-align:left;
background-color:white;
border-radius:15px;
float:left;
position:relative;
padding:10px;
margin:30px;
width: 655px;
z-index:2;
}
.sankey .floatingArticleContainerInner, .sankey .floatingArticleContainerSpinner {
min-height: 600px;
}
@media screen and (min-width:769px) {
.floatingArticleContainerInner, .floatingArticleContainerSpinner {
margin-left:170px;
}
}
.selectedArticleContentInner {
font-size: 14px;
line-height: 18px;
overflow: hidden;
}
.sankey .selectedArticleContentInner {
min-height: 2000px;
}
.floatingArticleContainerEventEater{
height:100%;
width:100%;
position:absolute;
top:0px;
left:0px;
z-index:1;
}
.floatingArticleContainer .leftCol{
overflow-x: hidden;
font-size: 14px;
line-height: 18px;
}
.floatingArticleContainer .leftCol,
.floatingArticleContainer .selectedArticleTitle,
.floatingArticleContainer .selectedArticleByline{
width:355px;
}
.floatingArticleContainer.faqs .leftCol,
.floatingArticleContainer.faqs .selectedArticleTitle,
.floatingArticleContainer.faqs .selectedArticleByline{
width:630px;
}
.floatingArticleContainerSpinner .spinnerLarge {
display: block;
position: relative;
top: 100px;
margin-left: auto;
margin-right: auto;
}
.floatingArticleContainer .rightCol{
position: absolute;
right: 10px;
top: 0;
display:inline-block;
width:280px;
text-align:left;
}
.floatingArticleContainer .close, .cashDebtPopup .close {
display:inline-block;
position:absolute;
background: url(../images/fidelity/ic_close-4f84f445f3.png) center no-repeat;
width:40px;
height:41px;
right: -20px;
top: -20px;
}
.floatingArticleContainer .selectedArticleTitle{
text-align:left;
font-size:18px;
color:black;
font-weight:bold;
}
.floatingArticleContainer.faqs .selectedArticleTitle {
margin: 20px 0 10px;
}
.floatingArticleContainer .selectedArticleByline{
text-align:left;
font-size:14px;
color:#999999;
font-weight:bold;
}
.aboutTrefis .containerTitle{
padding-top:20px;
}
.floatingArticleContainer .logo{
height:34px;
background: url(../images/headerTrefisLogo-3379a64ade.png) no-repeat;
}
.aboutTrefis .aboutContent{
padding-top:10px;
font-size:13px;
}
.no-data {
color: gray;
}
.spinner {
background: url(../images/smallLoadingSpinner-2a66929734.gif) no-repeat 50% 50%;
display: none;
width: 16px;
height: 16px;
}
.spinnerLarge {
background: url(../images/largeLoadingIcon-69f58b3c2c.gif) no-repeat 50% 50%;
display: none;
width: 66px;
height: 66px;
}
.centeredSpinnerLarge {
display: none;
width: 66px;
height: 66px;
position: fixed;
top: 48%;
left: 48%;
margin-top: -50px;
margin-left: auto;
margin-right: auto;
z-index: 500;
}
div.fadeMe {
opacity: 0.0;
filter: alpha(opacity=0);
background: #B3B3B3;
width: 100%;
height: 100%;
z-index: -1;
top: 0;
left: 0;
position: fixed;
}
.spinnerFullScreen {
background: rgba(211,211,211,0.5) url(../images/largeLoadingIcon-69f58b3c2c.gif) no-repeat 50% 50%;
display: none;
width: 100%;
height: 100%;
z-index: 100;
top: 0;
left: 0;
position: fixed;
}
.spinnerResult {
background: url(../images/smallLoadingSpinner-2a66929734.gif) no-repeat 90% 40%;
}
ul.token-input-list-trefis {
overflow: hidden;
height: auto !important;
height: 1%;
width: 100%;
border: 1px solid #d4d4d4;
cursor: text;
font-size: 12px;
font-family: Verdana;
min-height: 1px;
z-index: 999;
margin: 0;
padding: 0;
background-color: #fff;
list-style-type: none;
clear: left;
}
ul.token-input-list-trefis li input {
border: 0;
width: 100px;
padding: 0 8px;
background-color: white;
margin: 2px 0;
-webkit-appearance: caret;
}
li.token-input-token-trefis {
overflow: hidden;
height: auto !important;
height: 15px;
margin: 1px 3px;
padding: 1px 3px;
background-color: #eff2f7;
color: #000;
cursor: default;
border: 1px solid #ccd5e4;
font-size: 11px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
float: left;
white-space: nowrap;
}
li.token-input-token-trefis p {
display: inline;
padding: 0;
margin: 0;
}
li.token-input-token-trefis span {
color: #a6b3cf;
margin-left: 5px;
font-weight: bold;
cursor: pointer;
}
li.token-input-selected-token-trefis {
background-color: #5670a6;
border: 1px solid #3b5998;
color: #fff;
}
li.token-input-input-token-trefis {
float: left;
margin: 0;
padding: 0;
list-style-type: none;
}
div.token-input-dropdown-trefis {
position: absolute;
background-color: #fff;
overflow: hidden;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
cursor: default;
font-size: 11px;
font-family: Verdana;
z-index: 1004; /* this z-index value is large enough to go over the standard jquery ui dialog popups, which max out at 1003 */
text-align: left;
}
div.token-input-dropdown-trefis p {
margin: 0;
padding: 5px;
font-weight: bold;
color: #777;
}
div.token-input-dropdown-trefis ul {
margin: 0;
padding: 0;
}
div.token-input-dropdown-trefis ul li {
background-color: #fff;
padding: 3px;
margin: 0;
list-style-type: none;
}
div.token-input-dropdown-trefis ul li.token-input-dropdown-item-trefis {
background-color: #fff;
}
div.token-input-dropdown-trefis ul li.token-input-dropdown-item2-trefis {
background-color: #fff;
}
div.token-input-dropdown-trefis ul li em {
font-weight: bold;
font-style: normal;
}
div.token-input-dropdown-trefis ul li.token-input-selected-dropdown-item-trefis {
background-color: #3b5998;
color: #fff;
}
/*
@include lib/token-input-trefis.css
*/
.cbCont {
position: relative;
}
.cbAnonLabel{
display:inline-block;
}
.cbAnonWrapper{
padding:2px 0px;
}
.cbBoxWrapper {
border: 1px solid #606060;
border-radius: 5px 5px 0 0;
padding: 6px;
background: #fff;
box-shadow:inset 0 0 4px #666;
}
.cbBox {
resize: vertical;
width: 100%;
/* height needs to be set by client! */
border: none;
line-height: 16px;
font-size: 12px;
color: #333;
font-family: Helvetica, Arial, sans-serif;
outline: none; /* prevents blue outline when focused in chrome */
}
.cbLineWrapper {
/* 14 px right padding counteracts the 6px padding and 1px border on each side of the input.cbLine
5px bottom padding to separate it from the textarea below */
padding: 0 14px 5px 0;
}
.cbLine {
/* we really to want outlines here, unlike cbBox, and a separate
* class so the height is handled separately.
*/
width: 100%;
padding: 3px 6px; /* 6px horizontal padding matches the textarea below */
border: 1px solid #ccc;
line-height: 16px;
font-size: 12px;
font-family: Helvetica, Arial, sans-serif;
color: #333;
}
.cbCont .ghostText {
/* this fixes the css overrides for #mdCommentBox when it's ghosted */
color: #666 !important;
}
.btn.btn-sm.cbSubmit,
.btn.btn-sm.cbBottomLink
{
border-radius: 0 0 4px 0; /* offset 1px for outer container's border */
}
.cbBottomInner .btn:not(:first-child) {
margin-right: 2px;
}
.cbBottom {
border: 1px solid #818181;
border-radius: 0 0 5px 5px;
position: relative;
top: -1px;
}
.cbBottomInner {
border-radius: 0 0 4px 4px; /* offset 1px for outer container's border */
height: 30px;
padding-left: 5px;
background: #c9c9c9;
background-image: linear-gradient(top, #d9d9d9, #b6b6b6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd9d9d9, endColorstr=#ffb6b6b6);
}
.cbBottom table {
height: 25px;
vertical-align: middle;
position: absolute;
}
.cbBottom td {
padding: 0;
}
.cbBottom span {
color: #fff;
}
.cbBottom input {
margin: 0 3px;
padding: 0;
display: block;
}
.cbBottom label {
text-indent: -9999px;
width: 16px;
height: 16px;
display: block;
background-image: url(../images/commentBarShareIcons-5f049f58ce.png);
}
/*
.cbCrossINLabel {
background-position: 0 0;
}
*/
.cbCrossFBLabel {
background-position: -16px 0 !important;
}
.cbCrossTWLabel {
background-position: -32px 0 !important;
}
/* common styles for the Submit and Add a Price buttons */
.cbBottom a {
height: 25px;
line-height: 25px;
font-size: 11px;
float: right;
text-decoration: none;
outline: none;
}
a.cbAddPrice {
padding-left: 30px;
position: relative; /* needed so that orange_bang child can be absolutely positioned */
}
.cbCont form {
display: none;
}
.cbBelowBottom {
display: none;
margin-top: 5px;
}
#cbCrossSynd, #cbTrefisInternal {
float: left;
margin-top:2px;
}
.cbBelowBottom .inner {
height: 26px;
}
.cbCompanies, .cbBelowBottom ul {
width: 460px;
float: right;
}
.cbCompaniesLabel {
float: right;
margin: 3px 10px 0 0;
}
.cbCompaniesLabel span {
color: #f00;
}
.cbBelowBottom label {
float: left;
margin-top: 3px;
}
.cbLogos {
float: left;
width: 250px;
height: 26px;
background: url(../images/syndicatorLogos-6f4160b905.png) no-repeat 50% 50%;
}
.orangePrompt {
position: absolute;
display: none;
z-index: 2;
}
.orangePrompt-text {
color: #f60;
border: 1px solid #f93;
background: #ffc;
border-radius: 3px;
padding: 3px 6px;
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#999999, direction=120, strength=3)";
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#999999, direction=120, strength=3);
}
.orangePrompt-carat {
width: 9px;
height: 8px;
line-height: 8px;
overflow: hidden;
background: url(../images/promptCarat-4407ed80a8.png);
position: absolute;
bottom: -7px;
}
.orangePrompt-carat-left {
left: 25px;
}
.orangePrompt-carat-right {
right: 25px;
}
/*
@include infrastructure/orangePrompt.css
*/
/*
* This CSS file is common to all Javascript chart/sankey functionality
*/
.highcharts-container {
z-index: 1;
}
.chartLabel {
position: absolute;
display: none;
font-size: 10px;
z-index: 2;
}
.chartMouseover {
background: #fff;
position: absolute;
/* top: 0; top is set by JS in ChartWrapper */
left: 6px;
padding: 3px;
font-size: 11px;
font-family: GothamBook, Helvetica, Arial, sans-serif;
border: 1px solid #ccc;
display: none;
z-index: 10;
border-radius: 4px;
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
}
.chartMouseover span {
font-family: Gotham, Helvetica, Arial, sans-serif;
}
.widgetFilmstrip {
float: right;
width: 105px;
margin-right: 4px;
margin-top: 3px;
display: inline;
}
.widgetFilmstrip a {
display: block;
background: url(../images/widgetDriverFilmstrip-3a7798478c.png);
width: 23px;
height: 23px;
text-indent: -9999px;
outline: none;
float: right;
cursor: pointer;
_cursor: hand;
}
a.widgetFilmstrip-right {
background-position: -23px 0;
}
a.widgetFilmstrip-left:hover {
background-position: 0 -23px;
}
a.widgetFilmstrip-right:hover {
background-position: -23px -23px;
}
a.widgetFilmstrip-left:active {
background-position: 0 -46px;
}
a.widgetFilmstrip-right:active {
background-position: -23px -46px;
}
a.widgetFilmstrip-left-disabled {
background-position: 0 -69px !important;
cursor: default;
}
a.widgetFilmstrip-right-disabled {
background-position: -23px -69px !important;
cursor: default;
}
.widgetFilmstrip span {
float: right;
color: #666;
margin-right: 6px;
line-height: 23px;
}
.displayOnlyInEditMode {
display: none;
}
.cwButtonBar {
height: 27px;
font-size: 12px;
border-radius: 3px;
background: #cedded; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cedded 0%,#97b9d9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedded', endColorstr='#97b9d9',GradientType=0 ); /* IE6-9 */
}
.cwButtonBar a {
line-height: 27px;
color: #244774;
padding: 0 4px;
display: inline-block;
}
.cwButtonBar a:hover,
.cwButtonBar a:focus {
background-image: none;
text-decoration: none;
background-color: rgba(255, 255, 255, 0.3);
}
.cwButtonBar .cwSmoothing.cwSmoothingActive .fa-check-square-o {
display: inline;
}
.cwButtonBar .cwSmoothing.cwSmoothingActive .fa-square-o {
display: none;
}
.cwButtonBar .cwSmoothing .fa-check-square-o {
display: none;
}
.cwButtonBar .cwSmoothing .fa-square-o {
display: inline;
}
.checkboxDropdown {
display: none;
position: absolute;
border: 1px solid #54b3d6;
background: #fff;
z-index: 2;
}
.checkboxDropdown ul {
list-style-type: none;
margin: 0;
padding: 5px 0;
}
.checkboxDropdown li {
margin: 5px;
position: relative;
}
.checkboxDropdownHeader {
font-size: 11px;
color: #333;
}
.checkboxDropdown input {
position: relative;
margin: 0;
padding: 0;
top: 2px;
}
.checkboxDropdown label {
font-size: 11px;
}
.introAnimCursor {
background: url(../images/introAnimCursor-a7e9d2a52e.png);
width: 20px;
height: 31px;
position: absolute;
z-index: 100;
}
#widgetFAQ {
overflow-y: scroll;
}
#widgetFAQ ul {
list-style-type: none;
padding-left: 20px;
max-width: 500px;
}
#widgetFAQ li a {
display: block;
background: url(../images/discTri000-f951793eef.png) no-repeat 3px 6px;
padding-left: 17px;
font-size: 13px;
color: #174ebe;
line-height: 20px;
margin: 10px 0 5px;
cursor: pointer;
_cursor: hand;
}
#widgetFAQ li a:hover {
background-color: #c3dbf3;
}
#widgetFAQ li a.widgetFAQOpen {
background-image: url(../images/discTri090-4292c13186.png);
}
#widgetFAQ li div {
font-family: GothamBook, Helvetica, Arial, sans-serif;
padding-left: 15px;
color: #333;
}
#widgetFAQAll {
display: inline-block;
margin: 0 0 30px 37px; /* 37px left paddingis the sum of 20px padding from ul, and 17px padding from #widgetFAQ li a, so that it's left-aligned */
font-family: GothamBook, Helvetica, Arial, sans-serif;
color: #174ebe;
}
.shareLink {
color: #09c;
font-family: GothamBook, Helvetica, Arial, sans-serif;
padding-left: 20px;
height: 16px;
line-height: 16px;
background: url(../images/linkedInIcon-7e22aaf358.png) no-repeat 0 50%;
cursor: pointer;
_cursor: hand;
}
.shareLinkOnChart {
position: absolute;
right: 10px;
}
.shareLinkAboveChart {
float: right;
display: inline;
margin: 10px 10px 0 0;
}
a.shareLink:hover {
background-color: #88a8eb;
}
#shareDropdown {
display: none;
position: absolute;
border: 1px solid #000;
background: #4c4c4c;
min-width: 105px;
z-index: 2;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, direction=135, strength=4)";
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, direction=135, strength=4);
}
#shareDropdown ul {
list-style-type: none;
padding: 10px;
margin: 0;
}
#shareDropdown li {
padding: 5px 0;
}
#shareDropdown a {
color: #fff;
cursor: pointer;
_cursor: hand;
font-family: GothamBook, Helvetica, Arial, sans-serif;
display: inline-block;
line-height: 16px;
padding-left: 20px;
}
#shareDropdown a:hover {
background-color: #c3dbf3;
color: #0a2552;
}
.shareDropdownFB {
background: url(../images/facebookIcon-718f1aef17.gif) no-repeat 0 50%;
}
.shareDropdownLI {
background: url(../images/linkedInIcon-7e22aaf358.png) no-repeat 0 50%;
}
#sharePopup {
display: none;
position: absolute;
top: 50px;
width: 100%;
}
#sharePopupInner {
margin: 0 40px;
position: relative;
background: #f5f5f5;
border-radius: 8px;
box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.5);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, direction=120, strength=8)";
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, direction=120, strength=8);
}
.XClose {
position:absolute;
top:-14px;
right:-13px;
width:28px;
height:29px;
background: url(../images/closeButtonCir-a489ab78a0.png) no-repeat;
}
a.XClose:hover {
background-position: -28px 0;
background-color: transparent;
}
a.XClose:active {
background-position: -56px 0;
}
.popupTitle {
text-align:center;
color: #5cad5c;
font-size:13px;
height:26px;
margin: 0 20px;
}
.popupTitle div {
height: 12px;
border-bottom: 1px solid #c1e0c1;
width:100%;
}
.popupTitle span {
position:relative;
background: #f5f5f5;
top:-8px;
padding:0 8px;
font-weight:bold;
}
#sharePopup input {
width: 100%;
}
.cwHeaderDropdown {
position: absolute;
display: none;
background: #4c4c4c;
font-size: 12px;
border: 1px solid #000;
font-family: Gotham, Helvetica, Arial, sans-serif;
white-space: nowrap;
z-index: 7; /* fb2825: needs to be greater than the z-index:6 of the secondary output scroll bar */
max-height: 300px;
overflow-x: hidden;
overflow-y: auto;
}
.cwHeaderDropdown tr,
.cwHeaderDropdown td {
margin: 0;
padding: 0;
}
.cwHeaderDropdown a {
text-decoration: none;
color: #fff;
display: block;
padding: 4px 16px 4px 4px;
}
.cwHeaderDropdown a:hover {
background-color: #cdf;
color: #000;
}
/* following CSS is specific to the period dropdown in the upper left
of model pages, and not other uses of headerDropdown */
#periods {
width: 75px;
background-color: #3066A4;
padding: 3px 5px 2px 5px;
border-radius: 2px;
background-position-y: 2px;
color: #fff;
display: block;
font-family: Gotham, Helvetica, Arial, sans-serif;
font-size: 12px;
z-index: 1;
}
.redPeriodDialog .ui-widget-content {
color: red;
}
.cwHeaderDropdown.periodDropdown {
background-color: #3066A4;
left: 60px;
min-width: 73px; /* makes the dropdown width match the #periods link, but also allows for overflow if labels are long */
}
.cwHeaderDropdown.periodDropdown a:hover {
background-color: #112C4C;
color: #fff;
}
.gridViewPeriods {
left: 540px !important;
}
#periods.gridViewPeriods {
top: 10px !important;
}
/* rows marked with .hideFromSankey are hidden... */
.cwHeaderDropdown tr.hideFromSankey {
display: none;
}
/* ... except in edit/admin modes, where they're visible, and the links are highlighted red */
.cwHeaderDropdown table.admin tr.hideFromSankey,
.cwHeaderDropdown table.editMode tr.hideFromSankey {
display: table-row;
}
.cwHeaderDropdown tr.hideFromSankey a {
color: red !important; /* override any hover styles */
}
.crumbtrail-caret {
color: #666;
}
.crumbtrail-back {
background: url(../images/widgetCrumbBack-3fad0c8650.png) no-repeat 0 50%;
padding-left: 16px;
}
/* the width, top and left have been optimized for the slideshow, may want to override if
* the reduced division popup is used elsewhere.
*/
.reducedDivisionPopup {
display:none;
position:absolute;
width: 360px;
top:50px;
left:80px;
background-color:#fff;
z-index:5;
border-radius: 6px;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
}
.reducedDivisionPopup .inner {
padding: 10px;
}
.reducedDivisionPopup .toplevel {
font-size:15px;
}
.reducedDivisionPopup .equationText {
color: #004040;
font-weight:bold;
font-size:12px;
}
.reducedDivisionPopup .valuesGrid td {
padding: 5px 0;
}
.reducedDivisionPopup .valuesGrid .first {
padding-right:10px;
}
a.obutton {
background-color:transparent;
}
.obutton .leftCap {
display: block;
height:29px;
width:14px;
overflow:hidden;
background: transparent url(../images/obutton-dd0767f6a3.png) no-repeat;
position:absolute;
left:-14px;
top:0;
}
.obutton {
background: transparent url(../images/obutton-dd0767f6a3.png) repeat-x 0 -30px;
color: #fff !important;
border:0 none;
cursor: pointer;
_cursor: hand;
font-size:12px;
font-weight:bold;
height:29px;
text-align:center;
text-decoration:none !important;
display: inline-block;
line-height: 29px;
vertical-align:center;
position:relative;
outline: none; /* hide dotted outline in Firefox */
padding: 0 12px;
}
.obutton .rightCap {
display:block;
height:29px;
width:14px;
overflow:hidden;
background: transparent url(../images/obutton-dd0767f6a3.png) no-repeat 0 -60px;
position:absolute;
right:-14px;
top:0;
}
a.obutton:hover .leftCap {
background-position: 0 -90px;
}
a.obutton:hover {
background-position: 0 -120px;
color:#fff !important;
background-color:transparent;;
}
a.obutton:hover .rightCap {
background-position: 0 -150px;
}
a.obutton:active .leftCap {
background-position: 0 -180px;
}
a.obutton:active {
background-position: 0 -210px;
color:#fff !important;
}
a.obutton:active .rightCap {
background-position: 0 -240px;
}
a.obutton-disabled .leftCap, a.obutton-disabled:active .leftCap, a.obutton-disabled:hover .leftCap {
background-position: 0 -270px;
}
a.obutton-disabled, a.obutton-disabled:active, a.obutton-disabled:hover {
background-position: 0 -300px;
}
a.obutton-disabled .rightCap, a.obutton-disabled:active .rightCap, a.obutton-disabled:hover .rightCap {
background-position: 0 -330px;
}
a.arrow-left, a.arrow-right {
background: transparent url(../images/slideshowArrow-e1c4da2eb0.png) 0 -29px;
display: block;
height: 29px;
line-height: 29px;
width: 28px;
cursor: default;
}
a.arrow-left {
left: -24px;
}
a.arrow-right {
right: -14px;
background-position: -28px -29px;
}
a.arrow-left-enabled {
background-position: 0 0;
cursor: pointer;
_cursor: hand;
}
a.arrow-right-enabled {
background-position: -28px 0;
cursor: pointer;
_cursor: hand;
}
a.arrow-left-enabled:hover {
background-position: 0 -58px;
}
a.arrow-right-enabled:hover {
background-position: -28px -58px;
}
a.arrow-left-enabled:active {
background-position: 0 -87px;
}
a.arrow-right-enabled:active {
background-position: -28px -87px;
}
/*
@include infrastructure/infrastructure.css
@include widgetCommon/buttonBar.css
@include widgetCommon/widgetCheckboxDropdown.css
@include infrastructure/introAnim.css
@include widgetCommon/widgetFAQ.css
@include widgetCommon/widgetShare.css
@include widgetCommon/headerDropdown.css
@include widgetCommon/crumbtrail.css
@include widgetCommon/reducedDivisionPopup.css
@include components/obutton.css
@include components/arrow.css
*/
.sshCont {
height: 423px;
width: 600px;
position: relative;
background: #333;
background-image: linear-gradient(top, #111, #666);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff111111, endColorstr=#ff666666);
}
.sshTitle {
color: #fff;
font-size: 16px;
line-height: 18px;
position: absolute;
left: 15px;
top: 12px;
}
.sshTitle span {
color: #f60;
font-weight: bold;
}
.sshSlide {
color: #fff;
font-size: 16px;
line-height: 18px;
position: absolute;
right: 15px;
top: 12px;
}
.sshSlide span {
font-weight: bold;
}
.sshCont .arrow-left, .sshCont .arrow-right {
position: absolute;
top: 172px;
z-index: 5;
}
.sshCont .arrow-left {
left: 2px;
}
.sshCont .arrow-right {
right: 2px;
}
.cwFV {
position: absolute;
width: 85px;
left: 20px;
text-align: right;
line-height: 13px;
color: #999;
font-size: 13px;
z-index: 3;
}
#cwSaveBtn {
position: absolute;
left: 60px;
top:92px;
z-index: 3;
display:none;
line-height:27px;
padding: 0 2px;
}
#cwSaveBtn .obuttoncaret {
width: 8px;
height: 8px;
line-height: 8px;
overflow: hidden;
position: absolute;
bottom: -4px;
left: 13px;
background: url(../images/obuttoncaret-e97aecbe89.png);
}
a#cwSaveBtn:hover .obuttoncaret {
background-position: 0 -8px;
}
a#cwSaveBtn:active .obuttoncaret {
background-position: 0 -16px;
}
.cwFVPrice {
font-size: 24px;
line-height: 24px;
font-weight: bold;
}
.cwFVPrice span {
display: none;
}
.cwFVActive {
color: #fff;
}
.sshCont .positive {
color: #1faa1f;
}
.sshCont .negative {
color: #f00;
}
.cwFVActive .cwFVPrice {
font-size: 30px;
line-height: 30px;
}
.cwFVCreator {
position: relative;
top: -3px;
}
.cwCont .cwFVCreator {
/* have to adjust position b/o Gotham font */
top: 1px;
font-size: 11px;
}
#cwFVTrefis {
top: 125px;
}
#cwFVUser {
display: none;
top: 125px;
}
#cwFVMarket {
top: 246px;
}
#cwSaveBtn:hover #cwMousePrompt {
display:block;
}
#cwMousePrompt {
left:62px;
top:-75px;
width:310px;
}
#cwMousePrompt .orangePrompt-carat {
width:8px;
height:9px;
line-height: 9px;
background-position:-1px -8px;
left:-7px;
top:83px;
}
#cwMousePrompt .orangePrompt-text {
padding: 3px 15px;
text-align:left;
line-height:19px;
border-radius: 5px;
}
#cwFadePrompt-text {
width:441;
}
#cwFadePrompt {
top:40px;
left:42px;
line-height:18px;
z-index:3;
}
.greyPrompt {
position:absolute;
display:none;
width:440px;
}
.greyPrompt-text {
color: #fff;
border: 1px solid #000;
background: #555;
background-image: linear-gradient(top, #656565, #3b3b3b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff656565, endColorstr=#ff3b3b3b);
border-radius: 5px;
padding: 3px 15px;
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#999999, direction=120, strength=3)";
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#999999, direction=120, strength=3);
}
.greyPrompt-carat {
width:9px;
height:10px;
line-height: 10px;
overflow: hidden;
background:url(../images/promptCarat-4407ed80a8.png) repeat scroll 0 -17px transparent;
left:31px;
bottom:-9px;
position:absolute;
}
#cwMousePrompt h2 {
padding:0;
margin:10px 0 0;
color:#000;
text-align:left;
}
#cwMousePrompt ul {
margin:10px 0 12px 12px;
padding:0;
}
#cwMousePrompt .black {
color:#000;
margin-top:10px;
}
.sshSankeyBG {
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.9);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#000000, direction=180, strength=4)";
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#000000, direction=180, strength=4);
background: #333;
background-image: linear-gradient(top, #000, #666);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff000000, endColorstr=#ff666666);
}
.sshSankey {
width: 100%;
/* height: 245px; height now set programatically in sankey.tag */
position: absolute;
left: 105px;
top: 67px;
background-repeat: no-repeat;
}
.sshDivTbl {
position: absolute;
left: 105px;
top: 67px;
overflow: visible;
font-size: 13px;
}
.sshDivTblLHS {
position: absolute;
}
.sshDivTblRHS {
position: absolute;
right: 0;
}
.sshDivTblHeader, a.sshDivTblHeader:visited {
color: #ccc;
font-size: 11px;
}
.cwCont .sshDivTblHeader, .cwCont a.sshDivTblHeader:visited {
color: #fff;
font-size: 12px;
}
.sshDivPctLink {
text-decoration: none !important;
white-space: nowrap;
background: url(../images/sshDivPctLink-f143e1c2cb.png) no-repeat right 0;
padding-right: 16px;
right: -12px;
height: 13px;
line-height: 13px;
cursor: pointer;
_cursor: hand;
}
a.sshDivPctLink:hover {
color: #39f;
background-color: transparent;
background-position: right -13px;
}
.sshDivTblArm {
position: absolute;
cursor: pointer;
_cursor: hand;
}
.sshDivTblDiv {
cursor: pointer;
_cursor: hand;
border-radius: 4px;
}
.sshDivTblDivGlow {
background-color: #c3dbf3;
}
.sshDivTblA, a.sshDivTblA:visited, a.sshDivTblA:hover {
color: #39f;
font-weight: bold;
background: transparent;
}
.cwCont .sshDivTblA {
font-family: GothamBookCondensed, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 20px;
text-decoration: underline;
}
.cwCont a.sshDivTblA:hover {
font-weight: normal;
}
.cwCont .sshDivTblDivSel .sshDivTblA {
font-family: GothamCondensed;
}
.sshDivTblDivSel .sshDivTblA, .sshDivTblDivSel a.sshDivTblA:visited {
color: #174ebe;
}
.sshDivTblDiv a {
position: relative;
left: 2px;
top: 1px;
}
.cwCont .sshDivTblVal {
font-family: GothamBook, Helvetica, Arial, sans-serif;
}
.cwCont .sshDivTblSum {
font-family: Gotham, Helvetica, Arial, sans-serif;
}
.sshDivTblDiv .sshDivTblRHS {
right: 2px;
}
.sshDivTblDivGlow a, .sshDivTblDivGlow a:visited {
text-decoration: underline;
color: #0b2653;
}
.sshDivTblDivGlow .sshDivTblVal {
color: #171a1d;
}
.xCloseDivisionDiv {
background-color: #fff;
position:absolute;
bottom:0px;
right:0px;
width:15px;
}
.sshDivTblDiv .xCloseDivisionDiv {
display: none;
}
.sshDivTblDiv:hover .xCloseDivisionDiv {
display: block;
}
.xCloseDivisionDiv .sm_chart {
left: 0px;
top: 0px;
background:transparent url(../images/trefis-icn-bar-chart-small-4107a6b196.png);
min-width:15px;
width: 15px;
height:11px;
}
.xCloseDivisionDiv .sm_chart:hover {
background-color: #c3dbf3;
}
.sshDivTblVal {
color: #fff;
font-size: 13px;
}
.sshDivTblSubVal {
color: #333;
font-size: 11px;
height: 11px;
left: 2px;
white-space: nowrap;
}
/* text for the partial sums that appear on the far RHS */
.sshDivTblSum {
position: absolute;
font-size: 16px;
white-space: nowrap;
font-weight: bold;
}
.sshDivTblSum.pos {
color: #5dae67;
}
.sshDivTblSum.neg {
color: #A42D2D;
}
.sshDivTblSumRect {
position: absolute;
width: 8px;
border-width: 1px 3px 1px 0;
border-style: solid;
}
.sshDivTblSumRect.pos {
border-color: #5dae67;
}
.sshDivTblSumRect.neg {
border-color: #A42D2D;
}
.sshDivTblAbs {
display: none;
}
.sshDivTblNeg {
position: absolute;
left: 5px;
width: 40px; /* causes Net Debt to wrap, and avoid hitting a sankey */
}
.sshDivTblHR {
border-top:2px solid #666;
position: absolute;
}
.sshDivTblTotal {
color: #ccc;
font-size: 11px;
}
.sshDivTblTotalVal {
color: #fff;
font-size: 13px;
}
.sshSankeyBG, .sshChartSlide {
position: absolute;
left: 15px;
top: 40px;
width: 570px;
height: 305px;
}
.sshChartSlide {
display: none;
background: #fff;
z-index: 2;
}
.sshCrumbtrailBG {
position: absolute;
width: 100%;
height: 32px;
z-index: -1;
background-image: linear-gradient(top, #d2d2d2, #fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd2d2d2, endColorstr=#ffffffff);
top:0;
left:0;
}
.sshCrumbtrail {
width: 400px;
margin: 6px 15px;
color: #666;
font-size: 12px;
}
.sshCrumbtrailHR {
margin: 4px 15px;
border-top: 1px solid #999;
}
.sshFAQLink {
position: absolute;
font-size: 12px;
right: 15px;
top: 6px;
}
#sshChart {
position: absolute;
width: 420px;
height: 235px;
left: 125px;
top: 45px;
}
.chartWrapperTitle {
color: #727272;
font-size: 14px;
white-space:normal;
}
.chartWrapperTitle a {
text-decoration: none;
color: #00e;
}
.chartWrapperTitle a:hover {
text-decoration: underline;
}
.shareLink {
display: none;
}
.cwButtonBar {
position: absolute;
width: 100%;
bottom: 0;
}
#sshCompetitionPopup {
right: 15px;
bottom: 105px;
z-index: 6;
}
.sshCaptionCont {
position: absolute;
width: 570px;
left: 15px;
bottom: 16px;
border-top: 2px solid #f29b2f;
color: #f60;
line-height: 18px;
z-index: 6;
padding-top: 12px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
/* shadow should match shadow of .sshSankeyBG */
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.9);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#000000, direction=180, strength=4)";
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#000000, direction=180, strength=4);
background: #fffa9c;
background-image: linear-gradient(top, #fffdcd, #fffa9c);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffffdcd, endColorstr=#fffffa9c);
}
.sshCaptionInner {
height: 48px;
}
.sshCaptionLarge, .sshCaptionSmall {
margin: 0 10px;
}
.sshCaptionSmall {
overflow:hidden;
max-height: 40px;
}
.sshCaptionCont a {
color: #5077bb;
}
.sshCaptionLarge {
display: none;
}
.sshFAQCont {
position: absolute;
left: 15px;
top: 70px;
width: 570px;
height: 275px;
background: #fff;
display: none;
z-index: 4; /* higher z-index than .sshChartSlide, so it occludes the chart, but less than the arrows */
}
#widgetFAQ {
margin: 0 20px 0 15px;
height: 270px;
font-size: 12px;
}
#widgetFAQ li a {
font-weight: bold;
}
#widgetFAQAll {
text-decoration: underline;
}
.textMeasurer {
/* div used to measure text width. Can't be display:none (because that would break dimension measurement), but
we also don't want user to see it, so put it far off the screen */
position: absolute;
left: -9999px;
opacity: 0;
}
/************************************ client side rendering adjustments ***********************/
.clientSide.sshDivTblDivSel{
padding-left:10px;
padding-right:10px;
min-width:75px;
}
/* gradients generated using http://www.colorzilla.com/gradient-editor/ */
.clientSide.sshDivTblDivSel.pos{
background: #61ad61; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxYWQ2MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
background: linear-gradient(to right, #61ad61 0%,#ededed 40%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff61ad61', endColorstr='#ffededed',GradientType=1 ); /* IE6-8 */
zoom:1;
}
.clientSide.sshDivTblDivSel.neg{
background: #a42d2d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E0MmQyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
background: linear-gradient(to right, #a42d2d 0%,#ededed 40%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a42d2d', endColorstr='#ededed',GradientType=1 ); /* IE6-8 */
zoom:1;
}
.clientSide.sshDivTblA {
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
white-space: nowrap;
width: 100%;
}
.clientSide.sshDivTblSubVal{
position:absolute;
left: 10px;
top: 20px;
}
.clientSide.sshDivTblRHS{
position:absolute;
display:inline-block;
height:100%;
right:2px;
top: 2px;
}
/*
@include widgetSpecific/slideshow.css
*/
html,body{width:100%;}
body {
border:0;
margin:0;
padding:0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#bg {
height: 485px;
position: relative;
}
.co {
width: 4px;
height: 4px;
position: absolute;
background: url(../images/slideshowBG-5e9308fd5b.png);
}
.coTL, .coTR {
top: 0;
}
.coBL, .coBR {
bottom: 0;
}
.coTL, .coBL, #bgLeft {
left: 0;
}
.coTR, .coBR, #bgRight {
right: 0;
}
.coBL {
background-position: 0 -4px;
}
.coTR {
background-position: 0 -8px;
}
.coBR {
background-position: 0 -12px;
}
#bgMiddle {
position: absolute;
left: 4px;
width: 952px;
height: 485px;
background: url(../images/slideshowBG-5e9308fd5b.png) 0 -16px;
}
#bgLeft, #bgRight {
position: absolute;
top: 4px;
width: 4px;
height: 477px;
background: url(../images/slideshowBG-5e9308fd5b.png) 0 -20px;
}
#widgetWrapper {
height: 430px;
}
#byline {
float: left;
display: inline;
margin-left: 18px;
color: #fff;
line-height: 18px;
font-size: 12px;
}
#byline a {
color: #b2d8ff;
}
#byline a:hover {
color: #ff0000;
}
#share {
float: right;
margin-right: 15px;
display: inline;
}
.artShrTweet {
float: right;
background: url(../images/tweetLink-1a25674cc1.png);
background-color: transparent !important;
color: #fff !important;
display: inline-block;
font-size: 11px;
height: 16px;
text-align: center;
text-decoration: none !important;
outline: none;
position: relative;
top: -2px;
width: 50px;
margin: 4px 6px 0 0;
}
a.artShrTweet:hover {
background-position: 0 -16px;
color: #80b62a !important;
}
#logo {
display: inline-block;
height: 18px;
width: 80px;
background: url(../images/slideshowTrefisLogo-5b0f0cecc4.png);
text-indent: -9999px;
outline: none;
}
/* for all non-CENTERED states */
#vr {
border-left: 1px dotted #999;
width: 1px;
height: 450px;
position: absolute;
left: 630px;
top: 15px;
}
/* for DUMMY_AD state */
#adTitle {
color: #888;
text-align: center;
width: 300px;
position: absolute;
left: 645px;
top: 90px;
font-size: 11px;
}
#ad {
background: url(../images/slideshowDemoAd-2acb928c48.png);
width: 300px;
height: 250px;
position: absolute;
top: 115px;
left: 645px;
}
/* for RELATED_ARTICLES state */
#rhs {
width: 300px;
position: absolute;
left: 645px;
top: 15px;
color: #ccc;
}
#rhs h2 {
color: #ccc;
font-size: 14px;
margin: 30px 0 0;
}
#rhs ul {
list-style-type: none;
padding-left: 0;
margin: 5px 0;
}
#rhs a {
color: #b2d8ff;
text-decoration: none;
}
#rhs a:hover {
color: #0a2552;
background-color: #C3DBF3;
}
.relatedSlideshows {
margin: 5px 0;
}
.spacer {
display: inline-block;
margin:0 4px;
}
#startingSlideshow {
display: none;
}
.related li {
margin-bottom: 8px;
}
.related span {
color: #aaa;
}
.social {
float: left;
width: 140px;
text-align: center;
}
.socialInner {
border-right: 1px dotted #ccc;
}
.socialIcon {
width: 30px;
height: 30px;
background: url(../images/homeSocialIcons-1d3bb1e8c9.png);
background-color: transparent !important;
display: block;
text-indent: -9999px;
margin: 0 auto;
outline: none;
}
.socialIcon:hover {
background-position: 0 -30px;
}
.socialIcon:active {
background-position: 0 -60px;
}
.socialIconTwitter {
background-position: -30px 0;
}
.socialIconTwitter:hover {
background-position: -30px -30px;
}
.socialIconTwitter:active {
background-position: -30px -60px;
}
/* ------------------- modifications to slideshow CSS ----------------------- */
/* we already define a background, so override default one */
.sshCont {
background: transparent;
-webkit-filter: none;
filter: none;
}
#cwFVTrefis, #cvFVUser {
top: 140px;
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 20, 2011 */
@font-face {
font-family: Gotham;
src: url("../images/Gothamv1-c2bf7b0cc8.eot");
src: local("?"),
url("../images/Gothamv1-242acdfde4.woff") format("woff"),
url("../images/Gothamv1-660b9a3586.ttf") format("truetype"),
url("../images/Gothamv1-ae4ab1e291.svg#webfontHlmRHCDI") format("svg");
}
@font-face {
font-family: GothamBook;
src: url("../images/GothamBookv1-b5fad59f95.eot");
src: local("?"),
url("../images/GothamBookv1-953daef66e.woff") format("woff"),
url("../images/GothamBookv1-0d07d52073.ttf") format("truetype"),
url("../images/GothamBookv1-9e46f25dfe.svg#webfont6GrDy4eA") format("svg");
}
@font-face {
font-family: GothamCondensed;
src: url("../images/GothamCondensedv1-68f2f67f39.eot");
src: local("?"),
url("../images/GothamCondensedv1-de56245438.woff") format("woff"),
url("../images/GothamCondensedv1-40c29275bf.ttf") format("truetype"),
url("../images/GothamCondensedv1-f99f3aaf90.svg#webfont4sez0GQa") format("svg");
}
@font-face {
font-family: GothamBookCondensed;
src: url("../images/GothamBookCondensedv1-a181acfcc3.eot");
src: local("?"),
url("../images/GothamBookCondensedv1-d439eb2f58.woff") format("woff"),
url("../images/GothamBookCondensedv1-3a0759449f.ttf") format("truetype"),
url("../images/GothamBookCondensedv1-4b1e1f37ca.svg#webfont5E07g8jW") format("svg");
}
/*
@include infrastructure/gotham.css
*/
.cwCont {
position: relative;
font-family: Gotham, Helvetica, Arial, sans-serif;
background: #222;
background-image: linear-gradient(top, #000, #666);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}
.cwHeadline {
position: absolute;
left: 15px;
top: 12px;
color: #fff;
font-size: 24px;
line-height: 24px;
}
.cwDivisionHeader {
color: #fff;
font-family: GothamBook, Helvetica, Arial, sans-serif;
font-size: 11px;
}
.cwHeaderDropdownLink {
cursor: pointer;
text-decoration: none !important;
outline: none;
background: url(../images/companyHeaderDropdown-7363703433.png) no-repeat right 5px;
padding-right: 12px;
}
a.cwHeaderDropdownLink:hover {
color: #39f;
background-color: transparent;
background-position: right -10px;
}
.cwInspector {
position: absolute;
}
.cwCornerTL, .cwCornerTR, .cwCornerBL, .cwCornerBR {
width: 4px;
height: 4px;
line-height: 4px;
position: absolute;
overflow: hidden;
background: url(../images/companyWidgetInspectorCorners-0b2adfdb9a.png);
}
.cwCornerTL {
left: 0;
top: 0;
}
.cwCornerT, .cwCornerB {
height: 4px;
line-height: 4px;
overflow: hidden;
position: relative;
margin: 0 4px;
background: #c1c1c1;
}
.cwCornerTR {
right: 0;
top: 0;
background-position: -3px 0;
}
.cwCornerBL {
left: 0;
bottom: 0;
background-position: 0 -3px;
}
.cwCornerBR {
right: 0;
bottom: 0;
background-position: -3px -3px;
}
.cwCornerM {
background: #c1c1c1;
}
.cwChartArea {
position: absolute;
}
/* positioning the quarterly/annual toggle in the chart */
.cwChart .toggleSmall {
position: absolute;
right: -4px;
top: 321px;
}
.cwChartBg {
position: absolute;
background: #fff;
}
.cwChartBg div {
position: absolute;
line-height: 1px;
overflow: hidden;
}
.cwChartBgL {
background: url(../images/inspectorChartRepeatY-cfee91a373.png);
width: 8px;
left: 0;
}
.cwChartBgR {
background: url(../images/inspectorChartRepeatY-cfee91a373.png) -8px 0;
width: 8px;
right: 0;
}
.cwChartBgT {
background: url(../images/inspectorChartRepeatX-d76a026f61.png) 0 -74px;
height: 28px;
top: 0;
}
.cwChartBgB {
background: url(../images/inspectorChartRepeatX-d76a026f61.png) 0 -102px;
height: 9px;
bottom: 0;
}
.cwChartBgTL {
background-position: 0 0;
}
.cwChartBgBL {
background-position: 0 -28px;
}
.cwChartBgTR {
background-position: 0 -37px;
}
.cwChartBgBR {
background-position: 0 -65px;
}
.cwChartBgTT, .cwChartBgBB {
width: 100%;
}
.cwFV {
position: absolute;
color: #c3c3c3;
text-align: right;
}
.cwCont .cwFVPrice {
font-size: 22px;
line-height: 22px;
font-family: GothamCondensed, Helvetica, Arial, sans-serif;
font-weight: normal;
margin-bottom: -2px;
}
.cwFVCreator {
font-size: 10px;
}
.cwFVActive {
color: #fff;
}
.cwFVActive .cwFVPrice {
font-size: 36px;
line-height: 36px;
margin-bottom: -8px;
}
/* the only span in .cwFVPrice is the dollar sign */
.cwFVPrice span {
display: none;
}
#answerViews .cwFVPrice span {
display: inline;
font-size: 22px;
}
#answerViews .cwFVPrice span.cwFVAnswerUnit {
font-size: 18px;
}
.cwFVActive span {
display: inline;
font-size: 22px;
font-family: GothamBook, Helvetica, Arial, sans-serif;
}
/* not needed currently
.cwFVActive .cwFVCreator {
}
*/
.inspectorXClose {
opacity: 1.0;
z-index: 1;
}
.inspectorXClose:hover {
opacity: 1.0;
}
.cwCompetitionPopup {
position: absolute;
display: none;
border: 1px solid #06c;
}
/* Makes sure that floating child divs are encompassed by parent div for hover effect */
.cwAnswerWithDrivers {
overflow-y: hidden;
}
.cwAnswerWithDrivers:hover {
background-color: #c3dbf3;
}
.checkboxDropdown {
display: none;
position: absolute;
border: 1px solid #069;
background: #e0ecf9;
z-index: 2;
width: 267px;
font-size: 11px;
-moz-opacity: 0.95;
opacity : 0.95;
filter: alpha(opacity=95);
}
.checkboxDropdown ul {
list-style-type: none;
margin: 0;
padding: 5px 0;
}
.checkboxDropdown li {
margin: 5px;
position: relative;
}
.checkboxDropdownHeader {
color: #333;
}
.checkboxDropdown input {
position: absolute;
margin: 0;
padding: 0;
top: 0;
left: 0;
}
.checkboxDropdown label {
display: block;
margin-left: 20px;
}
.checkboxDropdown select {
margin-left: 18px;
}
.checkboxDropdown div {
font-family: GothamBook, Helvetica, Arial, sans-serif;
margin: 5px 18px;
}
.cwInspectorPanel .cw_tab_title{
overflow-x:hidden;
}
.editMode * .cwInspectorPanel .cw_tab_title{
overflow-x:visible;
}
.cwInspectorPanel .cw_tab_title{
width: 370px;
max-width: 370px;
}
.cwInspectorPanel .cw_tab_title .modeler_editable .value{
overflow-x:hidden;
display:inline-block;
width: 370px;
}
.modelChart .cwButtonBar .toggleSmall {
position:static;
}
#periodPrefsTable td{
padding-right:5px;
padding-left:5px;
}
#periodPrefsTable th{
text-align:center;
}
.periodPrefsControl{
margin:5px 10px;
}
/*
@include components/spinner.css
@include widgetCommon/commentBox.css
@include widgetSpecific/slideshowWidget.css
@include widgetCommon/companyWidget.css
*/
.cwCont {
height: 450px;
-webkit-filter: none;
filter: none;
}
/* this prevents the highlight that appears when user taps anything within the sankey area */
.cwCont, .rootSankeyContainer {
-webkit-tap-highlight-color: transparent;
}
.horizontal-sankey{
display:none !important;
}
@media screen and (max-width:768px) {
.cwCont {
width: 738px;
}
}
@media screen and (min-width:769px) {
.cwCont {
width: 996px;
}
}
.research .cwCont {
height: 450px;
-webkit-filter: none;
filter: none;
background:none;
}
@media screen and (max-width:768px) {
.research .cwCont {
width: 440px;
padding-right:60px;
}
}
@media screen and (min-width:769px) {
.research .cwCont {
width: 550px;
}
}
.research #theSankey{
position:relative;
height:323px;
top:70px;
width: 400px;
}
@media screen and (max-width:768px) {
.research #theSankey,
.research .sshSankey,
.research .sshDivTbl{
left:75px;
}
.research .cwFV{
left:0px;
width:75px;
}
}
@media screen and (min-width:769px) {
.research #theSankey,
.research .sshSankey,
.research .sshDivTbl{
left:140px;
}
.research .cwFV{
left:60px;
width:60px;
}
}
.cwInspector {
top: 45px;
height: 330px;
width:346px;
display: none;
border-radius:10px;
border-radius:10px;
border:8px solid #c1c1c1;
background-color:#B4B4B4;
padding:10px;
z-index: 2; /* needs to go above the sankey, which may overlap it a little */
left: 340px;
}
.cwCornerTL, .cwCornerT, .cwCornerTR, .cwCornerBL, .cwCornerB, .cwCornerBR, .cwCornerM {
display:none;
}
.cwChartBg {
right: 13px;
top: 13px;
width: 341px;
}
.cwChartBg, .cwChartBgLL, .cwChartBgRR {
height: 326px;
}
.cwChartArea {
width: 335px;
height: 293px;
right: 16px;
top: 16px;
}
.cwChart {
height: 100%;
/* when SVG chart first loads, it expands to a very large size for some reason, then fits to the right size
we include this CSS to make sure that the expansion doesn't push other page elements around */
position: absolute !important;
width: 100%;
overflow: hidden;
}
.chartWrapperTitle div.inner {
padding: 8px;
}
.cwButtonBar {
position: absolute;
width: 335px;
left: 3px;
bottom: 5px;
}
.cwCompetition {
display: none;
}
.inspectorDrivers {
display:none;
position: absolute;
left: 8px;
top: 10px;
width: 235px;
background: #fff;
border-radius: 3px;
}
.inspectorDrivers h2 {
font-size: 14px;
color: #727272;
margin: 8px 10px 15px;
}
#driverList {
height: 307px;
overflow-y: auto;
}
.inspectorDrivers ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.inspectorDrivers li {
margin: 0;
}
li.inspectorDriversHeader {
padding: 10px 10px 2px;
}
.inspectorDrivers a, .inspectorDrivers a:visited {
color: #06c;
display:block;
padding: 7px 10px;
font-family: GothamCondensed, Helvetica, Arial, sans-serif;
font-size: 16px;
}
.inspectorDrivers a:hover {
background: #c3dbf3;
}
.inspectorDrivers a.selected {
color: #fff;
background: #2f5f91;
zoom: 1;
background-image: linear-gradient(top, #3576b8, #294b6f);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff3576b8, endColorstr=#ff294b6f);
}
.inspectorClose{
display: none;
background: url(../images/fidelity/ic_close-4f84f445f3.png) center no-repeat;
position: absolute;
top: -20px;
right: -20px;
width:40px;
height:41px;
}
.sshSankey {
width: 400px !important;
}
.sshDivTblDiv:active {
background-color: #c3dbf3;
}
.fidelity .cwFVPrice {
font-size: 18px;
font-weight: bold;
}
/* this turns on the "$" before prices for non-active forecast views (the "$" is normally invisible on our site
for non-active forecast views, but Fidelity wants it on */
.fidelity .cwFVPrice span {
display: inline;
}
.fidelity .cwFVActive .cwFVPrice {
font-size: 28px;
}
.cwFVCreator{
text-transform: uppercase;
font-size:12px !important;
color: #fff;
}
.sshDivTblA[title='Net Debt']{
font-size:13px !important;
}
#cwFVTrefis, #cvFVUser {
top: 170px;
}
.truncated-inner {
overflow: hidden;
max-height: auto;
}
/* Drop 'short' style to show everything */
.truncated-outer.short .truncated-inner {
max-height: 400px;
position: relative;
}
.truncated-outer.short .truncated-inner .overlay {
position: absolute;
bottom:0;
left: 0;
height: 100px;
width: 100%;
/* generated */
background: #ffffff; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='ffffff00', endColorstr='ffffffff',GradientType=0 ); /* IE6-9 */
}
.truncated-outer .show-all {
display: none;
}
.truncated-outer.short .show-all {
display: inline;
}
.truncated-outer.short {
margin-bottom: 50px;
}