body {
	font-family:"Lucida Sans",Arial,sans-serif;
	font-size:100%;
}

#wrapper {
	margin:15px auto;
	padding:0;
	width:900px;
}

div.example {
	margin-bottom:75px;
}

p, h1, h2 {
	margin:10px 0;
	padding:0;
}

h1 {
	color:#666666;
	font-size:1.3em;
}

h2 {
	color:#efaa42;
	font-size:1.3em;
}

h3 {
	color:#000066;
	font-size:1.2em;
	margin-bottom:15px;
}

a {
	color:#000066;
	font-size:1.2em;
	margin-bottom:10px;
}

table {
	margin:6px 0 20px 0;
	width:100%
}

th, td {
	padding:6px;
}

th {
	background:#bfbfbf;
}

td {
	background:#FFFFFF;
	text-align:center;
}

td.alt {
	background:#eff1f3;
}

table#border th, table#border td {
	border-right:1px solid #000000;
}

td.highlight {
	background:#efaa42;
	color:#FFFFFF;
}

ul#nav {
	list-style:none;
	margin-bottom:15px;
	width:200px;
}

ul#nav li {
	border-bottom:1px solid #000000;
	display:block;
	padding:10px;
}

ul#nav li a {
	display:block;
	margin:0;
	text-decoration:none;
}

a.external {
	background:url(../images/external.png) no-repeat right center;
	padding-right:16px;
}

a.pdf {
	background:url(../images/pdf.gif) no-repeat right center;
	padding-right:20px;
}

input {
	border:1px solid #000000;
	padding:4px;
}

input.btn {
	background:#efaa42;
	color:#FFFFFF;
	font-weight:bold;
	text-transform: uppercase;
}

span.printlink {
	color:#333333;
	display:none;
}

@media print {
    span.printlink { 
    display:inline; 
    }
    a.external {
    background:none;
    padding-right:5px;
    }
}

pre code {
	display: block;
	padding: 10px;
	background-color: #f5f5f5;
	border: 1px solid #d3d3d6;
	border-left-width: 5px;
	white-space: pre;
	overflow-x: auto;
	width: 97%;
}

pre {
	margin-bottom:15px;
}

code.css { background:url(../images/bg_css.gif) no-repeat right top; }
code.html { background:url(../images/bg_html.gif) no-repeat right top; }
code.js { background:url(../images/bg_js.gif) no-repeat right top; }

code {
	color: #666;
	font-family: 'lucida console', 'Courier New', monospace;
	font-size:1.5em;
	line-height:1.3em;
}