#TreePanel
{            
    display:inline;
    float:left;
    width:300px;
    height:500px;
    overflow:auto;
}
#NodeDetails
{            
    display:inline;
    float:left;
    width:500px;
    height:500px;
}  

/*Menu Tree ==Begin==*/
.MenuTree div.AspNet-TreeView ul li
{
    white-space: nowrap;
    padding: 3px 0 2px 0; 
    font-size: small;
    font-family: Tahoma;
}

.MenuTree div.AspNet-TreeView ul ul
{
    margin: 2px 0 2px 20px;
}

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

.MenuTree div.AspNet-TreeView li a
{
    text-decoration:underline;
}

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

.MenuTree div.AspNet-TreeView li.AspNet-TreeView-Parent
{
}

.MenuTree div.AspNet-TreeView li.AspNet-TreeView-Leaf
{
    margin-left: 25px;
}



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

/* Consider changing the cursor value (below) to something like */
/*     cursor: n-resize;                                        */
.MenuTree div.AspNet-TreeView .AspNet-TreeView-Collapse
{    
    background: url('../../App_Themes/StandardTheme/img/MenuEditor/collapse.gif') 0 0 no-repeat;		
    width: 15px;
    margin-right: 5px;
    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;                                        */
.MenuTree div.AspNet-TreeView .AspNet-TreeView-Expand
{    
    background: url('../../App_Themes/StandardTheme/img/MenuEditor/expand.gif') 0 0 no-repeat;		
    width: 15px;
    margin-right: 5px;
    float:left;
    cursor: pointer;
    font-family: Courier;
    font-size: large;
    line-height: 15px;
}

.MenuTree div.AspNet-TreeView a,
.MenuTree div.AspNet-TreeView a:visited,
.MenuTree div.AspNet-TreeView a:active,
.MenuTree div.AspNet-TreeView a:hover,
.MenuTree div.AspNet-TreeView a:link
{
    color: black;
}

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

.MenuTree div.AspNet-TreeView .AspNet-TreeView-Selected ul a
{
    font-weight: normal !important;
    color: black !important;
}
.MenuTree div.AspNet-TreeView li.Delete,
.MenuTree div.AspNet-TreeView li.Delete li.Delete
{
	background-color:#ff0000;
}
.MenuTree div.AspNet-TreeView li.Delete li
{
	background-color:#ff8800;
}
/*Menu Tree ==End==*/



/*MenuNodeDetailsView ==Begin==*/
/* Please refer to FormViewExample.css for comments on these rules. */
.MenuNodeDetailsView div.AspNet-DetailsView-Header
{
    color: #F7F6F3;
    background-color: #5D7B9D;
    font-weight: bold;
    padding: 4px 0 4px 4px;
    position:relative;
}

/* Each field defined for the DetailsView generates an individual list item (li) in the rendered HTML. */
/* Each li effectively is a row in a table (though no table tag is generated by the adapter). */
.MenuNodeDetailsView div.AspNet-DetailsView-Data li
{
    padding: 3px 0 2px 4px;
    color: #333333;
    background-color: White;
    vertical-align: middle;
    min-height:1.4em; /* ADDED for Firefox */
}

/* Every other field is marked as being "Alternate." */
/* This allows you to define an "alternating row" style (though the adapter doesn't actually generate an HTML table). */
.MenuNodeDetailsView div.AspNet-DetailsView-Data li.AspNet-DetailsView-Alternate
{
    background-color: #F7F6F3;
}

/* This corresponds to the HeaderText attribute of an <asp:BoundField>. */
.MenuNodeDetailsView span.AspNet-DetailsView-Name
{
    position:absolute;
    top: 3px;
    left: 0;
    font-weight: bold;
}

/* This corresponds to the DataField attribute of an <asp:BoundField>. */
.MenuNodeDetailsView span.AspNet-DetailsView-Value
{
    margin-left:8em;
}

.MenuNodeDetailsView .AspNet-DetailsView-Pagination
{
    background-color: #284775;
    text-align:center;
    padding: 4px 0 4px 0;
    position:relative;
}

.MenuNodeDetailsView .AspNet-DetailsView-ActivePage
{
    color: White;
    margin-left: 4px;
}

.MenuNodeDetailsView .AspNet-DetailsView-OtherPage
{
    color: #00FFFF;
    text-decoration:none;
    margin-left: 4px;
}
/*MenuNodeDetailsView ==End==*/

/*Action Buttons ==Begin==*/

.actionButton
{
	width:64px;
	height:64px;
}
/*Action Buttons ==end==*/