/*********************************************************************
	The following styles are intended as overrides and extensions to
	the YUI reset-fonts-grids. These styles fololw the YUI styles in
	the cascade.
	Author: dave@flexible.co.nz
**********************************************************************
Brand colors:
 Purple				#421A4D
 Gold         #B38D27
 Yellow				#
 Green				#
*/
/****************************** PAGE *********************************/
body {
	background:#FFFFFF url('../images/footer-excess.gif') center 541px no-repeat;
	font-family:Arial, Helvetica, sans-serif;
}
#doc2 { 
	/* Custom width: 826px (divide by 13 for em size, or 13.3333 for IE em size) */
	width:62.53em;/* non-IE */ 
	*width:61.95em;/* IE */ 
	min-width:826px;/* optional but recommended */
	position:relative;	
}
a:link, a:active, a:visited {
	color:#3D1C4B;
	text-decoration:underline;
}
a:hover {
	color:#000000;
	text-decoration:none;
}
a:visited {
	color:#886782;
}
img#NZDF { border:2px solid red; }
img#FLN { border:2px solid blue; }

#intro-msg { margin:10px 20px; }

/***************************** HEADER ********************************/
#hd {
	position:relative;
	height:67px;
	background:#FFFFFF url('../images/nzdf_mjs_hd.jpg') 0 0 no-repeat;
}

/****************************** BODY *********************************/
	#bd {
		text-align:center;
	}
		#breadcrumb {
			margin-bottom:5px;
			padding:2px 10px 2px 14px;
			border-bottom:1px solid #C3C1C1 ;
		}
			#breadcrumb li {
				float:left;
				display:inline; /* <IE7 margin-doubling fix */
				padding:0 10px 0 10px;
				margin:0;
				list-style-type:none;
				font-weight:bold;
				font-size:1.0em;
				background: transparent url('../images/breadcrumb-seperator.gif') 0 6px no-repeat;
			}
			#breadcrumb li.first {
				padding-left:0;
				background:none;
			}
				#breadcrumb li a:link,
				#breadcrumb li a:visited,
				#breadcrumb li a:active {
					color:#3D1C4B;
					text-decoration:none;
				}
		/* Total available inner content width: 804px */
		/* General fragment styles */
	
		h1, h2, h3, h4, h5, h6 { margin:10px 0; }
		h1,h2,h3 {
			font-weight:bold;
			color:#421A4D;
		}
		h1{ font-size:1.2em;	 }
		h2 { font-size:1.1em; }
		h3 { font-size:1em; }
	
		ol li{
			margin-left:25px;
			list-style-type: decimal;
		}
		ol.alpha li{
			margin-left:25px;
			list-style-type: lower-alpha;;
		}						
		ul li {
			margin-left:25px;
			list-style-type:square;
		}
		strong{ font-weight:bold; }
		em { font-style:italic; }
		
		/* Table types */
