/* Top Level elements */
*
{
	font-family: 'Lucida Grande', Verdana, helvetica;
	font-size: 11px;
}

body
{
	margin: 0px;
	overflow: hidden;
}

#root
{
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0px;
}

#i_app 
{
	position: absolute;
	width: 100%;
	height: 80%;
	overflow:auto;
	margin: 0px;
}

#i_inspector
{
	position:absolute;
	top: 80%;
	width: 100%;
	height:20%;
	margin: 0px;
}

#i_menu_container
{
	border: solid 1px #eee;
	padding: 4px 0px 0px 0px;
	background: #ecf3f8;
}

.i_rootmenu_item
{
	margin: 4px;
	padding: 1px;
}

.i_submenu_item
{
	margin: 4px;
	padding: 1px;
}

#i_panel_container
{
	position: relative;
	width: 100%;
	height: 100%;
}	

/* Panels & Splitters */
.i_horiz_splitter
{
	position: absolute;
	top: 80%;
	width: 100%;
	height: 4px;
	background: rgb(230,230,230);
	border: solid 1px rgb(210,210,210);
	z-index: 5;
	cursor: n-resize;
}

.i_vert_splitter
{
	position: absolute;
	width: 4px;
	height: 100%;
	background: rgb(230,230,230);
	border: solid 1px rgb(210,210,210);
	z-index: 5;
	cursor: e-resize;
}

/* A top level rectangular area that is absolutely positioned and moved with a splitter */
.i_panel
{
	position: absolute;
	/* this is here to keep the panel behind the splitter bar */
	z-index: 1;
}


/* The top level panels and splitters */

/* The outer panel that holds the controlsTreePanel and the selectedControlPanel */
#i_topPanel 
{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 40%;
}

#i_control_tree
{
	position: absolute;
	overflow: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}


#i_vert_controldom_splitter 
{
	left: 45%;
	top: 0px;
}

#i_selected_control_panel
{
	position: absolute;
	overflow: auto;
	left: 45%;
	right:0px;
	top: 0px;
	bottom: 0px;
	/* the left side of a vertical splitter aligns with the 
		right side of its preceding sibling, and its next 
		sibling (us) uses margin to avoid overlap. */
	margin-left: 6px;
}


#i_consolePanel
{
	left: 0px;
	right: 0px;
	top: 60%;
	bottom: 0%;
	/* the top side of a horizontal splitter aligns with the 
		bottom side of its preceding sibling, and its next 
		sibling (us) uses margin to avoid overlap. */
	margin-top: 6px;
}

#i_evalText 
{
	margin: 0; padding: 0;
}


/* Command bars and buttons */
.i_commandToolbar
{
	background-color: rgb(212,119,24);
	height: 12px;
	padding:  5px 10px;
}

.i_commandButton
{
	color: White;
	font-weight: bold;
	text-decoration: none;
	background-color: rgb(192,100,4);
	padding: 2px;
}

.i_commandButton:hover
{
	text-decoration: underline;
}

/* Node Tree */
.i_treeNode
{
}

.i_treeNodeTopLine
{
	position: relative;
	height: 18px;
	width: 100%;
	white-space: nowrap;
}

.i_expandCollapseButton
{
	vertical-align: middle;
	cursor: hand;
}

.i_expandCollapseImageNode
{
	vertical-align: middle;
	/* top: 5px; */
	padding: 5px;
	margin: auto;
}

.i_treeNodeIcon 
{
	vertical-align: middle;
	margin: auto;
}

.i_treeNodeSelectButton
{
	cursor: hand;
}

.i_treeNodeTitle 
{
	vertical-align: middle;
	white-space: nowrap;
	margin-left: 0px;
}


.i_controlTreeNode
{
	color: Black;
	font-weight: bold;
	text-decoration: none;
}

.i_controlTreeNode:hover
{
	text-decoration: underline;
}

.i_selectedControlTreeNode
{
	font-weight: bold;
	color: rgb(128,0,128);
	text-decoration: none;
}

.i_selectedControlTreeNode:hover
{
	text-decoration: underline;
}

.i_propertyTreeNode
{
}

.i_treeNodeInfoText
{
	font-weight: normal;
	position: absolute;
	width: 50%;
	height: 20px;
	right: 0px;
	top: 0px;
}

.i_treeNodeContent
{
	margin-left: 20px;
}


.i_markup
{
	font-family: Courier new;
	background-color: rgb(240,240,240);
	margin-left: 5px;
}

/* Debug Options */
.i_debugOptionsContentArea
{
	position:relative;
}

.i_debugBreaks
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50%;
}

.i_debugTraces
{
	position: absolute;
	left: 50%;
	top: 0px;
	right: 0%;
}

.i_debugOptionsHeader
{
	font-weight: bold;
}

.i_debugOption
{
}


/* Console */

#i_console_content
{
	overflow: auto;
}

.i_consoleBanner
{
	color: rgb(212,119,24);
	font-weight: bold;
}

.i_consoleBannerSub
{
	font-style: italic;
}

.i_consoleLine
{
	color: Black;
}

.i_consoleWarningLine
{
	color: rgb(128,0,128);
}

.i_consoleErrorLine
{
	color: rgb(255,0,0);
}