/* no-break class for function examples with brackets
   so they don't break between the word and brackets */
.function 
{
	white-space:nowrap;
}





/* 
codetools collapsing definition groups for documentation lists
======================================================================
the script adds tabindex to applicable <dt> term elements 
to make them keyboard-accessible, and then they act as toggles
to expand/collapse their corresponding <dd> definition elements; 
the :target selectors also implement auto-expand on collapsed groups
whenever the term ID matches the location hash (fragment identifier)
*/
   

/* toggle elements */   
dl.documentation dt[tabindex] 
{
	cursor:pointer;
	font-weight:bold;
}
dl.documentation dt[tabindex] em.type
{
	font-weight:normal;
}
dl.documentation dt[tabindex]:focus 
{
	outline:1px dotted;
	outline-offset:2px;
	-moz-outline-radius:8px;
	outline-radius:8px;
}


/* plus/minus icon before the toggle text */
dl.documentation dt[tabindex]::before 
{
	display:inline-block;
	border-width:1px;
	border-style:solid;
	padding:1px;
	height:9px;
	width:9px;
	font-size:10px;
	line-height:8px;
	text-align:center;
	margin-right:10px;
	text-shadow:0 -1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.8);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow:-2px -2px 3px rgba(0,0,0,0.2) inset, 1px 1px 2px rgba(100,100,100,0.3) inset;
	-webkit-box-shadow:-2px -2px 3px rgba(0,0,0,0.2) inset, 1px 1px 2px rgba(100,100,100,0.3) inset;
	box-shadow:-2px -2px 3px rgba(0,0,0,0.2) inset, 1px 1px 2px rgba(100,100,100,0.3) inset;
	opacity:0.88;
}
dl.documentation dt[tabindex]:hover::before, 
dl.documentation dt[tabindex]:focus::before, 
dl.documentation dt[tabindex]:active::before
{
	-moz-box-shadow:-2px -2px 3px rgba(0,0,0,0.2) inset, 1px 1px 2px rgba(100,100,100,0.3) inset, 0 0 1px 1px rgb(200,200,200);
	-webkit-box-shadow:-2px -2px 3px rgba(0,0,0,0.2) inset, 1px 1px 2px rgba(100,100,100,0.3) inset, 0 0 1px 1px rgb(200,200,200);
	box-shadow:-2px -2px 3px rgba(0,0,0,0.2) inset, 1px 1px 2px rgba(100,100,100,0.3) inset, 0 0 1px 1px rgb(200,200,200);
	opacity:1;
}


/* state and :target override rules for terms and definitions
   with selectors that support up to 4 contiguous definitions for each term 
   (eg. transitions.bars anitypes documentation uses all 4 when targetted); 
   unfortunately there's no CSS selector that can specify /contiguous/ siblings 
   (only direct or general siblings), because if there were such a selector 
   we could use it to support any number of definitions per term 
   [FYI => http://blogs.sitepoint.com/2010/09/07/contiguous-sibling-selector/] */
dl.documentation dd.collapsed,
dl.documentation dt:target[state="collapsed"] + dd.collapsed,
dl.documentation dt:target[state="collapsed"] + dd.collapsed + dd,
dl.documentation dt:target[state="collapsed"] + dd.collapsed + dd + dd,
dl.documentation dt:target[state="collapsed"] + dd.collapsed + dd + dd + dd
{
	display:none;
}
dl.documentation dd.uncollapsed, 
dl.documentation dt:target + dd.collapsed,
dl.documentation dt:target + dd.collapsed + dd,
dl.documentation dt:target + dd.collapsed + dd + dd, 
dl.documentation dt:target + dd.collapsed + dd + dd + dd
{
	display:block;
}


/* state and :target override rules for the plus/minus icons */
dl.documentation dt[tabindex].collapsed::before,
dl.documentation dt[tabindex]:target[state="collapsed"]::before
{
	content:"+";
}
dl.documentation dt[tabindex].uncollapsed::before,
dl.documentation dt[tabindex]:target::before
{
	content:"\2013";
}