/*
		table, td, tr, th{
			border: 1px solid grey;
		}
*/		
		table {
			border-top:1px solid #421A4D;
			border-left:1px solid #421A4D;
			}
		th { font-weight:bold; text-align:center; color: #421A4D; }
		td, th {
			padding:0 5px;
			border-bottom:1px solid #421A4D;
			border-right:1px solid #421A4D;
		}
		.table-type-a th,
		.table-type-b th {
				background-color:#421A4D;
				color:#FFFFFF;
		}
			.table-type-a p,
			.table-type-a p {
				margin:0;
				padding:4px 2px;
			}
			.table-type-b td { padding:5px; }
			
		/* Fragment specific classes */
		.float-right {
			float:right;
		}
		.float-left {
			float:left;
		}
		.center { text-align:center; }
		.mg-top 	{ margin-top:10px; }
		.mg-right { margin-right:10px; }
		.mg-bot 	{ margin-bottom:10px; }
		.mg-left 	{ margin-left:10px; }
		.smaller { font-size: 0.5em; }
		
	/* Page layouts */
	/* Menu pages */
	body.menu-content {
		background: transparent url('../images/menu-background.jpg') top center no-repeat !important
	}
		.menu-background:after {
			/* Override for YUI grids reset clearer which adds 10px to the bottom of YUI elements */
			display:none !important ;
		}
		.menu {
			width:780px;
			margin:0 auto;
		}
		#topic_menu { outline:none; }

	/* Text and Image Templates */
	body.standard-content {
		background: transparent url('../images/standard-background.gif') top center no-repeat !important;
	}
		.standard-background {  }
		.standard-background:after {
			/* Override for YUI grids reset clearer which adds 10px to the bottom of YUI elements */
			display:none !important ;
		}
		.text {
			width:780px;
			margin:0 auto;
			text-align:left;
		}
		.text:after {
			/* Override for YUI grids reset clearer which adds 10px to the bottom of YUI elements */
			display:none !important ;
		}
	/* Objectives template */
	body.objectives-content {
		background: transparent url('../images/objectives-background.jpg') top center no-repeat !important;
	}
		.objectives-background { }
		.objectives-background:after {
			/* Override for YUI grids reset clearer which adds 10px to the bottom of YUI elements */
			display:none !important ;
		}
		.objectives {
			width:800px;
			margin:50px auto 0 auto;
			padding-bottom:5px; /* Non IE */
			*padding-bottom:15px; /* IE */
			text-align:left;
			border-bottom:4px solid #583A54 ;
			background:transparent url('../images/objectives-bg-tile.gif') top left repeat-y;
		}
			.objectives p,
			.objectives h1,
			.objectives h2 {
				margin:15px 20px;
			}
			.objectives ul {
				margin-left:10px;
				margin-right:20px;
			}
				.objectives ul li {
					list-style-type:none;
					background: url('../images/icon-logo-bullet.gif') top left no-repeat;
					padding-bottom:5px;
					padding-left:30px;
					_height:1.2em; /* IE6 doesn't render the bg image unless height given */
				}
			.objectives .box-heading {
				padding:2px;
				background:#3D1C4B;
				border-bottom:4px solid #BD9E45;
				color:#e6bc4c;
				font-weight:bold;
				font-size:1.1em;
				text-align:center;
			}
			.objectives .bl-corner,
			.objectives .br-corner {
				position:absolute;
				bottom:0;/* non-IE */ 
				_bottom:-8px;/* IE */ 
				width:9px;
				height:8px;
			}
			.objectives .bl-corner {
				display:none;
				left:4px;
				background:transparent url('../images/objectives-bl-corner.gif') top left no-repeat;
			}		
			.objectives .br-corner {
				display:none;
				right:4px;
				background:transparent url('../images/objectives-br-corner.gif') top left no-repeat;
			}
	/* Summary pages */
	body.summary-content {
		background: transparent url('../images/summary-background.jpg') top center no-repeat !important;
	}
		.summary-background { }
		.summary-background:after {
			/* Override for YUI grids reset clearer which adds 10px to the bottom of YUI elements */
			display:none !important ;
		}
		.summary {
			width:780px;
			margin:50px auto 0 auto;
			text-align:left;
		}

	/* MCSA template layout01 and layout02*/
	body.mcsa-content {
		background: transparent url('../images/standard-background.gif') top center no-repeat !important;
	}
		.mcsa-background {
			xbackground: transparent url('../images/standard-background.gif') top center no-repeat !important;
		}
		.summary-background:after {
			/* Override for YUI grids reset clearer which adds 10px to the bottom of YUI elements */
			display:none !important ;
		}
		.mcsatext {
			width:780px;
			margin:20px auto;
			padding:0 10px 10px 10px;
			text-align:left;
			border:1px solid #C3C1C1 ;
			background:#FFFFFF;
		}
		
		.mcsatext.layout02 .mcsa_asset{
			padding-left:20px;
			float:right;
		}
		
		.mcsatext.layout02 .MCSA_distractor{
			width:360px;
		}
	
			.mcsa-content #MCSA_form .MCSA_distractor {
                padding-left: 25px;
                background-image: url('../images/question_tick_x.gif');
                background-repeat: no-repeat;
                background-position: 0px 10000px;
                margin-bottom: 6px;
            }.mcsa-content #MCSA_form .MCSAcorrect {
                background-position: 0px -263px; /*Half the height of the gif + 3px*/
            }.mcsa-content #MCSA_form .MCSAincorrect {
                background-position: 0px 3px; /* +3px */
            }.mcsa-content #MCSA_form .MCSAradio {
            	margin-top:2px;            	
            	_margin-top:-2px;
                float: left;
            }.mcsa-content #MCSA_form label span {
                padding-left: 29px;
                display: block;
            }.mcsa-content #submitButton {
            	float:left;
            }.mcsa-content #tryAgainButton {
				margin-left: 65px;					
            }.mcsa-content .tryAgainButtonOn {
                display: block;
            }.mcsa-content .tryAgainButtonOff {
            	clear:both;
                display: none;
            }.mcsa-content .instructionOn {
            	clear:both;
                display: block;
            }.mcsa-content .instructionOff {
                display: none;
            }
	
					
		/* Miscellaneous */
		#overlay {
			/* This element remains hidden, its contents only accessed by a YUI panel overlay if the page requires it */
			display:none;
		}
		#flash_object {
			outline:none;
			text-align:center;
		}
		p.instruction {
			position:absolute;
			bottom:-5px;
			left:12px;
			width:760px;
			text-align:left;			
			padding: 4px 2px 4px 40px;
			background:#FFFFFF url('../images/icon-instruction.gif') 5px center no-repeat;
			border:1px solid #D7D7D7;
		}
		.glosstip:link,
		.glosstip:visited {
			color:#666666;
			text-decoration: underline;
			padding: 0 10px 0 2px;
			background: transparent url('../images/glosstip-icon.gif') right 0.5em no-repeat ;
		}
		.glosstip:hover {
			color:#3D1C4B;
			background: transparent url('../images/glosstip-icon-on.gif') right 0.5em no-repeat ;
		}
		/*
		h1.full-screen-video {
			margin:5px 0;
		}
	*/
	
