/*---------------------------------------------------------------
  Note that styles you apply to the main menu items are inherited by the sub menus items too.
  If you'd like to avoid this, you could use child selectors (not supported by IE6) - for example:  .sm-clean > li > a { ... } instead of .sm-clean a { ... }
---------------------------------------------------------------*/

/* Menu box===================*/
.sm-left {margin: 0 6px;line-height:3em;font-size: 1.05em;background:#253544;color:#fff;}	



ul.sm-left{width:96% !important;}	
ul.sm-left ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}	
ul.sm-left>li{float:none;}	
ul.sm-left>li>a,ul.sm-left ul.sm-nowrap>li>a{white-space:normal;}	
ul.sm-left iframe{display:none;}	
/* Uncomment this rule to disable completely the sub menus for small screen devices */	
/*.sm-clean ul, .sm-clean span.sub-arrow, .sm-clean iframe {		display:none !important;	}*/
/* Menu box===================*/	
.sm-left {padding:0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}	
.sm-left ul {	border:0; padding:0; /* darken the background of the sub menus */ background:rgba(30,30,30,0.2); -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}	
  /* no carets */	
.sm-left > li > ul:before, .sm-left > li > ul:after {display:none;}
  /* Menu items===================*/	
.sm-left a {padding:6px 8px 6px 18px !important;		color:#fff !important;		background:transparent !important;	}	
.sm-left a.current {color:#D23600 !important;}	
/* add some text indentation for the 2+ level sub menu items */	
.sm-left ul a {border-left:8px solid transparent; font-size:0.9em;}	
.sm-left ul ul a {border-left:16px solid transparent; font-size:0.9em;}	
.sm-left ul ul ul a {border-left:24px solid transparent; font-size:0.9em;}	
.sm-left ul ul ul ul a {border-left:32px solid transparent; font-size:0.9em;}	
.sm-left ul ul ul ul ul a {	border-left:40px solid transparent; font-size:0.9em;}
/* Sub menu indicators===================*/	
.sm-left a span.sub-arrow,	.sm-left ul a span.sub-arrow {
  top:50%; margin-top:-9px; right:auto; left:6px; margin-left:-10px; width:18px; height:18px; font:normal 16px/16px monospace !important; text-align:center; border:0; text-shadow:none; background:rgba(255,255,255,0.0);	-moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; color:white;	}	
/* Hide sub indicator when item is expanded - we enable the item link when it's expanded */	
.sm-left a.highlighted span.sub-arrow {display:none !important;	}
/* Items separators===================*/	
.sm-left li {	border-top:1px solid rgba(0,0,0,0.05);}	
.sm-left > li:first-child {border-top:0;}