<!DOCTYPE HTML SYSTEM "-//Macromedia//DWExtension layout-engine 10.0//dialog">
<!-- MENU-LOCATION=NONE -->
<html xmlns:MMString="http://www.macromedia.com/schemes/data/string/">

	<!--

	ADOBE CONFIDENTIAL
	___________________

	Copyright 2011 Adobe Systems Incorporated
	All Rights Reserved.

	NOTICE:  All information contained herein is, and remains
	the property of Adobe Systems Incorporated and its suppliers,
	if any.  The intellectual and technical concepts contained
	herein are proprietary to Adobe Systems Incorporated and its
	suppliers and are protected by trade secret or copyright law.
	Dissemination of this information or reproduction of this material
	is strictly forbidden unless prior written permission is obtained
	from Adobe Systems Incorporated.

	-->

	<head>
		
		<title>Web Fonts</title>
        <script type="text/javascript" src="FreeFontsImportContainer.js"></script>
        <script type="text/javascript" src="../Shared/Common/Scripts/dwscripts.js"></script>
        
		<style type="text/css">
		
		#browser {
			width: 805px;
			height: 428px;
			position:absolute; left:0px; top:64px;
		}
		
		#textFilters {
			position:relative; top:10px; left:10px;	
		}
		
		#textFilters td{
			background-color:rgb(204,204,204);			
		}
		
		#searchText {
			font-size:10px;
			color: rgb(143,143,143);
			font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;		
		}
        
        #topBar
        {
            background-color:rgb(43,43,43);	  
        }

		.filterButton {
			width:1px;
			height:1px;
			position:relative;  top:-15px;
		}
		
		#filterLabel {
			position:relative; top:5px;
			width:60px;
		}
		
		.filterImage {	
			vertical-align:middle;
			position:absolute;
		}
		
		.shortFilterImage {
			top:1px	
		}
		
		#typeFilters {
    		position:absolute; left:240px; top:15px;
    		color: rgb(143,143,143);
			font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    		font-weight:bold;
    		font-size:12px;
		}
		
		#bottomBar {
			width:100%;
			height:50px;
			background-color: white;
			position:absolute; left:0px; top:492px;
			border-top:solid 1px rgb(221,221,221);
		}
		
		#copyRight {
			font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
			font-style:italic;
    		font-size:12px;
    		color: rgb(143,143,143);
			position:relative; left:15px; top:5px;
		}
            
        #copyRightImage {
            vertical-align:bottom;
			padding:2px;
			position:relative;
			top:4px;
        }
            
        #searchTable {
            border: solid 1px rgb(153,153,153);
        }
            
		</style>
	</head>

	<body style="background-color: rgb(43,43,43)" onload="initUI();" >
    <form>
        
    <div id="topBar">
    	<div id="textFilters">
    	<table id="searchTable" cellspacing="0" cellpadding="3">
        	<tr>
        		<td>
        			<img id="searchImage" src="images/search-icon.png"/>
        		</td>
        		<td>
        			<input size="30" onFocus="startTextCapture(this)" onBlur="stopTextCapture(this)" id="searchText" type="text" value="Filter by name"/>
        		</td>
        	</tr>
        </table>
        </div>
   
   		<div id="typeFilters">

			<span id="filterLabel">Filters :</span> 

            <input id="sansButton" type="button" value="Sans Filter" class="filterButton" onClick="captureButtonClick('sans', 0)" />
			<img id="sans" class="filterImage" src="images/sans_normal.png" style="left:60px;" altText="Sans" 
            onMouseOver="captureMouseOver(this)" onMouseOut="captureMouseOut(this)" onMouseDown="captureMouseDown(this)" onMouseUp="captureMouseUp(this, 0)"/>
            	
            <input id="serifButton" type="button" value="Serif Filter" class="filterButton" onClick="captureButtonClick('serif', 0)"/>
			<img id="serif" class="filterImage" src="images/serif_normal.png" style="left:100px;" altText="Serif" 
            onMouseOver="captureMouseOver(this)" onMouseOut="captureMouseOut(this)" onMouseDown="captureMouseDown(this)" onMouseUp="captureMouseUp(this, 0)"/>
            	
            <input id="slabButton" type="button" value="Slab Filter" class="filterButton" onClick="captureButtonClick('slab', 0)"/>
			<img id="slab" class="filterImage" src="images/slab_normal.png" style="left:140px;" altText="Slab" 
            onMouseOver="captureMouseOver(this)" onMouseOut="captureMouseOut(this)" onMouseDown="captureMouseDown(this)" onMouseUp="captureMouseUp(this, 0)"/>
            
            <input id="scriptButton" type="button" value="Script Filter" class="filterButton" onClick="captureButtonClick('script', 0)" />
			<img id="script" class="filterImage" src="images/script_normal.png" style="left:180px;" altText="Script" 
            onMouseOver="captureMouseOver(this)" onMouseOut="captureMouseOut(this)" onMouseDown="captureMouseDown(this)" onMouseUp="captureMouseUp(this, 0)"/>
            	
            <input id="blackletterButton" type="button" value="BlackLetter Filter" class="filterButton" onClick="captureButtonClick('blackletter', 0)"/>
			<img id="blackletter" class="filterImage" src="images/blackletter_normal.png" style="left:220px;" altText="BlackLetter" 
            onMouseOver="captureMouseOver(this)" onMouseOut="captureMouseOut(this)" onMouseDown="captureMouseDown(this)" onMouseUp="captureMouseUp(this, 0)"/>
            	
            <input id="monoButton" type="button" value="Monospace Filter" class="filterButton" onClick="captureButtonClick('mono', 0)" />
			<img id="mono" class="filterImage" src="images/mono_normal.png" style="left:260px;" altText="Monospace" 
            onMouseOver="captureMouseOver(this)" onMouseOut="captureMouseOut(this)" onMouseDown="captureMouseDown(this)" onMouseUp="captureMouseUp(this, 0)"/>
            	
            <input id="handButton" type="button" value="Handmade Filter" class="filterButton" onClick="captureButtonClick('hand', 0)" />
			<img id="hand" class="filterImage" src="images/hand_normal.png" style="left:300px;" altText="Handmade" 
           onMouseOver="captureMouseOver(this)" onMouseOut="captureMouseOut(this)" onMouseDown="captureMouseDown(this)" onMouseUp="captureMouseUp(this, 0)"/>
            	
            <input id="decorativeButton" type="button" value="Decorative Filter" class="filterButton" onClick="captureButtonClick('decorative', 0)" />
			<img id="decorative" class="filterImage" src="images/decorative_normal.png" style="left:340px;" altText="Decorative" 
            onMouseOver="captureMouseOver(this)" onMouseOut="captureMouseOut(this)" onMouseDown="captureMouseDown(this)" onMouseUp="captureMouseUp(this, 0)"/>
            
            <img id="separator1" class="filterImage shortFilterImage" src="images/SeparatorLine.png" style="left:380px;"/>
            
            <input id="headButton" type="button" value="Recommended for Headings Filter" class="filterButton" onClick="captureButtonClick('head', 1)"/>
			<img id="head" class="filterImage shortFilterImage" src="images/head_normal.png" style="left:388px;" altText="Recommended for Headings" 
            onMouseOver="captureMouseOver(this)" onMouseOut="captureMouseOut(this)" onMouseDown="captureMouseDown(this)" onMouseUp="captureMouseUp(this, 1)"/>
            
            <input id="paraButton" type="button" value="Recommended for Paragraphs Filter" class="filterButton" onClick="captureButtonClick('para', 1)"/>
			<img id="para" class="filterImage shortFilterImage" src="images/para_normal.png" style="left:428px;" altText="Recommended for Paragraphs" 
            onMouseOver="captureMouseOver(this)" onMouseOut="captureMouseOut(this)" onMouseDown="captureMouseDown(this)" onMouseUp="captureMouseUp(this, 1)"/>
           	
            <img id="separator1" class="filterImage shortFilterImage" src="images/SeparatorLine.png" style="left:468px;"/>
            
			 <input id="selectedButton" type="button" value="Show Selected Fonts" class="filterButton" onClick="captureButtonClick('selected', 2)"/>
			<img id="selected" class="filterImage shortFilterImage" src="images/selected_normal.png" style="left:476px;" altText="Selected Fonts" 
            onMouseOver="captureMouseOver(this)" onMouseOut="captureMouseOut(this)" onMouseDown="captureMouseDown(this)" onMouseUp="captureMouseUp(this, 2)"/>
            
        </div>
    </div>
    <mm:browsercontrol id="browser" />
    
    <div id="bottomBar">
        <br/>
        <table border=0>
        <tr>
        <td width="572" id="copyRight" valign="top">
        	&nbsp;&nbsp;&nbsp;&nbsp;Web fonts served by <img  id="copyRightImage" src="images/copyright.png"/> Usage rights limited. <a href="http://www.adobe.com/products/eulas/tou_typekit">Learn More.</a>
        </td>
        <td width="113" valign="top">
        	<input type="button" id="ok" style="width: 100px; height: 30px;" onclick="onClickOkButton();"  value="OK" />
            </td>
            <td width="133" valign="top">
        	<input type="button"  style="width: 100px; height: 30px;" value="Cancel" onclick="window.close();"  />
        </td>
        </tr>
        </table>
    </div>
    </form>
    </body>
</html>
