.mainDashLeft { background:white; width: 100%; } .mainDashCentre { background:white; margin: 0 auto; } img.dashEditIcon { display:block; } body.dashCentre { /* required for IE6 hovers */ behavior: url(css/csshover.htc); } body.dashCentre, .dashCentreMarginColour { background:#E7E7E7; } body.dashLeft { background:white; /* required for IE6 hovers */ behavior: url(css/csshover.htc); } #rptListRNav { margin-bottom:20px; } /* .topLine */ /* { */ /* border-bottom:1px #DFDFDF solid; */ /* margin-top:-1px; */ /* } */ .topLineBg { background: url(../images/dashline.gif) repeat-x bottom; } .dashbackground { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #1A3F57; BORDER-BOTTOM: medium none; } .portletTitle { background: url('../images/rpt_title_bgrd.gif') repeat-x; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #444444; BORDER-BOTTOM: medium none; border-top-left-radius: 5px; border:1px gray; } #tabscrollnext, #tabscrollnext_off, #scrollPrevious, #scrollPreviousOff { margin-top:5px; } div#confirmDialogDiv { box-shadow: 5px 5px 10px 4px rgba(005, 005, 005, 0.1); } /* old stuff */ /* different background images for tabs */ div.dashtabon { font-weight: bold; font-size: 14px; color:#009EEC; border: 0px; background: url(../images/tab_middle.png) repeat-x; behavior: url(css/pngbehavior.htc); float:left; z-index:9999; margin-top:0; height:37px; } .dashtabon .leftImage { width:6px; } .dashtabon .middleText { margin-top:10px; min-width:1px; overflow:visible; } .dashtabon .dropMenuImage { width:12px; margin-top:10px; } .dashtabon .dropMenuImage div { margin-left:3px; margin-right:3px; } .dashtabon .rightImage { width:6px; } div.shadowedTab { /*box-shadow: 20px -0px 20px -20px #999 inset;*/ behavior: url(css/PIE.htc); } .dashTitle { color:#444; font-size: 11px; font-weight:bold; BACKGROUND-IMAGE: url(../images/dash_middle_off.gif); height:11px; border:0px; padding:10px; margin-bottom:0px; } .analyticFilterDashTitle { color:#444; font-size: 11px; font-weight:bold; } span#tabTitleSpan { margin-left:12px; } .dashEditLink img { padding-right:3px; padding-left:7px; border:none; text-decoration:none; vertical-align:middle; } a.dashEditLink:hover { text-decoration:none; } a.dashEditLink:hover { text-decoration:underline; } a:hover img{ text-decoration:none; } td.tabMarginTop { background: #e7e7e7; height: 3px; } div.tabBackground { background: #e7e7e7; } img.tabEdge { background: #e7e7e7; vertical-align:middle; } hr.analyticFilterDivider { color:#DFDFDF; background-color:#DFDFDF; height:1px; border:0px; } div.dashtaboff { font-weight: bold; font-size: 13px; color: #777788; border: 0px; cursor:pointer; background-color:#D0D0D0; /*background: url(../images/tab_middle_off.png) repeat-x;*/ behavior: url(css/pngbehavior.htc); float:left; margin-top:5px; height:32px; } div.dashtaboff:hover { font-weight: bold; color: white; border: 0px; cursor:pointer; margin-top:5px; background-color:#009EEC; /*background: url(../images/tab_middle_hover.png) repeat-x;*/ behavior: url(css/pngbehavior.htc); float:left; } div.i4DashReport.withMultiChartCanvas div.i4DashReportInner { overflow: hidden; } .dashtaboff .leftImage { width:1px; } .dashtaboff .middleText { margin-top:7px; min-width:30px; } .dashtaboff .rightImage { width:2px; } div.dashtabtitle { margin-left: 10px; margin-right: 10px; white-space:nowrap; } span.dashtabtitle { padding-left: 10px; padding-right: 10px; white-space:nowrap; } .i4dashtabs_off { FONT-WEIGHT: bold; FONT-SIZE: 13px; BACKGROUND-IMAGE: url(../images/tab_middle_off.gif); COLOR: #367db5; BORDER-BOTTOM: medium none; } div.dashtabhover { font-weight: bold; font-size: 13px; color: white; border: 0px; cursor:pointer; margin-top:5px; background-color:#009EEC; /*background: url(../images/tab_middle_hover.png) repeat-x;*/ behavior: url(css/pngbehavior.htc); float:left; } .dashtabspacer { border: 0px; behavior: url(css/pngbehavior.htc); } /* 6.0 */ .addReport { font-size: 14px; color: #a0a0a0; } .i4DashColumnHover { background: #dbebf6; } .i4DashFilterDragCol { background: #e8e8e8; padding-top: 5px; } .i4DashFilterElement { border-bottom: solid 1px #dfdfdf; } .i4DashFilterInner { padding: 5px 2px 5px 5px; white-space: normal; } .i4DashFilterAddGroup { padding: 5px; height: 43px; margin-bottom: 2px; } .i4EditMenuTitle { font-weight: bold; font-size: 14px; line-height: 24px; color: #666666; height: 24px; background: #cccccc url(../images/rpt_title_bgrd.gif); border: #cccccc 1px solid; padding: 0px 15px; } .i4EditMenu { border-left: #cccccc 1px solid; border-right: #cccccc 1px solid; border-bottom: #cccccc 1px solid; height: 53px; background: #ffffff; color: #666666; } .i4EditMenuItem { display: inline-block; padding: 0px 5px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; } .i4EditMenuItemSelected { display: inline-block; padding: 0px 5px; background: #cae3f1; border-left: 1px solid #67a5d5; border-right: 1px solid #67a5d5; } td.i4EditMenuItemImg { height: 31px; } td.i4EditMenuItemLink { height: 22px; font-size: 11px; line-height: 12px; color: #357CB6; } img.i4EditMenuIcon { display: block; padding: 2px; } .linkedSSSelectedReport { border-color:#5699ce; border-style:solid; border-width:2px; FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 15px; } .relatedLinkedSSIncompleteReport { border-color:#C00000; border-style:solid; border-width:2px; FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 15px; } .relatedLinkedSSUnselectedReport { border-color:white; border-style:solid; border-width:2px; FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 15px; } #dashLeftSideNavFiltersDiv { background-color: transparent; } img#tabListMenuImg { } div.dashAssocReports:first-child { margin-top: 30px; } div.dashAssocReportsWithSubTabs:first-child { margin-top: 60px; } #dashEditSettingsArea { position:relative; } .addTabToDashboardBox { background-color: #00abf1; height: 38px; text-align: left; } .addTabToDashboardText { margin-top: 10px; margin-left: 10px; color: white; font-size: 14px; float: left; } .addTabToDashboardButton { float: left; top: 4px; margin-left: 20px; margin-top: 4px; } .addTabToDashboardClose { float: right; margin-top: 7px; margin-right: 7px; cursor:pointer; } .subtabDivider { height: 1px; width: 100%; position: relative; background-color: #e7e7e7; } .subtabEditList { background-color:white; position: absolute; width: 217px; } .dashboardLayoutSubtabSideMenu { width:217px; border-bottom: 1px #cecece solid; } .analyticLeftSide { width:204px; float:left; FONT-SIZE: 14px; COLOR: #666666; LINE-HEIGHT: 16px; } .analyticRightSide { width:342px; margin-left:5px; float:left; } .analyticCheckboxRow { width:100%; height:30px; } .analyticText { float:left; clear:right; margin-left:5px; color:#666666; font-size:14px; margin-top:1px; } .analyticCheckbox { margin-right:3px; float:left; clear:left; } .analyticHolderDiv { width:566px; clear:both; margin-top:4px; } .analyticParent { width:566px; overflow:hidden; } .dashboardErrorNoReports { width: 61px; height: 63px; background: url(../images/error/error_small.png); } .dashboardErrorAssistBox { width: 550px; margin: auto; margin-top: 50px; } .dashboardErrorAssistImage { width: 97px; height: 97px; background: url(../images/error/error_assist.png); float:left; margin-right:25px; } .dashboardErrorAssistText { font-size: 18px; color: #999999; margin-left: 125px; padding-top: 10px; } .dashboardErrorAssistTextMessage { font-size: 18px; color: #999999; margin-top: 22px; margin-left: 125px; } .dashboardEditSettingsBox { height:34px; } .dashboardEditSettingsLeft { float:left; line-height: 34px; width: 200px; } .dashboardEditSettingsRight { float:left; } .editDashboardPanelHeading{ font-size: 18px;padding: 10px; } .editDashboardPanelHeadingBackground { font-size: 18px !important; background-color: white !important; color: black !important; } .editDashboardPanelGrey { background-color: #f9f9f9 !important; } .editToolbar { height: 45px; position: absolute; } .editDashboardIconOff { float:left; width:45px; height:38px; background-color:#E7E7E7; margin-right: 1px; cursor: pointer; } .editDashboardIconOver { float:left; width:45px; height:38px; background-color:#FFFFFF; margin-right: 1px; cursor: pointer; } .editDashboardIconOn { float:left; width:45px; height:38px; background-color:#FFFFFF; margin-right: 1px; cursor: pointer; border-right: 1px solid #fff; border-left: 1px solid #fff; border-top: 1px solid #fff; } .editDashboardSaveIcon { background-image:url('../images/editmenu_save.png'); height:26px; width:44px; margin-top: 6px; } .editDashboardLayoutIcon { background-image:url('../images/editmenu_layout.png'); height:26px; width:44px; margin-top: 6px; } .editDashboardAnalyticIcon { background-image:url('../images/editmenu_analytic.png'); width:44px; height:26px; margin-top: 6px; } .editDashboardFiltersIcon { background-image:url('../images/editmenu_filters.png');height:26px; width:44px; margin-top: 6px; } .dashboardToolarbSecurityIcon { background-image:url('../images/editmenu_security.png');height:26px; width:44px; margin-top: 6px; } .editDashboardUnitsIcon { background-image:url('../images/agg_selector.png');height:26px; width:44px; margin-top: 6px; } .editDashboardSeriesIcon { background-image:url('../images/series_select.png');height:26px; width:44px; margin-top: 8px; } .editDashboardSettingsIcon { background-image:url('../images/tab_settings_off.png');height:20px; width:20px; margin-top: 9px; margin-left:12px; } .editDashboardRefreshIcon { background-image:url('../images/tab_timeline_off.png');height:20px; width:20px; margin-top: 9px; margin-left:12px; } .analyticHeading { height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .analyticHeading b { color:#009EEC; } #dashboardPopupRightDiv { float:left; width:577px; position:relative; overflow:hidden; background-color:white; border-left: 1px solid #CCC; background-color:#f9f9f9; } .dashboardPanelSeparator { border-right: 1px solid #CCC; } #dashboardPopupLeft { border-right: 1px solid #CCC; width:220px; position:relative; overflow:hidden; float:left; } #dashboardPopupLeftScroll { overflow:hidden; position:relative; } #dashboardPopupRightDivScroll { overflow:hidden; position:relative; } .dashSeriesSelRow { width:100%; height:36px; } .dashSeriesSelLeft { padding-top:10px; width:172px; padding-left:15px; float:left; } .dashSeriesSelRight { width:350px; float:left; } .dashboardLayoutBox { border-left: 1px #cecece solid; border-top: 1px #cecece solid; border-right: 1px #cecece solid; position: absolute; bottom:0px; top: 55px; overflow:hidden; } .dashLeftImage { width: 4px; vertical-align: top; } .dashLeftImage img { height: 34px; } .dashRightImage { width: 4px; vertical-align: top; } .dashRightImage img { height: 34px; } .seriesSelectRightSide{ } .divExtendToBottom { width:578px; top:141px; left:220px; bottom:0; position:absolute; border-left:1px solid #ccc; background-color:#f9f9f9; } .analyticToggleSwitchLeft { width:204px; float:left; } .analyticToggleSwitchRight { width:50%; float:left; } .dashboardPortletSpace { height: 20px; } #savedSettings { color:red; position:absolute; right:15px; } .reportMenuImageButton { width:25px; height:28px; } div.formatSelectionRequiredText { padding: 25px; font-size: 16px; color: #666666; display:block; } div#analyticFilterDiv { margin-bottom:50px; position: relative; } div.dashPortlet { position: relative; } div.dashReportLoading { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 55; } div.dashReportLoadingOverlay { background: rgba(255, 255, 255, 0.5); } div.dashReportLoadingInner { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 200px; height: 50px; margin: auto; background: #ffffff; } div.dashReportLoadingInnerAnim { height: 160px; } div.dashReportLoadingInner span { display: block; line-height: 50px; text-align: center; color: #666666; } div.dashReportLoadingAnim { position: absolute; left: 0; right: 0; top: 50px; bottom: 10px; } div.dashReportOverlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #ffffff; opacity: 0.5; } div.dashPortletOverlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #f0f0f0; opacity: 0.5; z-index: 101; display: none; } div.dashPortletFilters { display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 3; } div.dashPortletFilters div.i4imgbox { padding: 4px; } a.dashPortletFiltersClose { position: absolute; right: 5px; top: 5px; } a.dashPortletFiltersClose img { display: block; } div.reportBreadcrumbsCompact { background: #f0f0f0; font-size: 14px; padding: 2px; } div.reportContainer div.reportBreadcrumbsCompact { margin-bottom: 0; } div.reportHideBreadcrumbs { display: none; } div.reportBreadcrumbs { display: none; } div.reportHideBreadcrumbs { padding-bottom: 10px; } div.reportBreadcrumbsCompact div.reportDrillDownBreadcrumb { padding-left: 20px; } div.dashboardCommentsToggle { position:fixed; top : 100px; right: 0; border-top: 0; display:none; } div.dashboardActivityStream { position: fixed; top: 0; right: -420px; border-left: 1px solid #e4e4e4; width: 420px; z-index: 301; background-color:white; background-repeat : no-repeat; background-position : center; } div.dashPortlet div.reportBottomPanel { margin-bottom: 0; } div#dashboardmainpart { position: relative; } div.dashMainOverlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.5); } div.dashMainLoader { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } div#dashboardFilterDiv { padding-bottom: 20px; } div#tabDivider { position: absolute; bottom: 0; height: 1px; left: 0; right: 0; background: #d2d2d2; z-index: -100; } td.dashLeftCol, td.dashRightCol { padding-bottom: 20px; } .portlet-header { font-weight: bold; font-size: 14px; color: #333333; font-family: Roboto, Arial, Helvetica, sans-serif; height:34px; } .associated-content-header { font-weight: bold; font-size: 13px; color: #1a3f57; font-family: Arial, Helvetica, sans-serif; padding-bottom: 5px; } div.belowTabSpacer { height: 8px; } div.subtabMenuEdit { padding-top: 40px; height: 31px; } div.subtabMenuEditNoSubTabs { height: 40px; padding-bottom: 10px; } div.subtabMenuActive { margin-bottom: 6px; height: 31px; } div#subtabMenuDivText { height: 31px; overflow: hidden; } div.dashboard-bg-color { background-color: #f9f9f9; } div.portlet-bg-color { background: #ffffff; } img.myReportsTitleIcon { margin: 0px 5px; }