body { background-color: #000; font-family: arial, helvetica, sans-serif; margin: 0; } body.banner { background-color: #284262; } body.footer1 { background-color: #801111; } body.opener { background-color: #284262; } .aaavanish { display: none; } /********** Layout Table Styles **********/ table.wrap { width: 100%; border: 1px solid #ccc; background-color: #333; } td.wrap { width: 100%; padding: 10px; } td.wrap1 { width: 100%; background-color: #284262; padding: 10px; } table.inner-wrap { width: 100%; background-color: #284262; } td.inner-wrap { width: 100%; padding: 0.3em; } table.container { background-color: #e0e0e0; } td.container1 { width: 15em; text-align: left; vertical-align: top; padding: 0.6em; } td.container2 { background: #e0e0e0 url('images/miscellaneous/star.gif') no-repeat top right; text-align: left; vertical-align: top; padding: 0.6em; } td.container2a { width: 40%; text-align: left; vertical-align: top; padding: 10px; } td.container2b { width: 40%; text-align: left; vertical-align: top; padding: 10px; } table.left-wrap { width: 100%; border: 1px solid #000; background-color: #284262; } td.left-wrap { width: 100%; padding: 0.6em; vertical-align: top; } /********** Header Include Styles **********/ table.header { width: 100%; border: 0px none; } td.header1 { width: 100%; height: 100px; background:url('images/miscellaneous/masthead.jpg') no-repeat top left; } td.header2 { width: 100%; text-align: right; } h1.header { visibility: hidden; } /********** Sidebar Include Styles **********/ p.left { font: bold 0.7em/1.3 arial, helvetica, sans-serif; color: #333; color: #eee; text-align: center; } img.sidebar { margin: 0.3em 1em; border: 0px none; } /********** Opening Page Middle Column Styles **********/ table.middle { width: 100%; background-color: #d4d4d4; border: 1px solid #b4b4b4; } td.middle { width: 100%; padding: 0.5em; } /********** Opening Page Right Column Styles **********/ table.right { width: 100%; background: #284262 url('images/miscellaneous/opening-latest-ad.jpg') no-repeat top left; border: 1px solid #333; } td.right { width: 100%; padding: 0.5em; } table.right-top { width: 100%; background: #375b6f; border: 1px solid #333; margin-bottom: 1em; } td.right-top { width: 100%; padding: 0.5em; } table.right-middle { width: 100%; background: #778888 url('images/miscellaneous/opening-polare-ad.jpg') no-repeat top left; border: 1px solid #666; margin-bottom: 1em; } td.right-middle { width: 100%; padding: 0.5em; } h2.right { font-size: 1.3em; color: #eee; margin: 0 0 1em 0; text-align: right; padding: 0 0 0.5em 0; } h2.right-top { font-size: 1.3em; color: #eee; margin: 0 0 -8px 0; text-align: right; padding: 0 0 4px 0; border-bottom: 1px dashed #eee; } h2.right-middle { font-size: 1.3em; color: #fff; margin: 0 0 1em 0; text-align: right; padding: 0 0 0.5em 0; } p.right-middle { font-size: 0.8em; color: #fff; text-align: right; } h3.right { color: #e0e0e0; margin: 0.5em 0 0.3em 0; text-align: right; border-bottom: 1px solid #788; padding-bottom: 0.5em; } p.right { color: #eee; text-align: right; margin-bottom: 2em; } a:link.right, a:visited.right { color: #eee; text-decoration: underline; padding: 0.1em 0.3em; } a:hover.right, a:focus.right, a:active.right { color: #eee; text-decoration: none; background-color: #788; padding: 0.1em 0.3em; } a:link.right-middle, a:visited.right-middle { color: #fff; text-decoration: underline; padding: 0.1em 0.3em; } a:hover.right-middle, a:focus.right-middle, a:active.right-middle { color: #eee; text-decoration: none; background-color: #284262; padding: 0.1em 0.3em; } a:link.middlespan, a:visited.middlespan { color: #284262; text-decoration: none; padding: 0.1em 0.3em; } a:hover.middlespan, a:focus.middlespan, a:active.middlespan { color: #eee; text-decoration: none; background-color: #284262; padding: 0.1em 0.3em; } abbr.right { border-bottom: 1px dotted #fff; cursor: help; } abbr.right-middle { border-bottom: 1px dotted #284262; cursor: help; } span.large { font-size: 1.3em; font-weight: bold; color: #284262; } /********** Footer Include Styles **********/ p.footer { font: 0.7em/1.0 verdana, arial, helvetica, sans-serif; color: #e0e0e0; text-align: right; margin: 0.5em 0; } a:link.footer, a:visited.footer { font-size: 1em; color: #e0e0e0; text-decoration: underline; } a:hover.footer, a:focus.footer { font-size: 1em; color: #e0e0e0; text-decoration: none; background-color: #647676; } img.footer { float: right; margin-left: 1em; border: 0px none; } abbr.footer { border-bottom: 1px dotted #e0e0e0; cursor: help; } /********** Pullquote Styles **********/ blockquote.pullquote-right { float: right; width: 240px; margin: 0 0 0.4em 0.6em; padding: 1em 0 1em 1em; border-top: 0px none; border-right: 0px none; border-bottom: 0px none; border-left: 1px solid #a4a4a4; background: #e0e0e0 url('images/icons/pullquote-quotes.gif') no-repeat top left; } blockquote.pullquote-left { float: left; width: 240px; margin: 0 1em 0.4em 0; padding: 1em 0.2em 0 1em; border-top: 0px none; border-right: 1px solid #a4a4a4; border-bottom: 0px none; border-left: 0px none; background: #e0e0e0 url('images/icons/pullquote-quotes.gif') no-repeat top left; } p.pullquote { font: italic bold 1.1em/1.2 georgia, "times new roman", serif; color: #284262; margin: 0; } /********** Image Styles **********/ .tall-img-right { float: right; width: 12em; margin: 0 0 0 0.8em; padding: 0.8em; border: 1px solid #c0c0c0; text-align: center; } .tall-img-left { float: left; width: 12em; margin: 0 0.8em 0.8em 0; padding: 0.8em; border: 1px solid #c0c0c0; text-align: center; } .wide-img-right { float: right; width: 16em; margin: 0 0 0.8em 0.8em; padding: 0.8em; border: 1px solid #c0c0c0; text-align: center; } .wide-img-left { float: left; width: 16em; margin: 0 0.8em 0.8em 0; padding: 0.8em; border: 1px solid #c0c0c0; text-align: center; } p.img { font: bold 0.7em/1.2 arial, helvetica, sans-serif; margin-top: 0.4em; margin-bottom: 0; color: #333; } /********** Polare Disclaimer Include Styles **********/ p.polaredisclaimer { font: 0.7em/1.3 arial, helvetica, sans-serif; color: #666; padding: 0.5em 0 0 0; border-top: 1px solid #c0c0c0; } /********** Kit Disclaimer Include Styles **********/ p.kitdisclaimer { font: 0.7em/1.3 arial, helvetica, sans-serif; color: #666; } /********** General Content Include Styles **********/ h1 { font: bold 1.4em/1 arial, helvetica, sans-serif; color: #284262; margin-top: 0.7em; } h1.no-author { font: bold 1.4em/1 arial, helvetica, sans-serif; color: #284262; margin-top: 0.7em; padding-bottom: 2em; border-bottom: 1px solid #c0c0c0; } h2 { font: bold 1em/1 arial, helvetica, sans-serif; color: #496597; margin-top: 0.7em; } h2.sub { font: bold 1em/1 arial, helvetica, sans-serif; color: #496597; margin-top: -0.6em; } h2.book-review { font: bold 1.05em/1 arial, helvetica, sans-serif; color: #496597; margin-top: 1em; margin-bottom: -0.5em; margin-left: -0.1em; } h2.blockquote { font: bold 1em/1 arial, helvetica, sans-serif; color: #496597; margin-top: 0.7em; margin-bottom: -0.5em; } h3 { font: bold 0.9em/1 arial, helvetica, sans-serif; color: #284262; margin-top: 0.7em; } h3.sub { font: bold 0.9em/1 arial, helvetica, sans-serif; color: #284262; margin-top: -1em; } h3.fact-sheets { font: bold 0.9em/1 arial, helvetica, sans-serif; color: #284262; border-top: 1px solid #c0c0c0; padding-top: 1em; } h2.directory { font: bold 1.5em/1 arial, helvetica, sans-serif; color: #496597; margin: 2em 0 0 0; border: 1px solid #c0c0c0; letter-spacing: -1px; background-color: #d5d5d5; padding: 0.8em 2.3em 0.8em 0; text-align: right; } h4 { font: bold 0.8em/1 arial, helvetica, sans-serif; color: #496597; margin-top: 0.7em; } p { font: 0.8em/1.3 arial, helvetica, sans-serif; color: #404040; } p.archive { font: 0.8em/1.3 arial, helvetica, sans-serif; color: #333; margin: 0; } p.fact-sheets { font: 0.8em/1.3 arial, helvetica, sans-serif; color: #333; border-top: 1px solid #c0c0c0; padding-top: 1em; } p.polare-author { font: 0.8em/1.4 arial, helvetica, sans-serif; color: #284262; text-align: right; border-bottom: 1px solid #c0c0c0; padding-bottom: 8px; } p.outdated { font: bold 0.7em/1.3 arial, helvetica, sans-serif; color: #600; margin-top: 0.8em; } p.blockquote { font: bold 0.7em/1.3 arial, helvetica, sans-serif; color: #284262; } p.blockquote-black { font: 0.7em/1.3 arial, helvetica, sans-serif; color: #000; } p.blockquote-cite { font: bold 0.7em/1.3 arial, helvetica, sans-serif; color: #496597; text-align: right; } p.directory { font: 0.75em/1.4 arial, helvetica, sans-serif; color: #333; margin: 1.8em 0 0 0; } p.adobe { font: bold 0.7em/1.0 arial, helvetica, sans-serif; color: #600; margin: 0 0 0.5em; } p.agm-top { font: 0.75em/1 arial, helvetica, sans-serif; color: #333; margin: 0.5em 0 0 0; border-bottom: 1px dashed #b0b0b0; padding: 0 0 0.5em 0; } p a:link { text-decoration: none; color: #03c; padding: 1px 2px; } p a:visited { text-decoration: none; color: #600; padding: 1px 2px; } p a:hover, p a:focus, p a:active { text-decoration: none; color: #fff; padding: 1px 2px; background-color: #788; } a:link.download, a:visited.download, a:hover.download, a:focus.download { background-color: #e0e0e0; } ul { font: 0.8em/1.3 arial, helvetica, sans-serif; color: #333; margin: 0.3em 3.8em; list-style-image: url('images/icons/bullet.png'); } ol.number { font: 0.8em/1.3 arial, helvetica, sans-serif; color: #333; margin: 0.3em 3.8em; } ol.alpha { font: 0.8em/1.3 arial, helvetica, sans-serif; color: #333; margin: 0.3em 3.8em; list-style-type: lower-alpha; } li ul { font-size: 1em; } li ol { font-size: 1em; } li ul li ul { font: 1em/1.3 arial, helvetica, sans-serif; list-style-image: url('images/icons/bullet.png'); font-style: italic; } li ol li ol { font: 1em/1.3 arial, helvetica, sans-serif; list-style-type: lower-roman; font-style: italic; } li.blockquote { font: bold 0.85em/1.3 arial, helvetica, sans-serif; list-style-image: url('images/icons/blockquote-bullet.png'); color: #284262; } li.block-last { font: bold 0.85em/1.3 arial, helvetica, sans-serif; list-style-image: url('images/icons/blockquote-bullet.png'); margin: 0 0 1em 0; color: #284262; } abbr { border-bottom: 1px dotted #555; cursor: help; } blockquote { color: #333; background: #d6d6d6 url('images/icons/blockquote-quotes.gif') no-repeat top left; margin: 0.4em 3em; padding: 0 1.1em; border: 1px dashed #b0b0b0; } blockquote.narrow { color: #333; background: #d6d6d6; margin: 0 19em 0 3em; padding: 0 1.1em; border: 1px dashed #b0b0b0; } /********** used to stop blockquote and image overlapping **********/ blockquote.agm { color: #333; background: #e0e0e0; margin: 0.4em 3em; padding: 0 1.1em; border: 0px none; } blockquote.prologue { color: #333; background: #d6d6d6; margin: 0 3em 0 0; padding: 0 1.1em; border: 1px dashed #b0b0b0; } blockquote.prologue-narrow { color: #333; background: #d6d6d6; margin: 0 19em 0 3em; padding: 0 1.1em; border: 1px dashed #b0b0b0; } blockquote.outdated { color: #801111; background: #d6d6d6; margin: 0 3em 0 0; padding: 0 1.1em; border: 1px dashed #b0b0b0; } span.caps { text-transform: uppercase; } span.lang { font-style: italic; } img.download { border: 0px none; } img.up { border: 0px none; margin-right: 0.5em; } caption { font: bold 1.1em/1.3 arial, helvetica, sans-serif; color: #284262; text-align: left; margin: 0 0 0 0; padding: 1em 0 0 0; } strong.interview { font: bold italic 1.1em/1.3 arial, helvetica, sans-serif; color: #284262; } .drop-cap { float: left; font: bold 4.8em/0.7 georgia, "times new roman", serif; color: #a4a4a4; padding: 0.04em 0.08em 0.04em 0; } /********** Event Div Styles **********/ .event { min-height: 260px; padding: 16px; background: #fff url('images/events/corner.jpg') no-repeat bottom left; border: 1px solid #b0b0b0; margin-bottom: 8px; } h2.events { font: bold 1.2em/1 georgia, arial, helvetica, sans-serif; color: #801111; margin-top: 0.7em; text-transform: uppercase; } h3.events { font: bold 1em/1 georgia, arial, helvetica, sans-serif; color: #284262; } p.events { font: 0.8em/1.3 arial, helvetica, sans-serif; color: #555; } p.event-details { font: 0.7em/1.3 arial, helvetica, sans-serif; color: #000; margin-left: 64px; } img.events { float: right; width: 176px; margin: 0 0 0 0.8em; padding: 8px; border: 1px solid #ccc; text-align: center; } ul.events { font: 0.8em/1.3 arial, helvetica, sans-serif; color: #333; margin: 0.3em 3.8em; list-style-image: url('images/icons/event-bullet.png'); } /********** Breadcrumb Trail Styles **********/ #bread { margin-bottom: 0.5em; } #bread ul { margin-left: 0; padding-left: 0; display: inline; border: none; } #bread ul li { margin-left: 0; border: none; list-style: none; display: inline; font-style: normal; } #bread a:link { text-decoration: none; color: #03c; padding: 1px 2px; } #bread a:visited { text-decoration: none; color: #600; padding: 1px 2px; } #bread a:hover, #bread a:focus, #bread a:active { text-decoration: none; color: #fff; padding: 1px 2px; background-color: #788; } /********** Definition List Styles **********/ dl { } dt a:link { font-size: 1em; color: #284262; font-weight: bold; padding: 1px 2px; text-decoration: none; } dt a:visited { font-size: 1em; color: #600; font-weight: bold; padding: 1px 2px; text-decoration: none; } dt a:hover, dt a:focus { font-size: 1em; color: #fff; background-color: #788; font-weight: bold;padding: 1px 2px; } dd { font-size: 0.75em; color: #333; margin: 0.4em 1em 1em 2px; } dl.list { } dt.list { font-size: 0.8em; color: #284262; font-weight: bold; padding: 1px 2px; text-decoration: none; } dd.list { font-size: 0.75em; color: #404040; margin: 0.5em 1em 1.5em 2px; line-height: 1.3em; } /********** Reference Div Styles **********/ #references { margin: 0; } #references ul { font: 0.7em/1.5 arial, helvetica, sans-serif; margin: 0 1em 0.3em 1em; color: #333; } #references li { list-style-image: none; list-style: none; } #references a:link { text-decoration: none; color: #03c; padding: 1px 2px; } #references a:visited { text-decoration: none; color: #600; padding: 1px 2px; } #references a:hover, #references a:focus, #references a:active { text-decoration: none; color: #fff; padding: 1px 2px; background-color: #788; } /********** Polare Archive Table Styles **********/ table.polare { width: 98%; padding: 0.3em; border-collapse: collapse; font-size: 0.9em; } th.polare1 { width: 15%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; text-align: left; } th.polare2 { width: 70%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; text-align: left; } th.polare3 { width: 15%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; text-align: left; } td.polare1 { width: 15%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; text-align: left; } td.polare2 { width: 70%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; text-align: left; } td.polare3 { width: 15%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; text-align: left; } tr.polare:hover, tr.polare:focus { background-color: #d5d5d5; } /********** Book List Table Styles **********/ table.book { width: 100%; padding: 0.3em; border-collapse: collapse; } th.book1 { width: 100%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; text-align: left; } td.book1 { width: 100%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; text-align: left; } tr.book:hover, tr.book:focus { background-color: #d5d5d5; } /********** Report Page Content Styles **********/ blockquote.report { font: 0.8em/1 arial, helvetica, sans-serif; color: #333; margin: 0 5em 0 2.5em; border: 0px none; background: #e0e0e0; padding: 0; } blockquote.report-sub { font: 1em/1 arial, helvetica, sans-serif; color: #333; margin: 0 5em 0 2.5em; border: 0px none; background: #e0e0e0; padding: 0; } h1 a:link.report, h1 a:visited.report, h1 a:hover.report, h1 a:focus.report { font: bold 1em/1 arial, helvetica, sans-serif; color: #284262; margin: 0.75em 0 0 0; text-decoration: none; padding: 0; background-color: #e0e0e0; } h3 a:link.report, h3 a:visited.report, h3 a:hover.report, h3 a:focus.report { font: bold 1em/1 arial, helvetica, sans-serif; color: #284262; margin: 0.75em 0 0 0; text-decoration: none; padding: 0; background-color: #e0e0e0; } a:link.report { color: #03c; text-decoration: none; line-height: 2em; } a:visited.report { color: #801111; text-decoration: none; line-height: 2em; } a:hover.report, a:focus.report { color: #fff; text-decoration: none; color: #fff; background-color: #647676; line-height: 2em; } p.report { font: 0.75em/1 arial, helvetica, sans-serif; color: #333; margin: 0.5em 0 0 0; border-bottom: 1px dashed #b0b0b0; padding: 0 0 0.5em 0; } p.report-sub { font-size: 1em; } /********** Two Column Table Styles **********/ table.two { width: 95%; padding: 0.3em; font-family: arial, helvetica, sans-serif; font-size: 0.8em; color: #333; border-collapse: collapse; } th.two1 { width: 50%; font-weight: bold; border-bottom: 1px solid #c0c0c0; text-align: left; padding: 0.3em; } td.two1 { width: 50%; border-bottom: 1px solid #c0c0c0; text-align: left; padding: 0.3em; } th.two2 { width: 50%; font-weight: bold; border-bottom: 1px solid #c0c0c0; text-align: right; padding: 0.3em; } td.two2 { width: 50%; border-bottom: 1px solid #c0c0c0; text-align: right; padding: 0.3em; } tr.two:hover { background-color: #d5d5d5; } /********** Three Column Table Styles **********/ table.three { width: 97%; padding: 0.3em; font-family: arial, helvetica, sans-serif; font-size: 0.8em; color: #333; border-collapse: collapse; } th.three1 { width: 55%; font-weight: bold; border-bottom: 1px solid #c0c0c0; text-align: left; padding: 0.3em; } th.three2 { width: 15%; font-weight: bold; border-bottom: 1px solid #c0c0c0; text-align: center; padding: 0.3em; } td.three1 { width: 55%; border-bottom: 1px solid #c0c0c0; text-align: left; padding: 0.3em; } td.three2 { width: 15%; border-bottom: 1px solid #c0c0c0; text-align: center; padding: 0.3em; } tr.three:hover { background-color: #d5d5d5; } /********** Four Column Table Styles **********/ table.four { width: 97%; padding: 0.3em; color: #333; border-collapse: collapse; } th.four1 { width: 61%; font-size: 0.8em; font-weight: bold; border-bottom: 1px solid #c0c0c0; text-align: left; padding: 0.3em; } th.four2 { width: 13%; font-size: 0.8em; font-weight: bold; border-bottom: 1px solid #c0c0c0; text-align: center; padding: 0.3em; } td.four1 { width: 13%; font-size: 0.8em; border-bottom: 1px solid #c0c0c0; text-align: left; padding: 0.3em; } td.four2 { width: 13%; font-size: 0.8em; border-bottom: 1px solid #c0c0c0; text-align: center; padding: 0.3em } tr.four:hover { background-color: #d5d5d5; } /********** Five Column Table Styles **********/ table.five { width: 97%; padding: 5px; font-family: arial, helvetica, sans-serif; font-size: 0.8em; color: #333; border-collapse: collapse; } th.five1 { width: 40%; font-weight: bold; border-bottom: 1px solid #c0c0c0; text-align: left; padding: 0.3em; } th.five2 { width: 15%; font-weight: bold; border-bottom: 1px solid #c0c0c0; text-align: center; padding: 0.3em; } td.five1 { width: 40%; border-bottom: 1px solid #c0c0c0; text-align: left; padding: 0.3em; } td.five2 { width: 15%; border-bottom: 1px solid #c0c0c0; text-align: center; padding: 0.3em; } tr.five:hover { background-color: #d5d5d5; } /********** Form Styles **********/ table.form { border: 0px none; } fieldset.radio { border: 0px none; } fieldset { border: 0px none; } label { font: 0.8em/1.3 arial, helvetica, sans-serif; color: #333; } label.radio { font: 1em/1.3 arial, helvetica, sans-serif; color: #333; } *.bottom { margin: 1em 5.5em 0 0 } /********** Individual Fact Sheet Download Styles **********/ table.download { color: #333; width: 99%; border-bottom: 1px solid #c0c0c0; } td.download1 { text-align: left; vertical-align: bottom; border-spacing: 0; width: 55%; } td.download2 { text-align: center; vertical-align: top; border-spacing: 0; width: 25%; } td.download3 { text-align: center; vertical-align: top; border-spacing: 0; width: 10%; } /********** Kits Links Page **********/ table.kit { width: 100%; font-family: arial, helvetica, sans-serif; font-size: 12px; color: #333; border-collapse: collapse; margin-bottom: 20px; padding: 0; } th.kit1 { width: 70%; font-weight: bold; border-bottom: 1px solid #c0c0c0; text-align: left; padding: 4px 0; } th.kit2 { width: 15%; font-weight: bold; border-bottom: 1px solid #c0c0c0; text-align: center; padding: 4px 0; } th.kit3 { width: 15%; font-weight: bold; border-bottom: 1px solid #c0c0c0; text-align: center; padding: 4px 0; } td.kit1 { width: 70%; border-bottom: 1px solid #c0c0c0; text-align: left; padding: 4px 0; text-decoration: none; } td.kit2 { width: 15%; border-bottom: 1px solid #c0c0c0; text-align: left; margin-left: 32px; padding: 4px 0; text-decoration: none; } td.kit3 { width: 15%; border-bottom: 1px solid #c0c0c0; text-align: teft; margin-left: 32px; padding: 4px 0; text-decoration: none; } tr.kit:hover { background-color: #d5d5d5; } span.kit { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #333; padding-left: 16px; line-height: 1.4; font-weight: normal; text-decoration: none; } a.span:hover, a.span:focus { color: #fff; text-decoration: none; padding: 2px; background-color: #647676; } span.kit img { border: 0px none; } p.kit { font-family: arial, helvetica, sans-serif; font-size: 1em; color: #333; margin: 0; line-height: 1.4; } p.kit a:link { color: #03c; text-decoration: none; padding: 2px; line-height: 1.4; } p.kit a:visited { color: #801111; text-decoration: none; padding: 2px; line-height: 1.4; } p.kit a:hover, p.kit a:focus { color: #fff; text-decoration: none; padding: 2px; background-color: #647676; } /********** Lightbox Styles **********/ #lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox img { width: auto; height: auto; } #lightbox a img { border: none; } #outerImageContainer { position: relative; background-color: #284262; width: 250px; height: 250px; margin: 0 auto; } #imageContainer { padding: 10px; } #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav { left: 0; } #hoverNav a { outline: none; } #prevLink, #nextLink { width: 49%; height: 100%; background-image: url('data:image/gif;base64,AAAA'); /* Trick IE into showing hover */ display: block } #prevLink { left: 0; float: left; } #nextLink { right: 0; float: right; } #prevLink:hover, #prevLink:visited:hover { background: url('images/lightbox/prevlabel.gif') no-repeat left 15%; } #nextLink:hover, #nextLink:visited:hover { background: url('images/lightbox/nextlabel.gif') no-repeat right 15%; } #imageDataContainer{ font: 12px Arial, helvetica, sans-serif; background-color: #284262; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; } #imageData { padding:0 10px; color: #fff; } #imageData #imageDetails { width: 100%; float: left; text-align: left; } #imageData #caption { font-weight: normal; } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; outline: none; } #overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }