/*******************************************************************************
 AccessibilityOz [October 2012]              http://www.accessibilityoz.com.au/
 ------------------------------------------------------------------------------
 JS_C_A11: Use scripting to re-order content in the DOM
 ------------------------------------------------------------------------------
*******************************************************************************/



/* style the demo list as a stack of block-level links */
#demo, #demo > li
{
	margin:0;
	padding:0;
	list-style-type:none;
}
#demo > li
{
	display:block;
	margin:0 0 -2px 0;
}
#demo > li > a
{
	display:block;
	width:15em;
	padding:5px 8px 6px 8px;
	
	border:2px solid #c0cdda;
	border-radius:3px;
	
	font:normal normal normal 0.9em/1.35 arial,sans-serif;
	text-decoration:none;
	text-shadow:0 1px 0 rgba(255,255,255,0.35);

	background:#eef1f5;
	color:#1964aa;
	
	box-shadow:1px 2px 2px 0 rgba(0,0,0,0.4);
}
#demo > li > a:hover,
#demo > li > a:focus, 
#demo > li > a:active
{
	font-weight:bold;
	
	background:#dae1e9;
	color:#036;
}