/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 17 March 2016 11:14:57
*/


/*******************************************************************************

    Main Stylesheet

    This sheet controls overall styling for the public LPI website.

*******************************************************************************/
/*******************************************************************************
    Basic style and page structure settings.
*******************************************************************************/
* {
    margin: 0;
    padding: 0
}
html {
    font-size: 100%
}
img {
    border: 0
}
.clear {
    clear: both
}
.left {
    float: left
}
.right {
    float: right
}
html, body {
    margin: 0;
    padding: 0
}
body {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0007/173527/bg.png) top repeat-x #FFF;
    color: #000;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px
}
/*******************************************************************************
    Overall text settings.

    Font wrapper - this wrapper is used as a frame around the entirety of
    content so all fonts are affected by the resize.js javascript.

    Default font size will be the declared percentage of the font size given in
    the body (in this case, 80% of 16px).
*******************************************************************************/
#fontWrapper, #fontWrapper li p, #fontWrapper td li p, #fontWrapper td li {
    font-size: 80%;
    position: relative;
}
#fontWrapper li, #fontWrapper td li {
    margin: 0 0 4px 0
}
p {
    display: block
}
br {
    height: 8px
}
ul, ol {
    margin: 0;
    padding: 0
}
td, th {
    padding: 4px
}
#mainContent ul, #mainContent ol {
    margin: 0 0 10px 26px
}
/*******************************************************************************
    Overall link settings.
*******************************************************************************/
a:link {
    color: #2F65B3;
    text-decoration: none
}
a:visited {
    color: #2F65B3;
    text-decoration: none
}
a:hover {
    border-bottom: 1px solid #2F65B3;
    color: #E21A23;
    text-decoration: none
}
a:active {
    color: #E21A23;
    text-decoration: none
}
/*******************************************************************************
    Overall heading settings.
*******************************************************************************/
p, h1 {
    margin: 0 0 10px 0
}
h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, sans-serif
}
h2, h3, h4, h5, h6 {
    margin: 10px 0
}
h1 {
    color: #133880;
    font-size: 180%;
    line-height: normal;
    margin: 0 auto 10px auto
}
h2 {
    color: #E21A23;
    font-size: 140%;
    line-height: normal; 
}
h2 a:link, h2 a:visited, h2 a:active {
    color: #E21A23
}
h2 a:hover {
    border-bottom: 1px solid #E21A23;
    color: #E21A23
}
h3 {
    color: #1948A6;
    font-size: 130%;
    line-height: normal
}
h3 a:link {
    color: #1948A6
}
h3 a:hover {
    border-bottom: 1px solid #1948A6;
    color: #E21A23
}
h4 {
    color: #363D4D;
    font-size: 120%;
    line-height: normal
}
h5 {
    color: #1F58CC;
    font-size: 115%;
    line-height: normal
}
h6 {
    color: #6B7A99;
    font-size: 110%;
    line-height: normal
}
/*******************************************************************************
    Main layout components.

    Container - provides the overall constraint for page width and centres
    content in browser window.

    Wrapper - provides the overall width constraint for visible content in both
    the header and body.
*******************************************************************************/
.container {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0008/173528/bg-footer.png) center bottom no-repeat #FFF;
    margin: 0 auto;
    margin-top:5px;
    padding: 0;
    width: 988px
}
.wrapper {
    clear: both;
    margin: 0 auto;
    width: 936px
}
/*******************************************************************************
    Page header styles.
*******************************************************************************/
#logo {
    float: left;
    height: 58px;
    margin: 17px 0 14px 0;
    width: 277px
}
#logo a {
    border: none
}
#logo img {
    display: block
}
#topMed {
    float: left;
    height: 93px;
    margin: 0 18px;
    width: 300px
}
#topContact {
    float: right;
    margin-top: 48px
}
#topContact a {
    border-bottom: none
}
#topRight {
    float: right;
    height: 93px;
    width: 300px
}
#search {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0009/173529/bg-searchbox.gif) no-repeat top right;
    height: 43px;
    margin: 0 0 14px 0;
    z-index: 100
}
#searchTable {
    float: left;
    height: 15px;
    margin-bottom: 14px;
    margin-left: 75px;
    margin-top: 7px;
    z-index: 100
}
#searchTable td {
    margin: 0;
    padding: 5px 0 0 0
}
#searchTable input[type="text"] {
    border: none
}
#searchTable label {
    display: none
}
#tools {
    float: right;
    margin: 1px 17px
}
.tool {
    float: left
}
/*******************************************************************************
   Top Menu.

   This is a modified version of Stu Nicholls' multi-level menu. More details
   and original code can be found at http://www.cssplay.co.uk/menus/pro_drop.html
   Top level menu items have fixed positions based on the class entered into
   metadata.

   Dynamic (drop down) menu items sourced using Matrix's normal menu generation.
   Original version has a fly-out component as well - this is not used here.
*******************************************************************************/
#multiLevel {
    height: 35px;
    max-height: 35px;
    position: relative;
    z-index: 100
}
#multiLevel .pad, .pad {
    float: left;
    height: 27px;
    width: 14px
}
#multiLevel .leftPad, .leftPad {
    float:left;
    height: 27px;
    width: 233px
}
#menuStart {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0019/173602/menu.png) left top no-repeat;
    height: 27px;
    width: 14px
}
#menuEnd {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0019/173602/menu.png) right top no-repeat;
    height: 27px;
    width: 14px
}
.menu, .menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    z-index: 100
}
.menu li.top {
    display: block;
    float: left;
    position: relative
}
#fontWrapper .menu li, #fontWrapper .menu ul li {
    margin-bottom: 0
}
.menu table {
    border-collapse: collapse;
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}
.menu li.top a.topLink {
    border: none;
    display: block;
    float: left;
    height: 35px
}
.menu a {
    border: none
}
.menu li.top a span {
    font-size: 10px;
    left: -9999px;
    position: absolute;
    top: 0;
    z-index: 0
}
/*******************************************************************************
    Top Menu buttons.

    The normal (non-hover) images are positioned 0 pixels from top, to display
    the first row of images in the sprite.

    The hover images are positioned 37 pixels from top, to display the
    second row of images in the sprite.
*******************************************************************************/
.menu li.p1 {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0019/173602/menu.png) -14px -37px no-repeat;
    width: 100px
}
.menu li.p2 {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0019/173602/menu.png) -114px -37px no-repeat;
    width: 130px
}
.menu li.p3 {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0019/173602/menu.png) -244px -37px no-repeat;
    width: 90px
}
.menu li.p4 {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0019/173602/menu.png) -334px -37px no-repeat;
    width: 172px
}
.menu li.p5 {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0019/173602/menu.png) -506px -37px no-repeat;
    width: 112px
}
.menu li.p6 {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0019/173602/menu.png) -618px -37px no-repeat;
    width: 85px
}
.menu li a#landtitles {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0019/173602/menu.png) -14px top no-repeat;
    width: 100px
}
.menu li a#valuations {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0019/173602/menu.png) -114px top no-repeat;
    width: 130px
}
.menu li a#surveying {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0019/173602/menu.png) -244px top no-repeat;
    width: 90px
}
.menu li a#mapping {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0019/173602/menu.png) -334px top no-repeat;
    width: 172px
}
.menu li a#publications {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0019/173602/menu.png) -506px top no-repeat;
    width: 112px
}
.menu li a#about {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0019/173602/menu.png) -618px top no-repeat;
    width: 85px
}
/*
** Style the list OR link hover. Depends on which browser is used.
*/
.menu a:hover {
    visibility: visible
}
/*
** For IE6.
*/
.menu li:hover {
    position: relative;
    z-index:200
}
/*
** For IE7.
** make the links transparent on hover so that the hover images in the lists
** show through (no flicker).
*/
.menu li a#landtitles:hover, .menu li:hover a#landtitles,
.menu li a#valuations:hover, .menu li:hover a#valuations,
.menu li a#surveying:hover, .menu li:hover a#surveying,
.menu li a#mapping:hover, .menu li:hover a#mapping,
.menu li a#publications:hover, .menu li:hover a#publications,
.menu li a#about:hover, .menu li:hover a#about {
    background: transparent
}
/*
** Keep the 'next' level invisible by placing it off screen.
*/ 
.menu ul, .menu :hover ul ul, .menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {
    height:0;
    left: -9999px;
    position: absolute;
    top:-9999px;
    width:0
}
.menu ul, .menu :active ul ul, .menu :active ul :active ul ul,
.menu :active ul :active ul :active ul ul,
.menu :active ul :active ul :active ul :active ul ul {
    height: 0;
    left: -9999px;
    position: absolute;
    top: -9999px;
    width: 0
}
/*
** Set up the first drop down sub level.
*/ 
.menu :hover ul.sub {
    background: #FFF;
    border:1px solid #0F3075;
    height:auto;
    left: 0;
    min-width: 221px;
    padding: 1px 0 0 0;
    top: 26px;
    z-index:100
}
.menu :hover ul.sub li {
    background: #FFF;
    border:1px solid #fff;
    border-width: 0 1px 1px 1px;
    display: block;
    float: left;
    height: auto;
    min-width: 219px;
    z-index: 100
}
.menu :hover ul.sub li a {
    color: #2F65B3;
    display: block;
    font-size: 12px;
    line-height: normal;
    margin: 0;
    padding: 3px 5px;
    text-decoration: none;
    width: auto;
    z-index:101
}
.menu :hover ul.sub li a:hover {
    background: #E21A23;
    color:#FFF
}
/*******************************************************************************
    Breadcrumb style.
*******************************************************************************/
#breadcrumbs {
    font-size: 80%;
    padding: 0 8px 7px 10px;
    width: 600px
}
/*******************************************************************************
    Left sub menu styles.

    Top and bottom rounded corners are built the same way as the other boxes in
    the site.
*******************************************************************************/
#subMenuCol {
    display: block;
    margin: 1px 0 0 0; 
    width: 143px
}
#subMenu {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0008/177335/bg-submenu.png) left bottom no-repeat;
    padding-bottom: 5px
}
#subMenu a {
    border: none
}
#subMenu a, #subMenu a:visited {
    color: #2F65B3
}
#subMenu a:hover, #subMenu a:active {
    color: #E21A23
}
#subMenuTop {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0008/177335/bg-submenu.png) left top no-repeat;
    height: 10px
}
#subMenu ul {
    font-size: 90%;
    line-height: 118%;
    list-style: none;
    margin: 0 10px
}
#subMenu ul li {
    margin: 0 0 8px 0
}
#subMenu ul ul {
    font-size: 100%;
    margin: 6px -9px;
    padding: 0
}
#subMenu ul ul li {
    border-colour: none;
    margin: 0;
    padding: 4px 10px 4px 18px
}
#subMenu ul ul ul {
    border: none;
    font-size: 100%;
    margin: 0;
    padding: 0
}
#subMenu ul ul ul li {
    border-colour: none;
    margin: 0; 
    padding: 4px 10px 4px 25px
}
/*******************************************************************************
    Column styles.
*******************************************************************************/
.colRow {
    clear: both;
    float: left;
    width: 618px
}
.colLeft {
    clear: left;
    float: left;
    margin-right: 18px;
    width: 300px
}
.colMid {
    float: left;
    width: 300px
}
.colRight {
    clear: right;
    float: right;
    height: auto;
    max-width: 300px
}
.oneCol {
    clear: both;
    float: right;
    width: 936px
}
.twoCols {
    margin-left: 18px;
    width: 775px
}
/*******************************************************************************
    Hero image style.
*******************************************************************************/
#heroPic {
    margin: 0;
    position: relative;
    z-index: 0
}
.sliderWrapper {
    border: 0;
    height: 213px;
    overflow: hidden;
    position: relative;
    width: 618px;
    z-index: 0
}
.sliderWrapper .slide {
    background: none;
    filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1;
    height: 213px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 618px;
    z-index: 0
}
.pagination {
    background: none;
    bottom: 20px;
    position: absolute;
    right: 20px;
    text-align: right;
    z-index: 99
}
.pagination a {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0005/173543/bg-pagination1.gif) center no-repeat;
    border: none;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-right: -2px;
    padding: 4px 5px;
    text-align: center;
    text-decoration: none;
    z-index: 0
}
.pagination a:hover, .pagination a.selected {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0006/173544/bg-pagination2.gif) center no-repeat
}
/*******************************************************************************
    Image styles.
*******************************************************************************/
.portrait {
    clear: right;
    float: right;
    height: auto;
    margin: 4px 0 8px 8px;
    width: 225px
}
.landscape {
    clear: both;
    height: auto;
    margin: 0 0 8px 0;
    width: 458px
}
/*******************************************************************************
    Table styles.
*******************************************************************************/
.tableView {
    border-bottom: 1px solid #383838;
    border-collapse: collapse;
    border-top: 1px solid #383838;
    margin: 0 0 8px 0;
    width: 100%
}
.tableView tr {
    border-bottom: 1px solid #DCDCDC;
    padding: 1px 0
}
.tableView th {
    border-bottom: 1px solid #383838;
    padding: 3px 8px;
    text-align: left;
    vertical-align: top
}
.tableView td {
    border-bottom: 1px solid #DCDCDC;
    padding: 3px 8px;
    vertical-align: top
}
.tableView li {
    font-size: 100% !important
}
.tableView2 {
    border-collapse: collapse;
    margin: 0 0 8px 0;
    width: 100%
}
.tableView2 tr {
    padding: 0
}
.tableView2 th {
    border-top: 1px solid #DCDCDC;
    font-weight: normal;
    padding: 3px 8px;
    text-align: left;
    vertical-align: top
}
.tableView2 td {
    border-top: none;
    padding: 3px 8px;
    vertical-align: top
}
.tableView2 td.row1 {
    border-top: 1px solid #DCDCDC;
}
.tableStats {
    border: 1px outset #383838;
    border-collapse: collapse;
    margin: 0 0 20px 0
}
.tableStats th {
    border: 1px inset #383838;
    padding: 5px;
    text-align: center;
    vertical-align: top
}
.tableStats td {
    border: 1px inset #383838;
    padding: 5px;
    text-align: right;
    vertical-align: top
}
.tablePlain {
    border-collapse: collapse;
    margin: 0 0 20px 0;
    width: 100%
}
.tablePlain th {
    padding: 5px;
    text-align: center;
    vertical-align: top
}
.tablePlain td {
    padding: 5px;
    vertical-align: top
}
.odd {
    background: #FFF
}
.even {
    background: #F8F8F8
}
/*******************************************************************************
    List heading style.
*******************************************************************************/
.head {
    border-bottom: 1px solid #E21A23;
    color: #115394;
    font-size: 120%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-bottom: 6px;
    padding-bottom: 2px;
    text-transform: uppercase
}
.head a {
    border-bottom: none;
    color: #115394;
}
/*******************************************************************************
    Segment styles.
*******************************************************************************/
.segment {
    margin-top: 22px
}
.segment .title a {
    clear: right;
    font-size: 105%;
    font-weight: bold;
    margin: 0 0 2px 0
}
.segment .body {
    clear: right;
    color: #000;
    font-size: 90%;
    margin: 0 0 8px 0
}
.thumb {
    background-position: center center;
    background-repeat: no-repeat;
    clear: both;
    float: left;
    height: 55px;
    margin: 2px 6px 0 0;
/*    min-height: 49px;
    min-width: 49px */
}
.thumb a {
    border-bottom: none
}
.title {
    clear: right;
    color: #b86f00;
    font-weight: bold;
    margin: 0 0 2px 0
}
/*******************************************************************************
    Arrowd list styles.
*******************************************************************************/
.arrow {
    list-style: none;
    margin: 0
}
.arrow li {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0006/176802/arrow.png) left 3px no-repeat;
    padding: 0 0 0 15px
}
.noarrow {
    list-style: none;
    margin: 0 !important
}
.noarrow li {
    padding: 0
}
/*******************************************************************************
    Image banner area styles.
*******************************************************************************/
#banners {
    margin: 14px 0 0 0
}
#banners a:hover {
    border-bottom: none
}
/*******************************************************************************
    Right column styles.

    blueBox - is used to provide a 300px wide blue background for the pullout
    menus on the home page.
    blueGradBox - is used to provide a gradient background to right column
    content boxes on the home page.
*******************************************************************************/
#blueBox {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0017/177002/bg-sprite.png) -300px bottom no-repeat;
    display: block;
    margin: 0 0 6px 0;
    padding-bottom: 6px;
    width: 300px
}
#blueBoxTop {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0017/177002/bg-sprite.png) -300px top no-repeat;
    height: 10px
}
#blueBox .content {
    margin: 4px 16px 10px 16px
}
.blueGradBox {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0017/177002/bg-sprite.png) 0 bottom no-repeat;
    margin-bottom: 8px;
    padding-bottom: 10px;
    width: 300px
}
.blueGradBoxTop {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0017/177002/bg-sprite.png) 0 top no-repeat;
    height: 10px;
}
.content {
    margin: 0 10px
}
.content p {
    margin: 0 0 4px 0
}
.content ul {
    margin: 0 0 0 23px
}
.content ul.noIndent {
    margin: 0
}
/*******************************************************************************
    Footer styles.
*******************************************************************************/
.department {
    color: #115394;
    padding-top: 15px;
}
.department a {
    color: #115394;
}
.department a:hover {
    border-bottom: 1px solid #2F65B3;
    color: #E21A23;
}
.department a:active {
    color: #E21A23;
}
#footer {
    clear: both;
    color: #888888;
    display: block;
    font-size: 70%;
    height: 43px;
    text-transform: uppercase;
    vertical-align: top
}
#footer a {
    color: #888888
}
#footer a:hover {
    border-bottom: 1px solid #2F65B3;
    color: #E21A23
}
#back2Top {
    height: 9px;
    margin: 16px auto;
    width: 9px
}
#back2Top img {
    height: 9px
}
#back2Top a:hover {
    border-bottom: none
}
#footerLeft {
    float: left;
    margin: 3px 0 0 0
}
#footerRight {
    float: right;
    margin: 3px 0 0 0
}
/*******************************************************************************
    Superfish menu styles.

    Right hand fly out menus.
    The source code and further examples of this javascript and css menu can be
    found at http://users.tpg.com.au/j_birch/plugins/superfish/
*******************************************************************************/
/*******************************************************************************
    Superfish essential styles.
*******************************************************************************/
.sf-menu, .sf-menu * {
    list-style: none;
    margin: 0;
    padding: 0
}
.sf-menu a {
    border: none;
    color: #2F65B3
}
.sf-menu {
    line-height: 1.5
}
.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 150px;
    z-index: 99
}
.sf-menu ul li {
    width: 100%;
    z-index: 99
}
.sf-menu li:hover {
    visibility: inherit
}
.sf-menu li {
    float: right;
    position: relative
}
.sf-menu a {
    display: block;
    position: relative
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left: 120px;
    top: 0;
    z-index: 99
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
    top: -999em
}
/*******************************************************************************
    Superfish LPI specific styles.
*******************************************************************************/
.sf-menu {
    float: right;
    margin: 0 1em 0 0
}
.sf-menu a {
    font-size: 12px;
    padding: 1px 1.1em;
    text-decoration: none
}
.sf-menu ul li a, .sf-menu ul li a:visited {
    color: #2F65B3
}
.sf-menu li li, .sf-menu li li a {
    background: #FFF;
    border: 1px solid #FFF
}
.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus,
.sf-menu li li a:hover, .sf-menu li li a:active {
    background: #E21A23;
    color: #FFF;
    outline: 0
}
/*** arrows **/ 
.sf-menu a.sf-with-ul {
    min-width: 1px
}
.sf-menu li:hover {
    background: none
}
.sf-sub-indicator {
    display: block;
    height: 10px;
    position: absolute;
    overflow: hidden;    
    right: 8px;
    text-indent: -999em;
    top: .55em;
    width: 10px
}
a > .sf-sub-indicator {
    background-position: 0 -20px;
    top: .4em
}
/* 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;
    z-index: 99
}
/* point right for anchors in subs */ 
.sf-menu ul .sf-sub-indicator {
    background-position: -10px 0
}
.sf-menu ul a > .sf-sub-indicator {
    background-position: 0 0
}
/* apply hovers to modern browsers */ 
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0
}
/*** shadows for all but IE6 ***/ 
.sf-shadow ul {
    background: url('http://www.lpi.nsw.gov.au/__data/assets/image/0008/173546/shadow.png') no-repeat bottom right;
    padding: 0 8px 8px 0;
    -moz-border-radius-bottomright: 17px;
    -moz-border-radius-topleft: 17px;
    -webkit-border-bottom-left-radius: 17px;
    -webkit-border-top-right-radius: 17px
}
.sf-shadow ul.sf-shadow-off {
    background: transparent
}
/*******************************************************************************
    Superfish vertical element styles.

    adding sf-vertical in addition to sf-menu creates a vertical menu.
*******************************************************************************/
.sf-vertical, .sf-vertical2 {
    margin: 0 auto;
    z-index: 99
}
.sf-vertical li, .sf-vertical2 li {
    width: 275px;
    z-index: 99
}
.sf-vertical li {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0010/173548/bg-dropdown.png) no-repeat right top
}
.sf-vertical li:hover {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0010/173548/bg-dropdown.png) no-repeat right bottom
}
.sf-vertical2 li {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0008/177056/bg-dropdown2.png) no-repeat right top
}
.sf-vertical2 li:hover {
    background: url(http://www.lpi.nsw.gov.au/__data/assets/image/0008/177056/bg-dropdown2.png) no-repeat right bottom
}
/* this lacks ul at the start of the selector, so the styles from the main
 CSS file override it where needed */
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
    left: -12em;
    top: 0;
    z-index: 99
}
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator {
    background-position: -10px 0
}
/* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator {
    background-position: 0 0
}
/* use translucent arrow for modern browsers*/
/* hover arrow direction for modern browsers*/ 
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0;
    z-index: 99
}
/* additional styling for use in various box divs */
#blueBox ul.sf-menu ul li {
    border-left: 1px solid #0F3075;
    border-right: 1px solid #0F3075;
    border-bottom: none;
    border-top: none;
    margin: 0;
    z-index: 99
}
#blueBox ul.sf-menu ul li.first {
    border-top: 1px solid #0F3075
}
#blueBox ul.sf-menu ul li.last {
    border-bottom: 1px solid #0F3075
}
/*******************************************************************************
    Extra styles.
*******************************************************************************/
.noWrap {
    white-space: nowrap
}
.hilight, a.hilight {
    color: #E21A23
}
.fileSize {
    color: #888;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase
}
h2 span.fileSize {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.69em
}
.formType {
    color: #F00;
    font-style: normal;
    font-weight: normal
}
.line {
    border-bottom: 1px dotted #B8B8B8;
    height: 1px;
    margin: 13px 0 11px 0;
    overflow: hidden
}
.caption {
    color: #000;
    font-size: 90%;
    font-style: italic;
    margin: 5px 0 0 0
}
.txt_caption {
    color: #000;
    font-size: 80%;
    margin: 0
}
pre {
    background-color: #E9E9E9;
    margin: 0 0 20px 0;
    overflow: auto;
    padding: 16px;
    white-space: pre;
    width: 735px;
    word-wrap: normal
}
/******************************************************************************/