<!--
/*-----------------------------------------------------------------------
  Cascading Style Sheet for Details (Scottish Widows) page of "Personal
  Pension Fiasco". Defines Popup Images to be used on this page.
  (C) Ian McInnes, 2020                                                 
------------------------------------------------------------------------*/

/* --- locations of thumbnail anda ctive document images --- */
#png01 { background-image:url('Thumbs/FaxTx/20160315EncashmentEnquiry.png'); }
#png01:active { background-image:url('Images/FaxTx/20160315EncashmentEnquiry.png'); }
#png02 { background-image:url('Thumbs/EmailRx/20160318EncashmentInfo.png'); }
#png02:active { background-image:url('Images/EmailRx/20160318EncashmentInfo.png'); }
#png03 { background-image:url('Thumbs/EmailRx/20160405AppointmentNotice_Page_1.png'); }
#png03:active { background-image:url('Images/EmailRx/20160405AppointmentNotice_Page_1.png'); }
#png04 { background-image:url('Thumbs/EmailRx/20160405DocRequirements_Page_1.png'); }
#png04:active { background-image:url('Images/EmailRx/20160405DocRequirements_Page_1.png'); }
#png05 { background-image:url('Thumbs/EmailRx/20160405DocRequirements_Page_2.png'); }
#png05:active { background-image:url('Images/EmailRx/20160405DocRequirements_Page_2.png'); }
#png06 { background-image:url('Thumbs/EmailTx/20160411EmailDocuments_Page_1.png'); }
#png06:active { background-image:url('Images/EmailTx/20160411EmailDocuments_Page_1.png'); }
#png07 { background-image:url('Thumbs/EmailTx/20160411EmailDocuments_Page_2.png'); }
#png07:active { background-image:url('Images/EmailTx/20160411EmailDocuments_Page_2.png'); }
#jpg08 { background-image:url('Thumbs/Verification/OriginalID-Front.jpg'); }
#jpg08:active { background-image:url('Images/Verification/OriginalID-Front.jpg'); }
#jpg09 { background-image:url('Thumbs/Verification/OriginalID-Back.jpg'); }
#jpg09:active { background-image:url('Images/Verification/OriginalID-Back.jpg'); }
#jpg10 { background-image:url('Thumbs/Verification/OriginalBankStatement.jpg'); }
#jpg10:active { background-image:url('Images/Verification/OriginalBankStatement.jpg'); }
#jpg11 { background-image:url('Thumbs/Verification/OriginalBirthCertificate.jpg'); }
#jpg11:active { background-image:url('Images/Verification/OriginalBirthCertificate.jpg'); }
#jpg12 { background-image:url('Thumbs/Verification/CertifiedID.jpg'); }
#jpg12:active { background-image:url('Images/Verification/CertifiedID.jpg'); }
#jpg13 { background-image:url('Thumbs/Verification/CertifiedBankStatement.jpg'); }
#jpg13:active { background-image:url('Images/Verification/CertifiedBankStatement.jpg'); }
#jpg14 { background-image:url('Thumbs/Verification/CertifiedBirthCertificateFront.jpg'); }
#jpg14:active { background-image:url('Images/Verification/CertifiedBirthCertificateFront.jpg'); }
#jpg15 { background-image:url('Thumbs/Verification/CertifiedBirthCertificateBack.jpg'); }
#jpg15:active { background-image:url('Images/Verification/CertifiedBirthCertificateBack.jpg'); }
#jpg16 { background-image:url('Thumbs/Verification/Notario.jpg'); }
#jpg16:active { background-image:url('Images/Verification/Notario.jpg'); }
#png17 { background-image:url('Thumbs/EmailTx/20160521FollowUp.png'); }
#png17:active { background-image:url('Images/EmailTx/20160521FollowUp.png'); }
#jpg18 { background-image:url('Thumbs/PaperRx/20160616PensionStatement0329.jpg'); }
#jpg18:active { background-image:url('Images/PaperRx/20160616PensionStatement0329.jpg'); }
#jpg19 { background-image:url('Thumbs/PaperRx/20160616Envelope0329.jpg'); }
#jpg19:active { background-image:url('Images/PaperRx/20160616Envelope0329.jpg'); }
#jpg20 { background-image:url('Thumbs/PaperRx/20160616PensionStatement0503.jpg'); }
#jpg20:active { background-image:url('Images/PaperRx/20160616PensionStatement0503.jpg'); }
#png21 { background-image:url('Thumbs/PaperRx/20160616ConfirmationP56879Q.png'); }
#png21:active { background-image:url('Images/PaperRx/20160616ConfirmationP56879Q.png'); }
#png22 { background-image:url('Thumbs/PaperRx/20160616ReplyEmail0414.png'); }
#png22:active { background-image:url('Images/PaperRx/20160616ReplyEmail0414.png'); }
#png23 { background-image:url('Thumbs/20160405RequirementsEmail.png'); }
#png23:active { background-image:url('Images/20160405RequirementsEmail.png'); }
#png24 { background-image:url('Thumbs/20160616RequirementsPaper.png'); }
#png24:active { background-image:url('Images/20160616RequirementsPaper.png'); }
#png25 { background-image:url('Thumbs/EmailTx/20160626IDRP-Query.png'); }
#png25:active { background-image:url('Images/EmailTx/20160626IDRP-Query.png'); }
#png26 { background-image:url('Thumbs/EmailRx/20160627WotsAnIDRP.png'); }
#png26:active { background-image:url('Images/EmailRx/20160627WotsAnIDRP.png'); }
#png27 { background-image:url('Thumbs/EmailRx/20160630RequestPostDocs_Page_1.png'); }
#png27:active { background-image:url('Images/EmailRx/20160630RequestPostDocs_Page_1.png'); }
#png28 { background-image:url('Thumbs/EmailRx/20160630RequestPostDocs_Page_2.png'); }
#png28:active { background-image:url('Images/EmailRx/20160630RequestPostDocs_Page_2.png'); }
#jpg29 { background-image:url('Thumbs/PaperRx/20160706AmendNameAddr1.jpg'); }
#jpg29:active { background-image:url('Images/PaperRx/20160706AmendNameAddr1.jpg'); }
#jpg30 { background-image:url('Thumbs/PaperRx/20160706AmendNameAddr2.jpg'); }
#jpg30:active { background-image:url('Images/PaperRx/20160706AmendNameAddr2.jpg'); }
#png31 { background-image:url('Thumbs/PaperRx/20160706ConfirmationN80803X.png'); }
#png31:active { background-image:url('Images/PaperRx/20160706ConfirmationN80803X.png'); }
#png32 { background-image:url('Thumbs/PaperRx/20160706cReqDocsN80803X.png'); }
#png32:active { background-image:url('Images/PaperRx/20160706cReqDocsN80803X.png'); }
#png33 { background-image:url('Thumbs/PaperRx/20160706dReqDocsP56879Q.png'); }
#png33:active { background-image:url('Images/PaperRx/20160706dReqDocsP56879Q.png'); }
#png34 { background-image:url('Thumbs/PaperRx/20160706fReqDocsN80803X.png'); }
#png34:active { background-image:url('Images/PaperRx/20160706fReqDocsN80803X.png'); }
#png35 { background-image:url('Thumbs/PaperRx/20160706eReqDocsP56879Q.png'); }
#png35:active { background-image:url('Images/PaperRx/20160706eReqDocsP56879Q.png'); }
#png36 { background-image:url('Thumbs/EmailTx/20160710EmailComplaint_Page_1.png'); }
#png36:active { background-image:url('Images/EmailTx/20160710EmailComplaint_Page_1.png'); }
#png37 { background-image:url('Thumbs/EmailTx/20160710EmailComplaint_Page_2.png'); }
#png37:active { background-image:url('Images/EmailTx/20160710EmailComplaint_Page_2.png'); }
#png38 { background-image:url('Thumbs/EmailTx/20160710EmailComplaint_Page_3.png'); }
#png38:active { background-image:url('Images/EmailTx/20160710EmailComplaint_Page_3.png'); }
#png39 { background-image:url('Thumbs/PaperRx/20160616ReplyEmail0414c.png'); }
#png39:active { background-image:url('Images/PaperRx/20160616ReplyEmail0414c.png'); }
#png40 { background-image:url('Thumbs/EmailRx/20160713ComplaintResponse.png'); }
#png40:active { background-image:url('Images/EmailRx/20160713ComplaintResponse.png'); }
#png41 { background-image:url('Thumbs/EmailTx/20160717WebsiteRef.png'); }
#png41:active { background-image:url('Images/EmailTx/20160717WebsiteRef.png'); }
#png42 { background-image:url('Thumbs/PaperRx/20160804ClaimClosed0616.png'); }
#png42:active { background-image:url('Images/PaperRx/20160804ClaimClosed0616.png'); }
#png43 { background-image:url('Thumbs/PaperRx/20160804SendDocs0630.png'); }
#png43:active { background-image:url('Images/PaperRx/20160804SendDocs0630.png'); }
#png44 { background-image:url('Thumbs/EmailRx/20160801ReplyEmail0710.png'); }
#png44:active { background-image:url('Images/EmailRx/20160801ReplyEmail0710.png'); }
#png45 { background-image:url('Thumbs/PaperRx/20160915Announce7410048.png'); }
#png45:active { background-image:url('Images/PaperRx/20160915Announce7410048.png'); }
#png46 { background-image:url('Thumbs/PaperRx/20160915Announce7410049.png'); }
#png46:active { background-image:url('Images/PaperRx/20160915Announce7410049.png'); }
#png47 { background-image:url('Thumbs/PaperRx/20160915FollowUp0822.png'); }
#png47:active { background-image:url('Images/PaperRx/20160915FollowUp0822.png'); }
#png48 { background-image:url('Thumbs/PaperRx/20160915Final0824_Page_1.png'); }
#png48:active { background-image:url('Images/PaperRx/20160915Final0824_Page_1.png'); }
#png49 { background-image:url('Thumbs/PaperRx/20160915Final0824_Page_2.png'); }
#png49:active { background-image:url('Images/PaperRx/20160915Final0824_Page_2.png'); }
#png50 { background-image:url('Thumbs/EmailTx/20160929QuestionsForSW.png'); }
#png50:active { background-image:url('Images/EmailTx/20160929QuestionsForSW.png'); }
#png51 { background-image:url('Thumbs/EmailRx/20160929OutOfOffice.png'); }
#png51:active { background-image:url('Images/EmailRx/20160929OutOfOffice.png'); }
#png52 { background-image:url('Thumbs/PaperRx/20161010PensionStatement0406.png'); }
#png52:active { background-image:url('Images/PaperRx/20161010PensionStatement0406.png'); }
#png53 { background-image:url('Thumbs/PaperRx/20161010ReqDocs0526.png'); }
#png53:active { background-image:url('Images/PaperRx/20161010ReqDocs0526.png'); }
#png54 { background-image:url('Thumbs/PaperRx/20161010ComplaintInfo0715_1.png'); }
#png54:active { background-image:url('Images/PaperRx/20161010ComplaintInfo0715_1.png'); }
#png55 { background-image:url('Thumbs/PaperRx/20161010ComplaintInfo0715_2.png'); }
#png55:active { background-image:url('Images/PaperRx/20161010ComplaintInfo0715_2.png'); }
#png56 { background-image:url('Thumbs/EmailTx/20161123ReplyVoicemails.png'); }
#png56:active { background-image:url('Images/EmailTx/20161123ReplyVoicemails.png'); }

