/*  
FILE NAME:project.css 
DATE MODIFIED:18 OCT 2012 10:00 AM
DESCRIPTION: This style sheet is the default standard for the CLIPS CD-ROM and HTML products.
Please do not alter. All style variables are developed on 'project.css'. 
AUTHOR: dbocca
*/

body {
	color:#000;
	font-family:Verdana, helvetica, Arial, sans-serif;
	font-size:75%;
	background-color:#FFF;
	margin:0 0 0 0;
	padding:0;
	height: 100%;
	line-height:1.4;
}

#banner{
	background:#484848 url(graphics/banner_color.png) bottom repeat-x;
    margin: 0 auto;
    position: relative;
 width:100%;
	
	}
#banner p{
	color: #FFFFFF;
    font-size: 1.4em;
	padding:0 4em 0.2em;h
    margin: 0 auto;
  	width:800px;

	}
#banner #DECbanner {
	padding: 0.3em 0 1em 0;
    margin: 0 auto;
	width:800px;
	}
	
#banner #DECbanner img {
	
	padding-top:0.4em;
	  
	
	}
#nonFooter {
	
	min-height: 100%;
	margin:0;
	background:#fff url("graphics/body_bg.png") repeat-x bottom;
/*background: rgba(1, 1, 1, 0.7);
	border:3px solid #009999;
	-moz-box-shadow: 5px 5px 30px # FFF;
	-webkit-box-shadow: 5px 5px 30px # FFF;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	width:76em;*/
}

#nav {
    margin: 0;
    padding: 0;
	font: 110% "Gotham book", Arial, sans-serif;
	width:90%;
	
}
a:link {
    color: #00535E;
	text-decoration:underline;
}
a:hover, a:focus {
	color:#333333;
	/*text-decoration:blink;	*/
}


#globalNav {
	height:3em;
	width:100%;
	margin:-35px 0 0 0;
	background-color:transparent;
	
}
.newWindow #nonFooter {
	width:66em;
}
body#popup {
	background:#fff;
	padding-top: 0.5em;
}


body#popup.wide #nonFooter {
	width:90%;
	
}
body#popup.wide #content {
	width:90%;
	
}

#title h1 span {
	
	text-align:justify;
	font-weight:bold;
	height:80px;
	
	width: 820px;
	left: 30em;
	/*background-image:url(graphics/clic_bgd.png);*/
	
}



#bookmarkLink {
	position:absolute;
	top:-25px;
	right:20px;
}
#popup #title{
	
	height:0;
	margin-top:0;
	
	
	
	}


#popup #title h1 span {
	
	display:none;
	/*color:#000;
	padding:0.6em 1.5em 0 0;
	width:400px;
	margin-top:30px;
	margin-left:-10px;
	text-align:left;
	text-shadow:none;*/
}
.newWindow #title h1 span {
	color:#fff;
	padding:0.2em 1.5em 0 2em;
	width:660px;
	margin-top:0;
	margin-left:0.2em;
	text-align:left;
}

#popup #footer p {
	width:485px;
	-moz-box-shadow: 0px 0px 0px #fff; /* Firefox 3.6 and earlier */
	box-shadow: 0px 0px 0px #fff;
	background-color:#fff;
	
	
}


#show #nav {
	background:url(graphics/clic_bgd.png) no-repeat scroll right top #FFFFFF;
	margin:0 auto ;
	width: 100%;
	height: 35px;

}

#show #nav li {

    border: medium none;
    padding: 0 0 0 80%;
		
}

#show #nav ul {
	top:1em;
}

#show #nav a:link {
	background-color:#00535E;

}	

#show h3{
 	margin: 15px 0 5px;
	padding: 0 0 0.5em;
 
}

#show #content{
	width:80%;
	top:3em;
	margin-bottom:2em;
}	
#show #footer #copyright {

	margin-left:15%;
}

#show #footer p {

	color:#fff;
	background-color:transparent;	
}
#show .push{
	
	height:8em;
	}


