/*
  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 August 2016 20:04:51
*/


/*----------------------------------------------------*/
/*BASE DESIGN - DO NOT APPLY THESE CLASSES WHEN CREATING CONTENT*/
/*----------------------------------------------------*/

* {margin:0;padding:0;}
html,body { height:100%; }
body, table { font-family: Arial, Helvetica, Geneva, Verdana, Tahoma, sans-serif; color:#222; }
body {font-size:76%}
table,input,textarea,select {font-size:100%;}
th,td {vertical-align:top;padding: 3px 4px 3px 3px;}
img {display:block;}
a img {border:0;}
caption {font-weight:bold}
dt { font-weight:bold; padding:3px 0;}
dd { display:block; margin-left: 20px; }
i, em { margin-left:1px }
a:link, a:visited { text-decoration:none; color:#3366CC;}
a:hover {text-decoration:underline;}
.noborder {border:none !important }

#wrapper {margin:0 auto; background-color:white;padding:0 1px;min-height:90%}
.nav {background:white url(/__data/assets/image/0004/140998/wrapper-bg-thin.gif) top left repeat-y;}

#footer {
    margin:0 auto;
    padding:15px 0;
    text-align:center;
    font-size:92%;
    color:RGB(242,234,209);
    border:1px solid white;
    border-top-color:#eee;
    background-color:white;
}


#wrapper,#footer { width:775px; }
#contentcol {    width:567px; float:right; line-height:1.5em;}
#topictitle {    width:208px }
#navsecondary {    width:208px;}
#contentbuffer { padding:30px 17px 30px 20px; position:relative;}
.leftcol, #contentmain { width:321px;}
.rightcol, #contentrelated { width: 190px; padding:6px; right:10px;  position:absolute; top:20px; font-size:0.9em ; line-height:1.2em; }

.nonav #contentcol {    width:775px;}
.nonav .leftcol, .nonav #contentmain { width:529px;}

.widemode #wrapper, .widemode #footer { width:920px; }
.widemode #contentcol { width:712px;}
.widemode #contentmain, .widemode .leftcol { width:466px;}

.widemode .nonav #contentcol{    width:920px;}
.widemode .nonav #contentmain, .widemode .nonav .leftcol { width:674px;}


.nonav #contentcol, #nonav #contentcol  {  float:none;}

.nonav .leftcol-fixedmedium {width: 310px; float:left; clear:left; }
.nonav .rightcol-variablemedium { width:400px; float:right; clear:right;}
.widemode .nonav .rightcol-variablemedium { width:540px;}
.nonav .rightcol-fixedmedium {width: 310px; float:right; clear:right; }
.nonav .leftcol-variablemedium { width:400px; float:left; clear:left; }
.widemode .nonav .leftcol-variablemedium { width:540px;}

#contentrelated h3,#contentcol .rightcol h3,#contentcol .rightpanel h3,#contentcol .toc h3 {
  margin-top:1em;
  font-size:1em;
  color:#b25a00;
  font-weight:bold;
  margin-bottom:0.2em;
}

#contentrelated ul,#contentcol .rightcol ul,#contentcol .rightpanel ul,#contentcol .cover ul {
    list-style:none outside none;
    margin-left:0;
    padding-left:0;
}

#contentrelated .extrainfo,#contentcol .extrainfo {
    text-align:right;
    color:#767676;
    font-size:0.9em;
}

#contentrelated .extrainfo a,#contentcol .extrainfo a{
    text-decoration:underline;
    color:#767676;
}

#contentrelated ul li,#contentcol .rightcol ul li,#contentcol .rightpanel ul li,#contentcol .cover ul li,#contentcol .toc li,
#contentcol ul.listing ul li
{
    padding-left:10px;
    background: transparent url(/__data/assets/image/0006/140991/rightbullet.gif) top left no-repeat;
    line-height:1.3em;
    padding-bottom:0.5em;
}

#contentcol p {margin-top:0.5em;margin-bottom:0.5em;}


