<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
 | 
        "http://www.w3.org/TR/html4/loose.dtd"> 
 | 
<html> 
 | 
<head> 
 | 
    <title></title> 
 | 
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/> 
 | 
    <script type="text/javascript" src="../internal.js"></script> 
 | 
    <style type="text/css"> 
 | 
        .warpper{ position:relative;width: 380px; height: 100%; margin: 10px auto;} 
 | 
        .tabbody{height: 160px;} 
 | 
        .tabbody table{width:100%;border-collapse: separate;border-spacing: 3px;} 
 | 
        .tabbody .panel{width:373px;height:100%;padding-left: 5px;position: absolute;background-color: #fff;} 
 | 
        .tabbody input.int{ width:190px;height:21px;border:1px solid #d7d7d7;line-height:21px;} 
 | 
        .tabbody input.btn{padding: 0 5px; text-align:center;line-height:24px; text-decoration: none;height:24px;background:url("../../themes/default/images/dialog-title-bg.png") repeat-x;border:1px solid #ccc; } 
 | 
    </style> 
 | 
</head> 
 | 
<body> 
 | 
<div class="warpper" id="searchtab"> 
 | 
    <div id="head" class="tabhead"> 
 | 
        <span  tabsrc="find" class="focus"><var id="lang_tab_search"></var></span> 
 | 
        <span  tabsrc="replace" ><var id="lang_tab_replace"></var></span> 
 | 
    </div> 
 | 
    <div class="tabbody"> 
 | 
        <div class="panel" id="find"> 
 | 
            <table> 
 | 
                <tr> 
 | 
                    <td width="80"><var id="lang_search1"></var>: </td> 
 | 
                    <td><input autocomplete="off"   id="findtxt" type="text" class="int" /></td> 
 | 
                </tr> 
 | 
                <!--<tr>--> 
 | 
  
 | 
                    <!--<td colspan="2"><span style="color:red"><var id="lang_searchReg"></var></span></td>--> 
 | 
                <!--</tr>--> 
 | 
                <tr> 
 | 
                    <td><var id="lang_case_sensitive1"></var></td> 
 | 
                    <td> 
 | 
                        <input autocomplete="off"   id="matchCase" type="checkbox" /> 
 | 
                    </td> 
 | 
                </tr> 
 | 
                <tr> 
 | 
                    <td colspan="2"> 
 | 
                        <input autocomplete="off"   id="nextFindBtn" type="button" class="btn" /> 
 | 
                        <input autocomplete="off"   id="preFindBtn" type="button" class="btn" /> 
 | 
                    </td> 
 | 
                </tr> 
 | 
                <tr> 
 | 
                    <td colspan="2"> 
 | 
                          
 | 
                    </td> 
 | 
                </tr> 
 | 
                <tr> 
 | 
                    <td colspan="2"> 
 | 
                        <span id="search-msg" style="color:red"></span> 
 | 
                    </td> 
 | 
                </tr> 
 | 
            </table> 
 | 
        </div> 
 | 
        <div class="panel" id="replace"> 
 | 
            <table> 
 | 
                <tr> 
 | 
                    <td width="80"><var id="lang_search2"></var>: </td> 
 | 
                    <td><input autocomplete="off"   id="findtxt1" type="text" class="int"  /></td> 
 | 
                </tr> 
 | 
                <!--<tr>--> 
 | 
  
 | 
                    <!--<td colspan="2"><span style="color:red"><var id="lang_searchReg1"></var></span></td>--> 
 | 
                <!--</tr>--> 
 | 
                <tr> 
 | 
                    <td><var id="lang_replace"></var>: </td> 
 | 
                    <td><input autocomplete="off"   id="replacetxt" type="text" class="int" /></td> 
 | 
                </tr> 
 | 
                <tr> 
 | 
                    <td><var id="lang_case_sensitive2"></var></td> 
 | 
                    <td> 
 | 
                        <input autocomplete="off"   id="matchCase1" type="checkbox" /> 
 | 
                    </td> 
 | 
                </tr> 
 | 
                <tr> 
 | 
                    <td colspan="2"> 
 | 
                        <input autocomplete="off"   id="nextReplaceBtn" type="button" class="btn" /> 
 | 
                        <input autocomplete="off"   id="preReplaceBtn" type="button" class="btn" /> 
 | 
                        <input autocomplete="off"   id="repalceBtn" type="button" class="btn" /> 
 | 
                        <input autocomplete="off"   id="repalceAllBtn" type="button" class="btn" /> 
 | 
                    </td> 
 | 
                </tr> 
 | 
                <tr> 
 | 
                    <td colspan="2"> 
 | 
                          
 | 
                    </td> 
 | 
                </tr> 
 | 
                <tr> 
 | 
                    <td colspan="2"> 
 | 
                        <span id="replace-msg" style="color:red"></span> 
 | 
                    </td> 
 | 
                </tr> 
 | 
            </table> 
 | 
        </div> 
 | 
    </div> 
 | 
</div> 
 | 
<script type="text/javascript" src="searchreplace.js"></script> 
 | 
</body> 
 | 
</html> 
 |