<!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>
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<title>ComputedStyleSubPanel</title>
	<link href="computed-style-sub-panel.css" type="text/css" rel="stylesheet">
    <script type="text/montage-serialization">
        {
            "owner": {
                "prototype": "js/panels/CSSPanel/ComputedStyleSubPanel.reel",
                "properties": {
                    "element": {"#": "nj-css-panel-computed"},
                    "groupDropDown": {"#": "nj-css-group-select"},
                    "searchField": {"#": "nj-css-filter"},
                    "computedListEl": {"#": "nj-css-computed-list"}
                }
            }

    	}
	</script>

</head>
<body>
	<div data-montage-id="nj-css-panel-computed" class="nj-css-panel-computed">
		<div data-montage-id="nj-css-filter-panel" class="nj-css-filter-panel">
			<input data-montage-id="nj-css-filter" class="nj-skinned nj-css-filter-input" type="search">
			<select data-montage-id="nj-css-group-select" class="nj-skinned nj-css-group-select">
				<option value="all">All</option>
				<option value="summary" selected>Summary</option>
				<option value="background">Background</option>
				<option value="dimensions">Dimensions</option>
				<option value="border">Border</option>
				<option value="font">Font</option>
				<option value="layout">Layout</option>
			</select>
		</div>
		<div class="nj-sub-panel">
			<dl data-montage-id="nj-css-computed-list" class="nj-css-style-list nj-css-computed-list"></dl>
		</div>
	</div>
</body>
</html>