<!DOCTYPE html>
<!-- <copyright>
 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
 (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
 </copyright> -->
<html lang="en">
<head>
    	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" href="CSSPanelBase.css" type="text/css">
        <script type="text/montage-serialization">
        {
            "resizer1": {
                "module": "js/panels/Resizer",
                "name": "Resizer",
                "properties": {
                    "element": {"#": "subPanelResizer"},
                    "panel": {"#": "nj-section-stylesheets"},
                    "isVertical": true
                }
            },

            "ComputedStyleSubPanel1": {
                "module": "js/panels/CSSPanel/ComputedStyleSubPanel.reel",
                "name": "ComputedStyleSubPanel",
                "properties": {
                    "element": {"#": "nj-computed-sub-panel"}
                }
            },

            "owner": {
                "module": "js/panels/CSSPanel/CSSPanelBase.reel",
                "name": "CSSPanelBase",
                "properties": {
                    "element": {"#": "css_panel"},
                    "computedStyleSubPanel": {"@": "ComputedStyleSubPanel1"}
                }
            }

    	}
		</script>
	</head>
<body>
    <div id="css_panel" class="css_panel">
		<!-- Stylesheet list subsection -->
		<h2 id="nj-css-sheets-header" class="nj-section-header">
			<div id="nj-css-sheets-arrow" class="panelDisclosureIcon"></div>
			Stylesheets <span id="nj-current-doc-name"></span>
		</h2>       	
        <div id="nj-section-stylesheets" class="nj-sub-panel">
       		<ul id="nj-sheet-list"></ul>
        </div>
		<div  id="nj-css-stylesheet-toolbar" class="nj-css-toolbar">
			<a href="#" id="nj-css-add-stylesheet" title="Add Stylesheet">Add Rule</a>
		</div>
        <div data-montage-id="subPanelResizer" class="resizer"></div>
		<!-- Style Rule list subsection -->
		<h2 id="nj-css-styles-header" class="nj-section-header">
			<div id="nj-css-styles-arrow" class="panelDisclosureIcon"></div>
			Styles <span id="nj-current-element-name"></span>
			<span id="nj-status-heading" class="nj-css-panel-hide">
				<span id="nj-num-items">0</span> elements selected
			</span>
		</h2>
		<div id="nj-computed-sub-panel"></div>
        <div id="nj-section-styles" class="nj-sub-panel">
        	<!-- <ul id="nj-css-rule-list"></ul> -->
        </div>
		<div  id="nj-css-styles-toolbar" class="nj-css-toolbar">
			<a href="#" id="nj-css-show-computed" title="Show Computed Styles">Computed</a>
			<a href="#" id="nj-css-add-rule" title="Add Rule">Add Rule</a>
		</div>
    </div>
</body>
</html>