/* This CSS stylesheet defines styles used by required elements in a flex application page that supports browser history */ #ie_historyFrame { width: 0px; height: 0px; display:none } #firefox_anchorDiv { width: 0px; height: 0px; display:none } #safari_formDiv { width: 0px; height: 0px; display:none } #safari_rememberDiv { width: 0px; height: 0px; display:none } .gbutton { background: transparent url(../images/gbuttonRightCutFF-4deb9d2580.png) no-repeat scroll top right; color: #369 !important; text-decoration: none !important; display: block; font-size:13px; font-weight:bold; height: 29px; margin-left: 6px; margin-right: 6px; padding-right: 13px; /* sliding doors padding */ cursor: pointer; _cursor: hand; text-align: center; outline: none; /* hide dotted outline in Firefox */ } .gbutton span { background: transparent url(../images/gbuttonLeftCutFF-66f7f00742.png) no-repeat; display: block; line-height: 19px; padding: 3px 0 7px 13px; } .gbutton-moused { background-position: right -29px; color:#fff !important; } .gbutton-moused span { background-position: left -29px; } .gbutton-down { background-position: right -58px; color:#fff; } .gbutton-down span { background-position: left -58px; } a.gbutton2 { background-color:transparent; } .gbutton2 .leftCap { display: block; height:29px; width:13px; overflow:hidden; background: transparent url(../images/gbutton2-0c2e071a7f.png) no-repeat scroll 0 0; position:absolute; left:-13px; top:0; } .gbutton2 { background: transparent url(../images/gbutton2-0c2e071a7f.png) repeat-x scroll 0 -29px; color: #369 !important; border:0 none; cursor: pointer; _cursor: hand; font-size:13px; 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 3px; } .gbutton2 .rightCap { display:block; height:29px; width:13px; overflow:hidden; background: transparent url(../images/gbutton2-0c2e071a7f.png) no-repeat scroll 0 -58px; position:absolute; right:-13px; top:0; } .gbutton2-moused, a.gbutton2:hover .leftCap { background-position: 0 -87px; } .gbutton2-moused, a.gbutton2:hover { background-position: 0 -116px; color:#fff !important; background-color:transparent;; } .gbutton2-moused, a.gbutton2:hover .rightCap { background-position: 0 -145px; } .gbutton2-down, a.gbutton2:active .leftCap { background-position: 0 -174px; } .gbutton2-down, a.gbutton2:active { background-position: 0 -203px; color:#fff !important; } .gbutton2-down, a.gbutton2:active .rightCap { background-position: 0 -232px; } .gbutton2-disabled .leftCap, a.gbutton2-disabled:hover .leftCap, a.gbutton2-disabled:active .leftCap { background-position: 0 -261px; } .gbutton2-disabled, a.gbutton2-disabled:hover, a.gbutton2-disabled:active { background-position: 0 -290px; color:#999 !important; } .gbutton2-disabled .rightCap, a.gbutton2-disabled:hover .rightCap, a.gbutton2-disabled:active .rightCap { background-position: 0 -319px; } .greenButton .leftCap { display: block; height:20px; width: 10px; overflow:hidden; background: transparent url(../images/greenButton-a4d1f95907.png) no-repeat scroll 0 0; position:absolute; left:-10px; top:0; } .greenButton { background: transparent url(../images/greenButton-a4d1f95907.png) repeat-x scroll 0 -20px; border:0 none; color:#fff !important; cursor: pointer; _cursor: hand; font-size:12px; font-weight:bold; height:20px; text-align:center; text-decoration:none !important; display: inline-block; line-height: 17px; vertical-align:center; position:relative; outline: none; padding: 0 3px; margin: 0 10px; } .greenButton .rightCap { display:block; height:20px; width: 10px; overflow:hidden; background: transparent url(../images/greenButton-a4d1f95907.png) no-repeat scroll 100% -40px; position: absolute; right: -10px; top: 0; } a.ctaButton { background-color:transparent; } .ctaButton .leftCap { display: block; height:44px; width:21px; overflow:hidden; background: transparent url(../images/ctaButton-eca8aa6114.png) no-repeat; position:absolute; left:-21px; top:0; } .ctaButton { background: transparent url(../images/ctaButton-eca8aa6114.png) repeat-x 0 -44px; color: #fff !important; border:0 none; cursor: pointer; _cursor: hand; font-size:16px; font-weight:bold; height:44px; text-align:center; text-decoration:none !important; display: inline-block; line-height: 44px; vertical-align:center; margin: 0 21px; position:relative; outline: none; /* hide dotted outline in Firefox */ } .ctaButton .rightCap { display:block; height:44px; width:21px; overflow:hidden; background: transparent url(../images/ctaButton-eca8aa6114.png) no-repeat 0 -88px; position:absolute; right:-21px; top:0; } a.ctaButton:hover .leftCap { background-position: 0 -132px; } a.ctaButton:hover { background-position: 0 -176px; color:#fff !important; background-color:transparent; } a.ctaButton:hover .rightCap { background-position: 0 -220px; } a.ctaButton:active .leftCap { background-position: 0 -264px; } a.ctaButton:active { background-position: 0 -308px; color:#fff !important; } a.ctaButton:active .rightCap { background-position: 0 -352px; } a.ctaButton-disabled .leftCap, a.ctaButton-disabled:active .leftCap, a.ctaButton-disabled:hover .leftCap { background-position: 0 -396px; } a.ctaButton-disabled, a.ctaButton-disabled:active, a.ctaButton-disabled:hover { background-position: 0 -440px; } a.ctaButton-disabled .rightCap, a.ctaButton-disabled:active .rightCap, a.ctaButton-disabled:hover .rightCap { background-position: 0 -484px; } .nineSlice { position: relative; background: #fff; border: 1px solid #fff; } .nineSliceT, .nineSliceB, .nineSliceL, .nineSliceR { position: absolute; background-repeat: repeat-y; width: 100%; height: 100%; line-height: 0; overflow: hidden; } .nineSliceT, .nineSliceB { background-repeat: repeat-x; } .nineSliceContent { position: relative; /* for IE6 to respect our negative margins */ } /* overall page layout */ body { color:#333; font-family:Helvetica,Arial,sans-serif; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; background-color: #f0f0f0; margin: 0; padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #giraffe-RootContainer selector */ text-align: center; } body.whiteBG { background: #fff; } /* fixes dotted border around flash widget in some browsers */ object { outline: none; } #popupHolder { width:960px; margin:0 auto; text-align:left; } #giraffe-RootContainer { width: 960px; text-align: left; margin: 0 auto; position: relative; } /* can't think of an instances where we would want to have an image break outside of its container's width - and individual width could be set on an image without a problem. */ #giraffe-RootContainer .post img { max-width: 100%; /* Should make use of bootstraps image-responsive class img-responsive() mixin */ } .clear { display: block; width:100%; height: 0; clear: both; line-height:0; } input { margin-left:0; } table { border-collapse: collapse; } .ghostText { color: #808080; } .fr { float: right; display: inline; } .fl { float: left; display: inline; } .clickable { cursor:pointer; _cursor: hand; } .hr { height: 1px; line-height: 1px; border-bottom: 1px solid #ccc; } .italic { font-style: italic; } .bold { font-weight:bold; } .center { text-align : center; } .hidden { display: none; } acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } a img { border: none; } /* --------------------------- common page layout ------------------------- */ .sidebar { float: right; width: 310px; margin-top: 30px; } .content { float: left; position: relative; width: 630px; margin-top: 30px; } .sidebar .greyBox, .sidebar .adWrapper { margin-bottom: 30px; } .greyHeaderBox { margin-top: 15px; border: 1px solid #ccc; padding: 15px; background: #f7f7f7; background-image: linear-gradient(top, #ffffff, #eeeeee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffeeeeee); border-radius: 5px; } /* ------------------ DISCLOSURE TRIANGLE -------------------------------- */ .discTri000 { background: transparent url(../images/discTriF0-740a4be2a4.gif) no-repeat scroll 0 0; width : 9px; height : 9px; top : 2px; position : relative; overflow : hidden; } .discTri090 { background: transparent url(../images/discTriF0-740a4be2a4.gif) no-repeat scroll 0 -9px; width : 9px; height : 9px; top : 2px; position : relative; overflow : hidden; } .discTriGrey000 { background: url(../images/discTriGrey-09f0711422.png) scroll 0 0; width: 9px; height: 9px; overflow : hidden; display:inline-block; } .discTriGrey090 { background: url(../images/discTriGrey-09f0711422.png) scroll 0 -9px; width: 9px; height: 9px; overflow : hidden; display:inline-block; } .discTri090p { background: transparent url(../images/discTri090-4292c13186.png) no-repeat; width : 9px; height : 9px; overflow:hidden; } /* ------------------ search autocomplete ---------------- */ .ac_result { font-size: 12px; line-height: 16px; text-align: left; } .ac_ticker { float: left; width: 50px; } .ac_name { margin-left: 50px; } .ac_odd { background: #ebf5ff; } .ac_cat { float: left; width: 70px; } .ac_noncat { margin-left: 70px; } /* ------------------ LINKS --------------------------------- */ a, .giraffe-Link { text-decoration: none; color: #06c; cursor: pointer; _cursor: hand; } p a, p .giraffe-Link { text-decoration: underline; } a:visited { /* while i appreciate the usability of the visited pseudo class, we over ride it everwhere color: #290085; */ } a.novisit:visited { color:#06c; } a.novisit:hover { color:#0A2552; } a:hover, a:active, .giraffe-LinkHover { color: #0A2552; background-color: #C3DBF3; } .hoverBG { background-color: #C3DBF3; } .nounderline { text-decoration: none !important; } a.headerlink { color: #005493; font-weight: bold; } /* ------------------ OTHER COMMON CSS (see wiki page) ---------------------------- */ .noscript { position:absolute; top:200px; left:0; width:100%; text-align:center; z-index:200; } .noscript div { width:370px; margin:0 auto; padding:10px; background:#fff; border:1px solid #aaa; line-height:30px; font-weight: bold; font-size: 24px; } /* style to be applied to clickable names that spawn a 'business card' popup */ .bcTarget { text-decoration: none !important; color: #174EBE; font-weight: bold; cursor: pointer; _cursor: hand; } .colHeader { font-weight: bold; color: #f60; font-size: 20px; margin: 10px 0 40px; } .caps_h3 { font-weight: bold; display:block; width:100%; margin:15px 0; text-align:center; font-size:13px; } .stats_h4 { font-weight:bold; font-size:13px; } .orange_h4 { font-weight:bold; color:#f60; font-size:13px; } .cmpSection .orange_h4 { line-height:20px; margin-left:15px; } .lightGrey_h4 { font-weight:bold; color:#AAA; font-size:13px; } .grey_h3 { color:#666; font-size:14px; margin: 15px 0; } .tableHeader { text-decoration:none !important; outline: none; font-size:10px; text-transform: uppercase; line-height: 11px; display: inline-block; } /* this class should be applied to the non-header TD's in the Forecasts/Comments columns of tables */ .fcTd { padding-right: 30px !important; } .capsHeader { text-transform : uppercase; font-size : 10px; } a.sortableHeader:visited { color:#174EBE; } .roundedBox { background-color:#fff; border:1px solid #ccc; border-radius: 5px; position: relative; } .italicBox { font-style:italic; margin:23px 0; overflow:hidden; text-align:center; color: #808080; } .black_h4 { font-size: 14px; color: #000000; } .gbuttonF0 { background-image:url(../images/gbuttonRightCutF0-8b717877c9.png); } .gbuttonF0 span { background-image: url(../images/gbuttonLeftCutF0-54e1632ee8.png); } .gbuttonA2 { background-image:url(../images/gbuttonRightCutA2-6972213887.png); } .gbuttonA2 span { background-image: url(../images/gbuttonLeftCutA2-e183a0c312.png); } .posUpside { color: #090; } .negUpside { color: #c30; } .ctNegUpside { color: #cc3300; font-size:11px; float: right; width: 45px; } .ctPosUpside { color: #009900; font-size:11px; float: right; width: 45px; } /*.ctFixed { float:left; width:50px; }*/ .vbottom { vertical-align: bottom; } /* class applied to "BETA" tags next to beta companies */ .beta { color: #f60; font-size: 10px; position: relative; top: -4px; } /* class applied to "ALPHA" tags next to alpha companies */ .alpha { color: #FF0000; font-size: 10px; position: relative; top: -4px; } /* class applied to "BETA" tags next to sector names on home page */ .sectorBeta { color: #666; font-size: 11px; position: relative; top: -6px; left:2px; } .goButton { display: inline-block; text-indent: -9999px; width: 28px; height: 29px; background: url(../images/goButton-23a6e850ff.png); } .follow_company_button { display: inline-block; padding-left: 20px; background: url(../images/bluePlus-d9ebf5868c.png) no-repeat; } .greenHeader { color: #090; font-size: 24px; font-weight: normal; } .orangeDot { display: inline-block; width: 22px; height: 22px; background: url(../images/orangeDot-61121335ea.png); color: #fff; font-size: 14px; font-weight: bold; text-align: center; line-height: 22px; } /* --------------------------- STANDARD TABS ----------------------------- */ .tabCont { float:left; position:relative; width:100%; z-index:2; } .tabContInner { float:left; position:relative; left:50%; } .standardTab { float:left; position:relative; right:50%; cursor:pointer; _cursor:hand; color:#174EBE; background:#ccc; border-width: 1px 1px 0; border-style:solid; border-color:#ccc; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -khtml-border-radius-topleft: 5px; -khtml-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; /*width:125px;*/ height:23px; text-align:center; line-height:23px; margin:0 1px -1px; font-weight:bold; /*width:125px;*/ } .standardTab_inner { width:124px; /* this must be even, otherwise IE6 mis-places the absolutely posiitioned corner images */ } .standardTab_active { cursor:default; background-color:#fff; border-color:#ccc; color: #000; } a.standardTab { background: #ccc !important; color:#174EBE !important; text-decoration: none; display: block; } /* -------------------------- drop shadow ----------------------------- */ .shadow { position:absolute; background:#000; width:100%; height:100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); opacity:0.1; z-index:-1; left: 0; } .sb1 { top:3px; } .sb2 { top:5px; } .sb3 { top:7px; } .sb4 { top:9px; } .st1 { top:-1px; } .st2 { top:-3px; } .st3 { top:-5px; } .sl1 { left:-2px; } .sr1 { left:2px; } .sl2 { left:-4px; } .sr2 { left:4px; } .shadowContent { background:#fff; } /* user login panels */ .loginForm .grey { color:#aaa; } .loginPaneIframe { width:415px; border:none; min-height: 350px; } .userPanes { float: right; border: 1px solid black; width: 188px; min-height:580px; margin: 5px; background-color: white; } .userPanesInner { padding: 5px; } .loggedInPane { display: none; width: 100%; height: 100%; } .userPaneHR { margin: 12px 0; width: 100%; height: 1px; border-bottom: thin dotted black; } .dottedVertical { width : 0px; border-left: thin dotted black; } #signInPane input { margin: 3px 0; } #loginOK { margin:5px; width: 35px; } #forgotPassword { line-height:27px; margin-left:23px; } .signUpPane { width: 750px; margin-left:105px; } .signupGreyLine { height:20px; width:100%; border-bottom:1px solid #ccc; } .signUpBtnRow { clear: both; font-weight:bold; font-size: 12px; line-height:29px; padding-top:20px; } .signupGrey { color:#aaa; font-size: 11px; } .signupGreyOr { background-color:white; display:inline-block; font-size:12px; font-weight: bold; margin: 0 0 5px 201px; position:relative; text-align:center; top:-8px; width:25px; color: #333; } .signupHeaderL { float: left; font-size: 18px; font-weight: bold; margin: 0 0 4px; } .signUpPaneInner { padding: 10px; background: #fff; } #signUpPaneHeader { border: 1px solid black; text-align: center; padding: 8px 0; margin: 0 20px 20px; } #signUpOK, #surveyOK { float:right; margin:10px 0 !important; } #signUp { width: 80px; } .signUpPaneRHS { float: right; border-left: 1px solid black; width: 320px; } .remindPane { height: 100%; width: 100%; display: none; } #remindCancel { } .sendPassword { margin:5px; width: 110px; } .firstNameBox { width: 95px; } .lastNameBox { width: 135px; } .emailBox { width: 250px; } #betaSignUpPane { width:520px; margin-left:220px; } #betaSignUpPane .popupPaneTopBottom { width: 500px; } .betaSignUpPaneInner { padding: 0 20px; background: #fff; } #betaSignUpRealPane td { padding: 0; } #betaSignUpPane table p { margin: 5px 0; } #betaSignUpPane h2 { margin:0 0 13px; padding-top: 10px; } #betaSignUpPane h2, #betaSignUpPane h3 { text-align: center; } #betaSignUpPane textarea, #betaSignUpPane input { font-family:Helvetica,Arial,sans-serif; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; } #betaSignUpPane .editProfExperiences input, #betaSignUpPane .editProfEducations input { margin-right: 4px; } #betaSignUpPane select { width:180px; } #betaSignUpPane .t, #betaSignUpPane .d { width : 90px; } #betaSignUpPane .o, #betaSignUpPane .s { width : 160px; } #betaSignUpPane .b, #betaSignUpPane .e { width : 60px; } #betaSignUpPane .section { margin-top: 20px; } .signUpTB { width:113px; margin: 3px 0; } .signUpAt { display:inline-block; text-align:center; width:16px; } .signUpTBMed { width: 245px; margin: 3px 0; } .signUpTBLong { width: 190px; margin: 3px 0; } .signInSection { display: block; opacity: 1; } #loginPaneStep1 .signupForm { margin:0; } #loginPaneStep2 .b, #loginPaneStep2 .e { width:55px; } #loginPaneStep2 .t, #loginPaneStep2 .o, #loginPaneStep2 .d, #loginPaneStep2 .s { width:100px; } #headerAnnounce { display: none; width: 960px; clear: both; line-height: 24px; border: 1px solid; z-index:1003; /* this puts it above the overlay and any popups */ } .headerAnnounceAbsolute { top: 175px; /* this makes it clear the standard header */ position: absolute; } #headerAnnounce ol,#headerAnnounce ul { margin : 5px 0; padding-left:20px; } #headerAnnounce li { margin : 0; padding : 0; line-height: 12px; } .headerAnnounceFixed { top : 0; position : fixed; } /* the announceBoxGray is intended to be full width (breaks gutters) */ .announceBoxGray { background: #eee; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee'); /* for IE */ /* for webkit browsers */ background: -moz-linear-gradient(top, #fff, #eee); /* for firefox 3.6+ */ clear:both; position:relative; margin:5px 0; padding:5px 0; line-height:12px; } .announceBoxGrayClose { left:50%; margin-left:450px; top:50%; position: absolute; } .companyDisclaimerContent { margin: 0px auto; width: 960px; } .announceBoxGrayContent { margin: 0px auto; width: 960px; padding: 5px; font-size: 14px; color: #f60; } .announceBoxGrayTop, .announceBoxGrayBottom,.announceBoxGrayTop2 { border-style:solid none; position: absolute; left:0; width:100%; height:0px; } .announceBoxGrayTop { border-top:1px solid #c4c4c4; border-bottom:1px solid #dcdcdc; top:0; } .announceBoxGrayTop2 { border-top:1px solid #ededed; border-bottom:1px solid #f9f9f9; top:0; } .announceBoxGrayBottom { border-top:1px solid #e8e8e8; border-bottom:1px solid #dcdcdc; bottom:0; } .announceBoxClose { height: 24px; margin-right:6px; } .announceBoxMsg { padding-left: 30px; } .announceBoxError { background: #FDBFC1 url(../images/announceBad-0efbcfbfd2.png) no-repeat scroll 6px 4px; border-color: #510007; color: #510007; } .announceBoxInfo { background: #C2FFC2 url(../images/announceGood-cd3e4686cb.png) no-repeat scroll 6px 4px; border-color: #0F8B0F; color: #0F8B0F; } /* --------------------- help card popup ----------------------- */ #hPopup { position: relative; display: none; z-index:101; font-size:13px; border : 2px solid #9c9; background: #fff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: alpha(opacity=95); opacity:0.95; padding:10px; } #hContent { width:400px; } /* --------------------- business card popup ----------------------- */ #bcPopup, #analystBcPopup { position: relative; display:none; z-index:5; font-size:13px; } #bcPopup2 { display:-moz-inline-stack; display:inline-block; zoom:1; _display:inline; } #bcPopup .shadowContent, #analystBcPopup .shadowContent { border:1px solid #f93; background:#ffc; } #bcLoading { width:220px; height:50px; } #bcClose { position: absolute; right:3px; top:3px; width:12px; height:12px; cursor: pointer; _cursor: hand; background:url(../images/businessCardCloseButton-e07fb0bd7a.png) no-repeat; } #bcName { color: #f93; padding: 5px 17px 0 5px; font-weight:bold; } #bcTitle { color:#7a7a74; padding: 0 5px 6px; } #bcBottom { display:block; border-top:1px dotted #fc6; padding:5px 2px; } #bcProfile, #bcFollow, #bcBlock, #bcAnalystProfile, #bcAnalystAsk { padding-left:14px; background-image: url(../images/businessCardIcons_v1.1-9f629df57c.png); background-repeat: no-repeat; text-decoration:none; margin:0 3px; } #bcAnalystProfile { background-position: -0px -69px; } #bcAnalystAsk { background-position: -0px -51px; } #bcFollow { background-position:0 -32px; } #bcBlock { background-position:0 -16px; } .tSortAsc { padding-right:9px; background: transparent url(../images/companyTableSortUp-1486194b1a.gif) no-repeat scroll center right; } .tSortDesc { padding-right:9px; background: transparent url(../images/companyTableSortDown-ad07c8c3b8.gif) no-repeat scroll center right; } tr.odd { background : #ebf5ff; } /* --------------------- follower/following popup ----------------------- */ #followerPopup { display:none; position:absolute; z-index:50; text-align:left; width: 420px; } #followerPopup .shadow, #followerPopup .shadowContent { border-radius: 10px; } #followerPopup .shadow { position:absolute !important; } #followerPopup .shadowContent { padding:0 0 15px; } .followerC1 { padding-left:10px; width:110px; } .followerC2 { width:180px; } .followerC3 { width:110px; } #followerPopup thead { display : block; } #followerPopup tbody { display : block; max-height : 300px; overflow-y : auto; overflow-x : hidden; width : 100%; } .followerTitle { width:394px; } .popupTitle { text-align:center; color: #5cad5c; font-size:13px; height:26px; margin: 0 3px; } .popupTitle div { height: 12px; border-bottom: 1px solid #c1e0c1; width:100%; } .popupTitle span { position:relative; background: #fff; top:-8px; padding:0 6px; font-weight:bold; } #followerTable { padding:0 0 30px; width:400px; } .greyRounded { border-radius: 10px; background-color:#afafaf; padding-left : 10px; padding : 5px; } /* --------------------- crumbtrail ----------------------- */ .crumbArrow { margin-left : 3px; margin-right : 3px; color: #808080; } .crumbStep { text-decoration: none !important; cursor:pointer; _cursor: hand; } .crumbStep a:visited { color:#174EBE; } .crumbStep a:hover { color:#0A2552; } .crumbStep:hover { color: #0A2552; background-color: #C3DBF3; } /* --------------------- userNetworkStats.jsp ----------------------- */ table.userStats td { padding : 5px; } .positiveStats { color : #52A226; } .countBubble { color : #FFFFFF; display:inline-block; position: relative; } .countBubble span { background-color : #808080; display: inline-block; line-height: 17px; margin: 0 8px; padding: 0; } .countBubbleRed span { background-color : #FE0000; } .countBubbleLeft, .countBubbleRight { background: url(../images/cornerSpriteTrans-c5598125e6.png) -40px 0; overflow: hidden; position: absolute; top: 0; width: 8px; height: 17px; } .countBubbleLeft { left: 0; } .countBubbleRight { right: 0; background-position: -49px 0; } .countBubbleRed .countBubbleLeft { background-position:-63px 0; } .countBubbleRed .countBubbleRight { background-position:-72px 0; } .statsBox { width:100%; float:left; position: relative; } .statsBoxTopBottom { height: 3px; margin: 0 3px; background: #fff; line-height: 3px; overflow: hidden; } .statsBoxBG { background: #fff; } .statsBoxInner { float:left; position:relative; left:50%; text-align:center; } .statsSubBox { float:left; position:relative; right:50%; text-align:center; height:55px; margin:2px 0; } .statsSubBoxInner { display:block; width:105px; } .statsLB { border-left: 1px solid #ebebeb; } .statsFindPeople { width:100%; border-top: 1px solid #ebebeb; text-align:center; clear: both; padding: 3px 0 4px; } .bigNum { font-size:28px; margin: 12px 0 5px; } /* margins */ .marginRL3 { margin : 0 3px; } /* ------------------- common profile-editing styles ------------------------ */ .editProfAddURL, .editProfAddExperience, .editProfAddEducation { font-size: 11px; margin-left: 2px; } .editProfExperiences th, .editProfEducations th { text-align: left; } /* ----------------------- facebook / twitter icon styles ------------------------ */ .fbLink { font-size: 14px; padding-left: 19px; height: 16px; line-height: 16px; background: url(../images/facebookIcon-718f1aef17.gif) no-repeat 0 0; text-decoration: none !important; font-weight: bold; } .twLink { font-size: 14px; padding-left: 18px; height: 16px; line-height: 16px; background: url(../images/twitterIcon-a1104523b4.png) no-repeat 0 0; text-decoration: none !important; font-weight: bold; } .liLink { font-size: 14px; padding-left: 21px; height: 18px; line-height: 18px; background: url(../images/linkedin18-1f82f32081.png) no-repeat 0 0; text-decoration: none !important; font-weight: bold; } .fbIcon16 { height: 16px; width:16px; display:inline-block; background: url(../images/facebookIcon-718f1aef17.gif) no-repeat 0 0; } .liIcon18 { height: 18px; width: 18px; display:inline-block; background: url(../images/linkedin18-1f82f32081.png) no-repeat 0 0; } /* ------------- Contact Us page ------------------- */ .contactUs h1 { margin-left: 200px; } .contactUsTable { width: 800px; margin-left: 200px; line-height: 20px; } /* ------------ alternative content for flash widgets ------------------ */ .flashalt { font-size:10px; } .flashaltbox { width:500px; padding: 100px 230px; margin: 0; line-height:30px; font-size:28px; text-align:center; font-weight:bold; } /* ------------- company page ---------------------- */ .nonArticle { display: none; } .disclaimer { background: #ffc; border: 2px solid #f93; color: #f60; display: none; margin: 8px 0; padding: 5px; } #companyWidgetWrapper { width:960px; min-height: 424px; position:relative; } #companyWidgetWrapper .tabCont { position: absolute; left: 135px; width: 490px; top: 30px; } #companyWidgetWrapper .companyChartTab { display: none; position: absolute; width: 100%; top: 70px; height: 380px; } #companyWidgetWrapper .separator { display: none; border-top: 1px solid #323232; width: 956px; margin: 0; position: absolute; top: 61px; left: 2px; z-index: 0; } #companyWidgetWrapper .standardTab { background: #666; font-family: GothamBook, Helvetica, Arial, sans-serif; color: white; margin: 0 3px; padding: 0 5px; display: none; position: relative; top: 0px; height: 30px; line-height: 28px; border: 0; border: 1px solid #666; border-bottom: 1px solid #323232; z-index: 2; } #companyWidgetWrapper .standardTab_inner { width: auto; } #companyWidgetWrapper .standardTab_active { color: #FFA707; background-image: linear-gradient(top, #444444, #0a0a0a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff444444, endColorstr=#ff0a0a0a); border-color: #323232; border-bottom-color: #0a0a0a; } #companyLHSWrapper { float:left; width:465px; } #companyRHSWrapper { width:480px; float:right; } #addapricePopupForm { display:none; } #pdf_area { margin-bottom:7px; text-align:center; } #pdf_area .gbutton2 .subscribeSmallIcon { display:block; position:absolute; right:-60px; top: 5px; } #pdf_area .pdfResearchReport { display:none; } #pdf_area .pdfComingSoon { font-size:13px; color:#888; margin-bottom:15px; } #pdf_area .pdfComingSoon .subscribeSmallIcon { background: transparent url(../images/subscribeSmallIconDim-e68378f8f4.png) no-repeat; position:relative; left:3px; top:4px; } .pdfIcon { width:16px; height:16px; display:inline-block; background: url(../images/pdfIcon-dd7c22f0e4.png); } .plPopup { display: none; width: 960px; height: 600px; position: absolute; z-index: 100; margin: 0 auto; background: #fff url(../images/largeLoadingIcon-69f58b3c2c.gif) no-repeat 50% 50%; border-radius: 4px; } .plPopup iframe { width: 100%; height: 573px; } .plPopup h2 { height: 27px; color: #666; text-align: center; font-weight: bold; margin: 0; padding: 0; line-height: 27px; font-size: 12px; background: #c0c0c0; background-image: linear-gradient(top, #e0e0e0, #b5b5b5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe0e0e0, endColorstr=#ffb5b5b5); -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .excelBanner { position: relative; width: 100%; height: 38px; margin: 5px 0 10px; } .excelBannerLogo { position: absolute; width: 62px; height: 38px; left: 0; top: 0; background: url(../images/excelBannerLogo-58140d5f6c.png); } .excelBannerBG { position: absolute; top: 6px; width: 890px; right: 0; height: 32px; line-height: 32px; padding: 0 0 0 50px; color: #fff; font-size: 14px; background: url(../images/excelBannerBG-7be61b7fb5.png) repeat-x; border-radius: 6px; } .excelBannerBGActive { background-position: 0 -32px; } .excelBannerButton { position: absolute; top: 10px; right: 10px; width: 162px; height: 24px; line-height: 24px; color: #fff !important; font-weight: bold; font-size: 13px; text-align: center; background: transparent url(../images/excelBannerButton-66e6076924.png) !important; } #companyWidgetWrapper .notifications { position: absolute; top: 65px; /* positions text just below the horizontal line for the summary metric chart tabs */ left: 15px; /* matches left alignment of company name & ticker in flash */ color: white; } #companyWidgetWrapper .notifications a { color: #95d0fc; } /* all displayed as needed by JS in company.js */ .ticketsPopup, .lastReviewed, .tickets { display: none; } /* ----------------- paywall ------------------------- */ .pw-container-wrap { background-color:white; font-family:Lato; font-size:18px; font-style:normal; font-weight:300; line-height:26px; letter-spacing:-0.5px; height:733px } .pw-standard_section { padding-top: 10px; padding-bottom: 0px; } .pw-standard_section-2 { padding-top: 0px; padding-bottom: 0px; padding-left: 2px; } .pw-h2-header { text-align: center; font-size: 35.7px; line-height: 40.8px; font-weight: 300; } .pw-h4-header { color: #333; line-height: 42px !important; font-size: 24px !important; margin-top: 0px !important; margin-bottom: 8px; } .pw-h3-header { margin-bottom: 0px; padding-bottom: 14px; padding-top: 14px; font-size: 24px; font-style: normal; font-weight:700; line-height:28px; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #EFEFEF; border-top: 1px solid #e4e4e4; } .pw-p-blue { margin-bottom: 0px; padding-bottom: 14px; padding-top: 14px; font-size: 24px; font-style: normal; font-weight: 400; line-height: 28px; color: #1e83ec; width: 200px; margin-left: auto; margin-right: auto; } .pw-pricing-column { width: 33.2%; float: left; text-align: center; } .pw-pricing-column-content { min-height: 500px; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; } .pw-interval { color: #999; min-height: 38px; padding-bottom: 17px; text-align: center; line-height: 26px; font-size: 18px; } .pw-p { text-align: center; font-size: .9em; font-size: 16.2px; font-weight: 300; } .pw-p-2 { text-align: center; font-size: 15px; font-style: italic; line-height: 15px; font-weight: 400; } .pw-text-highlight { background: yellow; font-weight: 600; color: #000000; font-size: 16.2px; font-weight: 600; } .pw-regular-button { padding: 12px 18px; background-color: #1e83ec !important; border-radius: 200px !important; box-shadow: none !important; font-size: 12px; color: #FFFFFF !important; text-transform: uppercase !important; font-weight: 700; letter-spacing: 2px !important; top: -3px; margin-bottom: 10px; line-height: 20px; } .pw-a { color: #1e83ec !important; text-decoration: none; font-size: 16.2px; line-height: 26px; font-weight: 300; } /* ----------------- fadeToGrey 9-slicing ------------------------- */ .fadeToGrey { margin:11px 10px 19px 10px; } .fadeToGrey .nineSliceContent { margin:-2px 0 -8px 8px; } .fadeToGrey .nineSliceL, .fadeToGrey .nineSliceR { background: url(../images/fadeToGreyRepeatY-744bc80f71.png); } .fadeToGrey .nineSliceT, .fadeToGrey .nineSliceB { background: url(../images/fadeToGreyRepeatX-f52444bc7b.png); } .fadeToGrey .nineSliceL { left: -10px; width: 10px; /* background-position: 0 0; not necessary, because 0 0 is the default*/ } .fadeToGrey .nineSliceR { right: -10px; width: 10px; background-position: -10px 0; } .fadeToGrey .nineSliceT { top: -11px; height: 11px; background-position: 0 -60px; } .fadeToGrey .nineSliceB { bottom: -19px; height: 19px; background-position: 0 -71px; } .fadeToGrey .nineSliceTL { background-position: 0 0; } .fadeToGrey .nineSliceBL { background-position: 0 -11px; } .fadeToGrey .nineSliceTR { background-position: 0 -30px; } .fadeToGrey .nineSliceBR { background-position: 0 -41px; } /* ------------- blueBox 9-slicing -------------------- */ .blueBox { margin: 5px 3px 0 5px; background: #e1e8ef; border: 1px solid #e1e8ef; } .blueBox .nineSliceContent { margin-top: -2px; } .blueBox .nineSliceL, .blueBox .nineSliceR { background: url(../images/blueBoxRepeatY-64bb8ed65a.png); } .blueBox .nineSliceT, .blueBox .nineSliceB { background: url(../images/blueBoxRepeatX-a763567e7f.png); } .blueBox .nineSliceL { left: -8px; width: 8px; /* background-position: 0 0; not necessary, because 0 0 is the default*/ } .blueBox .nineSliceR { right: -8px; width: 8px; background-position: -8px 0; } .blueBox .nineSliceT { top: -7px; height: 7px; background-position: 0 -26px; } .blueBox .nineSliceB { bottom: -6px; height: 6px; background-position: 0 -33px; } .blueBox .nineSliceTL { background-position: 0 0; } .blueBox .nineSliceBL { background-position: 0 -7px; } .blueBox .nineSliceTR { background-position: 0 -13px; } .blueBox .nineSliceBR { background-position: 0 -20px; } /* ------------- privacy related ---------------------- */ /* this ensure that the spans for the lock images are inline-block, unfortunately the IE6 png hack doesn't work on inline-block spans .modelHidden span { display: inline-block; } */ .modelHidden { position:relative; } .lockWhy { padding-top:3px; display:inline-block; } .ppl_C4 .lockWhy { padding-top:7px; } /* this is to prevent "teleportation" of divs that were hidden when png hack was applied*/ .isHidden,.isAllHidden { position:relative; } .lockIcon, .lockIconOpen, .lockIconGrey, .lockAccessBlue { background: transparent url(../images/locks-e613dae356.png) no-repeat scroll 0 0; } .lockIconOpen { background-position: -20px 0; } .lockIconGrey { background-position: -60px 0; } .lockIcon, .lockIconOpen, .lockIconGrey, .lockIconLoading { height:22px; width:20px; } .lockAccessBlue { width: 6px; height:8px; background-position: -80px 0; overflow:hidden; } span.lockIcon, span.lockIconOpen, span.lockIconGrey, span.lockIconLoading { display:inline-block; } .lockIconLoading { background: transparent url(../images/loading20A-b6c9406f12.gif) no-repeat scroll 1px 1px; } .expandButton { width:15px; height:15px; background: url(../images/eventStreamToggleButtonSmall-845f1dfc6c.png); overflow: hidden; cursor:pointer; _cursor:hand; } .expandButtonExpanded { background-position: 0 -15px; } .dropdownInner { /* height: 17px; should have explicit height */ border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 1px solid transparent; } .dropdownPopup { /* top: 17px; should match height of dropdownInner */ /* width: 200px; may need explicit width */ display:none; background: url(../images/headerCompaniesBlueBG-070b052b94.png) repeat-x scroll 0 -24px #FFFFFF; border: 1px solid #3399CC; line-height: 18px; padding: 5px; position: absolute; right: 0; text-align: left; z-index: 5; } .blueDropdown .dropdownInner { background: url(../images/headerCompaniesBlueBG-070b052b94.png) repeat-x scroll 0 -8px transparent; border-left: 1px solid #3399CC; border-right: 1px solid #3399CC; border-top: 1px solid #3399CC; z-index: 6; } .blueDropdown .dropdownPopup { display:block; } #myInfoDropdown a { outline:none; } .dropdownContainer ul { margin:0; padding:10px 0 10px 10px; list-style-type:none; white-space: nowrap; } #myInfoDropdown { float:right; margin-top:3px; line-height:18px; } .dropdownContainer { position:relative; } #myInfoDropdown .discTri090p { right: 4px; position:absolute; top:5px; } #myInfoDropdown .dropdownInner { height:18px; padding-left:5px; position:relative; background-position:0 -7px; white-space: nowrap; } #myInfoDropdown .dropdownPopup { top : 18px; padding: 0; /* width is set by JS */ } #myInfoDropdown .dropdownInner a { padding-right: 16px; } #myInfoDropdown .dropdownPopup a { text-decoration: none !important; } .intromsgcircle { float:left; height:22px; width:22px; background: url(../images/orangeDot-61121335ea.png) no-repeat 0 0 transparent; position:relative; top:2px; margin: 0 8px 0 16px; } .intromsgcircle span { color:#fff; float:left; font-size:14px; height:22px; width:22px; line-height:23px; text-align: center; } .sbsOrangeBullets li { height: 35px; list-style-type: none; background: url("../images/pricingPlus-b7ffc9a26a.png") no-repeat scroll 0 0 transparent; font-size: 14px; padding-left: 30px; } .add_to_mycollection_wrapper, .remove_from_mycollection_wrapper, .restore_to_mycollection_wrapper, .copy_to_clipboard_wrapper, .embed_popup_link_wrapper { width:140px; display:inline-block; padding-left: 20px; } .add_to_mycollection_wrapper { background: url(../images/bluePlus-d9ebf5868c.png) no-repeat; } .remove_from_mycollection_wrapper { background: url(../images/greenCheck-8cc361dcb7.png) no-repeat; } /*ticker search box, orginally copied from searchBoxWithMag styles above*/ .tickerSearchFieldWrapper { background: url(../images/searchBox-1154c025eb.png) 0 -21px; height: 21px; width: 204px; display:inline-block; line-height:21px; position:relative; margin-left:10px; margin-right:10px; } .tickerSearchFieldL { background: url(../images/searchBox-1154c025eb.png) 0 0; width:10px; height:21px; position:absolute; left:-10px; top:0; display:block; } .tickerSearchFieldR { background: url(../images/searchBox-1154c025eb.png) 0 -42px; width:10px; height:21px; position:absolute; right:-10px; top:0; display:block; } .tickerSearchField { width: 180px; border: 0; padding:0; font-size: 11px; margin:0 12px; } .tickerSearchFieldMag { height : 11px; width : 11px; background: url(../images/search2-87f962ea52.png) no-repeat; position : absolute; top : 6px; } .tickerSearchFieldMag.left{ left : 0; } .tickerSearchFieldMag.right{ right : 0; } .dialogClose, .styledDialogClose { position: absolute; top: 15px; right: 15px; } /* * * * * * * * * * * * * * * * * * Ui dialog bootstrap overrides * * * * * * * * * * * * * * * * * */ .styledDialog h1:first-child, .styledDialog h2:first-child, .styledDialog h3:first-child, .styledDialog h4:first-child { margin-top: 0; } /* Buttons reset css */ .styledDialog .ui-button-text-only .ui-button-text { padding: 0; } .styledDialog .ui-button .ui-button-text { display: auto; line-height: auto; } .styledDialog .ui-state-default.btn, .styledDialog .ui-widget-content .ui-state-default.btn, .styledDialog .ui-widget-header .ui-state-default.btn, .styledDialog .ui-dialog-buttonpane .ui-state-hover.btn, .styledDialog .ui-dialog-buttonpane .ui-state-active.btn, .styledDialog .ui-dialog-buttonpane .ui-state-focus.btn { background-image: none; font-weight: normal; color: #fff; background-color: #B0B0B0; border: 1px solid transparent; } .styledDialog .ui-state-default.btn.btn-primary, .styledDialog .ui-widget-content .ui-state-default.btn.btn-primary, .styledDialog .ui-widget-header .ui-state-default.btn.btn-primary, .styledDialog .ui-dialog-buttonpane .ui-state-hover.btn.btn-primary, .styledDialog .ui-dialog-buttonpane .ui-state-active.btn.btn-primary, .styledDialog .ui-dialog-buttonpane .ui-state-focus.btn.btn-primary { background-image: none; font-weight: normal; color: #fff; background-color: #0370D2; border: 1px solid transparent; } .styledDialog .ui-state-default.btn.btn-primary:hover, .styledDialog .ui-widget-content .ui-state-default.btn.btn-primary:hover, .styledDialog .ui-widget-header .ui-state-default.btn.btn-primary:hover, .styledDialog .ui-dialog-buttonpane .ui-state-hover.btn.btn-primary:hover, .styledDialog .ui-dialog-buttonpane .ui-state-active.btn.btn-primary:hover, .styledDialog .ui-dialog-buttonpane .ui-state-focus.btn.btn-primary:hover, .styledDialog .ui-state-default.btn.btn-primary:focus, .styledDialog .ui-widget-content .ui-state-default.btn.btn-primary:focus, .styledDialog .ui-widget-header .ui-state-default.btn.btn-primary:focus, .styledDialog .ui-dialog-buttonpane .ui-state-hover.btn.btn-primary:focus, .styledDialog .ui-dialog-buttonpane .ui-state-active.btn.btn-primary:focus, .styledDialog .ui-dialog-buttonpane .ui-state-focus.btn.btn-primary:focus { background-color: #025096; } .styledDialog .ui-state-default.btn.btn-default:hover, .styledDialog .ui-widget-content .ui-state-default.btn.btn-default:hover, .styledDialog .ui-widget-header .ui-state-default.btn.btn-default:hover, .styledDialog .ui-dialog-buttonpane .ui-state-hover.btn.btn-default:hover, .styledDialog .ui-dialog-buttonpane .ui-state-active.btn.btn-default:hover, .styledDialog .ui-dialog-buttonpane .ui-state-focus.btn.btn-default:hover, .styledDialog .ui-state-default.btn.btn-default:focus, .styledDialog .ui-widget-content .ui-state-default.btn.btn-default:focus, .styledDialog .ui-widget-header .ui-state-default.btn.btn-default:focus, .styledDialog .ui-dialog-buttonpane .ui-state-hover.btn.btn-default:focus, .styledDialog .ui-dialog-buttonpane .ui-state-active.btn.btn-default:focus, .styledDialog .ui-dialog-buttonpane .ui-state-focus.btn.btn-default:focus { background-color: #919191; } .styledDialog .ui-dialog-content { padding: 0 !important; /* overrides jquery ui inline style */ } .ui-dialog .styledDialogClose { z-index: 91; /* high enough to put it over the resizing bars that the jQuery dialog may insert */ /* mimicks bootstrap styles (temporary skin until we switch to bootstrap modals) */ color: #000; opacity: 0.2; font-weight: bold; font-size: 21px; } .ui-dialog, .ui-dialog.ui-widget-content.styledDialog { /* mimicks bootstrap styles */ box-shadow: 0 5px 15px rgba(0,0,0,.5); padding: 15px; z-index: 1054; } .ui-dialog .ui-widget-content.ui-dialog-buttonpane { /* mimicks bootstrap styles */ border-top: 1px solid #eee; padding: 1em 0 0 0; } .styledDialog.ui-dialog .ui-dialog-buttonpane button { margin: 0 0 0 1em; } /* end overrides */ .styledDialogClose:hover, .dialogClose:hover { background-position:-28px 0 !important; } .styledDialogClose:active, .dialogClose:active { background-position:-56px 0 !important; } .styledDialog{ background-color: #fff !important; } /* bootstrap classes, for if we ever switch. by default - this would be 100% */ .styledDialog .modal-body .sm-col-12 { width: 100%; } /* ----------- video & email-only signup section that lives on the RHS sidebar of some pages --------------- */ .videoTourWrapper{ width:314px; height:468px; text-align:center; } .vidWrapper { background: #000; } a.videoTourPlay{ width:71px; height:71px; background: url(../images/videoTourPlay-b783edc318.png); text-align:center; display:inline-block; } .emailOnlySignUpWrapper{ text-align:left; } .emailOnlySignUpWrapper .emailLabel{ font-weight:bold; } .emailOnlySignUpWrapper .error{ color:red; font-size:10px; } /* Trefis Style Guide Global Components */ .global .content { width: 980px; margin-left: auto; margin-right: auto; margin-top: 0; float: none; } .global.foot .disclosure a { color: #06c; text-decoration: underline; } .global.merrillHeader .content { height: 35px; } .merrill .global.merrillHeader .content { width: 996px; } /* =========================== HEADER ============================ */ .bernsteinHeaderRight{ float:right; display:inline-block; width:173px; padding-top:56px; height:20px; background: url(../images/logo_bernstein_med-f661e8623c.png); background-repeat: no-repeat; } .bernsteinHeaderRight #bernsteinSubscribe{ background-color: #dd4f2b; padding: 4px 15px; font-size:10px; } .global.header { background: #222222; color: white; border-top: solid #dd4f2b 1px; padding-top: 15px; } .global.header.merrillHeader{ background: #009cde; margin-bottom: 69px; } .global.header .mainlogo { margin-top: 15px; margin-left: 10px; display: block; text-indent: -9999px; width: 201px; height: 33px; background: url(../images/trefisWhiteForegroundLogo-367572612a.png); background-color: transparent !important; outline: none; } .global.header.merrillHeader .mainlogo { position: absolute; margin-top: 10px; height: 36px; width: 176px; background: url(../images/trefis_blue-711f5786e5.png); } .global.header .advertisement { float: right; } .global.header input.search { width: 180px; height: 24px; background-color: white; background-image: url(../images/magnifyingGlass-877a58ae4a.png); background-repeat: no-repeat; background-position: 4px center; background-size: 12px 12px; padding-left: 20px; font-family: Helvetica, sans-serif; font-size: 11px; color: #858585; border: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .global.header.merrillHeader input.search { width: 280px; background-image: url(../images/magnifyingGlassMerrillHeader-c161120854.png); padding-left: 25px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .global.header .searchForm { position: relative; padding-bottom: 30px; padding-top: 15px; text-align: left; margin-left: 10px; width: 250px; } .global.header.merrillHeader .searchForm { position: absolute; right: 0; top: 0; width: auto; } .global.header .dashboardLink { /* Put this inside the form padding * because not everyone sees it. */ position: absolute; bottom: 10px; left: 10px; background: inherit; } .global.header .menu { position: relative; text-align: right; height: 38px; border-top: solid #666666 1px; border-bottom: solid black 1px; font-family: "Gotham", sans-serif; font-size: 11px; background: #444444; background-image: linear-gradient(top, rgb(85,85,85) 0%, rgb(48,48,48) 100%); background-image: -ms-linear-gradient(top, rgb(85,85,85) 0%, rgb(48,48,48) 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(85,85,85)), color-stop(1, rgb(48,48,48))); } .global.header.merrillHeader .menu { background: #e5e2da; border: none; position: relative; top: 39px; } .global.header.shortHeader{ padding-top:0px; } .global.header .shortHeader.logo{ width:300px; height:20px; float:left; padding-left:25px; padding-top:15px; background: url(../images/TrefisLogoNoLinks-trans-9501b65c46.png); background-position: 4px center; background-repeat: no-repeat; } .global.header #myInfoDropdown { float:none; } .global.header .menu .dropdownPopup { background: #333333; } .global.header.merrillHeader .menu .dropdownPopup { background: #e5e2da; } .global.header .dropdownInner { border-style: none; background-image: none; } .global.header .menu ul.menubar:first-child { position: absolute; left: 0; } .global.header .menu ul.menubar { list-style-type: none; margin: 0; padding: 0; display: inline; } .global.header .menu ul.menubar > li { display: inline; } .global.header.merrillHeader .menu ul.menubar > li { border-right-style: solid; border-right-color: #acacac; border-right-width: 1px; padding-top: 12px; padding-bottom: 12px; } .global.header.merrillHeader .menu ul.menubar > li:first-child { border-left-style: solid; border-left-color: #acacac; border-left-width: 1px; } .hidemenubar{ display : none; } .global.header a { color: white; background-color: inherit; } .global.header .menu a, .global.header .menu a:link, .global.header .menu a:visited, .global.header .menu a:active, .global.header .menu a:hover { padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; margin-left: 10px; margin-right: 10px; line-height: 38px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .global.header.merrillHeader .menu a, .global.header.merrillHeader .menu a:link, .global.header.merrillHeader .menu a:visited, .global.header.merrillHeader .menu a:active, .global.header.merrillHeader .menu a:hover { font-family: arial; color: #333333; } .global.header .menu a:hover { background-color: #292929; } .global.header.merrillHeader .menu a:hover { background-color: #D4D0C5; } .global.header .menu a.signup { background-color: #dd4f2b; padding: 4px; } /* social buttons */ .global.header .menu a.social { margin-top: 10px; margin-bottom: 10px; margin-left: 5px; margin-right: 0; padding: 0; width: 18px; height: 18px; float: right; line-height: 18px; text-indent: -9999px; text-decoration: none; background: url(../images/socialIcons18x18-0f9cfc9cab.png); } .global.header .menu a.menulogo, .global.header .menu span.menulogo { width: 105px; height: 34px; line-height: 34px; padding: 0; text-indent: -9999px; text-decoration: none; background: url(../images/trefis-logo-compact-nav-9593cd28b1.png) 0 6px no-repeat; display: inline-block; text-align: left; } .global.header .menu .menubar form.searchForm { display: inline; margin-left: 0px; } .mainlogo { display: block; text-indent: -9999px; width: 201px; height: 34px; background: url(../images/headerTrefisLogo-3379a64ade.png); background-color: transparent !important; outline: none; } .searchBoxWithMagWrapperL { background: url(../images/searchBox-1154c025eb.png) 0 0; width:10px; height:21px; position:absolute; left:-10px; } .searchBoxWithMagWrapperR { background: url(../images/searchBox-1154c025eb.png) 0 -42px; width:10px; height:21px; position:absolute; right:-10px; } .searchBoxWithMagWrapper { background: url(../images/searchBox-1154c025eb.png) 0 -21px; height: 21px; float: right; position:relative; margin: 9px 16px 0 22px; width: 190px; text-align: left; /* this fixes search box on articles page, where it would otherwise inherit text-align:center from body */ } .searchBoxWithMag { width: 180px; border: 0; position: absolute; top: 4px; margin-left:-3px; padding:0; font-size: 11px; } .searchBoxMag { position : absolute; height : 11px; width : 11px; background: url(../images/search2-87f962ea52.png) no-repeat; right : 0; top : 6px; } .searchBoxWithMagWrapper.tickerSearchFieldWrapper{ float:none; display:inline-block; } /* ================= FOOTER =================== */ /* not necessary, since 0 0 is the default .global.header .menu a.fb, .global.foot a.fb { background-position: 0 0; } */ .global.header .menu a.li, .global.foot a.li { background-position: 0 -18px; } .global.header .menu a.tw, .global.foot a.tw { background-position: 0 -36px; } .global .userIcon { background-image: url(../images/greenShirtIcon-9ab6aaa262.png); background-repeat: no-repeat; background-position: left center; background-size: 18px 18px; padding-left: 20px; } .blueLock { background-image: url(../images/lockBlueSmall-a12e5a1e3f.png); background-repeat: no-repeat; background-position: left center; background-size: 18px 18px; padding-left: 15px; } .whiteLock { background-image: url(../images/lockWhiteSmall-ee8aa62e3f.png); background-repeat: no-repeat; background-position: left center; background-size: 18px 18px; padding-left: 15px; } .global.foot { background: #191919; color: #999999; margin-top: 60px; padding-left: 10px; text-align: left; font-family: Helvetica, sans-serif; font-size: 11px; line-height: 13px; } .global.foot .section { width: 220px; margin-left: 20px; float: left; } .global.foot h3, .global.foot a { color: #b2d8ff; background: inherit; } .global.foot ul { list-style-type: none; margin: 0; padding: 0; } .global.foot li { font-size: 12px; margin: 3px 0; } .global.foot a.social { margin: 3px 0; padding-left: 22px; line-height: 18px; display: inline-block; background-image: url(../images/socialIcons18x18-0f9cfc9cab.png); background-repeat: no-repeat; text-align: left; color: inherit; } .global.foot .mainlogo { margin-top: 50px; border-top: solid #333333 1px; line-height: 35px; color: #444444; display: block; height: 32px; width: 99%; background-size: 100px 32px; text-indent: 115px; text-align: left; background: url(../images/trefisWatermarkBlackLogo-52c4c44f38.png); background-color: transparent !important; background-repeat: no-repeat; background-position: bottom left; background-size outline: none; } .global.foot .content { padding-bottom: 50px; } .merrillFooter { margin: 0 10px; } /* * This looks a lot like Bootstrap's .alert-danger, down to identical * background and border colors. Switching over the class should * probably be part of converting a page to Bootstrap. */ .alert-trefis { font-size:14px; font-weight: bold; color: #b94a48; background-color: #f2dede; border-color: #ebccd1; padding: 15px; border: 1px solid transparent; border-radius: 4px; text-align: center; margin-top:10px; } /* override bootstrap globals that cause problems */ #header-searchBox { box-sizing: initial; } .global.foot h3 { font-size: 1.17em; font-weight: bold; } body .alert { margin-bottom: 0; } .excelValidationDetail { text-align: left; font-size: 12px; } .excelValidationDetail .excelValidationErrorRed, .excelValidationDetail div{ display:inline; } .excelValidationDetail .title { font-size: 16px; font-weight: bold; text-align: center; text-decoration: underline; display:block; } .excelValidationDetail .location, .excelValidationDetail .inputcell { display: list-item; margin-left: 45px; } /* common corner styles */ .co { overflow: hidden; position: absolute; background: url(../images/cornerSprite-4d1f5c22c2.png) 0 0; } .coTL, .coTR { top: -1px; } .coBL, .coBR { bottom: -1px; } .coTL, .coBL { left: -1px; } .coTR, .coBR { right: -1px; } /* roundedBox and standardTab_active corner styles */ .roundedBox .co, .standardTab_active .co { width: 5px; height: 5px; background-position: -10px -5px; } .roundedBox .coTR, .standardTab_active .coTR { background-position: -15px -5px; } .roundedBox .coBL { background-position: -10px -10px; } .roundedBox .coBR { background-position: -15px -10px; } /* roundedBoxBottom corner styles */ .roundedBoxBottom .co { width: 5px; height: 5px; background-position: -10px -5px; } .roundedBoxBottom .coTR, .roundedBoxBottom .coTL { display:none; } .roundedBoxBottom .coBL { background-position: -10px -10px; } .roundedBoxBottom .coBR { background-position: -15px -10px; } /* standard tab corner styles */ /* (note that these need to go after the roundedBox styles, so when tabs are contained in a rounded box it's the standardTab styles that apply) */ .standardTab .co { width: 5px; height: 5px; background-position: -10px 0; } .standardTab .coTR { background-position: -15px 0; } /* generic popup pane corners */ .popupPane .co { width: 10px; height: 10px; background: url(../images/cornerSpriteTrans-c5598125e6.png) -20px 0; } .popupPane .coTL { top: 0; left: 0; } .popupPane .coTR { top: 0; right: 0; background-position: -30px 0; } .popupPane .coBL { bottom: 0; left: 0; background-position: -20px -10px; } .popupPane .coBR { bottom: 0; right: 0; background-position: -30px -10px; } /* need to fix tabs that are in popups */ .popupPane .standardTab .co { width: 5px; height: 5px; background: url(../images/cornerSprite-4d1f5c22c2.png) -10px 0; top: -1px; } .popupPane .standardTab .coTL { left: -1px; } .popupPane .standardTab .coTR { background-position: -15px 0; right: -1px; } .popupPane .standardTab_active .co { width: 5px; height: 5px; background: url(../images/cornerSprite-4d1f5c22c2.png) -10px -5px; top: -1px; } .popupPane .standardTab_active .coTL { left: -1px; } .popupPane .standardTab_active .coTR { background-position: -15px -5px; right: -1px; } /* my info pane corners */ #myInfoPane .coTL { background-position: 0 0; } #myInfoPane .coTR { background-position: -10px 0; } #myInfoPane .coBL { background-position: 0 -10px; } #myInfoPane .coBR { background-position: -10px -10px; } /* my info pane rounded box & tab */ #myInfoPane .standardTab .co { width: 5px; height: 5px; background: url(../images/cornerSprite-4d1f5c22c2.png) 0 0; } #myInfoPane .standardTab .coTL { top: -1px; left: -1px; } #myInfoPane .standardTab .coTR { top: -1px; right: -1px; background-position: -5px 0; } #myInfoPane .roundedBox .co, #myInfoPane .standardTab_active .co { width: 5px; height: 5px; background: url(../images/cornerSprite-4d1f5c22c2.png) 0 -5px; } #myInfoPane .roundedBox .coTL { top: -1px; left: -1px; } #myInfoPane .roundedBox .coTR, #myInfoPane .standardTab_active .coTR { top: -1px; right: -1px; background-position: -5px -5px; } #myInfoPane .roundedBox .coBL { bottom: -1px; left: -1px; background-position: 0 -10px; } #myInfoPane .roundedBox .coBR { bottom: -1px; right: -1px; background-position: -5px -10px; } /* header search box corners */ #header-searchBoxWrapper .co { width: 8px; height: 8px; background-position: -20px -16px; } #header-searchBoxWrapper .coTR { background-position: -28px -16px; } #header-searchBoxWrapper .coBL { background-position: -20px -24px; } #header-searchBoxWrapper .coBR { background-position: -28px -24px; } /* people page search box corners */ .ppl_searchBoxWrapper .co { width: 8px; height: 8px; background-position: -20px 0; } .ppl_searchBoxWrapper .coTR { background-position: -28px 0; } .ppl_searchBoxWrapper .coBL { background-position: -20px -8px; } .ppl_searchBoxWrapper .coBR { background-position: -28px -8px; } /* user network stats corners */ .statsBox .co { width: 3px; height: 3px; background: url(../images/cornerSpriteTrans-c5598125e6.png) -57px 0; } .statsBox .coTL { top: 0; left: 0; } .statsBox .coTR { top: 0; right: 0; background-position: -60px 0; } .statsBox .coBL { bottom: 0; left: 0; background-position: -57px -3px; } .statsBox .coBR { bottom: 0; right: 0; background-position: -60px -3px; } /* @include corner.css */ .popupPane { position: absolute; top:0; display: none; margin-top: 20px; z-index:100; font-size:13px; } .popupPaneTopBottom { height: 10px; margin-left: 10px; line-height:10px; overflow: hidden; /* without this, IE6 doesn't respect the height we set */ background: #fff; } .popupPane h2 { font-weight: bold; color: #009900; font-size: 16px; text-align: center; } .popupPaneInner { background: #fff; } .popupPane h3 { font-size: 13px; } /* Common popup stuff */ #overlay { position: fixed; _position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; display: none; background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity:0.7; } .XClose { float:right; position:absolute; top:-14px; right:-13px; width:28px; height:29px; background: transparent url(../images/closeButtonCir-a489ab78a0.png) no-repeat; /*filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='../images/closeButtonCir.png')";*/ cursor:pointer; _cursor:hand; } .XClose-moused { background-position:-28px 0 !important; } .XClose-down { background-position:-56px 0 !important; } /* This file should be deprecated, the values can be read from the variables file */ .green { color: #090; } .grey { color: #808080; } .darkBlue { color: #042553; } .six { color: #666; } .aaa { color: #aaa; } .ccc { color: #ccc; } #homeTagline { background: url(../images/homeTagline-1a12972b05.png) no-repeat 50% 20px; height: 60px; border-bottom: 1px dotted #ccc; text-indent: -9999px; margin: 0; } .homeLHS { position: relative; float: left; width: 750px; } .homeLHSBox { margin: 28px 3px 0 8px; } .homeLHSBox .homeHR { margin: 0 0 10px 0; } .homeLHSBox .arrowNext, .homeLHSBox .arrowPrev { float: right; position: relative; top: -7px; } .homeLHS h2 { color: #f60; font-size: 16px; font-weight: normal; line-height: normal; margin: 0; padding-bottom: 10px; } .homeLHS h2 span { color: #333; font-weight: bold; } .homeLHSDarkBox { margin: 13px -2px 0; background: url(../images/homeCompanyBG-4b50c12846.png) repeat-x 0 -318px; width: 754px; height: 318px; position: relative; } .homeLHSDarkBoxLeft { background: url(../images/homeCompanyBG-4b50c12846.png); position: absolute; width: 10px; height: 318px; left: 0; } .homeLHSDarkBoxRight { background: url(../images/homeCompanyBG-4b50c12846.png) 0 -636px; position: absolute; width: 10px; height: 318px; right: 0; } .homeLHSDarkBox h2 { padding-top: 10px; } .homeLHSDarkBox h2 a { color: #fff; font-weight: bold; text-decoration:none; } #homeForecast h2 a { color: #333; font-weight: bold; text-decoration:none; } .homeLHSBox h2 a:hover,.homeLHSBox h2 a:active { text-decoration:none; color: #0a2552; } #homePromoImg { background: url(../images/homeIPad-23e149bf05.png); width: 152px; height: 220px; float: left; margin: 10px 20px 0 10px; display:inline; } #homePromoText { width: 300px; color: #fff; float: left; } #homePromoText a { color: #39f; text-decoration: none; } .homeLHS .mtf_element_content_wrapper { width: 500px; } #homeCompany .homeContentBox { float: right; clear: right; margin-top: 5px; } .homeLHSDarkBox .homeContentBoxInner { height: 222px; } .homeShareBar { float: right; width: 130px; clear: right; margin-top: 7px; } .homeShareBar .artShrTweet { float: right; margin: 2px 6px 0 0; top: 0; } .homeFBWrapper { float: right; width: 50px; overflow: hidden; } #homeCompany { margin-top: 10px; } #homeCompany .arrowNext, #homeCompany .arrowPrev { top: 6px; } #homeCompanyRelated { color: #ccc; margin-top: 4px; } #homeCompanyRelated a { color: #9cf; display: inline-block; margin: 0 3px; text-decoration: none; } #homeCompanyRelated a:hover { color: #0a2552; } #homeForecast { margin-top: 23px; } #homeForecast .homeContentBox { float: right; } .homeContentBox { background: #fff; border: 1px solid #ccc; float: left; position: relative; padding: 8px 8px 2px; } .homeContentBoxInner { width: 216px; height: 232px; } .homeContentDarkBox { color: #d6d6d6; background: #666; } .homeContentDarkBox a { color: #9cf; } .homeContentDarkBox a:hover { color: #000; } #homeArticles .nineSliceContent { /* the only contents are absolutely positioned, so we need to set an explicit height */ height: 290px; } #homeArticles .homeContentBox { margin-right: 15px; } #homeArticlesCont { position: absolute; overflow: hidden; width: 740px; } #homeArticlesInner { position: relative; left: 0; width: 9999px; } #homeArticlesTemplate { display: none; } .homeArticleTitle { color: #06c !important; text-transform: uppercase; text-decoration: none !important; font-weight: bold; display: inline-block; margin-bottom: 10px; } .homeArticleContent p { margin: 0; } #homeArticlesCont .more-link { font-size: 12px; color: #448fda !important; font-weight: normal; display: block; height: 14px; text-decoration: none; border-bottom: 1px solid #bfd9f2; position: absolute; bottom: 10px; } .homeRHS { position: relative; float:left; width:230px; margin-left: 20px; font-size: 14px; line-height: 20px; } .homeRHS .orange_h4 { text-align: center; margin-top: 50px; } .homeRHS .videoTourWrapper { margin-top: 8px; } #homeSuggestCompany input { float: left; margin-top: 4px; width: 180px; } #homeSuggestCompany a{ float: left; margin-left: 3px; } #homeFreeCompanyLogo { display: block; margin: 0 auto; width: 150px; background: #fff; } .homeSocial { float: left; width: 110px; text-align: center; } .homeSocialInner { border-right: 1px dotted #ccc; } .homeSocial a { color: #06c !important; text-decoration: none !important; font-size: 12px; outline: none; } .homeSocialIcon { width: 30px; height: 30px; background: url(../images/homeSocialIcons-1d3bb1e8c9.png); background-color: transparent !important; display: block; text-indent: -9999px; margin: 0 auto; } a.homeSocialIcon:hover { background-position: 0 -30px; } a.homeSocialIcon:active { background-position: 0 -60px; } .homeSocialIconTwitter { background-position: -30px 0; } a.homeSocialIconTwitter:hover { background-position: -30px -30px; } a.homeSocialIconTwitter:active { background-position: -30px -60px; } .homeSocialIconLinkedin { background-position: -60px 0; } a.homeSocialIconLinkedin:hover { background-position: -60px -30px; } a.homeSocialIconLinkedin:active { background-position: -60px -60px; } .socialGreyBtn { width: 81px; height: 25px; background: url(../images/socialGreyBtns-da28c25cee.png); background-color: transparent !important; display: block; text-indent: -9999px; margin: 0 auto; } a.socialGreyBtn:active { background-position: 0 -25px; } .socialGreyBtnLinkedin { background-position: -81px 0; } a.socialGreyBtnLinkedin:active { background-position: -81px -25px; } .homeHR { border-top: 1px solid #ccc; height: 1px; } #homeMktng { margin-top: 20px; } #homeMktng .orange_h4 { margin-bottom: 15px; } #homeMktngHeader { margin:0; padding:20px 0; height: 28px; line-height: 28px; text-indent: -9999px; background: url(../images/homeMktngHeader-620fa87d18.png) no-repeat 50%; } #homeMktngLeft { float: left; position: relative; width: 219px; display: inline; margin: 0 0 0 10px; text-align: center; } #homeMktngLeft p { margin: 10px 0; } #homeMktngLeft .homeHR { margin: 0 0 10px 0; } .homeMktngLogo { display: block; width: 133px; height: 22px; outline: none; margin: 0 auto; text-indent: -9999px; background: url(../images/logo/all133x22-15dc470f12.png); background-color: transparent !important; } .homeMktngLogo1 { background-position: 0 -22px; } .homeMktngLogo2 { background-position: 0 -44px; } .homeMktngLogo3 { background-position: 0 -66px; } #homeMktngCenter { float: left; position: relative; width: 480px; margin: 0 0 0 30px; } #homeMktngTabs .standardTab { height: 32px; line-height: 32px; } #homeMktngTabs .standardTab_active { background: #e6e6e6; color: #f60; } .homeMktngTabBody { background: #e6e6e6; display: none; clear: left; } .homeMktngTabBody h3 { color: #139d12; margin: 20px 0 0; padding: 0 55px 0 35px; font-size: 14px; line-height: normal; background: url(../images/homeMktngCheck-4a6c98dfc4.png) no-repeat 15px 50%; } .homeMktngTabBody p { margin: 0 0 20px 0; padding: 0 55px 0 35px; } #homeMktngRight { float: left; position: relative; width: 219px; margin: 0 0 0 30px; } #homeMktngRight a { font-size: 14px; line-height: normal; color: #0265cb !important; font-weight: bold; text-decoration: none; background: url(../images/discTri000-f951793eef.png) no-repeat 0 50%; padding-left: 12px; } #homeMktngRight p { margin: 10px 0; } #homeMktngRight .homeHR { margin: 0 0 15px 0; } #homeCompanies { margin-top: 20px; } #homeCompanies h2 { /* note that this is similar to #homeLHS h2, but with different padding */ color: #f60; font-size: 16px; font-weight: normal; margin: 0; padding: 10px; } .homeCompaniesSubscribe { font-weight: bold; border-bottom: 1px solid #ccc; line-height: 22px; margin-right: 10px; padding: 6px 0 4px; } .homeCompaniesSubscribe a { background: url(../images/homeSubscribeButton-99841fb0b8.png); display: inline-block; width: 166px; height: 22px; text-indent: -9999px; margin-left: 6px; } #homeCompaniesListCont { background: #fff; margin-left: 310px; padding-left: 15px; min-height: 400px; } #homeCompaniesListCont table { width: 100%; } .homeCompaniesList h3 { font-size: 12px; margin: 15px 0 5px; } #homeCompaniesListCont p { margin: 3px 0; } #homeCompaniesListCont a { text-decoration: none; } .homeCompaniesList td { border-right: 1px dotted #cdcdcd; width: 20%; padding-left: 10px; } .homeCompaniesList td.cmpInner { border-right: none; } .homeCompaniesViewBy { line-height: 32px; border-bottom: 1px solid #ccc; font-weight: bold; padding-left: 15px; background: url(../images/homeViewIcon-9ade8db2b8.png) no-repeat 0 50%; } .homeCompaniesViewBy span { padding: 0 4px; } .homeCompaniesDiv { display: none; } .homeCompaniesTable { margin-top: 15px; line-height: 20px; } .homeCompaniesTable .tableHeader { font-size: 13px; font-weight: bold; line-height: 14px; } .homeCompaniesTable td { padding-left: 5px; } .homeCompaniesSector { height: 32px; line-height: 32px; color: #06c; cursor: pointer; _cursor: hand; padding-left: 10px; font-size: 13px; font-weight: bold; } .homeCompaniesSector .subscribeIcon { float: right; display: inline; margin: 6px 10px 0 0; } .homeCompaniesSector:hover { background: #C3DBF3; } .homeCompaniesSectorActive { background: #fff !important; cursor: default; } /* .homeLHSBox 9-slicing */ .homeLHSBox .nineSliceContent { margin: -2px -4px 0 0; padding: 6px 6px 6px 2px; background: #e6e6e6; } #homeCompany .nineSliceContent { background: #4b4b4b; } .homeLHSBox .nineSliceL, .homeLHSBox .nineSliceR { background: url(../images/homeLHSBoxRepeatY-1d7fac451b.png); } .homeLHSBox .nineSliceT, .homeLHSBox .nineSliceB { background: url(../images/homeLHSBoxRepeatX-7f0d536e64.png); } .homeLHSBox .nineSliceL { left: -11px; width: 11px; /* background-position: 0 0; not necessary, because 0 0 is the default*/ } .homeLHSBox .nineSliceR { right: -11px; width: 11px; background-position: -11px 0; } .homeLHSBox .nineSliceT { top: -10px; height: 10px; background-position: 0 -40px; } .homeLHSBox .nineSliceB { bottom: -10px; height: 10px; background-position: 0 -50px; } .homeLHSBox .nineSliceTL { background-position: 0 0; } .homeLHSBox .nineSliceBL { background-position: 0 -10px; } .homeLHSBox .nineSliceTR { background-position: 0 -20px; } .homeLHSBox .nineSliceBR { background-position: 0 -30px; } /* From Nicolae for new homepage section */ .home-top-banner h1 { font-size:26px; font-weight:700; padding:54px 0; margin:0; color:#000; } .home-top { background:#000; min-height:395px; } .home-top h1 { color:#fff; font-weight:700; font-size:28px; margin:34px 0; padding:0; text-align: center; } .container-home { width:1000px; margin:0 auto; text-align: left; } .home-col { text-align: left; color:#fff; font-size:14px; line-height: 1.5em; font-weight: 300; padding-bottom:34px; } .home-col h2 { color:#D84633; font-weight: 700; font-size:14px; margin:14px 0 6px 0; padding:0; } .home-col .hc-img { min-height:165px; text-align: center; } .hc-1 .hc-img img { margin-top:24px; } .hc-2 .hc-img img { margin-top:34px; } .message-content { font-size:18px; color:#333; line-height: 1.7em; padding:40px 0 20px 0; font-weight: 300; } .col-side-bullets { background:#F5F5F5; border-top:4px solid #e5e5e5; margin:40px 0 0 0; padding:5px 24px; } .col-side-bullets h3 { font-size:14px; font-weight: 700; text-transform: uppercase; } .col-side-bullets ul { font-size: 15px; margin:0 0 0 20px; padding:0 0 18px 0; text-transform: uppercase; } .col-side-bullets ul li { margin:0 0 8px 0; } .col-side-bullets ul li .fa-li { color:#D84633; } .col-side-bullets p { font-size:14px; } .container-section { border-top:1px dashed #ddd; margin:30px auto 20px auto; padding:30px 0 0 0; } h2.sec-header { font-weight:700; font-size:32px; margin:0; padding:0; line-height: 1em; } h3.sec-byline { font-weight:300; margin:0; padding:10px 0 0 0; font-size:16px; line-height: 1.5em; } .text-highlight-1 { font-weight:700; color:#D84633; } /* buttons */ .btn-custom-1 { background:#BDD3E8; color:#30659F; font-weight:700; border:1px solid #2A5787; border-radius:40px !important; } .btn-custom-1:active { background:#22496E; color:#fff; } /******** Other content related to new homepage, but not part of Nicolae's CSS dump ************/ .orange-header { color: #D84633; } #eventStream { margin-bottom: 16px; } .eventContainerCollapsed { height:24px; line-height:24px; } #eventExpand { position:absolute; left:1px; top:4px; z-index: 2; } .eventRec { margin-left:25px; } .eventContainerExpanded .eventRec { margin:3px 0 9px 25px; } .eventContent { height: 24px; margin: 0 0 20px; overflow: hidden; position: relative; } .eventContainerExpanded .eventContent { height: 250px; } .eventContentInner { position: relative; top: 0px; } .eventIcon { float:left; display:inline; margin:1px 6px 0 0; width:10px; height:15px; background: transparent url(../images/eventIcons-fc9611d87c.png); } .eventContainerCollapsed .eventIcon { margin-top:5px; } .eventIconCompanyLaunch { background-position: 0px 0px; } .eventIconFollow { background-position: -10px 0px; } .eventIconComment { background-position: -20px 0px; } .eventIconDowngrade { background-position: -30px 0px; } .eventIconUpgrade { background-position: -40px 0px; } .eventLongText { display:none; } #eventStream .commentText { margin-left: 16px; } .eventDateHeader { padding:15px 0 3px; display:none; } #eventPrev, #eventNext { display:none; /* this gets changed to block in JS */ width: 182px; margin-left: 69px; height: 16px; background: url(../images/eventScrollBG-87e360a5ed.png); text-decoration: none !important; outline: none !important; position:relative; } #eventPrev { margin-bottom: 3px; } #eventNext { margin-top: -16px; } #eventPrev:hover, #eventNext:hover { background-position: 0 -16px; } .eventScroll-down { background-position: 0 -32px !important; } #eventPrev span, #eventNext span { width: 7px; height: 4px; display:block; position: relative; top: 6px; left: 87px; background: url(../images/eventScrollArrow-bff5ff48e9.png); overflow:hidden; } #eventPrev:hover span { background-position: 0 -4px; } #eventPrev.eventScroll-down span { background-position: 0 -8px; } #eventNext span { background-position: -7px 0; } #eventNext:hover span { background-position: -7px -4px; } #eventNext.eventScroll-down span { background-position: -7px -8px; } #eventStream .subscribeSmallIcon { position: relative; margin: -10px 0 0 4px; top: 4px; cursor: pointer; cursor: hand; } /* ---------------- analyst text CSS ----------------- */ .analystCommentaryText { /*font-family: Georgia,Times,"Times New Roman", serif !important;*/ font-family: Helvetica, Arial, sans-serif !important; font-size: 13px !important; line-height:18px; text-indent: 0 !important; width: 444px; } .analystCommentaryText ul, .analystCommentaryText ol { margin-left: 0; /*margin-bottom: -10px;*/ padding-left: 20px; } .txt_bottom p { margin: 18px 0; } .analystCommentaryText li { margin: 6px 0 !important; } #txt_area { overflow:hidden; padding-bottom:10px; } #txt_area h1, .analystCommentaryText h1 { font-size: 14px; font-weight: bold; margin-top: 15px; } .txt_bottom h1, .analystCommentaryText h1 { margin: 35px 0 8px; } .analystCommentaryText ol, .analystCommentaryText li { margin-top:8px; } #txt_area h2, .analystCommentaryText h2 { font-size:12px; font-weight:bold; margin:8px 0; } #txt_area .standardTab { font-size:13px; padding:6px 4px; line-height:16px; height:100%; background:#ccc; /*width:190px;*/ } #txt_area .standardTab_inner { width:190px; } #txt_area .standardTab_active { background:#fff; } .txt_by { color:#888; } .txt_top { border-bottom:1px dotted #ccc; padding:5px 10px; } .txt_bottom { padding:0 10px; } #txt_area .roundedBox { width:463px; z-index: 1; } #txt_area .analystCommentaryText { margin:0 0 20px; } #txt_area .lockAccessBlue { display:inline-block; margin:0 4px; } .txt_sources { font-size: 13px; line-height: 18px; } .txt_companyHeader, .txt_tabs { display:none; } .oldact .txt_bottom h1 { margin: 15px 0 -20px; } .oldact .txt_bottom p,.oldact .txt_bottom li { } .oldact .txt_bottom { padding:15px 10px; } .oldact .analystCommentaryText p, .analystCommentaryText li { margin: 6px 0 !important; } .mod_statsR { padding-right : 5px; } .mod_statsL { padding : 5px; border-right:1px dotted #CCC; position : relative; float : left; height : 60px; } .flattened .mod_statsL { height : 30px; } .mod_big { line-height:24px; font-size:24px; } .mod_big span { font-size: 12px; } .mod_stat { float : right; position : relative; width : 180px; height : 60px; } .flattened .mod_stat{ height : 30px; } .mod_nomodels { position : absolute; left : 10px; top : 17px; height : 40px; font-size: 11px; color:#808080; } .flattened .mod_nomodels { top : 9px; } /* total width of bar is 160px, caps are 8px each, leaving max of 144 (2 * 72) for the bars */ .mod_bullBoxL { position : absolute; background: url(../images/bullishBearishBar-ccf6e1cc7b.png) repeat-x 0 0; height : 11px; width : 0px; /* by default, hide this */ top : 20px; left : 10px; overflow:hidden; } .flattened .mod_bullBoxL{ top : 11px; } .mod_bullBoxR { position : absolute; background: url(../images/bullishBearishBar-ccf6e1cc7b.png) repeat-x 0 -22px; height : 11px; width : 8px; top : 20px; right : 10px; overflow:hidden; } .flattened .mod_bullBoxR{ top : 11px; } .mod_bullBox { position : absolute; background: url(../images/bullishBearishBar-ccf6e1cc7b.png) repeat-x 0 -44px; height : 11px; width : 72px; top : 20px; right : 18px; overflow:hidden; } .flattened .mod_bullBox{ top : 11px; } .mod_bearBoxL { position : absolute; background: url(../images/bullishBearishBar-ccf6e1cc7b.png) repeat-x 0 -11px; height : 11px; width : 8px; top : 20px; left : 10px; overflow:hidden; } .flattened .mod_bearBoxL{ top : 11px; } .mod_bearBoxR { position : absolute; background: url(../images/bullishBearishBar-ccf6e1cc7b.png) repeat-x 0 -33px; height : 11px; width : 0px; /* by default, hide this */ top : 20px; right : 10px; overflow:hidden; } .flattened .mod_bearBoxR{ top : 11px; } .mod_bearBox { position : absolute; background: url(../images/bullishBearishBar-ccf6e1cc7b.png) repeat-x 0 -55px; height : 11px; width : 72px; top : 20px; left : 18px; overflow:hidden; } .flattened .mod_bearBox{ top : 11px; } .mod_marketBox { position : absolute; background: url(../images/bullishBearishBar-ccf6e1cc7b.png) repeat-x 0 -66px; height : 11px; width : 7px; left : 77px; top : 9px; overflow:hidden; } .flattened .mod_marketBox{ top : 0px; } .mod_capBox { position : absolute; background: url(../images/bullishBearishBar-ccf6e1cc7b.png) repeat-x 0 -77px; height : 11px; width : 7px; left : 77px; top : 9px; overflow:hidden; } .flattened .mod_capBox{ top : 0px; } .mod_bull { color : #48A32A; font-weight : bold; } .mod_bear { color : #B83D3C; font-weight : bold; } .mod_statL { position : absolute; left : 10px; bottom: 0; line-height : 12px; } .flattened .mod_statL{ top : 10px; } .mod_statR { position : absolute; right : 10px; bottom: 0; line-height : 12px; } .flattened .mod_statR{ top : 10px; } .mod_stat td { padding : 0 1px; } .mod_cap { float : right; position : relative; width : 80px; height : 50px; top : 8px; text-align :center; color:#ff6600; line-height : 12px; } .mod_grey { color:#808080; } .mod_capfooter { color: #4B4B4B; font-size: 10px; line-height: 12px; } .mod_marketp { float : right; position : relative; width : 70px; height : 50px; top : 8px; text-align :center; color: #666666; line-height : 12px; } .mod_bar { position : absolute; background : #CCC; bottom : 0; } .mod_mid { position : absolute; border-left:1px solid #333; bottom : 0; width : 1px; } .mod_spacer { width : 10px; height: 50px; float : right; } .mod_axis { position : absolute; border-top:2px solid #333; bottom : 0; height : 0px; } .mod_models { border-top:1px dotted #CCC; padding : 5px; } #mod_table { width : 100%; } #mod_table th { vertical-align:bottom; } #mod_table td { padding: 2px 1px; } #mod_table .mod_C1 { width : 140px; } #mod_table .mod_C2 { width : 140px; } #mod_table .mod_C3 { width : 40px; padding-right: 5px; } #mod_table .mod_C4 { width : 80px; padding-right: 10px; } #mod_table .mod_C5 { width : 70px; } .mod_following { display:inline-block; width:9px; height:13px; margin-left:2px; overflow:hidden; background: url(../images/eventIcons9x13-f4ca16482e.png) repeat-x -9px 0; vertical-align:middle; position:relative; margin-top:-1px; } .mod_tableFooter { margin-top : 5px; margin-left:2px; } .mod_sHover { background : #C3DBF3; } #mod_table tr.mod_hidden { display:none; } .mod_nav { vertical-align:middle; display:inline-block; } /* hover and histogram related .mod_hist { width : 65px; height : 30px; bottom : 15px; left : 8px; position : absolute; } #mod_table tbody tr:hover { background : #C3DBF3; } .mod_hover { position : absolute; border-left:1px solid #C3DBF3; border-right:1px solid #C3DBF3; background : #3333CC; bottom : 0; width : 1px; } .mod_hoverBox { position : absolute; border-left:1px solid #C3DBF3; border-right:1px solid #C3DBF3; background : #3333CC; top : 9px; height:11px; width : 1px; display:none; } */ .suggestAnnounce { display:none; position:relative; } .suggestAnnounce .announceBoxMsg { padding-top:5px; } .suggestAnnounce .announceBoxClose { margin-top:5px; height:20px; position:relative; } .suggestAnnounce .announceBoxMsg ul { padding-left:20px; margin:0; } #invitePopup { width:340px; margin-left:310px; } #invitePopup .popupPaneTopBottom { width:320px; } .ppl_header { font-size:24px; color: #888; margin:15px 0 15px 6px; } .ppl_invitePanel { display: none; clear:left; padding:14px; z-index:1; } .ppl_invitePanel .hSpacer { height:352px; } .ppl_invitePanel label { float: left; clear: left; font-weight: bold; } .ppl_invitePanel input { float: left; clear: left; display: inline; margin: 2px 0 7px; width:280px; border: 1px solid #ccc; } .ppl_invitePanel textarea { float: left; clear: left; margin:2px 0 7px; width:280px; height: 16px; border: 1px solid #ccc; } .ppl_invitePanel #ppl_inviteMsg { height:140px; margin-bottom: 0; } .ppl_invitePanel .gbutton { clear: left; float:right; display:inline; margin:10px 8px 0 0; } .ppl_invitePanel #requestInvite { float:right; display: inline; margin-right: 8px; } .ppl_searchHeader { padding: 16px 13px 6px; } .ppl_searchBoxWrapper { width:270px; margin: 0px 13px 16px; float: left; display: inline; background-image:none; height: 18px; background-color: #FFF; border: 1px solid #D0D0D0; position:relative; border-radius: 8px; } .ppl_searchBoxWrapper .searchBoxWithMag { width: 180px; top: 1px; left: 15px; margin-left:0; } .ppl_searchBoxWrapper .searchBoxMag { float : left; height : 12px; width : 12px; background: no-repeat url(../images/search-738c4a1865.png); left : 3px; top : 4px; } .ppl_searchBox { width:245px; } #ppl_table { margin: 10px 0; display:none; } #ppl_table tr { height: 20px; } .ppl_C1 { padding-left:13px; width:130px; vertical-align : bottom; } .ppl_C2 { width: 170px; vertical-align : bottom; } .ppl_C3 { width: 50px; vertical-align : bottom; } .ppl_C4 { width: 100px; min-width:100px; vertical-align : bottom; } .ppl_C5 { width: 80px; vertical-align : bottom; } .ppl_C6 { /* width removed on last column, because (a) we don't need it, and (b) when the column says "Subscribe..." the width needs to be > 80px */ /*width: 80px;*/ vertical-align : bottom; } #ppl_numEstimatesHeader { padding: 8px; font-size: 16px; font-weight: bold; } #ppl_mktPriceHeader { color: #808080; margin-left: 8px; } #ppl_sectorMktng { display: none; font-weight: bold; font-size: 14px; margin: 8px; color:#f00; } #ppl_pricedType { display: none; margin: 0 8px 12px; } .ppl_results .fadeToGrey { margin-right: 15px; } /* -------------------- Suggested people pane---------------------- */ .ppl_suggested { display:none; } .ppl_suggested td.suggestedUser { height:120px; } .ppl_suggested .cardPart { padding: 7px; } .ppl_suggested .title { height:32px; } .ppl_suggested .companies { height:48px; } .ppl_suggested .dt { border-top:1px dotted #A2A2A2; } .ppl_suggested .caps_h3 { margin:15px 0 0; color:#888; } .ppl_suggested table { border-spacing :10px; border-collapse : separate; width:500px; margin-left:auto; margin-right:auto; table-layout:fixed; } .ppl_suggested td { border: 1px solid #A2A2A2; padding:0; vertical-align:top; } .ppl_suggested .orange { font-weight:bold; color:#ff6600; } .ppl_suggested .bcBottom { display:block; padding:5px 2px; } .ppl_suggested .bcProfile, .ppl_suggested .bcFollow { padding-left:14px; background:url(../images/businessCardIcons_v1.1-9f629df57c.png) no-repeat; text-decoration:none; margin:0 3px; } .ppl_suggested .bcFollow { background-position:0 -32px; } .ppl_suggested .company { text-decoration: none !important; } .ppl_suggested .company:visited { color:#174EBE; } .ppl_suggested .company:hover { color:#0A2552; } .ppl_page { text-align:center; } .ppl_page .cts_prev, .ppl_page .cts_next { display:inline-block; } /* -------------------- Facebook invite popup ---------------------- */ #ppl_fbInvitePopup { display: none; position: fixed; left: 50%; top: 20px; z-index: 100; } #ppl_fbInvitePopupInner { position: relative; right: 50%; width: 760px; overflow:hidden; } .proHeader { margin-top: 10px; } .proHeader h1 { font-size: 18px; line-height: 28px; margin: 0; } .proHeader h2 { font-size: 14px; margin: 0; font-weight: normal; } .proHeader .smallGreyButton { float: left; margin: 10px 0 0 10px; } .proHeader .proPhoto { float: left; margin-right: 10px; } .proTop { border-bottom: 3px solid #d3d3d3; padding-bottom: 10px; } .proTop h2 { color: #090; font-weight: bold; font-size: 14px; margin: 20px 0 4px; } .proBio { float: left; width: 300px; } .proBio p { margin: 0; } .proComment { float: right; width: 620px; } .proComment .cbCont { width: 100%; } .proComment .cbBox { height: 60px; } .proMissing { font-style: italic; text-align: center; color: #888; } .proBody .mtf_sidenav { padding-top: 20px; } /* ---------------- old profile styles that are still needed for account info page ----------------- */ .pro_h1 { font-size:40px; margin : 0 10px 0 0; } .pro_h2 { font-size:18px; margin: 0px 5px 0 0; color: #909090; position:relative; top:7px; } .pro_header { padding : 10px; width: 100%; border-bottom:1px solid #CCC; line-height : 40px; } .pro_badges { margin-top:5px; line-height:16px; } .pro_roundedBox { margin:10px 0; width:648px; float:left; } .pro_roundedBox_inner { padding:5px; display:block; position: relative; } .pro_roundedBox .orange_h4 { margin-bottom: 15px; } .pro_roundedBox p { margin-top : 3px; } .pro_roundedBox ul { padding-left: 15px; margin: 12px 0; } .pro_acctCCEdit { display: none; margin:10px; border:1px solid silver; padding:10px; } .subscriptionContainer { border-top: 1px solid silver; padding: 10px 4px; } .pro_acctTrial { background: #ffff9e; padding: 3px; margin-top: 4px; display: inline-block; } #pro_acctPriCont p { margin: 10px 0; } #pro_acctFbTwCont { text-align: center; } .pro_acctFbTwHeader { line-height: 30px; color: #393; font-size: 16px; margin-bottom: 10px; } #pro_acctFbUnlinked a, #pro_acctLiUnlinked a, #pro_acctTwUnlinked a { display: inline-block; margin-top:40px; } #pro_acctFbUnlinked .spinner, #pro_acctLiUnlinked .spinner { margin-left: 5px; } #pro_acctFbUnlinked .spinner, #pro_fbImport .spinner,#ppl_fbInvite .spinner, #pro_acctLiUnlinked .spinner, #pro_liImport .spinner,#ppl_liInvite .spinner { position: relative; top: 2px; } .pro_acctLinkDiv { width:400px; height:150px; text-align:center; margin-top:10px; margin-left:auto; margin-right:auto; } #acctFbLinked input { margin-left:70px; } #acctTwLinked input { margin-left: 110px; } .pro_saveWrapper { margin: 15px 0 5px; } .pro_saveWrapper .gbutton { display: inline-block; margin-right: 20px; } .feedFilterLink{ width:110px; display:inline-block; } .headerlink .feedFilterLink{ width:170px; } .portfolioFiltersWrapper { position: relative; } .portfolioFiltersWrapper .editPortfolioButton{ position:absolute; right:0; top: 3px; z-index: 2; } .pro_acctCCEdit{ margin:10px; border:1px solid silver; padding:10px; } #loginPopup .loginPaneIframe { height: 450px; } #loginPopup { margin-left: 260px; width: 440px; display: none; } #loginPopup .popupPaneTopBottom { width: 420px; } /* these 2 apply to the login page as well, so we don't prefix them with #loginPopup */ .loginMsg { position: relative; text-align: center; font-size: 18px; padding: 5px; line-height: 24px; } .splashMsg { text-align: center; padding: 0 0 10px; } .splashMsgOnLogin { width:450px; margin-left: 255px; text-align:right; line-height:26px; } #loginPopup .loginIframeWrapper { float: right; padding: 5px 1px 0; } #loginPopup .marketingWrapper { width: 520px; } #loginPopup .cancel { margin: 5px 20px 0 0; } #loginPopup .ok { margin: 0 20px 0 0; } .loginPaneInner { background-color:#FFF; padding: 0 10px; } .loginPane .signInPane { margin-left:10px; } #loginForm td { font-size:12px; } .loginPane { text-align:left; padding: 25px 20px; } .loginPane .signInPane input{ margin: 3px 0; width:200px; } .loginPane h3 { color: #DD4F2B; font-size: 16px; font-weight: bold; margin: 0 0 4px; } .loginPane .or { font-size: 14px; font-weight: normal; margin: 0 10px; } .loginPane .gbutton { margin-left: -1px !important; } .signUpLeft { width: 110px; max-width: 110px; font-weight: bold; } .signUpLeft div { padding-right: 4px; } .loginPane table { font-size: 12px; /* not sure why this is necessary... but w/o it, some of the td's appear in font-size 16px in FF */ } .loginPane input { border: 1px solid #ccc; padding: 2px; font-size: 12px; } /* this is meant to subdue the "accept terms of use" checkbox */ .signUpDiscl, .signUpDiscl a { color: #999 !important; } .loginHR { width: 100%; border-top: 1px solid #e5e5e5; margin: 12px 0; } #surveyPane .spinner { float:right; margin:15px 10px 0 0; } #surveyPane .importAuth { margin-left:10px; } #surveyPane .importAuth .spinner { float:none; margin-left: auto; margin-right: auto; margin-top:0; } #surveyPane .section { margin-top:12px; } #surveyPane .linkedinRadio, #surveyPane .facebookRadio, #surveyPane .signupCheckboxDiv { margin-top:10px; margin-left:50px; } #surveyPane .radioInner, #surveyPane .radioInner { margin: 5px 0 0 100px; } .loginPane .obutton { margin-left:14px; } .splashLogin .socialGreyBtnLinkedin { margin: 0 10px 0 7px; } .loginPaneOuter .socialGreyBtnLinkedin { margin: 0 10px 0 7px; } .mutex a.socialGreyBtn { background-position: 0 -25px; } .mutex a.socialGreyBtnLinkedin { background-position: -81px -25px; } .splLogin .loginPane { padding: 25px 0px; } .splLogin .signupGreyOr { background-color:transparent; color:#f0f0f0; margin-left:180; } .splLogin .signupGreyLine { width:178px; } .splLogin .signupTopArea { width:384px; } .editProfExperiences, .editProfEducations { border: 1px solid #ccc; width: 100%; } #signUpOrganizationSiteLicense{ width: 80px; } img.logoLogin { display: block; margin: 0 auto; width: 100px; height: auto; } .freeAccountSignInSection .spinner { background: rgba(211,211,211,0.5) url(../images/largeLoadingIcon-69f58b3c2c.gif) no-repeat 50% 50%; display: none; width: 100%; height: 100%; z-index: 102; top: 0; left: 0; position: fixed; } .freeAccountSignInSection { font-family: Lato; height: 700px; } div.logoLogin { font-weight: bold; line-height: 30px; text-align: center; font-size: 20px; } div.freeSignUpTitle { font-weight: 200; line-height: 60px; text-align: center; font-size: 40px; height: 70px; } .freeSignUpContainerTitle { font-weight: bold; line-height: 24px; text-align: left; font-size: 20px; width: 350px; } .freeSignUpBulletPoints { font-size: 18px; } .freeSignUpBulletPointsLink { color: #06c !important; } .freeAccountGreen { color: green; } .freeAccountRed { color: red; } .freeSignUpButton { background-color: green; color: white !important; border: none; padding: 12px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; } .freeAccountPaywall { background-color:white !important; font-size: 12px; } .freeSignInButton { color: #06c !important; } input.freeAccountSignUpTB { width: 500px; margin: 3px 0; padding: 5px; } .contentleft, .contentright { position:inherit; float:left; } .contentleft { width: 550px; } #subscriptionPopupInner { background: #fff; padding: 10px 20px; } #subscriptionPopup h3 { color: #f60; font-size: 16px; margin-top:0; } #subscriptionPopup .lockIcon { position:relative; top:2px; overflow:hidden; } .subscribeSmallIcon { display: inline-block; width:36px; height:16px; background: transparent url(../images/subscribeSmallIcon-b9ec784907.png) no-repeat; overflow:hidden; } .subscribeIcon { display:inline-block; width:44px; height:20px; background: transparent url(../images/subscribeIcon-0790fc1eb5.png) no-repeat; } .fadeToGreySubscribe .subscribeIcon { margin: -16px 0 0 8px; position:relative; top:6px; } .fadeToGreySubscribe a { font-weight:normal; } .fadeToGreySubscribe { font-weight:bold; color:#666; font-size:11px; } .fadeToGreySubscribe .nineSliceContent { margin-right:-4px; } /* @include popupPane.css */ #feedbackPopup { width:520px; margin-left: 220px; } #feedbackPopup form { padding: 0 20px; margin: 0; } .feedbackPopupInner { background: #fff; } #feedbackPopup .popupPaneTopBottom { width:500px; } #feedbackPopup .followerTitle { width:500px; } #feedbackPopup .title { margin-top:10px; } #feedbackPopup .gbutton { display:inline-block; } #wgt_copy1 { width:120px; } .wgt_root h1 { margin: 30px 0; } .wgt_root h2 { margin: 0 0 14px; } .wgt_sectionPad { padding: 16px 13px 6px; } .wgt_preview { margin-left:120px; } .wgt_description { width :330px; } #wgt_code1 { width:330px; margin: 0; font-size:12px; } .wgt_section { margin-bottom:20px; width:850px; } .noBullet { list-style: none; } .notdDiv .noBullet { margin: 5px; } .notdDiv .imgWrap { width: 15px; float: left; text-align: center; } .notdDiv h1 { margin-bottom:40px; } .notdDiv h3 { font-size: 14px; color: #0F8B0F; margin-top: 0; } .notdDiv h3.permalink { margin-top:10px; font-size: 1.5em; } .notdDiv { margin: -60px 0 0 36px; padding: 110px 0 100px 16px; border-left: 1px solid #CFCFCF; } .notdDiv .gbutton { background-image: url(images/gbuttonRightCutF0-8b717877c9.png); } .notdDiv .gbutton span { background-image: url(images/gbuttonLeftCutF0-54e1632ee8.png); } .notdContent { width:700px; } .notdContentFooter { margin-bottom: 50px; } .notdDate { margin: 10px 0; font-style:italic; } .notdRetweet { margin-top: 10px; font-size: 14px; font-weight: bold; } .notdDiv #answers { margin-top:50px; } .notdBackToAll { font-weight: bold; font-size: 14px; } .dailyQuiz ol { list-style-type: none; line-height: 20px; padding-left: 55px; margin-left: 0; } .dailyQuiz .subscribeSmallIcon { position: relative; top: 2px; } .dailyQuiz a { background: url(../images/goButtonSmall-3b1a49a738.png) no-repeat 0 50%; padding-left: 25px; line-height: 25px; display: inline-block; } /* Theme Name: Trefis Theme URI: http://wordpress.org/ Description: Based on the default WordPress theme Version: 1.0 Author: Trefis Team Author URI: http://www.trefis.com Tags: blue, custom header, fixed width, two columns, widgets Kubrick v1.5 http://binarybonsai.com/kubrick/ This theme was designed and built by Michael Heilemann, whose blog you will find at http://binarybonsai.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* Begin Typography & Colors */ #pageInner { text-align: left; border-left:1px solid #CFCFCF; padding-left : 16px; } #wpHeaderimg { margin: 0; height: 100px; width: 100%; } .backLink { font-size:14px; font-weight:bold; padding-top: 70px; } .singular .backLink,.archive .backLink { padding-top:40px; } .single .backLink { padding-bottom:10px; } .wpContent { float: left; } .single .wpContent { position:relative; } .wpSidebar { margin-top:79px; float:right; width: 300px; text-align:left; } .wpSidebar form { margin: 0; } .home .wpSidebar { margin-top:35px; } .widecolumn .entry p { font-size: 1.05em; } .narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; } .narrowcolumn { padding: 0 0 20px 0; margin: 0; width: 450px; } .widecolumn { padding: 0 0 20px 0; margin: 0; width: 610px; /*line-height: 1.6em;*/ } .narrowcolumn .postmetadata { text-align: center; } .thread-alt { background-color: #f8f8f8; } .thread-even { background-color: #fff; } .depth-1 { border: 1px solid #ddd; } .even, .alt { border-left: 1px solid #ddd; } #footer { border: none; padding: 0; margin: 0 auto; width: 760px; clear: both; } #footer p { margin: 0; padding: 20px 0; text-align: center; } /* background: #e7e7e7 url('images/kubrickfooter.jpg') no-repeat top; */ .wp small { font-size: 0.9em; line-height: 1.5em; } /* Begin Headers */ .wp h1, .wp h1 a, .wp h1 a:hover, .wp h1 a:visited, .wp h2, .wp h2 a, .wp h2 a:hover, .wp h2 a:visited { font-weight: bold; text-decoration: none; color: #333; } .wp h1 { text-align: left; font-size:24px; padding-top: 70px; margin: 0; } .wp h2 { font-size: 18px; } .wp h3 { font-size: 1.3em; } #wpHeaderimg .description { font-size: 1.2em; text-align: center; } #wpHeaderimg .description { text-decoration: none; color: #333; } #wp-calendar caption, cite { text-decoration: none; } h1.postTitle, h1.postTitle a, h1.postTitle a:hover, h2.postTitle a, h2.postTitle a:hover { color:#0F8B0F !important; } h1.postTitle, h1.pagetitle { line-height:32px; font-size:24px; padding-top: 0; } .postTitle, .pagetitle { line-height:25px; } h1.postTitle, h2.postTitle { display: inline; } h1.postTitle a { font-size: 18px; line-height: 24px; } h2.postTitle { margin: 40px 0 10px; } h1.pagetitle, h2.pagetitle { margin: 30px 0; text-align: center; } .wpSidebar h2 { font-size: 1.2em; margin: 5px 0 0; padding: 0; } .wp .comments { padding: 0; margin: 40px auto 20px ; } /* End Headers */ .sticky { background: #f7f7f7; padding: 0 10px 10px; } .sticky h2 { padding-top: 10px; } .commentlist li, #commentform input, #commentform textarea { font-size: 0.9em; } .commentlist li ul li { font-size: 1em; } .commentlist li { font-weight: bold; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } .commentmetadata { font-weight: normal; } .wp small, .wpSidebar ul ul li, .wpSidebar ul ol li, .nocomments, .postmetadata, .wp blockquote, .wp strike { color: #777; } .wp a.byline { text-decoration:underline; background-color: transparent; color:#777; } .wp code { font: 1.1em 'Courier New', Courier, Fixed; } .wp acronym, .wp abbr, .wp span.caps { font-size: 0.9em; letter-spacing: .07em; } .wp a { text-decoration: none; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar a { text-decoration: none; } #wp-calendar caption { font-weight: bold; font-size: 1.3em; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /* End Typography & Colors */ /* Begin Structure */ body.wp { margin: 0 0 20px 0; padding: 0; background: #fff; } #page { margin: 0 auto; width: 960px; } .navlink { width:320px; } .navlinkr { text-align:right; } .navlinkl { text-align:left; border-right: 1px solid #aaa; width: 330px; } .post { margin: 0 0 60px; text-align: justify; position: relative; font-size: 13px; line-height: 18px; } .post hr { display: block; } .narrowcolumn .postmetadata { padding-top: 5px; } .widecolumn .postmetadata { margin: 30px 0; } .widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; } .widecolumn .attachment { text-align: center; margin: 5px 0px; } .postmetadata { clear: left; } /* End Structure */ /* Begin Images */ .wp p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* End Images */ /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } .entry ul li:before, .wpSidebar ul ul li:before { content: "\00BB \0020"; } .entry ol { padding: 0 0 0 35px; margin: 0; } .entry ol li { margin: 0; padding: 0; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } .wpSidebar ul, .wpSidebar ul ol { margin: 0; padding: 0; } .wpSidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; } .wpSidebar ul p, .wpSidebar ul select { margin: 5px 0 8px; } .wpSidebar ul ul, .wpSidebar ul ol { margin: 5px 0 0 10px; } .wpSidebar ul ul ul, .wpSidebar ul ol { margin: 0 0 0 10px; } .wpSidebar ol li, .wpSidebar ul ol li { list-style: decimal outside; } .wpSidebar ul ul li, .wpSidebar ul ol li { margin: 3px 0 0; padding: 0; } /* End Entry Lists */ /* Begin Form Elements */ #searchform { margin: 10px auto; padding: 5px 3px; text-align: center; } .wpSidebar #searchform #s { width: 108px; padding: 2px; } .wpSidebar #searchsubmit { padding: 1px; } .entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; } .wp select { width: 130px; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform { margin: 5px 10px 0 0; } #commentform textarea { width: 100%; padding: 2px; } #respond:after { content: "."; display: block; height: 0; clear: left; visibility: hidden; } #commentform #submit { margin: 0 0 5px auto; float: right; } /* End Form Elements */ /* Begin Comments*/ .wp .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; clear: left; } .commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; } .commentlist p { margin: 10px 5px 10px 0; } .children { padding: 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* End Comments */ /* Begin Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } /* End Calendar */ /* Begin Various Tags & Classes */ .screen-reader-text { position: absolute; left: -1000em; } .navigation { float: left; width: 100%; margin: 10px 0 0; padding: 8px 0; } .entry .navigation { border-top: 2px solid #aaa; border-bottom: 2px solid #aaa; } .navigation a { font-weight: bold; } /* End Various Tags & Classes*/ /* Captions */ .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption-text { font-size: 11px; font-style: italic; line-height: 14px; padding: 0; margin: 0; } /* End captions */ /* CSS for custom list of articles by week */ ul.weeks { padding-left:0; margin-top:40px; } ul.posts { padding-left:40px; } /* End CSS for custom list of articles by week */ /* CSS for tag cloud and other widgets */ .widget_tag_cloud { line-height: normal; } /* End CSS for tag cloud and other widgets */ /* CSS for related posts plugin */ .related { border-top:2px solid #aaa; padding-top:14px; font-weight: bold; } .related span { font-size: 13px; } .related ol { padding-left: 8px; } /* End CSS for related posts plugin */ /* CSS for Addthis plugin */ .addthis_toolbox div.atclear { clear :left; } .addthis_toolbox { margin : 20px 0; } .addthis_button_email .at300bs, .addthis_button_facebook .at300bs { width:20px; } .addthis_button_twitter .at300bs { width:19px; } /* End CSS for Addthis plugin */ /* CSS for Trefis Signup Widget */ .widget-trefis-iframe { width:170px; height:290px; } #trefis-signup .roundedBox { padding:10px; height:440px; } .widget-trefis-number { font-weight:bold; font-size:24px; } .widget-trefis-pitch { font-size:12px; } /* End CSS for Trefis Signup Widget */ .more-link { font-weight: bold; font-size: 14px; } .artContentInner { position:relative; } .wpContent .lockAccessBlue { display: inline-block; } .postTitle .lockAccessBlue { position: relative; top: -2px; } /* adjust the vertical position of the "graph it" icon on the articles index page, b/o the different font-size in the title */ .wpContent .tf_sankeyIcon { top: -2px; } .artShrCont { margin-top: -8px; position: absolute; right: 0; text-align: right; width: 400px; height: 24px; } .artShrRssIcon { background: url(../images/rssIcon16x16-513bd1fd97.png); display: inline-block; height: 16px; position: relative; top: 3px; width: 16px; } .artShrEmailIcon { background: url(../images/emailIcon2-0ae0240933.png); display: inline-block; height: 16px; position: relative; top: 3px; width: 16px; } .artShrFB { text-decoration: none; float: left; margin-left: 10px; border: 1px solid #29447e; /* needs to be important to override default background color on a:hover */ background: #617aac url(../images/facebookIconForShare-5032baa420.png) no-repeat !important; } .artShrFB span { border-top: 1px solid #8791c0; color: #fff; font-size: 10px; display: block; font-weight: bold; margin-left: 17px; padding: 0 6px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; } .artShrLI { float: left; height: 18px; text-decoration: none; position: relative; top: 1px; /* hack to make it vertically centered with other share buttons */ } .artShrLI div { position: absolute; left: 0; width: 18px; height: 18px; background: url(../images/linkedInIconForShare-3151991ead.png); } .artShrLI span { float: left; color: #333; background-color: #ececec; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#ececec'); background-image: -moz-linear-gradient(top, #fefefe, #ececec); border-top: 1px solid #E2E2E2; border-right: 1px solid #BFBFBF; border-bottom: 1px solid #B9B9B9; font-size: 10px; font-weight: bold; height: 16px; line-height: 18px; padding: 0 4px 0 22px; margin-left: 1px; text-shadow: -1px 1px 0 #fff; border-radius: 0 2px 2px 0; } a.artShrLI:hover { background-color: transparent; } a.artShrLI:hover div { background-position: 0 -18px; } a.artShrLI:hover span { background-color: #dedede; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dedede'); background-image: -moz-linear-gradient(top, #ededed, #dedede); border-top: 1px solid #ababab; border-right: 1px solid #9a9a9a; border-bottom: 1px solid #787878; color: #000; } .artShrTweet { background: url(../images/tweetLink-1a25674cc1.png); background-color: transparent !important; color: #fff !important; float: left; margin-left: 10px; font-size: 11px; height: 16px; text-align: center; text-decoration: none !important; outline: none; width: 50px; position: relative; top: 3px; } a.artShrTweet:hover { background-position: 0 -16px; color: #80b62a !important; } .artShrFbLike { position: relative; top: 6px; } .wpContent .trefis_slideshow { position: relative; /* so that the JS in single.php can set the left alignment of wide slideshow widgets */ } span.footnotes { /* causes the start of the footnotes to begin on a new line, even when the article ends in a slideshow */ display: block; } /* tables are used in the reading list */ .entry table { font-size: 11px; line-height: 14px; } .entry table td { padding-top: 10px; padding-bottom: 10px; } /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you. It won't be a stylish marriage, I can't afford a carriage. But you'll look sweet upon the seat of a bicycle built for two." */ #art_area { margin-top:20px; } #art_area h2 { font-size: 14px; } #art_popup { min-height:500px; padding-top:15px; position: relative; } #art_popup h1 { margin-top: 0; } #art_popup .lockAccessBlue { display: inline-block; position: relative; margin-top: 4px; } #art_popup .post { font-size: 13px; line-height: 18px; margin-bottom: 40px; } #art_popup #content { padding: 20px; } .art_related, .art_driver { color: #888; } .art_related a { color: #0F8B0F !important; text-decoration: none; font-weight: bold; } .art_back { font-size: 16px; } .art_popular { border-bottom: 1px solid #ccc; border-top: 3px solid #ccc; float: left; margin: 5px 15px 15px 0; position: relative; /* without this, IE6 makes the art_popular div invisible */ width: 250px; } .art_popular h2 { font-size: 13px; margin: 10px 15px 0; } .art_popular ul { padding: 0 15px !important; text-align: left; } /* add some right margin to make it align with the text on the company page */ #art_popup .artShrCont { right: 20px; } /* for the share bar at the bottom, it's already in the div that provides padding, so remove the extra padding */ #art_popup .entry .artShrCont { right: 0; } #art_popup .footnotes{ font-style:italic; } #art_popup .entry ol.footnotes{ margin:0; padding-left:8px; text-indent:-5px; } #art_popup .entry ol.footnotes li { margin:0 0 0 10px; } #art_charts { position: absolute; width: 280px; top: 80px; /* this causes the top of the "related forecasts" text to line up with the top of the article title */ right: 0; } #art_chartsHeader { color: #999; text-align: center; padding: 0 0 10px; font-size: 13px; } .art_chartBox { margin-bottom: 10px; cursor: pointer; cursor: hand; } .art_chartBoxHover { background: #ebf4fe; } .art_chartTitle { color: #1059b7; font-size: 14px; font-weight: bold; line-height: 18px; padding: 10px 10px 0; /* bottom padding is taken care of by chart */ } .art_chartBoxHover .art_chartTitle { color: #0A2552; } /* any spans in the title are for the arrow image */ .art_chartTitle span { background: url(../images/relatedChartArrow-85629262e1.png) no-repeat right 50%; padding-right: 17px; } .art_chart { width: 278px; height: 150px; } .art_chartCover { width: 278px; height: 150px; position: absolute; z-index: 2; } #artPostComment { margin-bottom:20px; } #artPostComment .cts_entryBtm { display:none; } #artPostComment textarea { height: 60px; } /*------ article pop-in ------*/ /* use a holly hack to position the article popin appropriately in old IEs, where position: fixed doesn't work */ * html #artPopinCont { position: absolute; overflow: hidden; right: 0; } #artPopin { width: 400px; border: 1px solid #999; background-color: #fff; text-align: left; /* positioning & shadows */ position: fixed; bottom: -1px; right: -450px; box-shadow: -4px 4px 8px rgba(0, 0, 0, 0.2); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, direction=225, strength=7)"; filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, direction=225, strength=7); /* for old IEs */ _position: absolute; _top: 0; } #artPopinInner { padding: 15px; } #artPopin button { position: absolute; right: 9px; top: 10px; width: 20px; height: 21px; background: url(../images/articlePopinCloseIcon-a8ab431e9f.png); cursor: pointer; _cursor: hand; border: none; text-indent: -9999px; } #artPopin h4 { margin: 0 0 10px; } #artPopin a { text-decoration: none; } #artPopin a span{ font-weight: bold; } #artPopinRelated { padding-left: 20px; background: url(../images/articlePopinRelatedIcon-c485b55e10.png) no-repeat; } .priHeader { font-weight: bold; font-size: 36px; color: #f60; text-align: center; margin: 35px 0; } .priTop { margin-left: 90px; } .priImage { background: url(../images/pricingSankeyImage-bb1ecb8fef.png); width: 344px; height: 283px; float: left; margin-right: 50px; } .priListWrapper { float: left; width: 430px; } .priListHeader { font-weight: bold; font-size: 16px; } .pricing .sbsOrangeBullets { margin: 20px 0 20px 10px; padding: 0; } .priStart { display: inline-block; } .priTableWrapper { clear: left; border: 1px solid #ccc; margin: 0 50px; padding: 6px 7px; border-radius: 4px; } .priTable { width: 100%; font-size: 13px; text-align: center; } .priTable th { background: #c9e2ff; height: 35px; line-height: 35px; } .priTable td { height: 24px; line-height: 24px; } .priTable td.odd { background: #ebf5ff; } .priTable .first { font-weight: bold; text-align: left; padding-left: 20px; border-right: 1px solid #fff; } .priTable .last { border-left: 1px solid #fff; } .priCheck { background: url(../images/pricingX-daa12dd562.png) no-repeat scroll 50% 50% transparent; } .priTotalRow { font-weight: bold; color: #060; } .priBottom { margin: 50px 60px 100px; } .priBottom h2 { font-size: 18px; color: #060; } .priButton { background: url(../images/pricingButtonGreen-1df4d047ab.png); border: 0; color: #fff !important; cursor: pointer; _cursor: hand; display: inline-block; font-size: 12px; font-weight: bold; height: 23px; line-height: 22px; outline: none; text-align: center; text-decoration: none !important; width: 114px; } .priButtonDisabled { background: url(../images/pricingButtonDisabled-622ada4f7e.png); cursor: default !important; } .sbsBody h1 { font-size: 28px; line-height: normal; margin: 5px 0; } .sbsBody h2 { font-size: 16px; color: #333; font-weight: normal; line-height: normal; margin: 5px 0; } .sbsBody h3 { font-size: 14px; font-weight: bold; line-height: 18px; color: #000; } /* this is the login iframe */ .sbsBody iframe { height: 600px; width: 100%; } .biviologo { width: 200px; height: 86px; margin: 10px 0; background: url(../images/biviologo-35e11da891.png); } .sbsWrapper { margin: 0 20px; } .sbsMain { width:480px; margin-top:10px; } .sbsSidebar { float: right; clear: right; line-height: 18px; margin-top:30px; width: 502px; background: url(../images/subscribeLaptop-e5a5df6e61.png) no-repeat; padding-top: 255px; } .sbsSidebar h3 { margin-left: 40px; } .sbsEtradeFree { float: right; width: 488px; height: 29px; margin: 10px 10px 0 0; background: url(../images/subscribeEtradeFree-67427e2aa2.png); } .sbsBerman { position: relative; float: right; width: 232px; /* this is the width of .sbsSidebar, minus the padding-left value */ padding-left: 270px; /* width of image */ min-height: 400px; background: url(../images/subscribeBermanFolio-4bd1bb2e4c.png) no-repeat; color: #555; font-size: 13px; line-height: 18px; } .sbsBerman p { margin: 0 0 18px; } .sbsBermanSamples { position: absolute; left: 0; top: 330px; width: 250px; } .sbsBody form { font-size: 13px; margin-top: 30px; } .sbsBody form td, .sbsForm td { padding: 3px 20px 3px 0; } .sbsBody label, .sbsForm label { margin: 0 5px; position: relative; top: -2px; /* this makes the alignment with checkboxes/radioboxes look right */ } .sbsForm table input[type=text] { width: 240px; margin-right: 10px; border: 1px solid #aaa; padding: 2px; font-size: 12px; } #sbsBillingDiv .green { color: #48A32A; } .sbsRequired { color: #f00; display: inline-block; width: 5px; } .sbsMessage { color: #999; font-family: sans-serif; font-size:11px; } .sbsInputSmall { width: 85px !important; /* needs to be important to override "#sbsBillingDiv table input" */ } .sbsInputMed { width: 110px !important; /* needs to be important to override "#sbsBillingDiv table input" */ } .sbsInputLarge { width: 180px !important; /* needs to be important to override "#sbsBillingDiv table input" */ } .sbsForm select { margin-right: 5px; } .sbsDisclaimer { color: #666; } .sbsDisclaimer span { color: #000; font-weight: bold; } .sbsBody .priButton { width: 114px !important; /* needs to be important to override "#sbsBillingDiv table input" */ border: 0 !important; /* needs to be important to override "#sbsBillingDiv table input" */ } .sbsBody .spinner, .sbsForm .spinner { position:absolute; bottom: 29px; left: 75px; } .sbsInvalid { background: #ffc0c0; border: 1px solid #888 !important; /* needs to be important to override "#sbsBillingDiv table input" */ } .sbsDisabled { color:#ccc; } #sbsError { color: #f00; font-size: 14px; margin-top: 30px; } /* style applied to small reminders/disclaimers at end of subscription forms */ .sbsPS { color: #666; font-size: 11px; } #sbsBillingDiv .ctaButton { width: 150px; } .sbsCouponEntry { display:none; } .sbsBottomBtnHolder { height:105px; width:400px; position:relative; text-align: center; } /* --------------------- upsell page ---------------------------- */ h2.sbsUpsPrompt { font-size: 18px; font-weight: bold; margin: 10px 0 20px; } .sbsUpsWrapper { float: left; width: 100%; border: 1px solid #ccc; border-radius: 3px; } .sbsUpsList { float: left; background: #eee; width: 280px; height: 400px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .sbsUpsList table { width: 100%; } .sbsUpsList th { font-size: 10px; color: #888; padding: 3px 0; font-weight: normal; } .sbsUpsList td { height: 35px; line-height: 35px; font-size: 14px; color: #39f; cursor: pointer; _cursor: hand; position: relative; } .sbsUpsCheck { width: 24px; height: 25px; background: url(../images/upsellCheckboxes-49eedb18e0.png); } .sbsUpsCheckSelected { background-position: 0 -25px; } .sbsUpsCheckDisabled { background-position: 0 -50px; } .sbsUpsList .inner { position: relative; height: 35px; } .sbsUpsArrow { position: absolute; right: -18px; top: 0; width: 18px; height: 35px; background: url(../images/upsellOrangeArrow-88cc87e940.png); display: none; } .sbsUpsSelected { background: #f60; } .sbsUpsSelected td { color: #fff; font-weight: bold; } .sbsUpsSelected .sbsUpsArrow { display: block; } .sbsUpsDetail { margin-left: 330px; } .sbsUpsSlide { display: none; } .sbsUpsDetail img { display: none; } .sbsUpsDetail h3 { margin: 20px 20px 30px 0; font-size: 18px; line-height: 24px; } .sbsUpsEvents { float: right; display: inline; margin-right: 50px; width: 205px; } .sbsUpsEvents ul { margin: 0; padding-left: 20px; color: #666; } .sbsUpsBtns { text-align: center; position: relative; clear: both; padding: 20px 0 30px; } .sbsUpsSkip { position: absolute; top: 35px; margin-left: 15px; } /* ----------------------- subscription footer ------------------------ */ .sbsFooter { } .sbsFooter div { float: left; margin: 20px 150px 0 10px; display: inline; padding-top: 80px; color: #666; font-family: Times New Roman, serif; text-align: center; background: no-repeat 50% 0; width: 200px; font-size: 14px; line-height: normal; } .sbsFooter .forbes { background-image: url(../images/logo/forbes147x60-f0026b50f6.png); } .sbsFooter .nyt { background-image: url(../images/logo/nytlogo150x75FF-cb13a333f0.png); } .sbsFooter .mashable { background-image: url(../images/logo/mashable150x74FF-a7bf43353d.png); } .sbsFooter div.last { float: right; margin-right: 10px; } /* ----------------------- CVV popup ----------------------------------- */ #sbsCvvPopup { width: 320px; margin-left: 320px; } #sbsCvvPopup .popupPaneTopBottom { width: 300px; } .sbsCvv { background: url(../images/cvvExample-d930bddb30.png); width: 248px; height: 103px; } .sbsCvvAmex { height: 129px; background-position: 0 -103px; } /* --------------------------- subscription status dots in upper right ------------------------------ */ .sbsStatusCont { padding: 10px 0 10px 20px; margin: 20px 0; border: 1px solid #ccc; border-width: 1px 0; } .sbsStatus { display: inline-block; padding-right: 40px; color: #999; font-size: 13px; line-height: 20px; /* this should match the height of the blue/grey circles */ } .sbsStatusOn { color: #333; font-weight: bold; } .sbsStatus .orangeDot { background-position: 0 -53px; margin-right: 5px; } .sbsStatusOn .orangeDot { background-position: 0 0; } /* -------------------- seals -------------------- */ .sbsSeals { float: right; clear: right; width: 450px; } .AuthorizeNetSeal a:hover, .AuthorizeNetSeal a:active, .VerisignSeal a:hover, .VerisignSeal a:active { background-color: transparent; } .sbsSeals .AuthorizeNetSeal { display: inline-block; /* position:absolute; bottom:28px; left:162px;*/ } #sbsBillingDiv .VerisignSeal { display: inline-block; margin-left: 40px; /*position: absolute; bottom: 13px; left: 270px;*/ } /* ------------------ CSS for E*TRADE webinar page ------------------ */ .sbsWebBody .sbsMain { width: 100%; font-size: 14px; line-height: 18px; } .sbsWebPrompt { color: #f60; font-weight: bold; font-size: 16px; margin-bottom: 20px; } .sbsWebClass { color: #888; font-weight: bold; margin-bottom: 10px; } .sbsWebTitle { font-weight: bold; width: 600px; } .sbsWebDesc { color: #333; width: 600px; } .sbsWebEl { margin-bottom: 5px; } .sbsWebDate { font-weight: bold; } .sbsWebBody .sbsMain .hr { margin: 30px 0; } .sbsWebFuture { float: left; width: 260px; } .sbsWebBox { background: #f0f0f0; border: 1px solid #d6d6d6; float: left; padding: 10px; color: #000; width: 320px; margin-bottom: 30px; border-radius: 4px; } .sbsWebBox h3 { color: #f60; font-weight: bold; margin: 0; } .sbsWebBox ul { list-style-type: none; margin: 0; padding: 0; } .sbsWebBox li { background: url(../images/subscribeEtradeWebinarCaret-0b39956894.png) no-repeat 0 5px; margin: 6px 0; padding: 0 0 0 12px; } .pricing .pricingSection { max-width: 48%; display: inline-block; vertical-align: top; } .pricing .pricingSection:first-child { padding-right: 3%; } .pricing .pricingHeader { font-size: 16px; font-weight: bold; color: #333333; } .pricing ul { padding-left: 0.5ex; font-size: 14px; color: #333333; } .pricing li { margin-top: 1em; margin-left: 1em; } .ui-tooltip { width: 450px; padding-top: 18px; padding-left: 14px; } .slcBody .slcSideBox .loginPaneIframe { width:450px; } .nielsenDemoHeading{ font-size:18px; font-weight: normal; } .nielsenDemoText{ padding-top:20px; color:orange; font-weight: normal; font-style: italic; } .nielsenLogo{ display:inline-block; float:right; background: url(../images/nielsenLogoSmall-1c5391fc50.png) no-repeat 0 5px; padding-right:10px; width:135px; height:48px; /* thse settings align the logo to the right side of the sign in link in the header */ right: 23px; position: relative; z-index: 2; } .csBody { line-height: normal; } .csBody .roundedBox { font-size: 14px; margin-top: 10px; } .csBody h1 { font-size: 18px; font-weight: normal; } .csBody h2 { font-size: 14px; font-weight: bold; margin: 30px 0 10px; } .csBody h2 span { font-size: 12px; font-weight: normal; } #csPriceNo { margin-left: 50px; } #csQ1A { display: none; margin: -10px 0 0 20px; } .csDesiredFeature { width: 250px; } .csBody table { width: 100%; } .csBody label span { font-size: 12px; } .csBody .priButton { margin-top: 20px; } #prorefContainer { padding: 20px; } #prorefContainer p { width: 600px; } #prorefContainer label{ float: left; clear: left; width: 200px; margin: 23px 20px 0 0; font-weight: bold; } #prorefContainer input { float: left; margin-top: 20px; width: 400px; border: 1px solid #ccc; padding: 4px; } #prorefContainer textarea { float: left; width: 400px; height: 40px; margin-top: 20px; border: 1px solid #ccc; padding: 4px; } #prorefContainer #ppl_inviteMsg { height: 200px; } #prorefContainer .gbutton { float: left; display: inline; margin: 20px 0 0 220px; clear: left; } #entryArea { z-index:2; position:relative; } #modelArea { z-index:1; } .cts_editBox { display:none; margin:0 20px; } .cts_entryPanel { margin-top: 15px; } .cts_invitePanel { text-align:center; position:relative; } .cts_Bubble { background: no-repeat url(../images/commentBubble-62bbd75d77.png); background-position : 0px 1px; font-size : 11px; width: 24px; height: 20px; float : right; text-align : center; color: #FFF; } .cts_l90 { margin-left : 90px; } .cts_m100 { margin-right : 100px; } .cts_entryBox { margin-top : 10px; padding-right : 2px; } /* causes hasLayout in IE7 which fixes a bug in the slideDown animation */ .cts_replyBox { min-height: 1%; margin:0 20px; } /* this fixes an IE6 peekaboo bug */ .cts_expand { position: relative; } .cts_Entry { border:1px solid #D0D0D0; width : 100%; margin : 0px; } .cts_Carat { position : absolute; width : 13px; height : 7px; background: no-repeat url(../images/commentCarat-e62f3a8436.png); top : -7px; left : 40px; } #cts_rss { width : 55px; height : 20px; position : absolute; right:0; } .cts_sortOuter { position : relative; width:110px; height : 17px; } .cts_rssSym { width : 11px; height : 11px; background : no-repeat url(../images/rssIcon-149ee11730.png); position : absolute; top : 3px; left: 3px; } .cts_rssTxt { font-size : 10px; position : absolute; left: 17px; top : 1px; } .cts_rssTri { position :absolute; left : 40px; top : 4px; } #cts_rss .dropdownInner { right : 0px; height:17px; position:relative; } .cts_sort { position:absolute; right : 0px; height : 17px; width : 105px; border-left:1px solid #FFF; border-top:1px solid #FFF; border-right:1px solid #FFF; overflow : hidden; } .cts_sortTri { display : inline-block; margin-left: 5px; } .cts_sortOrder { margin-left: 5px; display : inline-block; } .cts_rssBlue .cts_sort { background-color:#fff; border-left:1px solid #39c; border-top:1px solid #39c; border-right:1px solid #39c; z-index:6; background: transparent url(../images/headerCompaniesBlueBG-070b052b94.png) scroll repeat-x 0 -7px; } #cts_rss .dropdownPopup { top : 17px; width : 200px; } .cts_sortPopup { position : absolute; z-index : 5; top : 17px; right : 0px; width : 105px; text-align : left; border: 1px solid #39C; background: #fff url(../images/headerCompaniesBlueBG-070b052b94.png) scroll repeat-x 0 -23px; } .cts_controls { margin-top : 5px; /* fixes an IE6 peekaboo bug */ zoom: 1; } .cts_nameDate { width : 90px; height : 100%; word-wrap: break-word; float:left; /* fixes an IE6 peekaboo bug */ position: relative; } .cts_orange { color: #ff6600; font-size:10px; } .cts_m3 { margin-left : 3px; margin-right : 3px; } .cts_red { color : #990000; } .cts_green { color : #009900; } .cts_thumb { width : 18px; height : 18px; background : no-repeat url(../images/thumbs-157de2daca.png); display:block; float:right; } .cts_up { background-position : 0px 0px; } .cts_upNotMoused { background-position : -18px 0px; } .cts_upVoted { background-position : -36px 0px; } .cts_upNotVoted { background-position : -54px 0px; } .cts_down { background-position : 0px -18px; } .cts_downNotMoused { background-position : -18px -18px; } .cts_downVoted { background-position : -36px -18px; } .cts_downNotVoted { background-position : -54px -18px; } .cts_commentPanel, #artPostComment .cts_broadcast { border-top: 1px dotted #CCC; padding : 5px; } .cts_comment { word-wrap : break-word; font-size: 13px; line-height: 18px; } .cts_reply { margin-top: 5px; padding-bottom : 5px; } .cts_replies { margin: 0 -5px 0 10px; border-left: 2px solid #CCC; } .cts_allreplies { margin-right : 10px; } .cts_upperL { border-color: #CCC; border-style: none none solid; border-width: 1px; padding : 5px; } .cts_upperR { padding : 5px; } .cts_mb10 { margin-bottom: 10px; } .cts_mt10 { margin-top : 10px; } .cts_page { padding : 5px; border-thickness : 1px; border-width : 1px; border-style : dotted none none; border-color: #CCC; } #postCommentPopup { position : absolute; left : 350px; top : 401px; width : 346px; border: 1px solid #f93; border-radius: 3px; background-color : #ffc; display : none; z-index:6; } .cts_broadcast { margin-top: 5px; padding: 5px; } .cts_broadcast input { margin-left:5px; } #postCommentPopup .cts_controls, #postCommentPopup .cts_broadcast { padding : 5px; border-top: 1px dotted #f93; } #postCommentPopup .cts_formattingGuide { padding : 5px 5px 0; } #postCommentPopup .cts_entryBox { padding : 0 5px; } .cts_formattingGuide { display : none; } .cts_m100 .cts_formattingGuide { margin-top : 5px; border-thickness : 1px; border-width : 1px; border-style : dotted none none; border-color: #CCC; } .cts_crumb { color: #808080; margin-left : 90px; } .cts_crumb_re { float : left; /* fixes an IE6 peekaboo bug */ position: relative; } .cts_crumb_trail { margin-left: 22px; } .cts_rate { text-align:right; float:right; /* fixes an IE6 peekaboo bug */ position: relative; } .cts_vm { text-decoration:none !important; } .cts_vm a { text-decoration:none !important; } .cts_forecasts { width:350px; height:225px; } .cts_tagsheader { font-weight: bold; margin-bottom: 10px; } .cts_tagsheader a { text-decoration: none; } .cts_priceheader { margin-bottom:10px; } .cts_priceheader span { font-weight: bold; } .cts_forecastWrapper { padding:10px 0 5px 10px; margin: 0 0 10px 10px; float:right; } .cts_forecastWrapper .chartWrapperTitle { color:#777; } .cts_filmstrip span, .cts_forecastWrapper .shareLink { display:none; } .cts_filmstrip a { position: absolute; top: 40%; background: url(../images/slideshowArrow-e1c4da2eb0.png) repeat scroll 0 0 transparent; cursor: pointer; display: block; height: 29px; outline: medium none; text-indent: -9999px; width: 28px; } a.cts_filmstrip-right { right: -14px; background-position: -28px 0; } .cts_filmstrip-left { left: -24px; } a.cts_filmstrip-left:hover { background-position: 0 -58px; } a.cts_filmstrip-right:hover { background-position: -28px -58px; } a.cts_filmstrip-left:active { background-position: 0 -87px; } a.cts_filmstrip-right:active { background-position: -28px -87px; } a.cts_filmstrip-left-disabled { background-position: 0 -29px !important; cursor: default; } a.cts_filmstrip-right-disabled { background-position: -28px -29px !important; cursor: default; } /* css for commentChart.jsp template */ .cts_commentChart { padding: 20px 18px 10px; } .cts_commentChart .cts_nameDate { width: 115px; } .cts_commentChart .cts_comment { margin-top: 12px; margin-left: 115px; } .cts_commentChart .cts_reply { line-height:18px; padding: 15px 0 0; margin: 0 0 0 115px; /* margin should match width of .cts_nameDate */ clear: both; } .cts_underChart { width:360px; font-size: 11px; float:right; } .cts_underChart .cts_rate { float:left; text-align:left; } .cts_underChart .rated { float:left; width: 51px; /* accounts for 10px margin on LHS, 2 18px wide icons, and 5px space between them */ } .cts_commentChart .artShrTweet { float: right; top: 2px; margin: 0 6px 0 0; } .cts_calloutIcon { width:10px; height:9px; line-height: 9px; overflow: hidden; background: url(../images/addapricePrompt-5290b0df16.png) repeat scroll 0 -72px transparent; margin-top:3px; } .cts_commentCount { color:#000; margin-left:5px; } .cts_commentChart .cts_replyBox { margin-left:115px; width:435px; } .cts_commentChart .cts_editBox { width:420px; margin: 0 0 0 115px; } .cts_greyCarat { background: url(../images/addapricePrompt-5290b0df16.png) repeat scroll 0 -66px transparent; width:8px; height:6px; } .cts_commentText .imgWrapper { display: inline-block; text-align: center; } .cts_commentText .caption { color: #888; font-style: italic; } .cts_clippedText{ color: #888; font-style: italic; border: 1px dashed; padding:2px; margin-bottom:5px; } .cts_clippedImageThumb{ height:45px; vertical-align:top; } #cqe_changecompany .cts_greyCarat { position:absolute; right:7px; top:13px; } #cqe_clp { position: absolute; top:20; left:-100; } /* ----------------------- company list popup ------------------------ */ .clp { display: none; z-index:5; width:822px; } .clp .shadowContent { padding: 0 10px 10px; border: 1px solid #AAA; background: #fff url(../images/headerCompaniesBlueBG-070b052b94.png) scroll repeat-x 0 -29px; } .clp h2 { color: #666; font-size: 16px; margin: 15px 3px 10px; } /* this is the style for the "get the entire sector, subscribe now" message next to restricted sectors */ .clp h2 .signup { color: #333; font-size: 12px; font-weight: normal; } .clp h3 { color: #999; font-size: 11px; font-weight: normal; margin: 3px; min-width: 80px; } .clp p { color: #999; /* this determines the color of the restricted companies; the accessible ones are links and thus get a blue color */ margin: 0 3px; } .clp table { margin-bottom: 20px; width:800px; } .clp .spinner { width:800px; height: 80px; } .clp .subscribeIcon { margin: -16px 5px 0 30px; position: relative; top: 6px; } #addapricePopup { border-radius: 5px; display: none; background-color:#fff; margin-left: 50px; width: 860px; } #addapricePopup iframe { width:860px; height:1000px; margin:10px 0; border:none; } #addapricePopup .footer { position: absolute; width: 860px; bottom: 0pt; height: 15px; background-color:#f5f5f5; border-radius: 5px; } 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; } #accessPopupHolder, #canSaveModelPopupHolder { width:530px; margin-left:215px; margin-top:300px; } #accessPopupHolder .inner, #canSaveModelPopupHolder .inner { padding:25px; background-color:#fff; border-radius: 5px; } .mirroredSankey { background-image:url(../images/mirrorSankey-91eebb11a8.png); width:233px; height:191px; } .mirroredSankeySmall { background-image:url(../images/mirrorSankeySmall-97bc9ec3c2.png); width:90px; height:74px; } #accessPopupHolder .startTrial { width:220px; float:right; } .littleLearnMore { font-size: 10px; text-decoration: none !important; } #accessPopupHolder .littleLearnMore { margin-left: 52px; } .startTrial ul { margin : 10px 0; padding-left:20px; } .startTrial li { margin : 0; padding : 0; line-height: 22px; font-size:12px; } .acp_subtitle { font-size:18px; font-weight:bold; line-height:20px; margin-bottom:10px; } .acp_cancelBtn { margin-left: 30px; } #accessPopupHolder .divider { clear:both; width:100%; height:10px; border-bottom: solid 1px #ccc; } #accessPopupHolder .notreadyyet { padding:25px 0; } #accessPopupHolder .notreadyButtons { margin-bottom:20px; } #accessPopupHolder .obutton { left:12px; } #accessPopupHolder a { text-decoration: none !important; } /* can save model popup */ #canSaveModelPopupHolder { line-height: 20px; } .csp_why { margin-bottom:20px; } #canSaveModelPopupHolder .startTrial .orange_h4 { float: right; width: 140px; margin:10px 0; text-align: center; } #canSaveModelPopupHolder .startTrial ul { margin:0; padding-left:0 14px; } #canSaveModelPopupHolder .startTrial { height:250px; width:240px; margin:0; position:relative; } .csp_proUpgradeBtnHolder { position:absolute; bottom:15px; left:12px; } #canSaveModelPopupHolder .littleLearnMore { position:absolute; bottom:0; left:50px; } .csp_models { margin:0; padding:0; list-style-type:none; } .csp_models li { position:relative; display:block; } .csp_models a { display:block; } .csp_greyx { background: transparent url(../images/addapricePrompt-5290b0df16.png) no-repeat scroll 0 -145px; width:14px; height:14px; } .csp_models .csp_greyx, .csp_models .csp_undo { position:absolute; right:4px; } .csp_models .csp_undo { text-decoration: underline; display:none; top:0; } .csp_models .csp_greyx { top:4px; } .csp_deleteSaved { float:right; width:230px; border-left:1px solid #ccc; position:relative; min-height:250px; /* the following two are for ie6, see http://www.dustindiaz.com/min-height-fast-hack/ */ height:auto !important; height:250px; } .csp_deleteSaved .csp_or { position:absolute; left:-10px; top:110px; background-color: #fff; padding:10px 0; } .csp_deleteSaved_inner { height:100%; padding: 0 0 0 25px; } .csp_cancel_okay { position:absolute; bottom:15px; height:29px; left:32px; width:150px; } .csp_cancel_okay .gbutton2 { width:50px; position:absolute; top:0; } #csp_okBtn { right:0; } #csp_cancelBtn { left:0; } .csp_bottom { line-height:14px; margin-top:30px; } /** CSS for arrows with square backs. Useful for when the left/right arrows are touching next to each other */ .arrowNext, .arrowPrev { background : url(../images/driverNext-938aca3952.png) no-repeat 0 -87px; background-color: transparent !important; width : 28px; height : 29px; display: block; cursor: default; } .arrowPrev { background-image: url(../images/driverPrev-5ea3d00aae.png); } .arrowEnabled { background-position : 0 0; cursor: pointer; _cursor: hand; } .arrowEnabled:hover { background-position : 0 -29px; } .arrowEnabled:active { background-position : 0 -58px; } .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%; } .cmpTopBar { text-align:right; margin-bottom:20px; } .cmpTitle { float:left; display:inline-block; } .cmpSuggest { display:inline-block; line-height: 24px; z-index: 2; text-align:left; } .cmpSuggest input { border: 1px solid #ccc; width: 170px; padding: 3px; } .cmpSuggest a { display: inline-block; } .cmpBody .suggestAnnounce { position: absolute; top: 55px; right: 0; width: 250px; z-index: 2; } .cmpBody h1 { font-size: 24px; line-height: normal; color: #999; font-weight: normal; margin: 16px 0; } .cmpCont { background: #e0e8f3; clear: right; } .cmpProIcon { display: inline-block; width: 35px; height: 14px; text-indent: -9999px; background: url(../images/subscribeSmallestIcon-0c77555768.png); } .cmpSelected { background: url(../images/relatedCompaniesLHSCaretDown-32f8738b79.png) no-repeat 8px 6px; } .cmp { background: #fff; padding-left: 15px; overflow: auto; } .cmpProHeader { float: right; padding: 12px 15px 0 0; line-height: 22px; } .cmpProHeader a { background: url(../images/homeSubscribeButton-99841fb0b8.png); display: inline-block; width: 166px; height: 22px; text-indent: -9999px; } .cmpBody h3 { font-size: 14px; font-weight: bold; color: #000; margin: 0; padding: 15px 0 20px; } .cmpTblCont { margin-right: 18px; } .cmpTbl { width: 100%; margin-bottom: 20px; } .cmpTbl sup { color: #fd8d49; font-weight: bold; } .cmpTbl th { font-size: 11px; font-weight: normal; border-bottom: 1px solid #ccc; } .cmpTblHdr { color: #333 !important; background-color: transparent !important; text-decoration: none; font-weight: normal !important; display: inline-block; padding-right: 10px; } .cmpTblHdrAsc, .cmpTblHdrDesc { padding-right: 9px; background: url(../images/relatedCompaniesSortCaret-b00a9dd39c.png) no-repeat right 6px; } .cmpTblHdrDesc { background-position: right -14px; } .cmpTbl td { border-bottom: 1px dotted #ccc; padding: 0; } .cmpTbl a { font-weight: bold; } .cmpTbl .goButton { float: right; margin-top: 11px; } .cmpUps { width: 50px; float: right; } .cmpPos { color: #090; } .cmpNeg { color: #f00; } .cmpTbl tr.last { border-bottom: 1px solid #ccc; } .cmpBtm { float: left; width: 310px; margin: 20px 15px 0 0; } .cmpBtm a { text-decoration: none; font-weight: bold; } .cmpBtmLink { position: absolute; left: 25px; bottom: 17px; color: #06c; } .cmpBtmInner { height: 402px; padding: 0 25px; } .cmpBtm h2 { text-align: center; margin: 17px 0; } .cmpArticle { height: 48px; /* 3 lines of 16px each */ overflow: hidden; } .cmpUpDownIdeas { width: 100%; line-height: 22px; } .cmpUpDownIdeas th { font-weight: normal; padding: 0 0 10px; } .cmpUpDownIdeas td { padding: 0; height: 22px; } .cmpSocial { text-align: center; padding: 40px 0 64px; line-height: 23px; font-size: 13px; clear: both; background: url(../images/relatedCompaniesFade-80e31967c5.png) no-repeat 50% bottom; } .cmpSocial span { font-weight: bold; } .cmpSocial a { display: inline-block; height: 23px; padding-left: 30px; margin-left: 10px; background: url(../images/relatedCompaniesSocialIcons-c64c93a1d5.png) no-repeat; text-decoration: none; } /* unneeded because it's already the default .cmpSocial .fb { background-position: 0 0; } */ .cmpSocial .tw { background-position: 0 -23px; } .cmpSocial .rss { background-position: 0 -46px; } .cmpSocial .email { background-position: 0 -69px; } .companyGroup{ display:inline-block; padding-top:10px; padding-bottom:10px; } .companyGroupName{ font-size: 11px; font-family: Helvetica; text-transform: uppercase; font-weight:normal; text-align: center; } .companyGroupPrice{ font-size:22px; font-family: Helvetica; font-weight:bold; text-align: center; } .companyGroupUpDown{ font-size: 11px; font-family: Helvetica; font-weight:normal; text-align: center; } .cmpTab{ display:inline-block; padding:10px; } .cmpBody .mod_statL { left : -25px; bottom : 4px; } .cmpBody .mod_statR { left : 180px; bottom : 4px; } .cmpBody .mod_stat{ margin-left:31px; margin-right:31px; } .cmpBody .header{ pointer:hand; cursor:hand; } .cmpBody .tablesorter-headerAsc { padding-right: 9px; background: url(../images/sortCaretLgDown-b94dda4041.png) no-repeat right 50%; background-color:#FFFFCC; } .cmpBody .tablesorter-headerDesc { padding-right: 9px; background: url(../images/sortCaretLgUp-7fe6502a9c.png) no-repeat right 50%; background-color:#FFFFCC; } .tabBar{ position:relative; vertical-align: bottom; } .tabBarElement{ display:inline-block; position:relative; bottom:0; } .cmpAnalystName { font-size: 14px; margin: 0 0 5px; } .welcome .priHeader { margin-bottom: 20px; } .welcomeRHS { float: right; margin-top: 80px; } .welcomeRHS .gbutton { display: inline-block; } .welcomeLHS { width: 550px; float: left; } .welcomeLHS .roundedBox { margin-top: 20px; } .welcomeLHS .inner { padding: 12px; } .welcome h2 { font-size: 18px; line-height: 24px; font-weight: normal; } .welcomeLHS h2 { margin: 8px 6px; padding-left: 30px; background: url(../images/welcomeIcons-d2006dba1c.png) no-repeat; overflow: hidden; } .welcomeLHS a { text-decoration: none; } .welcomeArtTitle { text-align: center; font-size: 16px; } .welcomeArtLHS { float: left; margin: 15px; } .welcomeArt .more-link { font-size: 12px; font-weight: normal; } .welcomeCompany h2 { background-position: 0 -24px; } .welcomeCompany .imgWrapper { float: left; position: relative; } .welcomeCoImg { float: right; width: 350px; height: 204px; margin-bottom: 10px; background: url(../images/welcomeAAPL-274e262d6a.png); position: relative; } .welcomeComments h2 { background-position: 0 -48px; } .welcomeComments table { width: 100%; } .welcomeComments td { padding: 15px 0; } td.welcomeCommAuth { padding: 15px 20px; white-space: nowrap; } .welcomeComments img { width: 120px; } .welcomeSeeAll { clear: both; float: right; position: relative; white-space: nowrap; } .imgWrapper { background: none !important; } .pricesBar { float: right; display: inline; width: 350px; } .pricesBarBlock { float: right; text-align: right; margin-left: 40px; height: 32px; } .pricesBarPrice { font-size: 18px; line-height: 24px; position: relative; top: -2px; font-weight: bold; color: #000; } .pricesBarPrice span { font-size: 16px; font-weight: normal; position: relative; top: -1px; } .pricesBarCaption { font-size: 12px; line-height: 12px; position: relative; top: -6px; color: #666; } .pricesBarPos { color: #1faa1f; } .pricesBarNeg { color: #f00; } .filmstripOuter { overflow: hidden; } .filmstripInner { position: relative; left: 0; } .filmstripBlock { float: left; } 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; } 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; } /* --------------- little grey button ----------------- */ a.smallGreyButton { background-color:transparent; } .smallGreyButton .leftCap { display: block; height:21px; width:12px; overflow:hidden; background: transparent url(../images/smallGreyButton-1a991b9795.png) no-repeat scroll 0 0; position:absolute; left:-12px; top:0; } .smallGreyButton { background: transparent url(../images/smallGreyButton-1a991b9795.png) repeat-x scroll 0 -21px; color: #666 !important; border:0 none; cursor: pointer; _cursor: hand; font-size:11px; font-weight:bold; height:21px; text-align:center; display: inline-block; line-height: 21px; vertical-align:center; position:relative; outline: none; /* hide dotted outline in Firefox */ margin: 0 12px; } .smallGreyButton .rightCap { display:block; height:21px; width:12px; overflow:hidden; background: transparent url(../images/smallGreyButton-1a991b9795.png) no-repeat scroll 0 -42px; position:absolute; right:-12px; top:0; } a.smallGreyButton:hover .leftCap { background-position: 0 -63px; } a.smallGreyButton:hover { background-position: 0 -84px; } a.smallGreyButton:hover .rightCap { background-position: 0 -105px; } a.smallGreyButton:active .leftCap { background-position: 0 -126px; } a.smallGreyButton:active { background-position: 0 -147px; } a.smallGreyButton:active .rightCap { background-position: 0 -168px; } /* Trefis custom dialog additions. */ .dialogHeader { position: absolute; height: 75px; width: 100%; z-index: -1; left: 0; top: 0; background-color: #d6d6d6; background-image: linear-gradient(top, #ffffff, #d6d6d6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffd6d6d6); } .dialogFooter { position: absolute; height: 75px; width: 100%; z-index: -1; left: 0; bottom: 0; background-color: #d6d6d6; background-image: linear-gradient(top, #d6d6d6, #ffffff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd6d6d6, endColorstr=#ffffffff); } .dialogClose { width:28px; height:29px; background: url(../images/closeButtonCir-a489ab78a0.png); cursor:pointer; position: absolute; right: -14px; top: -15px; z-index: 2; } /*! jQuery UI - v1.10.3 - 2013-07-29 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Custom Trefis */ .ui-dialog, .ui-dialog.ui-widget-content { position: absolute; width: 300px; background: #a6a6a6; overflow: visible; outline: none; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3); /* don't add corresponding dropshadow filters for IE here, because in IE8 they prevent the close button in the upper right from rendering properly -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#999999, direction=180, strength=3)"; filter: progid:DXImageTransform.Microsoft.Shadow(Color=#999999, direction=180, strength=3); */ } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; background: transparent; border: none; color: #090; font-size: 1.5em; font-weight: bold; text-align: left; } .ui-dialog .ui-dialog-title { color: #212121; font-size: 14pt; font-family: 'Gotham, Helvetica, Arial, sans-serif'; position: relative; top: 7px;} .ui-dialog .ui-dialog-titlebar-close { display: none; } .ui-dialog .ui-dialog-content, .ui-dialog-content.ui-widget-content { border: 0; background: transparent; border: none; overflow: auto; zoom: 1; text-align: left; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("images/animated-overlay.gif"); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* For IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { -webkit-filter: inherit; filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to overide default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertical centre icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Helvetica,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(../images/ui-bg_highlight-soft_100_eeeeee_1x100-384c3f1770.png) 50% top repeat-x; color: #333333; } /*.ui-widget-content a { color: #333333; }*/ .ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(../images/ui-bg_gloss-wave_35_f6a828_500x100-58d2cd501e.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(../images/ui-bg_glass_100_f6f6f6_1x400.png#Version) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(../images/ui-bg_glass_100_fdf5ce_1x400-d26e8f4631.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400-e5a8f32e28.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fed22f; background: #ffe45c url(../images/ui-bg_highlight-soft_75_ffe45c_1x100-5da3d7f275.png) 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #b81900 url(../images/ui-bg_diagonals-thick_18_b81900_40x40.png#Version) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(../images/ui-icons_222222_256x240-ebe6b6902a.png); } .ui-widget-header .ui-icon { background-image: url(../images/ui-icons_ffffff_256x240-342bc03f62.png); } .ui-state-default .ui-icon { background-image: url(../images/ui-icons_ef8c08_256x240-ef9a6ccfe3.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(../images/ui-icons_ef8c08_256x240-ef9a6ccfe3.png); } .ui-state-active .ui-icon { background-image: url(../images/ui-icons_ef8c08_256x240-ef9a6ccfe3.png); } .ui-state-highlight .ui-icon { background-image: url(../images/ui-icons_228ef1_256x240.png#Version); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(../images/ui-icons_ffd27a_256x240.png#Version); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius -Trefis customized- */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 10px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 10px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 10px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 10px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #666666 url(../images/ui-bg_diagonals-thick_20_666666_40x40.png#Version) 50% 50% repeat; opacity: .5; filter: Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(../images/ui-bg_flat_10_000000_40x100.png#Version) 50% 50% repeat-x; opacity: .2; filter: Alpha(Opacity=20); border-radius: 5px; } /* @include infrastructure/orangePrompt.css @include components/smallGreyButton.css @include lib/jquery-ui-1.10.3.css */ .mtf_sidenav { float: left; position: relative; z-index: 2; /* z-index above mtf_middle so the selected filter arrows overlap the middle content */ width:170px; padding-left:10px; overflow: visible; } .mtf_middle { float: left; width:765px; min-height: 800px; padding: 10px 0 0 10px; border-left: 1px solid #d3d3d3; } .mtf_element_wrapper{ margin-bottom:30px; overflow: hidden; padding-left:10px; } .mtf_element_content_wrapper{ float:right; width:530px; display:inline-block; } .mtf_element_thumb_wrapper{ width:200px; text-align: center; float:left; border: 1px solid silver; padding:2px; } .mtf_element_wrapper .generic_expandable_image_expanded { width: auto; } .generic_expandable_image { position: relative; cursor: pointer; _cursor: hand; } .generic_expandable_image_icon { position: absolute; left: 0; top: 0; width: 29px; height: 24px; background: url(../images/expandableImageIcon-5bdb479e6d.png); } .generic_expandable_image_expanded .generic_expandable_image_icon { background-position: 0 -24px; } .generic_share_popup_toggle { padding-left: 18px; background: url(../images/grayShare-47ae618a18.png) no-repeat 0 50%; } #myTrefisFeedWrapper { position: relative; } .mtf_element_content{ font-size:12px; line-height: 18px; } .mtf_element_content_short { overflow: hidden; max-height: 54px; /* equals 3 rows of text */ } .mtf_element_content_long { display: none; } LI.headerlink.feedFilter , LI.headerlink.feedFilter A, .mtf_element_wrapper .headerlink{ font-size: 18px; font-weight: bold; } .mtf_element_subtitle_bar{ color:gray; font-size:11px; } .mtf_element_toolbar { list-style-type: none; padding: 20x 0 5px; margin: 0; font-size:11px; } .mtf_element_view_replies_wrapper, .mtf_element_share { display:inline-block; padding: 0 10px 0 0; margin: 0; } .mtf_element_subtitle_bar li { display:inline; padding-right:10px; } .mtf_element_tags{ float:right; padding-right:10px; } .mtf_element_replies_wrapper{ margin-left:20px; border-left:1px solid silver; padding-left:5px; } .mtf_element_reply_dummy { width: 98%; height: 20px; } .mtf_element_replies_wrapper .cbCont { display: none; } .mtf_element_replies_wrapper .cbBox { height: 60px; } .mtf_reply_count_icon{ color:white; text-align:center; background: url(../images/orangeTalkBox-7bce8d6c64.png) no-repeat; width:19px; height:17px; display:inline-block; vertical-align:middle; font-weight:bold; } .post_subtitle_bar{ color:gray; font-size:11px; } .post_contributor_name { font-weight: bold; font-size: 13px; color:333; } .mtf_element_wrapper .byline{ font-weight: bold; font-size: 13px; color:333; } .mtf_element_wrapper .byline_large { font-size: 16px; } .tf_compactcomment_wrapper{ padding-bottom:10px; } .mtf_element_toolbar .addToMyCollectionControlsWrapper{ width:140px; display:inline-block; } textarea#takeaway { width:100% } .ui-dialog .ui-dialog-content { overflow: hidden; } .mtf_element_view_replies_wrapper{ width:100px; display:inline-block; } .mtf_element_content .posUpside { background: url(../images/posUpsideArrow-0d59f519d4.png) no-repeat left 50%; padding-left: 12px; } .mtf_element_content .negUpside { background: url(../images/negUpsideArrow-dd675775a7.png) no-repeat left 50%; padding-left: 12px; } .mtf_element_thumb_subtext { font-weight: bold; font-size: 16px; line-height: 26px; } .mtf_spinner { height: 80px; width: 100%; background: url(../images/largeLoadingIcon-69f58b3c2c.gif) no-repeat 50% 50%; } .mtf_spinner_top { top: 100px; left: 0; position: absolute; z-index: 2; } .mtf_nothing { text-align: center; margin-top: 140px; } .mtf_nothing span { border: 1px dotted #ffd479; display: inline-block; padding: 20px; } .mtf_nothing_header { font-size: 24px; color: #f90; margin-bottom: 10px; } .mtf_nothing_subheader { font-size: 13px; font-weight: bold; color: #333; } /*************** comment box at top ********************/ .mtf_comment .cbCont { width: 560px; margin-bottom: 15px; } .mtf_comment .cbBox { height: 100px; } .mtf_comment .orangePrompt { display: block; float: right; position: static; width: 190px; } .mtf_comment .orangePrompt-text { display:none; } .mtf_comment .orangePrompt-text span { display: block; font-weight: bold; } .mtf_comment .orangePrompt-text:first-child { display: block; } /*************** CSS for nav bar on LHS ****************/ .mtf_nav_container { overflow: visible; } .mtf_nav_header { height: 120px; padding-right: 10px; } .mtf_username { font-weight: bold; } .mtf_nav_container h2 { font-size: 11px; font-weight: bold; color: #999; position: relative; height: 16px; line-height: 16px; margin: 30px 0 5px; } .mtf_nav_container h2 span { background-color: #fff; position: absolute; padding-right: 3px; } .mtf_nav_container .searchBoxWithMagWrapper { width: 150px; margin-top: 0; margin-bottom: 10px; } .mtf_nav_container .searchBoxWithMag { width: 140px; } .mtf_nav_container h2 div { height: 8px; width: 100%; border-bottom: 1px solid #e1e1e1; position: absolute; } .mtf_nav_container ul { padding: 0; margin: 0; list-style-type: none; overflow: visible; } .mtf_nav_container li, .mtf_nav_single_company { padding: 0; margin: 0; line-height: 24px; font-weight: bold; font-size: 14px; position: relative; overflow: visible; } .mtf_nav_companies { overflow: visible; } .mtf_nav_single_company { /* to make sure it clears the search box */ clear: right; } .mtf_nav_container a.headerlink:hover, a.mtf_nav_company:hover { background: transparent; } /* special indentation & styling for companies tree */ .mtf_nav_companies li a.headerlink { padding-left: 10px; } LI.feedFilter, LI.feedFilter A { color: #000; font-size: 14px; font-weight: normal; padding-left:10px; } LI.headerlink.feedFilter , LI.headerlink.feedFilter A { color: #005493; font-weight: bold; font-size:14px; padding-left:0px; } .feedFilterResultCount{ display:inline-block; float:right; background-color:silver; color:white; margin:4px; line-height:16px; width:26px; font-size:12px; text-align: center; font-weight: bold; } .mtf_nav_company { font-weight: normal; color: #000 !important; padding-left: 20px; margin-right: 20px; } .mtf_nav_company span { color: #999; font-size: 11px; font-weight: normal; } .mtf_nav_single_company .mtf_nav_company { font-weight: bold; padding-left: 0; } .mtf_nav_container li.filter-selected, .mtf_nav_single_company.filter-selected { background: url(../images/feedFilterArrow-f4925705ff.png) no-repeat; margin: -2px -14px -4px -15px; padding: 2px 14px 4px 15px; } .mtf_nav_container li.filter-selected a { color: #000; } .mtf_nav_single { display: none; } .mtf_nav_add { display: inline-block; margin: 5px 0; padding-left: 20px; background: url(../images/bluePlus-d9ebf5868c.png) no-repeat; } .mtf_nav_disctri { width: 9px; height: 9px; position: absolute; top: 6px; left: -3px; background: url(../images/discTriGrey-09f0711422.png); cursor: pointer; _cursor: hand; } .mtf_nav_list_open .mtf_nav_disctri { background-position: 0 -9px; } .filter-selected .mtf_nav_disctri { left: 12px; /* this is the -3px that's dfefault on mtf_nav_disctr, plus 15px to compensate for left padding of .mtf_nav_container li.filter-selected */ top: 8px; /* 6px that's default, plus 2px to compensate for filter-selected */ } /* company lists hidden by default */ .mtf_nav_following_list, .mtf_nav_collection_list { display: none; } .mtf_nav_following_edit { float: right; margin: 1px 16px 0 0 !important; } .mtf_nav_X { display: none; position: absolute; right: 0; top: 2px; width: 20px; height: 20px; background: url(../images/greyXButton-6ec8966fe1.png); } .mtf_nav_editmode .mtf_nav_X { display: block; } .mtf_nav_following_add { display: none; } .mtf_nav_editmode .mtf_nav_following_add { display: block; } .mtf_nav_emptytext, .mtf_nav_add_prompt { font-size: 11px; line-height: 14px; color: #666; font-weight: normal; margin: 5px 10px 20px; } .mtf_nav_add_prompt { margin: 5px 3px 5px; } .mtf_nav_emptytext span { display: inline-block; width: 13px; height: 13px; margin: 0 3px 0 1px; background: url(../images/bluePlus-d9ebf5868c.png) no-repeat; } /* by deafult, the "empty text" is not visible. If the emptytext_visible class is added, it should be visible, EXCEPT when we're in editing mode*/ .mtf_nav_emptytext, .mtf_nav_editmode .mtf_nav_emptytext_following { display: none; } .mtf_nav_emptytext_visible { display: block; } .mtf_element_wrapper.mtf_element_comment .mtf_element_content_wrapper{ border: 1px solid #CCCCCC; border-radius: 5px; padding:1px; } .mtf_element_wrapper.mtf_element_comment .mtf_element_subtitle_bar{ background-color: rgb(239, 239, 239); padding:4px; border-bottom:1px dotted #DCDCDC; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .mtf_element_wrapper.mtf_element_comment .mtf_element_content{ padding:5px; border-bottom:1px dotted rgb(239, 239, 239); } .mtf_element_wrapper.mtf_element_comment .mtf_element_toolbar{ padding-top:3px; padding-bottom:5px; } /************* CSS for requesting company coverage in left sidebar *****************/ .mtf_nav_suggest input { float: left; margin-top: 4px; width: 130px; } .mtf_nav_suggest a{ float: left; margin-left: 3px; } /* @include myTrefis.css */ /* * generic article page stuff */ .article #giraffe-RootContainer { width: 980px; } .article h1 { margin: 0 0 10px; font-size: 24px; line-height: 28px; } .article .post { margin: 0; } .artHR { height: 2px; line-height: 2px; background: #ccc; margin: 30px 0; } /* * the grey box used for various sections in the sidebar of the article page */ .greyBox{ background: #f1f4f9; border: 1px solid #adadad; border-radius: 5px; } .greyBoxInner { position: relative; } .greyBox h2 { color: #f60; font-weight: bold; font-size: 18px; margin: 0; padding-left: 35px; line-height: 30px; height: 45px; background: url(../images/headerIcons-97e968782d.png) no-repeat; } .greyBox h2 span { color: #000; } .greyBGGrad { height: 200px; width: 100%; position: absolute; background: #f1f4f9; background-image: linear-gradient(top, #ffffff, #f1f4f9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#fff1f4f9); border-radius: 5px; } .greyBoxContent { padding: 15px 10px; min-height: 200px; position: relative; } .greyBoxHR { border-top: 1px solid #ccc; border-bottom: 1px solid #fff; height: 0; line-height: 0; margin: 10px 0; } .article .greyBox { margin-top: 30px; } /* * Homepage-specific stuff */ .artListBlockRHS { margin-left: 170px; } .artListBlock .imgWrapper { float: left; width: 160px; height: 100px; text-align: center; } .artListBlock h2 { margin: 0 0 5px; font-size: 18px; line-height: 24px; } .artListBlock h2 a { color: #000; } .artListBody { font-size: 13px; line-height: 18px; height: 36px; overflow: hidden; margin: 5px 0 10px; } /* * Big featured article on home page */ .artBigLink { display: block; position: relative; margin-bottom: 30px; text-align: center; min-height: 350px; _height: 350px; } .artBigOverlay { position: absolute; width: 100%; left: 0; bottom: 20px; _background: #000; color: #fff; text-align: left; } .artBigOverlay a { color: #fff; } .artBigOverlayBG { position: absolute; width: 100%; height: 100%; background: #000; z-index: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity:0.8; } .artBigOverlayInner { padding: 15px 25px; z-index: 2; position: relative; } .artBigOverlayIdeas { background: #f60; width: 100px; height: 18px; line-height: 18px; font-size: 11px; padding-left: 3px; font-weight: bold; } .artBigOverlay h2 { margin: 10px 0; font-size: 18px; line-height: 24px; } .artBigSnippet { font-size: 13px; line-height: 18px; height: 36px; overflow: hidden; } /* * Relevant articles filmstrip at top of page */ .artRel { position: relative; margin-top: 5px; } .artRel .filmstripOuter { width: 100%; height: 95px; position: relative; top: 5px; } .artRel .filmstripInner { width: 9000px; height: 95px; border-left: 1px solid #d4d4d4; } .artRel .filmstripBlock { border-top: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; padding: 8px; background: #f2f2f2; font-size: 14px; line-height: 17px; /* IE6 hack: need a width so it doesn't cause a float drop */ _width: 300px; } .artRelBlockInner { height: 77px; /* 120px height of filmstripOuter, minus border and padding */ } .artRel .imgWrapper { float: left; height: 75px; /* IE6 hack: need a width so it doesn't cause a float drop */ _width: 120px; } .artRelBlockRHS { width: 170px; height: 77px; /* matches height of .artRelBlockInner */ float: left; margin-left: 8px; } .artRelCnt { color: #666; font-size: 10px; text-align: right; margin-bottom: 5px; } .artRelLHS { position: absolute; left: 0; top: 0; width: 146px; height: 104px; background: url(../images/relevantArticlesSides-c8347c8fea.png) -121px 0; } .artRelRHS { position: absolute; right: 0; top: 0; width: 121px; height: 104px; background: url(../images/relevantArticlesSides-c8347c8fea.png); } .artRelLHS div { color: #fff; margin: 35px 0 0 10px; font-weight: bold; } .artRel .arrowPrev { position: absolute; top: 34px; right: 31px; } .artRel .arrowNext { position: absolute; top: 34px; right: 5px; } /* * CSS for article body */ .article #content { float: left; position: relative; width: 640px; margin-top: 30px; } .artMarket { margin-top: 10px; } .artMarket img { float: left; } .artMarket .pricesBarPrice { font-size: 26px; } .artMarket .pricesBarBlock { margin-top: 25px; } .artMarket .pricesBarCaption { font-size: 14px; top: -1px; } .artMarketTicker { float: left; text-align: left; margin-left: 5px; } .artImg { text-align: center; margin: 10px 0 20px; overflow: hidden; } .artShrNew { height: 20px; margin: 10px 0; } .artShrNew .cts_rate { float: left; text-align: left; color: #808080; } .artShrNew .rated { float: left; width: 51px; } .artShrNew .cts_thumb { float: left; } .artShrNewShare { padding-left: 21px; background: url(../images/shareIcon-b55f82aa6e.png) no-repeat 3px 50%; } /* * Comments section at bottom of page */ .artCommentsWrapper { margin-top: 30px; } .artCommentsWrapper h2 { /* should match .greybox h2 */ color: #f60; font-weight: bold; font-size: 18px; margin: 14px 0; } /* override the default feed element skin, so that we hide the image thumbnail and make the text part expand to full width. We do this because the images will generally be the same (same company logo) for all comments on an article */ .artCommentsWrapper .mtf_element_thumb_wrapper { display: none; } .artCommentsWrapper .mtf_element_content_wrapper { width: 100%; } .artCommentsWrapper .mtf_nothing { margin-top: 50px; margin-bottom: 50px; } /* * RHS SIDEBAR */ .article .sidebar { float: right; width: 310px; } /* * "Interactive Analysis" section */ .artInt .imgWrapper { float: left; width: 180px; height: 120px; margin: 20px 10px 0 0; } .artInt img { width: 180px; height: 120px; } .artIntLink { width: 50px; margin-top: 50px; float: left; text-align: center; } .artInt .arrow-right { float: right; margin-top: 60px; } .article .adWrapper { margin: 30px 0 0 5px; } /* * Community comments teaser on RHS */ .artCom h2 { background-position: 0 -90px; } .artComTextCont { line-height: 18px; height: 36px; overflow: hidden; margin-top: 3px; } .artCom .gbutton { display: inline-block; } /* * Popular articles section on RHS bottom */ .artPop .greyBoxContent { /* decrease the padding to make the images fit side by side */ padding-left: 9px; padding-right: 9px; } .artPop h2 { background-position: 0 -45px; } .artPopLogo { float: left; margin-bottom: 10px; } .artPopTitle { color: #369; font-size: 24px; line-height: 26px; } /* * "people who read this also read" section */ .artAlso { font-size: 18px; line-height: 21px; } .artAlso h2 { background-position: 0 -135px; } .artAlso .filmstripOuter { position: relative; margin-left: 58px; width: 520px; height: 220px; } .artAlso .filmstripInner { width: 5000px; height: 220px; } .artAlso .filmstripBlock { margin-right: 20px; width: 180px; height: 220px; } .artAlsoImg { width: 160px; height: 100px; margin-bottom: 10px; } .artAlso .arrow-left { position: absolute; left: 15px; top: 110px; } .artAlso .arrow-right { position: absolute; right: 15px; top: 110px; } .artAlsoLink { height: 84px; /* 4 lines @ 21px line-height */ overflow: hidden; } /* * Article Slideshow */ .artSSHolder { height: 590px; } .artSSCont { position: absolute; left: 0; top: 280px; width: 100%; background: #3b3b3b; background-image: linear-gradient(top, #1d1d1d, #505050); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff1d1d1d, endColorstr=#ff505050); border-radius: 5px; } .artSSContInner { padding: 20px; } .artSSCont h1 { color: #fff; margin: 0 160px 0 0; } .artSSCont h1 span { color: #f60; } .artSSCnt { color: #f60; position: absolute; font-size: 14px; top: 28px; right: 55px; } .artSSCnt span { font-weight: bold; } .artSSCont small { color: #acacac !important; } .artSSCont .byline { color: #39f; } .artSSSlides { position: relative; height: 380px; margin-top: 15px; background: #000; } .artSSLogo { background: #fff; padding: 5px; float: left; border-radius: 5px; } .artSSCont .artMarket { float: left; width: 570px; margin-bottom: 15px; } .artSSCont .pricesBarPrice { font-size: 22px; color: #ccc; } .artSSCont .pricesBarPrice span { font-size: 22px; } .artSSCont .pricesBarCaption { font-size: 13px; color: #ccc; } .artSSCont .positive { color: #090; } .artSSCont .negative { color: #f00; } .artSSCont .artMarketTicker .pricesBarPrice { color: #fff; } .artSSCont .pricesBarBlock { margin: 6px 0 0 25px; } .artSSCont .artMarketTicker { margin-left: 10px; } .artSSCont .artShrNew { float: right; text-align: right; margin-top: 27px; } .artSSTitles { list-style-type: none; color: #888; margin: 0; padding: 0; font-size: 16px; line-height: 18px; width: 370px; height: 380px; float: right; overflow-y: auto; } .artSSTitles li { margin: 18px 20px; padding-left: 20px; background: url(../images/articleSlideshowDots-9a366e2b10.png) no-repeat 0 3px; overflow: hidden; } .artSSTitle { color: #888 !important; /* needs to be important for IE6 */ background: transparent !important; outline: none; } .artSSTitles a:hover { color: #f60 !important; /* needs to be important for IE6 */ } li.artSSTitle-selected { background-position: 0 -48px; color: #fff; } .artSSTitle-selected .artSSTitle { font-weight: bold; color: #fff !important; } .artSSCont .cts_rate, .artSSCont .cts_rate .grey, .artSSCont .artShrNewShare { color: #fff; } .artSSCont .artShrNewShare { background-image: url(../images/shareIconWhite-6f62eaf0a4.png); } .artSSCont .filmstripOuter { width: 570px; height: 380px; overflow: hidden; position: absolute; left: 0; top: 0; } .artSSCont .filmstripInner { width: 5000px; height: 380px; } .artSSCont a.arrow-left { left: -40px; top: -5px; position: absolute; background-image: url(../images/slideshowArrowOrange-38d4990458.png) } .artSSCont a.arrow-right { right: -40px; top: -5px; position: absolute; background-image: url(../images/slideshowArrowOrange-38d4990458.png) } .artSSCont .filmstripBlock { width: 570px; height: 380px; position: relative; text-align: center; overflow: hidden; } .artSSCaption { display: none; color: #fff; font-size: 13px; line-height: 16px; margin-top: 5px; } .artSSCaption a { color: #39f; } .artSSCaption a:hover { color: #000; } .artSSImageCaption { position: absolute; width: 100%; text-align: left; left: 0; bottom: 0; height: 14px; line-height: 14px; font-size: 11px; font-style: italic; color: #ccc; } .relevantArticles { float: left; width: 250px; padding: 1ex; padding-left: 0; margin-top: 1ex; margin-left: 0; margin-right: 2ex; margin-bottom: 1ex; border: 0; text-align: left; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; } .relevantArticles .title { font-weight: bold; } .relevantArticles ol { list-style-type: none; padding: 0; } .relevantArticles ol li { margin-top: 1ex; } .sharePopup { position: absolute; display: none; z-index: 9; background: #fff; border: 2px solid #000; padding: 5px; line-height: 18px; } .sharePopup ul { list-style-type: none; margin: 0; padding: 0; } .sharePopup li { margin: 0; padding: 2px 0; } .sharePopup a { display: inline-block; height: 18px; padding-left: 20px; background: url(../images/socialIcons18x18-0f9cfc9cab.png) no-repeat; } /* unnecessary, because 0 0 is the default .sharePopup .fb { background-position: 0 0; } */ .sharePopup .li { background-position: 0 -18px; } .sharePopup .tw { background-position: 0 -36px; } .pubtool { display: none; width: 1000px; height: 630px; position: absolute; z-index: 100; margin: 0 auto; /*background: #fff url(../images/largeLoadingIcon-69f58b3c2c.gif) no-repeat 50% 50%;*/ } .pubtool iframe { width: 100%; height: 630px; } .newStandardTabCont { border-bottom: 1px solid #d6d6d6; float: left; width: 100%; } .newStandardTab { border: 1px solid #d6d6d6; position: relative; top: 1px; background: #f8f8f8; float: left; margin-left: 10px; font-size: 13px; line-height: 18px; padding: 10px 20px; text-decoration: none !important; color: #333 !important; text-shadow: rgba(0,0,0,0.14) 1px 1px 1px; box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.14); -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .newStandardTab_active { border-bottom: 1px solid #fff; background: #f2f9fa; background-image: linear-gradient(top, #e7f5f6, #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe7f5f6, endColorstr=#ffffffff); box-shadow: none; } /* @include components/newStandardTab.css @include popupPane.css */ .bkmBody #giraffe-RootContainer { width: 1000px; } .bkmBody h1 { color: #000; font-size: 24px; margin: 30px 0; } .bkmBody h2 { color: #f60; font-size: 36px; text-align: center; padding: 40px 0 50px; margin: 0; } .bkmSlide { display: none; } .bkmStep { border: 1px solid #d6d6d6; width: 320px; min-height: 250px; display: inline-block; margin-right: 30px; position: relative; float: left; border-radius: 3px; } .bkmStep h3 { height: 40px; color: #333; font-weight: normal; padding: 10px 20px 15px 60px; font-size: 14px; line-height:18px; margin: 0; background: #dcdcdc; background-image: linear-gradient(top, #ededed, #ccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffededed, endColorstr=#ffcccccc); -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .bkmStepCtr { width: 43px; height: 39px; background: url(../images/bookmarkletStep-ea9d723c20.png); color: #fff; font-size: 10px; font-weight: bold; text-align: center; position: absolute; padding-top: 4px; top: 9px; left: 8px; text-shadow: rgba(0,0,0,0.24) 1px 1px 1px; } .bkmStepCtr span { display: block; font-size: 18px; } .bkmStep .spacer { height: 10px; } .bkmImg { margin: 0 auto; background: url(../images/bookmarkletImages-9bb505bf4e.png); } .bkmImg0 { width: 237px; height: 78px; } .bkmImg1 { width: 210px; height: 178px; background-position: -237px 0; } .bkmImg2 { width: 215px; height: 178px; background-position: -447px 0; } .bkmImg3 { width: 219px; height: 178px; background-position: -662px 0; } .bkmImg4 { width: 199px; height: 178px; background-position: -881px 0; } .bkmStep p { color: #333; margin: 10px; } .bkmBelowStep { text-align: center; } .bkmTabLink { display: inline-block; margin: 20px 0; } .bkmSmallSteps .bkmStep { width: 230px; min-height: 190px; margin-right: 20px; } .bkmShowBarPopup { display: none; position: absolute; margin: 350px 0 0 276px; } .bkmShowBarPopup .inner { padding: 10px; } .bkmShowBarPopupImg { width: 447px; height: 362px; background: url(../images/bookmarkletShowBarPopup-ceea45bdcb.png); } #bkmBookmarklet { width: 136px; height: 29px; text-indent: -9999px; outline: none; display: block; margin: 0 auto 40px; background: url(../images/bookmarkletLink-f78d8afae2.png); } /* @include components/newStandardTab.css */ .tsnBody #giraffe-RootContainer { width: 1000px; } .tsnBody h1 { color: #000; font-size: 24px; margin: 30px 0; } /* .tsnBody h2 { color: #f60; font-size: 36px; text-align: center; padding: 40px 0 50px; margin: 0; }*/ .tsnSlide { display: none; } /* ------------------ Header ------------------- */ .tsnHeader { padding: 0 15px; } .tsnHeader h2 { text-indent: -9999px; float: left; width: 368px; height: 51px; margin: 60px 0 0 40px; background: url(../images/tsnHeaderLogo-3b31ad2cec.png); } .tsnHeader .vr { float: left; width: 24px; height: 178px; margin: 0 30px; background: url(../images/tsnHeaderDivider-febf9c4460.png); } .tsnHeader h3 { font-weight: normal; font-size: 20px; margin: 30px 0 20px; position: relative; } .tsnHeader p { margin: 15px 0; font-size: 14px; line-height: 20px; color: #333; position: relative; } .tsnHeader p.small { font-size: 12px; margin-top: 21px; } .tsnHeader a { text-decoration: none; } .tsnHeaderButtons { float: left; width: 130px; text-align: center; } /* ---------------- Recent TSN Analysis section from sidebar ---------------------- */ .tsnRecent { list-style-type: none; margin: 0; padding: 0; } .tsnRecent li { padding: 0 0 35px; margin: 0 0 30px; border-bottom: 1px dotted #ccc; } .tsnRecent .author { font-size: 13px; font-weight: bold; } .tsnRecent .byline { font-size: 13px; } /* ----------------------- Contribute a post tab -------------------------- */ .tsnPostCont { padding: 0 20px 20px; border-bottom: 1px dotted #d6d6d6; margin-bottom: 20px; } h2.tsnPostHeader { display: inline-block; color: #f60; font-size: 20px; font-weight: bold; } h2.tsnPostHeaderLogos { padding-right: 275px; background: url(../images/syndicatorLogos-6f4160b905.png) no-repeat right 50%; } .tsnPostSteps { list-style-type: none; margin: 0 0 15px; padding: 0; font-size: 14px; } .tsnPostSteps li { margin: 0; padding: 3px 0; line-height: 22px; } .tsnPostCtr { display: inline-block; width: 22px; height: 22px; background: url(../images/orangeDot-61121335ea.png); color: #fff; font-size: 14px; font-weight: bold; text-align: center; line-height: 22px; margin-right: 5px; } .tsnPostTips { float: right; font-size: 14px; } .tsnPostNVM { font-size: 14px; margin: 0; } .tsnPostPS { color: #999; font-size: 11px; padding-left: 30px; } .tsnPostPS span { font-weight: bold; } /* ------------------------ TSN Contributor Benefits tab --------------------- */ .tsnContributor a { text-decoration: none; } .tsnContributorHeader .logo { float: left; margin: 30px 50px 0 30px; width: 128px; height: 137px; background: url(../images/tsnLogoShadow-612646debe.png); } .tsnContributorHeader h2 { color: #f60; font-size: 35px; position: relative; } .tsnContributorHeaderButtons { float: left; width: 130px; text-align: center; } .tsnContributorBlock { border-bottom: 1px dotted #ccc; padding: 60px 30px 30px; font-size: 14px; color: #333; line-height: 18px; } .tsnContributorBlock h3 { margin-bottom: 15px; } .tsnContributorBlock ul { list-style-type: none; margin: 0; padding: 0; } .tsnContributorBlock li { padding: 0 0 0 30px; margin: 20px 0 0; height: 18px; line-height: 18px; background: url(../images/orangeCheck.png#Version) no-repeat; } .tsnContributorBlock .logo { width: 391px; background-image: url(../images/tsnContributorIcons-6f52194922.png); } .tsnContributorBlock .logo0 { height: 285px; float: right; margin-left: 80px; } .tsnContributorBlock .logo1 { height: 269px; background-position: 0 -285px; float: left; margin-right: 80px; } .tsnContributorBlock .logo2 { height: 162px; background-position: 0 -554px; float: right; margin-left: 80px; } .tsnContributorBlock .logo3 { height: 107px; background-position: 0 -716px; float: left; margin-right: 80px; } .tsnContributorBlock .logo4 { height: 211px; background-position: 0 -823px; float: right; margin-left: 80px; } .tsnContributorBlock .small { font-size: 12px; } .tsnContributorButtons { margin: 40px 0; text-align: center; } /* ---------------- TSN Homepage ---------------- */ .tsnHome .content a, .tsnHome .sidebar a { text-decoration: none; } .tsnHomeList { list-style-type: none; margin: 0; padding: 0; } .tsnHomeList li { font-size: 16px; line-height: normal; height: 182px; /* note that 182px + 60px = height of each TSN homepage icon */ padding: 60px 0 0 20px; margin: 0; text-indent: -20px; background-image: url(../images/tsnHomepageIcons-fdf3db484f.png); background-repeat: no-repeat; } .tsnHomeList span { font-weight: bold; width: 16px; text-indent: 0; display: inline-block; } li.tsnHomeLi0 { background-position: right 0; padding-right: 300px; } li.tsnHomeLi1 { background-position: 0 -242px; padding-left: 330px; } li.tsnHomeLi2 { background-position: right -484px; padding-right: 300px; } li.tsnHomeLi3 { background-position: 0 -726px; padding-left: 330px; } li.tsnHomeLi4 { background-position: right -968px; padding-right: 300px; } li.tsnHomeLi5 { background-position: 0 -1210px; padding-left: 330px; } .tsnHomeButtons { text-align: center; margin: 40px 0; } /* -------------------- TSN Tips page ------------------- */ .tsnTips a { text-decoration: none; } .tsnTipsList { list-style-type: none; margin: 0; padding: 0; font-size: 14px; line-height: 18px; color: #333; } .tsnTipsList li { margin: 0 0 40px; padding: 0; } .tsnTipsList h3 { font-size: 18px; font-weight: normal; color: #000; } .tsnTipsList h3 span { color: #f60; font-weight: bold; } .tsnTipsButtons { text-align: center; clear: both; } /* * New-style slideshow, based on designs by Clinton. * * This is meant to be used with slideshowFancy.coffee. */ .slideshow .slide-wrapper{ float:left; } .slideshow .slide-wrapper .slide-content{ background-color:#D8D8D8; padding-top:1px; top: 20px; position: relative; border-radius: 5px; -webkit-filter: -; filter: -; } .slideshow .slides > * { display: block; display: none; } .slideshow .slides > *:first-child { display: block; } .slideshow .indicators { white-space: nowrap; text-align: center; } .slideshow .lead { height:70px; padding-left:10px; line-height:24px; } .slideshow .lead h2{ color:black; padding-bottom:0px; margin-bottom:0px; padding-top:10px; } .slides.visual, .slides.visual div{ min-height:366px; min-width:640px; } .slideshow .lead p{ color:#d84633; padding-bottom:0px; margin-bottom:0px; padding-top:0px; margin-top:5px; } .slideshow .indicators .indicator { width: 100%; height: 100%; padding-left: 5px; padding-right: 5px; margin-right: 5px; margin-left: 5px; background-repeat: no-repeat; background-position: center center; cursor: pointer; cursor: pointer; padding-top: 15px; padding-bottom: 15px; margin-top: 30px; font-size: 14px; font-weight: bold; color: #808080; } .slideshow .indicators .indicator.active { cursor: default; background-color: #d8d8d8; color: #000; border-radius: 5px; -webkit-filter: -; filter: -; } .slideshow .indicators .indicator .number{ background: url(../images/orange-bullet-sprite-48141f6bdd.png); width: 22px; height: 21px; position: relative; float:left; left: 6px; top: -2px; margin-right: 8px; } /* @include slideshowFancy.css */ /* ---------------- skin for logo in header -------------- */ #giraffe-RootContainer{ /*width:100% !important;*/ } .slcLogo { float: left; width: 352px; height: 48px; margin-top: 9px; text-indent: -9999px; background-repeat: no-repeat; } .slcLogoSmall { display: block; margin: 16px 0 7px; width: 240px; height: 28px; text-indent: -9999px; background-repeat: no-repeat; } .global.header .slcLogoSmall { margin-left: 10px; } .slcLogo-mckinsey { background-image: url(../images/slcLogo-mckinsey-be0d1db54e.png); } .slcLogoSmall-mckinsey { background-image: url(../images/slcLogoSmall-mckinsey-d63f81cb0a.png); } .global.header .slcLogoSmall-mckinsey { /* new header with black background */ background-image: url(../images/slcLogoSmall-mckinsey-black-d9a10bb543.png); width: 230px; height: 25px; } .slcLogo-deloitte { background-image: url(../images/slcLogo-deloitte-862ea6f230.png); } .slcLogoSmall-deloitte { background-image: url(../images/slcLogoSmall-deloitte-1eb8cac5da.png); } .slcLogo-bain { background-image: url(../images/slcLogo-bain-7f4d097470.png); } .slcLogoSmall-bain { background-image: url(../images/slcLogoSmall-bain-fd9b2cf86b.png); } .slcLogo-ey { background-image: url(../images/slcLogo-ey-6999286a79.png); } .slcLogoSmall-ey { background-image: url(../images/slcLogoSmall-ey-24e1c07edf.png); } .slcLogo-citadel { background-image: url(../images/slcLogo-citadel-23d82ff0d7.png); } .slcLogoSmall-citadel { background-image: url(../images/slcLogoSmall-citadel-eb0672e3a6.png); } .slcLogo-citigroup { background-image: url(../images/slcLogo-citigroup-ace3bd7b83.png); } .slcLogoSmall-citigroup { background-image: url(../images/slcLogoSmall-citigroup-012d0dd8f9.png); } .slcLogo-bcg { background-image: url(../images/slcLogo-bcg-3e0d82b46e.png); } .slcLogoSmall-bcg { background-image: url(../images/slcLogoSmall-bcg-ccaba6aa70.png); } .slcLogo-nasdaqomx { background-image: url(../images/slcLogo-nasdaqomx-75bcc83c0c.png); } .slcLogoSmall-nasdaqomx { background-image: url(../images/slcLogoSmall-nasdaqomx-e79766285c.png); } .slcLogo-cnbc{ background-image: url(../images/slcLogo-cnbc-cd6aae8714.png); } .slcLogoSmall-cnbc { background-image: url(../images/slcLogoSmall-cnbc-9fce1eb7ba.png); } /* to add a new site license logo: - add e.g. slcLogo-mckinsey.png and slcLogoSmall-mckinsey.png images in the /images/ folder - add e.g. slcLogo-mckinsey and slcLogoSmall-mckinsey classes (note that "mckinsey" should be replaced with the site license's urlString) Large header images should be no more than 352x48, and small header images should be no more than 240x28. */ .slcLogoT { display:inline-block; height: 21px; width: 27px; background: url(../images/trefisLogoNobar-3dd7c57392.png); margin-right:5px; } .global.header .slcLogoT { display: block; width: 229px; height: 17px; background: url(../images/trefisWhiteForegroundShortLogo-1a6a6c1028.png); margin-left:10px; } #header-searchBoxWrapper.searchBoxWithMagWrapper.slcHeader{ display:inline-block; margin:0px; float:none; } .slcLogoSubheader { width: 217px; height: 15px; background: url(../images/trefisLine-39cd50a8b7.png); text-indent: -9999px; } .slcLogoSubheader span { font-weight: bold; } .slcHeaderNoLink .slcLogoT { float: right; margin-top: 5px; } .slcHeader .slcLogoSubheader { clear: left; margin-top: 8px; } .slcHeaderNoLink .slcLogoSubheader { float: right; clear: right; margin-top: 5px; } /* --------------- skin for site license registration pages --------------- */ .slcBody { font-size: 14px; line-height: 1.4em; } .slcBody h1 { color: #090; font-weight: 24px; margin: 0 0 20px; } .slcBody h2 { color: #d84633; font-weight:18px; } .slcBody table h2 { margin: 30px 0 10px; } .outerRounded{ background-color: #FFF; } .outerRounded .roundedBox{ width: 1000px; margin: auto; } .slcBody .roundedBox{ border:none; } .slcBody .roundedBox .inner { padding: 20px; } .signupContainer{ background-color: #FFFFFF; } .signupContainer .inner{ width: 1000px; margin: auto; } .signupContainer .border{ width: 2px; height: 230px; background-color: hsl(0, 0%, 94%); float: left; position: relative; top: 31px; } .slcBanner { color: #fff; font-weight: bold; font-size: 16px; position: relative; height: 20px; line-height: 20px; padding: 10px 20px; margin: 0 -20px 30px -27px; /* negative margins make the banner stretch over the padding from the .roundedBox */ background: #090; background-image: linear-gradient(top, #009900, #007000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff009900, endColorstr=#ff007000); } .slcBanner div { width: 6px; height: 6px; position: absolute; left: 0; bottom: -6px; background: url(../images/slcBannerCorner-ff0168d5ec.png); } .slcIntro { width: 400px; float: left; } .slcVideo { float: left; margin-left: 40px; } .slcVideo h2 { margin: 10px 0 20px; text-align: center; } .slcIntro h3 { font-weight: bold; font-size: 14px; margin: 3px 0 0; } .slcIntro td { padding: 5px 2px; } .slcSideBox { float: left; width: 480px; } .slcSideBox h2 { margin-bottom: 15px; width: 416px; line-height: 26px; } .slcExpl { font-size: 12px; color: #888; } .slc.summary { background: black; padding-bottom: 60px; padding-top: 40px; border-bottom:1px solid #d8d8d8; margin:auto; color:silver; } .summary-provider { min-height:274px; background: #000 url(../images/banner_bg_dark_1-3ba1b319a4.png) repeat-x; background-size: contain; } .provider-banner-content { width:980px; margin:0 auto; padding:85px 0 0 0; } .slc.summary-proider h1 { font-size: 24px; font-family: Gotham,sans-serif; font-weight: 500; color: #e34c00; margin:0; padding:0; } .provider-banner-content .pull-left { display: inline-block; vertical-align: top; width:34.5%; } .provider-banner-content .pull-right { display: inline-block; vertical-align: top; width:60%; color:#AAA; min-height: 175px; } .provider-banner-content .pull-right p { font-size:16px; line-height: 1.5em; margin-top:10px; } .provider-banner-content .pull-right h1 { line-height: 1em; margin: 0; color: #e34c00; } .provider-banner-content .pull-right p strong { font-weight:700; color:#fff; } .cta_banner { display: inline-block; background:#3367A2; color:#fff !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:7px 8px; font-size:13px; margin-bottom: 2em; margin-right: 2em; } .cta_banner:hover { background:#3975B8; } .cta_banner:active { background:#254D79; } .slc.intro.slideshow { width: 1000px; margin: auto; } .slc.intro .titles h2 { font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; color: black; text-align: center; line-height: 25px; margin-top:0px; padding-bottom:20px; } .slc.intro .slides.visual{ padding-left: 20px; padding-right: 20px; padding-top:20px; margin-bottom:0px; } .slc.intro .slides.visual > * { text-align: center; margin-left: auto; margin-right: auto; margin-bottom:0px; } .slc.intro .slide-content { max-width: 680px; } .slc.intro .indicators { float:left; width:320px; text-align:left; } .slc.intro .captions p { font-size: 14px; font-family: Helvetica, sans-serif; color: black; height: 40px; margin-left: auto; margin-right: auto; text-align: center; margin-top: 20px; margin-bottom: 20px; } .slc.epsDisclaimer { font-size: 12px; font-family: Helvetica, sans-serif; font-style: italic; color: #666666; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 40px; top: 25px; position: relative; } .slc.epsDisclaimer sup { font-size: 150%; color: #E34C00; top: 10px; position: relative; margin-right:2px; } .slc.testimonials { white-space: nowrap; margin-top: 30px; } .slc.testimonials > div { white-space: normal; display: inline-block; vertical-align: top; width: 30%; margin-left: 5%; position: relative; /* baseline for fancy quote */ /* small logo */ padding-top: 48px; background-repeat: no-repeat; background-position: center top; } .slc.testimonials > div:first-child { margin-left: 0; } .slc.testimonials > div.slcLogoTestimonial-mckinsey { background-image: url(../images/slcLogoTestimonial-mckinsey-a25dd22782.png); } .slc.testimonials > div.slcLogoTestimonial-jbglobal { background-image: url(../images/slcLogoTestimonial-jbglobal-5431b2e2c4.png); } .slc.testimonials > div.slcLogoTestimonial-barrons { background-image: url(../images/slcLogoTestimonial-barrons-7c4c6d0fa1.png); } .slc.testimonials blockquote { font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; color: black; border: none; padding: 0; margin: 0; } .slc.testimonials blockquote:before { content: "“"; position: absolute; left: -0.8ex; padding-top: 0.5ex; font-size: 500%; vertical-align: text-top; color: gray; } .slc.testimonials p { font-size: 12px; font-family: Helvetica, sans-serif; color: #666666; } /* div that wraps the list of companies on the site license signup page */ .slcCompanyPreview { display: none; /* displayed on demand */ } .slcCompanyPreview table { width: 100%; color: #888; } .slcPreviewContainer{ width: 1000px; background-color: #EFEFEF; margin: auto; } .slcPreviewContainer .collapsible-outer.closed { display: inline; margin-right: 3em; } .slcPreviewContainer .collapsible-outer.open .collapsible-headline { display: none; } /* div for site license news */ ol.newsContainer { margin:0 auto; background-color:#fff; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding:12px 0; overflow: hidden; list-style: none; font-size:1.3em; } ol.newsContainer li { padding:12px 0; text-align: center } ol.newsContainer li a { font-weight:700; } ol.newsContainer li.relatedLinks span { display:block; line-height: 1.4em } .mainAnnouncement span { font-weight:700; color: #d84633; } .emailPreferences input { border: 1px solid #aaa; font-size: 12px; margin: 4px; } .emailPreferences .saveWrapper { margin: 15px 0 5px; } .emailPreferences .gbutton { display: inline-block; margin-right: 20px; } p.emailSectionHeader { font-weight: bold; margin: 3px 0; } p.emailSection { margin: 3px 0 3px 5px; } .trefis-tooltip{ vertical-align:middle; display:inline-block; margin:0px; padding:0px; color: #0066cc; cursor: default; } #answerViews .trefis-tooltip { vertical-align: initial; } .trefis-tooltip-icon{ margin:0px; padding:0px; } /* custom styling for jquery ui tooltip*/ .trefis-ui-tooltip{ border:none; color:black; background: white; padding:5px; box-shadow:0px 0px 15px 5px rgba(0, 0, 0, 0.34); text-align: left; } .ui-tooltip, .tooltip-arrow:after { background: white; border: 2px solid white; } .ui-tooltip { width: auto; line-height: 1.5em; } .tooltip-arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; } .tooltip-arrow.top { top: -16px; bottom: auto; } .tooltip-arrow.left { left: 20%; } .tooltip-arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 6px 5px 9px -9px black; border: 1px solid #dddddd; -ms-transform: rotate(45deg); transform: rotate(45deg); } .tooltip-arrow.top:after { bottom: -20px; top: auto; } /* 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"); } /******** CUSTOM ICONS ********/ @font-face { font-family: 'icomoon'; src:url('../images/fonts/wp-content/icomoon-4187b62d25.eot'); src:url('../images/fonts/wp-content/icomoon-4187b62d25.eot?#iefix') format('embedded-opentype'), url('../images/fonts/wp-content/icomoon-2b638c57e6.woff') format('woff'), url('../images/fonts/wp-content/icomoon-82868d30af.ttf') format('truetype'), url('../images/fonts/wp-content/icomoon-7d708a27a4.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { background-color: #27CFC3; border-radius: 999px 999px 999px 999px; -moz-border-radius: 999px 999px 999px 999px; -webkit-border-radius: 999px 999px 999px 999px; -o-border-radius: 999px 999px 999px 999px; color: #fff; display: inline-block; font-size: 16px; height: 32px; line-height: 32px; max-width: 100%; position: relative; text-align: center; vertical-align: middle; width: 32px; top: -2px; word-spacing: 1px; } [data-icon]:before { font-family: 'icomoon'!important; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-salient-x, .icon-salient-search, .icon-salient-right-arrow, .icon-salient-left-arrow, .icon-salient-right-line, .icon-salient-back-to-all, .icon-salient-left-arrow-thin, .icon-salient-right-arrow-thin, .icon-salient-down-arrow-thin, .icon-salient-down-arrow, .icon-salient-google-plus, .ascend .mfp-image-holder .mfp-close, .ascend .mfp-iframe-holder .mfp-close, .icon-salient-facebook, .icon-salient-twitter, .icon-salient-pinterest, .icon-salient-heart, .icon-salient-heart-2, .icon-salient-plus, .icon-salient-cart, body[data-is="minimal"] [class^="icon-"].icon-reorder, .icon-salient-pencil, .icon-be, .icon-vimeo, .icon-soundcloud, .icon-button-arrow, .icon-salient-thin-line, .icon-salient-spotify, .icon-salient-m-user, .salient-page-submenu-icon, .icon-salient-m-clock, .video-play-button, .mejs-controls .mejs-button button { font-family: 'icomoon'!important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-salient-m-bag:before { content: "\e900"; } .icon-salient-m-eye:before { content: "\e015"; } .icon-salient-m-clock:before { content: "\e016"; } .icon-salient-m-gear:before { content: "\e023"; } .icon-salient-m-heart:before { content: "\e024"; } .icon-salient-m-search:before { content: "\e036"; } .icon-salient-m-prev:before { content: "\e050"; } .icon-salient-m-rewind:before { content: "\e051"; } .icon-salient-m-play:before { content: "\e052"; } .icon-salient-m-pause:before { content: "\e053"; } .icon-salient-m-stop:before { content: "\e054"; } .icon-salient-m-ff:before { content: "\e055"; } .icon-salient-m-next:before { content: "\e056"; } .icon-salient-m-user:before { content: "\e074"; } .icon-salient-m-chat:before { content: "\e076"; } .icon-salient-m-social:before { content: "\e081"; } .icon-salient-m-left-arrow:before { content: "\e094"; } .icon-salient-m-right-arrow:before { content: "\e095"; } .icon-salient-m-sound:before { content: "\e098"; } .icon-salient-m-mute:before { content: "\e099"; } .icon-salient-m-close:before { content: "\e117"; } .icon-salient-m-menu:before { content: "\e120"; } .icon-salient-x:before { content: "\e003"; } .icon-salient-search:before { content: "\e002"; } .icon-salient-right-arrow:before { content: "\e000"; } .icon-salient-left-arrow:before { content: "\e001"; } .icon-salient-right-line:before { content: "\e004"; } .icon-salient-back-to-all:before { content: "\e005"; } .icon-salient-right-arrow-thin:before { content: "\e006"; } .icon-salient-left-arrow-thin:before { content: "\e007"; } .icon-salient-down-arrow-thin:before { content: "\e00c"; } .icon-salient-down-arrow:before { content: "\e008"; } .icon-salient-google-plus:before { content: "\e009"; } .icon-salient-facebook:before { content: "\e00a"; } .icon-salient-twitter:before { content: "\e00b"; } .icon-salient-pinterest:before { content: "\e00d"; } .icon-salient-heart:before { content: "\e00e"; } .icon-salient-heart-2:before { content: "\e00f"; } .icon-salient-plus:before { content: "\e010"; } .icon-salient-cart:before { content: "\e012"; } .icon-salient-pencil:before { content: "\e011"; } .icon-be:before { content: "\e013"; } .icon-vimeo:before { content: "\e014"; } .icon-soundcloud:before { content: "\e600"; } .icon-button-arrow:before { content: "\e601"; } .icon-salient-thin-line:before { content: "\e602"; } .icon-salient-spotify:before { content: "\f1bc"; } /*minimal style*/ body[data-is="minimal"] .icon-reorder { width: 22px!important; } body[data-is="minimal"] #slide-out-widget-area a.slide_out_area_close .icon-default-style[class^="icon-"] { font-size: 24px!important; } body[data-is="minimal"] .icon-reorder:before { content: '\e120'!important; font-size: 24px!important; } body[data-is="minimal"] .icon-salient-search:before { content: "\e036"; } body[data-is="minimal"] .icon-salient-x:before { content: "\e117"; } body[data-is="minimal"].ascend .icon-salient-cart:before:before, body[data-is="minimal"] .icon-salient-cart:before { content: "\e106"; } body[data-is="minimal"].ascend #header-outer .cart-wrap { top: -5px!important; margin-right: 22px; } body[data-is="minimal"].ascend #header-outer a.cart-contents .cart-wrap span { width: 17px!important; line-height: 17px!important; font-size: 10px; font-family: 'Open Sans', sans-serif; font-weight: 600;} .icon-salient-heart-2:before { content: "\e024"!important; } body[data-is="minimal"] #single-below-header.fullscreen-header .steadysets-icon-chat-3, body[data-is="minimal"] #single-below-header.fullscreen-header .steadysets-icon-book2, body[data-is="minimal"] .steadysets-icon-chat-3 { font-family: 'icomoon'!important; font-size: 20px!important;} body[data-is="minimal"] .steadysets-icon-chat-3:before { content: "\e076"; } body[data-is="minimal"] .steadysets-icon-book2:before { content: "\e034"; } body[data-is="minimal"][data-header-color="light"] header#top nav ul #search-btn a span, body[data-is="minimal"].ascend[data-header-color="light"] #header-outer .cart-menu .cart-icon-wrap .icon-salient-cart, body[data-is="minimal"][data-header-color="light"] #header-outer .cart-menu .cart-icon-wrap .icon-salient-cart { font-size: 18px!important; color: rgba(0,0,0,0.48); } body[data-is="minimal"][data-header-color="dark"] header#top nav ul #search-btn a span, body[data-is="minimal"][data-header-color="custom"] header#top nav ul #search-btn a span, body[data-is="minimal"].ascend[data-header-color="dark"] #header-outer .cart-menu .cart-icon-wrap .icon-salient-cart, body[data-is="minimal"][data-header-color="dark"] #header-outer .cart-menu .cart-icon-wrap .icon-salient-cart { font-size: 18px!important; } body[data-is="minimal"] .portfolio-items .nectar-love i, body[data-is="minimal"] .post-meta .nectar-love i { color: #c5c5c5;} body[data-is="minimal"] #search-outer #search #close a span { font-size: 20px!important; } body[data-is="minimal"] .lines-button { top: -5px; line-height: 20px;} body[data-is="minimal"] .lines-button.x2.close .lines:before, body[data-is="minimal"] .lines-button.x2.close .lines:after { top: 1px; } body[data-is="minimal"] .lines, body[data-is="minimal"] .lines:before, body[data-is="minimal"] .lines:after { height: 2px; } /** First hack at remvoing only the styles related to the header/footer/frame from the wordpress salient theme. Pages have no wordpress related classes or data attributes on the body tag They do however persist on the