/* QUT template - corpstyle stylesheet */
/* Should be used in conjunction with common and branch stylesheets */
/* Copyright QUT 2009 */
/* Version 4.0 */

/* MAIN ELEMENTS ----------------------------------------------------------------- MAIN ELEMENTS */

html, body, ul, li {
	margin: 0;
	padding: 0;
}

body {
	background-color: #bfddec;
	color: #333;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100.01%;
	width:970px;
	margin:auto;
}

iframe	{
	margin:0;
	padding:0;
}

a {
    color: #094f95;
    text-decoration: none;
}

p {
	font-size: 13px;
	margin: 7px 0 15px 0;
	padding: 0;
}

h1.page_title {
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 1em 0 0 0;
}

/* Heading colour */

h1, h2, h3, h4, h5, h6 {
  color: #000;
}

/* Image link border fix */

a img {
	border: 0;
}

/* Table styles - apply 'qut-table' class to tables to use */

table.qut-table, table.qut-table th, table.qut-table td, .print table.qut-table, .print table.qut-table th, .print table.qut-table td  {
    border-color: #333;
    border-style: solid;
}

table.qut-table, .print table.qut-table {
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
    margin: 0.5em 0;
}

table.qut-table th, .print table.qut-table th {
	background-color: #ccc;
	font-weight: bold;
}

.content table th, .content table td, .print table th, .print table td {
	font-size: 0.75em;
}

.content table p, .print table p {
	font-size: 1em;
}

table.qut-table th, table.qut-table td, .print table.qut-table th, .print table.qut-table td {
	margin: 0;
	padding: 5px;
	border-width: 1px 1px 0 0;
}

/* List styles */

.content ol, .content ul, .print ol, .print ul {
	font-size: 0.75em;
	line-height: 1.5em;
	margin: 1em 0 1em 3em;
}

.content li, .print li {
	margin: 0.5em 0;
}


/* BANNER ------------------------------------------------------------------------------- BANNER */

.banner {
	clear: both;
	margin: 0;
	padding: 0;
}

.logo {
	float: left;
	margin: 0;
	padding: 0;
}

.realworld {
	float: right;
	margin: 0;
	padding: 0;
}

a.skip_link {
	left: -999em;
	overflow: hidden;
	position: absolute;
	top: 0;
}

/* CONTENT ----------------------------------------------------------------------------- CONTENT */

.content_div {
	clear: both;
	margin: 0;
	padding: 0 0 50px 0;
	width: 100%;
	background-color:#fff;
}

.sidenav {
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
	width: 245px;
}

.sidenav	ul li	{
	list-style-image: none;
	list-style-type: none;
	font-size:13px;
	color:#000;
}


.content {
	line-height: 1.1em;
	margin: 0 80px 10px 285px;
}

.right_margin {
	float: right;
	margin: 35px 0 10px 0;
	padding: 0 20px 0 0;
	width: 55px;
}

.marketing {
	clear: both;
	margin: 10px 0;
	text-align: justify;
}


/* FOOTER ------------------------------------------------------------------------------- FOOTER */

.footer {
	background-color:#fff;
	clear: both;
	font-size: 12px;
	padding: 0 0 0 0;
	width: 100%;;
	background-image:url(../graphics/footer.jpg);
	height:251px;
}

.footer ul {
	list-style:none;
	margin: 0 0 0 30px;
	color:#5F5F5F;
}

.footer p {
	font-size:15px;
	font-weight:bold;
	margin: 25px 0 10px 20px;
	color:#5F5F5F;
}

.footer a:hover {
	text-decoration:underline;
}

.footer a{
	color:#5F5F5F;
}

.footerTopLeft	{
	float:left;

	width:587px;
	height:150px;
	margin:auto;
}

.footerTopLeftStories	{
	height:65px;
	float:left;

}

.footerTopLeftStories1	{
	margin-left:30px;
	width:135px;
	height:65px;
	float:left;

}

.footerTopLeftStories2	{
	margin-top:2px;
	width:130px;
	height:65px;
	float:left;

}


.footerTopLeftStories3	{
	margin-top:2px;
	width:120px;
	height:65px;
	float:left;

}


.footerTopLeftStories4	{
	margin-top:2px;
	width:140px;
	height:65px;
	float:left;

}

.footerTopLeftStories ul	{
	margin:0;
	padding:0;
}

.footerTopRight	{
	float:left;

	width:378px;
	height:150px;
	margin:auto;
}

.footerBottomLeft	{
	float:left;

	width:400px;
	height:90px;
	margin:auto;
}


.footerBottomRight	{
	float:left;

	width:560px;
	height:90px;
	margin:auto;
}

.footerBottomRight img{
	margin:15px 0 0 10px;
	float:right;
}

/* PRINT-FRIENDLY --------------------------------------------------------------- PRINT-FRIENDLY */

.print_friendly {
	float: right
}

.print_friendly img {
	height: 23px;
	vertical-align: top;
	width: 27px;
}

