/********************************************** Supreme Court of Victoria - Layout style-sheet Version 1.0 11/12/06 **********************************************/ .row { voice-family: "\"}\""; /* hide the following rules from IE5 */ voice-family: inherit; overflow: hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */ } * html .row { height:1%; } #utility { height: 27px; width: 100%; } #footer { margin-top:-15px; background-color:#fff; } .right { float: right; } .left { float: left; } #search { float: right; margin-top: 3px; margin-right: 3px; /* use negative margins to bring positioning back */ } #utility ul { float: left; } #banner-home { height: 150px; } #banner { height: 60px; } /*-- main content area --*/ #left { float: left; width: 210px; margin: 0 0 0 0px; } .layout-a #content { margin: 2px 4px 0 0; padding: 10px 4px; } html>body .layout-a #content { height: auto; } .layout-a #right { float: right; width: 194px; margin: 0 3px 0 0; } .layout-b #content { margin: 2px 4px 0 4px; padding: 0 4px 10px 0; } html>body .layout-b #content { height: auto; } .layout-b #right { float: right; width: 170px; margin: 0 3px 0 0; } .layout-c #content { margin: 2px 4px 0 4px; padding: 0 4px 10px 0; } /********************************************** Supreme Court of Victoria - Screen style-sheet Version 1.0 11/12/06 **********************************************/ /*-- Common HTML Element Styling --*/ * { margin: 0; padding: 0; } body { color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 140%; } a img { border: 0; } a:link { color: #646400; text-decoration: underline; } a:visited { color: #703801; text-decoration: underline; } a:hover, a:focus, a:active { /* this colour needs to be changed to something with more contrast against white */ color: #797905; text-decoration: none; } .print-only {display: none;} h1 {font-size: 160%; color: #333; font-family: Arial, Helvetica, sans-serif, Verdana; font-weight: bold; line-height: 120%;} h2 {font-size: 130%; color: #57572B; font-family: Arial, Helvetica, sans-serif, Verdana; font-weight: bold;} h3 {font-size: 120%; color: #57572B; font-family: Arial, Helvetica, sans-serif, Verdana; font-weight: bold;} h4 {font-size: 110%; color: #57572B; font-family: Arial, Helvetica, sans-serif, Verdana; font-weight: bold;} h5 {font-size: 100%; color: #000; font-family: Arial, Helvetica, sans-serif, Verdana; font-weight: bold;} h6 {font-size: 130%; color: #000; font-family: Arial, Helvetica, sans-serif, Verdana; font-weight: bold;} .subtitle {font-size: 80%; color: #444; font-family: Arial, Helvetica, sans-serif, Verdana; font-weight: bold; display: block; } .caption {font-size: 80%; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;} .quotation {font-size: 100%; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic;} .byline { font-size: 80%; color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; } #content .subtitle, h2, h3, h4, h5, h6 {margin-top: 10px;} ul {margin-bottom: 1em; } #content ul {margin: 1em 0;} #content .two-menu ul, #content #right ul, #content .inbody ul {margin-top: 0;} li {margin: 0 0 0.6em 20px; line-height: 140%;} ol { margin-left: 24px; } /* ol li { list-style: decimal; } */ p {margin-bottom: 1em;} #content p {margin: 1em 0; line-height: 140%;} #utility p, #banner p {margin: 40px; line-height: 100%;} /*-- General Classes --*/ .hide { /* use this class to hide anything you need for semantics but don't want to displayed, including print view */ height: 0; width: 0; overflow: hidden; position: absolute; } .hide-partial { /* use this class to hide anything you need for semantics but don't want to displayed, excluding print view*/ height: 0; width: 0; overflow: hidden; position: absolute; } .word, .pdf, .excel { list-style: none; padding: 0 0 0 15px; margin: 0 0 0 3px; } #content ul li.word, #content ul li.pdf, #content ul li.excel { list-style: none; padding-left: 15px; margin: 0 0 1em 20px; } .layout-b #content ul li.word, .word { background: transparent url(/resources/f/8/f8f8b2004049abac8255fbf5f2791d4a/word.gif) no-repeat 0 50%; } .layout-b #content ul li.pdf, .pdf { background: transparent url(/resources/6/e/6eaa51004049aba0823dfbf5f2791d4a/pdf.gif) no-repeat 0 50%; } .layout-b #content ul li.excel, .excel { background: transparent url(/resources/7/1/71944a004049ab7e81fbfbf5f2791d4a/legal-excel.gif) no-repeat 0 50%; } .info {font-size: 95%; color: #789095;} /*************************************** Form Styling --*/ .textfield, .pwfield, .dropdown, .textarea { font-family: Arial, Helvetica, sans-serif; font-size: 110%; border: 1px solid #789095; color: #333; padding: 3px; margin: 0 2px 3px 0; } .textfield { margin-top: -24px; } .width70 {width:70px;} .width1 {width:100px;} .width1-2 {width: 120px;} .width1-5 {width: 150px;} .width2 {width:200px;} .width2-5 {width:250px;} .width3 {width:300px;} .width3-5 {width:350px;} .textsize {font-size: 11px;} textarea.width1 {width:118px;} textarea.width2 {width:218px;} textarea.width2-5 {width:268px;} textarea.width3 {width:318px;} textarea.width3-5 {width:368px;} .above { display: block; margin: 0; padding: 0; } fieldset {border: none;} legend {font-size: 110%; font-weight: bold; padding-top: 10px;} /************************************************ Utility --*/ #utility { /*background: #666 url(/resources/5/8/58f157804049abb1825dfbf5f2791d4a/banner_title_top.jpg) repeat-x 0 0;*/ background-color:#333; } #utility a { color: #fff; } #search td { padding: 0 3px; } #search label { color: #fff; padding-left: 2px; } #search .textfield { padding: 0; } .search-button { margin: 2px 0 0 5px; } #utility ul li { display: inline; list-style: none; line-height: 25px; padding: 0 8px; margin: 0; background: url(/resources/7/f/7f4acf004049ab8081fffbf5f2791d4a/n_dot.gif) no-repeat 100% 2px; } html>body #utility ul li { padding: 0 15px 0 8px; } #utility a { font-weight: normal; background: transparent; } #utility a:link, #utility a:visited { text-decoration: none; } #utility a:hover, #utility a:focus, #utility a:active { text-decoration: underline; } #banner-home #links { height: 131px; overflow: hidden; } #links li { list-style: none; } #links li a { position: absolute; } #alt-text { top: 28px; left: 0; margin: 0; } #banner-home #alt-text { top: 28px; left: 0; margin: 0; } #alt-text span, #supreme-link span { position: absolute; margin-left: -1000px; } #banner-home #alt-text:hover, #banner-home #alt-text:focus, #supreme-link:hover, #supreme-link:focus { background: transparent; } #supreme-link { width: 240px; height: 50px; top: 28px; left: 0px; margin: 0; } #banner-home #supreme-link { width: 240px; height: 50px; top: 28px; left: 0px; margin: 0; } #banner-home { background: transparent url(/resources/7/0/70c9db004049abb38261fbf5f2791d4a/banner.jpg) no-repeat 0 0; } #banner { background: transparent url(/resources/1/d/1d8766804049ab7a81f3fbf5f2791d4a/banner.jpg) no-repeat 0 0; } #flash-header { text-align: right; margin: 0 0 0 0; } #footer {background-color: #fff;} #footer p {line-height: 20px; padding: 0 0px; color: #000; margin: 0;} #utility-contact h2 { display: none; } /************************************************ Panels --*/ #left { background-color:#333; } #left .top-border { height: 80px; background: transparent url(/resources/0/4/048cae804049ab968229fbf5f2791d4a/sc-entrance.jpg) no-repeat 0 0; } #left .bottom-border { height: 8px; background-color:#333; } /*** Styles for Focus On and Quick Links boxes ***/ .layout-a #content .box, .layout-a #right .box { clear:both; margin: 10px; border:1px solid #666634; } .layout-a #content .top-border, .layout-a #right .top-border { height: 20px; background-color:#666634; padding-top:5px; margin-bottom: 8px; } .layout-a #content .bottom-border, .layout-a #right .bottom-border { height: 8px; } .layout-a #content .box h2, .layout-a #content .box p, .layout-a #right h2, .layout-a #right h3, .layout-a #right p { margin: 0 10px; } .layout-a #content .box h2, .layout-a #right h2 { color:#FFFFFF; padding-bottom: 5px; font-size: 120%; font-weight: bold; } .layout-a #content .box br, .layout-a #right br { line-height: 8px; } /************************************************/ .layout-a #content p { margin: 0 14px 1em 14px; } .layout-a #content h1 { font-size: 160%; font-weight: bold; padding: 0 0 0 14px; margin-bottom: 10px;} #container { padding-top:0px; padding-bottom:20px; } #content { background: #fff; } .layout-b #content #breadcrumbs, .layout-c #content #breadcrumbs { border-bottom: 1px solid #ccc; margin: 0 0 1em 0; padding: 0 0 0 14px; line-height: 2em; background-color: #fff; font-size: 95%; } .layout-b #content #breadcrumbs a, .layout-c #content #breadcrumbs a { text-decoration: none; } .layout-b #content .inner { margin: 0 194px 1em 14px; } .layout-c #content .inner { margin: 0 15px 1em 14px; } .layout-b #content ul li, .layout-c #content ul li { list-style: none; padding-left: 15px; background: transparent url(/resources/0/c/0c7fbc004049b15d8df8fff5f2791d4a/bullet.gif) no-repeat 0 4px; } .layout-b #content ul.nobullets, .layout-c #content ul.nobullets { margin: 0; height: 1%; } .layout-b #content ul.nobullets li, .layout-c #content ul.nobullets li { background-image: none; margin: 0; padding: 0; line-height: 1.6em; } html>body .layout-b #content ul.nobullets li, html>body .layout-c #content ul.nobullets li { line-height: 2.6em; } .layout-b #content .subtitle, .layout-c #content .subtitle { margin-bottom: 0; } .layout-b #content .inbody h2, .layout-c #content .inbody h2 { font-size: 120%; color: #666634; padding-bottom: 5px; margin: 20px 0 5px 0; white-space: normal; background: transparent url(/resources/9/1/918181804049ae8e8816fbf5f2791d4a/horizontal-dots.gif) repeat-x 0 100%; } .layout-b #right .box { margin-bottom: 10px; } .layout-b #right h2 { background: transparent; padding: 0 0 0 5px; margin: 0; line-height: 20px; font-size: 1em; font-weight: bold; color: #333; background-color: #CCCC99; } .layout-b #content #right ul { padding: 0 0 7px 0; border: 1px solid #ccc;} .layout-b #right ul li { list-style: none; margin: 0.6em 1px 0 5px; padding: 0; background: none; line-height: 1.4em; } .layout-a #right ul li { list-style: none; margin: 0 5px 8px 10px; padding: 0; line-height: 1.4em; } .layout-a #right ul li.right-align { padding: 1.5em 0 0 100px; } .layout-a #left .box { padding: 0 5px 0 5px; margin: 0 15px 0 14px; border: 1px solid #000; background: #EEC87F; } /*********************************** Footer styling */ #footer { /*background: transparent url(/resources/6/3/635626004049ab9e8239fbf5f2791d4a/courts-footer-bg.jpg) repeat-x 0 0;*/ } #site-wide { float: left; padding: 0 12px 0 0; } #site-wide li { list-style: none; display: inline; margin: 0; padding: 0 0 0 10px; line-height: 21px; } #site-wide li a:link, #site-wide li a:visited { color:#646400; text-decoration: none; } #site-wide li a:focus, #site-wide li a:hover, #site-wide li a:active { text-decoration: underline; background: transparent; } p#last-updated { float: right; color: #000; line-height: 21px; text-align:right; padding-right:20px; } /*-- Page Utility --*/ #page-utility { margin: 40px 10px 0 11px; background: transparent url(/resources/d/8/d86d2f804049ab8d8219fbf5f2791d4a/safety_page_utils.jpg) no-repeat 0 0; height: 31px; } html>body #page-utility { margin: 0 10px 5px 10px; } #switcher { list-style: none; border: none; position: relative; } #page-utility #switcher li { display: inline; margin: 0 1px; padding: 0; font-size: 1px; width: 20px; height: 20px; } #page-utility #switcher li a { position: absolute; width: 21px; height: 25px; background: transparent; } #page-utility #switcher li #normal-text { position: absolute; margin: 3px 0 0 6px; } #page-utility #switcher li #medium-text { position: absolute; margin: 3px 0 0 28px; } #page-utility #switcher li #large-text { position: absolute; margin: 3px 0 0 50px; } #page-utility #switcher li #print { position: absolute; width: 61px; height: 25px; margin: 3px 0 0 115px; } #page-utility #switcher li a span { position: absolute; margin-left: -2000px; } #page-utility #switcher li a:hover { background-color: transparent; } #page-utility-noimg { margin: 40px 20px 0 0; } #page-utility-noimg #switcher li { margin-left: 15px; } #page-utility-noimg #switcher li a:link, #page-utility-noimg #switcher li a:visited { color: #fff; text-decoration: none; } #page-utility-noimg #switcher li a:hover { text-decoration: underline; } /*-- Thumnail image floats sections for homepage --*/ dl.thumbnail-square, dl.thumbnail-landscape { border: 1px solid #dadada; margin: 1em 14px 1em 0; padding: 5px; } html>body dl.thumbnail-square, html>body dl.thumbnail-landscape { voice-family: "\"}\""; /* hide the following rules from IE5 */ voice-family:inherit; overflow:hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */ } * html dl.thumbnail-square, * html dl.thumbnail-landscape { height:1%; } /* part of the CSS 'clearing hack' */ dl.thumbnail-square dt { width: 120px; float: left; padding-right: 0; } dl.thumbnail-square dd { margin-left: 188px; } dl.thumbnail-landscape dt { width: 180px; float: left; } dl.thumbnail-landscape dd { margin-left: 185px; } #content dl.thumbnail-square dd p { line-height: 120%; margin-left: 0;} dd.byline { padding-left: 0px; margin-top: 0.3em; margin-bottom: 0.5em; } dd.date { font-size: 90%; margin: 0 0 0 50px; } /*-- Separator for Contacts --*/ .separator { margin-top: -5px; height: 1px; width: 100%; background: transparent url(/resources/3/1/310666004049b0818c25fff5f2791d4a/separator_contacts.gif) no-repeat 50% 50%; margin: 0; voice-family: "\"}\""; /* hide the following rules from IE5 */ voice-family:inherit; overflow:visible; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */ } html>body .separator { overflow: hidden; } * html .separator { height: 1%; } /* part of the CSS 'clearing hack' */ .separator2 { border-bottom: 1px solid #ccc; margin: 0 0 1em 0; padding: 0 0 0 14px; line-height: 3em; background-color: #fff; font-size: 95%; } /*-- Style for tables --*/ td { padding: 3px; } #publication-info, #service-info, #title-summary, #title-only, #date-title { font-size: 100%; line-height: 160%; width: 99%; } #publication-info p, #service-info p, #title-summary p, #title-only p, #date-title p { margin:0 ; } #faq p { margin-top:0 ; } table#publication-info th, table#publication-info td, table#service-info th, table#service-info td { vertical-align: top; padding-bottom: 0.5em; text-align: left; } table#title-summary th, table#title-summary td, table#title-only th, table#title-only td, table#faq th, table#faq td, table#date-title th, table#date-title td { vertical-align: top; text-align: left; } #publication-info .leftcol { font-weight: bold; width: 16em; padding-right: 8px; } #service-info .leftcol { font-weight: bold; width: 17em; padding-right: 8px; } #title-summary .leftcol { font-weight: normal; width: 35%; padding-right: 20px; } #title-summary .rightcol { font-weight: normal; width: 60%; padding-right: 20px; } #date-title .leftcol { font-weight: normal; width: 25%; padding-right: 20px; } #date-title .rightcol { font-weight: normal; width: 75%; padding-right: 20px; } #title-only .leftcol { font-weight: normal; } #faq .leftcol-question { font-weight: bold; width: 2em; padding-right: 5px; } #faq .leftcol-answer { font-weight: normal; width: 2em; padding-right: 5px; } #faq .rightcol-question { font-weight: bold; } #faq .rightcol-answer { font-weight: normal; } .question { color:#BF1613; display: block; padding-bottom: 5px; } /**-- Style for Daily lists --*/ table#daily-list { padding-top: 0px; width: 99%; border-collapse: collapse; } #daily-list th, .menu th { color: #333; font-size: 120%; font-family: Arial, Helvetica, sans-serif, Verdana; } #daily-list td { padding-top: 0; } .daily-col { width: 30%; } .layout-b #daily-list ul, .layout-c #daily-list ul { margin-top: 0; } .layout-b #daily-list ul li, .layout-c #daily-list ul li { list-style: none; background: none; padding-left: 0; margin-left: 0; } .menu th { padding-top: 5px; } .menu td { padding: 0 5px 0 0; } html>body .menu td { padding-top: 5px; } /********************************************** Supreme Court of Victoria - Navigation style-sheet Version 1.0 11/12/06 **********************************************/ /********************************************************************* Horizontal Navigation Styling *********************************************************************/ #banner { position: relative; } #nav { top: 152px; left: 210px; padding: 0; list-style: none; line-height: 18px; position: absolute; } html>body #nav { left: 210px; } #nav li:hover, #nav li.over { overflow: visible; } #nav li { margin: 0; padding: 0; float: left; text-align: center; } #nav a { margin: 0; padding: 0 7px; font-weight: bold; height: 25px; float: left; line-height: 25px; } #nav a:link, #nav a:visited { color: #fff; text-decoration: none; } #nav a:hover, #nav a:focus, #nav a:active, #nav a:link.current, #nav a:visited.current { background: #cccc99; color: #000; } /********************************************************************* Left Menu Styling *********************************************************************/ #left ul { list-style: none; margin: 0; } html>body #left ul { list-style: none; margin: 5px 0px 50px 0 } #left ul li { display: block; margin: 0 0 0 2px; padding: 0; } /*-- First Level --*/ .left-first a { display: block; padding: 0.2em 0 0.2em 7px; margin: 0 10px 0 8px; background: transparent url(/resources/3/7/37d13c804049ab9a8231fbf5f2791d4a/left-nav-divider.gif) no-repeat 0px 100%; text-decoration: none; width: 188px; /*-- value for IE5 --*/ line-height: 1.3em; /*-- value for IE5 --*/ voice-family: "\"}\""; voice-family:inherit; width: 181px; /*-- value for standards based browsers --*/ line-height: 1.6em; /*-- value for standards based browsers --*/ } body>.left-first a { width: auto; } .left-first a:link, .left-first a:visited { text-decoration: none; color: #fff; } .left-first a:hover, .left-first a:focus, .left-first a:active { background: transparent url(/resources/3/7/37d13c804049ab9a8231fbf5f2791d4a/left-nav-divider.gif) repeat 5px 100%; color: #333; } .left-first a:link.current, .left-first a:visited.current { background: transparent url(/resources/3/7/37d13c804049ab9a8231fbf5f2791d4a/left-nav-divider.gif) repeat 5px 100%; font-weight: bold; color: #333; } /*-- Second Level --*/ .left-second { margin: 0; } .left-second a { display: block; padding: 0.2em 0 0.2em 8px; margin: 0 10px 0 8px; background: transparent url(/resources/3/7/37d13c804049ab9a8231fbf5f2791d4a/left-nav-divider.gif) repeat 0px 100%; text-decoration: none; width: 187px; /*-- value for IE5 --*/ line-height: 1.3em; /*-- value for IE5 --*/ voice-family: "\"}\""; voice-family:inherit; width: 180px; /*-- value for standards based browsers --*/ line-height: 1.3em; /*-- value for standards based browsers --*/ } html>body .left-second a { line-height: 1.8em; }/*-- overriding value for Gecko based browsers --*/ .left-second a:link, .left-second a:visited { text-decoration: none; color: #000; } .left-second a:hover, .left-second a:focus, .left-second a:active { background: #666634; color: #fff; } .left-second a:link.current, .left-second a:visited.current { background: #666634; color: #fff; font-weight: bold; } /*-- Third Level --*/ .left-third a { display: block; padding: 0.2em 0 0.2em 18px; margin: 0 8px 0 8px; background-image: none; text-decoration: none; color: #fff; background: #666634; width: 177px; /*-- value for IE5 --*/ line-height: 1.3em; /*-- value for IE5 --*/ voice-family: "\"}\""; voice-family:inherit; width: 170px; /*-- value for standards based browsers --*/ line-height: 1.3em; /*-- value for standards based browsers --*/ } html>body .left-third a { line-height: 1.8em; }/*-- overriding value for Gecko based browsers --*/ .left-third a:link, .left-third a:visited { text-decoration: none; color: #fff; } .left-third a:hover, .left-third a:focus, .left-third a:active { background: #F5FAF3; color: #000; } .left-third a:link.current, .left-third a:visited.current { background: #F5FAF3; color: #000; font-weight: bold; } /*-- Taken from Jim Thatcher's site --*/ ul li.skip { display: none; text-align: left; margin: 0; padding: 0; position: absolute; } /*All incl Opera*/ * html .skip { display: block; } /*Seen by IE* :root .skip { display: block; } /*Seen by Moz, FF and Safari*/ li.skip a { padding: 0 0.5em; z-index: 2; text-decoration:none; position: absolute; width: 12em; left: -200em; } li.skip a:focus, .skip a:active { position: absolute; left: 0.5em; top: -0.5em; border: solid #333 2px; color: #000; } .skip a:hover { cursor: default; } #utility #skipnav, #utility #jmpnav { background-color: #eec87f; color: #000; }/*-- Change the colours here --*/ /********************************************** Supreme Court of Victoria - Default Text Sizing Version 1.0 20/03/06 **********************************************/ body { font-size: 68%; } /********************************************* Used to hide elements **********************************************/ .hide { display: none;}/* CSS Document */