/* CSS Document */ /* THE PURPOSE OF THIS STYLESHEET IS TO: 1. VERTICALLY AND HORIZONTALLY CENTRE THE CONTENT ON THE PAGE 2. DEFINE THE SIZE OF THE PAGE/INTERFACE THIS DOCUMENT HAS TWO SECTIONS: 1. SECTION ONE HAS STYLES THAT CENTRING THE INTERFACE 2. SECTION TWO HAS STYLES THAT DEFINE THE SIZE OF THE INTERFACE NOTE: 1. This page is added by the JavaScript engine. Centring and sizing of the page/interface should not be implemented for mobile devices. 2. Centring bug-fixes for ie7 and below are overwritten in ie7.css */ /* **************************************************************** SECTION ONE INTERFACE CENTRING THESE STYLES ENSURE THE INTERFACE IS VERTICALLY AND HORIZONTALLY CENTRED ON THE PAGE. Note: Centring bug-fixes for ie7 and below are overwritten in ie7.css */ html,body,#outermost { height: 100%; width: 100%; margin: 0; padding: 0; background-color:#595959; color:white; } body { text-align: center; /* IE/Win bug fix */ font-family: Verdana, Arial, Helvetica, sans-serif; } #outer { height: 28em; width:100%; /*width:996px;*//*22Sept2013*/ z-index: 10; } /* Works in IE5+/Win, Firefox, Safari, Opera 5+, Netscape 6+, Konqueror 3 Does not work in NS4.x or IE/Mac */ .valignmid1 { position: relative; margin: 0 auto; } /* Opera 7.0x is buggy when you put display:table on Opera 7.2+ and 6.x don't appear to have this problem. We hide this from IE5/Mac, because it doesn't support display:table-cell and it doesn't have the same bug that allows this to work in IE5-6/Win (hide from IE/Mac) \*/ .valignmid1 { display: table; vertical-align: middle; } /* Moz1.4 - Moz1.6 (NS7.1) bug, can't put position:relative on .valignmid2 \*/ .valignmid2 { width: 100%; display: table-cell; vertical-align: middle; } /* end hide */ .valignmid3 { position: relative; } /* end hide */ /* **************************************************************** SECTION TWO INTERFACE SIZING */ body { padding:0px; margin:0px; background-color:#ccc; font-family: Arial, sans-serif; color:#000000; overflow:hidden; } #content_mask { overflow:hidden; /*width:996px;*//*22Sept2013*/ width:100% !important;/*22Sept2013*/ /*height:648px;*//*22Sept2013*/ height:100%; /*22Sept2013*/ position:relative; background-color:#fff; } #content_frame { width:100%; /*width:996px;*/ /*height:648px;*//*22Sept2013*/ height:100%;/*22Sept2013*/ padding:0px; overflow:hidden; margin:0px; position:relative; } #altImage { /*not sure what this is about: seems to be a diagnostic feature*/ position:absolute; top:-500px; } .hiddenFormElement { display:none; } .accessibilityElement { font-size:1; text-indent:-5000; overflow:hidden; display:block; height:1px; width:1px; float:left; }