/* Style sheet for main explaination page etc */

body {
	background-color:	#fff8f8;
    text-align:		left;
	font-family:	Verdana, Arial, Helvetica, Helv, sans-serif, Sans-serif;
    font-weight:	normal;
    font-style:		normal;
	font-size:		1.15em;
    color:			#000000;
    margin:			10px 3px 2px 3px;
    padding:		0 0.8em 0 0.8em;
    }

h1	{
	font-size:		1.8em;
	font-weight:	bold;
	margin:			0.6em 0 0.6em 0;
	}

h2	{
	font-size:		1.4em;
	font-weight:	bold;
	margin:			1.3em 0 0.5em 0;
	}

p	{
	line-height:	1.2em;
	}

.bigger	{
	font-size:	120%;
	}

table {
	border-collapse: separate;
	border-spacing: 2px;
}

#SurveyStart	{
		font-size: 120%;
		text-align: center;
		color: #501000;
		margin:	2em 0 2em 0;
		}

.WildlifeSurvey	{
	padding:		0 2em 0 2em;
	margin-right:	0.4em;
	line-height:	1.2em;
}
.SpeakerIcon {
	vertical-align:	middle;
	border-color: #ff0080;
	border-style: none;
	border-width: 2px;
		}
.sound {
		color: green;
		background-color: #FFFFFF;
		}


/* For list of possible sound players */
#soundList 	{
	list-style-image:		url(images/arrow.png);
	list-style-position:	outside;
	list-style-type:		square;
	margin:					0.2em 0 2em -1em;
}

#soundList li	{
	margin:					0.2em 0 0.2em 0;
}

.soundName	{
	margin: 3em 0 0 3em;
}




li	{
		margin: 6px;
		}


/* id box at bottom of page */
div.IdSummary1 {
	margin:	0.2em 0 0 0.3em;
	height:	2em;
	}

div.IdSummary1 span.IdSummary2 {
	display: none;}

div.IdSummary1:hover span.IdSummary2 {
	display: inline;
	z-index: 100;
	font-size:	small;
	font-style:	italic;
	border: thin solid rgb(200,120,220);
	}


.SmallPrint	{
	/* small print at bottom of page */
	text-align:	left;
	font-size: 0.8em;
    margin:			0.3em 2em 0 0.5em;
	font-family:	Verdana, Arial, Helvetica, Helv, sans-serif, Sans-serif;
   	color:			#000000;
    font-weight:	normal;
}
/*------------- footer ---------------*/
#footer, #footerX {
	font-family:	Verdana, Arial, Helvetica, Helv, sans-serif, Sans-serif;
    font-weight:	normal;
	font-size: 0.65em;
	height: 25px;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom:	0;
	margin-bottom:	0;
	color: #666;
	background: url(/background2009/images/footer.jpg) top repeat-x;
	clear: both;
}

.left {
text-align: left; 
float: left;
}

.right {
text-align: right; 
float: right; clear: none;}

/* Top heading with Government banner */
/* ---------- topContainer ------------ */
#topContainer {
/*	min-width: 768px;
	max-width: 970px; */
	width:		100%;
	padding:	0;
	margin:		0;
}

#topHead {
	background: #cee;
	height: 4.1em;
	font-family:	Verdana, Arial, Helvetica, Helv, sans-serif, Sans-serif;
	font-size: 90%;
	margin:		0;
	padding:	0;
}

#topHead label {
	font-family:	Verdana, Arial, Helvetica, Helv, sans-serif, Sans-serif;
	font-size: 100%;
	font-weight: bold;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	margin: 0;
}

#topHead span {
	display: inline;
	float: left;
	font-family:	Verdana, Arial, Helvetica, Helv, sans-serif, Sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	padding: 0;
	padding-right: 6px;
	margin: 0;
}

/* Meading in page logo area */
.logoAreaHeading	{
	float: left;
	margin: 0.6em 0 0 2em; 
	padding: 0;
}
/* --department logo styles-- */
#department_logo {
	float: right;
	width: 35%;
/*	clear: both;
*/
	padding: 0 20px 0 0;
}

#department_logo img {
	margin:		0 30px 0 0;
	padding:	0 30px 0 0;
	border:		white dashed 1px;
}

#department_logo a {
	color: #333;
	clear: right;
	margin:		0 10px 0 10px;
	padding:	0 10px 0 10px;
}

#department_logo a:hover {
	background: none;
}

#department_logo h3, #department_logo h2 {
	font-size: 100%;
	padding: 0;
}

#department_logo h3 {
/*	padding: 0.6em 0 0.2em 2em; */
	padding: 0 0 0 4em;
	margin:	0.7em 0 0.3em 0;
	font-weight: normal;
	line-height: 0.6em;
	font-size: 7pt;
}

#department_logo h2 {
	line-height: 1em;
	padding: 0 0 0 4em;
	margin:	0.5em 0 0 0 ;
	font-size: 8pt;
}

#department_logo h2 a {
	text-decoration: none;
}

#department_logo h2#department_title {
	font-weight: normal;
}

.clear	{
	clear: both;
		}

#spacer	{
	height: 1em;
	clear: both;
		}
#nswstyle_datelastupdated {
	font-size: 0.8em;
	}

.submitButtonBG	{
	background-color:	#dcc;
	padding: 1em 1em 1em 1em;
	margin: 1em 0 1em 0;
	border-top:		gray solid 1px;
	border-right:	gray solid 3px;
	border-bottom:	gray solid 3px;
	border-left:	gray solid 1px;
	}

.submitButtonMapBG	{
	background-color:	#dcc;
	padding: 0.5em 0.5em 0.5em 0.5em;
	margin: 0 0 0 0;
	border-top:		gray solid 1px;
	border-right:	gray solid 3px;
	border-bottom:	gray solid 3px;
	border-left:	gray solid 1px;
	}

.submitButtonWidth20	{
	width:		20%;
	float:		left;
	}

.submitButtonWidth30	{
	width:		30%;
	float:		left;
	}

.submitButtonWidth40	{
	width:		40%;
	float:		left;
	}

.submitButtonBG:hover	{
	background-color:	#dbb;
	}

.submitButton	{
	margin:	0.4em 0.4em 0.4em 0.4em;
	background-color:	#fee;
	border-top:		gray solid 1px;
	border-right:	gray solid 3px;
	border-bottom:	gray solid 3px;
	border-left:	gray solid 1px;
	}
.submitButton:hover	{
	background-color:	#dcc;
	}

.MapSubmitOn	{
	display:	block;
}
.MapSubmitOff	{
	display:	none;
}

.errorMessage	{
	color:		red;
	font-size:	80%;
	}

.topBottomSpace{
	margin:2em 0 2em 0;
	}

/* Important tag for span elements */
.important	{
	font-weight:	bold;
/*	font-size:		1.1em;
*/	}

/* Important tag for block elements */
.importantBox	{
	margin:			0.4em 10em 0.4em 1em;
	padding:		0.6em 0.8em 0.8em 1em;
	background-color:	#fee;
	border-top:		gray solid 1px;
	border-right:	gray solid 1px;
	border-bottom:	gray solid 1px;
	border-left:	gray solid 1px;
	}

/* Text identifying the survey team under the text questions or map */
.identify {
	font-size:		0.9em;
    text-align: 	left;
    margin:			3em 2em 2em 0.5em;
	font-family:	Verdana, Arial, Helvetica, Helv, sans-serif, Sans-serif;
    color:			#000000;
    font-weight:	normal;
    }

/* highlight for the demonstration "Click HERE" */
.Demonstration	{
	font-size:			14pt;
	color:				red;
	background-color:	yellow;
}