/*
	LEFT NAV
	The contextual menu that runs in the left side of the site
	The UL menu is rendered inside a DIV
*/

.leftmenu  {
	list-style							: none;
/*  background							: url(img/menuBG.jpg) repeat-x bottom left; */
	min-height							: 140px;
	height								: auto !important; /* ie6 min-height fix */
	height								: 140px;
	
	padding								: 20px 0 40px 0;
	
	border								: #dbdbdb solid 1px;
	
	-webkit-border-radius				: 5px;
	-moz-border-radius					: 5px;
	border-radius						: 5px;
	
	background							: #FFFFFF; /* old browsers */
	background							: -moz-linear-gradient(top, #FFFFFF 56%, #DFDFDF 100%); /* firefox */
	background							: -webkit-gradient(linear, left top, left bottom, color-stop(56%,#FFFFFF), color-stop(100%,#DFDFDF)); /* webkit */
	background							: -o-linear-gradient(top, #FFFFFF 56%,#DFDFDF 100%); /* opera */
	
	-pie-background						: linear-gradient(top, #FFFFFF 56%, #DFDFDF 100%); /* ie */
	
	-webkit-box-shadow					: inset 0 0 10px #fff;
    -moz-box-shadow						: inset 0 0 10px #fff;
    box-shadow							: inset 0 0 10px #fff;
    
    -pie-poll							: true;
	
	/*behavior							: url(../scripts/css3pie/PIE.htc); /* for ie compatability */
}



/* THE LEFT MENU INTERNAL */
.newmenu {
	min-height					    	: 350px;
	height							    : auto !important;
/*  height							    : 200px; */ /* This seemed to cause issue in IE6 */
	
	width		    					: 100%;
	padding			    				: 20px 0 40px 0;
/*  overflow			    			: hidden; */ /* This was a fix but might no longer be needed */
    _overflow                           : hidden; /* IE6 FIX */
}

.newmenu li {
    list-style                          : none;
    position                            : relative; /* This causes a bug in IE where width becomes auto */
    line-height                         : 18px;
}

.decoration /* This is the arrow/bullet decoration */
{
    position                            : absolute;
}


/* LV 1 */
.newmenu li a {
    display                             : block;
    padding                             : 6px 10px 6px 20px;
    color                               : #707373;
    word-wrap                           : break-word; /* Needed for long words at lower levels */
}

.newmenu li a:hover,
.newmenu li.selected li a:hover,
.newmenu li.selected li.selected li a:hover,
.newmenu li.selected li.selected li.selected li a:hover
{
    color                               : #2b2b2b;
}


.newmenu li.selected li a:hover .decoration,
.newmenu li.selected li.selected li a:hover .decoration,
.newmenu li.selected li.selected li.selected li a:hover .decoration
{
    background                          : #2b2b2b;
}

.newmenu li.selected a .decoration 
{
    left                                : 0px;
    top                                 : 8px;
    *top                                : 6px; /* IE 7 Fix */
    
    border-style                        : dashed;
    border-color                        : transparent;
    border-width                        : 1em;
    display                             : -moz-inline-box;
    display                             : inline-block;
    
    /* Use font-size to control the size of the arrow. */
    font-size                           : 8px;
    
    height                              : 0;
    line-height                         : 0;
    vertical-align                      : middle;
    overflow                            : hidden; /* IE 6 Fix */
    
    width                               : 0;
    border-left-width                   : 1em;
    border-left-style                   : solid;
    border-left-color                   : #11b5fd;
    
}

.newmenu li {font-size:1.1em;}
.newmenu li li {font-size:0.9em;}

.newmenu li li li {font-size:1em;}

/* LV 2 */
.newmenu li.selected li a {
    display                             : block;
    padding                             : 6px 10px 6px 40px;
    color                               : #5f5f5f;
}

.newmenu li.selected li .decoration 
{
    background                          : #ccc;
    display                             : block;
    width                               : 5px;
    height                              : 5px;
    overflow                            : hidden;
    border                              : none; /* Remove border from Arrow Effect */
    
    left                                : 24px;
    
    top                                 : 12px;
    width                               : 5px;
    height                              : 5px;
}

.newmenu li.selected li.selected .decoration 
{
    background                          : #11b5fd;
}

/* LV 3 */
.newmenu li.selected li.selected li a {
    display                             : block;
    padding                             : 6px 10px 6px 60px;
    color                               : #5f5f5f;
}

.newmenu li.selected li.selected li .decoration /* Makes None Selected Bullets Grey */
{
    left                                : 42px;
    
    top                                 : 12px;
    background                          : #ccc;
}

.newmenu li.selected li.selected li.selected .decoration 
{
    background                          : #11b5fd;
}

/* LV 4 */
.newmenu li.selected li.selected li.selected li a {
    display                             : block;
    padding                             : 6px 10px 6px 80px;
    color                               : #5f5f5f;
}

.newmenu li.selected li.selected li.selected li .decoration /* Makes None Selected Bullets Grey */
{
    left                                : 62px;
    
    top                                 : 12px;
    background                          : #ccc;
}

.newmenu li.selected li.selected li.selected li.selected .decoration 
{
    background                          : #11b5fd;
}


/* LV 5 */
.newmenu li.selected li.selected li.selected li.selected li a {
    display                             : block;
    padding                             : 6px 10px 6px 100px;
    color                               : #5f5f5f;
}

.newmenu li.selected li.selected li.selected li.selected li .decoration /* Makes None Selected Bullets Grey */
{
    left                                : 82px;
    
    top                                 : 12px;
    background                          : #ccc;
}

.newmenu li.selected li.selected li.selected li.selected li.selected .decoration 
{
    background                          : #11b5fd;
}

/**/

.newmenu li.selected a, .newmenu li.selected li.selected a, .newmenu li.selected li.selected li.selected a, .newmenu li.selected li.selected li.selected li.selected a
{
    background							: #ffffff; /* old browsers */
    background							: -moz-linear-gradient(top, #ffffff 41%, #f3f3f3 74%, #ededed 75%, #ffffff 100%); /* firefox */
	background							: -webkit-gradient(linear, left top, left bottom, color-stop(41%,#ffffff), color-stop(74%,#f3f3f3), color-stop(75%,#ededed), color-stop(100%,#ffffff)); /* webkit */
	background							: -o-linear-gradient(top, #ffffff 41%,#f3f3f3 74%,#ededed 75%,#ffffff 100%); /* opera */
	-pie-background						: linear-gradient(top, #ffffff 41%,#f3f3f3 74%,#ededed 75%,#ffffff 100%); /* ie */
	 
	
	-webkit-box-shadow					: inset 0 0 10px #fff;
    -moz-box-shadow						: inset 0 0 10px #fff;
    box-shadow							: inset 0 0 10px #fff;
	
	
	padding-top                         : 5px;
	padding-bottom                      : 5px;
	
	-pie-poll							: true;
	
	border-top                          : #dbdbdb solid 1px;
	border-bottom                       : #dbdbdb solid 1px;
	
	/*behavior							: url(/platform/sites/_base/scripts/css3pie/PIE.htc); /* for ie compatability < Big issues in IE - not using yet */ 
	
	color                               : #2b2b2b;

    /*background                         : url(/platform/sites/_base/styles/img/iebg.jpg) left bottom repeat-x;*/
}

.newmenu li.selected a {border-top      : #dbdbdb solid 0px;padding-top:6px !important;} /* Switch top border on for first item and add */

/*  .newmenu li.selected a,
    .newmenu li.selected li.selected a,
    .newmenu li.selected li.selected li.selected a 
    {
        *border-top: #dbdbdb solid 3px;
    } /* Switch top border on for first item */

.newmenu li.selected li.selected:first-child a, 
.newmenu li.selected li.selected li.selected:first-child a, 
.newmenu li.selected li.selected li.selected li.selected:first-child a,
.newmenu li.selected li.selected li.selected li.selected li.selected:first-child a
{
    border-top                          : #dbdbdb solid 0px;
    padding-top                         : 5px; /* Lost !important due to cascading issues */
}

.newmenu li.selected li a,
.newmenu li.selected li.selected li a,
.newmenu li.selected li.selected li.selected li a,
.newmenu li.selected li.selected li.selected li.selected li a /* First level Selection - turn off for others */
{
    background                          : none;
    border                              : none;
    
    -webkit-box-shadow					: none;
    -moz-box-shadow						: none;
    box-shadow							: none;
}

.newmenu ul 
{
    background                          : #f9f9f9;
    border-bottom                       : #dbdbdb solid 1px;
}


.newmenu ul ul 
{
    background                          : #fcfcfc;
    border-bottom                       : #ececec solid 1px;
}

.newmenu ul ul ul
{
    background                          : #fcfcfc;
    border-bottom                       : #ececec solid 1px;
}


/*  MENU FIX IE 6 & 7 
    This means we are not automatically scaleable in these browsers
    if menu widths are changed at parent level
*/
.newmenu li a 
{
    *width                              : 188px;
    _width                              : 188px;
}

.newmenu li li a 
{
    *width                              : 168px;
    _width                              : 168px;
}

.newmenu li li li a 
{
    *width                              : 148px;
    _width                              : 148px;
}

.newmenu li li li li a 
{
    *width                              : 128px;
    _width                              : 128px;
}

.newmenu li li li li li a 
{
    *width                              : 108px;
    _width                              : 108px;
}