.print {
	margin: 0 20px;
	text-align: left;
}


/* NAVIGATION TREES ----------------------------------------------------------- NAVIGATION TREES */

ul.side_nav_menu {
	border: 1px solid #E6E6E6;
	font-size: 0.9em;
}

ul.side_nav_menu li {	/* NEW */
	border-top: 1px solid #E6E6E6;
}

ul.side_nav_menu li a	{	/* NEW */
	cursor: pointer;
	display: block;
	padding: 8px 10px 8px 27px;
	color:#333333;
}

ul.side_nav_menu li, ul.side_nav_menu a, ul.side_nav_menu span {
	
}

ul.side_nav_menu li.sidenav-line {
	
}

ul.side_nav_menu li.currentbranch-top {
	background: url(../graphics/sidenav-current.jpg);
	background-color: #F2F6F9;
}

ul.side_nav_menu li.currentbranch-top a.level2menu {
	background-color: #F2F6F9;
	font-weight:bold;
}

ul.side_nav_menu li.currentbranch-top a.level3menu {

}

ul.side_nav_menu li.currentbranch-mid {
	
}

ul.side_nav_menu li.currentbranch-bottom {
		
}

/* Active navigation tree elements (usually same as headings!) */
a.level1menu:hover, .level1current, a.level2menu:hover, .level2current, a.level3menu:hover, .level3current, a.level4menu:hover, .level4current {
	
}

a.level1menu:hover,	a.level2menu:hover, a.level4menu:hover {
	background-image:url(../graphics/sidenav-hover.jpg);
}

a.level3menu:hover	{
	background-image:url(../graphics/sidenav-expand-hover.jpg);
}

/* Non-active navigation tree elements */
a.level1menu, a.level2menu, a.level3menu, a.level4menu {
	
}

/* Level 1 menu */
.level1menu, .level1current {
	background: url(../graphics/sidenav-current.jpg);
	padding: 8px 10px 8px 27px;
	font-weight:bold;
}

/* Level 2 menu */
.level2menu {
	background-image:url(../graphics/sidenav.jpg);
}

a.level2menu {
	
}

ul.side_nav_menu li.currentbranch-top a.level2menu:hover {

}

.level2current-top, .level2menu-top {
	font-weight:bold;
	color:#094F95;
	padding: 8px 10px 8px 27px;
	background-image:none;
	background-color:none;
}

.level2current {
	padding: 8px 10px 8px 27px;
	display:block;
	background: url(../graphics/sidenav-current.jpg);
}

/* Level 3 menu */
.level3menu {

}

ul.side_nav_menu li.currentbranch-mid.level3menu a, ul.side_nav_menu li.currentbranch-bottom.level3menu a {
	padding-left: 50px;
}

ul.side_nav_menu span.level3menu {
	padding-left:50px;
}
.level3current {
	background: url(../graphics/sidenav-expand-current.jpg);
	padding: 8px 10px 8px 50px;
	display:block;
}

a.level3menu {
	background-image:url(../graphics/sidenav-expand.jpg);
	
}

.level3current-top, .level3menu-top {
	padding: 7px 10px 7px 27px;
}



/* Level 4 menu */
.level4menu {

}

a.level4menu {
	
}

.level4current {

}

/* Menu section divider */
li.divider {

}


/* CONTRIBUTE ----------------------------------------------------------------------- CONTRIBUTE */

.contribute_warning {
	background-color: #f00;
	color: #fff;
}

.contribute_warning a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}


/* SITE-SPECIFIC SETTINGS */

/* Navigation button classes */
/* Just empty definitions; no need to redefine them here as it is done in branch-specific stylesheets */
.sitehome_button {}
.branch1_button {}
.branch2_button {}
.branch3_button {}
.branch4_button {}

.clearBoth	{
	clear:both;
}

/* QUIZ CSS */

.answerShow {
	display: block;
	position: static;
	margin-left: 0;
	visibility: visible;
}
.answerHide {
	display: none;
	position: absolute;
	margin-left: -5000px;
	visibility: hidden;
}

.error {
	background-image: url(../graphics/ico_error.gif);
	background-repeat: no-repeat;
	background-position: 0 0.22em;
	padding-left: 16px;
	padding-bottom: 1em;
}

.invalid {
	background-color: #FFFFCC;
	border: 1px solid #7f9db9;
}

form {
	margin: 1.5em 0 0.5em 0;
	font-size: 13px;
}

.contact-form .content {
	background-color: #ecf6fa;
	padding: 7px;
	margin: 0;
}

.contact-form h2 {
	background-color: #64a0d7;
	background-image:url(../graphics/ico_contact-form.gif);
	background-repeat: no-repeat;
	background-position: 5px 0.25em;
	color: #ffffff;
	padding: 7px 8px 7px 33px;
	margin: 0;
}

.formblock {
	margin: 0 0 0.5em 0;
}