#popup #content h1{
	display:block;
	font: 150% "Gotham book", Arial, sans-serif;
	padding-bottom:20px;
	
	}
	


#popup #footer p{
	background-color: #fff;
    box-shadow: 0 0px 0px #fff;
    
}
body#popup #nonFooter {
	border:3px solid #00535E;
	/*background:#FFF;
	background: rgba(255, 255, 255, 1);*/
	margin:2em auto 4em;
	width:500px;
	min-height:80%;
}
body#popup #content {
	margin:1em 1em 0 1em;
	padding:1em;
	width:450px;
}

body#popup #content p.figure.centre img {
	margin:10px auto 5px;
	text-align:center;
}

.newWindow #content {
	top:-65px;
}

body#popup #content p {
	padding-right:0;
	color:#000;
}

#popup #content ul {
	
	margin-left:1em;
	/*border:1px red solid;*/
	
	}
#popup #content ol {
	
	margin-left:1.5em;
	/*border:1px blue solid;*/
	
	
	}


body#popup p {
	color:#000;
	padding:0 1em 0 1em;
}
body#popup #footer {
	font-size:0.7em;
	border: none;
	background-color: transparent;
}

body#popup h2 {
	font: 120% "Gotham book", Arial, sans-serif;
	padding-bottom:0.3em;
	padding-left:0.9em;
	color:#00535E;
}
body#popup h3 {
	color:#00535E;
}
#popup #content a:link {
	color:#00535E;
}
#popup #content a:visited {
	color:#666666;
}
#popup #content a:focus,
#popup #content a:hover,
#popup #content a:active {
	color:#333333;
	
}
body#popup table.layout {
	margin:0 3em 0 1em;
}
/*-------------------------- navigation --------------------- */

#globalNav ul {
	padding:0;
	margin:0.5em 0 0 1em;
}

#popup #nonFooter #nav {
	margin-top:-24px;

	/*right:25px;
	width:30%;
	float:none;
	text-align:right;
	position:absolute;*/
}

#popup #nonFooter #nav ul {
	margin:0;
	padding:0;
	text-align:right;
	border:none;
}

#standard #nav{
	background-color:transparent;

    color: #000000;
    display: block;
    height:0;
    margin: 0 auto;
    padding:0;
    
    width:800px;
	

    z-index: 1;
}

#nav ul {
	top:-18px;
	background-color:transparent;
	margin:0 0 0 -0.9em;
	

}

#globalNav li {
	display:inline;
	padding:0em 0.75em 0.2em 0.75em;
	width:40%;
	margin:0;
	list-style:none;
	color:#fff;
	border-right:2px solid white;
}

#globalNav ul ul {
}

#globalNav li a {
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
}

#globalNav li.current a {
	/* This indicates "where you are" */
	color:#fff;
}
#globalNav li.current li a:link, #globalNav li.current li a:visited, #globalNav li.current li li a:link, #globalNav li.current li li a:visited {
	/* Needed to eliminate children of current being given the same state */
	color:#fff;
}
#globalNav li.current li a:focus, #globalNav li.current li a:hover, #globalNav li.current li a:active, #globalNav li.current li li a:focus, #globalNav li.current li li a:hover, #globalNav li.current li li a:active {
	/* Needed to eliminate children of current being given the same state */
	color:#FFFFFF;
}

#nav li {
	/* border: 1px solid red;*/
	
	display:inline;
	font-size:1em;
	color:#fff;
	margin:0 0 0 0;
	font-weight: bold;
	padding:8px 1px;
}

#nav li.current a:link, #nav li.current a:visited, #nav li.current a:focus, #nav li.current a:hover, #nav li.current a:active {
	color:#000;
	background-color:#fff;
	text-decoration:none;

}

#nav li a {
	
	margin:1em 0;
	font-weight:bold;
	text-decoration:none;
	padding:8px 15px;

}

#popup #nav ul {
	top:0;
}


#popup #nav li a:link {
	background-color:#00535E;
	/*float:right;*/
	margin-top: -2px;
}



