/* Treeview CSS Styles */
#treecontrol { margin: 1em 0; display: none; }

#treemenu ul { list-style-type:none; }

.treeview .hover { cursor: pointer; }
.treeview li.expandable { background-position: 0 -176px; }
.treeview li.collapsable { min-height:30px; background:#fff url('media/audience-menu-expanded.jpg') no-repeat right top; }
.treeview li.last { background-position: 0 -1766px }
/*.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(media/treeview.gif); }  */
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

ul.treeview .hitarea {
	background: url(media/treeview.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -18px;
	float: left;
	cursor: pointer;
}
ul.treeview .expandable-hitarea { background-position: -80px -3px; }
/*.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }*/

/* fix for IE6 */
* html .hitarea {
	display: inline;
	float: none;
}

.treeview, .treeview ul, .treeview ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	font-size:12px;
	line-height:15px;
	font-weight:normal;
	color:#004881;
}
.treeview ul {
	background-color: transparent;
	margin-top: 4px;
	width:219px;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 37px;
	width: 182px;
}

	ul.treeview li a {
		color: #004881;
		text-decoration: none;
		display: inline-block;				
		margin: 0 0 2px 0;			
	}		
        .treeview a.selected 
        {
            font-weight:bold;
	        /*background-color: #eee;*/
        }	
		ul.treeview li a:hover, ul.treeview li a:active {
			/* text-decoration: underline; */
			background-image:none;
		}		
	
			ul.treeview li ul {
				margin: 5px 0 0 -2px;																						
				width: 185px;
                background:transparent url('media/audience-menu-hr.png') no-repeat top;
                padding:2px 0 0 0;
			}
                ul.treeview li ul li,
                .treeview li ul li.expandable, .treeview li ul li.collapsable, .treeview li ul li.last, .treeview li ul li.lastCollapsable, .treeview li ul li.lastExpandable { 
	                margin: 0 10px 0 0;
	                padding: 6px 0 8px 15px;
	                background:transparent url('media/audience-menu-hr.png') no-repeat bottom;
	                position:relative;
	                overflow:hidden;
	                width:165px;
	                height:auto;
	                z-index:500;
                }
                ul.treeview li ul li:hover {
                    color: #ffffff;
                    background-color: #8baa6e;
                    overflow:visible;
                    margin-right:0;
                    padding-right:5px;
                    width:165px;
                    /*  ugh, if we keep this it screws up normal links, if we discard this it screws up the flyout menu from this level!!
                    margin-right:0;
		    width:170px;
                    */
                }
                ul.treeview li ul li:hover a {
                    color: #ffffff;
                }
				    ul.treeview li ul li a, ul.treeview li ul li span {
					    color: #022834;
					    text-decoration: none;			
					    line-height: 13px;
					    display:block;
					    margin:0;
				    }
				    ul.treeview li ul li a.sub, ul.treeview li ul li span.sub {
					    background:transparent url('media/audience-item-lvl2.jpg') no-repeat 150px top;
				    }
					ul.treeview li ul li:hover a.sub, ul.treeview li ul li:hover span.sub {
						background:transparent url('media/audience-item-lvl2-over.jpg') no-repeat 150px top;
					}
					/* explicitly declare that the lower-level <a> tags should not follow the behavior defined above */
					ul.treeview li ul li:hover ol li a {
						background:transparent none no-repeat;
					}					
					/* all the .hitarea divs (added programmatically via js) should not be rendered at this level */ 			
                    ul.treeview li ul li .hitarea, ul.treeview li ul li .expandable-hitarea, ul.treeview li ul li .lastCollapsable-hitarea, ul.treeview li ul li .lastExpandable-hitarea {
				        display:none;				  
				    }

				/*******  F L Y - O U T   M E N U   D E F I N I T I O N  *******/
				ul.treeview li ul li ol 
				{
				    display:block;
				    position:absolute;
				    list-style-type:none;
				    left:185px;
				    top:-1px;
				    width:163px;
				    margin:0;
				    padding:10px 0 0 0;
				    background:transparent url('media/audience-flyout-bg.png') no-repeat left top;
				    z-index:505;
				}
                    ul.treeview li ul li ol li,
                    ul.treeview li ul li ol li.expandable, ul.treeview li ul li ol li.collapsable {
						background:transparent url('media/audience-flyout-hr.png') no-repeat left bottom;
                        width:162px;
                        height:auto;
                        margin:-1px 0 0 0;
                        padding:0;
                        display:block;
                    }
                    ul.treeview li ul li ol li.last, ul.treeview li ul li ol li.lastCollapsable, ul.treeview li ul li ol li.lastExpandable {
						background:transparent url('media/audience-flyout-bottom.jpg') no-repeat left bottom;
                        width:163px;
                        height:auto;
                        margin:-1px 0 0 0;
                        padding:0 1px 10px 0;
                        display:block;                        
                    }
                    ul.treeview li ul li ol li:hover {
                        background-color: #88b14c;
                        width:162px;
                        margin:-1px 0 0 0;
                        padding:0;
                        overflow:hidden;
                    }
                    ul.treeview li ul li ol li.last:hover, ul.treeview li ul li ol li.lastCollapsable:hover, ul.treeview li ul li ol li.lastExpandable:hover 
                    {
                        width:162px;
                        margin:-1px 2px 0 0;
                        padding:0 0 10px 0;
                    }
				        ul.treeview li ul li ol li a, ul.treeview li ul li ol li span {
					        color: #fff;
					        text-decoration: none;
					        line-height: 15px;
					        display:inline-block;
						background-image:none;
						margin:0;
						padding:8px 15px;
						width:auto;
						height:auto;
				        }
				        ul.treeview li ul li ol li span {
					        color: #022834;
				        }

					    ul.treeview li ul li ol li:hover a {
						    background-image:none;
					    }
					    ul.treeview li l li ol li:hover div 
					    {
					        /* display:none; */
					    }                 


ul.treeview a.selected, ul.treeview span.selected {
	font-weight: bold;
}

.disabled { color: #C8C8C8; }
.closed ul { display: none; }
.open ul { display: block; }


.treeview-red li { background-image: url(images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(images/treeview-red.gif); } 

.treeview-black li { background-image: url(images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(images/treeview-black.gif); }  

.treeview-gray li { background-image: url(images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(images/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(images/treeview-famfamfam.gif); } 


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(images/file.gif) 0 0 no-repeat; }

/***  Override for when in Ektron control ***/
#audience-menu .EktronTreeview li {
	background-image:none !important;
	margin: 0;
}
#audience-menu .EktronTreeview .hover {
	color:#004881 !important;
}