@charset "utf-8";
/* CSS Document */


/*
//----------------------------------------------------------------------------------
Side menu accordion CSS include

//----------------------------------------------------------------------------------
*/


	
/*


Old methods that were in the HTML file
//-------------------------------------------------------------------------------
<!-- Include the FontAwesome framework so that bootstrap icons/fonts can be used-->
<!-- Instructions: http://fortawesome.github.io/Font-Awesome/3.2.1/get-started/-->



<!--Font Awesome - old method - note that I abandoned this route for the route directly below.
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"> 
<link rel="stylesheet" href="assets/blog/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/blog/css/font-awesome.min.css">		
-->



<!--This is the technique I ended up using instead of the methods above-->
<!--http://fortawesome.github.io/Font-Awesome/get-started/-->

//-------------------------------------------------------------------------------


	This is how the icons can be used as fonts from bootstrap - making the icons a BREEZE!
	http://fortawesome.github.io/Font-Awesome/

	JTL - Cheat sheet for icons and their codes
	http://astronautweb.co/snippet/font-awesome/
	

However, hitting some implmentation problems
Here is another route that is working better:

http://marcoceppi.github.io/bootstrap-glyphicons/


Another cheat sheet
http://fortawesome.github.io/Font-Awesome/cheatsheet/


How to use fontawesome with varying sizes
http://fortawesome.github.io/Font-Awesome/examples/

*/


 
#leftMenu, #rightMenu, .accordion-group {
    margin-bottom: 0px;
    border:0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
} 
   

.accordion-heading {
    /*height: 34px;*/
    border-top: 1px solid #717171; /* inner stroke */
    border-bottom: 1px solid #5A5A5A; /* inner stroke */
    /*background-color: #353535;*/ /* layer fill content */ /* JTL - Removed so it could be dynamic from the database*/
    background-image: -moz-linear-gradient(90deg, #595b59 0%, #616161 100%); /* gradient overlay */
    background-image: -o-linear-gradient(90deg, #595b59 0%, #616161 100%); /* gradient overlay */
    background-image: -webkit-linear-gradient(90deg, #595b59 0%, #616161 100%); /* gradient overlay */
    background-image: linear-gradient(90deg, #595b59 0%, #616161 100%); /* gradient overlay */
    list-style-type:none;
	
}  

.accordion-heading  a{  
   /* color: #cbcbcb;*/ /* text color */  /* JTL - Removed so it could be dynamic from the database*/
    text-shadow: 0 1px 0 #3b3b3b; /* drop shadow */
    text-decoration:none;
    font-weight:bold;  
}

.accordion-heading,  a:hover{  
    /*color:#ccc */    
}

#leftMenu .accordion-heading .active {
    width: 182px;
    /*height: 34px;*/
    border: 1px solid #5b5b5b; /* inner stroke */
   /* background-color: #353535;*/ /* layer fill content */  /* JTL - Removed so it could be dynamic from the database*/
    background-image: -moz-linear-gradient(90deg, #4b4b4b 0%, #555 100%); /* gradient overlay */
    background-image: -o-linear-gradient(90deg, #4b4b4b 0%, #555 100%); /* gradient overlay */
    background-image: -webkit-linear-gradient(90deg, #4b4b4b 0%, #555 100%); /* gradient overlay */
    background-image: linear-gradient(90deg, #4b4b4b 0%, #555 100%); /* gradient overlay */
} 
 
 
 
 
 
/*@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css');
@import url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css');
*/

.panel-heading {
    cursor: pointer;
}

/* CSS Method for adding Font Awesome Chevron Icons */

/*.panel-heading.collapsed .accordion-toggle:after {*/  /*JTL original before removing on sub module items*/



 .panel-title:after {
    /* symbol for "opening" panels */
    font-family:'FontAwesome';
    content:"\f01a";		/*JTL was \f077*/
    float: right;
    color: inherit;
}




 /*

	This is how the icons can be used as fonts from bootstrap - making the icons a BREEZE!
	http://fortawesome.github.io/Font-Awesome/

	JTL - Cheat sheet for icons and their codes
	http://astronautweb.co/snippet/font-awesome/
	*/

 
  .accordion-group:after {
    /* symbol for "opening" panels */
    font-family:'FontAwesome';
   /* content:"\f077";*/		/*JTL was \f077*/
    float: left;
    color: inherit;
}


