/*#####################
### SIDE NAVIGATION ###
#####################*/ 

#arrowlistmenu
{
	margin 					: 0;
	padding					: 0 0 3em 0;
	height					: auto;
	list-style 				: none;
}
#arrowlistmenu ul
{
    list-style              : none !important;
    margin                  : 0 !important;
    padding                 : 0 !important;
}

#arrowlistmenu ul li
{
    margin                  : 0 !important;
    padding                 : 0 !important; 
}
#arrowlistmenu .menuheader
{
	margin					: 0 0 0.1em 0;
	padding					: 0.8em;
	position                : relative;
	display 				: block;
	color					: #666;
	background-color    	: #EEE;
	text-decoration 		: none;
	line-height             : 0.9em;
	font-size 				: 0.9em;
	text-align              : left;
	transition				: all .2s ease-in-out;
	-webkit-transition		: all .2s ease-in-out;
	-moz-transition			: all .2s ease-in-out;
	-o-transition			: all .2s ease-in-out;
	border-left             : 3px solid #EEE;
}

#arrowlistmenu .menuheader:hover,
#arrowlistmenu .menuheader.selected
{
    background-color        : #DDD;
    text-decoration 		: none;
    color                   : #333;
    border-left             : 3px solid #aa1010 
}
#arrowlistmenu .menuheader.selected
{
     background-color       : #aa1010;
     color                  : #FFF;
}


#arrowlistmenu .menuheader.expandable
{
    background              : #EEE;
}
#arrowlistmenu .menuheader.expandable:before
{
    font-family: FontAwesome;
    content: "\f067";
    float: right;
}
#arrowlistmenu .menuheader.expandable:hover,
#arrowlistmenu .menuheader.expandable.selected
{
    background              : #DDD;
    text-decoration 		: none;
    color                   : #333;
    border-left             : 3px solid #aa1010 
}
#arrowlistmenu .menuheader.expandable.selected
{
     background             : #333;
     color                  : #FFF;
}
#arrowlistmenu .menuheader.expandable.selected:before
{
    font-family: FontAwesome;
    content: "\f068";
    float: right;
}

#arrowlistmenu ul li a
{
    color                   : #444 !important;
    background              : #DDD;
    display                 : block;
    margin                  : 0;
    padding                 : 0.3em 0.3em 0.3em 1em;
    height                  : auto;
    text-decoration         : none;
    border-bottom           : 1px solid #FFF;
    font-size               : 0.8em;
    text-transform          : uppercase;
	transition				: all .2s ease-in-out;
	-webkit-transition		: all .2s ease-in-out;
	-moz-transition			: all .2s ease-in-out;
	-o-transition			: all .2s ease-in-out;
}
#arrowlistmenu ul li a:hover,
#arrowlistmenu ul li a.selected
{
    color                   : #333 !important;
    background-color        : #CCC;
    text-decoration         : none !important;
}