@media all
{
	div#guidecanvas
	{
		width:100%;
	}

	nav.guidenav
	{
		padding:0;
		margin:0 0 3em 0;
    	border:1px solid #008d4c5c;
    	border-bottom:0;
    	font-size:14.7px;
    	background:#dff0d8;
	}
	
	li.lvl1, div#guidenavheader
	{
		border-bottom:1px solid #008d4c5c;
	}
	
	div#guide-content
	{
		margin:0 0 3em 0;
		max-width:1024px;
		color: #666;
    	font-size: 1.1em;
	}
	
	div#guide-content ul, div#guide-content li
	{
		margin-top:.5em;
	}
	
	nav.guidenav ul
	{
	    margin: 0;
	    padding: 0;
	    list-style: none;
	}
	
	nav.guidenav ul li a, li.lvl2.active 
	{
	    display: block;
	    padding: 8px;
	    line-height: 1.2em;
	    color:#008d4c;
	}
	
	li.lvl2.active>span.desc
	{
		color:#fff;
		font-weight:500;
	}

	li.lvl2.active
	{
		color:#fff;
		font-weight:700;
	}
	
	nav.guidenav ul li a:hover 
	{
	    font-weight:700;
	}
	
	nav.guidenav a.lvl2header:hover 
	{
	    font-weight:700;
	}
	
	
	nav.guidenav ul li a.lvl1page
	{
		padding:16px;
		font-weight:700;
		width:100%;
	}
	
	li.lvl2Header
	{
		padding: 8px;
		padding-left: 1em;
		border-top: 1px dashed #fff;
	}
	
	li.lvl2
	{
		padding-left: 2em;
	}	
	
	li.lvl2.active
	{
		padding-left: 2.55em;
	}
	
	nav.guidenav > ul > li > ul.lvl2menu
	{
		display:none;
	}
	
	nav.guidenav > ul > li > ul.lvl2menu.active
	{
		display:block;
	}
	
	a.lvl1page
	{
		transition: all .2s ease-out;
		margin-right:8px;
	}
	
	li.lvl2.active
	{
		background:#00a65a;
	}
	
	li.lvl2Header
	{
		color:#008d4c;
	}
	
	span.searchno
	{
		background-color:#3c8dbc;
		border-radius:50%;
		padding:.12em .4em;
		text-align:center;
	}
	span.searchno a
	{
		color:#fff !important;
	}
	
	h1
	{
		margin-top:1em;
	}
	
	h2, h3
	{
		margin-top:1.5em;
		padding-bottom:.3em;
	}

	h2
	{
		border-bottom: 1px dotted #aaa;
	}
	
	h3
	{
		fontt-size:1.2em;
	}
	
	h1.articletitle
	{
		color:#367fa9;
		border-bottom:1px solid #367fa9;
		padding-bottom:.2em;
		margin-top:.5em;
		margin-bottom:1em;
	}
	
	div.guidenavbottom
	{
		border-top:1px solid #367fa9;
		margin:1.7em 0;
		padding:10px 0;
	}
	
	span.guidelabel
	{
		padding:1px 5px;
	    color: #008d4c;
	    background-color: #dff0d8;
	    margin-bottom:1px;
	}
	
	img.guideimg
	{
		padding:0;
		margin:10px 10px 10px 0;
		border:1px solid #ccc;
	}
	
	span.highlight
	{
		background-color:#fff8b6 !important;
		color:#000;
		padding-left:.1em;
		padding-right:.1em;
	}
}


@media (min-width: 767px)
{
	nav.guidenav
	{
		display: block !important;
	    float: left;
	    margin-top: 0;
	    padding-bottom: 0px;
	}
}



@media print
{
	nav.guidenav
	{
		display:none;
	}
	span.guidelabel
	{
		padding:1px 5px;
	    color: #000;
	    background-color: #efefef;
	    margin-bottom:1px;
	}	
}