#nav li a:link, 
#nav li a:visited, 
#nav li a:active {
	color: #fff;
	

}
#nav li a:focus, #nav li a:hover {

}


#popup #nav li {
	border:none;
	padding:5px 2px 0px 2px;
	background: #FFF;

	margin-top:0px;
}



/* ------------------------- Headings ----------------------- */


#title {
	background-color:transparent;
	background-image:none;
	padding:0;
	margin:0;

	border-bottom: 1px solid #484848;
	/*border:1px red solid;*/
}
#title img {
	padding:0;
	margin:0;
}
#content p.figure a img {
	border:none;
}
#feedback #title {/* feedback title */
	background: #000 url(graphics/title_bg.png) repeat-x left bottom;
	padding:5px 0 5px 15px;
	margin:0;
}
#feedback #title h1 {
	font: normal 180%/80% "Gotham Light", Arial, sans-serif;
}
#title h1 {
	font: 150% "Gotham Light", Arial, sans-serif;
	position: relative;
	margin: 0 auto;
	
	background-color:transparent;;
	
}
#title span {
	
	width:100%;
	margin:0 auto;
	color:#009999;
	background-image:url(graphics/clic_bgd.png);
	/*border-bottom: 1px solid #484848;*/
}
h1 {
	margin:15px 0 15px 10px;
	font-size:90%;
	color:#00535E;/*	background:url(graphics/input-mouse.gif) no-repeat left bottom;
	padding-left:25px;*/
}
h2 {
	width:90%;
	font-size:115%;
	margin:0;
	color:  #00535E;
	padding:3px 0 0 0;
}


h3 {
	
	
	margin:0;
	color: #00535E;
	padding:10px 0 0 0;
	/*font-family: "Gotham book", Arial, sans-serif;*/
	font:bold 120% "Gotham book", Arial, sans-serif;
	
}
h4 + h4 {
	border-left:2px solid #666;
}
h4 a:link, h4 a:visited {
	text-decoration:none;
	color:  #00535E;
}
h4 a:hover {
	text-decoration:underline;
	color: #FFF;
}
h4 {
	margin:25px 0;
	font-size:100%;
	font-weight: bold;
	font-size:100%;
	color: #009999;
}
#content {	
	float:none;
	margin:0 auto;
	/*padding: 0 5px 15px 15px;*/
	width:800px;
	background-color:#fff;
	border-left:0.6px #ccc solid;
	border-right:0.6px #ccc solid;
	border-bottom:0.6px #ccc solid;
}
#content h1 {
	display:none;
	font-size:1.5em;
/*	margin:0px -20px 0px 0px;*/
}
#content p {
	margin:0px 30px 5px 0px ;
	line-height:1.5;
}
#content li {
	color:#000;
	margin:0 0 0 5px;
}
#content p.caption {
	color:#333;
}
#popup p.caption {
	color:#333;
}
#content p.figure .caption {
	padding:3px 0 0 10px;
	background-color:transparent;
	color:#333;
}
#content p.copyright {
	color:#333;
}
#content p sub {
	line-height:1.5;
}
#content H1 + p:first-letter {
}
#content H1 + p:first-line {
}
#content H1 + p {
	/*margin-top:1.8em;*/
}
/* --- Main content image --- */



