<%@ include file = "ErTracker.jsp" %>
<%@ page import = "com.eg.EgDateInfo" %>
<%@ page import = "com.eg.EgGroupInfo" %>
<%@ page import = "com.eg.EgDiscInfo" %>
<%@ page import = "com.eg.EgTopoInfo" %>
<%@ page import = "com.eg.EgServicesInfo" %>
<%@ page import = "com.eg.EgDbInfo" %>
<%@ page import = "com.eg.EgTablesInfo" %>
<%@ page import = "com.eg.EgTesterInfo" %>
<%@ page import = "com.eg.EgURLEncoder" %>
<%@ page import = "com.eg.EgURLDecoder" %>
<%@ page import = "com.egurkha.util.DateTimeTokenizer" %>
<%@ page import = "com.egurkha.util.DateUtil" %>
<%@ page import = "com.eg.EgInstallInfo"%>
<%@ page import = "com.eg.EgMappingInfo"%>
<%@ page import = "com.eg.IniFile"%>
<%@ page import = "com.egurkha.pdfmaker.*" %>
<%@ page import = "com.eg.EgConfigInfo"%>
<%@ page import = "com.eg.EgReportInfo"%>
<%@ page import="com.egurkha.util.StringUtils"%>
<%@ page import="egurkha.reporter.*"%>
<%@ page import = "net.sf.json.*"%>
<%@ page import = "java.util.Date" %>
<%@ page import="java.text.*" %>

<%@ taglib prefix="egui" uri="../WEB-INF/eg-taglib.tld" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>

<%
	String er_RmDispName = request.getParameter("er_RmDispName");