.assessment .formblock.buttons input {
	margin-left: 0 !important;
}

.assessment .formblock input, .assessment .formblock label {
	vertical-align: middle;
}

.assessment .formblock {
	padding-left: 15px !important;
}

.assessment .formblock .correct, .assessment .formblock .incorrect {
	padding: 4px 0 5px 25px;
	background-repeat: no-repeat;
	background-position: 6px 1.1em;
}

.assessment .formblock .correct {
	background-image: url(../graphics/ico_assessment-correct.gif);
}

.assessment .formblock .incorrect {
	background-image: url(../graphics/ico_assessment-incorrect.gif);
	
}

.contact-form .formblock label  {
	display: block;
	width: 115px;
	float: left;
	text-align: right;
	color: #6587ab;
	margin-right: 10px;
}

.formblock input, .formblock textarea {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.contact-form #txtName {
	width: 195px;
}

.contact-form #txtEmail {
	width: 245px;
}

.contact-form #txtComments {
	width: 420px;
	height: 8em;
}

form .buttons {
	padding: 5px 0 5px 125px;
}

.assessment {
	margin: 1.5em 0 2em 0;
}

.assessment .content {
	background-color: #ecf8e6;
	padding: 7px 7px 20px 7px;
	margin: 0;
}

.assessment h2 {
	background-color: #5eba41;
	background-image:url(../graphics/ico_thinking-challenge.gif);
	background-repeat: no-repeat;
	background-position: 5px 0.25em;
	color: #ffffff;
	font-weight: bold;
	padding: 7px 8px 7px 33px;
	margin: 0;
}

/* Thinking Challenge */

.thinking-challenge {
	margin: 1.5em 0 2em 0;
	width: 600px;
	overflow:hidden;
}

.related-links {
	margin: 1.5em 0 2em 0;
	width: 600px;
}

.thinking-challenge .content {
	background-color: #ecf8e6;
	padding: 7px;
	margin: 0;
	display:none;
}


.related-links .content {
	background-color: #ecf6fa;
	padding: 7px;
	margin: 0;
}

.thinking-challenge h2 {
	background-color: #5eba41;
	background-image:url(../graphics/ico_thinking-challenge.gif);
	background-repeat: no-repeat;
	background-position: 5px 0.25em;
	color: #ffffff;
	font-weight: bold;
	padding: 7px 8px 7px 33px;
	margin: 0;
	cursor:pointer;
}

.thinking-challenge ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.thinking-challenge li {
	display: block;
	padding: 2px 0 2px 18px;
	background-image: url(../graphics/ico_arrow-thinking.gif);
	background-repeat: no-repeat;
	background-position: 0 0.45em;
	margin-bottom: 14px;
}



.related-links h2 {
		background-color: #64a0d7;
		background-repeat: no-repeat;
		background-position: 5px 0.25em;
		color: #ffffff;
		font-weight: bold;
		padding: 7px 8px 7px 33px;
		margin: 0;

}

.related-links a:hover {
	text-decoration:underline;
}

/* Navigation Module */

#nav-module .back {
	float: left;
}

#nav-module .next {
	float: right;
}

#nav-module .back, #nav-module .next {
	margin-top: -7px;
}

#nav-module {
	padding: 15px 0 0 0;
	margin: 0 0 1em 0;
}

#nav-module .progress {
	background-color: #ecf6fa;
	padding: 5px;
	margin: 1em 31px;
	display: block;
	color: #428ccf;
	font-weight: bold;	
	text-align: center;	
}

#nav-module .progress .box {
	vertical-align: middle;
}

/* Video Transcript */

.transcriptBox	{
	float:left;
	border:1px solid #CCC;
	width:578px;
	height:180px;
	overflow:scroll;
	padding:10px;
	margin-top:0;
	margin-bottom:15px;
}

.displayBox	{
	margin:0;
	padding:0;
}

.transcriptViewLink	{
	float: left;
	cursor:pointer;
	padding:10px;
	width:110px;
	background-color:#CCC;
	text-align:center;
	margin-top:0;
	margin-right:468px;
	margin-bottom:15px;
}

.transcriptViewLink:hover	{
	background-color:#DFDFDF;
}

.transcriptPTAG	{
	padding:0;
	margin:0;
}

/* GENERAL */

.storyImageThumb	{
	float:left;
	padding:5px 10px 10px 10px;
}

.storyPara	{
	float:left;
}

/* MODULES */

.orangeIcon	{
	float:left;
	margin:10px;
}

.brokenLink	{
	color:red;
}

.answerBox	{
	float:left;
	border:1px solid #CCC;
	width:558px;
	height:117px;
	padding:10px;
	margin-top:0;
	margin-bottom:15px;
	clear: both;
}

.answerBox2	{
	float:left;
	border:1px solid #CCC;
	width:558px;
	height:47px;
	padding:10px;
	margin-top:0;
	margin-bottom:15px;
	clear: both;
}

.clear-both	{
	clear: both;	
}