#contentcol h1,#contentcol h2,#contentcol h3,
#contentcol h4,#contentcol h5,#contentcol h6 {margin-top:1.5em;margin-bottom:0.5em;}
#contentcol ul, #contentcol ol {margin-left:1em;padding-left:1em;}

#contentcol h2 {
    color:#b46100;
    font-size:140%;
}

#contentcol h3 {
    color:#b46100;
    font-size:115%;
    margin-bottom:0.2em;
    font-weight:normal;
}

#contentcol h4 {
    color:#b46100;
    font-size:108%;
    font-weight:normal;
    margin-bottom:0.4em;
}


#breadcrumbs a {
    text-decoration:underline;
    font-size:90%;
}

#titlesection {
    background:RGB(239,126,41);
    color:#842300;
    padding:3px 0;
    font-size:90%;
    margin:1px 0 1px 1px;
    border:1px solid #D3660E;
}

#titlesection h1 {
    color:white;
    font-size:180%;
    font-weight:normal;
    margin:0.5em 0 0.5em 0;
    padding-left:20px;
    line-height:normal;
}

#titlesection a {
    padding-left:16px;
    color:white;
    display:block;
    margin-bottom:1em;
}


#topictitle {
    background:#347CB6 url(/__data/assets/image/0010/140995/subject-bg.gif) bottom left repeat-x;
    float:left;
}

#topictitle h1 {
    margin:4px 0 0 0;
    padding:15px 2px 10px 14px;
    font-size:1.15em;
    background:transparent url(/__data/assets/image/0011/140996/subject-bg-shadow.gif) bottom right no-repeat;
}

#topictitle a {
    color:white;
}

#breadcrumbs {
    padding:7px 5px 7px 14px;
}

#breadcrumbs a {
    text-decoration:underline;
    font-size:90%;
}

.clearer {padding-top:1px;clear:both}
hr.clearer {border:0}

#navsecondary {
    float:left;
    color:#5C5436;
    clear:left;
}

.subnav {
    margin:0 5px 0 5px;
    padding:0px;
}

.subnav ul {
background-color:RGB(252,244,219);
margin:5px 0 5px 10px;
}

.subnav li {
    border-bottom:1px solid #FCFCF5;
    list-style:none outside none;
}

.subnav a {
display:block;
padding:5px 5px 5px 10px;
}

.subnav a:hover, #az a:hover {
 background-color:white;
 text-decoration:none;
}

.subnav .current a,
.subnav .hierarchy a,
.subnav .hierarchy .current a {
    color:#b25a00;
}

.subnav .hierarchy .current {
    background-color:#fdfbf4;
}


.subnav .current ul a,
.subnav .hierarchy ul a {
    color:#3366CC;
}

/*for third level navigation that doesnt show in the navigation*/
.subnav .hierarchy .hierarchy a {  
    color:#b25a00;
    background-color:#ffffff;
}

#navextra {
  margin-top:30px;
  padding-left:16px;
}
#navextra input{
  margin:4px 0;
}

.unsupportedCSS {display:none;}

/*standard*/
.rightcol {
   background:white;
   padding-bottom:15px;
}

#tocspace {
  padding:10px 6px 10px 30px;
  font-size:0.9em;
  background-color:#fefee6 
}

.cols2 ul{
  float:left;
  width:45%;
}

.cols3 ul{
  float:left;
  width:30%;
}

ul.listing .size {
    font-size:0.9em;
    color:#767676;
}

.image_table td {
    border-width:0 !important;
}

#azlist {
  color: #aaaaaa;
}

/*----------------------------------------------------*/
/*MATRIX SPECIFIC DESIGN ELEMENTS*/
/*When using the image type div it creates a table that is styled up with the following CSS*/
/*----------------------------------------------------*/
.image_table {
    border:1px solid #ccc;
    margin:0 0 16px 16px;
}

.caption_table_cell {
        color:#767676;
        font-size:90%;
        margin-top:3px;
        padding:4px 4px 0 4px;
        line-height:normal;

}

