CINXE.COM
Connect Dots
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Connect Dots</title> </head> <script type="text/javascript" src="resources/js/jquery-1.7.min.js"></script> <!--Jquery UI Files ====================================================--> <script type="text/javascript" src="resources/js/jquery-ui.js"></script> <!--Tipsy Jquery Files ====================================================--> <script type="text/javascript" src="resources/js/jquery.tipsy.js"></script> <script type="text/javascript" src="resources/js/help-widget.js"></script> <!--Fancybox Jquery ====================================================--> <script type="text/javascript" src="resources/js/jquery.fancybox-1.3.4.js"></script> <!-- Checkbox Jquery --> <script type="text/javascript" src="resources/js/custom-radio-check.js"></script> <!-- Selectbox Jquery --> <script type="text/javascript" src="resources/js/jquery.selectbox-0.1.3.js"></script> <!-- Feedbackk Rating Jquery --> <script type="text/javascript" src="resources/js/rating.js"></script> <script type="text/javascript" src="resources/js/jquery.bxslider.js"></script> <!--Function Jquery Files ====================================================--> <script src="resources/js/jquery/jquery.ui.core.js" type="text/JavaScript" ></script> <script src="resources/js/jquery/jquery.ui.widget.js" type="text/JavaScript" ></script> <script src="resources/js/jquery/jquery.ui.position.js" type="text/JavaScript" ></script> <script src="resources/js/jquery/jquery.ui.menu.js" type="text/JavaScript" ></script> <script src="resources/js/jquery/jquery.ui.autocomplete.js" type="text/JavaScript" ></script> <script src="resources/js/blockUI/blockUI.js"></script> <script src="resources/js/jquery/jquery.ui.datepicker.js" type="text/JavaScript" ></script> <script src="resources/js/bpopbox.js" type="text/JavaScript" ></script> <script src="resources/js/frontEndScripts.js" type="text/JavaScript"></script> <script src="resources/js/jquery.qtip.js" type="text/JavaScript"></script> <script src="resources/js/headertabmenus.js" type="text/JavaScript"></script> <script src="resources/js/smartsearch.js" type="text/JavaScript"></script> <script src="resources/js/jquery/jquery.nicescroll.min.js" type="text/JavaScript" ></script> <script src="resources/js/connectdots.common.js" type="text/JavaScript"></script> <script type="text/javascript" src="resources/js/nav.js"></script> <link type="text/css" rel="stylesheet" href="resources/css/jquery.fancybox-1.3.4.css" /> <link type="text/css" rel="stylesheet" href="resources/css/common.css" /> <!-- SMB Order CSS --> <link type="text/css" rel="stylesheet" href="resources/css/nav.css" /> <!-- Selectbox CSS --> <link type="text/css" rel="stylesheet" href="resources/css/selectbox.css" /> <!-- Feedback Rating CSS --> <link href="resources/css/jquery-ui.css" rel="stylesheet" type="text/css" /> <link href="resources/css/jquery.qtip.css" rel="stylesheet" type="text/css" /> <link type="text/css" rel="stylesheet" href="resources/css/style.css" /> <link href="resources/css/help-widget.css" rel="stylesheet" type="text/css"> <script> $(document).ready(function(){ var defaultFlow = $("#context").val(); if(defaultFlow == 'sf'){ $('#div_2').show(); $('#div_1').hide(); $("#link_1").removeClass("active findertabselected"); $("#link_2").addClass("active findertabselected"); } else{ $('#div_1').show(); $('#div_2').hide(); $("#link_2").removeClass("active findertabselected"); $("#link_1").addClass("active findertabselected"); } $('#link_2').click(function(){ $('#div_1').hide(); $('#div_2').show(); }); $('#link_1').click(function(){ $('#div_2').hide(); $('#div_1').show(); }); }); function reset(ctx){ if(ctx == 'wf'){ document.getElementById('serviceFinder').innerHTML = ""; $("#link_2").removeClass("active findertabselected"); $("#link_1").addClass("active findertabselected"); } if(ctx == 'sf'){ document.getElementById('warrantyFinder').innerHTML = ""; $("#link_1").removeClass("active findertabselected"); $("#link_2").addClass("active findertabselected"); } } </script> <body id="libra"> <div id="" class="outerModal blockUILOCKER" style="height:100%; width:100%; position:fixed; background: url('resources/images/trans1.png'); z-index:9990; display:none" > <div class="loaderImg" style="position:fixed; height:62px; width:203px; margin:-31px 0 -203px 0; left:45%; top:48% "><img src="resources/images/spinnerWithLoaderText.gif" /></div> </div> <div id="nonLogged"> <div class="header"> <header class="wrapper"> <div class="mainTitleOuter"> <div class="mainTitle"> <a class="mainTitle" onclick="loadWaitImage()" style="display: inline-block; position:absolute; color:#1E76C7; background:url(../connectdots/resources/images/cis-ccw-connectdots-logo-option-1.png) -23px -27px no-repeat"> </a> </div> </div> <div class="bpRight" > <div class="userDetails"> <div class="userNameTxt">Guest User</div> <div class="clear"></div> </div> <div class="userNameTxt"><a href="https://connectthedots.cisco.com/connectdots/allSearch" target="_self">Log In into Connect Dots</font></a></div> </div> <div class="clear"></div> <!-- <div class="global_nav"> --> <div class="tabmain" style="z-index: 920;"> <div class="findertab" style="z-index: 920;"> <!--Global Nav--> <ul> <li><a href="#." id="link_2" onclick="reset('sf');">Service Finder</a></li> <li><a href="#." id="link_1" onclick="reset('wf');">Warranty Finder</a></li> </ul> </div> </div> <!--Global Nav end--> <!-- </div> --> <div class="clear"></div> </header> </div> <div class="wrapper-inner" id="wrapper-inner"> <div class="subtitle paddingT20" > <div id="findertab" class="tab_content" style="display: block;"> <div class="browseProduct "> <div class="spacer10"></div> <div id="div_1"> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!-- Service and Warranty Finder --> <html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Connect Dots</title> <script type="text/javascript"> $(window).bind("load", function() { showAutoPopValueForProduct('ProductWithDescription','_wf'); }); function hideAndSeek(value,size,headerName){ $("#tab_main_div").removeClass("height1000pximportant"); $("#tab_main_div").addClass("height590pximportant"); if((document.getElementById("value1").text == 'Service Information') && (headerName == 'Service Information')){ $("#value0").removeClass("active findertabselected"); $("#value1").addClass("active findertabselected"); } if((document.getElementById("value0").text == 'Warranty Information') && (headerName == 'Warranty Information')){ $("#value1").removeClass("active findertabselected"); $("#value0").addClass("active findertabselected"); } if((document.getElementById("value0").text == 'Service Information') && (headerName == 'Service Information')){ $("#value1").removeClass("active findertabselected"); $("#value0").addClass("active findertabselected"); } if((document.getElementById("value1").text == 'Warranty Information') && (headerName == 'Warranty Information')){ $("#value0").removeClass("active findertabselected"); $("#value1").addClass("active findertabselected"); } for(var i=0;i<size;i++){ if(value==i){ $("#result"+i).show(); }else{ $("#result"+i).hide(); } } } </script> <body> <div id="" class="outerModal blockUILOCKER" style="height:100%; width:100%; position:fixed; background: url('resources/images/trans1.png'); z-index:9990; display:none" > <div class="loaderImg" style="position:fixed; height:62px; width:203px; margin:-31px 0 -203px 0; left:45%; top:48% "><img src="resources/images/spinnerWithLoaderText.gif" /></div> </div> <div id="finderWrap"> <div class="serviceFinder"> <strong style="font-size:18px">Warranty Finder</strong> <div class="spacer10"></div> </div> <p>By default, Warranty finder searches valid Cisco Product Identification codes (PID, sometimes called SKU) or product description fields for matching text.<br> You may select the alternative button and search by Product Family.</p> <div class="spacer5"></div> <a href="http://www.cisco.com/c/en/us/products/warranty-listing.html" target="_blank"><strong>Warranty Descriptions</strong></a> <div class="spacer10"></div> <p>Cisco provides the information contained on this page officially in English only.</p> <div class="spacer20"></div> <div style="border-bottom: 1px solid #D3D3D3;"></div> <div class="spacer10"></div> <div class="searchby_wf"> <div class="warrantyFinder pidSelect_wf"> <div class="spacer5"></div> <label class="label_radio"> <input type="radio" name="searchby_wf" id="headerName_wf" checked="checked" value="ProductWithDescription" onclick="showAutoPopValueForProduct('ProductWithDescription','_wf');"> <span style="font-weight: normal">Search by SKU or Product Description</span> </label> </div> <div class="serviceFinder pfSelect_wf"> <div class="spacer15"></div> <label class="label_radio"> <input type="radio" name="searchby_wf" id="headerNameProductFamily_wf" value="Product Family"> <span style="font-weight: normal">Search by Product Family</span> </label> </div> <div class="spacer20"></div> <div class="pid_wf" style="width:470px"> <div style="position:relative"> <div class="tipsy tipsy-s"><div class="tipsy-arrow"></div><div class="tipsy-inner">Only following special characters are allowed<br>= - % + </div></div> </div> <strong>Enter Product</strong> <div class="spacer10"></div> <input type="text" style="width: 470px" id="autosearch_wf" class="ui-autocomplete-input" autocomplete="off" title="autoOn" onKeyUp="validateInput('autosearch_wf','warrantySubmitButton','wf');" placeholder="Please always type and select the product from the drop down."/> <input type="hidden" name="headerName_wf" id="headerName_wf" value="ProductWithDescription"/> <input type="hidden" name="attributeType_wf" id="attributeType_wf" value=""/> <input type="hidden" name="doAutoComplete_wf" id="doAutoComplete_wf" value="true"/> <div class="spacer10"></div> </div> <div class="clear"></div> <div class="spacer5"></div> </div> <div class="productFamily_wf" style="width: 410px"> <strong>Product Family</strong> <div class="spacer5"></div> <div style="position:relative"> <div class="tipsy tipsy-s" id="pdfamily" > <div class="tipsy-arrow"></div> <div class="tipsy-inner">Only following special characters are allowed<br>= - % + </div> </div> </div> <input type="text" name="productFamily" id="productFamily" onkeypress="return dataAutoPopulateForPF(this, event)" onchange="clearProduct();" class="ui-autocomplete-input" autocomplete="off" onKeyUp="validateInput('productFamily','warrantySubmitButton','wf');" style="width:400px;" placeholder="Please always type and select the product from the drop down."/> <div class="spacer20"></div> <div id="productFamilyautopopup_wf"> <strong>Product </strong> <div style="position:relative"> <div class="tipsy1 tipsy-s" id="pd"> <div class="tipsy-arrow"></div> <div class="tipsy-inner">Only following special characters are allowed<br>= - % + </div> </div> </div> <input type="text" name="productName" id="productName" onkeypress="return productForProductFamily(this,event)" onchange="automaticPf();" class="ui-autocomplete-input" autocomplete="off" onKeyUp="validateInput('productName','warrantySubmitButton','wf');" style="width:400px;" placeholder="Please always type and select the product from the drop down."/> <input type="hidden" name="attributeType" id="attributeType" value=""/> <input type="hidden" name="attributeType" id="headerName" value="Product"/> </td> </tr> </div> </div> <div class="spacer5"></div> <input id="warrantySubmitButton" type="button" value="Submit" class="clear finderSubmit_wf" style="margin-top: 15px;" onclick="getWarrantyInfo('_wf');"> <div class="spacer10"></div> </div> <div class="loaderBox" id="sam_LoaderBoxName_wf" style="display: none;"> <img src="resources/images/loader.gif" /> </div> <div id="warrantyFinder"></div> </body> </html> </div> <div id="div_2"> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!-- Service and Warranty Finder --> <html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Connect Dots</title> <script type="text/javascript"> $(window).bind("load", function() { showAutoPopValueForProduct('ProductWithDescription','_sf'); }); function hideAndSeek(value,size,headerName){ $("#tab_main_div").removeClass("height1000pximportant"); $("#tab_main_div").addClass("height590pximportant"); if((document.getElementById("value1").text == 'Service Information') && (headerName == 'Service Information')){ $("#value0").removeClass("active findertabselected"); $("#value1").addClass("active findertabselected"); } if((document.getElementById("value0").text == 'Warranty Information') && (headerName == 'Warranty Information')){ $("#value1").removeClass("active findertabselected"); $("#value0").addClass("active findertabselected"); } if((document.getElementById("value0").text == 'Service Information') && (headerName == 'Service Information')){ $("#value1").removeClass("active findertabselected"); $("#value0").addClass("active findertabselected"); } if((document.getElementById("value1").text == 'Warranty Information') && (headerName == 'Warranty Information')){ $("#value0").removeClass("active findertabselected"); $("#value1").addClass("active findertabselected"); } for(var i=0;i<size;i++){ if(value==i){ $("#result"+i).show(); }else{ $("#result"+i).hide(); } } } </script> <body> <div id="" class="outerModal blockUILOCKER" style="height:100%; width:100%; position:fixed; background: url('resources/images/trans1.png'); z-index:9990; display:none" > <div class="loaderImg" style="position:fixed; height:62px; width:203px; margin:-31px 0 -203px 0; left:45%; top:48% "><img src="resources/images/spinnerWithLoaderText.gif" /></div> </div> <div id="finderWrap"> <div class="serviceFinder"> <strong style="font-size:18px">Service Finder</strong> <div class="spacer10"></div> </div> <p>By default, Service Finder searches valid Cisco Product Identification codes (PID, sometimes called SKU) or product description fields for matching text.<br> You may select the alternative button and search by Product Family.</p> <div class="spacer5"></div> <a href="http://www.cisco.com/c/en/us/services/order-services.html" target="_blank"><strong>How to Order Services</strong></a> <div class="spacer10"></div> <p>Cisco provides the information contained on this page officially in English only.</p> <div class="spacer20"></div> <div style="border-bottom: 1px solid #D3D3D3;"></div> <div class="spacer10"></div> <div class="searchby_sf"> <div class="warrantyFinder pidSelect_sf"> <div class="spacer5"></div> <label class="label_radio"> <input type="radio" name="searchby_sf" id="headerName_sf" checked="checked" value="ProductWithDescription" onclick="showAutoPopValueForProduct('ProductWithDescription','_sf');"> <span style="font-weight: normal">Search by SKU or Product Description</span> </label> </div> <div class="spacer10"></div> <div class="serviceFinder pfSelect_sf"> <div class="spacer5"></div> <label class="label_radio"> <input type="radio" name="searchby_sf" id="headerNameProductFamily_sf" value="Product Family"> <span style="font-weight: normal">Search by Product Family</span> </label> </div> <div class="spacer20"></div> <div class="pid_sf" style="width:470px"> <div style="position:relative"> <div class="tipsy tipsy-s"><div class="tipsy-arrow"></div><div class="tipsy-inner">Only following special characters are allowed<br>= - % + </div></div> </div> <strong>Enter Product</strong> <div class="spacer10"></div> <input type="text" style="width:470px" id="autosearch_sf" class="ui-autocomplete-input" autocomplete="off" title="autoOn" onKeyUp="validateInput('autosearch_sf','serviceFSubmitButton','sf');" placeholder="Please always type and select the product from the drop down."/> <input type="hidden" name="headerName_sf" id="headerName_sf" value="ProductWithDescription"/> <input type="hidden" name="attributeType_sf" id="attributeType_sf" value=""/> <input type="hidden" name="doAutoComplete_sf" id="doAutoComplete_sf" value="true"/> <div class="spacer10"></div> </div> <div class="clear"></div> <div class="spacer10"></div> </div> <div class="productFamily_sf" style="width: 410px"> <strong>Product Family</strong> <div class="spacer5"></div> <div style="position:relative"> <div class="tipsy tipsy-s" id="pdfamily" > <div class="tipsy-arrow"></div> <div class="tipsy-inner">Only following special characters are allowed<br>= - % + </div> </div> </div> <input type="text" name="productFamily" id="productFamily" onkeypress="return dataAutoPopulateForPF(this, event)" onchange="clearProduct();" class="ui-autocomplete-input" autocomplete="off" onKeyUp="validateInput('productFamily','serviceFSubmitButton','sf');" style="width:400px;" placeholder="Please always type and select the product from the drop down."/> <div class="spacer20"></div> <div id="productFamilyautopopup_sf"> <strong>Product </strong> <div style="position:relative"> <div class="tipsy1 tipsy-s" id="pd"> <div class="tipsy-arrow"></div> <div class="tipsy-inner">Only following special characters are allowed<br>= - % + </div> </div> </div> <input type="text" name="productName" id="productName" onkeypress="return productForProductFamily(this,event)" onchange="automaticPf();" class="ui-autocomplete-input" autocomplete="off" onKeyUp="validateInput('productName','serviceFSubmitButton','sf');" style="width:400px;" placeholder="Please always type and select the product from the drop down."/> <input type="hidden" name="attributeType" id="attributeType" value=""/> <input type="hidden" name="attributeType" id="headerName" value="Product"/> </td> </tr> </div> </div> <div class="spacer10"></div> <div class="questionWrap"> <div class="question"> <div class="qq">Is the Device for which you are looking for services is mission critical for you ?</div> <label class="label_radio"> <input type="radio" name="Q1" value="yes"> <span style="font-weight: normal">Yes</span> </label> <label class="label_radio"> <input type="radio" name="Q1" id ="questionFirst" value="no" checked> <span style="font-weight: normal">No</span> </label> </div> <div class="question"> <div class="qq">Do you want onsite assistance with this device ?</div> <label class="label_radio"> <input type="radio" name="Q2" value="yes"> <span style="font-weight: normal">Yes</span> </label> <label class="label_radio"> <input type="radio" name="Q2" id="questionSecond" value="no" checked> <span style="font-weight: normal">No</span> </label> </div> <div class="clear"></div> </div> <div class="spacer10"></div> <input id ="serviceFSubmitButton" type="button" value="Submit" class="clear finderSubmit_sf" onclick="getserviceFinderInfo('_sf');"> <div class="spacer10"></div> </div> <div class="loaderBox" id="sam_LoaderBoxName_sf" style="display: none;"> <img src="resources/images/loader.gif" /> </div> <div id="serviceFinder"></div> </body> </html> </div> <input type="hidden" name="context" id="context" value='sf'/> </div> </div> </div> </div> <div class="spacer40"></div> <div class="footer"> <div class="exp-col"> <a href="javascript:void(0);">MENU</a></div> <ul> <li><a href="javascript:void(0);">Contacts</a></li> <li class="feedback"><img src="resources/images/sm_0000EE_oo1.gif" alt="cisco"><a href="javascript:void(0);">Feedback</a></li> <li><a href="javascript:void(0);">Help</a></li> <li><a href="javascript:void(0);">Site Map</a></li> <li><a href="javascript:void(0);">Terms & Conditions</a></li> <li><a href="javascript:void(0);">Privacy Statement</a></li> <li><a href="javascript:void(0);">Cookie Policy</a></li> <li><a class="bgnone" href="javascript:void(0);">Trademarks</a></li> </ul> <div class="clear"></div> <script type="text/javascript"> $(document).ready(function () { $('.tooltipSE').tipsy({ gravity : 'se' }); }); </script> </head> <body style="visibility: visible;" class="has-js cisco-header"> <!--widget start--> <div class="help-widget"> <div class="help-block"> <a href="javascript:void(0);" class="widget-icon-help" title="HELP ?"><span>HELP ?</span> </a> <div class="widget-container"> <div class="widget-heading"><big>Help ?</big> <a href="#" class="widget-close"></a></div> <div class="call-tooltip"> <a href="javascript:void(0);" class="close-tooltip"></a> <p><strong>Call 1-866-428-9596</strong><br>US/CAN | 5am-5pm Pacific<br><a href="https://www.cisco.com/cisco/web/siteassets/contacts/index.html" target="_blank" rel="noopener noreferrer">Other Countries</a></p> </div> <ul class="widget-links"> <li><a href="https://www.cisco.com/cisco/psn/web/workspace" target="_blank" class="opean-case tooltipSE" title="Initiate discussion for support" rel="noopener noreferrer"><i></i><span>Open a Case</span></a></li> <li><a href="javascript:void(0);" class="call no-wid-sep tooltipSE" title="Call a Customer Support Agent"><i></i><span>Call</span></a></li> <li><a href="https://www.youtube.com/watch?v=lQKkEnQSiSc" target="_blank" class="training tooltipSE" title="View training material" rel="noopener noreferrer"><i></i><span>Training</span></a></li> <li><a href="#" class="feedback no-wid-sep tooltipSE feedback_helpWidget" title="Suggest improvements" onsubmit="javascript:performAjaxForFeedback('null', 'null')"/><i></i><span>Feedback</span></a></li> </ul> </div> </div> <!-- <div class="back-block"> <a href="javascript:void(0);" class="widget-icon-top" title="Back to Top"><i></i></a> </div> --> </div> <!--widget end--> </body> </html> </div> <!-- Customer feed Start --> <!-- <span class="customer_feedback userFeedback"> <a id="clickLink" class="feedback"><span class="linksTxt">Feedback</span></a> <img class="feedstar" src="resources/images/transparent.gif" alt="Star" ></span>--> <!-- Customer feed End --> </div> <div id="backToTop"><a></a></div> <div id="feedbackPopup" style="display:none"> <!--add prod popup start--> <h3 class="popupHeading">Feedback</h3> <input type="hidden" value="<c:out value='swuser'/>" readonly="readonly" id=userName name="userName"> <textarea class="txtArea" id="feedbackTextArea" name="feedbackTextArea" placeholder="Enter feedback here"></textarea> <em>Please provide feedback in 2000 characters</em> <input name="" type="button" value="Submit" class="floatRight popUpcancel" onclick="javascript:performAjaxForFeedback('<c:out value='swuser'/>')" /> <input name="" type="button" value="Cancel" class="floatRight popUpcancel marginR10" /> </div> <div id="serialNumberlimit" style="display:none;width: 300 "> <!--add prod popup start--> <h1 class="popupHeading1" style="margin: 0 0 15px">Your input contained more than 25 serial numbers.<br>Please enter your email and we will send the report offline.</h1> <input type="text" id="emailId" name="emailId" class="marginB15" style="width:350px" placeholder="Enter email here"/></br> <input name="" type="button" value="Submit" class="floatRight popUpcancel" onclick="javascript:validateExtenalEmail('emailId')" /> <input name="" type="button" value="Cancel" class="floatRight popUpcancel marginR10" /> </div> <div id="contractDetailsDownload" style="display:none;width: 300 "> <!--add prod popup start--> <h1 class="popupHeading1" style="margin: 0 0 15px">Please enter your email and we will send the report offline.</h1> <input type="text" id="emailIduext_sd" name="emailIduext_so" class="marginB15" style="width:350px" placeholder="Enter email here"/></br> <input name="" type="button" value="Submit" class="floatRight popUpcancel" onclick="javascript:validateExtenalEmailForContractDetails('emailIduext_sd')" /> <input name="" type="button" value="Cancel" class="floatRight popUpcancel marginR10" /> </div> <div id="externalEmailUploadPopUp" style="display:none;width: 300 "> <!--add prod popup start--> <h1 class="popupHeading1" style="margin: 0 0 15px">Please enter your email and we will send the report offline.</h1> <input type="text" id="emailId_upload_ext" name="emailId_upload_ext" class="marginB15" style="width:350px" placeholder="Enter email here"/></br> <input name="" type="button" value="Submit" class="floatRight popUpcancel" onclick="javascript:validateExtenalEmailupload('emailId_upload_ext')" /> <input name="" type="button" value="Cancel" class="floatRight popUpcancel marginR10" /> </div> <div id="externalEmailPopUp" style="display:none;width: 300 "> <!--add prod popup start--> <h1 class="popupHeading1" style="margin: 0 0 15px">Please enter your email and we will send the report offline.</h1> <input type="text" id="emailId_ext" name="emailId" class="marginB15" style="width:350px" placeholder="Enter email here"/></br> <input name="" type="button" value="Submit" class="floatRight popUpcancel" onclick="javascript:validateExtenalEmail('emailId_ext')" /> <input name="" type="button" value="Cancel" class="floatRight popUpcancel marginR10" /> </div> <div id="externalEmailPopUpPRAT" style="display:none;width: 300 "> <!--add prod popup start--> <h1 class="popupHeading1" style="margin: 0 0 15px">Please enter your email and we will send the report offline.</h1> <input type="text" id="emailId_ext_prat" name="emailId" class="marginB15" style="width:350px" placeholder="Enter email here"/></br> <input name="" type="button" value="Submit" class="floatRight popUpcancel" onclick="javascript:validateExtenalEmailPRAT('emailId_ext_prat')" /> <input name="" type="button" value="Cancel" class="floatRight popUpcancel marginR10" /> </div> </body> </html>