div.figure img {
/* Positions graphics in main content */


}
a img {
	/* ensure linked images do not display a border */ 
	border:0;
}
div.figure {
	border:0;
	margin:1em;
	padding:0.3em;
	text-align:center;
}
div.figure.right {
	text-align:right;
	float:none;
	margin:1em 1em 1em auto;
}
div.figure.right.wrap {
	float:right;
	margin:1em;
}
div.figure.right.wrap +p {
	clear:none;
}
div.figure.right +p {
	clear:right;
}
div.figure.left {
	text-align:left;
	float:none;
	margin:1em auto 1em 1em;
}
div.figure.left.wrap {
	float:left;
	margin:1em;
}
div.figure.left.wrap +p {
	clear:none;
}
div.figure.left +p {
	clear:left;
}
#content p.figure .copyright {
	padding:10px 0 0 0;
	background-color:transparent;
	font-size:smaller;
}
#content p.figure {
	margin:0 0.5em;
	padding:0 0.3em;
}
#content p.figure span {
	background-color:#000000;
}
#content div.ft {
	margin:0;
}
strong, b {
	/* Used to emphasise text within a paragraph */
	font-weight: bold;
}
blockquote {
	/* Positions the text style for quotations and extracts.
IMPORTANT: the text is styled with 'blockquote p' */
	margin:5px auto 5px 0.8em;
	max-width:490px;
	text-align:left;
}
blockquote p {
	/* Renders the text styles for quotations and extracts */
	
	/*font-size:90%;*/
	color:#00535E;
}
cite {
}
em, i {
/* Used for any italicised texts in a paragraph. 
Its recommended that the values are inherited from 'p' 
as it could conflit visually with 'strong' */
}
/* popups and audio pages already have a print link so remove this second one in the footer */
#popup a.printLink, #audio a.printLink {
	display:none;
}
abbr, acronym {
	cursor:help;
	border-bottom:1px dashed #000;
}
code {
	font-family:Courier, "Courier New", monospace;
	font-size:110%;
	display: block;
	white-space: pre;
}
pre {
	margin:0;
}

/* --------------------- Standard lists --------------------- */
ul, ol {
	max-width:600px;
}
li {
	margin:3px 0 3px 35px;
	color:#000;
	list-style-image:url(../../styles/graphics/dot.gif);	
	list-style-position:outside;
}
li p {
	/* Positions a list item's second or subsequent paragraph(s) */
	margin:5px 0;
	color:#000;
	min-width:0;
/*	max-width:395px;*/
}
ul li ul li {
	/* Unordered list nested once */
/*list-style-image: url(graphics/download.png);*/
	list-style-type:circle;
	margin :5px 5px 5px 35px;
	display:list-item;
}
ol li ol li {
	/* Ordered list nested once */
	list-style-type: lower-alpha;
	margin :5px 5px 5px 35px;
	display:list-item;
}
ol li ol li ol li {
	/* Ordered list nested twice */
	list-style-type:lower-roman;
	margin :5px 5px 5px 35px;
	display:list-item;
}
table.layout ul li {
	margin:0 0 0 0px;
}
table.layout ol li {
	margin:0 0 0 -20px;
}
#content table.layout td p {
	margin-top:0.5em;
	margin-bottom:0;
	padding:0;
}
dl {
	border:1px solid #5A5A5A;
	padding:0;
	margin:0;
	width:96%;
	max-width:600px;
}
dt {
	border-bottom:1px solid #5A5A5A;
	background-color:#EDF1F5;
	font-weight:bold;
	color:#003366;
	padding:3px;
	margin:0;
}
dd {
	padding:3px;
	margin:0;
}

/* --------------------- footer --------------------- */

#footer {
	border:none;

	background-color:#484848;
	
	border-bottom:4px #484848 solid;
	
}
#footer p {
	
	margin: 0 auto;
	position:relative;
	
}


#footer #DET {
  padding:0 0 0 40px;
}
#footer #CLIC{
	margin:20px 0 0 15%;
	padding:0;
}

/* --------------------- NEALS footer with NSW CLIC ------------------------------------------------------------------------------------ */
#footer #NEALS{
	margin:20px 0 0 58%;
	padding:0;
}
/* --------------------- copyright footer with NSW CLIC ------------------------------------------------------------------------------------ */

#footer #copyright {
	
	padding: 2.1em 0 0 3em;
	left:33em;
	margin:0;
}

#footer #copyright img {
	padding-left:10px;
}

