#page_tabs {
	padding:25px;
}

#page_tabs > .tabs {
	padding:0px 0px 0px 0px;
	border-bottom:1px solid #ABCDEF;
}

#page_tabs  > .tabs dt {
	float:left;
	padding:5px;
	margin-right:15px;
}

#page_tabs  > .tabs dt.active {
	border-bottom:5px solid #ACE;
}

#page_tabs  > .panel {
	clear:both;
	padding-top:15px;
}

#page_tabs  > .panel > .tabs {
	float:left;
	width:200px;
	border-top:1px solid #ABCDEF;
}

#page_tabs  > .panel > .tabs dt {
	padding:10px;
}

#page_tabs  > .panel > .tabs dt:hover {
	cursor:pointer;
	background:#EEE;
}

#page_tabs  > .panel > .tabs dt.active {
	font-weight:bold;
	background:#DFEEF8;
}

#page_tabs  > .panel > .panel {
	float:left;
	width:729px;
	border-left:1px solid #ABCDEF;
	padding-left:20px;
}

#page_tabs h3 {
	font-size:125%;
}

#page_tabs h4 {
	font-size:100%;
	margin-bottom:5px;
}

#page_tabs p, #page_tabs ul {
	margin-bottom:15px;
}
#page_tabs ul {
	list-style:disc;
	list-style-position:inside;
}


/* example styles */
.example {
	padding:10px;
	background:#EEE;
	border:1px solid #CCC;
	font-family:Courier New;
	font-size:12px;
	margin-bottom:25px;
}

.example strong {
	color:blue;
}

pre.example {
	padding:5px;
	font-family:fixedsys;
	font-size:10px;
}

/* example trees */
#page_tabs .example ul {
	padding-left:20px;
	margin-bottom:0px;
	list-style:square;
	list-style-position:inside;
	border-left:1px dotted #AAA;
}

#page_tabs  ul.example {
	list-style:square;
	list-style-position:inside;
	padding:10px;
}

#page_tabs .elements ul,
#page_tabs ul.elements {
	list-style:none;
}

#page_tabs .elements {
	background:#DFEEF8;
	border:1px solid #ACE;
}

.important {
	padding:10px;
	background:#DFEEF8;
	border:1px solid #ACE;
	margin-bottom:25px;
}