.left .image_table {
  margin:0 16px 16px 0;
}



/*----------------------------------------------------*/
/*LAYOUT - CLASSES OPEN TO USE*/
/*Applied to main DIVs to create two column layouts*/
/*----------------------------------------------------*/
.halfcol { width:48%; float:left;}
.rightcol {} /*defined elsewhere*/
.leftcol {} /*defined elsewhere*/
.thirdcol {width:33%; float:left;}
.twothirdcol {width:66%; float:left;}
.fourcol {width:24%; float:left;}




/*----------------------------------------------------*/
/*DISPLAY - CLASSES OPEN TO USE*/
/*----------------------------------------------------*/
.hidden,.hide { display:none; }
.show {display:block; }
.small { font-size:0.9em;}
/*highlight particular text - generally applied to a span*/
.highlight { color:#b46100;}
.disabled { color:#bbb; }
#contentcol h1.top, #contentcol h2.top, #contentcol h3.top, #contentcol h4.top {margin-top:0 !important} 
.normaltext { font-size: 100% ;}
a.expand {  color: #009000 !important;  border-bottom: 1px dotted #009000; }





/*----------------------------------------------------*/
/*UL and OL LAYOUTS - CLASSES OPEN TO USE*/
/*----------------------------------------------------*/

#contentcol ul.listing,#contentcol ul.toc, .toc ul, #tocspace ul,  
#contentcol ul.listing ul ,#contentcol ul.toc ul ,#contentcol ul.nobullet, #contentcol ul.major {
   margin-left:0;
   padding-left:0;
   list-style:none outside none;
}

/*CLASS=LISTING*/
#contentcol ul.listing li {
   background: transparent url(/__data/assets/image/0008/140984/greybull.gif) 2px 7px no-repeat;
   padding-left:12px;
   margin:3px 0;
}

#contentcol ul.listing ul li {
   background: transparent url(/__data/assets/image/0008/140984/greybull.gif) 2px 7px no-repeat;
}

/*CLASS=MAJOR - can be applied to the containing div or the ul tag*/
#contentcol .major ul.listing li,
#contentcol ul.major li {
   background: transparent url(/__data/assets/image/0004/140989/listing1.gif) 0 5px no-repeat;
   padding:4px 0 4px 22px;
}
#contentcol .major .listing li a { font-weight:bold; }


/*CLASS=TOC*/
#contentcol .toc li, #contentcol #tocspace li {
   background: transparent url(/__data/assets/image/0007/140983/arrowdown.gif) top left no-repeat;
   padding-left:12px;
   margin:3px 0;
}


#contentcol div.nobullet ul li, 
#contentcol ul.nobullet li {
   margin-left:0;
   padding-left:0;
   list-style:none outside none;
   background-image:none;
}

/*CLASS=Thumbnail - for items with an image floated left*/

#contentcol ul.thumbnail li {
  clear:left;
  margin-bottom:10px;
}

#contentcol ul.thumbnail img {
    float:left;
    margin-right:14px;
}

/*CLASS=Lined*/
#contentcol ul.lined li {
   padding:4px 0;
   border-bottom:1px solid #F2EAD1; 
   background-image:none;
}

#contentcol ul.spaced li {
   padding-bottom:10px;
}

#contentcol ul.spaced ul li {
   padding-bottom:4px;
}

#contentcol .inlinelist li { float:left;display:block;padding-right:4px;padding-left:4px;border-right:1px solid #ccc;background:none;margin:0}

/*----------------------------------------------------*/
/*TABLES - CLASSES OPEN TO USE*/
/*----------------------------------------------------*/

#contentcol td p {margin-top:0em;}

/*STANDARD TABLE STYLE*/
#contentcol table td{
    padding:2px;
    border-bottom:1px solid #ddd;
}

#contentcol table th{
    text-align:left;
    border-bottom:1px solid #aaa;
}

