@charset "utf-8";
/* CSS Document */


html {
	/*  puts vertical scroll bar so centered content doesn't jerk back and forth in presence/absence of scrollbar  */
	overflow-y: scroll; 
	}
body{
	margin:0 auto; 
	max-width:1000px;
	height: auto;

	}
#header{
	padding-bottom:10px;
	padding-top:20px;
	}
#footer{
	font:10px "Open Sans", Arial,sans-serif;	
	color:#bbbbbb; 
	text-align:right;
	padding-top:50px;
}
#navigation{
	text-align:right;
	text-decoration:underline;
	}
	
h1{
	margin-left:20px;
	color:#444444;
	font:28px "Open Sans", Arial,sans-serif;
	padding-bottom:10px;
}
h2{
	margin-left:25px;
	color:#444444;
	font:24px "Open Sans", Arial,sans-serif;
}
h3{
	margin-left:30px;
	color:#444444;
	font:20px "Open Sans", Arial,sans-serif;
}
h4{
	margin-left:35px;
	color:#444444;
	font:18px "Open Sans", Arial,sans-serif;
}
code{
	font-family:courier;
	font-weight:800;
	}
img{
	display:block;
	}
li img {
	padding-top:15px;
	padding-bottom:20px;
	}

#content img{margin-left: 30px;}	

p, li, td, th, .note{
	font:14px "Open Sans", Arial,sans-serif;
	}

th, td {text-align:left;
padding-top:3px; padding-bottom:3px;
padding-left:5px; padding-right:5px;}
	
p, li{
	margin-left:40px;
	}
table, td, th{border-collapse:collapse; border: 1px solid #666666;} 	


th{font-weight:600;
background-color:#cccccc;}

	
li{
	line-height:1.8em;
	}
a{
	color:#006699;
	text-decoration:none;
	font:14px "Open Sans", Arial,sans-serif;
	}


/* NOTES, WARNINGS, TIPS, BEST PRACTICES */
.note,.warning,.tip {
	margin-left: 25px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 25px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #f1f1f1;
}

.note:before,.warning:before,.tip:before {
	position: absolute;
	white-space: pre;
	display: inline;
	font-weight: bold;
	margin-top: 0.3em;
	padding: 0;
}

.note p, .warning p, .tip p {
	margin: 0.5em 0 0.5em 40px;
}

.note {
	padding-left: 50px;
}

.note:before {
	content: " Note: ";
	color: #000000;
	margin-left: -50px;
}

.warning {
	padding-left: 73px;
}

.warning:before {
	content: " Warning: ";
	color: #FF0000;
	margin-left: -73px;
}

.tip {
	padding-left: 40px;
}

.tip:before {
	content: " Tip: ";
	color: #00CC00;
	margin-left: -40px;
}

li .note,li .tip,li .warning {
	margin-left: 0px;
}

span.control-reference {
	font-weight: bold;
}

span.select-control-reference {
	font-style: italic;
}

span.screen-text-reference:before {
	content: "\0201C"; /* “ -- left double quote */
}

span.screen-text-reference:after {
	content: "\0201D"; /* ” -- right double quote */
}



/* NOTES, WARNINGS, TIPS, BEST PRACTICES */