/* * ------------------------------------------------------------------------------------------------ * * This is an unpublished work, the copyright in which vests in Experian Limited. All rights * reserved. * * The information contained herein is confidential and the property of Experian Limited, and is * supplied without liability for errors or ommisions. No part may be reproduced, disclosed or * used except as authorised by contract or other written permission. The copyright and * foregoing restrictions on reproduction and use extend to all media in which the information * may be embodied. * ------------------------------------------------------------------------------------------------ * Title: Interactive Guide * * Filename: main.css * File created: 11/03/09 * * Description: Definition of the styles for the elements common to the aninimation, * visualisation and exit pages. * * Written by: Russell Ballaam, Marketing Services Global Product Development & Delivery. * * Revision: 0.1 * * Revision history: * * Revision 0.1 11/03/09 * ------------------------------------------------------------------------------------------------ * * First release. */ /* tag */ body { background-color: #F0F0F0; color: #333; display: block; font-family: tahoma, geneva, sans-serif; font-size: 8px; margin: auto; min-width: 1018px; padding: 0px; } /* Container for the loading resources screen */ div.init { background-color: #F0F0F0; border: none; height: 100%; left: 0px; margin: 0px; overflow: hidden; padding: 0px; position: absolute; width: 100%; top: 0px; z-index: 1; } /* The modal background */ div.modalscreen { background: #000000; cursor: not-allowed; display: none; filter: alpha(opacity=20); height: 100px; left: 0px; -moz-opacity: 0.2; opacity: 0.2; overflow: hidden; position: absolute; top: 0px; width: 100px; z-index: 1000; } /* Container for message box button */ div.msgboxbutton { border: none; background: #FFFFFF; height: 30px; left: 0px; margin: 0px; padding: 0px; position: absolute; top: 0px; width: 100px; z-index: 2; } /* Container for message boxes */ div.msgboxcontainer { border: 1px solid #015CAD; background: #FFFFFF; display: none; height: 100px; left: 0px; margin: 0px; padding: 0px; position: absolute; top: 0px; width: 300px; z-index: 1001; } /* Container for message box content */ div.msgboxcontent { border: none; background: #FFFFFF; left: 0px; height: 50px; margin: 0px; padding: 0px; position: absolute; top: 22px; width: 100px; z-index: 1; } /* Container for message box title */ div.msgboxtitle { border: 1px solid #FFFFFF; background: #D4E1EA; cursor: move; height: 20px; left: 0px; margin: 0px; padding: 0px; position: absolute; top: 0px; width: 100%; } /* The close image */ img.closeimg { border: none; float: right; height: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 2px; margin-top: -12px; padding: 0px; width: 12px; } /* Progress 'roller' image */ img.progressimg { border: none; display: table; height: 32px; margin-left: 48.8%; padding: 0px; position: absolute; text-align: center; top: 355px; width: 32px; } /* Message box button (mouse out state) */ input.button { background-color: #015CAD; border: 1px solid; border-color: #969696 #000000 #000000 #969696; color: #FFFFFF; font-family: tahoma, geneva, sans-serif; font-size: 11px; font-weight: bold; margin-bottom: 6px; margin-top: 6px; padding-left: 6px; padding-right: 6px; } /* Message box button (mouse over state) */ input.buttonhover { background-color: #015CAD; border: 1px solid; border-color: #ABBB55 #FF8E00 #FF8E00 #ABBB55; color: #FF8E00; font-family: tahoma, geneva, sans-serif; font-size: 11px; font-weight: bold; margin-bottom: 6px; margin-top: 6px; padding-left: 6px; padding-right: 6px; } /* The "Resouces loading..." text */ p.loading { color: #6F7A80; font-family: tahoma, geneva, sans-serif; font-size: 9px; font-weight: bold; margin-left: auto; margin-top: 400px; margin-right: auto; padding: 0px; text-align: center; } /* Caption for message boxes */ p.msgboxcaption { color: #015CAD; font-family: tahoma, geneva, sans-serif; font-size: 11px; font-weight: bold; margin-bottom: 0px; margin-left: 4px; margin-right: 0px; margin-top: 3px; padding: 0px; text-align: left; } /* Text for message boxes */ p.msgtxt { color: #015CAD; font-family: tahoma, geneva, sans-serif; font-size: 11px; font-weight: normal; margin-bottom: 4px; margin-left: 5px; margin-right: 5px; margin-top: 4px; padding: 0px; text-align: left; } /* The copyright container */ #copyright { background: url(../images/en/bg_footer.gif) no-repeat left top; color: #6F7A80; display: none; font-size: 9px; left: -1px; margin: 0px auto; padding-top: 0px; position: relative; top: -5px; width: 1018px; } /* The copyright text */ #copyright p { left: 21px; margin: 0px; padding: 0px; top: 6px; position: relative; } /* Outer frame container */ #outerframe { background: url(../images/en/new_bg_container.gif) #E5EAF1 repeat-y left bottom; display: none; height: 724px; margin: 0px auto; overflow: hidden; padding-left: 0px; padding-bottom: 0px; padding-right: 0px; padding-top: 0px; text-align: left; width: 1018px; }