/*CLASS=LISTING*/
#contentcol table.listing {
    width:100%;
    clear:right;
}
#contentcol .leftcol table.listing { clear:none; }


#contentcol table.listing td{
    padding:4px 2px;
    border-bottom:1px solid #ddd;
}

#contentcol table.listing th{
    text-align:left;
    border-bottom:1px solid #aaa;
}

/*noheaders class can be applied to the containing div to turn the headings off on the listing table(s) beneath*/
#contentcol .noheaders table.listing {
    border-top:1px solid #ddd;    
}
#contentcol .noheaders table.listing th{
    display:none;
}

#contentcol .collapsetopheading {
    margin-top:-1.5em;
}

/* this class is for text that goes after a table as a comment or to link to more of those resources */
.tmore {
  text-align:right;
  font-size:.9em;
}

#contentcol table.keyvalue th {
  font-weight:normal;
  color:#b46100;
  text-align:left;
  border:none;      
}

#contentcol table.keyvalue td {
  border:none;      
}

#contentcol table.lined th, #contentcol table.lined td,
#contentcol th.lined, #contentcol td.lined {
    border-bottom:1px solid #ddd !important;
}

/* table with no borders */
#contentcol table.style1 {
  width:100%;
}

#contentcol table.style1 th {
  font-weight:normal;  
  text-align:left;
  border:none;      
}

/* table with borders and  */
#contentcol table.style2 {
  border:1px solid #e0e0e0;
  background-color:#f8f8f8;
  margin:1em 0 2em 0;
}

#contentcol table.style2 th {
  font-weight:bold;
  text-align:left;
  border-bottom:1px solid #eee;
}

#contentcol table.style2 td {
  border-bottom:1px solid #eee;
}

/* table with borders and th shading*/
#contentcol table.style3 {
  border:1px solid #e0e0e0;
  margin:1em 0 2em 0;
  border-collapse:collapse;
}

#contentcol table.style3 th {
  background-color:#f8f8f8;
  font-weight:bold;
  color:black;
  text-align:left;
  border:1px solid #c1c1c1;
  padding:2px 3px 2px 2px;
}

#contentcol table.style3 td {
  border:1px solid #ccc;
  padding:2px 3px 2px 2px;
}

#contentcol table.wide {
  width:100%;
}

#contentcol .rightcol table {
  width:100%;
}

#contentcol .rightcol table th, 
#contentcol .rightcol table td {
  border:none;
}

/* classes that you can put on cells to set width for identifiers, file details and dates*/
#contentcol table.listing .i { width: 30px; color:#666;}
#contentcol table.listing .f { width: 74px; color:#666;}
#contentcol table.listing .d { width: 106px; color:#666;}
#contentcol table.listing .n { text-align:right;}
#contentcol table.listing .icon { width: 30px;}

/* if the table is being used for layout purposes only*/
#contentcol table.layout {
  border:0;
}

#contentcol table.layout td,#contentcol table.layout th {
  padding:0;
  border:0;
}

#contentcol table.compact td,#contentcol table.compact th {
  padding-top:1px;
  padding-bottom:1px;
}


/*----------------------------------------------------*/
/*FORMS - CLASSES OPEN TO USE*/
/*----------------------------------------------------*/
#contentcol div.formsection {  
   background: #FEFEE6 url(/__data/assets/image/0005/146885/search-bg.gif) repeat-x;
   border: 1px solid #E8E1A8;
   padding:2%;
   width:95%;
}

#contentcol .formsection .layout td, #contentcol .formsection .layout th {
   padding: 3px 6px 6px 0px;
   border: none !important;
}

#contentcol .formsection fieldset th {
   padding-left:6px !important;
}

#contentcol .formsection table th {
   width:auto;
}

#contentcol .formsection .mandatory {
   color:#b46100;
} 

#contentcol .success {
   border:1px solid #99ff99;
   background:#e9ffe7 url(/__data/assets/image/0004/242608/success.gif) 7px 7px no-repeat;
   padding:5px 5px 5px 28px;
   margin:0.3em 0;
   color:#009900;
}