try
{
	EgTimeZoneConverter converterStart=null;
	EgTimeZoneConverter converterEnd=null;
	String uiFile = "eg_ui.ini";
	String s_iniFile_dir = EgInstallInfo.getInstallDir()+ "/manager/config/";
	com.eg.IniFile egUI = new com.eg.IniFile(s_iniFile_dir + uiFile);
	String currentDateFormat = egUI.getValue("CURRENT_DATE_FORMAT","selectedDateFormat");
	EgDbInfo dbInfo = new EgDbInfo("manager");
	String pdfPrint = request.getParameter("pdfPrint");
	String selectedComp[] = request.getParameterValues("er_component");
	String er_timeline = request.getParameter("er_timeline");
	String sample = request.getParameter("sample");
	String fromPrint = request.getParameter("fromPrint");
	String selected_comp = request.getParameter("er_comp");
	if(selected_comp== null)
		selected_comp = request.getParameter("selected_comp");
	String showTierWise = request.getParameter("showTierData");
	String showTechWise = request.getParameter("showTechData");
	if(showTechWise == null)
		showTechWise = request.getParameter("HiddenshowTechData");
	if(showTierWise == null)
		showTierWise = request.getParameter("HiddenshowTierData");
	if(selected_comp != null && selected_comp.indexOf(":") > -1)
		selected_comp=selected_comp.substring(0,selected_comp.indexOf(":"));
	EgReportInfo reportInfo = new EgReportInfo("manager");
	EgTesterInfo testerInfo = new EgTesterInfo ("manager");
	EgTablesInfo tablesInfo = new EgTablesInfo ("manager");
	ErReqData erd = new ErReqData(request);
	String mngrIP = new IniFile(new EgConfigInfo("manager").getDbFile()).getValue("DB_PROPERTIES","ManagerUrl");
	String thisLanguage="";

	if (thisuser!=null)
	{
		String userLang = thisuser.getLanguage();
		if (userLang!=null && !userLang.equalsIgnoreCase("NULL"))
		{
			thisLanguage=userLang;
		}
	}
	EgMappingInfo	intlmap  = new EgMappingInfo(thisLanguage);

	Map resultMap = (Map) session.getAttribute("CITRIX_CAPACITY_PLANNING_REPORT_RESULT");
	JSONObject thresh = (JSONObject) session.getAttribute("thresh_json");
	if(thresh== null){
	String pageLoadlow=request.getParameter("pageloadminorVal");
	String pageLoadnormal=request.getParameter("pageloadmajorVal");
	String pageLoadhigh=request.getParameter("pageloadCriticalVal");

	String apdexlow=request.getParameter("apdexminorVal");
	String apdexnormal=request.getParameter("apdexmajorVal");
	String apdexhigh=request.getParameter("apdexCriticalVal");

	String jserrorlow=request.getParameter("jserrorminorVal");
	String jserrornormal=request.getParameter("jserrormajorVal");
	String jserrorhigh=request.getParameter("jserrorCriticalVal");

	String browsertimelow=request.getParameter("browserTimeminorVal");
	String browsertimenormal=request.getParameter("browserTimemajorVal");
	String browsertimehigh=request.getParameter("browserTimeCriticalVal");

	String networklow=request.getParameter("networkminorVal");
	String networknormal=request.getParameter("networkmajorVal");
	String networkhigh=request.getParameter("networkCriticalVal");

	String serverlow=request.getParameter("serverminorVal");
	String servernormal=request.getParameter("servermajorVal");
	String serverrhigh=request.getParameter("serverCriticalVal");

	String contentlow=request.getParameter("contentminorVal");
	String contentnormal=request.getParameter("contentmajorVal");
	String contenthigh=request.getParameter("contentCriticalVal");
	
	String frustratedlow=request.getParameter("FrustratedMinor");
	String frustratednormal=request.getParameter("FrustratedMajor");
	String frustratedhigh=request.getParameter("FrustratedCritical");

	String trafficlow=request.getParameter("trafficminorVal");
	String trafficnormal=request.getParameter("trafficmajorVal");
	String traffichigh=request.getParameter("trafficCriticalVal");

	JSONObject thresh_json=new JSONObject();
	thresh_json.put("pageLoadlow",pageLoadlow);
	thresh_json.put("pageLoadnormal",pageLoadnormal);
	thresh_json.put("pageLoadhigh",pageLoadhigh);
	thresh_json.put("apdexlow",apdexlow);
	thresh_json.put("apdexnormal",apdexnormal);
	thresh_json.put("apdexhigh",apdexhigh);
	thresh_json.put("jserrorlow",jserrorlow);
	thresh_json.put("jserrornormal",jserrornormal);
	thresh_json.put("jserrorhigh",jserrorhigh);
	thresh_json.put("browsertimelow",browsertimelow);
	thresh_json.put("browsertimenormal",browsertimenormal);
	thresh_json.put("browsertimehigh",browsertimehigh);
	thresh_json.put("networklow",networklow);
	thresh_json.put("networknormal",networknormal);
	thresh_json.put("networkhigh",networkhigh);
	thresh_json.put("serverlow",serverlow);
	thresh_json.put("servernormal",servernormal);
	thresh_json.put("serverrhigh",serverrhigh);
	thresh_json.put("contentlow",contentlow);
	thresh_json.put("contentnormal",contentnormal);
	thresh_json.put("contenthigh",contenthigh);
	thresh_json.put("frustratedlow",frustratedlow);
	thresh_json.put("frustratednormal",frustratednormal);
	thresh_json.put("frustratedhigh",frustratedhigh);
	thresh_json.put("traffichigh",traffichigh);
	thresh_json.put("trafficnormal",trafficnormal);
	thresh_json.put("trafficlow",trafficlow);

		thresh=thresh_json;
	}
	boolean noDataFound = true;
%>

<!Doctype html>
	<head>
		<title> <egui:intnl text="reporter.common.eG Reporter"/> </title>
		<meta name="Author" content="">
		<meta  charset="UTF-8">

		<link rel="stylesheet" type="text/css" href="../../final/styles/eGLightThemeIcons.css" />
		<link rel="stylesheet" type="text/css" href="../../final/reporter/styles/printpagestyle.css" />

		<style>

#newimg{page-break-inside:avoid}
.newimg{page-break-inside:avoid}


.classBulletGray{
	background-color:#cdcdcd;
	width:10px;
	height:10px;
	line-height:1px;
	border-radius:5px;
	margin:2px 0px 0px 0px
}

.newPanelHeaderBottomBorder{
border-bottom:1px solid #dfe0e0;
padding:4px 10px 6px 0px;
}

.abnormalBgColor
{
	background-color:#f5e2df;
	padding:2px 4px;
}
.normalBgColor
{
	background-color:#e3efdc;
	padding:2px 4px;
}

.heatmap_holder6{
	width:75px;
	height:70px;
	display:inline-block;
	border:0px solid red;
	font-size:1px;
	line-height:1px;
}
.heatmap_box_6 {
    width: 6px;
    height: 6px;
    font-size: 1px;
    margin: 0px 1px 1px 0px;
    display: inline-block;
    border-radius: 3px;
	line-height:1px;

}
.heatmap_box_6.Frustrated {
    background: #bf3a29;
}
.heatmap_box_6.Tolerating {
    background: #f0a039;
}
.heatmap_box_6.Satisfied {
    background: #469116;
}

.reportKPIWorkload, .reportKPIQuality{
position:relative;
border:1px solid #e7e7e7;
background-color:#f2f2f2;
vertical-align:top;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}

.reportKPIWorkload{
	width:44%;
	float:left;
	padding:0px 10px 10px 10px;
	margin:5px 10px 0px 0px;
}

.reportKPIQuality{
	width:54%;
	float:right;
	padding:0px 10px 10px 10px;
	margin:5px 0px 0px 0px;
}

.reportKPIWorkload .alignment:first-child,
.reportKPIQuality .alignment:first-child{
	border-right:1px solid #dfe0e0;
}

.notesText{
	font-size: 13px !important;
	font-weight:500 !important;
	color:#000000;
}

.notesTextBold{
	font-size: 13px !important;
	font-weight:700 !important;
	color:#000000;
}

.notesTextColor{
	color:#000000;
}


.reportKPIWorkload .alignment{
text-align:center;
align:center;
width:50%;
padding:0px 10px 0px 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.reportKPIQuality .alignment{
text-align:left;
align:left;
width:50%;
padding:0px 10px 0px 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.reportKPIQuality .alignment:nth-child(2){
padding:0px 10px 0px 30px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.reportKPIWorkload .leftPadding{
padding:10px 0px 0px 0px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.reportKPIQuality .leftPadding{
	padding:10px 0px 0px 30px ;
		box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.reportKPIQuality .leftPadding .leftBorder:nth-child(2){
border-left:1px solid #dfe0e0;
padding:0px 20px 0px 20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.reportKPIQuality .leftPadding .leftBorder{
padding:0px 20px 0px 5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.reportKPIWorkload .leftPadding .setAlignWidth{
width:100%;
}

.reportKPIQuality .leftPadding .setAlignWidth{
width:auto;
}

.borderRight_N{border-top-width:0px;border-right-width:1px;border-bottom-width:0px;border-left-width:0px; border-color:#dfe0e0;border-style:solid}

.frustratedBgColor
{
	background: rgba(191, 58, 41, .5);
	padding:1px 4px;
}

.toleratingBgColor
{
	background: rgba(240, 160, 57, .5);
	padding:1px 4px;
}

.satisfiedBgColor
{
	background: rgba(70, 145, 22, .5);
	padding:1px 4px;
}

.smileySatisfied_big,
.smileyTolerating_big,
.smileyFrustrated_big,
.smileySatisfied_small,
.smileyTolerating_small,
.smileySatisfied_small,
.smileySatisfied_medium,
.smileyTolerating_medium,
.smileyFrustrated_medium,
.smileySatisfied_big_medium,
.smileyTolerating_big_medium,
.smileyFrustrated_big_medium,
.moblie_session,
.desktop_session,
.tab_session,
.appflow_device_b_w_desktop,
.appflow_device_b_w_mobile,
.appflow_device_b_w_tablet,
.appflow_device_b_w_enduser,
.BROWSER_IE,
.BROWSER_Chrome,
.BROWSER_Firefox,
.appflow_device_user_desktop,
.appflow_device_user_mobile,
.appflow_device_user_tab
{
	background-image: url("/final/images/Light/eg_app_menu_sprite.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

div.sessions_legends {
	text-align: center;
	margin-top: 20px;
}
div.sessions_legends img {
    margin: 0px 10%;
    cursor: pointer;
}
.desktop_session {
    background-position: -24px 0px;
    width: 16px;
    height: 16px;
}
.tab_session {
    background-position: -24px -17px;
    width: 16px;
    height: 16px;
}
.moblie_session {
    background-position: -24px -34px;
    width: 16px;
    height: 16px;
}
.appflow_device_b_w_desktop {
     background-position: -41px 0px !important;
}
.appflow_device_b_w_mobile {
	background-position: -41px -34px !important;
}
.appflow_device_b_w_tablet {
    background-position: -41px -17px  !important;
}
.appflow_device_b_w_enduser{
	  background-position: -58px 0px  !important;
}
.smileyFrustrated_big,
.smileyTolerating_big,
.smileySatisfied_big {
    width: 32px;
    height: 32px;
}
.smileySatisfied_small,
.smileyTolerating_small,
.smileyFrustrated_small {
    width: 18px;
    height: 18px;
}
.smileySatisfied_medium,
.smileyTolerating_medium,
.smileyFrustrated_medium {
    width: 24px;
    height:24px;
}
.smileySatisfied_big_medium,
.smileyTolerating_big_medium,
.smileyFrustrated_big_medium {
    width: 27px;
    height:27px;
}
.appflow_device_user_desktop,
.appflow_device_user_mobile,
.appflow_device_user_tab{
	width:67px;
	height:61px;
	background-color: #fff;
}
.appflow_device_user_tab{
	background-position: -176px -235px;
}
.appflow_device_user_mobile{
	background-position: -176px -296px;
}
.appflow_device_user_desktop{
	background-position: -176px -174px
}
.smileySatisfied_big_medium{
	background-position: -213px -145px;
}
.smileyTolerating_big_medium{
	 background-position: -157px -145px;
}
.smileyFrustrated_big_medium{
	background-position:-185px -145px;
}

.smileySatisfied_medium{
	background-position: -216px -120px;
}
.smileyTolerating_medium{
	 background-position: -188px -120px;
}
.smileyFrustrated_medium{
	background-position: -160px -120px;
}
.smileySatisfied_small {
    background-position: -188px -8px;
}
.smileyTolerating_small {
    background-position: -188px -42px;
}
.smileyFrustrated_small {
    background-position: -188px -74px;
}
.smileySatisfied_big {
    background-position: -206px 0px;
}
.smileyTolerating_big {
    background-position: -206px -66px;
}
.smileyFrustrated_big {
    background-position: -206px -33px;
}
.BROWSER_IE,
.BROWSER_Chrome,
.BROWSER_Firefox{
	 width: 16px;
    height: 16px;
}
.BROWSER_IE{
	 background-position: -171px -8px;
}
.BROWSER_Chrome{
	 background-position: -171px -25px;
}
.BROWSER_Firefox{
	 background-position: -171px -41px;
}

.d_m_t20 {
    margin-top: 20px;
}
.d_m_l20 {
    margin-left: 20px;
}
.d_m_b20 {
    margin-bottom: 20px;
}
.d_m_r20 {
    margin-right: 20px;
}
.d_m_t5{
    margin-top: 5px;
}
.d_m_t10 {
    margin-top: 10px;
}
.d_m_l5{
margin-left: 5px;
}
.d_m_l10 {
    margin-left: 10px;
}
.d_m_b5 {
    margin-bottom: 5px;
}
.d_m_b10 {
    margin-bottom: 10px;
}
.d_m_r5 {
    margin-right: 5px;
}
.d_m_r10 {
    margin-right: 10px;
}
.s_box {
    position: relative;
    height: 30px;
    top: 500px;
    display: none;
}

.smileySatisfied_medium{
	width: 24px;
	height:24px;		
}
.smileyFrustrated_medium {
	width: 24px;
	height:24px;
}
.smileySatisfied_medium{
	background-position: -216px -120px;
}
.smileyFrustrated_medium{
	background-position: -160px -120px;
}
.legend_Frustrated_12 {
	color: #bf3a29;
	font-size: 12px !important;
}
.legend_Tolerating_12 {
	color: #f0a039;
	font-size: 12px !important;
}
.legend_Satisfied_12 {
	color: #469116;
	font-size: 12px !important;
}
.legend_Frustrated_19 {
	color: #bf3a29;
	font-size: 19px !important;
	font-weight:500;
}
.legend_Tolerating_19 {
	color: #f0a039;
	font-size: 19px !important;
	font-weight:500;
}
.legend_Satisfied_19 {
	color: #469116;
	font-size: 19px !important;
	font-weight:500;
}
.trim_text {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.fieldSetDivHeader{
	position:absolute;
	top:-12px;
	left:5px;
	background-color:#ffffff;
	padding:3px 3px 1px 3px;
	border:1px solid #e9e9e9;
	margin:0px 0px 0px 0px;
	font-size:11px !important;
	font-weight:400 !important;
	color:#000000;
}
.newFont_bold18_Header{
	font-size: 18px !important;
	font-weight:500;
	color:#2a292a;
}

.main_topology_wrap {
	display: table;
	width:99%;
	height: 90%;
	margin:0px auto;
}

.widgetcon,
.animation_box
{
		-webkit-transition: all 0.s5 ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.main_topology_wrap .sidebar {
	width:45%;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    position: relative;
    z-index: 2;
}
.arrow_device.top,
.arrow_device.stright,
.arrow_device.bottom{
	 background-image: url('/final/images/Light/rum_app_flow-arrow.png');
    background-repeat: no-repeat;
	position:absolute;
	width:85%;
	height:84px;
}
.arrow_device.bottom
{
background-position:right  0px;
top:0px;
right:0px;
}
.arrow_device.stright
{
background-position: right -85px;
top:0px;
bottom:0px;
margin:auto;
right:0px;
}
.arrow_device.top
{
background-position: right -169px;
bottom:0px;
right:0px;
}


.main_topology_wrap .content {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    height: 70%;
    position: relative;
	/*padding-left:20px;*/
}
.main_topology_wrap .dotted_circle {
    height: 184px;
    width:550px;
    position: relative;
    z-index: 3;
	
}
.main_topology_wrap .appflow_connections{
	background-image: url('/final/images/Light/rum_app_flow_connection.png');
    background-position: center center;
    background-repeat: no-repeat;
	 height: 184px;
	position: absolute;
	 width:510px;
	margin:0 auto;
	left:0px;
	top:0px;
	 z-index: 4;
}
.main_topology_wrap .rum-app-flow-cricle-arrow-bottom {
    background-image: url('/final/images/Light/rum_app_flow-cricle-arrow_bottom.png');
    background-repeat: no-repeat;
	background-position: center center;
    width: 24px;
    height: 24px;
    bottom: 0;
	z-index:5;
    right: 0%;
    left: 0%;
    top: -12px;
	transform: rotate(27deg);
    left: 28%;
	 position: absolute;
	margin:0 auto;
}
.line-arrow {
    position: absolute;
    overflow: hidden;
    display: inline-block;
    font-size: 12px; /*set the size for arrow*/
    width: 2em;
	  height: 2em;
    margin-top: -2em;
    top: 78%;
}
.line-arrow.left {
    border-top: 1px solid #a9a9a9;
	  border-left: 1px solid #a9a9a9;
    transform: rotate(-6deg) skew(-20deg);
    left: -10px;
}

.line-arrow.right {
  	border-top: 1px solid #a9a9a9;
	  border-right: 1px solid #a9a9a9;
    transform: rotate(54deg) skew(20deg);
    right: 20px;
}
.uri_remove{
	
}


.main_topology_wrap .sidebar_arc_box {
    display: table;
    margin-bottom: 2px;
    width: 98%;
    position: relative;
}
.reachout {
    margin: auto;
    position: absolute;
	padding-top:8px;
	left:0px;
	right:0px;
    height: 35px;
    text-align: center;
    line-height: 12px;
	color:#29282a;
	font-weight:500;
}
.reachout span:first-child {
    font-size: 9px;
}
.reachout span:last-child {
    font-size: 11px;
}
.sidebar_arc_box .reachout{
	text-align:right;
}
.sidebar_arc_box.bottom .reachout{
	  top: 0px;
	    bottom: 0;
	right: 15%;
}
.sidebar_arc_box.stright .reachout{
	  bottom: 0;
	  top:0;
	  right: 15%;
}
.sidebar_arc_box.top .reachout{
	 top: 0;
	  bottom: 0;
	  right: 15%;
}
.main_topology_wrap .sidebar_arc_box_art {
    z-index: 1;
}
.rum_label_color{
	color:#29282a;
}
.main_topology_wrap .sidebar_arc_box_art.bottom {
    margin: auto;
    position: absolute;
    top: 0;
	right: 0;
    bottom: 0;
    left:0px;

}
.main_topology_wrap .sidebar_arc_box_art.stright {
    margin: auto;
    position: absolute;
    top: 0;
	right: 0;
    bottom: 0;
    left:0px;
}

.main_topology_wrap .sidebar_arc_box_art.top {
    margin: auto;
    position: absolute;
    top: 0px;
	right: 0;
    bottom: 0;
    left: 0px;
   
}
.main_topology_wrap .sidebar_arc_box_art.stright .reachout div:first-child{
	margin-top:10px;
}
.main_topology_wrap .grp_box{
	position: relative;
}
.main_topology_wrap .arrow_1 .reachout,
.main_topology_wrap .arrow_2 .reachout,
.main_topology_wrap .arrow_3 .reachout,
.main_topology_wrap .arrow_4 .reachout,
.main_topology_wrap .arrow_5 .reachout {
    background: #fff;
    margin: auto;
    position: absolute;
    height: 35px;
    text-align: center;
    line-height: 12px;
	font-weight:500;
}
.main_topology_wrap .arrow_1 .reachout{
	right:0;
	top:0;
}
.main_topology_wrap .arrow_2 .reachout{
	 top: -50px;
    left: 20px
}
.main_topology_wrap .arrow_3 .reachout{
		top: 0;
		left: 40px
}
.main_topology_wrap .arrow_4 .reachout{
	bottom: -50px;
    left: 20px;
}
.main_topology_wrap .arrow_5 .reachout{
	right:0;
	bottom:0;
}
.main_topology_wrap .grp_box  .arrow_1_box,
.main_topology_wrap .grp_box  .arrow_2_box,
.main_topology_wrap .grp_box  .arrow_3_box,
.main_topology_wrap .grp_box  .arrow_4_box,
.main_topology_wrap .grp_box  .arrow_5_box
{
	text-align:center;
	width:100%;
	display:table;
}

.main_topology_wrap .arrow_1,
.main_topology_wrap .arrow_2,
.main_topology_wrap .arrow_3,
.main_topology_wrap .arrow_4,
.main_topology_wrap .arrow_5{
	background-image: url('/final/images/Light/rum_app_flow_url-arrow.png');
	background-repeat: no-repeat;
	width:43%;
	height:75px;
	position:absolute;
}
.main_topology_wrap .arrow_1_box .reachout{
	top:35px;
	left:65%;
	text-align:right;
}
.main_topology_wrap .arrow_2_box .reachout{
	top:10px;
	left:58%;
}
.main_topology_wrap .arrow_3_box .reachout{
	top:0;
	left:50%;
}
.main_topology_wrap .arrow_4_box .reachout{
	top:-10px;
	left:58%;
}
.main_topology_wrap .arrow_5_box .reachout{
	top:-35px;
	left:65%;
	text-align:right;
}
.main_topology_wrap .arrow_1{
	background-position: right -0px;
	top: 15px;
    /*left: 174px;*/
	left:62%;
	margin-top:0px;
}
.main_topology_wrap .arrow_2{
	background-position: right -74px;
	top: 21px;
  /*left: 174px;*/
	left:62%;
}
.main_topology_wrap .arrow_3{
	background-position: right -149px;
	top: -20px;
    /*left: 174px;*/
	left:62%;
}
.main_topology_wrap .arrow_4{
	background-position: right -225px;
	top: -53px;
    /*left: 174px;*/
	left:62%;
}
.main_topology_wrap .arrow_5{
	background-position: right bottom;
	 top: -45px;
   /*left: 174px;*/
	left:62%;
	margin-bottom:0px;
}
.main_topology_wrap .grp_box .url_info{
	background:#e8e8e8;
	border:#d3d3d3 1px solid;
	padding: 5px 5px 0px 5px;
	/*width:176px;*/
	width:61%;
}
.url_info{
	background:#e8e8e8;
	border:#d3d3d3 1px solid;
	padding: 5px 5px 0px 5px;
	width:176px;
}
.urlbox{
	/*width:90px;*/
	 white-space: normal;
}
.urlstate{
	
	text-align:left;
}
.main_topology_wrap .grp_box .url_info .urlstate,
.main_topology_wrap .grp_box .url_info .urlbox{
	/*display:inline-block;*/
}
.main_topology_wrap .grp_box .url_info .urlbox{
	/*width:165px;*/
	text-align:left;
	color:#2a292a;
	
}
.main_topology_wrap .grp_box .url_info .urlstate .device_time{
	font-size:14px;
	color:#2a292a;
}

.device_time_urlState{
	font-size:14px;
	color:#2a292a;
}

.device_time_new {
    color: #858585;
    font-size: 20px;
}
.device_time_new span {
    font-size: 16px;
}

.main_topology_wrap .grp_box .url_info .urlstate{
	
	text-align:left;
}
.browser_new {
	width: 119px;
	height: 97px;
    margin: auto;
      top: 0;
    /*left: -70px;*/
    bottom: 0;
    text-align: center;
    z-index: 4;
    background-image: url('/final/reporter/images/print_rum_browser.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.cloud_new {
	width: 143px;
	height: 152px;
    margin: auto;
      top: 0;
    /*left: -70px;*/
    bottom: 0;
    text-align: center;
    z-index: 4;
    background-image: url('/final/reporter/images/print_rum_cloud.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.dot_top_new{
	width:145px;
    z-index: 4;
	background:transparent url('/final/reporter/images/print_rum_dot_top.png');
	background-position: top center;
    background-repeat: no-repeat;
}

.dot_bottom_new{
	 width: 145px;
	height: 70px;
    text-align: center;
    z-index: 4;
	background: url('/final/reporter/images/print_rum_dot_bottom.png');
	background-position: top center;
    background-repeat: no-repeat;
}

.main_topology_wrap .breakup_time.show{
	left: -85px !important;
}

.main_topology_wrap .breakup_time ul li{
	border-width:1px 0px;
	border-color:#9c9c9c #767676 #767676 #9c9c9c;
	border-style:solid;
	padding:5px 0px 2px 0px;
}
.main_topology_wrap .breakup_time ul li:first-child{
	border-width:0px 0px 1px 0px;
}
.main_topology_wrap .breakup_time ul li:last-child{
	border-width:1px 0px 0px 0px;
}
.main_topology_wrap  .content_download ,
.main_topology_wrap .network_connection{
		background: transparent;
		border:transparent 1px solid;
		border-radius:5px;
		cursor:pointer;
		 -webkit-transition: background 0.2s linear;
        -moz-transition: background 0.2s linear;
        -ms-transition: background 0.2s linear;
        -o-transition: background 0.2s linear;
        transition: background 0.2s linear;
		z-index:5;
}
.main_topology_wrap  .content_download.select,
.main_topology_wrap .network_connection.select{
		background: #fcfcfc;
		border:#cccccc 1px solid;
		border-radius:5px;
		 -webkit-transition: background 0.2s linear;
        -moz-transition: background 0.2s linear;
        -ms-transition: background 0.2s linear;
        -o-transition: background 0.2s linear;
        transition: background 0.2s linear;
}
.main_topology_wrap  .content_download.select .spacing_bg,
.main_topology_wrap .network_connection.select .spacing_bg{
	background: #fcfcfc;
}

.main_topology_wrap .select .bg,
.main_topology_wrap .select .bg .font_normal31 {
    background:  #fcfcfc;
}
.main_topology_wrap  .content_download .close,
.main_topology_wrap .network_connection .close{
	display:none;
}
.main_topology_wrap  .content_download.select .close,
.main_topology_wrap .network_connection.select .close{
	display:block;
}
.bg,
.bg .font_normal31 {
    background: #fff
}
.bg.spacing_bg{
	padding:5px 30px;
	display:block;
}
.main_topology_wrap .content_download {
    margin: auto;
    position: absolute;
    bottom: -45px;
    left: 0;
    right: 0;
    text-align: center;
    width: 180px;
   
}
.main_topology_wrap .device_info {
    width: 64px;
    height: 60px;
    z-index: 3;
    position: absolute;
}


.main_topology_wrap .device_info.top {
    margin: auto;
    position: absolute;
    bottom: -20px;
    left: 0;
}
.main_topology_wrap .device_info.bottom {
    margin: auto;
    position: absolute;
    top: -20px;
    left: 0;
}
.main_topology_wrap .device_info.stright {
    margin: auto;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
}
.device_time {
    color: #858585;
    font-size: 20px;
}
.device_time span {
    font-size: 16px;
}

.main_topology_wrap .center {
    margin: auto;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}


.appflow_device_desktop,
.appflow_device_tab,
.appflow_device_mobile,
.code_img,
.topo_search,
.topo_breakupddicon,
.nwt_connection_img {
    background-image: url('/final/images/Light/rumtopology_sprite.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    z-index: 3;
}
.topo_breakupddicon{
	 width: 16px;
    height: 16px;
    background-position: -155px -183px;
}
.topo_search{
	 width: 16px;
    height: 16px;
    background-position: -108px -183px;
}
.nwt_connection_img {
    width: 32px;
    height: 32px;
    background-position: -133px -39px;
}
.code_img {
    width: 32px;
    height: 32px;
    background-position: -133px -71px;
}
.appflow_device_mobile {
    background-position: -934px -130px;
}
.appflow_device_desktop {
    background-position: -938px 0px;
}
.appflow_device_tab {
    background-position: -934px -65px
}

.uri_holder{
	margin:0px 0px;

}
.uribox{
	display:inline-block;
	background:#e6e6e6;
	border: 1px solid #d1d1d1;
	width:113px;
	height:19px;
	padding:0px 5px;
	line-height:19px;
	overflow:hidden;
	position:relative;
	margin-right:5px;
	
}
.uribox img{
	float:right;
	width:8px;
	height:8px;
	margin-top:5px;
	cursor:pointer;
}
.uribox span{
		float:left;
		width:85px;
		margin-right:5px;
		overflow:hidden;
}
.uribox:hover,
.uribox:hover span{
	/*width:auto;*/
}


/*   Reporter rum health report page scope changes designs start here      */

.main_topology_wrap .dotted_circle_reporter {
	height: 184px;
	width:420px;
	position: relative;
	z-index: 3;
	margin:0px auto;
	
}
.main_topology_wrap .appflow_connections_reporter{
	background-image: url('/final/images/Light/rum_app_flow_connection_reporter.png');
	background-position: center center;
	background-repeat: no-repeat;
	 height: 184px;
	position: absolute;
	 width:410px;
	margin:0 auto;
	left:0px;
	top:0px;
	 z-index: 4;
}
.main_topology_wrap .appflow_connectionsBig_reporter{
	background-image: url('/final/images/Light/rum_app_flow_connectionBig_reporter.png');
    background-position: center center;
    background-repeat: no-repeat;
	height: 184px;
	position: absolute;
	width:410px;
	margin:0 auto;
	left:0px;
	top:0px;
	 z-index: 4;
}

.main_topology_wrap .browser_reporter {
	width: 114px;
	height: 92px;
	position: absolute;
	margin: auto;
	position: absolute;
	top: 0;
	/*left: -70px;*/
	bottom: 0;
	text-align: center;
	z-index: 4;
	background-image: url('/final/images/Light/rum_app_flow-bwr_reporter.png');
	background-position: center center;
	background-repeat: no-repeat;
}

.main_topology_wrap .browserBig_reporter {
    width:152px;
    height:109px;
    position: absolute;
    margin: auto;
    position: absolute;
    top:8px;
    left:-10px;
    bottom: 0;
    text-align: center;
    z-index: 4;
    background-image: url('/final/images/Light/rum_app_flow-bwrBig_reporter.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.main_topology_wrap .cld_reporter {
	background-image: url('/final/images/Light/rum_app_flow_cld_reporter.png');
	background-position: center center;
	background-repeat: no-repeat;
	height: 92px;
	width: 141px;
	margin: auto;
	top: 0px;
	bottom: 0;
	position: absolute;
	right: 0px;
	text-align: center;
}

.main_topology_wrap .cldBig_reporter {
    background-image: url('/final/images/Light/rum_app_flow_cld_reporter.png');
    background-position: center center;
    background-repeat: no-repeat;
    height: 92px;
    width: 141px;
    margin: auto;
    top: 0px;
    bottom: 0;
    position: absolute;
    right: 20px;
    text-align: center;
}

.main_topology_wrap .network_connection_reporter {
	margin: auto;
	position: absolute;
	left:-15px;
	right: 0;
	text-align: center;
	width: 180px;
	top:-8px;
	background-position: center center;
	background-repeat: no-repeat;
}

.main_topology_wrap .content_download_reporter {
    margin: auto;
    position: absolute;
    bottom: -25px;
    left: 50px;
    right: 0;
    text-align: center;
    width: 180px;
   
}

.main_topology_wrap  .content_download_reporter ,
.main_topology_wrap .network_connection_reporter{
		background: transparent;
		border:transparent 1px solid;
		border-radius:5px;
		cursor:pointer;
		 -webkit-transition: background 0.2s linear;
		-moz-transition: background 0.2s linear;
		-ms-transition: background 0.2s linear;
		-o-transition: background 0.2s linear;
		transition: background 0.2s linear;
		z-index:5;
}

.main_topology_wrap .bg_reporter{
    background: #ffffff;
}

.main_topology_wrap .bg_cloud_reporter{
    background: #fafeff;
}

.main_topology_wrap .bg_bwr_reporter{
    background: #ffffff;
}


.highlightFieldsetHtmlDivBox{
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  background:#ffffff;
  border-color:#e7e7e7 #e7e7e7 #e7e7e7 #e7e7e7;
  padding:20px 10px 15px 10px;
  text-align:left;
   -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display:inline-block;
  position:relative;
}

.highlightFieldsetHtmlDivBoxTitle{
	position:absolute;
	top:-14px;
	left:5px;
	background-color:#fff;
	padding:2px 4px 2px 4px;
	font-size: 12px !important;
	font-weight:400 !important;
	color:#000000;
	z-index:99;
	border:1px solid #e7e7e7;
}

/*   Reporter rum scope changed designs end here   */

.font_normal11,
.f11-normal{
	font-weight:400;
	font-size:11px;
}

.f12-normal{
	font-weight:400;
	font-size:12px;
}

.f14-bold{
	font-size:14px;
	font-weight:500;
}

.font_normal9{
	font-weight:400;
	font-size:9px;
}

</style>
</head>
<body marginwidth="20" marginheight="20" bgcolor="#FFFFFF">

<%
	String strLogCls = "printHeaderBoxLogo";
	if(pdfPrint !=null && pdfPrint.equalsIgnoreCase("yes"))
	{
		strLogCls = "printHeaderBoxLogo";
	}
	else
		strLogCls = "printPdfHeaderBoxLogo";
	if(pdfPrint !=null && pdfPrint.equalsIgnoreCase("yes"))
	{
%>
		<div class="<%=strLogCls%>" style="padding:10px"><img src="<%=imageName%>" border="0" /></div>
<%
	}
	else
	{
%>
		<div class="<%=strLogCls%>"><img src="<%=imageName%>" border="0" /></div>
<%
	}
%>
	<div class="printHeaderBox">

<%
	if (!StringUtils.isNull(er_RmDispName))
	{
%>
		<div class="printHeaderBoxTitle"><%= er_RmDispName %></div>
<%
	}
	

	if(pdfPrint !=null && pdfPrint.equalsIgnoreCase("yes"))
	{
%>
		<div class="printHeaderBoxPrintIcon"><img class="iconPrinter mouse"  id="pri ntbt" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" border="0" onClick="javascript:window.print()" alt='<egui:intnl text="reporter.common.PRINT"/>' title='<egui:intnl text="reporter.common.PRINT"/>'/></div>
<%
	}
%>
	</div>
<%
	String dispStart="";
	String dispEnd="";
	String comFormat="";
	String dispDate="";
	if(erd.s_stdate!=null)
	{
		if(DateUtil.isDate(erd.s_stdate,"MM/dd/yyyy"))
		{
			comFormat = "MM/dd/yyyy";
		}
		else
		{
			comFormat = currentDateFormat;
		}
		dispDate = 	DateUtil.changeDateFormat(erd.s_stdate,comFormat,currentDateFormat);
		converterStart = new EgTimeZoneConverter(dispDate+" "+erd.s_sthr+":"+erd.s_startmin,thisuser);
		dispStart=converterStart.getDateTime()+" hrs";
	}
	if(erd.s_enddate!=null)
	{
		if(DateUtil.isDate(erd.s_enddate,"MM/dd/yyyy"))
		{
			comFormat = "MM/dd/yyyy";
		}
		else
		{
			comFormat = currentDateFormat;
		}
		dispDate = 	DateUtil.changeDateFormat(erd.s_enddate,comFormat,currentDateFormat);
		converterEnd = new EgTimeZoneConverter(dispDate+" "+erd.s_endhr+":"+erd.s_endmin,thisuser);
		dispEnd=converterEnd.getDateTime()+" hrs";
	}
%>
	<div class="printOuterBoxNoBorder"> 
		<div class="printSelectionFields"><%=intlmap.getTextDescription("reporter.rumreport.Component")%> - <span class="bold"><%=selected_comp%></span></div>
		<div class="printSelectionFields"><%=intlmap.getTextDescription("reporter.rumreport.Timeline")%> - <span class="bold"><%=dispStart%>&nbsp;<%=intlmap.getTextDescription("reporter.rumreport.to")%>&nbsp;<%=dispEnd%></span></div>
	</div>
	
	<div class="clearDiv"></div>

	<%
		ErUtils erUtils = new ErUtils();
		JSONObject summary=null;
		JSONObject kpi=null;
		JSONObject userExp=null;
		JSONObject slowURL=null;
		JSONArray topURL=null;
		JSONObject traffic=null;
		JSONObject topology=null;
		JSONObject techObj=null;
		if(resultMap != null)
		{
			ErRumHealthReportBean rumHealth=new ErRumHealthReportBean();
			Boolean noData = ((Boolean) resultMap.get("NO_DATA_FOUND"));
			JSONObject thresh_json=new JSONObject();
			JSONObject resultobj=new JSONObject();
			JSONArray resultData=new JSONArray();
			if(noData != null)
				noDataFound = noData.booleanValue();
			if(!noDataFound){
				if(resultMap.containsKey("RUM_ReportData"))
					resultData = ((JSONArray) resultMap.get("RUM_ReportData"));
				if(resultMap.containsKey("RUM_ReportData_Traffic"))
					resultobj = ((JSONObject) resultMap.get("RUM_ReportData_Traffic"));
				
				JSONObject jsn=rumHealth.processSummaryDatas(resultData,resultobj,thresh,intlmap);
				JSONObject jsn1=rumHealth.processOverviewDatas(resultData,resultobj,thresh,intlmap,selected_comp,strUserDateFormat);
			
				if(resultobj != null && resultobj.containsKey("RUM_Overview_Technology"))
					techObj=(JSONObject)resultobj.get("RUM_Overview_Technology");

				summary=(JSONObject)jsn.get("Summary_View");
				kpi=(JSONObject)jsn.get("Kpi_View");
				userExp=(JSONObject)jsn.get("User_experience_View");
				topology=(JSONObject)jsn1.get("DeviceToplogy");
				slowURL=(JSONObject)jsn1.get("SlowURLs");
				if(slowURL == null || slowURL.size() == 0)
					topURL=(JSONArray)jsn1.get("TopURLs");
				traffic=(JSONObject)jsn1.get("Traffic");
			}
		}
	
	%>
<div class="printOuterBox" style="padding-top:0px;padding-bottom:0px;display:inline-block">
	<table>
		<tr>
			<td>
				<div class="newFont_bold18 newPanelHeaderBottomBorder"><%=(String)summary.get("mainheading")%></div>
				<table>
	<%
		JSONArray jsnarr=(JSONArray)summary.get("descriptionDetails");
		for(int i=0;i<jsnarr.size();i++)
		{
			JSONObject obj=(JSONObject)jsnarr.get(i);
			String descriptionTitle=(String)obj.get("descriptionTitle");
			String description=(String)obj.get("description");
	%>
					<tr>
	<%
					if(pdfPrint !=null && pdfPrint.equalsIgnoreCase("yes"))
					{
	%>
						<td style="width:10px;padding:10px 0px 5px 4px" align="left" valign="top">
							<div class="classBulletGray"></div>
						</td>
	<%
					}else
					{
	%>
						<td style="width:10px;padding:12px 0px 5px 4px" align="left" valign="top">
							<div style="width:10px;height:10px;line-height:1px;margin:2px 0px 0px 0px">
								<svg xmlns="http://www.w3.org/2000/svg">
									<g>
										<circle cx="5" cy="5" r="5" fill="#cdcdcd" stoke-width="0" ></circle>
									</g>
								</svg>
							</div>
						</td>
	<%
					}
	%>
						<td  align="left" valign="top" style="width:200px;padding:10px 4px 5px 4px" class="newFont_bold14"><%=descriptionTitle%></td>
						<td  align="left" valign="top" style="padding:10px 4px 5px 4px;line-height:20px" class="newFont_normal14"><%=description%></td>
					</tr>
	<%
		}
	%>
				</table>
			</td>
		</tr>
	</table>
</div>
<div class="clearDiv" height="20px">&nbsp;</div>

	<%
		String trafficVal="";
		String pageViews="";
		String pageloadtime="";
		String jserrors="";
		String jserrorCnt="";
		String trafficState="";
		String pageLoadTimeState="";
		String jserrorState="";
		JSONArray kpiarray=(JSONArray)kpi.get("fieldset");
		if(kpiarray != null && kpiarray.size() == 2)
		{
			for(int i=0;i<kpiarray.size();i++)
			{
				JSONObject kpiObj=(JSONObject)kpiarray.get(i);
				if(kpiObj!= null){
					String kpiTitle=(String)kpiObj.get("fieldsetTitle");
					if(kpiTitle != null && kpiTitle.equalsIgnoreCase("Work Load")){
						JSONArray workloadSub=(JSONArray)kpiObj.get("sub");
						if(workloadSub!= null){
							for(int j=0;j < workloadSub.size();j++){
								JSONObject workloadObj=(JSONObject)workloadSub.get(j);
								if(workloadObj != null){
									if(workloadObj != null){
										String wrkloadName=(String)workloadObj.get("name");
										if(wrkloadName!= null && wrkloadName.equalsIgnoreCase("Traffic")){
											trafficState=(String)workloadObj.get("state");
											JSONArray workloadTraffic=(JSONArray)workloadObj.get("separate");
											if(workloadTraffic != null){
												for(int l=0;l<workloadTraffic.size();l++){
													JSONObject trafficObj=(JSONObject)workloadTraffic.get(l);
													if(trafficObj!= null)
													{
														trafficVal=(String)trafficObj.get("value");
													}
												}
											}
										}else if(wrkloadName!= null &&( wrkloadName.equalsIgnoreCase("Page views") || wrkloadName.equalsIgnoreCase("Visits"))){ 
											JSONArray workloadPageViews=(JSONArray)workloadObj.get("separate");
											if(workloadPageViews!= null){
												for(int l=0;l<workloadPageViews.size();l++){
													JSONObject pageViewsObj=(JSONObject)workloadPageViews.get(l);
													if(pageViewsObj!= null)
													{
														pageViews=(String)pageViewsObj.get("value");
													}
												}
											}
										}
									}
								}
							}
						}
					}
					else if(kpiTitle != null && kpiTitle.equalsIgnoreCase("Quality")){
						JSONArray workloadSub=(JSONArray)kpiObj.get("sub");
						if(workloadSub!= null){
							for(int j=0;j < workloadSub.size();j++){
								JSONObject workloadObj=(JSONObject)workloadSub.get(j);
								if(workloadObj != null){
									if(workloadObj != null){
										String wrkloadName=(String)workloadObj.get("name");
										if(wrkloadName!= null && wrkloadName.equalsIgnoreCase("Avg Page Load Time")){
											JSONArray workloadTraffic=(JSONArray)workloadObj.get("separate");
											pageLoadTimeState=(String)workloadObj.get("state");
											if(workloadTraffic != null){
												for(int l=0;l<workloadTraffic.size();l++){
													JSONObject trafficObj=(JSONObject)workloadTraffic.get(l);
													if(trafficObj!= null)
													{
														pageloadtime=(String)trafficObj.get("value");
													}
												}
											}
										}else if(wrkloadName!= null &&( wrkloadName.equalsIgnoreCase("JS Errors") || wrkloadName.equalsIgnoreCase("Visits"))){ 
											JSONArray workloadPageViews=(JSONArray)workloadObj.get("separate");
											jserrorState=(String)workloadObj.get("state");
											if(workloadPageViews!= null){
												for(int l=0;l<workloadPageViews.size();l++)
												{
													JSONObject pageViewsObj=(JSONObject)workloadPageViews.get(l);
													if(pageViewsObj!= null)
													{
														String pageViewleg=(String)pageViewsObj.get("legend");
														if(pageViewleg!= null && (pageViewleg.equalsIgnoreCase("error") ||pageViewleg.equalsIgnoreCase("errors")||pageViewleg.equalsIgnoreCase("&nbsp;"))) {
															jserrorCnt=(String)pageViewsObj.get("value");
														}else{
															jserrors=(String)pageViewsObj.get("value");
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	%>
<div class="printOuterBox" style="display:inline-block">
	<div class="newFont_bold16" style="padding:4px 10px 10px 0"><%=(String)kpi.get("mainheading")%></div>


	<div class="printOuterBox" style="display:inline-block">
	
		<table width="100%" cellpadding="0px" cellspacing="0px" border="0px">
			<tr>
				<td style="padding-top:10px;" width="100%">
			<%
				if(fromPrint != null && fromPrint.equalsIgnoreCase("yes")){
			%>
					<div class="reportKPIWorkload" style="width:44%;">
			<%
				}else{
			%>
					<div class="reportKPIWorkload" style="width:40%;">
			<%
				}
			%>
						<div class="fieldSetDivHeader"><%=intlmap.getTextDescription("reporter.rumreport.Work Load")%></div>
						<div style="margin:15px 0px 0px 0px;width:100%;">
							<table border="0px" width="100%" cellpadding="0px" cellspacing="0px">
								<tr>
									<td class="alignment" width="50%">
										<table width="100%" style="text-align:center" border="0px" cellpadding="0px" cellspacing="0px">
											<tr>
												<td width="100%" align="center">
													<table border="0px" cellpadding="0px" cellspacing="0px" >
														<tr>
															<td><div class="<%=trafficState%>"></div></td>
															<td style="padding:4px;" class="newFont_normal12"><%=intlmap.getTextDescription("reporter.rumreport.Traffic")%></td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td align="center" width="100%" style="padding-top:10px">
													<table cellpadding="0px" cellspacing="0px" border="0px">
														<tr>
															<td align="center">
																<table cellpadding="0px" cellspacing="0px" border="0px">
																	<tr>
																		<td align="right"><div class="iconTransactions"></div></td>
																		<td align="left" style="padding:0px 4px 0px 5px" class="newFont_bold22"><%=trafficVal%></td>
																	</tr>
																	<tr>
																		<td colspan="2" align="center" class="font_normal11" style="text-align:center;"><%=intlmap.getTextDescription("reporter.rumreport.page views/min")%> </td>
																	</tr>
																</table>
															</td>
														</tr>
													</table>
												</td>
											</tr>
										</table>
									</td>
									<td width="50%">
										<table width="100%" style="text-align:center" border="0px" cellpadding="0px" cellspacing="0px">
											<tr>
												<td width="100%" align="center">
													<table border="0px" cellpadding="0px" cellspacing="0px" >
														<tr>
															<td><div class="" width="16px" height="16px">&nbsp;</div></td>
															<td style="padding:4px;" class="newFont_normal12"><%=intlmap.getTextDescription("reporter.rumreport.Page views")%></td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td align="center" width="100%" style="padding-top:10px">
													<table cellpadding="0px" cellspacing="0px" border="0px">
														<tr>
															<td align="center">
																<table cellpadding="0px" cellspacing="0px" border="0px">
																	<tr>
																		<td align="right"><div class="iconGridAppdesk"></div></td>
																		<td align="left" style="padding:0px 4px 0px 5px" class="newFont_bold22"><%=pageViews%></td>
																	</tr>
																	<!-- <tr>
																		<td colspan="2" align="center" class="newFont_normal10" style="text-align:center;"><%=intlmap.getTextDescription("reporter.rumreport.nos")%></td>
																	</tr> -->
																</table>
															</td>
														</tr>
													</table>
												</td>
											</tr>
										</table>
									</td>
								</tr>
							</table>
						</div>
					</div>
				<%
					if(fromPrint != null && fromPrint.equalsIgnoreCase("yes")){
				%>
						<div class="reportKPIQuality" width="55%">
				<%
					}else{
				%>
						<div class="reportKPIQuality">
				<%
					}
				%>
					
						<div class="fieldSetDivHeader"><%=intlmap.getTextDescription("reporter.rumreport.Quality")%></div>
						<div style="margin:15px 0px 0px 0px;width:100%;">
							<table border="0px" width="100%" cellpadding="0px" cellspacing="0px">
								<tr>
									<td class="alignment" width="50%">
										<table width="100%" style="text-align:center" border="0px" cellpadding="0px" cellspacing="0px" >
											<tr>
												<td width="100%" align="center">
													<table border="0px" cellpadding="0px" cellspacing="0px" >
														<tr>
															<td><div class="<%=pageLoadTimeState%>"></div></td>
															<td style="padding:4px;" class="newFont_normal12"><%=intlmap.getTextDescription("reporter.rumreport.Avg Page Load Time")%></td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td align="center" width="100%" style="padding-top:10px">
													<table cellpadding="0px" cellspacing="0px" border="0px">
														<tr>
															<td align="center">
																<table cellpadding="0px" cellspacing="0px" border="0px">
																	<tr>
																		<td align="right"><div class="iconPageLoadTime"></div></td>
																		<td align="left" style="padding:0px 4px 0px 5px" class="newFont_bold22"><%=pageloadtime%></td>
																	</tr>
																	<tr>
																		<td colspan="2" align="center" class="font_normal11" style="text-align:center;"><%=intlmap.getTextDescription("reporter.rumreport.secs")%></td>
																	</tr>
																</table>
															</td>
														</tr>
													</table>
												</td>
											</tr>
										</table>
									</td>

									<td class="alignment">
										<table width="100%" style="text-align:center" border="0px" cellpadding="0px" cellspacing="0px">
											<tr>
												<td width="100%" align="center">
													<table border="0px" cellpadding="0px" cellspacing="0px" >
														<tr>
															<td><div class="<%=jserrorState%>"></div></td>
															<td style="padding:4px;" class="newFont_normal12"><%=intlmap.getTextDescription("reporter.rumreport.JS Errors")%></td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td align="center" width="100%" style="padding-top:10px">
													<table cellpadding="0px" cellspacing="0px" border="0px">
														<tr>
															<td align="center" class="alignment">
																<table cellpadding="0px" cellspacing="0px" border="0px">
																	<tr>
																		<td align="right"><div class="iconDeleteAllPolicyGroup"></div></td>
																		<td align="left" style="padding:0px 4px 0px 5px" class="newFont_bold22"><%=jserrors%></td>
																	</tr>
																	<tr>
																		<td colspan="2" align="center" class="font_normal11" style="text-align:center;">%</td>
																	</tr>
																</table>
															</td>
															<td align="center">
																<table cellpadding="0px" cellspacing="0px" border="0px">
																	<tr>
																		<td align="center" style="padding:0px 4px 0px 5px" class="newFont_bold22"><%=jserrorCnt%></td>
																	</tr>
																	<tr>
																<%
																	int jscnt=0;
																	if(jserrorCnt != null && !jserrorCnt.equalsIgnoreCase(""))
																		jscnt=Integer.parseInt(jserrorCnt);
																	%>
																		<td align="center" class="newFont_normal10"						style="text-align:center;">&nbsp;</td>
																<%
																	if(jscnt > 0){
																%>
<!-- 																		<td align="center" class="newFont_normal10"						style="text-align:center;"><%=intlmap.getTextDescription("reporter.rumreport.errors")%></td> -->
																<%
																	}else{
																%>
<!-- 																		<td align="center" class="newFont_normal10" style="text-align:center;"><%=intlmap.getTextDescription("reporter.rumreport.error")%></td> -->
																<%
																	}
																%>
																	</tr>
																</table>
															</td>
														</tr>
													</table>
												</td>
											</tr>
										</table>
									</td>
								</tr>
							</table>
						</div>
					</div>
				</td>
			</tr>
		</table>
	</div>
	<div class="clearDiv">&nbsp;</div>

	<div class="newFont_bold14" style="padding:4px 10px 10px 0"><%=intlmap.getTextDescription("reporter.rumreport.What was the User Experience")%>?</div>
<div class="printOuterBox" style="display:inline-block;padding:0px">
	<table width="100%" align="left" valign="middle" border="0px" cellpadding="0px" cellspacing="0px">
		<tr>
			<td width="100%" style="padding:10px">
				<div style="text-align:center;">
				<table align="center" height="75px" width="100%" border="0px" cellpadding="0px" cellspacing="0px">
					<tr>
						<td align="center" valign="middle" style="padding-right:30px;width:40%" class="newLineRight">
					<%
						JSONArray jsonn=(JSONArray)userExp.get("UserExperienceView");
						for(int i=0;i<jsonn.size();i++)
						{
							JSONObject obj=(JSONObject)jsonn.get(i);
							String smiley=(String)obj.get("smiley");
					%>
							<table border="0px" cellpadding="0px" cellspacing="0px" height="60px">
								<tr>
									<td align="center" height="35px" style="padding-top: 14px;" valign="bottom">
										<div class="smiley<%=smiley%>_medium"></div>
									</td>
									<td rowspan="2" align="center" class="newFont_normal55">
										<%=(String)obj.get("value")%>
									</td>
								</tr>
								<tr>
									<td  align="center" class="legend_<%=smiley%>_19" height="25px" valign="top">
										<%=(String)obj.get("stateText")%>
									</td>
								</tr>	
								<tr>
									<td colspan="2" valign="top">
										<div class="newFont_normal12 trim_text " style="text-align:center;"><span><%=(String)obj.get("heading")%></span></div>
									</td>
								</tr>
							</table>
					<%
						}
					%>
						</td>
						<td align="center" valign="middle" style="padding-right:10px;width:60%">
							<table width="80%" border="0px">
								<tr>
									<td align="center" valign="middle">
								<%
								if(fromPrint != null && fromPrint.equalsIgnoreCase("yes"))
								{
								%>
									
											<div class="heatmap_holder6">
								<%
											JSONArray heatmapData=(JSONArray)userExp.get("heatMapData");	
											for(int i=0;i<heatmapData.size();i++){
												JSONObject descriptionObj=(JSONObject)heatmapData.get(i);
												String state=(String)descriptionObj.get("state");
												String strColor = "";
												
									%>
												<div class="heatmap_box_6 <%=state%>"></div>
									<%
										}
									%>
											</div>
								<%
								}
								else
								{
								%>
											<div class="heatmap_holder6" >
											<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80"><g>
									<%
										int x=0;
										int y=10;
										int incx=0;
										int incy=0;
										JSONArray heatmapData=(JSONArray)userExp.get("heatMapData");	
											for(int i=0;i<heatmapData.size();i++){
												JSONObject descriptionObj=(JSONObject)heatmapData.get(i);
												String state=(String)descriptionObj.get("state");
												String strColor = "";
												if(state!=null && state.equalsIgnoreCase("Frustrated"))
													strColor="#bf3a29";
												else if(state!=null && state.equalsIgnoreCase("Tolerating"))
													strColor="#f0a039";
												else if(state!=null && state.equalsIgnoreCase("Satisfied"))
													strColor="#469116";
												if(i==0)
												{
													x=3;
													y=10;
													incx=0;
													incy=0;
												}else if(i%10 ==0)
												{
													incx=0;
													incy=0;
													y+=7;
													x=3;
												}else
												{
													//y=0;
													incx+=7;
													incy=0;
												}
									%>
									<circle cx="<%=x+incx%>" cy="<%=y+incy%>" r="3" fill="<%=strColor%>" stoke-width="0" ></circle>
									<%
										}
									%>
									</g>
									</svg>
											</div>
									<%
									}
									%>
									</td>

									<td align="center" valign="middle">
										<div style="height:70px;">
											<table width="100%" border="0px" height="100%">
												<tr>
										<%
											JSONArray jsonn1=(JSONArray)userExp.get("summary");
											for(int i=0;i<jsonn1.size();i++)
											{
												JSONObject obj=(JSONObject)jsonn1.get(i);
												String name=(String)obj.get("name");
										%>
													<td align="center" valign="middle" style="vertical-align:middle;padding:4px">
														<div class="newFont_normal21" style="padding-bottom:5px">
															<%=(Integer)obj.get("value")%>%</div>
														<div class="legend_<%=name%>_12 trim_text" style="width:100%">
															<%=(String)obj.get("name")%></div>
														<div class="newFont_normal11">(
															<%=erUtils.round((((Double)obj.get("total")).doubleValue()),1)%>)</div>
													</td>
										<%
											}
										%>
												</tr>
											</table>
										</div>
									</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
			</div>
			</td>
		</tr>
	</table>
</div>
<div class="clearDiv">&nbsp;</div>

	<%
		JSONArray TopologyDev1=(JSONArray)topology.get("devices");
		boolean noDataforAjax=false;
		boolean noDataforPage=false;
		if(topology != null && topology.containsKey("noDataforPage"))
			noDataforPage=((Boolean)topology.get("noDataforPage")).booleanValue();
		if(topology != null && topology.containsKey("noDataforAjax"))
			noDataforAjax=((Boolean)topology.get("noDataforAjax")).booleanValue();
		JSONObject investigateNote=(JSONObject)topology.get("InvestigateContent");
		JSONObject desktoReachObj=new JSONObject();
		JSONObject tabtoReachObj=new JSONObject();
		JSONObject mobtoReachObj=new JSONObject();
		String desktopState="";
		Double desktopTime=new Double(0.0);
		String tabState="";
		Double tabTime=new Double(0.0);
		String mobState="";
		Double mobTime=new Double(0.0);
		if(TopologyDev1 != null)
		{
			for(int i=0;i<TopologyDev1.size();i++){
				JSONObject TopologyObject=(JSONObject)TopologyDev1.get(i);
				String deviceName=(String)TopologyObject.get("device");
				if(deviceName != null && deviceName.equalsIgnoreCase("desktop")){
					desktopState=(String)TopologyObject.get("state");
					desktopTime=(Double)TopologyObject.get("time");
					JSONArray desktoReachArr=(JSONArray)TopologyObject.get("toReach");
					if(desktoReachArr != null)
						desktoReachObj=(JSONObject)desktoReachArr.get(0);
				}else if(deviceName != null && (deviceName.equalsIgnoreCase("tab") || deviceName.equalsIgnoreCase("tablet"))){
					tabState=(String)TopologyObject.get("state");
					tabTime=(Double)TopologyObject.get("time");
					JSONArray tabtoReachArr=(JSONArray)TopologyObject.get("toReach");
					if(tabtoReachArr != null)
						tabtoReachObj=(JSONObject)tabtoReachArr.get(0);
				}else if(deviceName != null && deviceName.equalsIgnoreCase("mobile")){
					mobState=(String)TopologyObject.get("state");
					mobTime=(Double)TopologyObject.get("time");
					JSONArray mobtoReachArray=(JSONArray)TopologyObject.get("toReach");
					if(mobtoReachArray != null)
						mobtoReachObj=(JSONObject)mobtoReachArray.get(0);
				}

			}
		}
%>
<div class="newFont_bold14" style="padding:4px 10px 10px 0"><%=intlmap.getTextDescription("reporter.rumreport.Why slow")%></div>
<div class="printOuterBox" style="display:inline-block">
	<table width="100%" valign="middle" border="0px" height="460px" cellpadding="0px" cellspacing="0px" style="padding-right:10px">
		<tr>
			<td width="100%" height="100%" align="center" style="padding:10px 10px 10px 10px">
				<table width="100%" border="0px" cellpadding="0px" cellspacing="0px">
					<tr>
						<td align="center" colspan="2">
							<table border="0px" align="center" style="text-align:center">
								<tbody>
									<tr>
										<td>
											<div class="newLineRight" style="float:left;padding:0px 60px;text-align:center;" align="center">
												<div class="appflow_device_user_desktop"></div>
										<%
											if(fromPrint != null && fromPrint.equalsIgnoreCase("yes"))
											{
										%>
												<div style="text-align: center;margin-top:4px">
													<img class="d_m_r5" src="../images/Light/state_component_combo_<%=desktopState%>.png " width="14px" height="14px">
													<span class="device_time_new"><%=desktopTime%>
														<span>s</span>
													</span>
												</div>
												<div class="font_normal9 rum_label_color"><%=(String)desktoReachObj.get("call")%></div>
										<%
											}
											else
											{
										%>
												<table width="100%" border="0px" cellpadding="0px" cellspacing="0px">
													<tr>
														<td>
															<img class="d_m_r5" src="../images/Light/state_component_combo_<%=desktopState%>.png " width="11px" height="13px">
														</td>
														<td>
															<span class="device_time_new"><%=desktopTime%>
																<span>s</span>
															</span>
														</td>
													</tr>
													<tr>
														<td colspan="2">
															<div class="font_normal9 rum_label_color"><%=(String)desktoReachObj.get("call")%></div>
														</td>
													</tr>
												</table>
										<%
											}
										%>
											</div>
								<%
									if(!(fromPrint != null && fromPrint.equalsIgnoreCase("yes")))
									{
								%>
										</td>
										<td>
								<%
									}
								%>
											<div class="newLineRight" style="float:left;padding:0px 60px;text-align:center;" align="center">
												<div class="appflow_device_user_tab"></div>
										<%
											if(fromPrint != null && fromPrint.equalsIgnoreCase("yes"))
											{
										%>
												<div style="text-align:center;margin-top:4px">
													<img class="d_m_r5" src="../images/Light/state_component_combo_<%=tabState%>.png " width="14px" height="14px">
													<span class="device_time_new"><%=tabTime%>
														<span>s</span>
													</span>
												</div>
												<div class="font_normal9 rum_label_color"><%=(String)tabtoReachObj.get("call")%></div>
										<%
											}
											else
											{
										%>
												<table width="100%" border="0px" cellpadding="0px" cellspacing="0px">
													<tr>
														<td><img class="d_m_r5" src="../images/Light/state_component_combo_<%=tabState%>.png " width="11px" height="13px"></td>
														<td>
															<span class="device_time_new"><%=tabTime%>
																<span>s</span>
															</span>
														</td>
													</tr>
													<tr>
														<td colspan="2">
															<div class="font_normal9 rum_label_color"><%=(String)tabtoReachObj.get("call")%></div>
														</td>
													</tr>
												</table>
										<%
											}
										%>
											</div>
									<%
										if(!(fromPrint != null && fromPrint.equalsIgnoreCase("yes")))
										{
									%>
										</td>
										<td>
									<%
										}
									%>
											<div class="newLineRight" style="float:left;padding:0px 60px;text-align:center;" align="center">
												<div class="appflow_device_user_mobile"></div>
										<%
											if(fromPrint != null && fromPrint.equalsIgnoreCase("yes"))
											{
										%>
												<div style="text-align: center;margin-top:4px">
													<img class="d_m_r5" src="../images/Light/state_component_combo_<%=mobState%>.png " width="14px" height="14px">
													<span class="device_time_new"><%=mobTime%>
														<span>s</span>
													</span>
												</div>
												<div class="font_normal9 rum_label_color"><%=(String)mobtoReachObj.get("call")%></div>
										<%
											}
											else
											{
										%>
												<table width="100%" border="0px" cellpadding="0px" cellspacing="0px">
													<tr>
														<td><img class="d_m_r5" src="../images/Light/state_component_combo_<%=mobState%>.png " width="11px" height="13px"></td>
														<td>
															<span class="device_time_new"><%=mobTime%>
																<span>s</span>
															</span>
														</td>
													</tr>
													<tr>
														<td colspan="2">
															<div class="font_normal9 rum_label_color"><%=(String)mobtoReachObj.get("call")%></div>
														</td>
													</tr>
												</table>
										<%
											}
										%>
											</div>
										</td>
									</tr>
									<tr>
										<td>
											<div class="clearDiv" style="height:30px">&nbsp;</div>
										</td>
									</tr>
								</tbody>
							</table>
						</td>
					</tr>
				<%
					if(fromPrint != null && fromPrint.equalsIgnoreCase("yes"))
					{
				%>
					<tr>
					<%
						if(!noDataforPage)
						{
					%>
						<td width="50%" style="padding-right:10px">
							<div style="width:100%;display:inline-block;border:0px solid red">
								<div class="highlightFieldsetHtmlDivBox" style="width:100%;float:left;height:250px">
									<div class="highlightFieldsetHtmlDivBoxTitle">Base Page/iFrame</div>
									<div class="main_topology_wrap animation_box" style="border:0px solid green;margin-left:10px">
										<div class="content">
											<div class="dotted_circle_reporter">
											<%
												JSONArray browserData1=(JSONArray)topology.get("browser");
												if(browserData1 == null ) 
													browserData1 = new JSONArray();
												for(int i=0;i<browserData1.size();i++)
												{
													JSONObject browsObj=(JSONObject)browserData1.get(i);
													String browsrState=(String)browsObj.get("state");
											%>
												<div class="browserBig_reporter">
													<div class="rum-app-flow-cricle-arrow"></div>
													<div class="center" style="margin-top:38px;">
														<div style="text-align:left;padding:0px 5px 5px 5px">
															<span class="bg_bwr_reporter">
																<span class="font_normal11 rum_label_color" style="margin:0px auto;"><%=(String)browsObj.get("request_label")%></span>
																<span class="f14-bold" style="float:right"><%=(String)browsObj.get("req_time")%></span>
															</span>
														</div>
														<div style="text-align:left;padding:7px 5px 5px 5px">
															<span class="bg_bwr_reporter">
																<span class="font_normal11 rum_label_color" style="margin:0px auto;"><%=(String)browsObj.get("response_label")%></span>
																<span class="f14-bold" style="float:right"><%=(String)browsObj.get("res_time")%></span>
															</span>
														</div>
														<div class="font_normal11 rum_label_color" style="margin:0px auto;padding-top:8px;">Browser Time (ms)</div>
													</div>
												</div>
											<%
												}
												JSONArray servrData1=(JSONArray)topology.get("server_time");
												for(int i=0;i<servrData1.size();i++)
												{
												JSONObject servrObj=(JSONObject)servrData1.get(i);
												String servrState=(String)servrObj.get("state");
											%>
												<div class="cldBig_reporter">
													<div class="center" style="height:55%;">
														<div>
															<span class="bg_cloud_reporter">
																<img src="../images/clear.png" class="state_GOOD d_m_r5">
																<span class="font_normal28 bg_cloud_reporter" style="color:#fcbe13;letter-spacing:-2px"><%=(String)servrObj.get("time")%></span>
															</span>
														</div>
														<div style="margin:0px auto;left:6px;position:relative" class="font_normal11 rum_label_color"><%=(String)servrObj.get("label")%></div>
													</div>
												</div>
											<%
												}
												JSONArray networkData1=(JSONArray)topology.get("network_connection");
												for(int i=0;i<networkData1.size();i++)
												{
													JSONObject netwrkObj=(JSONObject)networkData1.get(i);
													String netwrkState=(String)netwrkObj.get("state");
											%>
												<div class="appflow_connectionsBig_reporter"></div>
												<div class="network_connection_reporter" id="network_connection" style="cursor:default">
													<div style="padding-top:10px;">
														<span class="bg_reporter" style="display:inline-block;padding:0px 5px 0px 5px">
															<img src="../images/clear.png" class="state_GOOD d_m_r5">
															<span class="font_normal28" style="color:#58acd0;letter-spacing: -2px"><%=(String)netwrkObj.get("time")%></span>
														</span>
													</div>
													<div style="margin:0px auto;" class="font_normal11 rum_label_color">
														<div><%=(String)netwrkObj.get("label")%></div>
														<div style="clear:both;"></div>
													</div>
												</div>
											<%
												}
												JSONArray contntData1=(JSONArray)topology.get("content_download");
												for(int i=0;i<contntData1.size();i++)
												{
													JSONObject contntObj=(JSONObject)contntData1.get(i);
													String contntState=(String)contntObj.get("state");
											%>
											<div class="content_download_reporter" id="content_download" style="cursor:default">
												<div style="padding-top:20px;">
													<span class="bg_reporter" style="display: inline-block;">
														<img src="../images/clear.png" class="state_LOW d_m_r5">
														<span class="font_normal28" style="color:#86766f;letter-spacing: -2px"><%=(String)contntObj.get("time")%></span>
														<img src="../images/clear.png" style="vertical-align: text-bottom;margin-left:3px" class="topo_s earch">
													</span>
												</div>
												<div style="width:180px;margin:0px auto;" class="font_normal11  rum_label_color">
													<div><%=(String)contntObj.get("label")%></div>
													<div style="clear:both;"></div>
												</div>
											</div>
											<%
												}
											%>
										</div>
									</div>
								</div>
							</div>
						</td>
					<%
						}
						if(!noDataforAjax)
						{
					%>
						<td width="50%">
							<div style="width:100%;display:inline-block;border:0px solid red">
								<div class="highlightFieldsetHtmlDivBox" style="width:100%;float:left;height:250px">
									<div class="highlightFieldsetHtmlDivBoxTitle">Ajax</div>
									<div class="main_topology_wrap animation_box" style="border:0px solid green">
										<div class="content">
											<div class="dotted_circle_reporter">
											<%
												JSONArray browsrDataforAjax11=(JSONArray)topology.get("browserforAjax");
												for(int i=0;i<browsrDataforAjax11.size();i++)
												{
													JSONObject browsrObj=(JSONObject)browsrDataforAjax11.get(i);
													String browsrState=(String)browsrObj.get("state");
											%>
												<div class="browser_reporter">
													<div class="rum-app-flow-cricle-arrow"></div>
													<div class="center" style="margin-top:38px;">
														<div>
															<span class="bg_bwr_reporter">
																<img src="../images/clear.png" class="state_<%=browsrState%>  d_m_r5">
																<span class="font_normal28" style="color:#f06c6f;letter-spacing: -2px"><%=(String)browsrObj.get("time")%></span>
															</span>
														</div>
														<div class="font_normal11 rum_label_color" style="margin:0px auto;"><%=(String)browsrObj.get("label")%></div>
													</div>
												</div>
											<%
												}
												JSONArray servrDataforAjax11=(JSONArray)topology.get("server_timeforAjax");
												for(int i=0;i<servrDataforAjax11.size();i++)
												{
													JSONObject servrObj=(JSONObject)servrDataforAjax11.get(i);
													String servrState=(String)servrObj.get("state");
											%>
												<div class="cld_reporter">
													<div class="center" style="height:55%;">
														<div>
															<span class="bg_cloud_reporter">
																<img src="../images/clear.png" class="state_<%=servrState%> d_m_r5">
																<span class="font_normal28 bg_cloud_reporter" style="color:#fcbe13;letter-spacing: -2px"><%=(String)servrObj.get("time")%></span>
															</span>
														</div>
														<div style="margin:0px auto;left:6px;position:relative" class="font_normal11 rum_label_color"><%=(String)servrObj.get("label")%></div>
													</div>
												</div>
											<%
												}
												JSONArray contntDataforAjax11=(JSONArray)topology.get("content_downloadforAjax");
												for(int i=0;i<contntDataforAjax11.size();i++)
												{
													JSONObject contntObj=(JSONObject)contntDataforAjax11.get(i);
													String contntState=(String)contntObj.get("state");
											%>
												<div class="appflow_connections_reporter"></div>
												<div class="content_download_reporter" id="content_download" style="cursor:default">
													<div style="padding-top:20px;">
														<span class="bg_reporter" style="display: inline-block;">
															<img src="../images/clear.png" class="state_<%=contntState%> d_m_r5">
															<span class="font_normal28" style="color:#86766f;letter-spacing: -2px"><%=(String)contntObj.get("time")%></span>
															<img src="../images/clear.png" style="vertical-align: text-bottom;margin-left:3px" class="topo_s earch">
														</span>
													</div>
													<div style="width:180px;margin:0px auto;" class="font_normal11  rum_label_color">
														<div><%=(String)contntObj.get("label")%></div>
														<div style="clear:both;"></div>
													</div>
												</div>
											<%
												}
											%>
											</div>
										</div>
									</div>
								</div>
							</div>
						</td>
					<%
						}else
						{
%>
							<td width="50%">&nbsp;</td>
<%
						}
					%>
					</tr>
					<tr>
						<td colspan="2">
							<div class="clearDiv" style="height:10px">&nbsp;</div>
							<table width="100%" border="0px" cellpadding="0px" cellspacing="0px" style="padding-right:0px;margin-top: 10px;">
								<tr>
									<td align="right">
										<div class="notes" style="display:inline-block">
											<div class="paperPin"></div>
											<%=(String)investigateNote.get("contentsforPrint")%>
										</div>
									</td>
								</tr>
							</table>
						</td>
					</tr>
				<%
					}
					else
					{
				%>
					<tr class="newimg">
						<tr>
						<%
							if(!noDataforPage)
							{
						%>
							<td width="50%"  style="padding-right:10px">
								<div class="highlightFieldsetHtmlDivBox" style="width:100%;float:left;height:250px">
									<div class="highlightFieldsetHtmlDivBoxTitle" style="float:left;">Base Page/iFrame</div>
									<div class="main_topology_wrap animation_box" >
										<div class="content">
											<div class="dotted_circle_reporter">
												<div style="width:152px;height:109px;position: absolute;top:42px;left:0px;bottom: 0;float:left;z-index: 4;background-image: url('/final/images/Light/rum_app_flow-bwrBig_reporter.png');background-position: center center;background-repeat: no-repeat">
													<div class="rum-app-flow-cricle-arrow"></div>
													<div class="center" style="margin-top:38px">
												<%
													JSONArray browserDataPrint2=(JSONArray)topology.get("browser");
													if(browserDataPrint2 == null ) 
														browserDataPrint2 = new JSONArray();

													for(int i=0;i<browserDataPrint2.size();i++)
													{
														JSONObject browsObj=(JSONObject)browserDataPrint2.get(i);
														String browsrState=(String)browsObj.get("state");
												%>
														<div style="text-align:left;padding:0px 5px 5px 5px">
															<span class="bg_bwr_reporter">
																<span class="font_normal11 rum_label_color" style="margin:0px auto;"><%=(String)browsObj.get("request_label")%></span>
																<span class="f14-bold" style="float:right"><%=(String)browsObj.get("req_time")%></span>
															</span>
														</div>
														<div style="text-align:left;padding:7px 5px 5px 5px">
															<span class="bg_bwr_reporter">
																<span class="font_normal11 rum_label_color" style="margin:0px auto;"><%=(String)browsObj.get("response_label")%></span>
																<span class="f14-bold" style="float:right"><%=(String)browsObj.get("res_time")%></span>
															</span>
														</div>
														<div class="font_normal11 rum_label_color" style="text-align:center;padding-top:5px;">Browser Time (ms)</div>
												<%
													}
												%>
													</div>
												</div>
												<div style="background-image: url('/final/images/Light/rum_app_flow_cld_reporter.png');background-position: center center;background-repeat: no-repeat;height: 92px;width: 141px;top: 45px;bottom: 0;position: absolute;left: 130px;z-index: 6;text-align: center;">
											<%
												JSONArray servrDataPrint2=(JSONArray)topology.get("server_time");
												for(int i=0;i<servrDataPrint2.size();i++)
												{
													JSONObject servrObj=(JSONObject)servrDataPrint2.get(i);
													String servrState=(String)servrObj.get("state");
											%>
												<div class="center" style="height:55%;position:relative;top:20px;">
													<div>
														<span class="bg_cloud_reporter">
															<img src="../images/clear.png" class="state_<%=servrState%> d_m_r5">
															<span class="font_normal28 bg_cloud_reporter" style="color:#fcbe13;letter-spacing:-2px"><%=(String)servrObj.get("time")%></span>
														</span>
													</div>
													<div style="margin:0px auto;left:6px;position:relative" class="font_normal11 rum_label_color"><%=(String)servrObj.get("label")%></div>
												</div>
											<%
												}
											%>
												</div>
												<div style="background-image: url('/final/images/Light/rum_app_flow_connectionBig_reporter.png');background-position: center center;background-repeat: no-repeat;height: 184px;position: absolute;width:410px;margin:0 auto;left:0px;top:0px;z-index: 4;"></div>
											<%
												JSONArray networkDataPrint2=(JSONArray)topology.get("network_connection");
												for(int i=0;i<networkDataPrint2.size();i++)
												{
													JSONObject netwrkObj=(JSONObject)networkDataPrint2.get(i);
													String netwrkState=(String)netwrkObj.get("state");
											%>
												<div class="network_connection_reporter" id="network_connection" style="cursor:default;left:20px;">
													<div style="padding:10px 0px 0px -10px">
														<span class="bg_reporter" style="display:inline-block;padding:0px 5px 0px 5px">
															<img src="../images/clear.png" class="state_<%=netwrkState%> d_m_r5">
															<span class="font_normal28" style="color:#58acd0;letter-spacing: -2px"><%=(String)netwrkObj.get("time")%></span>
														</span>
													</div>
													<div style="margin:0px auto;" class="font_normal11 rum_label_color">
														<div><%=(String)netwrkObj.get("label")%></div>
														<div style="clear:both;"></div>
													</div>
												</div>
											<%
												}
												JSONArray contntDataPrint2=(JSONArray)topology.get("content_download");
												for(int i=0;i<contntDataPrint2.size();i++)
												{
													JSONObject contntObj=(JSONObject)contntDataPrint2.get(i);
													String contntState=(String)contntObj.get("state");
											%>
												<div class="content_download_re porter" id="content_download" style="cursor:default;position: absolute;top:150px;left:20px;z-index: 10;text-align: center;height:80px;width: 160px;">
													<div style="padding-top:5px;">
														<span class="bg_reporter" style="display: inline-block;">
															<img src="../images/clear.png" class="state_<%=contntState%> d_m_r5">
															<span class="font_normal28" style="color:#86766f;letter-spacing: -2px"><%=(String)contntObj.get("time")%></span>
															<img src="../images/clear.png" style="vertical-align: text-bottom;margin-left:3px" class="topo_s earch">
														</span>
													</div>
													<div style="width:180px;margin:0px auto;" class="font_normal11  rum_label_color">
														<div><%=(String)contntObj.get("label")%></div>
														<div style="clear:both;"></div>
													</div>
												</div>
											<%
												}
											%>
											</div>
										</div>
									</div>
								</div>
							</td>
						<%
							}
							if(!noDataforAjax)
							{
						%>
							<td width="50%">
								<div style="width:100%;display:inline-block;border:0px solid red">
									<div class="highlightFieldsetHtmlDivBox" style="width:100%;float:left;height:250px">
										<div class="highlightFieldsetHtmlDivBoxTitle" style="float:left;">Ajax</div>
										<div class="main_topology_wrap animation_box" style="border:0px solid green">
											<div class="content">
												<div class="dotted_circle_reporter">
													<div class="browser_ reporter" style="width:152px;height:109px;position: absolute;top:42px;left:-10px;bottom: 0;float:left; z-index: 4; background-image: url('/final/images/Light/rum_app_flow-bwr_reporter.png'); background-position: center center; background-repeat: no-repeat;">
												<%
													JSONArray browserDataPrint2=(JSONArray)topology.get("browserforAjax");
													for(int i=0;i<browserDataPrint2.size();i++)
													{
														JSONObject browsObj=(JSONObject)browserDataPrint2.get(i);
														String browsrState=(String)browsObj.get("state");
												%>
														<div class="rum-app-flow-cricle-arrow"></div>
														<div class="center" style="margin-top:50px;margin-left:30px;">
															<div style="padding-left:15px">
																<span class="bg_bwr_reporter">
																	<img src="../images/clear.png" class="state_<%=browsrState%>  d_m_r5">
																	<span class="font_normal28" style="color:#f06c6f;letter-spacing: -2px"><%=(String)browsObj.get("time")%></span>
																</span>
															</div>
															<div class="font_normal11 rum_label_color" style="margin:0px auto;"><%=(String)browsObj.get("label")%></div>
														</div>
												<%
													}
												%>
													</div>
													<div class="cld_ reporter"  style="background-image: url('/final/images/Light/rum_app_flow_cld_reporter.png');background-position: center center;background-repeat: no-repeat;height: 92px;width: 141px;top: 45px;bottom: 0;position: absolute;left: 140px;z-index: 6;text-align: center;">
												<%
													JSONArray servrDataPrint2=(JSONArray)topology.get("server_timeforAjax");
													for(int i=0;i<servrDataPrint2.size();i++)
													{
														JSONObject servrObj=(JSONObject)servrDataPrint2.get(i);
														String servrState=(String)servrObj.get("state");
												%>
														<div class="center" style="height:55%;margin-top:20px">
															<div>
																<span class="bg_cloud_reporter">
																	<img src="../images/clear.png" class="state_<%=servrState%> d_m_r5">
																	<span class="font_normal28 bg_cloud_reporter" style="color:#fcbe13;letter-spacing: -2px"><%=(String)servrObj.get("time")%></span>
																</span>
															</div>
															<div style="margin:0px auto;left:6px;position:relative" class="font_normal11 rum_label_color"><%=(String)servrObj.get("label")%></div>
														</div>
												<%
													}
												%>
													</div>
													<div class="appflow_connections_reporter"></div>
												<%
													JSONArray contntDataPrint2=(JSONArray)topology.get("content_downloadforAjax");
													for(int i=0;i<contntDataPrint2.size();i++)
													{
														JSONObject contntObj=(JSONObject)contntDataPrint2.get(i);
														String contntState=(String)contntObj.get("state");
												%>
													<div class="content_download  _reporter" id="content_download" style="cursor:default;position: absolute;top:130px;left:20px;z-index: 10;text-align: center;height:80px;width: 160px;">
														<div style="padding-top:20px;">
															<span class="bg_reporter" style="display: inline-block;">
																<img src="../images/clear.png" class="state_<%=contntState%> d_m_r5">
																<span class="font_normal28" style="color:#86766f;letter-spacing: -2px"><%=(String)contntObj.get("time")%></span>
																<img src="../images/clear.png" style="vertical-align: text-bottom;margin-left:3px" class="topo_s earch">
															</span>
														</div>
														<div style="width:180px;margin:0px auto;" class="font_normal11  rum_label_color">
															<div><%=(String)contntObj.get("label")%></div>
															<div style="clear:both;"></div>
														</div>
													</div>
												<%
													}
												%>
												</div>
											</div>
										</div>
									</div>
								</div>
							</td>
						</tr>
						<%
							}else
							{
%>
							<td width="50%">&nbsp;</td>
<%
							}

						%>
					</tr>
					<tr>
						<td colspan="2">
							<div class="clearDiv" style="height:10px">&nbsp;</div>
							<table width="100% cellpadding="0px" cellspacing="0px" style="padding-right:0px;margin-top: 5px;margin-right:10px">
								<tr>
									<td align="right">
										<div class="notes" style="width:auto;display:inline-block">
											<div class="paperPin" style="margin-left:1050px"></div>
											<%=(String)investigateNote.get("contentsforPrint")%>
										</div>
									</td>
								</tr>
							</table>
						</td>
					</tr>
					<%
						}
					%>

				</table>
			</td>
		</tr>
	</table>
</div>
<div class="clearDiv">&nbsp;</div>

<div class="newFont_bold14" style="padding:4px 10px 10px 0"><%=intlmap.getTextDescription("reporter.rumreport.Which URLs were slow")%>?</div>
<div class="printOuterBox" style="display:inline-block;padding:0px">
	<table width="100%" align="left" valign="middle" border="0px" cellpadding="0px" cellspacing="0px" class="newimg">
		<tr>
			<td width="100%" style="padding:10px">
				<table border="0px" width="100%" cellpadding="0px" cellspacing="0px">
					<tr>
		<%
			if(showTierWise  != null && showTierWise.equalsIgnoreCase("true"))
			{
				if(slowURL != null && slowURL.size() > 0)  {
		%>
						<td>
							<div class="printOuterBoxHeader"><%=intlmap.getTextDescription("reporter.rumreport.Top Slow URLs by Tier")%></div>
						</td>
					<tr>
		<%
				}else if(topURL != null && topURL.size() > 0) {
		%>
						<td>
							<div class="printOuterBoxHeader"><%=intlmap.getTextDescription("reporter.rumreport.Top URLs by Page Load Time")%></div>
						</td>
					<tr>
		<%
				}
				if(slowURL != null && slowURL.size() > 0)
				{
					String testname="RUMAppTest";
					Iterator urlitr = slowURL.keySet().iterator();
					int tablCnt=0;
					while(urlitr.hasNext())
					{
						String key = (String) urlitr.next();
						String header="";
						if(key != null && key.equalsIgnoreCase("Avg_Page_Rendering_Time"))
							header="Avg browser Time (ms)";
						else if(key != null && key.equalsIgnoreCase("Avg_Dom_Ready_Time"))
							header="Avg Content Download Time (ms)";
						else if(key != null && key.equalsIgnoreCase("Avg_Response_Avail_Time"))
							header="Avg server Time (ms)";
						else 
							header="Avg Network Time (ms)";
						String investigte=intlmap.getMeasureDescription(testname,key);
						if(investigte != null && investigte.contains("Average"))
						{
							investigte=StringUtils.replace(investigte,"Average","");
						}
						JSONArray vall=(JSONArray)slowURL.get(key);
						for(int i=0;i<vall.size();i++)
						{
							JSONObject jss=(JSONObject)vall.get(i);
							String pageGroup=(String)jss.get("page_groups");
							Integer urlVal=(Integer)jss.get("Val");
							Integer avg_time=(Integer)jss.get("avg_time");
							Integer page_views=(Integer)jss.get("page_views");
					
							if(i == 0)
							{
								if(tablCnt == 2)
								{
							%>
									</tr>
									<tr>
							<%
								}
								if(slowURL.size() == 1){
							%>
									<td width="100%" style="padding-right:10px" colspan="2" valign="top"> 
							<%
								}else{
							%>
									<td width="50%" style="padding-right:10px" valign="top">
							<%
								}
							%>
										<div class="newTable">
											<table border="0" width="100%" cellpadding="0px" cellspacing="0px" class="newimg">
												<thead>
													<tr>
														<th><%=intlmap.getTextDescription("reporter.rumreport.Page Groups")%></th>
														<th><%=header%></th>
														<th><%=intlmap.getTextDescription("reporter.rumreport.Avg Page Load Time (ms)")%></th>
														<th><%=intlmap.getTextDescription("reporter.rumreport.Page Views")%></th>
													</tr>
												</thead>
						<%
							}
						%>
												<tbody>
													<tr>
														<td><%=(String)jss.get("page_groups")%></td>
														<td align="center"><%=(Integer)jss.get("Val")%></td>
														<td align="center"><%=(Integer)jss.get("avg_time")%></td>
														<td align="center"><%=(Integer)jss.get("page_views")%></td>
													</tr>
						<%
							if(i == vall.size()-1){
						%>
												</tbody>
											</table>
										</div>
										<br/>
<%										if(!(pdfPrint !=null && pdfPrint.equalsIgnoreCase("yes")))
										{
%>
											<br/>
<%
										}
%>



										<table width="100%" border="0px" cellpadding="0px" cellspacing="0px">
											<tr>
												<td align="right">
													<div class="notes" style="width:auto;display:inline-block">
<%
														if(pdfPrint !=null && pdfPrint.equalsIgnoreCase("yes"))
														{
%>
														<div class="paperPin"> </div>
<%
														}else
														{
%>
														<div class="paperPin" style='background:url("/final/images/Light/paperPin.png")no-repeat top right;position:absolute;top:-6px;right:4px;width:16px;height:28px;'></div>
<%
														}
%>
														<div style="float:right" class="newFont_normal13"> <%=intlmap.getTextDescription("reporter.rumreport.Investigate")%> <i class="newFont_bold13"><%=investigte%></i><%=intlmap.getTextDescription("reporter.rumreport. for these URLs")%></div>
													</div>
												</td>
											</tr>
										</table>

										<br/>
									</td>
		<%
							}
						}
						tablCnt++;
					}
				}else if(topURL != null && topURL.size() > 0)
				{
		%>
					<td width="100%" style="padding-right:10px" colspan="2" valign="top">
						<div class="newTable">
							<table border="0" cellpadding="0px" cellspacing="0px" width="100%" class="newimg">
								<thead>
									<tr>
										<th><%=intlmap.getTextDescription("reporter.rumreport.Page Groups")%></th>
										<th><%=intlmap.getTextDescription("reporter.rumreport.Avg Page Load Time (ms)")%></th>
										<th><%=intlmap.getTextDescription("reporter.rumreport.Avg Browser Time (ms)")%></th>
										<th><%=intlmap.getTextDescription("reporter.rumreport.Avg Content Download Time (ms)")%></th>
										<th><%=intlmap.getTextDescription("reporter.rumreport.Avg Network Time (ms)")%></th>
										<th><%=intlmap.getTextDescription("reporter.rumreport.Avg Server Time (ms)")%></th>
									</tr>
								</thead>
								<tbody>
						<%
							for(int i=0;i<topURL.size();i++){
								JSONObject topUrlObj=(JSONObject)topURL.get(i);
						%>
									<tr>
										<td><%=(String)topUrlObj.get("page_groups")%></td>
										<td align="center"><%=(Integer)topUrlObj.get("avg_time")%></td>
										<td align="center"><%=(Integer)topUrlObj.get("browser_time")%></td>
										<td align="center"><%=(Integer)topUrlObj.get("content_time")%></td>
										<td align="center"><%=(Integer)topUrlObj.get("network_time")%></td>
										<td align="center"><%=(Integer)topUrlObj.get("server_time")%></td>
									</tr>
						<%
							}
						%>
								</tbody>
							</table>
						</div>
						<br/>
				<%
					if(!(pdfPrint !=null && pdfPrint.equalsIgnoreCase("yes"))){
				%>
						<br/>
				<%
					}
				%>
						<table width="100%" border="0px" cellpadding="0px" cellspacing="0px">
							<tr>
								<td align="right">
									<div class="notes" style="display:inline-block">
								<%
									if(pdfPrint !=null && pdfPrint.equalsIgnoreCase("yes")){
								%>
										<div class="paperPin"> </div>
								<%
									}else{
								%>
										<div class="paperPin" style='background:url("/final/images/Light/paperPin.png")no-repeat top right;position:absolute;top:-6px;right:4px;width:16px;height:28px;'> </div>
								<%
									}
								%>
										<div style="float:right" class="newFont_normal13"> <%=intlmap.getTextDescription("reporter.rumreport.These are the top URLs by page load time")%></div>
									</div>
								</td>
							</tr>
						</table>
						</br>
					</td>
		<%
				}
			}
			if(showTechWise != null && showTechWise.equalsIgnoreCase("true")){
		%>
				</tr>
				<tr>
		<%
			if(techObj!= null && techObj.size()> 0){
		%>
					<td>
					<%
						if(slowURL != null && slowURL.size() > 0){
					%>
						<div class="printOuterBoxHeader"><%=intlmap.getTextDescription("reporter.rumreport.Top Slow URLs by Technology")%></div>
					<%
						}else {
					%>
						<div class="printOuterBoxHeader"><%=intlmap.getTextDescription("reporter.rumreport.Top URLs by Technology")%></div>
					<%
						}
					%>
					</td>
				<tr>
		<%
			}
			if(techObj!= null && techObj.size()> 0){
				String urlval="";
				if(slowURL != null && slowURL.size() > 0)
					urlval="Top Slow";
				else
					urlval="Top";
				int tableCnt=0;
				Iterator itr = techObj.keySet().iterator();
				while(itr.hasNext())
				{
					String devicenme = (String) itr.next();
					JSONArray deviceObj=(JSONArray)techObj.get(devicenme);
					for(int i=0;i<deviceObj.size();i++){
						JSONObject devObjj=(JSONObject)deviceObj.get(i);
						if(i == 0)
						{
							if(tableCnt == 2)
							{
						%>
								</tr>
								<tr>
						<%
							}
							if(techObj != null && techObj.size() ==1){
						%>
								<td width="100%" style="padding-right:10px" colspan="2" valign="top">
						<%
							}
							else
							{
						%>
								<td width="50%" style="padding-right:10px" valign="top">
						<%
							}
						%>
									<div class="newTable">
										<table border="0" cellpadding="0px" cellspacing="0px" width="100%" class="newimg">
											<thead>
											
												<tr>
													<th><%=intlmap.getTextDescription("reporter.rumreport.Page Groups from ")%>&nbsp;<%=devicenme%></th>
													<th><%=intlmap.getTextDescription("reporter.rumreport.Avg Page Load Time (ms)")%></th>
													<th><%=intlmap.getTextDescription("reporter.rumreport.Page Views")%></th>
												</tr>
											</thead>
											<tbody>
					<%
						}
					%>
											
												<tr>
													<td><%=(String)devObjj.get("GROUPNAME")%></td>
													<td align="center"><%=(Integer)devObjj.get("avg_loadTime")%></td>
													<td align="center"><%=(Integer)devObjj.get("PageView")%></td>
												</tr>
					<%
							if(i == deviceObj.size()-1){
					%>
											</tbody>
										</table>
									</div>
									<br/>
							<%
								if(!(pdfPrint !=null && pdfPrint.equalsIgnoreCase("yes"))){
							%>
									<br/>
							<%
								}
							%>
									<table width="100%" border="0px" cellpadding="0px" cellspacing="0px">
										<tr>
											<td align="right">
												<div class="notes" style="display:inline-block">
											<%
												if(pdfPrint !=null && pdfPrint.equalsIgnoreCase("yes")){
											%>
													<div class="paperPin"> </div>
											<%
												}else{
											%>
													<div class="paperPin" style='background:url("/final/images/Light/paperPin.png")no-repeat top right;position:absolute;top:-6px;right:4px;width:16px;height:28px;'> </div>
											<%
												}
											%>
													<div style="float:right" class="newFont_normal13"> <%=urlval%><i class="newFont_bold13">&nbsp;<%=devicenme%></i><%=intlmap.getTextDescription("reporter.rumreport. URLs by Page Load Time")%></div>
												</div>
											</td>
										</tr>
									</table>
									</br>
								</td>
		<%
							}
						}
						tableCnt++;
					}
				}
			}
		%>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</div>
<div class="clearDiv">&nbsp;</div>

<div class="newFont_bold14" style="padding:4px 10px 10px 0" ><%=intlmap.getTextDescription("reporter.rumreport.How much? (traffic)")%></div>
<div class="printOuterBox" style="display:inline-block;padding:0px">
	<table width="100%" align="left" valign="middle" border="0px" cellpadding="0px" cellspacing="0px" class="newimg">
		<tr>
			<td width="100%" style="padding:10px">
				<table width="100%" align="center" valign="top" border="0px" cellpadding="0px" cellspacing="0px">
					<tr>
			<%
				JSONArray trafficTable=(JSONArray)traffic.get("traffic_Table");
				for(int i=0;i<trafficTable.size();i++)
				{
					JSONObject tableObj=(JSONObject)trafficTable.get(i);
					if(i == 0){
			%>
						<td width="48%" valign="top">
							<div class="newTable">
								<table width="100%" align="center" valign="top" border="0px" cellpadding="0px" cellspacing="0px">
									<thead>
										<tr>
											<th><%=intlmap.getTextDescription("reporter.rumreport.Page Groups")%></th>
											<th><%=intlmap.getTextDescription("reporter.rumreport.Page Views")%></th>
											<th><%=intlmap.getTextDescription("reporter.rumreport.Avg Page Load Time (ms)")%></th>
										</tr>
									</thead>
									<tbody>
				<%
					}
				%>
									
										<tr>
											<td><%=(String)tableObj.get("page_groups")%></td>
											<td align="center"><%=(Integer)tableObj.get("page_views")%></td>
											<td align="center"><%=(Integer)tableObj.get("avg_time")%></td>
										</tr>
									
				<%
					if(i == trafficTable.size()-1){
				%>
									</tbody>
								</table>
							</div>
						</td>
			<%
					}
				}
				JSONObject trafficChart=(JSONObject)traffic.get("traffic_Chart");
				HashMap graphObj=new HashMap();
				graphObj.put("TrafficBarChart",trafficChart);
				session.setAttribute("GraphDatas",graphObj);
				int size=trafficTable.size();
				int height=170;
				if(size > 5){
					height=height+((size-5)*25);
				}
				String urlTmp1 ="../servlet/com.eg.ErRumHealthServletC;jsessionid=" + session.getId()+"?forPrint=yes&chartType=bar&chartValue=TrafficBarChart&er_height="+height+"&er_width=460";
			%>
						 <td width="52%" style="vertical-align:top;">
							<img src=<%=urlTmp1%> />
						</td> 
					</tr>
				</table>
			</td>
		</tr>
	</table>
</div>
<div class="clearDiv">&nbsp;</div>
</div>
<%
if(pdfPrint !=null && pdfPrint.equalsIgnoreCase("yes"))
	{
%>
<br/>
<div class="printFooterText">Powered by eG Enterprise <br> 2017 eG Innovations inc. All Rights Reserved.</div>
<%
	}
%>
</body>

</html>

<%
	}catch(Throwable t)
	{
		t.printStackTrace();
	}
	finally{

	}
%>
