.MOD div, .MOD p, .MOD table, .MOD caption, .MOD tbody, .MOD tfoot, .MOD thead, .MOD tr, .MOD th, .MOD td, .MOD h1, .MOD h2, .MOD h3, .MOD h4, .MOD h5, .MOD h6, .MOD ul, .MOD ol, .MOD li, .MOD dl, .MOD dt, .MOD dd, .MOD pre, .MOD form, .MOD fieldset, .MOD legend, .MOD input, .MOD textarea, .MOD blockquote, .MOD iframe { margin:0; padding:0; } .MOD table { border-collapse:collapse; border-spacing:0; } .MOD caption, .MOD th { text-align:left; } .MOD fieldset, .MOD img, .MOD abbr, .MOD acronym { border:0; } .MOD address, .MOD caption, .MOD cite, .MOD code, .MOD dfn, .MOD em, .MOD th, .MOD var { font-style:normal; font-weight:normal; } .MOD strong { font-weight:bold; } .MOD ol, .MOD ul { list-style:none; } .MOD h1, .MOD h2, .MOD h3, .MOD h4, .MOD h5, .MOD h6 { font-weight:normal; } .MOD .hasLayout, .MOD .contain, .hasLayout, .contain { *zoom:1; } .MOD .contain:after, .contain:after { content:"."; display:block; height:0; clear:both; visibility:hidden; overflow: hidden; } .MOD .capitalize { text-transform:capitalize; } .MOD .upperCase { text-transform:uppercase; } .MOD .lowerCase { text-transform:lowercase; } .MOD .floatLeft { float:left; _display:inline; } .MOD .floatRight { float:right; _display:inline; } .MOD .none { display:none; } @font-face { font-family: 'PrattWebHeavy'; src: url("http://data.theglobeandmail.com/Research/ResourceManager/FIh_gWxYSUVoptziFZYR_A2/d/f/o7LrSu25yZGnZRbmxppRiw2/Research/externals/globeandmail.common/content/Fonts/pratt-web_heavy-webfont.eot"); src: local('☺'), url("http://data.theglobeandmail.com/Research/ResourceManager/RDdWDWZNnxUqp1Hyypadhw2/d/f/umUuS36H_biIPR8FUEm9Tg2/Research/externals/globeandmail.common/content/Fonts/pratt-web_heavy-webfont.woff") format('woff'), url("http://data.theglobeandmail.com/Research/ResourceManager/-oa586aKIKcSrLpLmMMXyw2/d/f/3tVMr1aJaytuDKB7tizukA2/Research/externals/globeandmail.common/content/Fonts/pratt-web_heavy-webfont.ttf") format('truetype'), url("http://data.theglobeandmail.com/Research/ResourceManager/1s-8pl9kZmmXvRAypda4GA2/d/f/Z6Twh0iW1l9I5_j4Ze6ihA2/Research/externals/globeandmail.common/content/Fonts/pratt-web_heavy-webfont.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PrattBlack'; src: url("http://data.theglobeandmail.com/Research/ResourceManager/nrDXZ-PrhohMF85m4rr5jg2/d/f/ytUpRCBuOOPM2flkm1dEYQ2/Research/externals/globeandmail.common/content/Fonts/prattblack-webfont.eot"); src: local('☺'), url("http://data.theglobeandmail.com/Research/ResourceManager/c8wsgI3SnXwnZyVepTV23w2/d/f/u9D1FW6zv_KvFFMCbPTieA2/Research/externals/globeandmail.common/content/Fonts/prattblack-webfont.woff") format('woff'), url("http://data.theglobeandmail.com/Research/ResourceManager/BDxhB2oR79zh-WEvaRWDUg2/d/f/kVK8PYx9gIKuO3xbK6LFvg2/Research/externals/globeandmail.common/content/Fonts/prattblack-webfont.ttf") format('truetype'), url("http://data.theglobeandmail.com/Research/ResourceManager/078p73e2BwRppyh3eBEi8w2/d/f/CM8M-APffN6KlVjlSFzYRw2/Research/externals/globeandmail.common/content/Fonts/prattblack-webfont.svg") format('svg'); font-weight: normal; font-style: normal; } /* TGAM will end up hosting this @font-face { font-family: 'GMsanCRegular'; src: url("http://data.theglobeandmail.com/Research/ResourceManager/6b-uQ29oVWIm_Jro91a7uw2/d/f/bIoogYu0USV412YaIx7uBw2/Research/externals/globeandmail.common/content/Fonts/GMSans/gmsanc_reg-webfont.eot"); src: local('☺'), url("http://data.theglobeandmail.com/Research/ResourceManager/TFHukEKBjy19vDKqRtV_vw2/d/f/FDNE/Research/externals/globeandmail.common/content/Fonts/GMSans/gmsanc_reg-webfont.eot#iefix") format('embedded-opentype'), url("http://data.theglobeandmail.com/Research/ResourceManager/FNysJFLBXDqHayzl-dgU1w2/d/f/I-LpJHmP4WDDni41iiIHyQ2/Research/externals/globeandmail.common/content/Fonts/GMSans/gmsanc_reg-webfont.woff") format('woff'), url("http://data.theglobeandmail.com/Research/ResourceManager/zPM5su-3aSZvU--oagMa9w2/d/f/Zukc9X8VoLYx0748l3GiIA2/Research/externals/globeandmail.common/content/Fonts/GMSans/gmsanc_reg-webfont.ttf") format('truetype'); font-weight: normal; font-style: normal; } */ .prattHeavy{ font-family:'PrattBlack','PrattWebHeavy', Georgia, serif; } /*! * jQuery UI CSS Framework 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,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; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* 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: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*! * jQuery UI CSS Framework 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url("http://data.theglobeandmail.com/Research/ResourceManager/qZgcvAh_Xe7XescLJhXSzw2/d/f/0l_-Z84ADRuTsPsWy5t-kA2/Research/externals/globeandmail.common/content/Images/jquery.ui.1.8.21/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url("http://data.theglobeandmail.com/Research/ResourceManager/qslpH--uckNdZOOkNF5now2/d/f/iEdSO_mOcYFSZoCcK_kQvg2/Research/externals/globeandmail.common/content/Images/jquery.ui.1.8.21/ui-bg_gloss-wave_35_f6a828_500x100.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("http://data.theglobeandmail.com/Research/ResourceManager/68bKSn7X2wLKZ_TjJWOSqw2/d/f/El0TnR6_Y0FI_fmfKhjAsw2/Research/externals/globeandmail.common/content/Images/jquery.ui.1.8.21/ui-bg_glass_100_f6f6f6_1x400.png") 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("http://data.theglobeandmail.com/Research/ResourceManager/Jmtb-X4rvVs53h99J1c3ig2/d/f/2HGAfgZ1uFwatYqFH_vrDg2/Research/externals/globeandmail.common/content/Images/jquery.ui.1.8.21/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #c77405; } .ui-state-hover a, .ui-state-hover a:hover { 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("http://data.theglobeandmail.com/Research/ResourceManager/95rLvkDKvP_brpx8eafe-g2/d/f/SU36R5A7elHWwob4CI_usQ2/Research/externals/globeandmail.common/content/Images/jquery.ui.1.8.21/ui-bg_glass_65_ffffff_1x400.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; } .ui-widget :active { outline: 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("http://data.theglobeandmail.com/Research/ResourceManager/tXoVSd1s6TXMcO_LXORWlg2/d/f/ncjwt3xafXIrAfz-cpuacA2/Research/externals/globeandmail.common/content/Images/jquery.ui.1.8.21/ui-bg_highlight-soft_75_ffe45c_1x100.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("http://data.theglobeandmail.com/Research/ResourceManager/hyYX5g9-4vLEaheJonHr0w2/d/f/CsR7yAA1OyA6wkBAA3Utmw2/Research/externals/globeandmail.common/content/Images/jquery.ui.1.8.21/ui-bg_diagonals-thick_18_b81900_40x40.png") 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; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url("http://data.theglobeandmail.com/Research/ResourceManager/ApxOT0y78RjmpLymS4RLNg2/d/f/OceZNhBiTUiQGbXflxlnjg2/Research/externals/globeandmail.common/content/Images/jquery.ui.1.8.21/ui-icons_222222_256x240.png"); } .ui-widget-content .ui-icon {background-image: url("http://data.theglobeandmail.com/Research/ResourceManager/ApxOT0y78RjmpLymS4RLNg2/d/f/OceZNhBiTUiQGbXflxlnjg2/Research/externals/globeandmail.common/content/Images/jquery.ui.1.8.21/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon {background-image: url("http://data.theglobeandmail.com/Research/ResourceManager/iLrAx15egPbZm3nvSe4u9Q2/d/f/pfg0gR5HSFoffY8IHLmV4Q2/Research/externals/globeandmail.common/content/Images/jquery.ui.1.8.21/ui-icons_ffffff_256x240.png"); } .ui-state-default .ui-icon { background-image: url("http://data.theglobeandmail.com/Research/ResourceManager/3OBNYMFm_TxKYkPhAkAi2w2/d/f/oRnCGPYDbKJWstZx9QkjAQ2/Research/externals/globeandmail.common/content/Images/jquery.ui.1.8.21/ui-icons_ef8c08_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url("http://data.theglobeandmail.com/Research/ResourceManager/3OBNYMFm_TxKYkPhAkAi2w2/d/f/oRnCGPYDbKJWstZx9QkjAQ2/Research/externals/globeandmail.common/content/Images/jquery.ui.1.8.21/ui-icons_ef8c08_256x240.png"); } .ui-state-active .ui-icon {background-image: url("http://data.theglobeandmail.com/Research/ResourceManager/3OBNYMFm_TxKYkPhAkAi2w2/d/f/oRnCGPYDbKJWstZx9QkjAQ2/Research/externals/globeandmail.common/content/Images/jquery.ui.1.8.21/ui-icons_ef8c08_256x240.png"); } .ui-state-highlight .ui-icon {background-image: url("http://data.theglobeandmail.com/Research/ResourceManager/ggE7bq5MGUl4cytpGycA4Q2/d/f/--zS40Hnlqtdz-VpWnA6rw2/Research/externals/globeandmail.common/content/Images/jquery.ui.1.8.21/ui-icons_228ef1_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url("http://data.theglobeandmail.com/Research/ResourceManager/MME7ga09PM5bmw1WbhTJTQ2/d/f/bhKkpvwpVloE0Y94zUr1kg2/Research/externals/globeandmail.common/content/Images/jquery.ui.1.8.21/ui-icons_ffd27a_256x240.png"); } /* positioning */ .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-off { background-position: -96px -144px; } .ui-icon-radio-on { 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 */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #666666 url("http://data.theglobeandmail.com/Research/ResourceManager/4iheYwtDpc8HT_e9aEpWog2/d/f/_hNtjLTJrfB7S5EGnDleDw2/Research/externals/globeandmail.common/content/Images/jquery.ui.1.8.21/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url("http://data.theglobeandmail.com/Research/ResourceManager/CHOZJpcdpRf0oOqMBiLcNA2/d/f/aenXH9GyKjyn1nYIW6fKuQ2/Research/externals/globeandmail.common/content/Images/jquery.ui.1.8.21/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*! * jQuery UI Resizable 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .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;}/*! * jQuery UI Selectable 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /*! * jQuery UI Accordion 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } /*! * jQuery UI Autocomplete 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.21 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /*! * jQuery UI Button 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .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: 1.4; } .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; } .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 */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /*! * jQuery UI Dialog 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; 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: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /*! * jQuery UI Slider 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .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; } .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; }/*! * jQuery UI Tabs 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .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: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; 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-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /*! * jQuery UI Datepicker 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .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 { border-left-width:0; } .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:0em; } /* 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 { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/*! * jQuery UI Progressbar 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } .MOD input.ui-autocomplete-input { border: 1px solid #ccc; padding: 2px; font-family: Helvetica,Arial,sans-serif; } .MOD input.ui-autocomplete-loading { background: #fff url("http://data.theglobeandmail.com/Research/ResourceManager/ITNfFKfR8oDUOYNavRuuaw2/d/f/aEk2QLjDk80G9wHVKwqT6w2/Research/externals/globeandmail.common/content/Images/Loader-16x16.gif") no-repeat right; border: 1px solid #ccc; padding-right: 16px; font-family: Helvetica,Arial,sans-serif; } .MOD a.ui-autocomplete-clear-link { font-size: 12px; float: none; font-weight: bold; margin: -2px 0px 0px -15px; text-decoration: none; color: #888; font-family: Helvetica,Arial,sans-serif; } .MOD ul.ui-autocomplete { background: #fff none; padding: 0px 10px 15px; width: 400px; font-family: Helvetica,Arial,sans-serif; z-index: 5000 !important; } .MOD ul.ui-autocomplete li.ui-autocomplete-category { border-top: 3px solid #424242; border-bottom: 1px dotted #333; padding: 10px 0px; font-size: 14px; float: left; clear: left; width: 100%; margin-top: 17px; font-family:'PrattBlack','PrattWebHeavy', Georgia, serif; } .MOD ul.ui-autocomplete li.ui-autocomplete-nomatches { border-bottom: 0 none; clear: left; color: #999; float: left; font-size: 12px; font-style: italic; padding: 10px 0px 0px; width: 100%; font-family: Helvetica, Arial, Verdana; } .MOD ul.ui-autocomplete li.ui-menu-item { padding: 0px; font-family: Helvetica,Arial,sans-serif; } .MOD ul.ui-autocomplete li.ui-menu-item a { padding: 5px; line-height: auto; border-bottom: 1px dotted #333; font-size: 11px; font-family: Helvetica,Arial,sans-serif; } .MOD ul.ui-autocomplete li.ui-menu-item a.ui-corner-all { /* Cross Browser Radius */ -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } .MOD ul.ui-autocomplete li.ui-menu-item a.ui-state-hover { background-color: #EFEFEF; } .MOD ul.ui-autocomplete li.ui-menu-item #ui-active-menuitem { background: #EFEFEF none; border: 0 none; border-bottom: 1px dotted #333; margin: 0px; } .MOD ul.ui-autocomplete li.ui-menu-item a span { color: #333; } .MOD ul.ui-autocomplete li.ui-menu-item a span.name, .MOD ul.ui-autocomplete li.ui-menu-item a span.symbol { display: block; float: left; margin-right: 5px; text-decoration: none; } .MOD ul.ui-autocomplete li.ui-menu-item a span.name span.ui-search-highlight, .MOD ul.ui-autocomplete li.ui-menu-item a span.symbol span.ui-search-highlight { font-weight: bold; background-color: #CCC; } .MOD ul.ui-autocomplete li.ui-menu-item a span.symbol { width: 90px; text-decoration: none; } .MOD ul.ui-autocomplete li.ui-menu-item a span.name { width: 235px; } .MOD ul.ui-autocomplete li.ui-menu-item a span.issueType, .MOD ul.ui-autocomplete li.ui-menu-item a span.countryIcon { display: block; float: right; } .MOD ul.ui-autocomplete li.ui-menu-item a span.countryIcon { width: 15px; height: 15px; background: url("http://data.theglobeandmail.com/Research/ResourceManager/R6b2Kvp6S_w-R1TCcWaGjw2/d/f/q5f-vdtqfkzHxT2EKAB8Jg2/Research/externals/globeandmail.common/content/Images/Sprite-Flat.png") no-repeat -13px 0px; margin-right: 7px; } .MOD ul.ui-autocomplete li.ui-menu-item a span.USIcon { } .MOD ul.ui-autocomplete li.ui-menu-item a span.CAIcon { background-position: -29px 0px } .MOD .icon, .MOD .icons{ background:url("http://data.theglobeandmail.com/Research/ResourceManager/6Wkl0r62PHYn7gdbP0tQIQ2/d/f/HPGe6_wLWkgfVKPZN3LJCQ2/Research/Content/Images/Sprite.png") top left no-repeat; display:inline-block; /*text-indent:-999px;*/ overflow:hidden; } .MOD .icon-map-us{ background-position:left -11px; height:11px; width:16px; } .MOD .icon-map-ca{ background-position:left -33px; height:11px; width:16px; } .MOD .view-toggle .selected .icon-map-ca{ background-position:left -22px; } .MOD .view-toggle .selected .icon-map-us{ background-position:left 0px; } .MOD .icon-reuters{ background-position:-24px top; height:23px; width:98px; margin: 0 0 0 -3px; } .MOD .icon-scotia-bank{ background-position: -417px -27px; height:30px; width:160px; } .MOD .icon-econoday{ background-position:-23px -23px; height:12px; width:74px; margin:6px 0 0 -3px; } .MOD .icon-expand-collapse{ background-position:-121px top; height:5px; width:12px; } .MOD .icon-close{ background-position:-159px top; height:11px; width:11px; } .MOD .icon-read-more{ background-position:-198px top; height:7px; width:4px; } .MOD .icon-read-less { background-position: -298px top; height: 7px; width: 7px; } .MOD .icon-question{ background-position: -203px top; height:12px; width:12px; margin:0 0 0 7px; line-height:12px; position:relative; } .MOD .icon-upcoming{ background-position: -122px -12px; height: 17px; width: 74px; margin: 0 -25px 0 5px; } .MOD .pos span.icons{ background-position:-288px top; height:6px; width:9px; } .MOD .neg span.icons{ background-position:-280px top; height:6px; width:9px; } .MOD .zero span.icons { background:none; height:6px; width:9px; } .MOD .MarketTileModule .pos span.icons{ background-position:-288px top; height:4px; width:8px; padding-top:1px; } .MOD .MarketTileModule .neg span.icons{ background-position:-264px top; height:4px; width:8px; padding-top:1px; } .MOD .MarketTileModule .zero span.icons{ background:none; height:4px; width:8px; } .MOD .icons-open-session{ background-position:-250px top; height:6px; width:6px; margin:0 3px 0 -3px; line-height:6px; } .MOD .icons-close-session{ background-position:-257px top; height:6px; width:6px; margin:0 3px 0 -3px; line-height:6px; } .MOD span.arrow{ width:auto; height: auto; position: static; } .MOD .prominent .neg span.icons{ background-position:-216px top; height:13px; width:16px; margin:0 1px 0 -4px; line-height:13px; } .MOD .prominent .pos span.icons{ background-position:-233px top; height:13px; width:16px; margin:0 1px 0 -4px; line-height:13px; } .MOD .prominent .zero span.icons{ background:none; height:13px; width:16px; margin:0 1px 0 -4px; line-height:13px; } .MOD .icon-remove{ background-position:-305px top; height:8px; width:9px; } .MOD .icon-refresh{ background-position:-313px top; height:14px; width:14px; } /* chart size icons: small */ .MOD .icon-view-small{ background-position:-344px 0px; cursor: pointer; height: 12px; width: 20px; margin-top:8px; text-indent: 0px; } .MOD .selected .icon-view-small { background-position:-344px -21px; } /* TT0295870 Not here: http://protos.dev.local/TheGlobeandMail/ReportOnBusiness/deliverables/20140109/company_page_lite_1.png But here: http://protos.dev.local/TheGlobeandMail/ReportOnBusiness/deliverables/20140109/company_page_lite_1_expanded.png .MOD .icon-view-small, .MOD .icon-view-medium{ background-color:white; } */ .MOD .icon-view-small:hover, .MOD .selected .icon-view-small:hover { background-position:-344px -42px; } /* chart size icons: medium */ .MOD .icon-view-medium{ background-position:-365px 0px; cursor: pointer; height: 16px; width: 24px; margin-top:4px; text-indent: 0px; } .MOD .selected .icon-view-medium { background-position:-365px -21px; } .MOD .icon-view-medium:hover, .MOD .selected .icon-view-medium:hover { background-position:-365px -42px; } /* chart size icons: full */ .MOD .icon-view-fullscreen { background-position:-390px 0px; cursor: pointer; height:20px; width:26px; margin-top:0px; text-indent: 0px; } .MOD .selected .icon-view-fullscreen { background-position:-390px -21px; } .MOD li[data-size] .icon-view-fullscreen:hover, .MOD li[data-size] .selected .icon-view-fullscreen:hover { background-position:-390px -42px; } /*.MOD .icon-button-round, .MOD .icon-button-round span { //display: inline-block; //background:transparent scoll no-repeat; }*/ .MOD .icon-button-round a{ background-position:-417px top; height:24px; display:block; } .MOD .icon-button-round{ background-position:-463px top; line-height:20px; height:24px; width:5px; margin:0 -5px 0 -1px; padding-right:32px; } .MOD .icon-globe { background-position: -23px -39px; height: 20px; width: 180px; } /* used in the editors picks dropdown on fs chart */ .MOD .icon-editor { height: 67px; width: 125px; } .MOD .icon-editor-momentum { background-position: 0px -75px; } .MOD .icon-editor-deep-value { background-position: -150px -75px; } .MOD .icon-editor-indexing { background-position: -300px -75px; } .MOD .icon-editor-income { background-position: -450px -75px; } .MOD .icon-editor-growth { background-position: 0px -150px; } .MOD .icon-editor-volatility { background-position: -150px -150px; } .MOD .icon-editor-volume { background-position: -300px -150px; } .MOD .icon-editor-trend { background-position: -450px -150px; } /* used in the style dropdown menu */ .MOD .icon-style { height: 36px; width: 81px; } .MOD .icon-style-CloseDot { background-position: -75px -225px; } .MOD .icon-style-CloseLine { background-position: -75px -275px; } .MOD .icon-style-CloseMountain { background-position: -75px -325px; } .MOD .icon-style-PositiveNegativeLine { background-position: -175px -225px; } .MOD .icon-style-PositiveNegativeFill { background-position: -175px -275px; } .MOD .icon-style-OHLC { background-position: -175px -325px; } .MOD .icon-style-Candlestick { background-position: -275px -225px; } .MOD .icon-style-CandlestickRG { background-position: -275px -275px; } .MOD .icon-add { background-position: -525px 0; height: 21px; width: 20px; } .MOD .icon-listen { background-position: -300px -20px; height: 12px; width: 8px; } /* investment lists icons */ .MOD .icon-menu-down-arrow { background-position: -547px -1px; height: 20px; width: 20px; cursor: pointer; } .MOD .icon-pos-arrow { background-position: -233px 0; height: 13px; margin-right: 4px; width: 16px; } .MOD .icon-neg-arrow { background-position: -216px 0; height: 13px; margin-right: 4px; width: 16px; } .MOD .icon-grey-x { background-position: -158px 0; cursor: pointer; height: 12px; width: 12px; vertical-align: bottom; } .MOD .icon-half-button { background-position: -75px -593px; height: 29px; line-height: 29px; padding-left: 7px; vertical-align: bottom; width: 50px; font-family: 'PrattWebHeavy', Georgia, serif; font-size: 15px; } .MOD .icon-datepicker { width: 24px; height: 24px; background-position: -581px -28px; vertical-align: middle; margin-left: 3px; cursor: pointer; } /* eventually this gets removed -- just a placeholder so we can easily see where we need to hook up data still */ #MOD-company .needs-data, #MOD-company .needs-data a { color: #ff00ff !important; } #MOD-company .graphic.needs-data { border: 1px solid #ff00ff; width: 130px; } #mod-opinionsforecasts .chart.needs-data { border: 1px solid #ff00ff; width: 458px; } #mod-opinionsforecasts .CompanyOpinionExpertsPodiumModule .graphic.needs-data { border: 1px solid #ff00ff; width: 218px; } /* the container for the page */ #MOD-company { margin: 0px auto; background-color: #fff; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-size: 12px; } /* various sizes, page wide styles, left and right columns */ #MOD-company.full, #MOD-company .full { width: 940px; } #MOD-company div.large { float:left; width: 620px; } #MOD-company .medium { width: 400px; } #MOD-company div.small { width: 300px; } #MOD-company .tiny { width: 185px; } #MOD-company .content { float: left; } #MOD-company div.sidebar { float: right; } #MOD-company span.pos { color: #339933; } #MOD-company span.neg { color: #D22526; } #MOD-company span.zero { color: #666666; } #MOD-company span.pos span.icons { background-position: -230px -40px; height: 16px; margin-right: 5px; width: 16px; } #MOD-company span.neg span.icons { background-position: -250px -40px; height: 16px; margin-right: 5px; width: 16px; } #MOD-company span.icon.realTime { background-position: -440px -384px; margin-left: 5px; height: 13px; width: 14px; vertical-align: baseline; } #MOD-company span.icon.realTime.open { background-position: -440px -368px; } #MOD-company span.icon.info { background-position: -441px -352px; margin-left: 4px; height: 12px; width: 13px; vertical-align: baseline; } #MOD-company div.ExpandedQuoteModule span.icon { vertical-align:top; } /* element styles */ #MOD-company h1, #MOD-company h2, #MOD-company h3, #MOD-company h4 { font-family: 'PrattHeavy','PrattWebHeavy', Georgia, Serif; /*font-weight: normal; margin: 0px;*/ } #MOD-company h1 { font-size: 26px; } #MOD-company h2 { font-size: 22px; } #MOD-company h3 { font-size: 18px; color:#38444B; } #MOD-company div.sidebar h2 , #MOD-company h4 { color: #ff0000; font-size: 12px; padding-bottom: 10px; text-transform: uppercase; } /* sticky header */ /* "sticky" class gets added in Company.js */ #MOD-company div.sticky { display:none; position: fixed; top:0; z-index:101; left:50%; } #MOD-company.sticky div.sticky, #MOD-company.sticky div.sticky div.small-header { display:block; } /*hide the ribbon that is wrong for each view*/ #MOD-company div.sticky div.full-header, #MOD-company div.small-header { display:none; } #MOD-company div.sticky div.CompanyNavigationModule ul { /* margin-left: 20px; /* this looks wrong in our test environment, but is correctly aligned in integrated acc. -- n/a with new div.sticky*/ background-color:#fff; /* this hides the background content that would show thru between the nav li's*/ margin-left:-470px; /* the fixed sticky is positioned on the center of the page*/ } /* on content refresh ie is expanding the following 2 elements; setting the height so this doen't jar the layout*/ /*TT0301998 long names need to expand the ribbon height so we don't know how bug the head will be. but we can set a min */ #mod-overview div.CompanyOverviewQuoteModule div.full-header{ min-height:70px; } #MOD-company div.small-header { background-color:#fff; /* the div may become taller than the background gradient */ border-bottom: 1px solid #CECECE; left: -500px; /* the parent fixed div.sticky is positioned on the center of the page*/ padding: 7px 0 0; position: relative; width: 1000px; -webkit-box-shadow: 0 8px 6px -6px #666; -moz-box-shadow: 0 8px 6px -6px #666; box-shadow: 0 8px 6px -6px #666; z-index:2; /* so the gradient div can be -1*/ } #mod-overview div.small-header div.bottom-texture { background: #000 url("http://data.theglobeandmail.com/Research/ResourceManager/XhDt_R4PBF1vAURZ-QyzXg2/d/f/1tYXfdMBPh9aY0bvYxSajw2/Research/content/Images/h_gradient.png") -0px -425px repeat-x; height:62px; width:100%; position:absolute; bottom:0; z-index:-1; } #mod-overview div.small-header table { width: 1000px; } #mod-overview div.small-header div.disclaimer { width:400px; position:absolute; /*to the small header*/ top:31px; /* leave enough room for the quote line*/ right:20px; /* offset to match the quote line padding*/ } #mod-overview div.small-header td { padding: 0px; } #mod-overview div.small-header td.company-name { padding-left: 20px; } #mod-overview div.small-header td.values { padding-right: 20px; white-space:nowrap; /* the value spans will be inline-block on one row, without floating*/ text-align:right; } #mod-overview div.small-header td.company-name span, /*so it doesn't split/wrap */ #mod-overview div.small-header td.values span.info-value { /*float: right; wasn't allowing the table to determine col width with long names*/ display:inline-block; } #mod-overview div.small-header td.values span.info-title { display:inline-block; /*float: right; wasn't allowing the table to determine col width with long names*/ padding: 7px 15px 1px; /*adjusts the baseline */ *padding: 8px 15px 0; } #mod-overview div.small-header td.company-name div { min-height:39px; } #mod-overview div.small-header td.company-name h2 { display:inline; /* so the symbol comes right after this name*/ padding-right:10px; } #mod-overview div.small-header td.values span.info-title.last-price { padding-top: 6px; } /* end of styling for the locked sticky small header ******************************************************* */ #MOD-company a.with-arrow { text-decoration: none; color: #FF0000; } #MOD-company a.with-arrow img { border: 0px; margin-left: 5px; } #MOD-company div.read-more-link, #MOD-company div.read-less-link { color: red; cursor: pointer; font-family: "Verdana"; } #MOD-company div.read-more-link img, #MOD-company div.read-less-link img { margin-left: 5px; } #mod-overview div.ad-square, #mod-thecompanybooks div.ad-square, #mod-opinionsforecasts div.ad-square, #mod-eventscalendar div.ad-large, #mod-eventscalendar .divad-square, #mod-stocksinvestments div.ad-large, #mod-stocksinvestments div.ad-square { float: right; margin-bottom: 15px; } /* sections */ #mod-overview, #mod-stocksinvestments, #mod-opinionsforecasts, #mod-eventscalendar, #mod-thecompanybooks { clear: both; float: left; } div.railed #mod-thecompanybooks { clear:none; } /* section headers & icons */ #MOD-company div.section-header h1 { font-size: 22px; } #MOD-company div.section-header { background: url("http://data.theglobeandmail.com/Research/ResourceManager/XhDt_R4PBF1vAURZ-QyzXg2/d/f/1tYXfdMBPh9aY0bvYxSajw2/Research/content/Images/h_gradient.png") 0px -500px repeat-x; border-bottom: #333; clear: both; height: 20px; margin: 20px 0px 30px 0px; padding-top: 55px; position: relative; text-align: center; } #MOD-company div.section-header div.header-icon { background: url("http://data.theglobeandmail.com/Research/ResourceManager/ZdeKcvistbeO7nPBECuLAw2/d/f/HPGe6_wLWkgfVKPZN3LJCQ2/Research/content/images/Sprite.png") no-repeat; color: #ffffff; font-family: 'PrattBlack', Georgia, serif; font-size: 14px; height: 27px; left: 50%; margin-left: -29px; padding-top: 24px; position: absolute; text-align: center; top: 0px; width: 61px; } /* icon bonanza */ #MOD-company div.section-header div.stocksinvestments-header-icon { background-position: -377px -225px; } #MOD-company div.section-header div.eventscalendar-header-icon { background-position: -377px -393px; } #MOD-company div.section-header div.opinionsforecasts-header-icon { background-position: -377px -337px; } #MOD-company div.section-header div.thecompanybooks-header-icon { background-position: -377px -281px; } #mod-thecompanybooks div.InnerComparisonsModule div.comparisons .not-available, #mod-thecompanybooks div.CompetetiveAnalysisModule .not-available { color: #38444B; font-family: 'PrattBlack', Georgia, serif; font-size: 18px; padding-top: 13px; } #mod-thecompanybooks div.InnerComparisonsModule div.comparisons .not-available { padding-top: 6px; padding-bottom: 7px; } #mod-thecompanybooks div.CompetetiveAnalysisModule .not-available { margin-bottom: 36px; padding-top: 6px; } /* company overview: quote CompanyOverviewQuoteModul */ #mod-overview div.CompanyOverviewQuoteModule { clear: both; float: left; } #mod-overview div.CompanyOverviewQuoteModule .small-label /* maybe deprecated not found on Company page march'14*/ { color: #666; font-family: "Helvetica"; font-size: 12px; } #mod-overview td { height: 100%; vertical-align: baseline; } #mod-overview div.full-header td.relative { /*set this td relative so we can position the disclaimer*/ position:relative; } #mod-overview div.full-header div.disclaimer { top:43px; /* spacing for the quote values*/ position: absolute; right:0px; } #mod-overview span.symbol { color: #FF6B00; display: block; font-size: 14px; text-decoration: none; } #mod-overview span.symbol a.fsi{ color: #ff0000; font-size: 14px; text-decoration: none; padding-left:1px; font-weight:bold; } /* the design from globe excludes this margin. with the new long names at 2 lines the margin looks bad. #mod-overview td.company-name h2 { margin-top: 5px; }*/ #mod-overview .quote-info-container { /* maybe deprecated not found on Company page march'14*/ float: right; width: 660px; } #mod-overview .quote-info { /* maybe deprecated not found on Company page march'14*/ padding-right: 10px; text-align: right; width: 100px; vertical-align: bottom; } #mod-overview .info-value { text-align: right; } #mod-overview .info-title { color: #7d7d7d; font-family: "Verdana", Sans-Serif; text-align: right; vertical-align: bottom; } #mod-overview span.change-container { font-family: 'PrattHeavy', 'PrattWebHeavy', Georgia, serif; font-size: 22px; } #mod-overview td.company-name, #mod-overview td.index-name { font-family: 'PrattHeavy', 'PrattWebHeavy',Georgia,serif; text-align: left; /* we don't need this. it confuses ie7width: 300px; /*the length of the disclaimer on September 31 12:00 PM is colliding with this, but since the Name can wrap to 2 or 3 lines, we pull it in.*/ } /* #mod-overview td.company-name { width: 340px; } redundant with above */ #mod-overview td.last-price { width: 135px; } #mod-overview td.todays-change { width: 155px; } #mod-overview td.price-earnings { width: 105px; } #mod-overview td.price-earnings .negative-pe { color: #999; } #mod-overview td.market-cap { width: 95px; } #mod-overview td.fifty-two-week-range { width: 110px; } #mod-overview td.fifty-two-week-range { padding-right: 0px; } #mod-overview div.disclaimer { clear: both; color: #acacac; float: right; font-size: 11px; text-align: right; width: 700px; /* Real Time message is longer*/ } #mod-overview div.CompanyOverviewSnapshotModule { background-color: #f4f7f8; float: left; margin-bottom: 20px; } #mod-overview div.CompanyOverviewSnapshotModule div.industry-summary { display:none; } /*TT0295862 */ #MOD-company.lite #mod-overview div.CompanyOverviewSnapshotModule { background-color: transparent; margin-top:0;; } #MOD-company.lite #mod-overview div.CompanyOverviewSnapshotModule div.industry-summary { display:block; clear:both; padding-top:10px; /*margin-top doesn't work since the above block is floated*/ } #MOD-company.lite #mod-overview div.CompanyOverviewSnapshotModule div.industry-summary .border.top{ margin-bottom:10px; } #MOD-company.lite #mod-overview div.CompanyOverviewSnapshotModule div.industry-summary .border.bottom{ margin-top:10px; } #MOD-company.lite #mod-overview div.CompanyOverviewSnapshotModule div.industry-summary >span { width:30%; display:inline-block; border-right:1px solid #b0b1b1; padding-left:2%; } #MOD-company.lite #mod-overview div.CompanyOverviewSnapshotModule div.industry-summary > span.exchange { font-weight:bolder; font-size:1.25em; color:grey; } #MOD-company.lite #mod-overview div.CompanyOverviewSnapshotModule div.industry-summary > span.exchange > .icon-neg-arrow, #MOD-company.lite #mod-overview div.CompanyOverviewSnapshotModule div.industry-summary > span.exchange > .icon-pos-arrow { display:inline-block; margin-left:60px; } #MOD-company.lite #mod-overview div.CompanyOverviewSnapshotModule div.industry-summary > span.exchange > .change { display:inline-block; color: #ff0000; font-family: 'PrattBlack', Georgia, serif; font-size:1.5em; } #MOD-company.lite #mod-overview div.CompanyOverviewSnapshotModule div.industry-summary > span.industry { border-right:0px; } #MOD-company.lite #mod-overview div.CompanyOverviewSnapshotModule div.industry-summary em { font-weight:bolder; display:inline-block; margin-left:5px; } #MOD-company.lite #mod-overview div.company-snippets h4 { /* Like #MOD-company h4 */ color: #ff0000; border-bottom:0px; } #mod-overview div.CompanyNavigationModule ul { display: inline; float: left; list-style-type: none; width: 100%; } #mod-overview div.CompanyNavigationModule a { background-color: #5d676e; color: #b7c9d2; display: block; width: 112px; height: 30px; padding: 5px; text-decoration: none; } #mod-overview div.CompanyNavigationModule li { cursor: pointer; display: inline; float: left; font-family: 'PrattHeavy', "PrattWebHeavy", "Georgia", Serif; font-size: 12px; height: 40px; min-height: 30px; margin: 0px 2px 0px 0px; width: 122px; } #mod-overview div.CompanyNavigationModule a.active { background-color: #38444b; color: #fff; } #mod-overview div.CompanyNavigationModule li.last { margin-right: 0px; width: 124px; } #mod-overview div.CompanyNavigationModule li.last a { width: 114px; } #mod-overview div.performance-chart { clear: both; float: left; margin: 20px 17px 30px 17px; } #mod-overview div.performance-chart h4 { color: #38444B; } /******************************************** Generic Snippet style ********** USED BY: Competitive-analysis and company-snippets *****/ #MOD-company div.snippet { /*normal view 4 snippets wide, with margin, no borders*/ float: left; margin-right: 20px; width: 130px; } #MOD-company div.snippet div.value { color: #38444B; font-family:'PrattHeavy', 'PrattWebHeavy', Georgia, serif; font-size: 34px; height: 34px; font-weight: normal; padding-top: 0px; } /* legacy style for original page*/ #MOD-company:not(.lite) div.CompetetiveAnalysisModule div.snippet div.value { color: #38444B; font-family: 'PrattBlack',Georgia,serif; font-size: 30px; margin-bottom: 30px; } #MOD-company:not(.lite) div.company-snippets div.snippet div.value { font-size:inherit; height:inherit; } #MOD-company:not(.lite) div.company-snippets div.big-text { color: #38444B; font-family: 'PrattBlack',Georgia,serif; font-size: 28px; font-weight: normal; height: 28px; padding-top: 0; } /**************************************************** specific CompanySnippets ***************************************** TT0295862 Note that the normal expanded product snippits are within the div.CompanyOverviewModule So the less specific rules Can target the liteProduct. See how I handled splitting the rule for div.snippet width belowwidth below.*/ #MOD-company div.company-snippets { color: #38444B; clear: both; float: left; margin: 0px 0px 20px 20px; } #MOD-company.lite div.company-snippets { margin-left:0; } #MOD-company.lite div.snippet { /* limited "lite" view: 3 snippets wide, padding to dotted border on side, no margins*/ width: 193px; padding-right:10px; padding-left:9px; border-left: 1px dotted #b0b1b1; margin:0; } #MOD-company.lite #mod-overview div.company-snippets div.snippet.earnings{ padding-left:0px; border-left:0px; } #MOD-company.lite #mod-overview div.company-snippets div.snippet.net-income { padding-right:0; } /* Lighter background color; consistent with Performance module and makes the .rating .graphic look transparent */ #MOD-company.lite div.company-snippets div.graphic-wrapper { background-color:#F4F7F8; padding:5px; } #MOD-company.lite #mod-overview div.company-snippets div.graphic { background-color:#F4F7F8; } #MOD-company.lite #mod-overview div.company-snippets h4 { margin-bottom:inherit; } #MOD-company div.company-snippets h4 { border-bottom: 1px dotted #b0b1b1; color: #38444b; font-size: 12px; margin-bottom: 10px; padding-bottom: 6px; } #MOD-company div.company-snippets div.graphic { background-color: #d5e0e5; height: 62px; margin:auto; font-weight: bold; text-align: center; } #MOD-company div.company-snippets div.earnings div.graphic { background-color: transparent; } #MOD-company div.company-snippets div.ratings div.graphic { width:130px; background-image: url("http://data.theglobeandmail.com/Research/ResourceManager/ZdeKcvistbeO7nPBECuLAw2/d/f/HPGe6_wLWkgfVKPZN3LJCQ2/Research/content/images/Sprite.png"); background-repeat: no-repeat; } #MOD-company div.company-snippets p { margin-top:10px; line-height: 18px; } #MOD-company div.company-snippets div.stock-reports p { margin-top:inherit; } #MOD-company div.company-snippets a { color: #f00f0f; text-decoration: none; } #MOD-company div.company-snippets div.label { font-size: 11px; padding-top: 4px; } #MOD-company div.company-snippets span.small-text { color: #38444B; font-size: 11px; font-family: "Helvetica", Sans-Serif; font-weight: normal; } #MOD-company div.company-snippets div.stock-reports span.small-text { font-weight: bold; } #MOD-company div.company-snippets div.ratings div.graphic-wrapper { padding-top:5px; } #MOD-company div.company-snippets div.graphic { height:57px; background-position:200px 200px; /*this is a bogus, non-image area. We don't want to show the corner of the sprite if the performance class fails*/ } #MOD-company div.company-snippets div.sell { background-position: -225px -455px; } #MOD-company div.company-snippets div.underperform { background-position: -225px -380px; } #MOD-company div.company-snippets div.hold { background-position: -75px -530px; } #MOD-company div.company-snippets div.buy { background-position: -75px -455px; } #MOD-company div.company-snippets div.strongbuy { /* "Strong Buy*/ background-position: -75px -380px; } #MOD-company div.company-snippets div.no-opinion { background-position: -372px -455px; } /* **************************************************End of Company snippets ********* */ #MOD-company .icon-pos-arrow { background-position: -233px 0; height: 13px; margin-right: 4px; width: 16px; } #MOD-company .icon-neg-arrow { background-position: -216px 0; height: 13px; margin-right: 4px; width: 16px; } #mod-overview div.industry-bar { background: #FFF; clear: both; float: left; width: 100%; } #MOD-company div.border { background: url("http://data.theglobeandmail.com/Research/ResourceManager/XhDt_R4PBF1vAURZ-QyzXg2/d/f/1tYXfdMBPh9aY0bvYxSajw2/Research/content/Images/h_gradient.png") 0px -331px repeat-x; height:3px; } #mod-overview div.industry-bar div.border { width: 620px; } #mod-overview div.industry-bar table { margin: 8px 0px; width: 620px; } #mod-overview div.industry-bar td { color: #666666; font-size: 12px; font-weight: bold; line-height: 14px; padding: 0px 10px; vertical-align: top; } #mod-overview div.industry-bar td.label { color: #666; padding-right: 0px; width: 55px; } #mod-overview div.industry-bar td.sector-label, #mod-overview div.industry-bar td.industry-label { font-size: 11px; font-weight: normal; padding-left: 0; padding-right: 6px; text-align: right; } #mod-overview div.industry-bar td.sector-label { width: 46px; } #mod-overview div.industry-bar td.value { color: #333; padding-left: 0px; text-align: right; width: 150px; } #mod-overview div.industry-bar td.index-value, #mod-overview div.industry-bar td.sector-value { border-right: 1px dotted #ccc; } #mod-overview div.industry-bar td.sector-value, #mod-overview div.industry-bar td.industry-value { font-size: 11px; text-align: left; } #mod-overview div.industry-bar td.index-label { padding-left: 20px; width: 60px; } #mod-overview div.industry-bar td.index-value { font-family: "PrattBlack", 'PrattHeavy', "PrattWebHeavy", "Georgia", Serif; font-size: 14px; font-weight: normal; width: 81px; } #mod-overview div.industry-bar td.industry-value { padding-right: 20px; } /* #mod-overview .quote .comparison-value { /* maybe deprecated, cannot find on page Mar'14 font-family: 'PrattWebHeavy', Georgia, serif; }*/ /*Company overview Module. used alone in company lite page and nested in CompanyOverviewModule on the expanded page*/ #mod-overview div.CompanyOverviewInfoModule { float: right; } #mod-overview div.expandable-content { font-family: "Verdana", Sans-serif; line-height: 20px; } #mod-overview div.company-info-section { border-bottom: 1px dotted #999999; padding: 15px 0px; } #MOD-company.railed #mod-overview div.company-info-section:first-of-type { padding-top:0; } #mod-overview div.headquarters { border-bottom: 0px; line-height: 20px; } #mod-overview div.headquarters a { text-decoration: none; color: #000; } #mod-overview div.officers { border-bottom: 0px; padding-bottom: 0px; } #mod-overview div.officers h4 { padding-bottom: 0px; } #mod-overview div.CompanyOverviewInfoModule div.company-officer { border-bottom: 1px dotted #999999; padding: 13px 0px; } #mod-overview div.CompanyOverviewInfoModule span.officer-position { color: #7d7d7d; padding-left: 10px; } #mod-overview div.CompanyPressReleaseModule, #mod-overview div.CompanyOverviewNewsModule { float: left; } #mod-overview div.CompanyPressReleaseModule.loading, #mod-overview div.CompanyOverviewNewsModule.loading { opacity:0.5; cursor:wait; } #mod-overview div.CompanyPressReleaseModule div.main-news, #mod-overview div.CompanyOverviewNewsModule div.main-news { clear: both; /*float: left;*/ margin-bottom: 25px; } /*=====start TT0292240=====*/ /* CompanyOverviewNewsModule */ #mod-overview div.CompanyPressReleaseModule div.main-news .generic-image-replacement-list , #mod-overview div.CompanyOverviewNewsModule div.main-news .generic-image-replacement-list { display: none; } #mod-overview div.CompanyPressReleaseModule div.main-news.generic-image .main-article-image, #mod-overview div.CompanyOverviewNewsModule div.main-news.generic-image .main-article-image { display: none; } #mod-overview div.CompanyPressReleaseModule div.main-news.generic-image .main-article .article-link h2, #mod-overview div.CompanyOverviewNewsModule div.main-news.generic-image .main-article .article-link h2 { font-size: 28px; line-height: 34px; } #mod-overview div.CompanyPressReleaseModule div.main-news.generic-image .generic-image-replacement-list a.article-link, #mod-overview div.CompanyOverviewNewsModule div.main-news.generic-image .generic-image-replacement-list a.article-link { font-size: 18px; line-height: 20px; } #mod-overview div.CompanyPressReleaseModule div.generic-image-replacement-list.article-list li, #mod-overview div.CompanyOverviewNewsModule div.generic-image-replacement-list.article-list li { border-top: 1px dotted #dedede; border-bottom: 0px; /*No double border (top and bottom overlap) */ } #mod-overview div.CompanyPressReleaseModule div.generic-image-replacement-list.article-list h4.article-section, #mod-overview div.CompanyOverviewNewsModule div.generic-image-replacement-list.article-list h4.article-section { display: none; /* They asked to remove the div displaying the ection label*/ } #mod-overview div.CompanyPressReleaseModule div.main-news.generic-image .article-list .generic-image-replacement, #mod-overview div.CompanyPressReleaseModule div.main-news.generic-image div.main-article h4.article-section, #mod-overview div.CompanyOverviewNewsModule div.main-news.generic-image .article-list .generic-image-replacement, #mod-overview div.CompanyOverviewNewsModule div.main-news.generic-image div.main-article h4.article-section { display: none; } #mod-overview div.CompanyPressReleaseModule div.main-news.generic-image .generic-image-replacement-list, #mod-overview div.CompanyOverviewNewsModule div.main-news.generic-image .generic-image-replacement-list { display: block; /*Same as div.main-article*/ float: left; padding-right: 24px; line-height: 18px; width: 300px; } /*=====end TT0292240=====*/ #mod-overview div.CompanyPressReleaseModule div.main-article, #mod-overview div.CompanyOverviewNewsModule div.main-article { float: left; padding-right: 25px; line-height: 18px; width: 100%; } #mod-overview div.CompanyPressReleaseModule div.main-article a, #mod-overview div.CompanyOverviewNewsModule div.main-article a { text-decoration: none; } #mod-overview div.CompanyPressReleaseModule div.main-article h2, #mod-overview div.CompanyOverviewNewsModule div.main-article h2 { line-height: 30px; margin: 10px 0; } #mod-overview div.CompanyPressReleaseModule div.article-list, #mod-overview div.CompanyOverviewNewsModule div.article-list { width: 100%; /*margin: 20px 0;*/ } #mod-overview div.CompanyPressReleaseModule div.article-list li, #mod-overview div.CompanyOverviewNewsModule div.article-list li { border-bottom: 1px dotted #dedede; font-family: "Georgia", Serif; font-size: 13px; padding: 10px 0px; } #mod-overview div.CompanyPressReleaseModule div.article-list a, #mod-overview div.CompanyOverviewNewsModule div.article-list a { color: #000; font-size: 16px; text-decoration: none; display: table-cell; } #mod-overview div.CompanyPressReleaseModule div.article-list span.time-ago, #mod-overview div.CompanyOverviewNewsModule div.article-list span.time-ago { color: #acacac; display: inline-block; font-size: 11px; width: 85px; float: left; } #mod-overview div.CompanyPressReleaseModule div.article-list .source, #mod-overview div.CompanyOverviewNewsModule div.article-list .source { margin-left: 85px; color: #acacac; font-size: 11px; } #mod-overview div.CompanyPressReleaseModule div.news-volume, #mod-overview div.CompanyOverviewNewsModule div.news-volume { background-color: #f4f7f8; clear: both; float: left; padding: 15px; width: 590px; } #mod-overview div.CompanyPressReleaseModule div.caption, #mod-overview div.CompanyOverviewNewsModule div.caption { float: left; width: 270px; } #mod-overview div.CompanyPressReleaseModule div.caption p, #mod-overview div.CompanyOverviewNewsModule div.caption p { font-family: "Georgia", Serif; font-size: 13px; } #mod-overview div.CompanyPressReleaseModule div.chart, #mod-overview div.CompanyOverviewNewsModule div.chart { float: right; width: 310px; } #mod-overview div.CompanyPressReleaseModule .load-more-button, #mod-overview div.CompanyOverviewNewsModule .load-more-button { width: 100%; border: 1px solid #38444B; text-align: center; font-size: 16px; float: left; margin: 20px 0; line-height: 48px; border-radius: 3px; cursor: pointer; } #MOD-company div.smart-text.small { color:#38444b; } /* company stocks and investments */ #mod-stocksperformancemodule { float: left; margin-bottom: 20px; } #mod-stocksperformancemodule div.smart-text { float: left; } #mod-stocksperformancemodule div.smart-text div.quote-bar { background-image: url("http://data.theglobeandmail.com/Research/ResourceManager/ZdeKcvistbeO7nPBECuLAw2/d/f/HPGe6_wLWkgfVKPZN3LJCQ2/Research/content/images/Sprite.png"); background-position: -225px -525px; background-repeat: no-repeat; clear: both; float: left; height: 20px; margin: 20px 0px; width: 300px; } #mod-stocksperformancemodule div.smart-text div.value { clear: both; color: #84A3B2; font-size: 18px; font-family: "Georgia", Serif; float: left; line-height: 24px; } #mod-stocksinvestments .medium-chart div.smart-text { display: none; } #mod-stocksperformancemodule div.chart { float: right; } #mod-stocksperformancemodule div.main-controls div.title { float: left; } #mod-stocksperformancemodule div.main-controls div.TimeframeDropdown { float: right; } #mod-stocksperformancemodule div.main-controls div.ChartSizeToggleModule { float: right; } /* */ #MOD-company.Expanded div.sidebar div.CompanyOverviewInfoModule { /*need margin between the ad and whichever sidebar is directly below it */ display:block; margin-top:15px; margin-bottom:0; } /************************************************************** Expanded Quote Module ************************************** this may display as a 1 2 or 3 columns *************************************************************************************/ #MOD-company div.ExpandedQuoteModule { float: left; margin-bottom: 20px; } /*region - module view selection */ #MOD-company div.ExpandedQuoteModule, #MOD-company.Expanded div.sidebar div.ExpandedQuoteModule, #MOD-company #mod-stocksinvestments.medium-chart ~ div.sidebar div.ExpandedQuoteModule { /* not when the medium chart is open*/ display: none; } #MOD-company div.large div.ExpandedQuoteModule, #MOD-company.lite #mod-stocksinvestments.medium-chart div.ExpandedQuoteModule { display: inherit; width:100%; } #MOD-company div.sidebar div.ExpandedQuoteModule { /*need margin between the ad and whichever sidebar is directly below it */ display:inherit; margin:15px 0; } /*ul*/ #MOD-company div.ExpandedQuoteModule ul { float: left; width: 300px; margin-left: 20px; /*columns space */ border-top: 1px dotted #ccc; } #MOD-company div.ExpandedQuoteModule ul.first, #MOD-company div.sidebar div.ExpandedQuoteModule ul{ margin-left: 0px; } #MOD-company div.sidebar div.ExpandedQuoteModule ul.last, #MOD-company:not(.railed) div.ExpandedQuoteModule ul { /* .railed is restricting this from the original co page. TODO for Company "Expanded" all ul's will get this border. */ border-top:none; } /*li*/ #MOD-company div.ExpandedQuoteModule li { border-bottom: 1px dotted #ccc; float: left; padding:6px 0 7px; /*6 0 7 is the original release and works with the RT icon. the lite proto's used padding: 10px 0px in places.... staying with 1 rule for all: 6 0 7 */ width: 300px; } /*span */ #MOD-company div.ExpandedQuoteModule span.label { float: left; } #MOD-company div.ExpandedQuoteModule span.value { float: right; } #MOD-company div.ExpandedQuoteModule span.light { color: #999; } #MOD-company div.ExpandedQuoteModule span.small-label { font-size: 9px; } #MOD-company div.ExpandedQuoteModule span.multiplier { position: relative; top: -1px; } /*div*/ #MOD-company div.ExpandedQuoteModule div.timestamp { clear: both; color: #999; float: left; font-size: 10px; padding-top: 5px; text-align: left; } #MOD-company.lite div.sidebar div.ExpandedQuoteModule div.large { width: 300px; } /*override absolute position for the timestamp in lite */ #MOD-company.lite #mod-stocksinvestments div.ExpandedQuoteModule{ position:relative; /*to position the timestamp to*/ } #MOD-company.lite #mod-stocksinvestments div.ExpandedQuoteModule div.timestamp { position:absolute; top:22px; /*Enough to clear h2, above*/ line-height:10px; /*Small enough to fit in h2 margin, above*/ } #MOD-company.lite #mod-stocksinvestments div.ExpandedQuoteModule h2 { color:#38444B; font-size: 20px; margin-bottom:30px; /*Enough for timestamp potentially two-lines if 300px wide in railed*/ } /******************************************************** CompetitiveAnalysisModule **********************************/ #MOD-company div.CompetetiveAnalysisModule { background-color: #f4f7f8; float: left; margin-bottom: 50px; padding: 10px 10px 15px 10px; width: 600px; } #MOD-company div.CompetetiveAnalysisModule h2 { font-size: 18px; padding: 10px 0px; } #MOD-company div.CompetetiveAnalysisModule p { font-family: Verdana, Sans-Serif; } #MOD-company div.CompetetiveAnalysisModule div.snippets { /*overrides from generic #MOD-company div.snippets */ margin-top: 25px; } #MOD-company div.CompetetiveAnalysisModule div.snippet h4 { /*overrides from generic #MOD-company div.snippet */ width:145px; /*see comment below */ font-size: 11px; /* "RETURN-ON-EQUITY (TTM)" is too long for 11px" */ } #MOD-company div.CompetetiveAnalysisModule div.graphic { margin-top: 20px; /*this was 30, but looked busted*/ } /*********************************************************** PeersModule ******************************************/ #MOD-company div.CompanyStocksPeersModule { float: left; } #MOD-company div.CompanyStocksPeersModule table { border-bottom: 2px solid #bdbdbd; border-top: 1px solid #999; } #MOD-company div.CompanyStocksPeersModule h3 { font-size: 16px; width: 600px; } #MOD-company div.CompanyStocksPeersModule th, #MOD-company div.CompanyStocksPeersModule td { border-bottom: 1px dotted #000; padding: 8px 10px 8px 0px; text-align: right; width: 75px; } #MOD-company div.CompanyStocksPeersModule th { color: #333333; font-size: 11px; vertical-align: bottom; } #MOD-company div.CompanyStocksPeersModule tr.main-company td { border-bottom: 1px solid #000; } #MOD-company div.CompanyStocksPeersModule td.heading { background-color: #fafafa; text-align: left; } #MOD-company div.CompanyStocksPeersModule th.company, #MOD-company div.CompanyStocksPeersModule td.company { padding-left: 5px; text-align: left; width: 190px; } #MOD-company div.CompanyStocksPeersModule th.symbol, #MOD-company div.CompanyStocksPeersModule td.symbol { text-align: left; text-decoration: none; } #MOD-company div.CompanyStocksPeersModule td.symbol a { color: #f36d21; text-decoration: none; } #MOD-company div.CompanyStocksPeersModule div.view-more { clear both; float: right; font-family: "Verdana"; padding-top: 5px; } /* events */ #mod-eventscalendar div.CompanyEventsRatingsHistoryModule { border-right: #cccccc dotted 1px; float: left; margin-right: 15px; padding-right: 19px; } #mod-eventscalendar div.CompanyEventsRatingsHistoryModule div.status { background-color: #f4f7f8; color: #38444B; font-family: 'PrattHeavy', 'PrattWebHeavy', Georgia, serif; font-size: 14px; margin: 5px 0px 15px 0px; padding: 5px; width: 190px; } #mod-eventscalendar div.CompanyEventsRatingsHistoryModule div.status span.status-text { display:inline-block; } #mod-eventscalendar div.CompanyEventsRatingsHistoryModule div.status span.status-date { display:inline-block; padding-top:5px; } #mod-eventscalendar div.CompanyEventsRatingsHistoryModule h4 { width: 185px; } #mod-eventscalendar div.CompanyEventsRatingsHistoryModule div.ratings-history { clear: both; color: #38444b; float: left; margin-bottom: 40px; } #mod-eventscalendar div.CompanyEventsRatingsHistoryModule div.ratings { clear: both; float: left; width: 185px; } #mod-eventscalendar div.CompanyEventsRatingsHistoryModule div.rating { clear: both; float: left; padding-bottom: 10px; text-transform: capitalize; width: 185px; } #mod-eventscalendar div.CompanyEventsRatingsHistoryModule div.label { font-size: 11px; padding-bottom: 5px; } #mod-eventscalendar div.CompanyEventsRatingsHistoryModule div.value { color: #38444B; font-size: 26px; font-family: 'PrattBlack', Georgia, serif; } #mod-eventscalendar div.CompanyEventsRatingsHistoryModule div.rating-label, #mod-eventscalendar div.CompanyEventsRatingsHistoryModule div.as-of { clear: both; color: #999; float: left; font-size: 10px; width: 185px; } #mod-eventscalendar div.CompanyEventsRatingsHistoryModule div.conference-calls { clear: both; float: left; } #mod-eventscalendar div.CompanyEventsRatingsHistoryModule div.conference-calls li { border-bottom: 1px dotted #999; color: #333; font-family: "Georgia"; font-size: 14px; line-height: 21px; padding: 10px 0px 15px 0px; text-decoration: none; width: 185px; } #mod-eventscalendar div.CompanyEventsRatingsHistoryModule div.conference-calls a { color: #333; font-family: "Georgia"; font-size: 14px; line-height: 21px; text-decoration: none; } #mod-eventscalendar div.CompanyEventsRatingsHistoryModule div.conference-calls .listen-link a { color: #FF0000; font-family: "Helvetica", Sans-Serif; font-size: 12px; text-decoration: none; } #mod-eventscalendar div.CompanyEventsRatingsHistoryModule div.conference-calls .icon-listen { margin-right: 3px; } #mod-eventscalendar div.CompanyEventsRatingsHistoryModule div.conference-calls div.date { color: #999; font-family: "Helvetica"; font-size: 12px; } #mod-eventscalendar div.CompanyEventsEarningsReleasesModule, #mod-eventscalendar div.CompanyEventsDividendAnalysisModule { float: left; } #mod-eventscalendar div.CompanyEventsEarningsReleasesModule p, #mod-eventscalendar div.CompanyEventsDividendAnalysisModule p { font-family: Verdana, Sans-Serif; line-height: 20px; } #mod-eventscalendar div.CompanyEventsEarningsReleasesModule { padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px dotted #999; } #mod-eventscalendar div.CompanyEventsEarningsReleasesModule h4 { padding-bottom: 15px; } #mod-eventscalendar div.CompanyEventsEarningsReleasesModule div.chart, #mod-eventscalendar div.CompanyEventsDividendAnalysisModule div.chart { height: 150px; margin-top: 15px; } /* company opinion & forecasts */ #mod-opinionsforecasts div.CompanyOpinionTwitterModule { float: left; } #mod-opinionsforecasts div.CompanyOpinionEarningsEstimatesModule, #mod-opinionsforecasts div.CompanyOpinionTargetPriceModule, #mod-opinionsforecasts div.CompanyOpinionRevenueModule { float: left; margin-bottom: 40px; } #mod-opinionsforecasts div.description { float: left; padding-right: 30px; width: 130px; } #mod-opinionsforecasts div.description p { color: #333333; font-size: 14px; font-family: "Georgia", Serif; line-height: 22px; } #mod-opinionsforecasts div.chart { float: left; height: 275px; width: 460px; } #mod-opinionsforecasts div.CompanyOpinionExpertsPodiumModule { border-bottom: 3px solid #dddddd; float: left; margin-bottom: 30px; padding-bottom: 20px; } #mod-opinionsforecasts div.CompanyOpinionExpertsPodiumModule div.text { float: left; font-family: "Verdana"; padding-left: 15px; width: 385px; } #mod-opinionsforecasts div.CompanyOpinionExpertsPodiumModule div.graphic { float: left; overflow:hidden; /*if the image api fails it will send an oversized placeholder image */ height: 125px; width: 220px; } #mod-opinionsforecasts div.CompanyOpinionExpertsPodiumModule div.caption { font-size: 24px; font-family: "Georgia"; line-height: 30px; } #mod-opinionsforecasts div.CompanyOpinionExpertsPodiumModule a.article-headline { text-decoration: none; color: #000; } #mod-opinionsforecasts div.CompanyOpinionExpertsPodiumModule div.description { float: left; line-height: 18px; padding: 10px 0px 0px 0px; width: 385px; } /**************************************************************************************************************** company books section */ /********************************* Inner-Company********************* InnerComparisonModule ******************************/ #MOD-company div.InnerComparisonsModule { float: left; /*needed for ad to float right*/ /*height: 200px;*/ color: #38444b; margin-bottom: 25px; border-bottom: 1px solid #999; } #MOD-company div.InnerComparisonsModule h2 { border-bottom: 1px dotted #ccc; margin-bottom: 25px; padding-bottom: 10px; } #MOD-company div.InnerComparisonsModule h3 { /*color: #000;*/ font-size: 14px; } #MOD-company div.InnerComparisonsModule div.label, #MOD-company div.InnerComparisonsModule label.sub-label { font-size: 11px; font-weight: bold; padding-top: 36px; } #MOD-company div.InnerComparisonsModule label.sub-label { padding-top: 0px; } #MOD-company div.InnerComparisonsModule div.value { font-family: 'PrattBlack', Georgia, serif; font-size: 32px; } #MOD-company div.InnerComparisonsModule .magnitude, #MOD-company div.InnerComparisonsModule span.fMagnitude { font-size: 30px; } #MOD-company div.InnerComparisonsModule .last { margin-right: 0px; } #MOD-company div.comparison { background: url("http://data.theglobeandmail.com/Research/ResourceManager/ZdeKcvistbeO7nPBECuLAw2/d/f/HPGe6_wLWkgfVKPZN3LJCQ2/Research/content/images/Sprite.png") no-repeat -475px -300px; float: left; height: 121px; margin-right: 21px; text-align: center; padding-top: 24px; width: 139px; } /****************************************************** FinancialsToggleModule ************************************************/ #MOD-company div.FinancialsToggleModule { border-bottom: 1px dotted #dedede; float: left; padding-bottom: 15px; margin-bottom: 35px; } #MOD-company div.FinancialsToggleModule li { color: #37444c; cursor: pointer; display: inline; float: left; margin: 0px 5px; line-height: 22px; height: 22px; text-decoration: none; } #MOD-company div.FinancialsToggleModule div.label { color: #6a7e89; height: 22px; float: left; padding: 0px 5px; } #MOD-company div.FinancialsToggleModule div.right-side, #MOD-company div.FinancialsToggleModule div.left-side { float: left; } #MOD-company div.FinancialsToggleModule li.selected { font-weight: bold; text-decoration: underline; } #MOD-company div.FinancialsToggleModule li.selected div.right-side, #MOD-company div.FinancialsToggleModule li.selected div.left-side { height: 22px; width: 9px; } #MOD-company div.FinancialsToggleModule li.selected div.left-side { background: url("http://data.theglobeandmail.com/Research/ResourceManager/jSqDUrHyynsKvsvHNsRlvQ2/d/f/HPGe6_wLWkgfVKPZN3LJCQ2/Research/content/Images/sprite.png") -451px -301px no-repeat; } #MOD-company div.FinancialsToggleModule li.selected div.right-side { background: url("http://data.theglobeandmail.com/Research/ResourceManager/jSqDUrHyynsKvsvHNsRlvQ2/d/f/HPGe6_wLWkgfVKPZN3LJCQ2/Research/content/Images/sprite.png") -451px -326px no-repeat; } #MOD-company div.FinancialsToggleModule li.selected div.label { background-color: #37444c; color: #fff; } /**************************************************************************** financials table *******************************************/ #MOD-company div.FinancialsTable { clear: both; float: left; } #MOD-company div.FinancialsTable thead { border-bottom: 2px solid #000; } #MOD-company div.FinancialsTable thead th, #MOD-company div.FinancialsTable thead td { border-bottom: 0px; padding-top: 0px; padding-bottom: 12px; } #MOD-company div.FinancialsTable th { border-bottom: 1px solid #000; font-weight: bold; padding-top: 15px; padding-bottom: 7px; text-transform: uppercase; } #MOD-company div.FinancialsTable th span.value-expression{ text-transform:none; } /*#MOD-company div.FinancialsTable tbody { margin-bottom: 15px; } does nothing to a tbody */ #MOD-company div.FinancialsTable td { color: #333333; } #MOD-company div.FinancialsTable th.label { padding-right: 20px; width: 400px; } #MOD-company div.FinancialsTable td.label { padding-left: 5px; padding-right: 20px; } #MOD-company div.FinancialsTable th.value, #MOD-company div.FinancialsTable td.value { padding-right: 30px; text-align: right; width: 100px; } #MOD-company.railed div.FinancialsTable th.value, #MOD-company.railed div.FinancialsTable td.value { width:65px; } #MOD-company.railed div.FinancialsTable th.value:last-of-type, #MOD-company.railed div.FinancialsTable td.value:last-of-type { padding-right:10px; } #MOD-company div.FinancialsTable span.shortdate, #MOD-company div.FinancialsTable span.longdate { display:none; } #MOD-company:not(.railed) div.FinancialsTable span.longdate, #MOD-company.railed div.FinancialsTable span.shortdate { display:inline; } /*#MOD-company div.FinancialsTable tr.odd th,*/ #MOD-company div.FinancialsTable tr.odd td { background-color: #f4f7f8; } #MOD-company div.FinancialsTable td { border-bottom: 1px dotted #b3b3b3; padding-top: 10px; padding-bottom: 10px; } #MOD-company div.FinancialsTable thead tr.period-end th.label { font-weight: normal; } #MOD-company div.FinancialsTable thead tr.period-end th.value { font-weight: normal; text-transform: uppercase; } #MOD-company div.FinancialsTable span.value-expression { color: #999; font-family: Helvetica; font-size: 11px; padding-left: 5px; } #MOD-company div.FinancialsTable div.period-toggle span.period { color: #666666; cursor: pointer; font-size: 11px; text-transform: uppercase; } #MOD-company div.FinancialsTable div.period-toggle span.selected { color: #000000; font-size: 14px; } /************************************************* chart overrides ********************************************************************/ /*---------------------*/ /* Small Chart */ /*---------------------*/ #MOD-company div.SmallChartModule { background-color: #fff; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-size: 12px; } #MOD-company div.SmallChartModule div.main-controls { margin-top: 0px; } #MOD-company div.SmallChartModule div.timestamp { font-size: 10px; color: #999; padding-bottom: 10px; } #MOD-company div.SmallChartModule div.main-controls .static { font-weight: bold; } #MOD-company div.SmallChartModule div.main-controls li.pipe { border-right: 1px solid #666; padding-right: 6px; } #MOD-company div.SmallChartModule#view-text { color: #ff6b00; } /* custom dropdown */ #MOD-company div.SmallChartModule ul.dropdown-nav { float: left; margin: 0; padding: 0; position: relative; } #MOD-company div.SmallChartModule ul.dropdown-nav li { /* disable text selection*/ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } #MOD-company div.SmallChartModule li.select-element { background: url("http://data.theglobeandmail.com/Research/ResourceManager/OT_idxK-mV8QrZgvNKrOng2/d/f/HPGe6_wLWkgfVKPZN3LJCQ2/Research/content/Images/Sprite.png") top right no-repeat; background-position: -417px 0px; color: #000; display: block; height: 18px; padding: 3px 0px 3px 10px; width: 91px; text-decoration: none; } #MOD-company div.SmallChartModule li.select-element:hover { color: #000; } #MOD-company div.SmallChartModule ul.dropdown-nav ul.dropdown-contents { background-color: #fff; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: none; left: 0px; position: absolute; z-index:99991; /* have to beat .widget_ad, TT0298796 */ top: 26px; width: 160px; } #MOD-company div.SmallChartModule .TimeframeDropdown ul.showMenu .dropdown-contents { display: block; } #MOD-company div.SmallChartModule ul.dropdown-nav ul.dropdown-contents li { margin: 0px; padding: 7px 0px 7px 15px; width: 145px; } #MOD-company div.SmallChartModule .main-controls ul.dropdown-contents li:hover { font-weight: bold; color: #333; } #MOD-company div.SmallChartModule .main-controls ul.dropdown-contents li.selected { background-color: #ff6b00; color: #fff; font-weight: bold; } #MOD-company div.SmallChartModule ul.dropdown-nav ul.dropdown-contents li.disabled, #MOD-company div.SmallChartModule ul.dropdown-nav ul.dropdown-contents li.disabled:hover { color: #ccc; cursor: default; font-weight: normal; } #MOD-company div.SmallChartModule ul.dropdown-nav ul.dropdown-contents li.custom-range { border-top: 1px solid #ccc; } #MOD-company div.SmallChartModule ul.dropdown-nav ul.dropdown-contents li.last { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; } #MOD-company div.SmallChartModule ul.dropdown-nav ul.dropdown-contents li.first { border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; } #MOD-company div.full-screen-chart-dialog { } #MOD-company div.full-screen-chart-dialog div.ui-dialog-titlebar { display: none; } #MOD-company div.full-screen-chart-dialog div.ui-dialog-content { padding: 0px; overflow: hidden; } #MOD-company div.full-screen-chart-dialog div.ui-dialog-content iframe.full-screen-chart-frame { padding: 0px; margin: 0px; border: 0 none; } #MOD-company.lite #mod-stocksperformancemodule.full div.SmallChartModule, #MOD-company.lite #mod-stocksperformancemodule.full div.SmallChartModule img { background-color: #F4F7F8; width:99.9%; /*So padding doesn't overflow. also 100% cuts the image in FF*/ } /* tool tips*/ #MOD-company span.hasTooltip { position: relative; } #MOD-company div.toolTip { display: block; background-color: #FFFFFF; border: 1px solid #d1d1d1; line-height:normal; padding: 12px; position: absolute; left:-59px; top:auto; bottom:22px; text-align: left; width: 280px; z-index: 1000; /*Tool Tip Shadows*/ -moz-box-shadow: 5px 5px 5px #CCCCCC; -webkit-box-shadow: 5px 5px 5px #CCCCCC; box-shadow: 5px 5px 5px #CCCCCC; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#CCCCCC')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#CCCCCC'); } #MOD-company div.ChartSizeToggleModule div.toolTip { bottom:30px; left:-275px; } #MOD-company div.ChartSizeToggleModule div.toolTip span.icon-selected { margin-left:242px; } /*since the small header is attached to the top of the viewport the popover need to be below the icon.*/ #MOD-company div.small-header div.toolTip { top: -15px; left: 7px; bottom:auto; white-space:normal; } /*and the caret points to the left not down*/ #MOD-company div.small-header div.toolTip span.icon-selected { background-position: -211px -49px; left: -40px; top: 13px; width: 8px; height: 13px; } #MOD-company div.toolTip h3 { color: #111; font-size: 16px; } #MOD-company div.toolTip p { color: #7d7d7d; font-family: Verdana,Arial,Helvetica,San-Serif; font-size: 11px; line-height: 16px; margin: 12px 0; text-align:left; } #MOD-company div.toolTip p.legal { color:#666; font-size:8px; line-height:normal; margin-bottom:0; } #MOD-company div.toolTip .icon-selected { background-position: -146px top; bottom: -8px; display: block; height: 8px; margin: 0 0 0 32px; position: absolute; width: 13px; } #MOD-company #mod-opinionsforecasts, #MOD-company #mod-overview{ position:relative; /*So the sidebars position:absolute works relative to containing modules*/ } /* this div supports varied layout content flow support. mostly the sidebar will change position based on the content that needs to be above it.*/ /* sidebar is a float:right ; we don't need to set top*/ /*#MOD-company.lite div.sidebar { position: absolute; right: 0; top:682px; } #MOD-company.lite.railed div.sidebar { position: inherit; top:0; } #MOD-company.Expanded div.sidebar { top: 520px; }*/ /* lite page overrides */ /* .Expanded when interactive chart goes to full width*/ /* .railedAds switches from triple play ads to railed ads.*/ #MOD-company div.mod-flowArea { /* TO DO : validate that mod flow area only has floated companents and no pos absolute chilren, then remove this rule */ position: relative; } #MOD-company #mod-stocksinvestments div.border { display:none; /* not on regular company page*/ } #MOD-company.lite #mod-stocksinvestments div.border { display:block; } /* TT0295839 */ #MOD-company.lite div.CompanyBooksModule .section-header { display: none; } /* start TT0295870 */ #MOD-company.lite #mod-stocksperformancemodule div.smart-text div.value { color:#38444B; font-family: 'PrattHeavy', 'PrattWebHeavy', Georgia, Serif; font-size: 15px; } #MOD-company.lite #mod-stocksperformancemodule{ width:580px; } #MOD-company.lite #mod-stocksinvestments #footer { display:none; } #MOD-company.lite.expanded #mod-stocksinvestments { width: 940px; } #MOD-company.lite #mod-stocksinvestments { position:relative; /* For the border */ width: 620px; background-color: #F4F7F8; padding: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /*width: 580px; Using border-box instead */ } #MOD-company.lite #mod-stocksinvestments .border{ /* Pretty bottom border */ position:absolute; bottom:0px; left:0px; width:100%; } #MOD-company.lite #mod-stocksinvestments.medium-chart { width:auto; } #MOD-company.lite #mod-stocksinvestments.medium-chart .sidebar { clear:both; } /*ajax conentet may have 2 different version together eg the view-full icon in a chart ajax. the .premium is the real icon, while the lite version is a link to Globe Unlimmited subsc. with popover if user tier is implemented and always set, we can rely on the user tier in the encry ajax request to determine conetent. */ #MOD-company.lite li.premium, #MOD-company li.lite { display:none; } #MOD-company.lite li.lite { display:inherit; } /* end TT0295870 */ #MOD-company div.mod-flowArea > div { margin-bottom: 15px; } /*ads*******************************************/ /* ad containers */ #MOD-company.railed div.triple.ad { display:none; } #MOD-company div.railed.ad { display:none; clear:both; margin-top:15px; float:right; } #MOD-company.railed div.railed.ad { display:inherit; } #MOD-company.railed div.railed.ad:first-of-type { margin-top:0; } /* ads */ #MOD-company div.ad { /*background-color: #7AB8B3;*/ color: #fff; float: right; margin-bottom: 15px; text-align: center; } #MOD-company div.ad a { display: block; width: 100%; height: 100%; } /* placeholder ad divs */ #MOD-company.lite #wideAd1 { margin-bottom: 15px; } /* with ..showdebuginfo..=on .debug class is added to #MOD-company. * these rules at height and color to the ads that are normally populated with * third party content in the integrated environment */ #MOD-company.debug #wideAd1, #MOD-company.debug #wideAd2, #MOD-company.debug #wideAd3 { background-color: #BBCCFF; width: 940px; height: 250px; } #MOD-company.debug halfpager-art-2, #MOD-company.debug halfpager-art-3, #MOD-company.debug #halfpager-art-1, #MOD-company.debug #boxr-art-2, #MOD-company.debug #boxr-art-1 { background-color: #BBCCFF; width: 300px; height: 600px; } #MOD-company.debug #boxr-art-1 { height:256px; } #MOD-company.debug #boxr-art-2 { height:480px; } #MOD-company.railed.lite #mod-thecompanybooks { width: 620px; /*previously 600px, but that didn't hold all content*/ } /*TT0293918*/ #MOD-company.Lite div.sidebar { position: relative; top: 0px; bottom: 0px; } #MOD-company.lite #mod-stocksinvestments.medium-chart ~ div.sidebar .about-company { padding-top: 0px; } #MOD-company.lite div.news-volume { margin-bottom: 25px; } #MOD-company.Expanded.lite #mod-stocksinvestments { width: 940px; background: transparent url("http://data.theglobeandmail.com/Research/ResourceManager/BzWd3DMFN4qmvKPTT1HBkw2/d/f/FDNE/Research/content/Images/ExpandedChart.png") no-repeat 0 0; padding:0; } #MOD-company.lite #mod-stocksinvestments { margin-bottom: 15px; } #MOD-company.lite #mod-stocksperformancemodule div.smart-text h2, #MOD-company.lite #mod-stocksperformancemodule div.smart-text div.quote-bar { display: none; } #MOD-company.lite #mod-stocksperformancemodule div.smart-text, #MOD-company.lite #mod-stocksperformancemodule div.smart-text div.value { margin-top: 10px; width: 560px; } #MOD-company .hidden { display: none; } html { height: 100%; } body { font-family: Helvetica, Arial, Verdana, Sans-Serif; xheight: 100%; xwidth: 100%; } .MOD h3 { font-family: 'PrattBlack','PrattWebHeavy', Georgia, serif; } .MOD .main-controls li, .MOD .main-controls .static{ float: left; font-size: 11px; margin: 3px 10px 0px 0px; line-height:16px; } .MOD .ChartSizeToggleModule { padding: 3px 0px 0px 10px; } /* TT0299451 - main controls was nested in main controls. the title was getting this padding,*/ .MOD .main-controls ul { float: left; padding-top: 5px;} .MOD .main-controls .static { color: orange; } .MOD .main-controls li{ cursor: pointer; } .MOD .main-controls li:hover{ color:#ff6b00;} .MOD .main-controls .selected{ color: #ff6b00; cursor: default; } .MOD .main-controls .view li{ line-height: 11px; margin:0 5px 0 0; } .MOD .main-controls .view li span.icon { margin-right: 0px;} .MOD .main-controls .view p{ color:#ff6b00; font-family: 'PrattWebHeavy', Georgia, serif; font-size: 12px; font-weight: normal; line-height: 12px; text-align: right; } .MOD .main-controls .view li:hover p { color:#333; } .MOD .ChartSizeToggleModule { float: right;} .MOD .marker-container { color:#666;} /* the timeframe selector */ .MOD .TimeframeSelectorModule { background-color: transparent; background:url("http://data.theglobeandmail.com/Research/ResourceManager/XhDt_R4PBF1vAURZ-QyzXg2/d/f/1tYXfdMBPh9aY0bvYxSajw2/Research/content/Images/h_gradient.png") 0px -40px repeat-x; border-radius: 5px; border: 1px solid #d5d5d5; clear: none; color: #333; float: left; margin: 10px 0px; width: auto; z-index: 500; } .MOD .TimeframeSelectorModule li { border-right: 1px solid #d5d5d5; cursor: pointer; float: left; padding: 0px 10px; position: relative; margin: 0px; } .MOD .TimeframeSelectorModule span { float: left; margin: 10px 0px; padding-left: 4px; } .MOD .TimeframeSelectorModule li.custom { border-right: 0px; color:#999; cursor:default; } .MOD .TimeframeSelectorModule li a { display:inline-block; padding: 5px 0px 5px 0px; } .MOD .TimeframeSelectorModule .selected a { background-color: transparent; border: 0px; color: #fff; } .MOD .TimeframeSelectorModule .intervals { background:#fff; border:1px solid #ccc; border-top: 0px; display:none; left: -1px; position:absolute; top: 24px; width: 100%; } .MOD .TimeframeSelectorModule li a:hover .intervals { display:block; z-index:10; } .MOD .TimeframeSelectorModule .intervals li { border: 0px; clear: both; float:left; margin:0; padding: 0px; white-space:nowrap; width: 100%; } .MOD .TimeframeSelectorModule .disabled { color: #ccc; } .MOD .TimeframeSelectorModule .intervals li span { color: #333;} .MOD .TimeframeSelectorModule li.selected { background-color: #ff6b00;} .MOD .TimeframeSelectorModule li.selected li.selected span { color: #fff;} .MOD .TimeframeSelectorModule li.ytd, .MOD .TimeframeSelectorModule li.max { width: 38px; text-align: center; } .MOD .TimeframeSelectorModule .intervals li:hover { background-color: #ff6b00; color: #fff;} .MOD .TimeframeSelectorModule .intervals li:hover span {color:#fff;} /* tools */ .MOD .interactive-chart .zoom-tool-cursor { border: 1px dotted #000; border-width:0 1px 0 0; position: absolute; width: 0px; } .MOD .interactive-chart .horizontal { border-width:1px 0 0 0; display:none; } .MOD .interactive-chart .tool-active .horizontal { display:block; } .MOD .interactive-chart .zoom-tool-cursor.disabled { display:none; } .MOD .interactive-chart .zoom-tool-overlay { background:url("http://data.theglobeandmail.com/Research/ResourceManager/QpvTEwLRcm_6hJPFXMbfAA2/d/f/8ti7AXSSOeL2QMUV3XylnQ2/Research/content/images/SelectionToolBackground.png") repeat; border:1px solid #336680; border-width:0 1px; position:absolute; width:0px; } .MOD .interactive-chart .zoom-tool-overlay.disabled { display:none; } .MOD .interactive-chart .tool-tracker { background:#ff6b00; border-radius:6px; height:6px; position:absolute; width:6px; margin:-2px 0 0 -2px; } .MOD .panel { margin: 0 0 20px; position: relative; } .MOD .interactive-chart .marker-container .remove { color:#333; cursor:pointer; float:right; font-size:10px; margin-right:30px; } .MOD .interactive-chart .marker-container .remove .icon { margin-right:3px; } /* Event Markers */ .MOD .interactive-chart .event-marker-container{ position:absolute;} .MOD .interactive-chart .event-marker-container li{ float:left; font-size:11px; position:relative; z-index:2; } .MOD .interactive-chart .event-marker-container a{ cursor:pointer; display:inline-block; height:10px; width:10px; } .MOD .interactive-chart .event-marker-container .popup{ background:#fff; border:1px solid #b5b5b5; float:left; margin-left:10px; } .MOD .interactive-chart .event-marker-container .popup h5{ background:#F7F7F7; border-bottom:1px solid #b5b5b5; padding:2px 4px; } .MOD .interactive-chart .event-marker-container .popup .details { padding:2px 4px; } /* active labels */ .MOD .interactive-chart .active-label-lower{ width: 250px; display:inline; } .MOD .interactive-chart .active-label-lower:after { display:inline; } .MOD .interactive-chart .active-label { width: 910px; margin-bottom: 3px;} .MOD .interactive-chart .active-label label{ color:#000; float:left; font-weight:bold; font-size:11px; padding-right:18px; width:160px; } .MOD .interactive-chart .active-label label .icon{ cursor:pointer; margin-left:4px; } .MOD .interactive-chart .active-label dl { float:left; margin-right:18px; width:auto; } .MOD .interactive-chart .active-label dd, .MOD .interactive-chart .active-label dt { float: left; font-size:11px; } .MOD .interactive-chart .active-label dt{ white-space:nowrap;} .MOD .interactive-chart .active-label-Open dd, .MOD .interactive-chart .active-label-High dd, .MOD .interactive-chart .active-label-Low dd, .MOD .interactive-chart .active-label-Close dd { width: 60px; } .MOD .interactive-chart dl.active-label-Volume dd { font-weight: bold; color: #333;} .MOD .interactive-chart .active-label-Close dd { color: #FF6B00; } .MOD .interactive-chart .active-label dt{ margin-right:4px; } .MOD .interactive-chart .active-label .active-label-Date { width: 160px; } .MOD .interactive-chart .marker-container em.indicator { background:#ff6b00; border-radius:7px; display:inline-block; float:left; height:7px; margin-right:6px; position:relative; top:5px; width:7px; } /* tooltips & clicktips */ .MOD [_clicktip] { cursor: pointer; } .MOD .tooltip { position: absolute; z-index: 100000; } .MOD .tooltip .tooltipText { background-color: #fff; border: 1px solid #999; box-shadow: 3px 3px 0px #CCC; font-size: 9px; padding: 10px; position: relative; } .MOD .tooltip .tooltipText h3, .MOD .tooltip .tooltipText p { padding-bottom: 5px; } .MOD .tooltip .tooltipText .lt { color: #aaa; } .MOD .tooltip .closetip { cursor: pointer; position: absolute; right: 5px; top: 5px; } .MOD .tooltip .speakbox { background-image:url("http://data.theglobeandmail.com/Research/ResourceManager/ZdeKcvistbeO7nPBECuLAw2/d/f/HPGe6_wLWkgfVKPZN3LJCQ2/Research/content/images/Sprite.png"); background-position: -210px -40px; background-repeat: no-repeat; clear: both; float: left; height: 7px; margin-top: -1px; position: relative; left: 5px; width: 14px; } /* fix for IE compat showing timeframe menus over chart */ .MOD .TimeframeSelectorModule ul li.default, .MOD .TimeframeSelectorModule ul.intervals { z-index: 50; } /* auto complete formatting */ .ui-daterangepicker { border:1px solid #969696; width: 240px; } .ui-daterangepicker li { background-color: #fff; padding: 5px; cursor: default; margin: 0; list-style: none; } .ui-daterangepicker li a { cursor: pointer; } .ui-dialog, .ui-dialog-content { background: #F6F5F3; } /*---------------------*/ /* Small Chart */ /*---------------------*/ .MOD.SmallChartModule{ background-color: #fff; float: left; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-size: 12px; } .MOD.SmallChartModule .main-controls .static{ font-weight: bold; } .MOD.SmallChartModule .main-controls li.pipe{ border-right:1px solid #666; padding-right:6px; } .MOD .SmallChartModule#view-text { color: #ff6b00; } /* custom dropdown */ .MOD.SmallChartModule ul.dropdown-nav { float:left; margin:0; padding:0; position: relative; } .MOD.SmallChartModule ul.dropdown-nav li { /* disable text selection*/ -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; } .MOD.SmallChartModule li.select-element { background: url("http://data.theglobeandmail.com/Research/ResourceManager/OT_idxK-mV8QrZgvNKrOng2/d/f/HPGe6_wLWkgfVKPZN3LJCQ2/Research/content/Images/Sprite.png") top right no-repeat; background-position: -417px 0px; color: #000; display: block; height: 18px; padding: 3px 0px 3px 10px; width: 91px; text-decoration: none; } .MOD.SmallChartModule li.select-element:hover { color: #000; } .MOD.SmallChartModule ul.dropdown-nav ul.dropdown-contents { background-color: #fff; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: none; left: 0px; position: absolute; z-index:99991; /* have to beat .widget_ad, TT0298796 */ top: 26px; width: 160px; } .MOD.SmallChartModule .TimeframeDropdown ul.showMenu .dropdown-contents { display: block; } .MOD.SmallChartModule ul.dropdown-nav ul.dropdown-contents li { margin: 0px; padding: 7px 0px 7px 15px; width: 145px; } .MOD.SmallChartModule .main-controls ul.dropdown-contents li:hover { font-weight: bold; color: #333; } .MOD.SmallChartModule .main-controls ul.dropdown-contents li.selected { background-color: #ff6b00; color:#fff; font-weight: bold; } .MOD.SmallChartModule ul.dropdown-nav ul.dropdown-contents li.disabled, .MOD.SmallChartModule ul.dropdown-nav ul.dropdown-contents li.disabled:hover { color: #ccc; cursor: default; font-weight: normal; } .MOD.SmallChartModule ul.dropdown-nav ul.dropdown-contents li.custom-range { border-top: 1px solid #ccc;} .MOD.SmallChartModule ul.dropdown-nav ul.dropdown-contents li.last { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; } .MOD.SmallChartModule ul.dropdown-nav ul.dropdown-contents li.first { border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; } .MOD .MediumInteractiveChartModule { float: left; margin-bottom: 15px; width: 940px; } #header { float: left; margin-bottom: 15px; width: 100%;} #company-info { float: left; } #quote-info { float: right; } #quote-info div { float: left; padding: 5px 10px; text-align: right; vertical-align: bottom;} .MOD .MediumInteractiveChartModule #chart-container { float: left; margin-bottom: 2px; width: 940px; } .lite .MediumInteractiveChartModule { margin-bottom:0px; } .MOD .MediumInteractiveChartModule #chart-container.small-chart{ width:auto; } .MOD .MediumInteractiveChartModule .interactive-chart { float:left; } .MOD .MediumInteractiveChartModule .interactive-chart.loading{ opacity:0.5; cursor:wait; } /* smart text */ .MOD .MediumInteractiveChartModule .interactive-chart .smart-text{ color:#000; margin:0 0 8px; } .MOD .MediumInteractiveChartModule .interactive-chart .smart-text label{ display:block; font-weight:bold; } .MOD .MediumInteractiveChartModule #footer { float: left; width: 100%; } .MOD .MediumInteractiveChartModule #disclaimer { color: #a7a7a7; float: left; font-size: 11px; padding-top: 17px; } /*---------------------*/ /* FullScreen Chart */ /*---------------------*/ .MOD .shim{ position:absolute; background:#fff; } .MOD .shim-full-screen{ left:0; top:0; } .MOD .FullScreenInteractiveChartModule { color: #000; height: 100%; width: 100%; } .MOD .FullScreenInteractiveChartModule { clear: both; float: left; height: 100%; width: 100%; } .MOD .FullScreenInteractiveChartModule .header { clear: both; float: left; height: 20px; margin-bottom: 22px; padding-top: 10px; position: relative; width: 100%; } .MOD .FullScreenInteractiveChartModule .header .logo { float: left; } .MOD .FullScreenInteractiveChartModule .user-info { float: right; } .MOD .FullScreenInteractiveChartModule .talking-points-handle-container { background:url("http://data.theglobeandmail.com/Research/ResourceManager/xsFYaPJXZAxvfVUvVPUnzQ2/d/f/CjOPnTPVR8CdBW3s3pU6Dg2/Research/content/Images/v_gradient.png") 0px 0px repeat-y; border-left: 1px solid #ccc; border-right: 1px solid #ccc; float: right; height: 100%; width: 24px; } .MOD .FullScreenInteractiveChartModule .talking-points-container { background-color: #fff; border-left: 1px solid #ccc; float: right; font-size: 12px; height: 100%; padding: 0px 10px; position: absolute; top: 0px; right: 26px; z-index: 50; width: 230px; } .MOD .FullScreenInteractiveChartModule .talking-points-container h3 { border-bottom: 1px dotted #000; color: #ff6b00; font-size: 20px; margin-top: 15px; width: 100%; } .MOD .FullScreenInteractiveChartModule .talking-points { margin-bottom: 15px; } .MOD .FullScreenInteractiveChartModule .talking-points label { display: block; font-weight: bold; margin-top: 15px; } /* main area styles */ .MOD .FullScreenInteractiveChartModule .main { float: left; padding-left: 16px; } .MOD .FullScreenInteractiveChartModule .top-header { clear: both; float: left; font-size: 12px; width: 941px; z-index: 50; } .MOD .FullScreenInteractiveChartModule .icon-scotia-bank { float: right; } .MOD .FullScreenInteractiveChartModule .main-header { clear: both; float: left; padding-bottom: 10px; width: 941px; } .MOD .FullScreenInteractiveChartModule .main-header .title { clear: both; float: left; width: 550px; } .MOD .FullScreenInteractiveChartModule .main-header h2 { float: left; font-family: 'PrattBlack','PrattWebHeavy', Georgia, serif; font-size: 26px; margin-right: 5px; } .MOD .FullScreenInteractiveChartModule .main-header div.symbol { float: left; font-family: "Georgia", sans-serif; font-size: 18px; line-height: 32px; text-decoration: none; } .MOD .FullScreenInteractiveChartModule .main-header .quote { float: right; } .MOD .FullScreenInteractiveChartModule .main-header .quote .price, .MOD .FullScreenInteractiveChartModule .main-header .quote .change, .MOD .FullScreenInteractiveChartModule .main-header .quote .percent-change { float: right; font-size: 20px; font-weight: bold; padding-top: 3px; } .MOD .FullScreenInteractiveChartModule .main-header .quote .price, .MOD .FullScreenInteractiveChartModule .main-header .quote .change { padding-right: 35px; } .MOD .FullScreenInteractiveChartModule .main-header .last-trade { clear: both; color:#999; float: left; font-size: 9px; text-align:right; width: 100%; } .MOD .FullScreenInteractiveChartModule .main-header .quote .small-label { font-size: 14px; font-weight: normal; } .MOD .FullScreenInteractiveChartModule .main-header .quote .date { color: #333333; padding-right: 3px;} .MOD .FullScreenInteractiveChartModule .main-header .quote .disclaimer { color: #6a6a6a; } .MOD .FullScreenInteractiveChartModule .interactive-chart { clear: both; float: left; z-index: 10;} .MOD .FullScreenInteractiveChartModule .interactive-chart .panel-container { background-color: #fff; padding: 5px; } .MOD .FullScreenInteractiveChartModule .footer { background:url("http://data.theglobeandmail.com/Research/ResourceManager/XhDt_R4PBF1vAURZ-QyzXg2/d/f/1tYXfdMBPh9aY0bvYxSajw2/Research/content/Images/h_gradient.png") 0px -30px repeat-x; border-top: #e0e0e0 1px solid; clear: both; font-size: 11px; float: left; height: 25px; margin-top: 18px; padding: 10px 0px 5px 0px; position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 75; } .MOD .FullScreenInteractiveChartModule .footer .logo { margin-left: 16px; } .MOD .FullScreenInteractiveChartModule .footer .logo, .MOD .FullScreenInteractiveChartModule .footer .disclaimer { color: #969696; float: left; height: 20px; line-height: 20px; margin-right: 5px; } .MOD .FullScreenInteractiveChartModule .footer .disclaimer a { color: #666666; } .MOD .FullScreenInteractiveChartModule .footer .main-controls { margin-top: -5px; } .MOD .FullScreenInteractiveChartModule .neg { color: #d81d24; } .MOD .FullScreenInteractiveChartModule .pos { color: #009900; } .MOD .FullScreenInteractiveChartModule .talking-points-handle { background:url("http://data.theglobeandmail.com/Research/ResourceManager/OT_idxK-mV8QrZgvNKrOng2/d/f/HPGe6_wLWkgfVKPZN3LJCQ2/Research/content/Images/Sprite.png") -30px -225px no-repeat; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; cursor: pointer; height: 208px; margin-top: -104px; position: absolute; top: 50%; width: 24px; } .MOD .FullScreenInteractiveChartModule .talking-points-handle-selected { background-position: 0px -225px; } .MOD .FullScreenInteractiveChartModule .pos span.icons { height: 16px; width: 16px; background-position: -233px 2px; margin-right: 5px; *position: relative; *top: -5px; } .MOD .FullScreenInteractiveChartModule .neg span.icons { height: 16px; width: 16px; background-position: -216px 2px; margin-right: 5px; *position: relative; *top: -5px; } .MOD .FullScreenInteractiveChartModule .footer-spacer { float: left; clear: both; height: 35px; width: 100%; } /* Flyout menu and navigation */ .MOD #nav { float: left; width: 100%; } .MOD .main-nav { float: left; width: 100%; } .MOD .main-nav li.main-nav-item { display: inline; } .MOD .main-nav div.menu-button { background: #f7f7f7; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%); /* W3C */ border: 1px solid #b5b5b5; border-radius: 5px; -moz-border-radius: 5px; -webkit-border--radius: 5px; cursor: pointer; font-size: 12px; margin: 0px 10px 0px 0px; padding: 7px 8px; position: relative; z-index: 5; } .MOD .main-nav li.selected div.menu-button{ background: #fff; border-bottom: 1px solid #fff; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-bottom-topleft: 0; -moz-border-bottom-topright: 0; font-weight: bold; padding-bottom: 12px; z-index: 20; } .MOD .main-nav div.menu-button { float: left; width: 92px; } .MOD .main-nav div.menu-button span { float: left; margin-top: 4px; } .MOD .main-nav li.last div.menu-button span { float: left; margin-top: 0px; } .MOD .main-nav li#refresh-chart{ width: auto; } .MOD .main-nav .icon-expand-collapse{ background-position:-327px top; height:8px; width:8px; } .MOD .main-nav li.selected .icon-expand-collapse{ background-position:-335px top; height:8px; width:8px; } .MOD .main-nav li div.menu-button:hover { color: #ff6b00; } .MOD .main-nav li.last div.menu-button { float:right; margin: 0px 0px 0px 10px; } .MOD .main-nav li span.icon{ margin-right:6px; } .MOD .main-nav li.selected { border-bottom: 1px solid #fbfbfb; border-radius-bottomleft: 0px; border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; z-index: 10; } .MOD .main-nav .orange { padding-right: 8px; color: #ff6b00; font-weight: bold;} /* flyout menus */ .MOD .flyout-menu { background-color: #fff; border: 1px solid #b5b5b5; float: left; margin-top: -1px; padding-top: 11px; width: 938px; z-index: 10; } .MOD .flyout-menu h3 { border-bottom: 1px solid #cdcdcd; font-size: 12px; margin-bottom: 5px; padding-bottom: 5px; } .MOD .flyout-menu li { cursor: pointer; padding: 0px 0px 6px 0px; } .MOD .flyout-menu li.list-title { color: #999; padding-left: 7px; cursor: default; } .MOD .flyout-menu li label { padding-left: 3px;} /* todo: remove this, for temp client handover */ .MOD .flyout-menu li.disabled { color: #ccc; cursor: default; } .MOD .flyout-menu .flyout-list { float: left; min-width: 150px; margin: 0px 15px 0px 0px; } .MOD .flyout-menu .close-container { background-color: #e5e5e5; border-top: 1px solid #cacaca; float: left; padding: 9px 0px; width: 100%; } .MOD .flyout-menu .close-button { background-color: #333333; border-radius: 5px; -moz-border-radius: 5px; clear: both; color: #fff; cursor: pointer; float: left; font-family: 'PrattBlack','PrattWebHeavy', Georgia, serif; font-size: 12px; margin: 0px 7px; padding: 5px 7px; text-align: center; text-transform: uppercase; width: 88px; } .MOD .add-comparison { border-bottom: #ccc 1px dotted; float: left; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; width: 260px; } #comparisons-error { background-color: #fff2f2; clear: both; color: #ff1010; float: left; margin: 0px 0px 0px 10px; padding: 10px; width: 315px; } input.default { color: #999; } #comparison-autocomplete { border: 1px solid #989898; font-size: 12px; height: 28px; line-height: 28px; float: left; width: 240px; } #add-button { background-color: #fff; border: 1px solid #797979; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; cursor: pointer; float: left; height: 16px; margin-left: 10px; padding-top: 2px; text-align: center; width: 50px } #indices-and-peers { clear: both; float: left;} /* editors picks menus */ .MOD #editors-picks { margin: 0px 0px 0px 0px; } .MOD .editors-picks h3 { margin-bottom: 5px; border: 0px; } .MOD .editors-picks li { float: left; border-bottom: 1px solid #ccc; margin-bottom: 10px;} .MOD .editors-picks li.last { border-bottom: 0px; } .MOD .editors-picks .icon-editor { float: left; } .MOD .editors-picks .description { float: left; width: 160px;} .MOD .editors-picks li h3 { padding: 2px 0px; margin-bottom: 2px; } .MOD .editors-picks li:hover h3 { color: #ff6b00; } .MOD .editors-picks .contents { float: left; clear: both; padding: 0px 5px; } /* style menu */ .MOD .flyout-menu .style ul { float: left; margin: 0px 15px 15px 0px; width: 290px;} .MOD .flyout-menu .style ul.last { margin-right: 0px; } .MOD .flyout-menu .style ul input { padding-bottom: 25px; } .MOD .flyout-menu .style li { clear: both; border-bottom: 1px solid #d6d6d6; float: left; padding: 10px 0px; width: 290px; } .MOD .flyout-menu .style li.last { border: 0px;} .MOD .flyout-menu .style li.heading { border: 0px; padding: 0px; } .MOD .flyout-menu .style li.heading h3 { margin: 0px; width: 290px;} .MOD .flyout-menu .style input, .MOD .flyout-menu .style span.icon-style, .MOD .flyout-menu .style span.description { float: left; } .MOD .flyout-menu .style input { margin: 12px 5px 0px 0px; } .MOD .flyout-menu .style span.description { line-height: 36px; } .MOD .flyout-menu .flyout-contents { padding-left: 11px; }