/*---------------------------------------------------------------------- * BASIC SCREEN TEMPLATE * BROWSER: IE5.0, IE5.5, IE6.0 * * Usage: This is the catch all template to be used by all TaxCut * Interview screens. It can be used with any of the screen * types that requires an image to be displayed within the * left column. This is achieved by using any of the image * type CSS files to override the div#leftcontent element * block. * * Hack: This template uses the box model fixed layout hack for * IE5.0 and up browsers. This template requires the browser * to be placed in quirks mode for CSS rendering, such that * this template does not adhere to strict CSS validation. * Triggering quirks mode requires that a comment be * placed before the tag. Basically the hack works * by targeting the tag to make it smaller than the * viewport. This allows the fixed
's to be placed * within the padding or margins of the documents body. */ /*-- Body tag targeted for fixed box layout hack */ body#btmbanner { margin: 0; color: #404040; background: #fff; overflow: hidden; padding-top: 40px; padding-right: 241px; padding-bottom: 88px; padding-left: 0px; font-family: Verdana, Arial; font-size: 12px; font-weight: normal; font-style: normal; } body#btmbannerhide { margin: 0; color: #404040; background: #fff; overflow: hidden; padding-top: 40px; padding-right: 241px; padding-bottom: 52px; padding-left: 0px; font-family: Verdana, Arial; font-size: 12px; font-weight: normal; font-style: normal; } /*-- Interview screen content goes in this display block */ div#content { width: 100%; height: 100%; overflow-y: auto; overflow-x: auto; margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 127px; padding-top: 10px; padding-right: 15px; padding-bottom: 0px; padding-left: 0px; z-index: 2; } /*-- Interview screen title goes in this display block */ div#title { position: absolute; top: 0px; left: 0px; right: 0px; overflow: hidden; white-space: nowrap; z-index: 1; padding-left: 10px; padding-right: 0px; padding-top: 10px; width: 100%; height: 40px; color: #000; background: #ffffff; } /*-- Interview screen images for distinguishing screen types goes in this display block */ div#leftcolumn { position: absolute; overflow: auto; top: 0px; left: 0px; bottom: 0px; width: 126px; color: #000; background: #ffffff; overflow: hidden; height: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 10px 0px 0px 0px; } /*-- This display block is the button and faq (VHL) containter */ div#rightcolumn { overflow: hidden; width: 250px; z-index: 10; position: absolute; top: 0px; height: 100%; right: 0px; bottom: 40px; color: #000; padding-top: 0px; padding-left: 0px; padding-right: 10px; background: #ffffff; } div#rightcontainer { overflow: hidden; width: 240px; z-index: 3; position: absolute; top: 0px; height: 100%; right: 0px; bottom: 0px; color: #000; padding-top: 0px; padding-left: 0px; padding-right: 10px; background: #ffffff; } div#btmbtncontainer { width: 240px; position: absolute; bottom: 0px; height: 150px; display: block; visibility: visible; } div#btmbtncontainerhide { width: 240px; position: absolute; bottom: 0px; height: 10px; display: none; visibility: collapse; } div#separator { z-index: 10; overflow-y: auto; width: 9px; float: left; top: 0px; height: 100%; right: 0px; color: #00F; background-image: url(../images/page_background_tile.gif); background-repeat: repeat; background-position: 0px 0px; padding-top: 0px; } div#navhelp { position: fixed; bottom: 4px; padding-left: 7px; display: block; } div#navhelpbtnshow { display: block; } div#navhelphide { position: fixed; bottom: 4px; padding-left: 7px; display: none; } div#navhelpbsc { position: fixed; bottom: 4px; padding-left: 7px; display: block; } div#navhelpbschide { position: fixed; bottom: 4px; padding-left: 7px; display: none; } div#navtaxguide { position: fixed; bottom: 103px; padding-left: 7px; display: block; } div#navtaxguidehide { position: fixed; bottom: 103px; padding-left: 7px; display: none; } div#navsearchbsc { position: fixed; bottom: 103px; padding-left: 7px; display: block; } div#navsearchbscshow { position: fixed; bottom: 103px; padding-left: 7px; display: none; } div#navadvise { position: fixed; bottom: 54px; padding-left: 7px; display: block; } div#navadvisehide { position: fixed; bottom: 54px; padding-left: 7px; display: none; } div#navfaq { float: left; margin-left: 8px; padding-left: 0px; background-image: url(../images/cobedition.gif); background-repeat: no-repeat; background-position: 0px 0px; } /*-- Interview screen FAQs (Visual Help Links) go in this display block */ div#faqs { z-index: 3; overflow-y: auto; width: 220px; position: fixed; top: 80px; height: 60%; bottom: 260px; right: 0px; color: #000; background: #ffffff; margin-left: 17px; margin-bottom: 5px; margin-top: 0px; margin-right: 5px; padding-right: 0px; padding-left: 0px; } div#faqswform { z-index: 3; overflow-y: auto; width: 220px; position: fixed; top: 80px; height: 80%; bottom: 260px; right: 0px; color: #000; background: #ffffff; margin-left: 17px; margin-bottom: 5px; margin-top: 0px; margin-right: 5px; padding-right: 0px; padding-left: 0px; } div#navseparator { overflow: hidden; width: 688px; height: 7px; background-image: url(../images/navseparator.gif); background-repeat: repeat-x; background-position: 0px 0px; position: absolute; bottom: 80; left: 0px; margin-left: 28px; margin-right: 0px; padding-left: 0px; padding-right: 0px; display: block; visibility: visible; z-index: 1; } div#navseparatornobtnbanner { overflow: hidden; width: 688px; height: 7px; background-image: url(../images/navseparator.gif); background-repeat: repeat-x; background-position: 0px 0px; position: absolute; bottom: 45; left: 0px; margin-left: 28px; margin-right: 0px; padding-left: 0px; padding-right: 0px; display: block; visibility: visible; z-index: 1; } /*-- This is the old button rack in CSS. It is just a container that holds float boxes */ div#navigation { overflow: auto; width: 100%; height: 45px; position: absolute; bottom: 35; left: 0px; margin-left: 0px; padding-left: 27px; padding-right: 20px; color: #000; display: block; visibility: visible; z-index: 7; } div#navigationnobtnbanner { overflow: auto; width: 100%; height: 45px; position: absolute; bottom: 0; left: 0px; margin-left: 0px; padding-left: 27px; padding-right: 20px; color: #000; display: block; visibility: visible; z-index: 7; } div#btmbanner { overflow: auto; width: 100%; height: 33px; position: absolute; bottom: 0; left: 0px; margin-left: 0px; padding-left: 27px; padding-right: 20px; color: #000; background-image: url(../images/wftlebkgd.gif); background-repeat: repeat; background-position: 0px 0px; display: block; visibility: visible; z-index: 6; } div#btmbannerhide { overflow: auto; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0px; margin-left: 0px; padding-left: 27px; padding-right: 20px; color: #000; display: none; visibility: collapse; z-index: 6; } div#navshowform { float: right; bottom: 0px; right: 0px; width: 100px; height: 33px; padding-right: 8px; display: block; } div#navshowformhide { float: right; bottom: 0px; right: 0px; width: 100px; height: 33px; padding-right: 8px; display: none; } div.DetailLineSeparator { overflow: hidden; width: 100%; height: 1px; background-image: url(../images/migborderline.gif); background-repeat: repeat-x; background-position: 0px 0px; } div.DetailHdrSeparator { overflow: hidden; width: 100%; height: 1px; background-image: url(../images/migborderline.gif); background-repeat: repeat-x; background-position: 0px 0px; } div#taskbtns { width: 60%; height:30px; } div#navhelpbtn { float: left; } div#navsrchbtn { float: right; padding-right: 4px; } /*-- Each button that is to be displayed to the right is contained in a
right floating box */ div.navright { float: right; padding-right: 10px; } /*-- Each button that is to be displayed to the left is contained in a
left floating box */ div.navleft { float: left; padding-right: 10px; } div.navcenter { } /*-- Only use absolute positioning for screen display not printing. */ @media screen { body>div#title, body>div#leftcolumn, body>div#rightcolumn, body>div#navigation { position: fixed; } } @media print { body>div#title, body>div#leftcolumn, body>div#rightcolumn, body>div#navigation { position: fixed; } }