So what's the magic sauce to force all components on a VF page to match the CSS of the Apex:Detail block? TabStyle isn't the answer. The rendered Apex:Detail block has a different div class with completely different styles than other Apex page elements. One would think that they should match by default, right? The docs even state the the PageBlock element "uses styling similar to the appearance of a Salesforce detail page, but without any default content."

how to display the actual values of the encrypted text field values in a visual force page.please help me out.

So what's the magic sauce to force all components on a VF page to match the CSS of the Apex:Detail block? TabStyle isn't the answer. The rendered Apex:Detail block has a different div class with completely different styles than other Apex page elements. One would think that they should match by default, right? The docs even state the the PageBlock element "uses styling similar to the appearance of a Salesforce detail page, but without any default content."