#popup #footer #copyright {
	font-size:12px;
	top:0.2em;
	left:1.5em;
	color:#333;
 	padding: 20px 0 0 90px;
	height:20px;
	max-width:400px;
}
#popup #footer #copyright img {
}
#popup #content p.copyright {
	color:#333;
}
#footer a {
	font-size:12px;
	color:#fff;
	margin:0;
}
#footer #print {
	padding-right:1em;
}
#footer p#pagination {
 	display:none;
}
#footer p#pagination span {
	width:18%;
	float:left;
}
#footer p#pagination span#start {
}
#footer p#pagination span#back {
}
#footer p#pagination span#location {
	text-align:center;
}
#footer p#pagination span#next {
	text-align:right;
}
#footer p#pagination span#end {
	float:right;
	text-align:right;
}
a.printLink {
	margin-left:1.5em;
	
}
a.printLink:link, a.printLink:visited {
	color:#575757;
}
a.printLink:focus, a.printLink:hover, a.printLink:active {
	color:#003366;
}

	

	
	
	
/* --- Bottom navigation styles --- */

p.navBot {
	/* Text style */
	color:#575757;
	font-size:0.8em;
	text-align:right;
	margin-right:15px;
	margin-top:0;
	padding-right:0;
	max-width:100%;
}
a.navBot {
/*	font-weight:normal;*/
}
a.navBot:link {
	color:#575757;
}
a.navBot:visited {
	color:#575757;
	text-decoration:none;
}
a.navBot:focus, a.navBot:hover, a.navBot:active {
	color:#003366;
}
/* ----------------- Activity styles ---------------- */

.actdiv {
	background-color:#fff;
	padding:0.5em;
	width:90%;
	border:1px #5A5A5A dashed;
	margin:0.5em 0;
}
.actdiv p {
	/* Paragraph text style for activity. 
Questions are tagged within strong tags and rendered using the the style for 'strong' */
	margin:0.5em;
	color:#000;
	font-size:100%;
}
.activityTitle {
	font-weight:bold;
}
label.activityLabel {
}
input {
}
.actinput, textarea {
	/* Renders the text styles for 'input' box (missing word activities) and 
'textarea' (short answer question activities). */
	font-family:Arial, Verdana, helvetica, sans-serif;
	font-size:95%;
	color:#000;
}
.shortAnswerTextarea {
	width:95%;
}
.actinput {
	/* Renders the margins either side of the 'input' box */
	margin:0;
	padding:0;
	width:3em;
	display: block;
	float: left;
}
p.actbutton {
	padding:1em 0;
	margin:0.1em 0;
}
p.actbutton a {
	/* These attributes render the look and feel of the feedback buttons */
/* top, right, bottom, left */
	margin:0;
	font-family:Verdana, helvetica, Arial, sans-serif;
	font-size:90%;
	text-decoration:none;
	font-weight:bold;
	padding:0.3em;
	border-bottom:2px #5A5A5A solid;
	border-right:2px #5A5A5A solid;
	background-color:#e5e5e5;
}
p.actbutton a:link {
	color:#000;
}
p.actbutton a:visited {
	color:#575757;
}
p.actbutton a:focus {
	color:#003366;
}
p.actbutton a:hover {
	color:#003366;
}
p.actbutton a:active {
	color:#000;
}
/* --- Table style for JavaScript activities --- */

table.activity {
	/* If this table is not rendered in the '.actfieldset' then 
its recommended that the width not exceed 96% */
	margin:0 0 15px 0;
	width:100%;
	border-collapse:collapse;
}
table.activity td {
	/* Contains the text style for JavaScript activities */
	font-family:Verdana, Helvetica, Arial, sans-serif;
	color:#000;
	background-color:transparent;
	padding:0;
	border:0 #000 solid;
	vertical-align:middle;
}
/* -------------------- Styles for tables ------------------- */

/* --- Tabular table styles --- */

p.figure + * {
	clear:both;
}

table.layout{
	
	width: 99% !important;
	
	}





table.layout td {
	vertical-align:text-top;
}
table.tabular {
	/* Its recommended that the width not exceed 96% */
	width:90%;
	margin:0px 0px 10px 15px;
	border-collapse:collapse;
	min-width:0;
	max-width:670px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	background-color:#000;

}
caption {
	/* Accessibility related captions for tabular tables */
/* top, right, bottom, left */
	padding:1em 0 .5em 0;
	color:#000;
	font-weight:bold;
	text-align:left;
}
.toggle  {
	
    margin: 0 0 0 2em;
}
.textContain {
	max-width:60em;	
}

