body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 3ex 2em;
}

	a {
		color: #4F71F3;
		text-decoration: underline;
	}
	
	a:visited {
		color: #964A76;
	}
	
	a:hover {
		color: #D00505;
		text-decoration: none;
	}
	
	h1 {
		color: #964a76;
		text-align: center;
	}
	
	h2 {
		font-style: italic;
	}
	
	h3 {
		clear: both;
		display: inline;
		margin-right: 1ex;
	}
	
		h3.intro {
			display: block;
			margin-right: 0em;
		}
		
		h3.section {
			display: block;
		}
		
		h3.header {
			color: #4f71f3;
			margin-top: 2ex;
		}
		
		h3.header.toc {
			display: block;
		}
	
	h4 {
		font-style: italic;
	}
	
	code {
		font-size: 1em;
		background-color: #eee;
	}
	
	div#url {
		text-align: center;
		font-size: 2em;
	}
	
	div#intro_container {
		margin-right: 240px;
	}
	
		div#intro_container img {
			vertical-align: middle;
			margin-right: 1ex;
		}
	
	/*ajax loading page styles:*/
	
	div#results {
		height: 400px;
		overflow: scroll;
		border: 1px solid #ccc;
	}
	
	/*the following styles are for the result summary list*/
	
	ul#result_list {
	
	}
		ul#result_list li.rl_pass, ul#result_list li.rl_warning, ul#result_list li.rl_fail, ul#result_list li.rl_check, ul#result_list li.rl_user, ul#result_list li.notice {
			list-style-type: none;
			padding-left: 30px;
			margin-bottom: 1ex;;
		}
	
		ul#result_list li.notice {
			background: url(notice.png) center left no-repeat;
			line-height: 24px;
		}
		
		ul#result_list li.rl_pass {
			background: url(pass_small.png) center left no-repeat;
		}
		
		ul#result_list li.rl_warning {
			background: url(warning_small.png) center left no-repeat;
		}
		
		ul#result_list li.rl_fail {
			background: url(fail_small.png) center left no-repeat;
		}
		
		ul#result_list li.rl_user, ul#result_list li.rl_check {
			background: url(question_small.png) center left no-repeat;
		}
						
			ul#result_list li p {
				margin: 0ex;
			}
				ul#result_list li p.desc {
					font-size: smaller;
				}
	
	/*end of result summary list*/
	
	/*fixed view options list*/
	div#view_options {
		position: absolute;
		top: 1ex;
		top: expression( ( ignoreMe = document.body.scrollTop ) + 10 + 'px' );
		
		right: 2.1em;
		padding: 1ex;
		border: 1px solid #964a76;
		background: white url(fieldset-background.png) bottom right no-repeat;
		width: 210px;
	}
	
		body>div#view_options {
			position: fixed;
		}
	
		div#view_options p {
			background-color: #964a76;
			color: white;
			margin: 1px 0ex;
			font-size: smaller;
			padding: 0.4ex;
		}
			div#view_options p a {
				color: white;
				text-decoration: underline;
			}
				div#view_options p a:hover {
					text-decoration: none;
				}
		
		div#view_options p.user_info {
			display: inline;
			background-color: transparent;
			color: black;
		}
		
		ul#view_options_list li#home_link {
			list-style-image: url(home.png);
		}
		
		ul#view_options_list li#toc_link {
			list-style-image: url(toc.png);
		}
		
		ul#view_options_list li#results_link {
			list-style-image: url(start.png);
		}
		
		div#view_options li.rl_pass {
			list-style-image: url(pass_small.png);
		}
		
		div#view_options li.rl_warning {
			list-style-image: url(warning_small.png);
		}
		
		div#view_options li.rl_fail {
			list-style-image: url(fail_small.png);
		}
		
		div#view_options li.rl_check, div#view_options li.rl_user {
			list-style-image: url(question_small.png);
		}
		
		div#view_options li.print_yes {
			list-style-image: url(button_ok.png);
		}
		
		div#view_options li.print_no {
			list-style-image: url(button_cancel.png);
		}
		
			div#view_options li span {
				vertical-align: 40%;
			}
			
			div#view_options li span.filtered {
				background-color: #ddd;
			}
			
				div#view_options li span a.filtered {
					text-decoration: line-through;
				}
				
		ul#print_options {
			display: none;
		}
				
		div#view_options {
		
		}
			
			div#view_options li span.no_print {
				background-color: #ddd;
			}
		
		div#tooltip {
			position: absolute;
			top: 0px;
			left: 0px;
			height: 157px;
			width: 302px;
			visibility: hidden;
			background: url(bubble.gif) top left no-repeat;
			opacity: 1;
		}
		
		body > div#tooltip {
			position: fixed;
		}
		
			div#tooltip p {
				margin: 45px 60px 40px 65px;
				font-size: 1.4ex;
			}
		
				div#tooltip img {
					float: left;
					margin: 45px 0px 0px 35px;
				}
	/*end of fixed view options list*/
	
	/*ajax loading styles*/
		
		div#view_options.ajax {
			position: static;
			width: auto;
		}
			
			div#view_options.ajax ul {
				display: inline;
			}		
	
				div#view_options.ajax li {
					float: left;
					margin-left: 25px;
					line-height: 26px;
					list-style-type: none;
					list-style-image: none;
				}
				
				div#view_options.ajax li span {
					vertical-align: 40%;
				}
				
				div#view_options.ajax li span strong {
					font-weight: normal;
				}
				
				div#view_options.ajax li {
					background: top left no-repeat;
					padding-left: 26px;
				}
				
					div#view_options.ajax li.progress {
						background-image: url(progress.png);
					}
				
					div#view_options.ajax li.rl_pass {
						background-image: url(pass_small.png);
					}
					
					div#view_options.ajax li.rl_warning {
						background-image: url(warning_small.png);
					}
					
					div#view_options.ajax li.rl_fail {
						background-image: url(fail_small.png);
					}
					
					div#view_options.ajax li.rl_user, div#view_options.ajax li.rl_check {
						background-image: url(question_small.png);
					}
				
				div#view_options.ajax div.clear {
					clear: both;
					float: none;
					height: 1px;
					line-height: 1px;
					list-style-type: none;
				}
		
		#tab_container{
			border-bottom: 1px solid gray;
		}

			#tab_container ul{
				padding: 6px 0ex;
				margin: 0.1ex 0ex 0ex 0ex;
				font: bold 1.5ex Verdana;
				list-style-type: none;
				text-align: left; /*set to left, center, or right to align the menu as desired*/
			}
	
				#tab_container li{
					display: inline;
					margin: 0ex;
					padding: 6px 0px;
				}
						
					#tab_container li a {
						text-decoration: none;
						padding: 6px 7px 6px 26px;
						margin-right: 2ex;
						border: 1px solid #778;
						color: #2d2b2b;
						background: url(pass_small.png) top left no-repeat;
					}
	
						
						#tab_container li#tab_fail a {
							background-image: url(fail_small.png);
						}
						
						#tab_container li#tab_warning a {
							background-image: url(warning_small.png);
						}
						
						#tab_container li#tab_user a, #tab_container li#tab_check a{
							background-image: url(question_small.png);
						}
					
						#tab_container li a:visited{
							color: #2d2b2b;
						}
	
						#tab_container li a:hover{
							text-decoration: underline;
							color: #2d2b2b;
						}
	
						#tab_container li.selected{
							position: relative;
							top: 0px;
						}
	
							#tab_container li.selected a{ /*selected main tab style */
								border-bottom-color: white;
							}
	
							#tab_container li.selected a:hover{ /*selected main tab style */
								text-decoration: none;
							}
							
								#tab_container li a img {
									border: 0px solid transparent;
									margin-bottom: -5px;
								}
	#toc_container {
		border: 1px solid gray;
		border-top: 1px solid white;
		padding: 0ex;
	}
	
		div#toc_user, div#toc_check, div#toc_warning, div#toc_pass {
			display: none;				
		}
		
			#toc_container fieldset {
				border: 0ex solid White;
				margin: 0ex;
				padding: 0ex 1ex 1ex;
			}
			
				#toc_container legend {
					display: none;
				}
		
				#toc_container h3 a {
					font-size: 0.9em;
				}
				
					#toc_container h3 a.approved {
						/*background-color: #ddd;*/
						text-decoration: line-through;
						padding: 2px 30px 2px 0px;
						background: #ddd url(/nz/html/button_ok.png) center right no-repeat;
						line-height: 22px;
					}
				
				#toc_container div.notes {
					margin-left: 2em;
					background: url(/nz/html/notes.png) center left no-repeat;
					padding-left: 30px;
					line-height: 22px;
				}	
	/*results types icons begin*/
	
	div.results_types {
		
	}
		div.results_types dl {
			margin: 0ex;
			padding: 0ex;
		}
			div.results_types dt, div.results_types dd {
				float: left;
				font-size: 1.8ex;
				padding: 0.7ex 0ex 0.7ex 0ex;
				margin: 0ex 0ex 1.5ex 0ex;
			}
			
			div.results_types dt {
				margin-right: 1ex;
			}
			
			div.results_types dd.rl_pass, div.results_types dd.rl_warning, div.results_types dd.rl_fail, div.results_types dd.rl_check, div.results_types dd.rl_user {
				margin: 0ex 1ex 0ex 0ex;
				padding-left: 30px;
			}
			
				div.results_types dd.rl_pass {
					background: url(pass_small.png) center left no-repeat;
				}
				
				div.results_types dd.rl_warning {
					background: url(warning_small.png) center left no-repeat;
				}
				
				div.results_types dd.rl_fail {
					background: url(fail_small.png) center left no-repeat;
				}
				
				div.results_types dd.rl_user, div.results_types dd.rl_check {
					background: url(question_small.png) center left no-repeat;
				}
				
		br {
			clear: both;
		}	
	/*end of results types icons*/
	
	/*result text styles*/
	
	div.rule_container div.guide, div.rule_container div.rationale, div.rule_container div.practice {
		margin-left: 2em;
		display: none;
	}
	
	/*end of result text styles*/
	
	/*begin of results listing styles*/
	
	div.results {
		
	}
		div.result_fail {
			
		}
		
			img.result_icon {
				position: relative;
				top: 1.5ex;
				z-index: 1;
			}
			
			p.result_message {
				margin-top: -3ex;
				margin-left: 50px;
			}
			
			p.result_message.single {
				margin-left: 30px;
			}
			
				p.result_message a.notes_link {
					background: url('/nz/html/notes.png') center left no-repeat;
					padding: 3px 0px 3px 22px;
				}
		
		div.result_user, div.result_check {
			margin-bottom: 5ex;
		}
			div.result_notes {
				margin-left: 50px;
			}
				div.result_notes textarea {
					border: 1px solid black;
					width: 50%;
					height: 12ex;
					margin-top: 10px;
				}
				
				div.result_notes p {
					width: 50%;
					height: 12ex;
					border: 1px solid #ddd;
					margin-top: 10px;
				}
					
					div.result_notes p:hover {
						border: 1px solid #ddd;
					}
		
		fieldset {
			border: 1px dotted black;
			background: url(fieldset-background.png) bottom right no-repeat;
			margin-bottom: 3ex;
			padding: 0ex;
		}
			
			legend {
				position: relative;
				margin-left: 10px;
				line-height: 2ex;
				top: -1ex;
				padding: 0.3ex 0.4ex;
				border: 1px dotted black;
				background: url(legend-background.png) top left no-repeat;
				color: black;
			}
			
			div.bw-icon-pass, div.bw-icon-warning, div.bw-icon-fail, div.bw-icon-question {
				height: 48px;
				min-height: 48px;
				max-height: auto;
				padding: 1ex 5em 1ex 1em;
			}
			
			fieldset>div.bw-icon-pass, fieldset>div.bw-icon-warning, fieldset>div.bw-icon-fail, fieldset>div.bw-icon-question {
				height: auto;
			}
			div.bw-icon-pass {
				background: url(pass-bw.png) bottom right no-repeat;
			}
			
			div.bw-icon-warning {
				background: url(warning-bw.png) bottom right no-repeat;
			}
			
			div.bw-icon-fail {
				background: url(fail-bw.png) bottom right no-repeat;
			}
			
			div.bw-icon-check, div.bw-icon-user {
				background: url(question-bw.png) bottom right no-repeat;
			}
			
			fieldset code {
				font-size: 1em;
			}
			
			div.info {
				margin-bottom: 1ex;
				padding-left: 1em;
			}
			div.info p img {
				position: relative;
				top: 5px;
				margin-right: 1em;
			}
		
		div.more_instances {
			margin-bottom: 1ex;
		}
		
		div.more_instances a, div.hide_instances a {
			margin-left: 1em;
			vertical-align: 40%;
		}
		
		div.hidden_instances {
			display: none;
		}
	/*end of results listing styles*/
	
	#alert {
		background-color: #fbfbcf;
		padding: 90px 60px;
		opacity: 1;
		width: 396px;
		height: 256px;
		background: url(bubble2.gif) top left no-repeat;
		position: absolute;
		top: 0px;
		left: 0px;
		visibility: hidden;
	}
	
		#alert img {
			float: left;
		}
		
		#alert #alert_msg {
			margin-left: 50px;
			margin-right: 140px;
		}
		#alert form {
			clear: both;
			text-align: center;
			margin-right: 140px;
		}
	/*footer styles*/
	#footer {
		margin: 3ex 0em;
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
		
		background: url(/default/html/logo-small.png) center left no-repeat;
	}
		#footer p {
			margin: 0em 0em 0em 200px;
			border-left: 1px solid black;
			padding: 0.6ex 0.4em;
			min-height: 50px;
			font-size: 0.8em;
		}
	/*end of footer styles*/
	
	div.guide, div.rationale, div.practice {
		display: block;
	}