/***************************** FOOTER ********************************/
	#ft {
		height:47px;
		padding-top:7px;
		background:transparent url('../images/nzdf_mjs_ft.jpg') 0 0 no-repeat;
	}
		#ft li {
			float:left;
			display:inline; /* <IE7 margin-doubling fix */
			margin:0;
			padding:0;			
			list-style-type:none;
		}
		/* Back button */
		#ft #backButton {
			width:96px;
			height:39px;
			margin-right:238px;
			background:transparent url('../images/ft_back_next_panel.jpg') 0 0 no-repeat;
		}
			#ft #backButton a {
				display:block;
				height:39px;
				text-decoration:none;
			}
			#ft #backButton a:hover {
				background:transparent url('../images/ft_back_next_panel.jpg') 0 -39px no-repeat;
			}
		#ft #backButton .enabled { background-position: 0 0 !important; }
		#ft #backButton.disabled { background-position: 0 -78px ; }
			/* #ft #backButton.disabled a { display:none ; } */
			#ft #backButton.disabled a:hover { background:none; }	

	/* Exit button */
		#ft #exitButton {
			position:absolute;
			bottom:25px;
			left:180px;
			width:60px;
			height:19px;
			background:transparent url('../images/ft_exit_btn.jpg') 0 0 no-repeat;
			display:block;

		}
			#ft #exitButton a {
				display:block;
				height:19px;
				text-decoration:none;
				
			}
			#ft #exitButton a:hover {
				background:transparent url('../images/ft_exit_btn.jpg') -60px 0 no-repeat;

			}
		#ft #exitButton .enabled { background-position: 0 0 !important;	}
		#ft #exitButton.disabled { background-position: -120px 0 ; }
			#ft #exitButton.disabled a:hover { background:none; }	

		.visibilityOn{
			visibility:visible;
		}
		
		.visibilityOff{
			visibility:hidden;
		}
		
		
	/* Menu button */
	#ft #menuButton {
		width:66px;
		height:40px;		
		background:transparent url('../images/ft_menu_glossary_panel.jpg') 0 0 no-repeat;
	}
		#ft #menuButton a {
			display:block;
			height:40px;
			text-decoration:none;
		}
		#ft #menuButton a:hover {
			background:transparent url('../images/ft_menu_glossary_panel.jpg') 0 -40px no-repeat;
		}
	#ft #menuButton .enabled { background-position: 0 0 !important; }
	#ft #menuButton.disabled { background-position: -163px -40px ; }
		/* #hd #menuButton.disabled a { display:none ; } */
		#ft #menuButton.disabled a:hover { background:none; }
	
	/* Glossary button */
	#ft #glossaryButton {
		width:97px;
		height:40px;
		background:transparent url('../images/ft_menu_glossary_panel.jpg') -66px 0 no-repeat;
	}
		#ft #glossaryButton a {
			display:block;
			height:40px;
			text-decoration:none;		
		}
		#ft #glossaryButton a:hover {
			background:transparent url('../images/ft_menu_glossary_panel.jpg') -229px 0 no-repeat;
		}
	#ft #glossaryButton .enabled { background-position: -66px 0 !important; }
	#ft #glossaryButton.disabled { background-position: -229px -40px ; }
		#ft #glossaryButton.disabled a:hover { background:none; }
		
		/* Next button */
		#ft #nextButton {
			float:right;
			width:96px;
			height:39px;
			background:transparent url('../images/ft_back_next_panel.jpg') -96px 0 no-repeat;
		}
			#ft #nextButton a {
				display:block;
				height:39px;
				text-decoration:none;		
			}
			#ft #nextButton a:hover {
				background:transparent url('../images/ft_back_next_panel.jpg') -96px -39px no-repeat;
			}
		#ft #nextButton .enabled { background-position: -96px 0 !important; }
		#ft #nextButton.disabled { background-position: -96px -78px ; }
			/* #ft #nextButton.disabled a { display:none ; }	 */
			#ft #nextButton.disabled a:hover { background:none; }

		#ft #pageNumbering {
			width:225px;
			padding-top:8px !important;
			text-align:center;
			font-weight:bold;
		}

		#ft #pageNumbering.disabled {
			display:none;
		}		
		
		#ft #pageNumbering.enabled {
			display:block;			
		}
		
	

