/* Organisation of this stylesheet: 1. Global styles + body font, padding 2. Accessibility styling 3. Header 4. Account controls 5. Quicklinks 6. Site search 7. Menus (generic) 8. Primary menu 9. Secondary menu 10. Tertiary menu 11. News 12. Campaigns 13. Overview boxes (teal headings, yellow underline) 14. Content container (Vignette grid) 15. Content layouts: * Four-column, 25%, 25%, 25%, 25% * Three-column, 25%, 50%, 25% * One-column, half-width, 50% * One-column, full-width, 100% * Two-column, left sidebar, 25%, 75% * Two-column, right sidebar, 75%, 25% 16. Main content column header (with icon) 17. Content boxes; text, tool, tabs, page etc 18. OBPortal overrides for compatibility 19. Tag cloud 20. Hideable box controls (applied through page-init.js) 21. Breadcrumbs 22. Footer 23. Table related styles Styles after here were copied and pasted from OBCA with slight modifications: 23. Select styles applied through SelectCustomizer in page-init.js etc 24. jQuery UI Dialog 25. Tabs 26. Accordion 27. Results 28. Optus table 29. Lightbox 30. Page controls buttons */ html { height: 100%; overflow: -moz-scrollbars-vertical; overflow-x: auto; overflow-y: scroll; } html.showbg { /* Would normally be on but FF doesn't like it with the docked footer hack */ background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/bgSide-Whole.jpg) transparent top center no-repeat; } body { padding: 0 5px 0 5px; margin: 0px; font-family: arial, sans-serif; font-size: 0.8em; height: 100%; text-align: center; /* This is for IE, who doesn't handle margin auto to center */ } #container { min-width: 1000px; max-width: 1012px; background-color: #FFF; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -60px auto; /* Bottom = height of footer */ position: relative; text-align: left; } ol { margin: 0.5em 0; } ol li{ list-style-type: decimal; list-style-position: inside; } .center { text-align:center; } .right { text-align: right; } .clear-fix { clear: both; visibility: hidden; font-size: 0; height: 0; } p.clear-fix { clear: both; visibility: hidden; font-size: 0; height: 0; } a.link-button { font-weight: bold; text-decoration: none; } a.link-button-with-text { background:transparent url(/dafiles/OBCA/Furniture/images/submit-arrow-grey.gif) no-repeat scroll right 0; display:inline-block; padding:0 22px 0 0; } h2 { /* Because obportal doesn't explicitly define */ font-weight: bold; } h6 { color: #006685; font-size: 13px; line-height: 14px; margin: 4px 0; } .printonly { display: none !important; } /********** Hide accessibility headings & sections */ h1 span, h2.organisation-title, .skip, #shortcuts, .menu h3, #news h3, #campaigns h3, #overview-container h3 span, #campaigns div.campaign-link a span, #content-container #content-container-sidebar-one h3, #content-container #content-container-sidebar-two h3 { /* Don't use display: none as that prevents keyboard nav */ display: block; overflow: hidden; height: 0; width: 0; } .w3c-seo, .tag-cloud h4, #news #newsBack span, #news #newsNext span, .hide-box a span { /* Safe and required to use display: none on these */ display: none; } /********** Header styles */ #header { height:88px; background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/header-bottom-curve.gif) bottom right no-repeat #000; position: relative; } #logo-primary { position: absolute; top: 10px; left: 30px; } #logo-secondary { position: absolute; top: 10px; left: 130px; } /********** Account controls links styles (register, currently logged in, log out) */ #account-controls { position: absolute; right: 10px; top: 20px; /*color: #FFF;*/ font-weight: bold; font-size: 0.85em; } /* #account-controls a, #account-controls a:link, #account-controls a:visited, #account-controls a:active { color: #FFF; text-decoration: none; padding-left: 0.5em; } #account-controls a:hover { color: #FFF; text-decoration: underline; } */ #account-controls span { /* This is for the slash jQuery adds in on page init */ padding-left: 0.3em; } /********** Quicklinks category select */ /* This has a specific style specified because the default 'fancy' wont cater for the black background that quicklinks are displayed on */ #quicklinks { position: absolute; right: 280px; top: 50px; font-size: 0.8em; } #quicklinks-select_iconselect { width: 219px; height: 17px; padding-top: 3px; padding-left: 10px; background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/select_bg.png) transparent top left no-repeat; color: #5D5D5D; } #quicklinks-select_options { height: 150px; overflow-y: auto; background-color: #FFF; } /********** Site search */ #search-site { position: absolute; right: 10px; top: 50px; background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/search-bg.png) #FFF top left no-repeat; height: 19px; } #search-site #searchword { width: 190px; margin-left: 6px; border: 0; margin-top: 3px; font-size: 0.8em; color: #5D5D5D; height: 16px; float: left; } #search-site .button { } #search-site #searchword.default { color: #A7A7A7; } /********** Menu / navigation */ /* This section can be revisted as it's been copied from old code and adapted */ .menu { /* height: 31px; removed by NBoehm 11 Nov */ background-color: #EDEDED; position: relative; clear: both; height: auto; } .menu-list li { /* white-space: nowrap; */ text-transform: uppercase; font-weight: bold; font-size: 0.95em; padding-right: 35px; background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/menu-separator.gif) #EDEDED top right no-repeat; position: relative; /* height: 31px; */ } .menu-list ul { position: absolute; top: -999em; width: 200px; /* left offset of submenus need to match (see below) */ } .menu-list ul { position: absolute; top: -999em; width: 200px; /* left offset of submenus need to match (see below) */ } .menu-list ul li { width: 100%; } .menu-list li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .menu-list li { float: left; position: relative; height: 31px; margin-bottom: 2px; /* added by NBoehm 11 Nov */ } /* added by NBoehm 11 Nov */ * html .menu-list li { margin-bottom: 3px; margin-top: -1px; } .menu-list a { display: block; position: relative; } .menu-list li:hover ul, .menu-list li.sfHover ul { left: 0; top: 31px; /* match top ul list item height */ z-index: 400; } ul.menu-list li:hover li ul, ul.menu-list li.sfHover li ul { top: -999em; } ul.menu-list li li:hover ul, ul.menu-list li li.sfHover ul { left: 200px; /* match ul width */ top: 0; } /* Make right-most sub navs expand to the left rather than to the right so they dont get hidden behind the screen */ ul.menu-list li.last-top-menu li.sfHover ul { left: -200px; /* match ul width */ top: 0; } /* Make right-most sub navs expand to the left rather than to the right so they dont get hidden behind the screen */ ul.menu-list li.last-top-menu li li.sfHover ul { left: -200px; /* match ul width */ top: 0; } ul.menu-list li li:hover li ul, ul.menu-list li li.sfHover li ul { top: -999em; } ul.menu-list li li li:hover ul, ul.menu-list li li li.sfHover ul { left: 200px; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .menu-list a { padding-top: .65em; text-decoration:none; padding-left: 5px; white-space: nowrap; } .menu-list a, .menu-list a:visited { /* visited pseudo selector so IE6 applies text colour*/ color:#000000; } .menu-list li li { background-image: none; background-color: #EDEDED; padding-right: 0px; margin-bottom: 0; /* added by NBoehm 11 Nov */ } .menu-list li li:hover, .menu-list li li:hover a, .menu-list li.currenttop li:hover, .menu-list li.currenttop li:hover a, .menu-list li li a:hover, .menu-list li.currenttop li a:hover { background-image: none; background-color: #000000; color:#facb00; } .menu-list li li:hover li, .menu-list li li.sfHover li a { background-color: #EDEDED ; color:#000; } .menu-list li li:hover li a, .menu-list li.currenttop li:hover li a{ background: #EDEDED; color:#000; } ul.menu-list li li:hover li:hover, .menu-list li li.sfHover li:hover a, .menu-list li.currenttop li.sfHover li:hover, .menu-list li.currenttop li.sfHover li:hover a { background-image: none; background-color: #000000 ; color:#facb00; } .menu-list li:hover, .menu-list li.sfHover, .menu-list a:focus, .menu-list a:hover, .menu-list a:active { color:#006685; outline: 0; } #menu-secondary .menu-list li { text-transform: none; } /*** arrows **/ .menu-list a.sf-with-ul { min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: none; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('/dafiles/OBCA/Furniture/optus.com.au/base/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .menu-list ul .sf-sub-indicator { background-position: -10px 0; } .menu-list ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .menu-list ul a:focus > .sf-sub-indicator, .menu-list ul a:hover > .sf-sub-indicator, .menu-list ul a:active > .sf-sub-indicator, .menu-list ul li:hover > a > .sf-sub-indicator, .menu-list ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('/dafiles/OBCA/Furniture/optus.com.au/base/images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } ul.menu-list li.currenttop a { color:#006685; } ul.menu-list li.currenttop li a { color:#000; } /********** Primary navigation */ #menu-primary.menu { /* This is to make sure the primary (top) menu overlays the secondary */ height: 31px; /* added by NBoehm 11 Nov */ } #menu-primary.menu ul.menu-list { width: 990px; } /********** Secondary navigation */ #menu-secondary.menu { /* This is to make sure the secondary menu overlays the tertiary */ /* border-bottom: solid 2px #BFBFBE; removed by NBoehm 11 Nov */ background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/menu-secondary-bg.gif) transparent top left repeat; border: solid 1px #FFF; /* height added by NBoehm 11 Nov changed to min-height as IE7 accepts height as absolute height with menu line-items overflowing next html element (portlet heafer) */ min-height: 33px; height: auto; } /********** Tertiary navigation */ #menu-tertiary.menu { /* This is to make sure the tertiary menu underlays the primary and secondary */ border-bottom: solid 2px #6F6F6F; background-color: #C6C6C6; margin-top: 2px; padding-top: 2px; /* added by NBoehm 11 Nov */ height: 31px; /* added by NBoehm 11 Nov */ } #menu-tertiary.menu ul li { background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/menu-separator-billing.gif) #C6C6C6 top right no-repeat; } #menu-tertiary.menu ul li a { font-size: 0.8em; padding: .95em 1em 0.5em 1em; } /********** News */ #news { clear: both; padding: 0.3em 0; height: 20px; } #news #newsBack { display: block; height: 20px; width: 22px; background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/news-back.gif) transparent top left no-repeat; float: left; } #news #newsNext { display: block; height: 20px; width: 22px; background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/news-next.gif) transparent top left no-repeat; float: left; } #news-items { float: left; padding: 0.25em 0 0 1em; } #news-items li { font-size: 0.95em; color: #333; } #news-items li a, #news-items li a:link, #news-items li a:visited, #news-items li a:active, #news-items li a:hover { text-decoration: none; color: #333; } /********** Campaigns */ #campaigns { margin-top: 0.7em; position: relative; } #campaigns .primary { background-color: #000; margin-right: 260px; /* Has to balance with width property of #campaigns .secondary */ height: 191px; position: relative; } #campaigns .primary div { background-color: #000; width: 400px; color: #FFF; height: 191px; position: absolute; top: 0; right: 0; } #campaigns .primary div h4 { color: #FACB00; font-size: 0.6em; font-weight: bold; padding: 2em 2em 0 2em; text-transform: uppercase; } #campaigns .primary div h4 a { color: #FACB00; text-decoration: none; } #campaigns .primary div p { margin: 1em; font-size: 1.1em; } #campaigns .primary div p a, #campaigns .primary div p a:link, #campaigns .primary div p a:active, #campaigns .primary div p a:visited, #campaigns .primary div p a:hover { color: #FFF; text-decoration: none; } #campaigns .primary div.campaign-link { display: block; position: absolute; top: 160px; right: 15px; height: 17px; width: 100px; } #campaigns .primary div.campaign-link a { background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/find_out_more_black.gif) red top left no-repeat; height: 17px; width: 100px; display: block; } #campaigns .secondary { width: 250px; /* Has to balance with margin-right property of #campaigns .primary */ height: 92px; margin-bottom: 0.5em; position: absolute; font-size: 0.75em; font-weight: bold; color: #FFF; line-height: 1.1em; right: 0; } #campaigns #secondary-0 { top: 0px; background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/campaign-secondary-top-right.gif) #5D5D5D top right no-repeat; /* Upper right rounded corner */ } #campaigns #secondary-1 { top: 99px; background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/campaign-secondary-bottom-right.gif) #5D5D5D bottom right no-repeat; /* Lower right rounded corner */ } #campaigns .secondary h4 { padding: 0.5em 0 0 105px; font-size: 1.1em; line-height: 1.1em; font-weight: bold; } #campaigns .secondary h4 a:link, #campaigns .secondary h4 a:visited, #campaigns .secondary h4 a:active, #campaigns .secondary h4 a:hover { text-decoration: none; color: #FFF; } #campaigns .secondary p { color: #FACB00; font-size: 1.1em; padding: 0 0 0 105px; } #campaigns .secondary div.campaign-link { position: absolute; left: 106px; top: 75px; height: 13px; width: 72px; } #campaigns .secondary div.campaign-link a { background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/download_now_grey.gif) transparent top left no-repeat; height: 13px; width: 72px; display: block; } #campaigns .secondary img { position: absolute; top: 0; left: 0; } /********** Plain Overview boxes (the ones with plain headers without background shading) */ .in-content-overview-container-plain { margin-top: 10px; float: left; width: 100%; } .in-content-overview-container-plain .overview-box-item { float: left; position: relative; } .in-content-overview-container-plain .overview-box-content { padding-bottom: 10px; margin-left: 100px; margin-right: 5px; margin-top: 0px; margin-bottom: 0px; display: block; } .in-content-overview-container-plain .overview-box-item h6 { font-size: 17px; color: #006685; padding-bottom: 0px; padding-left: 0px; line-height: 1.1em; } .in-content-overview-container-plain .overview-box-item p{ margin: 0px; padding-top: 5px; padding-bottom: 5px; } .in-content-overview-container-plain .overview-box-item, .in-content-overview-container-plain.one-box-layout .overview-box-item { /* Sets width of boxes if container is defined as a single box container */ width: 99%; } .in-content-overview-container-plain.two-box-layout .overview-box-item { /* Sets width of boxes if container is defined as a two box container */ width: 49%; height: 98%; float: left; position: relative; } .in-content-overview-container-plain.three-box-layout .overview-box-item { /* Sets width of boxes if container is defined as a three box container */ width: 32%; } .in-content-overview-container-plain.four-box-layout .overview-box-item { /* Sets width of boxes if container is defined as a four box container */ width: 24%; } .in-content-overview-container-plain .overview-box-item .overview-box-image { width: 90px; float: left; } /********** Overview boxes (the ones with teal headers, white background and the full-width grey box) */ #overview-container, .in-content-overview-container { margin: 0.4em 0 1em 0; height: 1%; /* For IE6 which causes the b/g img to blot out everything */ } #overview-container { background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/overview-upper-right.gif) transparent top right no-repeat; } html>body #overview-container, html>body .in-content-overview-container { /* This is meant to counter the above IE6 hack, although the hack doesn't seem to break FF */ height: auto; } #overview-container h3{ background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/overview-upper-left.gif) transparent top left no-repeat; width: 8px; height: 8px; } .in-content-overview-container { float: left; width: 100%; } #overview-container .overview-box, .in-content-overview-container .overview-box { float: left; position: relative; } #overview-container .overview-box, #overview-container.one-box-layout .overview-box, .in-content-overview-container .overview-box, .in-content-overview-container.one-box-layout .overview-box { /* Sets width of boxes if container is defined as a single box container */ width: 99%; } #overview-container.two-box-layout .overview-box, .in-content-overview-container.two-box-layout .overview-box { /* Sets width of boxes if container is defined as a two box container */ width: 49%; } #overview-container.three-box-layout .overview-box, .in-content-overview-container.three-box-layout .overview-box { /* Sets width of boxes if container is defined as a three box container */ width: 32%; } #overview-container.four-box-layout .overview-box, .in-content-overview-container.four-box-layout .overview-box { /* Sets width of boxes if container is defined as a four box container */ width: 24%; } #overview-container #overview-container-inner, .in-content-overview-container #overview-container-inner { background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/overview-boxes-left.gif) transparent top left repeat-y; } #overview-container img, .in-content-overview-container img { float: left; margin: 0 0.5em 0 1em; } #overview-container p, .in-content-overview-container p { font-size: 0.95em; } .overview-box-content { margin: 0 1em 0 105px; /* This is not good, hard-coding the width of the image it's compensating for */ font-size: 0.9em; padding-bottom: 25px; } .content-box.floatable { float: left; width: 100%; margin-right: 5px; } .content-box.floatable .content-box-inner { float: left; width: 99%; } .overview-box-content h4 a { color: #006685; text-decoration: none; } .overview-box-link { display: block; position: absolute; right: 1em; bottom: 0; height: 19px; width: 105px; background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/find-out-more-white.gif) transparent top left no-repeat; } .overview-box-link span { display: block; overflow: hidden; height: 0; width: 0; } #overview-container #overview-footer { background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/overview-lower-right.gif) transparent bottom right no-repeat; height: 8px; clear: both; } #overview-container #endofoverview { background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/overview-lower-left.gif) transparent bottom left repeat-y; height: 8px; } /********** Content container layout */ #content-container { /* This div wraps around the entire content section, full width of page */ clear: both; margin-top: 0.5em; } /********** Content layout: Three column layout - 25:25:25:25 */ #col-0-of-four-col-layout { /* Left col */ float: left; width: 24%; } #col-1-of-four-col-layout { /* Right col */ float: right; width: 24%; } #col-2-of-four-col-layout { width: 24.5%; margin-left: 1%; float: left; } #col-3-of-four-col-layout { width: 24.5%; margin-right: 1%; float: right; } /********** Content layout: Three col layout - 25:50:25 */ #col-0-of-three-col-layout { /* Left col */ float: left; width: 24%; } #col-1-of-three-col-layout { /* Right col */ float: right; width: 24%; } #col-2-of-three-col-layout { /* Middle col */ height: auto !important; margin-left: 25%; margin-right: 25%; } /********** Content layout: One col layout (half) - 50 */ #col-0-of-one-half-col-layout { /* Middle col */ height: auto !important; margin-left: 25%; margin-right: 25%; } /********** Content layout: One col layout (full) - 100 */ #col-0-of-one-full-col-layout { /* Middle col */ height: auto !important; } /********** Content layout: Two col layout - 25:75 */ #col-0-of-two-col-left-sidebar-layout { /* Left col */ float: left; width: 24%; } #col-1-of-two-col-left-sidebar-layout { /* Middle col */ height: auto !important; margin-left: 25%; } /********** Content layout: Two col layout - 75:25 */ #col-0-of-two-col-right-sidebar-layout { /* Right col */ float: right; width: 24%; } #col-1-of-two-col-right-sidebar-layout { /* Middle col */ height: auto !important; margin-right: 25%; } /********** Main content column header */ #content-container #content-container-main .content-main-header { padding-bottom: 0.5em; padding-right: 0.5em; height: 72px; } #content-container #content-container-main .content-main-header img { float: left; width: 72px; height: 72px; } #content-container #content-container-main .content-main-header h3 { font-size: 1.5em; font-weight: bold; border-bottom: solid 2px #FACB00; margin-bottom: 0.8em; margin-left: 80px; } #content-container #content-container-main .content-main-header p { margin-left: 80px; } /********** Content boxes: Comes in Text (black header), Tool (grey background), Page (teal & yellow headings, no borders), Underlined and Tabs */ .content-box { position: relative; height: 1%; } .content-box.hideable h4 { /* Making room for minimise button */ padding-right: 1.4em; } .hideable-content-toggle { margin: 0px; padding: 0px; } .content-box h4 { /* Generic font styling across all content box headers */ padding: 0.7em 0.2em 0.4em 0.6em; font-size: 1.15em; font-weight: bold; } .content-box .content-box-inner table { border-bottom: none; } .content-box .content-box-inner table tr { vertical-align: top; /* Override greedy border in obportal */ border-bottom: none; } .content-box-inner p { margin: 0.5em 0; line-height: 1.1em; } #content-container p { padding-top: 5px; padding-bottom: 5px; } .content-container p { float:left; } /* This exists to prevent nested inner boxes resulting in consecutively smaller font sizes */ .content-box-inner .content-box-inner { font-size: 1em !important; } .content-box.tool { _margin-right: 10px; } .content-box.page { margin-bottom: 0.7em; min-height: 90px; } .content-box.page img.page-icon { float: left; margin: 0 0.5em 0.5em 0; } .content-box.tool { /* Background specific to tool-type boxes */ background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/tool-box-right.gif) transparent bottom right no-repeat; } .content-box.underlined { border-bottom: 1px solid #a6a6a6; margin-bottom: 20px; float: left; } .content-box.tabs { background-color: #000; } .content-box .content-box-inner { height: 1%; } .content-box .content-box-inner *{ /* Resets children elements so font size doesn't continue to decrease through inheritance */ font-size: 1em; } .content-box .content-box-inner td { padding: 0.6em; } .content-box .content-box-inner a, .content-box .content-box-inner a:link, .content-box .content-box-inner a:visited, .content-box .content-box-inner a:active, .content-box .content-box-inner a:hover { /* Black hyperlinks in boxes */ color: #000; } .content-box.tool, .content-box.tool .content-box-inner { /* Tool box border colour */ border-color: #000; } .content-box.tabs .content-box-inner { border-top: solid 3px #FACB00; background-color: #FFF; } .content-box.tool, .content-box.tool .content-box-inner { /* Tool box non-default background */ background-color: #D0D5D1 !important; border-top: 0px !important; } .content-box.hub h4 { background-color: #000; color: #FFF; _width: 993px; } .content-box.tool h4 { /* Tool box header */ background-color: #000; color: #FFF; } .content-box.page h4 { /* Page box header */ color: #006685; border-bottom: solid 2px #FACB00; font-size: 1.25em; padding: 0; margin-bottom: 1em; } .content-box.page.results h4 { color: #000; text-transform: uppercase; } /********** OBPortal style overrides */ .obportal-form { /* Have to override obportal.css style because of browser conflicts.*/ /* Commented out due to now breaking obportal - retain incase need to reimplement width: auto !important; display: block !important; */ margin-bottom: 10px; margin-top: 20px; } /* .obportal-form:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } */ /********** Content box hide panel accessibility styling */ .hide-box { position: absolute; top: 10px; right: 5px; width: 15px; height: 15px; margin: 0px ! important; padding: 0px ! important; } .hide-box a { display: block; width: 15px; height: 15px; background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/minimise.gif) transparent top left no-repeat; } .snippet-container .hide-box { top:6px; right: 4px; } /********** Breadcrumbs */ #breadcrumbs { background-color: #5D5D5D; padding: 1.1em 1em 0 1em; height: 30px; } #breadcrumbs li { display: inline; border-left: solid 1px #FFF; padding: 0 1em; font-weight: bold; font-size: 0.95em; text-decoration: none; color: #FFF; } #breadcrumbs li a, #breadcrumbs li a:link, #breadcrumbs li a:visited, #breadcrumbs li a:active { text-decoration: none; color: #FFF; } #breadcrumbs li a:hover { text-decoration: underline; } /********** Footer */ #footer { position: relative; height: 60px; /* If changed, needs to be changed on clear-footer and container also */ clear: both; text-align: left; } #footer-push { height: 60px; /* Must match height of footer */ } #footer-links { background-color: #000; padding: 1.3em 1em 0 1em; height: 30px; } #footer-links li { border-left: solid 1px #FFF; display: inline; padding: 0 1em; font-weight: bold; font-size: 0.95em; text-decoration: none; color: #FFF; } #footer-links li a, #footer-links li a:link, #footer-links li a:visited, #footer-links li a:active { text-decoration: underline; color: #FFF; } #footer-links li a:hover { text-decoration: underline; } /********** Generic SelectCustomizer and other fancy copied-and-pasted styles */ .selectwrapper { margin-top: 0px; margin-left: 1px; background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/select_dropdown_bg.gif) top left repeat-y; padding-right: 1px; display: none; position: absolute; width: 217px; border-bottom: 1px solid #000; } .selectwrapper.small { width: 127px !important; background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/select_dropdown_bg_small.gif) top left repeat-y !important; } .selectwrapper .selectitems { padding: 3px; margin-left: 2px; border-bottom: solid 1px #DDD; color: #000; } .selectwrapper .last { border: none; } .selectwrapper .selectitems span { padding-left: 5px; } .selectwrapper .hoverclass { background-color:#FACB00; cursor: pointer; } .selectwrapper .selectedclass { background-color: #FACB00; } .inputbox { background: none; width: 180px; margin-left: 6px; border:0; margin-top: 3px; font: 10px/100% Arial; color: #5D5D5D; } .searchInput { background: transparent url(/dafiles/OBCA/Furniture/optus.com.au/obportal/images/search-input.gif) no-repeat; /* padding-left:10px; */ vertical-align:top; } .fancy { width: 209px; height: 17px; padding-top: 3px; padding-left: 10px; background: url('/dafiles/OBCA/Furniture/optus.com.au/base/images/select_bg.gif') no-repeat; font-size: 10px; color: #5D5D5D; margin-top: 2px; margin-bottom: 0px; } .fancy.small { width: 119px !important; background: url('/dafiles/OBCA/Furniture/optus.com.au/base/images/select_bg_small.gif') no-repeat !important; } .clickable { cursor: pointer; } .without-padding { padding: 0px !important; margin: 0px !important; } .without-padding ul, .without-padding li { padding: 0px !important; margin: 0px !important; } .with-scroll { height: 150px; overflow-y: auto; background-color: #FFF; } .print-icon { background: url('/dafiles/OBCA/Furniture/optus.com.au/base/images/Icons-mini-action_print.gif') no-repeat; float: right; width: 25px; height: 16px; cursor: pointer; font-size: 11px; text-align: right; margin-top:7px; } .email-icon-public { float: right; width: 59px; background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/email-icon-public.jpg) right no-repeat; padding-left: 15px; margin-bottom: 10px; } .print-icon-public { float: right; width: 53px; background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/print-icon-public.jpg) right no-repeat; padding-left: 15px; margin-bottom: 10px; } .print-icon-public a, .email-icon-public a { text-decoration: underline !important; color: #006685 !important; } .tags-public { float: left; width: 60%; padding-bottom: 10px; } .tags-public a { text-decoration: underline !important; color: #006685; } .tags-public a:focus { text-decoration: none !important; } .info-icon { /* float: right; */ margin-right: 10px; margin-top:7px; position: absolute; right: 0; } .inline-link { font-weight: bold; padding-bottom: 30px; } .left-inner { float: left; height: 30px; } .highlighted-text { background-color: #FDCD08; text-align: center; float: right; padding:0px; margin-bottom: 1px; } .variable-height { height: auto !important; } /********** jQuery UI Dialog styles; mostly copied-and-pasted from old */ .ui-dialog { position: relative; padding: .2em; width: 300px; } .ui-dialog .ui-dialog-titlebar {border: 1px solid #000; background: #fdcd08; font-weight: bold; padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/close.gif) center right no-repeat; position: absolute; right: 4px; top: 50%; width: 19px; margin-top: -10px; _margin-top: -14px; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: none; margin: 1px; } /* was display:block, changed by NBoehm 10 Nov */ .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 1px solid #000; border-top: none; padding: .5em 1em; background: #FFF; overflow: -moz-scrollbars-vertical; overflow-x: auto; overflow-y: scroll; zoom: 1; line-height: 1.1em; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/resize.gif) center right no-repeat #FFF ; width: 14px; height: 14px; right: 3px; bottom: 3px; padding-right: 1px; padding-bottom: 1px; position: absolute; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /********** Tabs */ .tabs a { color:#facb00; font-size:15px; font-weight:bold; } .tabs a:hover { color:#fff; } .tabs .ui-tabs-nav { list-style: none; overflow: hidden; } * html .tabs .ui-tabs-nav { margin-left: -3px; } .tabs .ui-tabs-nav li { display: inline; background-color: #000; height: 30px; line-height: 30px; } .tabs .ui-tabs-nav li a { text-decoration: none; padding: 4px 10px 0px 10px; white-space: nowrap; border-bottom: solid 4px #000; cursor: pointer; } .tabs .ui-tabs-nav li.ui-tabs-selected a { border-bottom-color: #FACB00; } .tabs .ui-tabs-nav li.ui-tabs-selected a, .tabs .ui-tabs-nav li.ui-state-disabled a, .tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#FFF; } .tabs .ui-tabs-panel { display: block; } .ui-tabs-panel,.ui-tabs-panel a, .ui-tabs-panel a:hover { color:#000; font-size:11px; font-weight:normal; } .tabs .ui-tabs-hide { display: none !important; } /********** Button Style Tab Overrides */ .button-style-tabs h5 { color: #ffd100; font-size: 21px; line-height: 1em; padding-left: 20px; padding-top: 15px; text-transform: uppercase; } .button-style-tabs h6 { color: #fff; font-size: 12px; padding-left: 20px; padding-bottom: 10px; } .button-style-tabs a { color: #000; } .button-style-tabs .ui-tabs-nav li a { border-bottom: 0px; font-size: 13px; outline: none; border: none; padding: 2px 2px 0px 2px; } .button-style-tabs .ui-tabs-nav li { margin-left: 0.5px; margin-right: 0.5px; padding-bottom:8px; height: auto; background: #FFD100; } .button-style-tabs .ui-tabs-nav { padding-left: 20px; height: 30px; background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/title_bar_quadrant_black.png) 100% 100% no-repeat #000; } .button-style-tabs .ui-tabs-nav li.ui-tabs-selected a, .button-style-tabs .ui-tabs-nav li.ui-state-disabled a, .button-style-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #006685; } .button-style-tabs a:hover { color: #006685; } .button-style-tabs li.ui-tabs-selected { background: #ffffff; } .button-style-tabs li .middle-text{ padding-top: 3px; display: inline; } .button-style-tabs .start-curve { background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/subnav_tab_quadrant_lhs_yellow.png) 0 0 no-repeat #ffd100; display: inline; padding-left: 3px; padding-top: 5px; } .button-style-tabs .end-curve { background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/subnav_tab_quadrant_rhs_yellow.png) 100% 0 no-repeat #ffd100; display: inline; padding-right: 3px; padding-top: 5px; } .button-style-tabs .ui-tabs-selected .start-curve { background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/subnav_tab_quadrant_lhs_white.png) 0 0 no-repeat #ffffff; display: inline; padding-left: 3px; padding-top: 5px; } .button-style-tabs .ui-tabs-selected .end-curve { background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/subnav_tab_quadrant_rhs_white.png) 100% 0 no-repeat #ffffff; display: inline; padding-right: 3px; padding-top: 5px; } .content-box.button-style-tabs .content-box-inner { border-top: 0px; border-right: 0px; padding-left: 0px; font-family: verdana; height: 1%; } .content-box.button-style-tabs .content-box-inner .section-header{ font-size: 17px; font-weight: bold; color: #006685; background-color: #e6e6e6; width: 100%; } .content-box.button-style-tabs .content-box-inner h4{ font-size: 17px; font-weight: bold; color: #006685; background-color: #f0f0f0; padding: 5px 0 5px 20px; margin-top: 10px; margin-bottom: 10px; } .content-box.button-style-tabs .content-box-inner h3{ font-size: 17px; color: #006685; padding: 5px 0 5px 20px; } .content-box.button-style-tabs .content-box-inner ul li{ list-style-type: square; margin-left: 13px; } .content-box.button-style-tabs .content-box-inner .paragraph-sub-header { padding: 10px 0px 2px 20px; font-size: 12px; font-weight: bold; } .content-box.button-style-tabs .content-box-inner .content-sub-header { background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/subtitle_bar_quadrant_grey.png) #F0F0F0 100% 100% no-repeat; color:#006685; font-size:13px; font-weight:bold; margin-bottom:10px; margin-top:10px; padding:5px 0 5px 20px; } .results-table .VerityHit { font-weight: bold !important; } .results-table .price-column{ width: 110px; } .results-table, .summary-table { margin-bottom: 15px; margin-top: 15px; } .results-table th { background-color: #ffd100; color: #000000; } .results-table td, .summary-table td { border-left: 1px solid #d8d8d8 !important; padding: 9px; vertical-align: top; font-size: 11px; } .results-table.with-row-borders td, .summary-table.with-row-borders td { border-bottom: 1px solid #d8d8d8; } .results-table th { border-left: 1px solid #ffffff; padding-left: 20px; font-weight: normal; font-size: 12px; vertical-align: top; } .summary-table th { border-left: 1px solid #ffffff !important; padding-left: 20px !important; font-weight: normal; font-size: 12px; color: #ffffff !important; background-color: #000000 !important; } .results-table.without-padding th { border-left: 1px solid #ffffff; padding-left: 1px; padding-right: 1px; } .results-table.without-padding td { padding-left: 1px; padding-right: 1px; } .results-table td.first-column, .summary-table td.first-column { border-left: none !important; padding-left: 20px; } .results-table th.first-column, .summary-table th.first-column { border-left: none; } .results-table .data-type-column{ width: 70px; } .results-table .even, .summary-table .even { background-color: #f0f0f0; } .results-table .highlighted-icon, .summary-table .highlighted-icon { background-color: #F8F8F8 !important; vertical-align: middle; text-align: center; } .summary-table .last-column { background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/subtitle_bar_quadrant_black_nontransparent.png) #000 100% 100% no-repeat !important; } .results-table .last-column { background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/subtitle_bar_quadrant_yellow_nontransparent.png) #FFD100 100% 100% no-repeat !important; } .results-table .odd, .summary-table .odd { background-color: #ffffff; } .maximize-content-allowed table { padding-left: 0px important; padding-right: 0px important; } .maximize-content-allowed th, .maximize-content-allowed td { padding-left: 2px !important; padding-right: 2px !important; text-align:center !important; } .maximize-content-allowed-with-small-font th, .maximize-content-allowed-with-small-font td { font-size: 9px !important; } .without-row-borders th, .without-row-borders tr, .without-row-borders td { border: none !important; } .content-box.button-style-tabs .content-box-inner .maximize-content-allowed-with-small-font a, .content-box.button-style-tabs .content-box-inner .maximize-content-allowed-with-small-font a:link, .content-box.button-style-tabs .content-box-inner .maximize-content-allowed-with-small-font a:visited, .content-box.button-style-tabs .content-box-inner .maximize-content-allowed-with-small-font a:active, .content-box.button-style-tabs .content-box-inner .maximize-content-allowed-with-small-font a:hover, .content-box.button-style-tabs .content-box-inner .maximize-content-allowed-with-small-font th, .content-box.button-style-tabs .content-box-inner .maximize-content-allowed-with-small-font td { font-size: 9px !important; } .content-box.button-style-tabs .content-box-inner a, .content-box.button-style-tabs .content-box-inner a:link, .content-box.button-style-tabs .content-box-inner a:visited, .content-box.button-style-tabs .content-box-inner a:active, .content-box.button-style-tabs .content-box-inner a:hover{ color: #006685; font-weight: bold; } .content-box.tabs.button-style-tabs { border: none; padding-bottom: 0px; height: 1%; } .results-pager{ float:right; padding-top: 3px; padding-bottom: 10px; } .results-pager ul{ list-style: none; } .results-pager li{ display: inline; padding-left: 3px !important; margin-left: 2px !important; } .result-number{ padding-right: 5px; color: #006685; width: 15px; float: left; } .result-link{ width: 90%; float: left; } .result-text{ float: left; padding-top: 7px; width: 90%; } .result-text-row-header{ padding-top: 7px; font-size: 12px; } .result-text-row-header-standout{ padding-top: 7px; font-size: 12px; color: #006685; } .result-text-column-header{ padding-top: 7px; color: #006685; font-weight: bold; font-size: 13px !important; } .result-text-block-row { width: 100%; float: left; } .result-text-block { width: 46%; float: left; padding-bottom: 15px; } .result-text-block h5{ color: #006685; background-color: #D0D5D1; margin-right: 5px; padding-left: 15px; padding-top: 2px; padding-bottom: 2px; } .result-text-block ul a { text-decoration: none; } /********** Accordion */ .snippet .accordion h3 { background: #F4F4F4 url(/dafiles/OBCA/Furniture/optus.com.au/wp2/images/arrow_on_light_bkg.gif) no-repeat 0 5px !important; padding-top: 0px !important; padding-bottom: 0px !important; margin: 5px !important; font-size: 1.1em !important; width: auto !important; } .accordion h3 { background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/list-bullet-yellow.gif) no-repeat 0 0.2em; list-style-type: none; padding-left: 15px; font-weight: bold; margin: 0.5em 0 1.5em 0; text-decoration: underline; } .accordion div { margin-bottom: 2em; margin-left: 25px; } .ui-accordion .ui-accordion-header { cursor: pointer; } .optusSlider div { margin-left: 0px; } .optusSlider .ui-accordion .ui-accordion-header { cursor: pointer; margin-top: 1px; zoom: 1; } .optusSlider .ui-accordion .ui-accordion-li-fix { display: inline; } .optusSlider .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .optusSlider .ui-accordion .ui-accordion-header a { display: block; font-size: 1.15em; font-weight:bold; text-decoration:none !important; } .optusSlider .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .optusSlider .ui-accordion .ui-accordion-content { padding: 0px 25px; border-top: 0; margin-top: -2px; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } .optusSlider .ui-accordion .ui-accordion-content-active { display: block; } .optusSlider .ui-accordion h3 { font-size:11px; font-weight:bold; line-height:19px; margin-top:0px; padding-top:5px; margin-bottom:0px; padding-bottom:5px; margin-left:0px; text-decoration: none; } .optusSlider .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } .optusSlider .ui-widget input, #optusSlider .ui-widget select, #optusSlider .ui-widget textarea, #optusSlider .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } .optusSlider .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(../../obportal/images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } .optusSlider .ui-widget-content a { color: #222222/*{fcContent}*/; } .optusSlider .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(../../obportal/images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } .optusSlider .ui-widget-header a { color: #222222/*{fcHeader}*/; } .optusSlider .ui-state-default, #optusSlider .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(../../obportal/images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; outline: none; } .optusSlider .ui-state-default a, #optusSlider .ui-state-default a:link, #optusSlider .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; outline: none; } .optusSlider .ui-state-hover, #optusSlider .ui-widget-content .ui-state-hover, #optusSlider .ui-state-focus, #optusSlider .ui-widget-content .ui-state-focus { /* border: 1px solid #999999; background: #dadada url(../../obportal/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none;*/ } .optusSlider .ui-state-hover a, #optusSlider .ui-state-hover a:hover { /* color: #212121; text-decoration: none; outline: none; */} .optusSlider .ui-state-active, #optusSlider .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(../../obportal/images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; outline: none; } .optusSlider .ui-state-active a, #optusSlider .ui-state-active a:link, #optusSlider .ui-state-active a:visited { color: #212121/*{fcActive}*/; outline: none; text-decoration: none; } .content-box.button-style-tabs .content-box-inner .accordion h3 { color:#000000; font-size:12px; padding:2px 2px 2px 20px; background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/list-bullet-yellow.gif) transparent 0 0.2em no-repeat; text-decoration: none; } .content-box.button-style-tabs .content-box-inner .accordion.plus-minus h3 { background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/positive_icon.png) transparent 0 5px no-repeat; } .content-box.button-style-tabs .content-box-inner .accordion.plus-minus h3.ui-state-active { background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/minus_icon.png) transparent 0 5px no-repeat; } .content-box.button-style-tabs .content-box-inner .accordion.plus-minus p { margin: 0px; } .content-box.button-style-tabs .content-box-inner .accordion.plus-minus div { padding-left: 25px; margin-left: 0px; } /********** News and Overview expand/collapse special */ .news-expand { width:14px; height:14px; background:url(/dafiles/OBCA/Furniture/optus.com.au/base/images/restore.gif) no-repeat; position:relative; display:none; float:right; } .news-collapse { width:15px; height:15px; background:url(/dafiles/OBCA/Furniture/optus.com.au/base/images/minimise.gif) no-repeat; position:relative; float:right; } .overview-container-expand { width:15px; height:15px; background:url(/dafiles/OBCA/Furniture/optus.com.au/base/images/restore.gif) no-repeat; position:relative; display:none; float:right; } .overview-container-collapse { width:15px; height:15px; background:url(/dafiles/OBCA/Furniture/optus.com.au/base/images/minimise.gif) no-repeat; position:relative; float:right; } /********** Results */ /* Will be overriden after WPII */ .result-content h6 { font-weight:bold; } .result-content .result-content-item-right a { color: #006685; } .float-wrapper { height:1%; overflow:hidden; position:relative; } .result-header-showing { float:left; width:53%; } .result-header-view { float:right; margin-right:2%; width:60px; } .result-content { margin:0 10px; } .result-content-item { background:transparent url(../images/result-separator.gif) repeat-x scroll center top; margin:15px 0 0; padding:15px 0 0; } .result-content-item-left { float:left; width:24%; } .result-content-item-right { float:right; width:24%; } .result-content-item-center { margin-left:25%; width:50%; } .result-device-content-item-left { float:left; width:15%; } .result-device-content-item-center-right { float:right; margin-right:2%; width:30%; } .result-device-content-item-right { float:right; width:5%; } .result-device-content-item-center { margin-left:16%; width:45%; } .result-more-text a { color:#006685; font-weight:bold; text-decoration:none; } .result-more-text a:hover { text-decoration:underline; } .result-partner-content-item-left { float:left; width:25%; } .result-partner-content-item-center { margin-left:27%; width:70%; } .result-partner-item-content-area-left { float:left; width:25%; } .result-partner-item-content-area-center { margin-left:27%; width:73%; } /********** Optus table */ .optus-table { border-bottom:3px solid #FFD100; border-spacing:0; margin:10px 0; } .optus-table-Header { background-color:#FFD100; color:#006685; font-weight:bold; text-align:center; } .optus-table-Header td { padding:10px 15px; } .optus-table-Header-Black { background-color:#000000; color:#FFFFFF; font-weight:bold; text-align:center; } .optus-table-Header-Black td { padding:10px 15px; } .optus-table-Content { color:#000000; text-align:center; } .optus-table-Content td { padding:3px 5px; } .rowContent td { border-top:1px solid #000000; } .optus-table-Content-RowHeader { background-color:#E0E2E2; white-space:nowrap; } .optus-table-Content-RowHeader td { } /********** Lightbox */ .lightbox-inner-container{ width: 100%; } #filter { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 2000px; background-color: #000; z-index: 500; opacity:0.8; filter: alpha(opacity=50); } .box-content { display: none; position: absolute; top: 15%; left: 20%; width: 600px; height: 450px; padding: 0; margin:0; border: 1px solid black; background-color: white; z-index: 600; overflow: auto; text-align:left; } .box-content-active { display: none; position: absolute; top: 2%; left: 20%; width: 600px; height: 450px; padding: 0; margin:0; border: 1px solid black; background-color: white; z-index:600; overflow: auto; text-align:left; } .box-content-active h4, .box-message h4, .box-login h4 { color:#fff; font-size:16px; font-weight:bold; text-align:left; background-color: #000; padding: 8px 0 4px 8px; margin: 0px; } .box-content-small { display: none; position: absolute; top: 15%; left: 20%; width: 600px; height: 250px; padding: 0; margin:0; border: 1px solid black; background-color: white; z-index:600; overflow: auto; } .box-message { display: none; position: absolute; top: 30%; left: 30%; width: 400px; height: 200px; padding: 0; margin:0; border: 1px solid black; background-color: white; text-align: left; z-index:600; } .box-login { display: none; position: absolute; top: 30%; left: 30%; width: 350px; height: 330px; padding: 0; margin:0; border: 1px solid black; background-color: white; z-index:600; } .box-login a { color:#006685; text-decoration:none; } .box-login p.restricted { padding-bottom: 8px; } .boxheader-content { float:left; display:inline; padding:0; padding-top:8px; padding-left:8px; margin:0; margin-right:0px; border-bottom:1px solid black; background-color: #000; color:white; font-weight: bold; font-size:16px; text-align:left; width: 98%; } .boxheader-message { float:left; display:inline; height:20px; padding:0; padding-top:8px; padding-left:8px; margin:0; margin-right:0px; border-bottom:1px solid black; background-color: #000; color: #ffd100; font-weight: bold; font-size:16px; text-align:left; } .boxclose { float:right; position:absolute; top: 0; right: 0; padding-top:3px; width:20px; height:20px; } .boxcontent { position:absolute; top:30px; left:0; right:0; bottom:0; margin:0; padding: 10px; overflow: auto; } .boxcontent-noscroll { position:absolute; top:30px; left:0; right:0; bottom:0; margin:0; padding: 10px; overflow: visible; } .boxtitle { padding-bottom: 5px; } /********** Page control buttons */ .pageControl { margin: 5px 2%; padding: 5px 0; float:left; width:27.8%; text-align:center; background:#ededed; border:#999 1px solid; text-decoration:none; } .pageControl a { text-decoration:none; } .pageControl:hover { background:#dddddd; } /********** Tag clouds */ .content-box.tag-cloud .content-box-inner table tr td{ text-align: center; line-height: 16px; } .content-box.tag-cloud .content-box-inner a, .content-box.tag-cloud .content-box-inner a:link, .content-box.tag-cloud .content-box-inner a:visited, .content-box.tag-cloud .content-box-inner a:active { /* Primary style */ text-decoration:none; color:#006685; } .content-box.tag-cloud .content-box-inner a:hover { /* Primary hover style */ color: #551A8B; } /* These "vgn-" class names are generated from the vignette application, we are overriding their appearances here */ .content-box.tag-cloud .content-box-inner .vgn-tag1 a, .vgn-tag1 { padding: 1px; margin: 1px; font-size: 10px; } .content-box.tag-cloud .content-box-inner .vgn-myTag1 { background-color:#FFFFCC; font-size: 10px; } .content-box.tag-cloud .content-box-inner .vgn-tag2 a, .vgn-tag2 { padding: 1px; margin: 1px; font-size: 12px; } .content-box.tag-cloud .content-box-inner .vgn-myTag2 { background-color:#FFFFCC; font-size: 12px; } .content-box.tag-cloud .content-box-inner .vgn-tag3 a, .vgn-tag3 { padding: 1px; margin: 1px; font-size: 15px; } .content-box.tag-cloud .content-box-inner .vgn-myTag3 { background-color:#FFFFCC; font-size: 15px; } .content-box.tag-cloud .content-box-inner .vgn-tag4 a, .vgn-tag4 { padding: 1px; margin: 1px; font-size: 19px; } .content-box.tag-cloud .content-box-inner .vgn-myTag4 { background-color:#FFFFCC; font-size: 19px; } /* .vgn-ext-ice-floatee-menu-outer-div { top: -195px !important; } */ /********** Table related styles */ .table-col-attachments { float:left; width:99%; border:#999 1px solid; padding-top: 8px; padding-left: 8px; } .table-col-attachments-row { width:99%; height: 40px; } .table-col-attachments-viewed { padding-top: 8px; } /********** Other styles */ .paragraph{ padding: 10px 0px 10px 15px; font-size: 11px; } .versions-text { float: left; width: 70px; height: 40px; padding-right:3px; padding-left: 3px; padding-top: 3px; display: none; } .sort-column-up a { float: left; color: #fff !important; text-decoration: none; padding-right: 30px; background:url(/dafiles/OBCA/Furniture/optus.com.au/base/images/up-arrow.jpg) no-repeat right; } .sort-column-down a { float: left; color: #fff !important; text-decoration: none; padding-right: 30px; background:url(/dafiles/OBCA/Furniture/optus.com.au/base/images/down-arrow.jpg) no-repeat right; } .filter-cover-visible { display: block !important; } .not-visible { display:none !important; } .spacer { height: 20px; width: 100%; display: block; } .spacer-invisible { width: 100%; height: 1px; float: left; } .spacer-visible { width: 100%; height: 20px; float: left; } .spacer-visible-fixed { width: 100%; height: 10px; } .view-request-bills-body .obportaltable { display: block; } .view-request-bills-body .content-area { display: inline; float:right; margin-right: 2px; } .mobile-services-body .obportal-form { margin-top: 0px !important; padding-left: 7px; /* new float: left; */ } .mobile-services-body .obportaltable .with-scroll { height: 320px; overflow-x: hidden; overflow-y: auto; position: relative; } .mobile-services-body .obportaltable .services-list td { padding-left:7px; } .mobile-services-body .obportaltable .with-scroll td{ padding-left: 7px; } .mobile-services-body .obportaltable td { padding: 0px; } .mobile-services-body .obportaltable .table-headings { height:30px; } .mobile-services-body .print-view-text { display: none !important; } #content-container .content-heading-text-header { border-bottom: 2px solid #FFD100; padding-bottom: 5px; color: #000; font-size: 20px; font-weight: bold; margin-bottom: 10px; line-height: 14px; } #content-container .content-heading-text-subheader { padding-bottom: 5px; color: #000; font-size: 12px; font-weight: normal; margin-bottom: 1px; line-height: 14px; } #content-container .content-main-header-text-light { border-bottom: 2px solid #FFD100; padding-bottom: 5px; color: #006685; font-size: 15px; font-weight: bold; margin-bottom: 15px; line-height: 14px; padding-top: 5px; padding-left: 20px; width: 208px; } #content-container .content-heading-text-light { border-bottom: 2px solid #FFD100; padding-bottom: 5px; padding-left: 15px; padding-right: 15px; color: #006685; font-size: 15px; font-weight: bold; margin-bottom: 10px; margin-left: 0px; line-height: 14px; width: 208px; float: left; } /* new */ .floatable { float: left !important; } .notdisplayed { display: none !important; } .standout-links li { padding-left: 0px !important; padding-bottom: 10px; list-style-image: none !important; list-style-type: none !important; } .standout-links a { text-decoration: none; color: #000000 !important; font-weight: normal !important; background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/arrow_on_white.gif) center left no-repeat; padding-left: 30px; line-height: 1.6em; } .download-links a { text-decoration: underline; color: #000000 !important; font-weight: normal !important; background: url(/dafiles/OBCA/Furniture/optus.com.au/base/images/icon_download.png) top right no-repeat; padding-right: 20px; } .download-links li { padding-left: 0px !important; margin-left: 0px !important; padding-bottom: 10px; list-style-image: none !important; list-style-type: none !important; } .header-search-field { background:#FFFFFF url(/dafiles/OBCA/Furniture/optus.com.au/base/images/search-bg.png) no-repeat scroll left top; height:19px; position:absolute; right:10px; top:50px; } .header-search-field input { border: 0 none; float: left; font-size: 0.8em; height: 16px; margin-left: 6px; margin-top: 3px; width: 190px; } .header-search-field img { height: 19px; } /* print view, apply the following, plus add floatable class to the content-box text */ /* screen view */ .mobile-services-body .content-area { float: left; border: 1px solid #DEDDDD; } .mobile-services-body .obportaltable { float: left; padding-left: 15px; margin-top: 0px; } .mobile-services-body .obportal-form .columnlabel { width: 150px; } /* Baynote recommendation styles */ .bn_g_container {} .bn_g_area {} .bn_g_welcome { display:none; } .bn_g_results_list {} .bn_g_result { list-style-type: none; margin: 7px 2px; padding-left: 15px; /* or whatever you need for you image */ background: #f4f4f4 url(/dafiles/OBCA/Furniture/optus.com.au/wp2/images/arrow_on_light_bkg.gif) no-repeat scroll 0 3px; } .bn_g_result_title {} .bn_g_result_link a , .bn_g_result_link { color:#333333 !important; font-size:1.1em; text-decoration:none !important; } .bn_g_result_link:hover { text-decoration: underline !important; } .bn_g_result_terms { display:none; } .bn_g_details_text { display:none; } .bn_g_footer { display:none; } .bn_g_result_attributes { display:none; } /* End baynote recommendation styles */ /* search results pagination links */ .content-container ul.form-buttons-rhs { display: block; width: auto; } ul.form-buttons li, ul.form-buttons-rhs li { list-style-type: none; background: none; display: inline; } ul.form-buttons-rhs li a,ul.form-buttons-rhs li a:hover,ul.form-buttons-rhs li a:visited { text-decoration: none; background: url('/dafiles/OBCA/Furniture/optus.com.au/wp2/images/arrow_on_white_right.gif') right no-repeat; padding: 0 15px 0 0; margin: 0 5px; height: 20px; line-height: 20px; color: #000 !important; } ul.form-buttons-rhs.reversed li a,ul.form-buttons-rhs.reversed li a:hover,ul.form-buttons-rhs.reversed li a:visited { background: url('/dafiles/OBCA/Furniture/optus.com.au/wp2/images/arrow_on_white_left.gif') left no-repeat; padding: 0 0 0 15px; margin: 0px 5px 0px 5px; }