/* 

Client:
Created: 
Last Modified:

*/

/* ---- DEFAULT STYLES ------
-------------------------------------------------------------------- */

	body {
		margin: 0px;
		padding: 0px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 0.8em;
		color: #383838;
		background: #e9e9e9 url('../images/generic/body-bg.gif') center top repeat-x;
		}
		
	.fade {
		background:url(../images/generic/background.gif) center top no-repeat;
	}
		
	#wrapper {
		width: 918px;
		margin: 0px auto;
		padding: 6px;
		background: #ffffff;
		}
		
	#feedbackFormWrapper {
		padding: 20px;
	}
	
	img {
		padding:0; margin:0; line-height: 0;
		}
		
	.clear {
		clear:both;
		position:relative;
		font-size:0px;
		height:0;
		line-height:0; 
		}
		
	h1, h2, h3, h4, h5, h6 {
		padding:0;
		margin: 0;
	}
	
	.content h1 {
		color: #ffffff;
		font-size: 1.5em;
	}
	
	.content h2 {
		color:#F00;
		font-size: 1.4em;
		font-weight: normal;
	}
	
	h2 {
		margin-bottom: 10px;
	}
	
	h3 {
		font-size: 1em;
		color: #0f91cf;
	}
	
	a img {
		border:none;
	}
		
	a { 
		color:#ed2e23;
	}
	
	a:hover {  color: #333333; }
	
	p { 
		padding: 0 0 1.2em 0;
		margin: 0;
		line-height: 1.4em;
	}	
	
	/* ---- Buttons ------
-------------------------------------------------------------------- */	
	
		
	a.buttonEraLearn {
		display: block;
		width: 122px;
		height: 35px;
		margin: 0 0 3px 0;
		text-indent: -9999px;
		background: url(../images/home/era-learn-more.gif) no-repeat;
	}
	
	a.buttonEraLearn:hover {
		background: url(../images/home/era-learn-more.gif) 0 -35px no-repeat;
	}
	
	a.buttonEraLogin {
		display: block;
		width: 122px;
		height: 35px;
		margin: 0;
		text-indent: -9999px;
		background: url(../images/home/era-login.gif) no-repeat;
	}
	
	a.buttonEraLogin:hover {
		background: url(../images/home/era-login.gif) 0 -35px no-repeat;
	}
	
	a.buttonEsmMoreInfo {
		float:left;
		display: block;
		width: 81px;
		height: 13px;
		margin: 10px 10px 10px 0;
		text-indent: -9999px;
		background: url(../images/home/button-esm-more-info.gif) 0 0 no-repeat;
	}
	
	a.buttonEsmMoreInfo:hover {	
		background: url(../images/home/button-esm-more-info.gif) 0 -17px no-repeat;
	}

	
	a.buttonEsmHelpDesk {
		float: left;
		display: block;
		width: 81px;
		height: 13px;
		margin: 10px 0;
		text-indent: -9999px;
		background: url(../images/home/button-esm-help-desk.gif) 0 0 no-repeat;
	}
	
	a.buttonEsmHelpDesk:hover {	
		background: url(../images/home/button-esm-help-desk.gif) 0 -17px no-repeat;
	}
	
	
	
	/* ---- HEADER ------
-------------------------------------------------------------------- */

	.logoMain {
		float: left;
		display: block;
		width: 78px;
		height: 123px;
		margin: 0 6px 0 0;
		text-indent: -9999px;
		background: url('../images/generic/logo-main.gif') 0 0 no-repeat;
	}

	#header {
		padding: 0;
		height: 135px;
	}
	

	/* ---- COLUMN GRIDS ------
-------------------------------------------------------------------- */
	.content {
		padding: 10px 0;
		height: 100%;
	}
	
	.columnLeft {
		float: left;
		width: 586px;
		padding-left: 20px;
	}
	
	.columnRight {
		float: right;
		width: 312px;
		padding: 0;
	}



	/* ---- NAV 1 ------
-------------------------------------------------------------------- */

	#nav1Container {
		float: left;
		height: 12px;
		padding: 0;
		margin: 110px 0 0 0;
	
		}
		
	ul#nav1 {
		margin:0;
		padding:0;
	}

	#nav1 li {
		float:left;
		position:relative;
		margin:0;
		padding:0 9px 0 15px;
		list-style:none;
		
		}

	#nav1 li a {
		display:block;
		height: 12px;
		text-indent:-999px;
		overflow:hidden;   
		}
		
	#nav1 li:hover ul, #nav1 li.hover ul {
		display:block
		}

	#nav1 li a:hover {
		background-position:0 -12px !important;
		height: 12px;
		}

	#nav1 li a.nav1Home {
		background:url('../images/nav/nav1-home.gif') no-repeat left top;
		width:34px
		}
		
	#nav1 li a.nav1About {
		background:url('../images/nav/nav1-about.gif') no-repeat left top;
		width:58px
		}

	#nav1 li a.nav1BuildingPermits {
		background:url('../images/nav/nav1-building-permits.gif') no-repeat left top;
		width:110px
		}
		
	#nav1 li a.nav1BuildingConsultants {
		background:url('../images/nav/nav1-building-consultants.gif') no-repeat left top;
		width:142px
		}	

	#nav1 li a.nav1Planning {
		background:url('../images/nav/nav1-planning.gif') no-repeat left top;
		width:61px
		}
		
	#nav1 li a.nav1Esm {
		background:url('../images/nav/nav1-esm.gif') no-repeat left top;
		width:180px
		}

	#nav1 li a.nav1Contact {
		background:url('../images/nav/nav1-contact.gif') no-repeat left top;
		width:72px
		}
				
	/* selected nav */

	#nav1 li a#active { 
		height: 12px;
		background-position:0 -12px !important	
	 }
	 
	 
	  /* ---- ACCORDIAN SCRIPT ------
-------------------------------------------------------------------- */ 


	.arrowlistmenu {
		margin: 20px 0;
		width: 272px; /*width of accordion menu*/
	}
	
	.arrowlistmenu h4 {
		font-family:"Tahoma", Verdana, Geneva, sans-serif;
		font-size: 0.85em;
		font-weight: 700;
	}
	
	.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/
		color: #3c3c3c;
		margin: 0 0 1px 0; /*bottom spacing between header and rest of content*/
		text-transform: uppercase;
		padding: 11px;
		cursor: hand;
		cursor: pointer;
		background: url(../images/nav/side-nav-inactive.gif) repeat-x center left;
	}
	
	.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
		color: #ffffff;
		background-image: url(../images/nav/side-nav-active.gif);
	}
	
	.arrowlistmenu ul { /*CSS for UL of each sub menu*/
		list-style-type: none;
		margin: 0 0 6px 0;
		padding: 10px 0;
		background: #e2dfd9;
	}
	
	.arrowlistmenu ul li {
		padding: 0 0 2px 0; /*bottom spacing between menu items*/
		margin: 0 0 0 8px;
	}
	
	.arrowlistmenu ul li.pdf {
		 background: url(../images/generic/icon-pdf.gif) no-repeat;
	}
	
	.arrowlistmenu ul li.link {
		 background: url(../images/generic/icon-link.gif) no-repeat;
	}
	
	.arrowlistmenu ul li a {
		display: block;
		padding: 2px 0 5px 25px;
		font-size: 0.85em;
		font-weight: normal;
		color: #544c5b;
		text-decoration: underline;	
		background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	}
	
	.arrowlistmenu ul li a:hover { /*hover state CSS*/
		color: #000000;
	}

	
	/* ---- TABS ------
-------------------------------------------------------------------- */


	.navManual {
		padding: 0 0 0 10px;
		margin: 20px 0;
		list-style-type: none;
		height: 30px;
		border-bottom: 1px solid #000000;
	}
	
	.navManual li {
		float: left;
		margin: 0;
		padding: 0;
	}
	
	.navManual li a {
		display: block;
		padding: 7px 15px 0 15px;
		height: 23px;
		margin: 0 3px 0 0;
		color: #ffffff;
		font-weight: normal;
		background: #999999;
		text-decoration: none;
		border-left: 1px solid #999999;
		border-right: 1px solid #999999;
	}
	
	.navManual li a.selected{ /*selected main tab style */
		color: #3f3f3f;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		border-top: 1px solid #000000;
		border-bottom-color: white;
		background: #ffffff;
	}
	
	.navManual li a.selected:hover{ /*selected main tab style */
		text-decoration: none;
	}
	
	.tabcontent{
		display:none;
		clear: both;
	}
	
	@media print {
	.tabcontent {
		display:block !important;
	}
	}

	 
	 /* ---- HOMEPAGE SPECIFIC ------
-------------------------------------------------------------------- */
	

	#feature {
		padding: 20px 20px 0 20px;
		width: 878px;
		height: 262px;
		background:url(../images/home/feature-bg.jpg) no-repeat;
	}
	
	#feature h1 {
		color: #ffffff;
		font-size: 2.7em;
		font-weight: normal;
	}
	
	#feature h2 {
		color: #ffffff;
		font-weight: normal;
	}
	
	.featureContent {
		float: left;
		width: 494px;
		height: 206px;
		margin-bottom: 10px;
	}
	
	.homeContent {
		float: left;
		width: 140px;
		font-size: 0.85em;
	}
	
	.slideshow {
		float: right;
		width: 418px;
		height: 244px;

	}
	
	.era {
		padding: 0 20px;
		height: 290px;

	}
	
	.eraHeading {
		display: block;
		margin-bottom: 10px;
		font-size: 1.7em;
	}
	
	.era p {
		margin-top: 10px;
		font-size: 0.85em;
	}
	
	.eraScreenshot {
		float: left;
		width: 139px;
	}
	
	.eraInfo {
		margin-top: 10px;
	}
	
	.eraAction {
		float: right;
		width: 124px;
	}
	
	
	
	/* ---- OTHER PAGES ------
-------------------------------------------------------------------- */
	
	.h1Container {
		padding: 40px 20px 20px 20px;
		height: 89px;
		background:url(../images/generic/h1-bg.jpg);
	}	
	
	.h1Container h1 {
		margin-bottom: 60px;
	}
	
	.bodyContent {
		padding: 20px 20px 0 0;
	}
	
	.bodyImage {
		margin-top: 30px;
	}
	
	.documentationLinks {
		padding: 20px 0 0 20px;
	}
	
	
	 /* ---- ESSENTIAL SAFETY MEASURES MANUAL ------
-------------------------------------------------------------------- */
	
	a.sectionClosed {
		font-size: 0.85em;
		color: #333333;
		padding: 0 0 0 26px;
		margin: 0 10px 0 0;
		text-decoration: none;
		background:url(../images/generic/icon-category-closed.gif) no-repeat;
	}
	
	a.sectionClosed:hover {
		color: #ed2e23;
		text-decoration: underline;
	}
	
	.manualList {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	.manualList li {
		padding: 5px 0;
		margin: 0 0 5px 0;
		list-style: none;
		border-bottom: 1px solid #CCC;
	}
	
	.manualList li a {
		color: #0166a0;
		font-size: 0.85em;
		font-weight: normal;
	}
	
	.manualList li a:hover {
		color: #ed2e23;
		text-decoration: underline;
	}
		
	
	.manualList h4 {
		font-size: 1em;
		color: #ed2e23;
	}
	
	/* ---- FORM STYLE ------
-------------------------------------------------------------------- */

	.form {
		margin: 0 0 20px;
		border: 0;
	}

	.form .label {
		width: 170px;
		font-size: 1.1em;
		color:#442551;
		padding: 6px 0;
	}
	
	.form td {
		padding: 6px 0;
	}

	.form input, .form textarea, .form.input.fileUpload {
		border: 1px solid #cccccc;
		width: 220px;
		color: #333;
		padding: 3px;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0;
		margin-bottom: 5px;
		vertical-align: top;
		background: url(../images/form-input-bg.gif) 0 0 repeat-x;
		font-size: 1.1em;
	}

	.form select {
		border: 1px solid #DCDCDC;
		color: #333;
		font-family: Arial, Helvetica, sans-serif;
		padding: 0;
		margin:10px 0 0 0;
		vertical-align: middle;
		background: #fff url(../images/form-input-bg.gif) 0 0 repeat-x;
		font-size: 1.1em;
	}

	input.submitButton {	
		border: 0;
		width: auto;
		background: #442551;
		cursor:pointer;	
		color:#FFFFFF;
		font-size: 1.2em;
	}	
	
	 /* ---- FOOTER ------
-------------------------------------------------------------------- */	
	
	
	#footer {
		position: relative;
		clear:both;
		width: 904px;
		height: 159px;
		padding: 26px 0 0 26px;
		margin: 0 auto;	
		font-size: 0.85em;
		color:#616161;
		background:url(../images/generic/footer-bg.gif) repeat-x;
	}

	#footer a {
		padding: 0;
		font-weight: normal;
		color: #647584;
	}
	
	#footer a:hover {
		color: #333;
	}
	
	.melbourne, .sydney, .links {
		float: left;
		width: 140px;
		padding-right: 26px;
	}
	
	.legal {
		clear: both;
	}
	
	a.ticktock {
		position: absolute;
		display: block;
		width: 113px;
		height: 12px;
		top: 10px;
		left: 800px;
		margin: 0;
		text-indent: -9999px;
		background: url('../images/generic/tick-tock.gif') 0 0 no-repeat;
	}
	
	a.ticktock:hover {
		background: url('../images/generic/tick-tock.gif') 0 -12px no-repeat;
	}
	
	/* ---- sIFR ------
-------------------------------------------------------------------- */

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active #feature h1, .sIFR-active #feature h2, .sIFR-active .eraHeading, .sIFR-active .content h1, .sIFR-active .content h1, .sIFR-active .content h2, .sIFR-active .content h3,  { visibility: hidden; }
}