/***************************** GLOSSARY PAGE ********************************/
body.glossary {
	background:#FFFFFF;
}
body.glossary .bg-tile {
	background: transparent url('../images/content-border-tile.gif') top center repeat-y !important;
}
	body.glossary #bd {
		padding-bottom:10px;
		text-align:left;
	}
		body.glossary #bd .close-glossary {
			position:absolute;
			top:68px;
			right:8px;
		}
			body.glossary #bd .info {
				width:90%;
				margin:20px auto;
				padding:0 10px 10px 10px;
			}
				body.glossary #bd .info ul.list {
					margin-bottom:15px;
					padding-bottom:30px;
					background:transparent url('../images/icon-logo-watermark.gif') center bottom no-repeat;
				}
					body.glossary #bd .info ul li.list {
						list-style-type:none;
						list-style-image:url('../images/icon-glossary-info.gif');
						padding-bottom:2px;
					}
				body.glossary #bd dt {
					font-weight:bold;
					padding-bottom:5px;
				}
				body.glossary #bd dd {
					padding-bottom:30px;
				}
		body.glossary #ft {
			height:75px;
			background:#FFFFFF url('../images/footer-excess.gif') center top no-repeat;
		}
		
/***************************** MISC ********************************/
		/* Javascript Error debug */
		#message {
			text-align: left;
			position: absolute;
			border: 1px solid red;
			top: 0;
			right: 100px;
			background-color: pink;
			color: red;
			font-size: 9px;
			width: 400px;
			height: 20px;
			display: none;
			overflow-y: scroll;
		}
		/* tiled ruler tool for box model precision */
		.ruler-tool {
			display:block;
			height:10px;
			margin:4px 0;
			background:#FFFF66 url('../images/ruler_tool.gif') bottom left repeat-x ;
		}