/* Specific widths for each image are given here so that the image is minimised on moving    */
/* to its immediate right, and also to reduce the image size where appropriate.              */
/* For portrait images to be displayed full height, this is specified as a proportion of the */
/* total viewport height, depending on the aspect ratio.                                     */
/* For landscape images and those to be displayed at a reduced size, it is specified as a    */
/* proportion of the viewport width, depending on the size required.                         */
#png01:active { width:84.2vh; }                /* FaxTx/20160315EncashmentEnquiry.png */
#png02:active { width:78.1vh; }                /* EmailRx/20160318EncashmentInfo.png */
#png03:active { width:61.5vh; }                /* EmailRx/20160405AppointmentNotice_Page_1.png */
#png04:active { width:69vh; }                  /* EmailRx/20160405DocRequirements_Page_1.png */
#png05:active { width:73.3vh; }                /* EmailRx/20160405DocRequirements_Page_2.png */
#png06:active { width:72vh; }                  /* EmailTx/20160411EmailDocuments_Page_1.png */
#png07:active { height:70vh; width:78.7vh; }   /* EmailTx/20160411EmailDocuments_Page_2.png */
#jpg08:active { width:98vw; outline:0px; }     /* Verification/OriginalID-Front.jpg */
#jpg09:active { width:98vw; outline:0px; }     /* Verification/OriginalID-Back.jpg */
#jpg10:active { width:72vh; }                  /* Verification/OriginalBankStatement.jpg */
#jpg11:active { width:98vw; outline:0px; }     /* Verification/OriginalBirthCertificate.jpg */
#jpg12:active { width:73vh; }                  /* Verification/CertifiedID.jpg */
#jpg13:active { width:73vh; }                  /* Verification/CertifiedBankStatement.jpg */
#jpg14:active { width:98vw; outline:0px; }     /* Verification/CertifiedBirthCertificateFront.jpg */
#jpg15:active { width:98vw; outline:0px; }     /* Verification/CertifiedBirthCertificateBack.jpg */
#jpg16:active { width:60vw; outline:0px; }     /* Verification/Notario.jpg */
#png17:active { height:76vh; width:68.9vh; }   /* EmailTx/20160521FollowUp.png */
#jpg18:active { width:70.2vh; }                /* PaperRx/20160616PensionStatement0329.jpg */
#jpg19:active { width:75vw; outline:0px; }     /* PaperRx/20160616Envelope0329.jpg */
#jpg20:active { width:70vh; }                  /* PaperRx/20160616PensionStatement0503.jpg */
#png21:active { width:71.1vh; }                /* PaperRx/20160616ConfirmationP56879Q.png */
#png22:active { width:70.8vh; }                /* PaperRx/20160616ReplyEmail0414.png */
#png23:active { width:83.2vh; }                /* 20160405RequirementsEmail.png */
#png24:active { width:70.2vh; }                /* 20160616RequirementsPaper.png */
#png25:active { height:40vh; width:79.9vh; }   /* EmailTx/20160626IDRP-Query.png */
#png26:active { width:96.8vh; }                /* EmailRx/20160627WotsAnIDRP.png */
#png27:active { width:76.6vh; }                /* EmailRx/20160630RequestPostDocs_Page_1.png */
#png28:active { width:88.7vh; }                /* EmailRx/20160630RequestPostDocs_Page_2.png */
#jpg29:active { width:69.9vh; }                /* PaperRx/20160706AmendNameAddr1.jpg */
#jpg30:active { width:69.9vh; }                /* PaperRx/20160706AmendNameAddr2.jpg */
#png31:active { width:71.5vh; }                /* PaperRx/20160706ConfirmationN80803X.png */
#png32:active { width:70.9vh; }                /* PaperRx/20160706cReqDocsN80803X.png */
#png33:active { width:70.9vh; }                /* PaperRx/20160706dReqDocsP56879Q.png */
#png34:active { width:70.8vh; }                /* PaperRx/20160706fReqDocsN80803X.png */
#png35:active { width:71.3vh; }                /* PaperRx/20160706eReqDocsP56879Q.png */
#png36:active { width:66.8vh; }                /* EmailTx/20160710EmailComplaint_Page_1.png */
#png37:active { width:73.5vh; }                /* EmailTx/20160710EmailComplaint_Page_2.png */
#png38:active { height:59.8vh; width:73.1vh; } /* EmailTx/20160710EmailComplaint_Page_3.png */
#png39:active { height:44.8vh; width:69vh; }   /* PaperRx/20160616ReplyEmail0414c.png */
#png40:active { width:72.7vh; }                /* EmailRx/20160713ComplaintResponse.png */
#png41:active { height:89vh; width:79.9vh; }   /* EmailTx/20160717WebsiteRef.png */
#png42:active { width:71.7vh; }                /* PaperRx/20160804ClaimClosed0616.png */
#png43:active { width:70.4vh; }                /* PaperRx/20160804SendDocs0630.png */
#png44:active { width:71.7vh; }                /* EmailRx/20160801ReplyEmail0710.png */
#png45:active { width:69.7vh; }                /* PaperRx/20160915Announce7410048.png */
#png46:active { width:69.3vh; }                /* PaperRx/20160915Announce7410049.png */
#png47:active { width:70.3vh; }                /* PaperRx/20160915FollowUp0822.png */
#png48:active { width:66.9vh; }                /* PaperRx/20160915Final0824_Page_1.png */
#png49:active { width:67.3vh; }                /* PaperRx/20160915Final0824_Page_2.png */
#png50:active { height:76.7vh; width:83.7vh; } /* EmailTx/20160929QuestionsForSW.png */
#png51:active { height:52.1vh; width:92.6vh; } /* EmailRx/20160929OutOfOffice.png */
#png52:active { width:72.2vh; }                /* PaperRx/20161010PensionStatement0406.png */
#png53:active { width:70.2vh; }                /* PaperRx/20161010ReqDocs0526.png */
#png54:active { width:70.8vh; }                /* PaperRx/20161010ComplaintInfo0715_1.png */
#png55:active { width:70.6vh; }                /* PaperRx/20161010ComplaintInfo0715_2.png */
#png56:active { height:72.8vh; width:81vh; }   /* EmailTx/20161123ReplyVoicemails.png */
-->