#content table div.ft p, #content .textContain div.ft p {
	background-color:transparent;

}

#content table.tabular p {
	color:#000;
	margin:5px;
}

table.tabular th {
	color:#99CB2A;
	font-weight:bold;
	padding:3px 5px;
	background-color:#000;
	vertical-align:top;

}
table.tabular td {
	background-color:#FAF8F8;	
}

table.tabular td.ba {
	/* Contains the default text style for tabular data. 
IMPORTANT: Its recommended that text within tabular tables 
appear within p tags and styled with 'td p' */
	color:#000;
	font-size:90%;
	text-align:left;
	padding:0;
	vertical-align:top;
}


.cell2 h3 {
/*background:url(graphics/office.gif) no-repeat left bottom;*/
/*	padding-top:.7em;*/
	margin-top:.7em;
	margin-bottom:-.3em;

}
#content table.layout td.cell2 p {

/*	text-align:right;*/
	padding-right: 1em;

}
/*#content #tabs table.layout td.cell2 p {

	text-align:left;
	

}*/

#popup table.tabular p {
	/* Paragraph text style for tabular tables */
	margin:0;
	color:#000;
}
table.tabular p {
	/* Paragraph text style for tabular tables */
	margin:5px 5px 5px 0;
	color:#000;	
}

table.tabular li {
	/* Ordered and unordered list style for tabular tables */
	color:#000;
	margin:0 5px 5px -10px;
	display:list-item;
	text-align:left;
}
table.tabular ol li ol li {
	/* Nested ordered list for tabular tables */
	list-style-type:lower-alpha;
	margin:5px 0 0 -10px;
}
table.tabular p.caption {
	/* Caption text style for graphics rendered in tabular tables */
	margin:5px;
	color:#039;
	text-align:left;
}
table.tabular img {
	/* Positions graphics inserted in tables */
	margin:0;
}

/*-----the first element after a layout table should be cleared  ------- */
.layout {
	display:table;
	border-collapse:collapse;
}
.layout + * {
	clear:both;
}
.layout div {
	float:left;
	margin:0 0.3em;
}
.layout div.row {
	clear:both;
	width:100%;
	display:table-row;
}
.layout div.row p {
	width:95%;
}
.layout div.right {
	float:right;
}
.layout div.right wrap {
}
/* --------------- Feedback styles ------------------- 
IMPORTANT: These styles render the texts in the feedback windows */

h1.feedback, p.feedback {
	margin:15px;
}
/*---------------Audio styles -------------------------- */
.transcript {
	visibility:visible;
}
.audio {
	border:dotted 1px #999;
	padding:0.5em;
}
/*---------------End of audio styles -------------------------- */

.right {
	float:right;
}
.left {
	float:left;
}
.wrap {
}
.forty {
	width:40%;
}
.clear {
	clear:both;
}
.clearLeft {
	clear:left;
}
.clearLeft p {
	width:90%;
}
.push {
    height:5em;
}
/*---------------TABS
-------------------------- */


#popup .ui-tabs ul {
	padding-left:1em;
}

#content ul, #content ol {

    max-width: 60em;
	padding-left:1em;
 
}

.ui-tabs .ui-tabs-nav li a { 
	float: left; 
	text-decoration: none; 
	padding: 0.5em 1em;
	color:#000;
}


.ui-tabs .ui-tabs-nav li a:hover {
	color:#000;
}


.ui-tabs { 
	padding: .2em;
	zoom: 1;
	min-height:252px; 
	
}

.ui-tabs .ui-tabs-panel {
    font-size: 0.9em;
}

.layout td.cell2.ta .popup_wide{
	
	float:right;
	
	}


.ui-widget-header {
	background-color:#00535E;
	background-image:none;

}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color:#00535E;
	background-color:#fff;
	border-bottom:none;
}



.ui-widget-header {
	border:none;
}
/*.ui-widget-content { border:none;}*/