.SideMenu
{
	margin-left:0px;
	padding:3px;
	width:163px;
	background:#eee;
	padding-bottom:6px;
	border:solid 2px #369;	
	font-size:small;
	margin-bottom:10px;
}

.SideMenuWrapper
{
}

.SideMenuWrapper h3
{
	padding: 5px; 
	margin: 0px; 
	font-size: 9pt;
    font-weight: bold; 
    color: #fff; 
    background: #369;
    width:163px;
}

.SideMenu div.AspNet-TreeView ul li
{
    white-space:normal;
    padding: 3px 0 0px 0; 
    font-size:8pt;
    font-family: Tahoma;
}

.SideMenu div.AspNet-TreeView ul ul
{
    margin: 0px 0 0px 5px;
}

.SideMenu div.AspNet-TreeView ul li img
{
    border: none;
    vertical-align: middle;
    margin: 0 2px 0 0;
}

.SideMenu div.AspNet-TreeView li a
{
    text-decoration: none;
}

.SideMenu div.AspNet-TreeView li.AspNet-TreeView-Root
{
}

.SideMenu div.AspNet-TreeView li.AspNet-TreeView-Parent
{
	margin-left:0px;padding-left:0px;
}

.SideMenu div.AspNet-TreeView ul li.AspNet-TreeView-Root.AspNet-TreeView-Leaf
{
    padding-left:15px;
    background:transparent url('Images/leaf.gif') no-repeat left 4px;
}

.SideMenu div.AspNet-TreeView ul li.AspNet-TreeView-Root li.AspNet-TreeView-Leaf,
.SideMenu div.AspNet-TreeView ul ul li.AspNet-TreeView-Root  li.AspNet-TreeView-Leaf,
.SideMenu div.AspNet-TreeView ul ul ul li.AspNet-TreeView-Root  li.AspNet-TreeView-Leaf,
.SideMenu div.AspNet-TreeView ul ul ul ul li.AspNet-TreeView-Root  li.AspNet-TreeView-Leaf
{   
	padding-left:15px;
    background:transparent url('Images/leaf.gif') no-repeat left 4px;
}

.SideMenu div.AspNet-TreeView ul ul 
{
	margin-top:3px;   
    padding:0px 0px 0px 3px;
    border-right:solid 6px #efefef;
    border-bottom:solid 6px #efefef;
    border-top:dotted 2px #fff
}
.SideMenu div.AspNet-TreeView ul ul ul
{
}

/* Consider changing the cursor value (below) to something like */
/*     cursor: n-resize;                                        */
.SideMenu div.AspNet-TreeView .AspNet-TreeView-ClickableNonlink
{
    cursor: pointer;
}

/* Consider changing the cursor value (below) to something like */
/*     cursor: n-resize;                                        */
.SideMenu div.AspNet-TreeView .AspNet-TreeView-Collapse
{
    background: url('images/collapse.gif') -3px 0 no-repeat;
    width: 15px;
    margin-right:0px;
    float:left;
    cursor: pointer;
    font-family: Courier;
    font-size: large;
    line-height: 15px;
}

/* Consider changing the cursor value (below) to something like */
/*     cursor: n-resize;                                        */
.SideMenu div.AspNet-TreeView .AspNet-TreeView-Expand
{
    background:  url('images/expand.gif') -3px 0 no-repeat;
    width: 15px;
    margin-right:0px;
    float:left;
    cursor: pointer;
    font-family: Courier;
    font-size: large;
    line-height: 15px;
}

.SideMenu div.AspNet-TreeView a,
.SideMenu div.AspNet-TreeView a:visited,
.SideMenu div.AspNet-TreeView a:active,
.SideMenu div.AspNet-TreeView a:link
{
    color: #00008B;
}

.SideMenu div.AspNet-TreeView a:hover
{
    color: #c00;
}

.SideMenu div.AspNet-TreeView .AspNet-TreeView-Selected a
{
    font-weight: bold !important;
}

.SideMenu div.AspNet-TreeView .AspNet-TreeView-Selected ul a
{
    font-weight: bold !important;
}

.SideMenu div.AspNet-TreeView ul ul
{
	background:#eef6fb;
	border:solid 1px #999;
	padding:3px;
	margin-left:1px;
}
.SideMenu div.AspNet-TreeView ul ul ul
{
	background:#ebebeb;
}
.SideMenu div.AspNet-TreeView ul ul ul ul
{
	background:#b1d7f2;
}
.SideMenu div.AspNet-TreeView ul ul ul ul ul
{
	background:#e3e3e3;
}
.SideMenu div.AspNet-TreeView ul ul ul ul ul ul
{
	background:#b1d7f2;
}

.SideMenu .AspNet-TreeView-ChildSelected
{
	font-weight:bold;	
}
.SideMenu .AspNet-TreeView-ChildSelected li
{
	font-weight:normal;	
}

.SideMenu div.AspNet-TreeView .AspNet-TreeView-Selected ul li.AspNet-TreeView-Leaf.AspNet-TreeView-ParentSelected a
{
	font-weight: normal !important;
}

/* ------------------------------------------------------------------- */
/* Specific to this sample web site. */
/* These rules are probably not useful in your site. */

#SampleTreeView
{
    background: #B9D3EE;
    position: relative;
    width: 100%;
}

#SampleTreeView #Sample-Control
{
    position: relative;
    float: left;
    width: 17em;
    background: #F5F5F5;
    margin-right: 2em;
    z-index: 500;
}

#SampleTreeView #Sample-Content
{
    padding: 0.5em 2em 0.5em 1em;
    color: Black;
    position: relative;
    font-size: small;
    font-family: Times New Roman;
}

#SampleTreeView #Sample-Content h1,
#SampleTreeView #Sample-Content p
{
    margin: 0;
}

#SampleTreeView .clearing
{
    clear:both;
    height: 1px;
}