div.error-message, span.error-message {
   border:1px solid #ffd7cf;
   background:#ffddd6 url(/__data/assets/image/0003/238773/error-message.gif) 7px 7px no-repeat;
   padding:5px 5px 5px 28px;
   margin:0.3em 0;
   color:#ba0f0f;
}

div.errors p {
   background:#ffddd6 url(/__data/assets/image/0003/238773/error-message.gif) 7px 7px no-repeat;
   padding:5px 5px 5px 28px;
   margin:0.3em 0 0 0 !important;
   color:#ba0f0f;
   font-weight:bold;
}

div.errors ul {
   background-color:#ffddd6;
   padding:5px 5px 5px 28px !important;
   margin:0 0 0.3em 0 !important;
   color:#ba0f0f;
}

fieldset {
   border:1px solid #E8E1A8;
   border-width:1px 0 0 1px;
   margin-bottom:1em;
   padding:10px 5px 2px 0;
}

legend {
   font-weight:bold;
   color:#b46100;
   margin-bottom: 8px;
}

#contentcol .formsection .note {
  color: #444;
}

#contentcol .formsection .layout .action,
#contentcol .formsection .actions input,
#contentcol .formsection .actions button 
 {
  font-size:1.2em;
  margin-top:4px;
}

#contentcol table.formsection {  
   background: #FEFEE6 url(/__data/assets/image/0005/146885/search-bg.gif) repeat-x;
   border: 1px solid #E8E1A8;
   width: 100%;
}


#contentcol .formsection td, #contentcol .formsection th {
   padding: 3px;
   border: none !important;
}

#contentcol .form .required {
   color: #c11d2c;
}

#contentcol .errors, #contentcol .error {
   color: #c11d2c;
}

#contentcol div.errors ul li, #contentcol .formsection ul li {
   list-style: none outside none !important;
   background: none;
   padding-left: 0px;
   margin-left: 0px;
}

#contentcol .formsection table {
    width: 100%;
}

#contentcol .formsection th {
   font-weight: normal;
   width: 30%;
}


/*----------------------------------------------------*/
/*IMAGES - CLASSES OPEN TO USE*/
/*----------------------------------------------------*/

/*file detail images (eg icons for PDF and word) - used in table listings */
.listing img, img.inline, .inline img {display:inline }


/*A container div around an image allows a caption to be placed with it.*/
.imageholder {float:right;margin:0px 0px 20px 20px;padding:3px;border:1px solid #ccc;}
.imageholderleft {float:left;margin:0px 20px 20px 0px;padding:3px;border:1px solid #ccc;}

/*cover thumbnails for primefacts, publications etc */
div.cover {  
  float:right;
  clear:right;
  width:200px;
}

div.cover p,div.cover h3,div.cover h4 {
}  


img.rightimg, .rightimg img {
    float:right;
}

img.leftimg, .leftimg img {
    float:left;
}

img.right, img.rightimg, span.right img, .rightimg img {
  margin:0 0 16px 16px;
}

img.leftimg, .leftimg img, img.left, span.left img {
  margin:0 16px 16px 0;
}

img.border {
  padding:4px;
  border:1px solid #aaa;
}

/*caption is applied to a div under a picture - used often with imageholder*/
#contentcol .imageholder p, .caption {
    color:#767676;
    font-size:90%;
    margin-top:3px;
    padding:4px 4px 0 4px;
    line-height:normal;
}

#contentcol .imageholder p { padding:0; }

.size190, .size190 p { width:190px !important;}
.size250, .size250 p { width:250px !important;}
.size310, .size310 p { width:310px !important;}
.size510, .size510 p { width:510px !important;}
.size650, .size650 p { width:650px !important;}


/*----------------------------------------------------*/
/*DIV CLASSES - CLASSES OPEN TO USE*/
/*----------------------------------------------------*/

.spotlight {
  background: white url(/__data/assets/image/0008/140993/spotlight-corner.jpg) top left no-repeat;
  padding:6px 0 4px 0;
  margin:4px 0 4px 0;
  clear:left;
}

.spotlight div { margin-left:80px;}
.spotlight img { float:left;margin:4px 8px 4px 8px; }

.rightcol .spotlight,.rightpanel .spotlight  { background: transparent none; padding-top:2px;}
.rightcol .spotlight img,.rightpanel .spotlight img  { margin-left: 0px ; margin-top: 2px}
.rightcol .spotlight div,.rightpanel .spotlight div  { margin-left:0px;}


#contentcol .smallspotlight li {
  display:block;
  background: white none;
  padding:6px 0 4px 0;
  margin:4px 0 4px 0;
  clear:left;
}
.smallspotlight div { margin-left:36px;}
.smallspotlight img { float:left;margin:2px 6px 4px 0px; }

