<!DOCTYPE HTML SYSTEM "-//Macromedia//DWExtension layout-engine 6.0//pi">
<!-- tag:*, priority:1, selection:exact, hideclass -->
<html xmlns:mmstring="http://www.macromedia.com/schemes/data/string/">
<head>
<!-- Copyright 2006-2007 Adobe Systems Incorporated.  All rights reserved. -->
<title>
<MMString:LoadString id="spry/widget/label" />
</title>
<!-- common includes -->
<script type="text/javascript" src="../Shared/MM/Scripts/CMN/displayHelp.js"></script>
<script type="text/javascript" src="../Shared/Common/Scripts/ListControlClass.js"></script>
<script type="text/javascript" src="../Shared/Common/Scripts/TagEditClass.js"></script>
<script type="text/javascript" src="../Shared/Common/Scripts/dwscripts.js"></script>
<script type="text/javascript" src="../Shared/UltraDev/Scripts/ssDocManager.js"></script>
<script type="text/javascript" src="_pi_common.js"></script>

<!-- spry widget includes -->
<script type="text/javascript" src="../Shared/Spry/DesignTime/WidgetBase.js"></script>
<script type="text/javascript" src="../Shared/Spry/DesignTime/WidgetManager.js" ></script>
<!-- generic widget pi include -->
<script type="text/javascript" src="spry_widget.js"></script>
<link href="../fields.css" rel="stylesheet" type="text/css" />
<!-- pi styles -->
<link href="_pi_common.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#panelEditingLabel {
  position:absolute;
  width: 20%;
  padding-right:1.5em;
  text-align:right;
}
#panelEditingMain {
  position:absolute;
  left:20%;
  width:30%;
}
.buttonHeader{ }
#panelList{ 
  position:absolute;
  width:100%; 
  left:0px;
  top:15px;
}
#message {
  position:absolute;
  left:50%;
  top: 15px;
  width:50%;
  padding-left:1.5em;
}
.textfield {        width: 38px;
}
#bottomContainer {
	position: absolute;
	visibility: visible;
	left:20px;
	top: 46px;
	width: 248px;
}
#customPattern {		width: 100px;
}
#displayErrorState {		width: 180px;
}
#format {		width: 175px;
}
#hint {		width: 100px;
}
#mainProps {		position:absolute;
		left:20px;
		width:30%;
		top: -2px;
}
</style>
</head>
<body class="piBody">
<!-- standard image & id fields -->
<div id="piId"> 
  <img id="piImage" src="generic_widget.png" alt="MMString:LoadString id='spry/widget/label'" />
  <div id="idBoxLayer" >
    <div id="piTitle"><MMString:LoadString id="spry/widget/label" /></div>
    <div id="piElementId">
      <input id="idEditBox" type="text" onBlur="updateTag('id')" />
    </div>
  </div>
</div>
</body>
</html>
