<html>
	<head>
		<title>Notes</title>
		<style id="gm_style">
  
.normal {
    	font-family:verdana;
	font-size:10pt; 
        color: #202020;      
}

p { 
	margin:0px; 
}

.gm_editBar {
	margin:0px; padding:0px; cursor:hand; 
} 

.gm_syncTag {
   	margin:0px 2px 0px 2px; padding:0px 1px 0px 1px; 
        border-style:solid; border-width:1px; border-color:#BDB76B; background-color:lightyellow;	
	font-family:verdana; font-size:5pt; color:#202020; display:none;  
}

.gm_syncValue {
   	margin:0px; padding:0px 3px 0px 3px; position:relative; top:-2px; height:15px; width:51px;
        border-style:solid; border-width:1px; border-color:#BDB76B; background-color:ivory;	
	font-family:Tahoma; font-size:8pt; color:#808080;   
}

.gm_sync, .gm_decrement, .gm_increment {
	cursor:hand;

}
.editbox {
	border-style:solid;
	border-width:1px;
	border-color: gray;
	font-size:8pt; font-family:verdana;
	background-color:white;
}

.btn {
	border-style:solid;
	border-width:1px;
	border-color: gray;
	background-color:#F0F0F0;
	font-size:8pt; font-family:verdana;
	color:#202020;
	margin-left:5px;
}

body {
scrollbar-base-color: #F0F0F0;
scrollbar-arrow-color: #000000;
scrollbar-3dlight-color: #F0F0F0;
scrollbar-darkshadow-color: #F0F0F0;
overflow-x:hidden;
overflow-y:hidden;
margin:0; 
border:solid #B1B1B1 1px; 
border-bottom:none black 0px; 
}

</style>
		<script>

var pw;

    function setpw(e)
      {
	pw = e;
      }

function checkSyncSize(e) {
  if (e.className == "gm_syncTag") {
    e.style.height=19; 
    e.style.width=100; 
  }
}

function doSearch()
{
  pw.doSearch(window);
}


function doNewSearch()
{
  pw.newNotes(window);
  pw.doSearch(window);
}

function keyPress()
{
  if(event.keyCode==13)
    doSearch()
}

function toggleFind()
{
    if(searchDiag.style.display=="none")
	searchDiag.style.display = "block";
    else
	searchDiag.style.display = "none"
}

</script>
	</head>
	<body gm_file="" bgcolor="#f0f0f0" class="normal" gm_maxWidth="200" gm_maxHeight="1200" dtext="#000000" vLink="#003397" aLink="#003397" link="#003397" bgColor="#ffffff" leftmargin="5" topmargin="5" >
		<div id="iText" gm_mode="" gm_oldSegment="" gm_current="" gm_nonCurrent="" gm_mouseOver="" gm_single="" gm_insync="" gm_mouseOut=""></div>
		<table style="font-size:10pt;" border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" onclick="pw.editBarDispatch(window);">
			<tr>
			  <td colspan="2" style="padding-left:10px; padding-top:10px;">
			 	<!--div style="cursor:hand;color:gray; font-weight:bold; font-size:8pt; font-family:verdana;">Search:</div-->
				<div id="searchDiag" style="padding-left:10px">
					<input id="sText" class="editBox" onkeypress="keyPress()"/><input class="btn" onclick="doSearch()" type="button" value="search"/><input class="btn" onclick="doNewSearch()" type="button" value="new search"/>
				</div>
			  </td>
			</tr>
			<tr>
				<td nowrap="true" style="padding:10px 0px 0px 10px;">
					<img class="gm_editBar" id="synctag" src="images\synctag.gif" alt="Insert Time Tag (Ctrl-T)" unselectable="on"/>
					<img class="bar" src="images\bar.gif" unselectable="on"/>
				</td>
				<td nowrap="true" align="right" style="padding:10px 6px 0px 5px;">
					<img class="gm_editBar" id="newnotes" src="images\newnotes.gif" alt="New notes..." unselectable="on"/>
					<img class="gm_editBar" id="opennotes" src="images\opennotes.gif" alt="Open notes..." unselectable="on"/>
					<img class="gm_editBar" id="save" src="images\save.gif" alt="Save notes..." unselectable="on"/>
					<img class="bar" src="images\bar.gif" unselectable="on"/>
					<img class="gm_editBar" id="undo" src="images\undo.gif" alt="Undo" unselectable="on"/>
					<img class="gm_editBar" id="redo" src="images\redo.gif" alt="Redo" unselectable="on"/>
					<img class="bar" src="images\bar.gif" unselectable="on"/>
					<img class="gm_editBar" id="cut" src="images\cut.gif" alt="Cut" unselectable="on"/>
					<img class="gm_editBar" id="copy" src="images\copy.gif" alt="Copy" unselectable="on"/>
					<img class="gm_editBar" id="paste" src="images\paste.gif" alt="Paste" unselectable="on"/>
					<img class="bar" src="images\bar.gif" unselectable="on"/>
					<img class="gm_editBar" id="bold" src="images\bold.gif" alt="Bold" unselectable="on"/>
					<img class="gm_editBar" id="italic" src="images\italic.gif" alt="Italic" unselectable="on"/>
				</td>
			</tr>
			<tr>
				<td height="100%" colspan="2">
					<div id="notes" contenteditable="true" style="background-color:white; margin:0px 5px 0px 5px; padding:5px; border-style:solid; border-color:#5353AB; border-width:1px 0px 1px 0px; width:100%; height:100%; overflow-y:scroll" ondragstart="pw.notesDragStart();" ondrop="pw.notesDrop(window);" ondragend="pw.notesDragEnd();" onpaste="pw.notesPaste(window);" onclick="pw.notesClickDispatch(window);" ondeactivate="pw.notesFocusOutDispatch(window);" onkeyup="pw.notesKeyDispatch(window);" onresizeend="checkSyncSize(event.srcElement);"></div>
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<div id="notesFile" nowrap="true" align="right" unselectable="on" style="color:#33338B; margin-right:8px; padding-top:2px;"></div>
				</td>
			</tr>

		</table>
		<div id="notesSaved" style="display:none"></div>
		<span id="syncTemplate" class="gm_syncTag" contenteditable="false"><nobr>
				<img class="gm_sync" src="images\sync.gif" align="absbottom" alt="sync video"/>
				<input class="gm_syncValue" id="timeCode" type="text" value="" maxlength="8"/>
				<img class="gm_decrement" src="images\decrement.gif" align="absbottom" alt="-1 sec"/>
				<img class="gm_increment" src="images\increment.gif" align="absbottom" alt="+1 sec"/>
			</nobr></span>
		<iframe id="notesTemplate" width="1" height="1" FRAMEBORDER="NO" src="files\notestemplate.html"></iframe>
	</body>
</html>