#contentcol .spotlight p { margin:0;  }
#contentcol .spotlight h4 , #contentcol .spotlight h3 , #contentcol .spotlight h2 {
    font-size:100%;
}

.spotlight.clean {
  background-image:none;
}

.major .spotlight .title {
  font-weight:normal;
  font-size:1.2em;
}

/*intro can be used on the first paragraph of a page to give it more emphasis*/
.intro {
    font-size:120%;
    color:#b46100;
}

.contact {
    font-style:italic;
    margin:2em 0 1.5em 5em;
}

/* for links that launch an application - can be applied to a whole range of html tags */
.launch {
  padding-left:24px;
  background: transparent url(/__data/assets/image/0007/140992/run-application.gif) center left no-repeat;
  font-weight:bold;
}

blockquote, .quote {
    background: transparent url(/__data/assets/image/0005/140990/quotes.gif) top left no-repeat;
    color:#767676;
    margin:12px 0;
    padding:10px 0 12px 9px;
    font-style:italic;
}

.note {
    color:#767676;
    font-size:90%;
    line-height:1.4em;
}

/* for table of content divs that are floated next to the text*/
div.toc {
    float: left; 
    margin: 0 2em 2em 0;
    width:40%;
    padding:6px;
    font-size:0.9em
}

/* for table of content divs that need to be thinner eg because there is a right column on the page as well.*/
.split li {
   width:45%;
   float:left;
}

.warning {
    color: #b46100;
    padding-left:20px;
    background:transparent url(/__data/assets/image/0003/140997/warning.gif) 0px 3px no-repeat;
}

.alert {
  border:1px solid #ececc3;
  padding:20px;
}

.alert p {
  font-size:130%;
  color:#b46100;
}

.highlightedsection {
  border:1px solid #ececc3;
  background-color:#fefee6;
  margin:4px 15px;
  padding:5px;
}

#contentcol .rightcol .highlightedsection {
  margin:0;
}


#map, .googlemap {
  font-size:.9em;
  line-height:1.2em;
}

.error-mark {
}
.error-mark .bubble{
    position:absolute;width:80%;background-color:#fefee6 ; border: 1px solid #ececc3; padding:3px;
}


/*----------------------------------------------------*/
/*POSITIONING - CLASSES OPEN TO USE*/
/*Generally NOT to be used by themselves - usually used in conjunction with other classes eg imageholder*/
/*----------------------------------------------------*/

.left {float:left}
.right {float:right}
.centre {float:none;margin-left:auto;margin-right:auto;text-align:center}

/*this class can be used to make a floating right panel rather than a right column.
the difference is that text will flow around the bottom of the panel whereas the right
column doesnt allow flowing underneath.*/
.rightpanel { width: 190px; padding:6px; float:right; margin:0 -7px 10px 7px; font-size:0.9em; clear:right;}
.coloured, div.toc { background-color:#fefee6 ; border: 1px solid #ececc3;   }
.rightpanel310 { width: 310px; padding:6px; float:right; margin:0 -7px 10px 7px; font-size:0.9em; clear:right;}


.modalwindow { display:none;} 
.modalhead { font-size:92%;text-align:right}