{showpage:header/header}
<link rel="stylesheet" type="text/css" href="css/rlcss.css" />
<SCRIPT LANGUAGE="JavaScript">
function urlencode(str)
{
return escape(str).replace(/\+/g,'%2B').replace(/%20/g, '+').replace(/\*/g, '%2A').replace(/\//g, '%2F').replace(/@/g, '%40');
}
function popUp(URL)
{
day = new Date();
id = day.getTime();
var returnurl="{cfn:getlinkstartforEmail()}url="+urlencode(URL);
eval("page" + id + " = window.open(returnurl, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=605,height=400,left = 520,top = 150');");
}
</script>

	<div class="paddingin">
<div class="ad_searchwraper">
{formstart:webmastertools:{url:(search/generatesearchboxcode)}:post}

<div class="generatesearchboxtable">

	<div class="p_headerlogo p_headerlogoadvnce">
		<a alt="{$home}" title="{$home}" href="{url:()}">{if($logostatus==0)}		
		<img {if($logo=="")} src="images/search_engines.gif" {else} src="userdata/{$logo}" {endif} border="0">{else}
 <img src="userdata/seasonallogo/{$logoid}/{$logo}"  border="0"> {endif}</a>
	</div>
	
	<span class=" advnceheading">{cfn:getmessage(88)}</span>
	
	
	<div class="adserchste_rw">
	<div class="adserchste_tdf generatesearchboxtexttd">
	<span class="generatesearchboxtextstyle">{cfn:getmessage(78)}</span></div>
	<div class="adserchste_td generatesearchboxtexttd">
	<select name="display_style" id="display_style" class="nselect">
	
	<option value="1" {if($displaystyle==1)} selected="selected" {endif}>{cfn:getmessage(81)}</option>	
	<option value="2" {if($displaystyle==2)} selected="selected" {endif}>{cfn:getmessage(79)}</option> 	
	</select></div>
	</div>
	{if($choose_engine_status==1)}
	<div class="adserchste_rw">
	<div class="adserchste_tdf generatesearchboxtexttd">
	<span class="generatesearchboxtextstyle">{cfn:getmessage(82)}</span></div>
	<div class="adserchste_td generatesearchboxtexttd">
	{loopstart:engines:100}
	<div class="engneselect">
	<input type= "checkbox" name="engine{$engines[0]}" value="{$engines[0]}" {cfn:getchecked($engines[0])} >
<span class="generatesearchboxenginestextstyle">{cfn:getenginename($engines[0])}</span>
</div>
	{loopend:engines}
	</div>
	</div>
	{endif}
		<!-- 
	<div class="adserchste_rw">
	<div class="adserchste_tdf generatesearchboxtexttd">
	<span class="generatesearchboxtextstyle">{cfn:getmessage(86)}</span></div>
	
	<div class="adserchste_td generatesearchboxtexttd">
	<input type="text" name="searchbox_width" class="advncesearchinput" value="{$width}"></div>
	</div>

{if($webmaster_logo_useroverride_status==1)}
	<div class="adserchste_rw">
	<div class="adserchste_tdf generatesearchboxtexttd">
	<span class="generatesearchboxtextstyle">{cfn:getmessage(95)}</span></div>
	<div class="adserchste_td generatesearchboxtexttd">
	<input type= "checkbox" name="weblogostatus" id="weblogostatus" value="1" {if($weblogostatus==1)} checked="checked" {endif} >
	</div>
	</div>
	{endif}
	<div class="adserchste_rw">
	<div class="adserchste_tdf generatesearchboxtexttd">
	<span class="generatesearchboxtextstyle">{cfn:getmessage(83)}</span></div>
	<div class="adserchste_td generatesearchboxtexttd">
	<input type= "checkbox" name="borderstatus" id="borderstatus" value="1" {if($borderstatus==1)} checked="checked" {endif} onclick="javascript:showbordercolors()"></div>
	</div>
	
	<div class="adserchste_rw" id="bordercolor">
	
	<div class="adserchste_tdf generatesearchboxtexttd">
	<span class="generatesearchboxtextstyle">{cfn:getmessage(84)}</span></div>
	<div class="adserchste_td generatesearchboxtexttd">
	<input type="text" name="colors"  class="advncesearchinput" value="{$bordercolor}">
<a class="pikerrr pikerbtn" href="#" onClick="cp.select(document.webmastertools.colors,'pick');return false;" name="pick" id="pick">{cfn:getmessage(85)}</a>
	</div>
	</div>
	-->
	
	
	<div class="adserchste_rw">
	<div class="adserchste_tdf generatesearchboxtexttd">
	<input type="hidden" name="process_status" value="1">&nbsp;</div>
	<div class="adserchste_td generatesearchboxtexttd">
	<input type="submit" name="submit1" class="catago_btna pikerbtn" value="{cfn:getmessage(87)}"></div>
	</div>
	
	
	</div> <!--  TABLE EnDS -->


{formend:webmastertools}



{if($flag==1)}




{if($displaystyle==1)}
<table cellpadding="0" cellspacing="0" border="0" class="generatesearchboxtable" align="center">

<tr><td>&nbsp;</td></tr>
<tr><td>
<style>
.engine_icon{
width:28px;
height: 28px;
}
.search_box {
	max-width: 900px;
	margin: 0 auto;
	background: #099ee0;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-order-radius: 15px;
}
 .insidesearch_box {
	padding: 10px;
	position: relative;
}
.shadw_wrapper {
	width: 100%;
	float: left;
}
.search_area_wrapper {
	width: 100%;
	display: table;
}
.search_field {
	display: table-cell;
	width: 100%;
}
.search_outer {
	display: table-cell;
	padding: 0 0px 0 10px;
	width: 30px;
	vertical-align: top;
}
.fllky h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#00A3E1;
	padding: 4px 6px 3px;
	display:block;
	line-height:none;
	list-style:none;
}
.feeling {
	color: #60CEFF;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 2px;
	width: 100%;
}
.feeling:hover {
	color: #085f85;
}
.search_btn {
	background: url({$imagepath}images/search_btn_bg.jpg) repeat-x;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	
}
.search_btn_border {
	border: inset 1px solid #f2f2f2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.intxt {
	border: 2px solid #CFCFCF;
	border-radius: 10px;
	display: block;
	height: 42px;
	line-height: 42px;
	text-indent: 10px;
	/*padding-right: 150px;*/
	width: 100%;
}
.catagories {
	position: absolute;
	right: 80px;
	top: 25%;
}
.catagories_outline {
	background: url("{$imagepath}images/catagories_ico.png") no-repeat 96% center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	color: #FFFFFF;
	cursor: pointer;
	display: table;
	font-size: 14px;
	padding: 12px 7px;
	vertical-align: top;
	width: 100%;
}
.searchbutton {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	cursor: pointer;
}
.catagories_list {
	background: none repeat scroll 0 0 #F4F4F4;
	width: 100%;
	float: left;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.5);
}
.catagories_listul {
	float: left;
}
.catagories_listul li {
	float: left;
	text-align: center;
	padding: 0 10px;
	margin-bottom: 15px;
	cursor: pointer;
}
.catagories_listul img {
	display: inline-block;
}
.catagories_listul a {
	color: #000000;
	line-height: 0;
	font-size: 12px;
}
.catagories_listul a:hover {
	opacity: .8;
}
.catagories_listul a p {
	display: table;
	line-height: 0;
	padding-top: 10px;
	width: 100%;
}
.inside_catagories_list {
	padding: 40px 10px 30px;
	float: left;
}
.tip_c {
	background: url("{$imagepath}images/tip.png") no-repeat center center;
	float: right;
	height: 15px;
	position: absolute;
	right: 100px;
	top: -15px;
	width: 23px;
}
.cata_full {
	position: absolute;
	left: 0;
	right: 0;
	top: 84px;
	z-index: 100;
	display: none;
}
.inactive_cat{
	display:none;
}
.catagories_listli {
	list-style: none;
	float: left;
}
.logo{
padding-top:0px;
padding-bottom:0px;
text-align: left;
float: none;
}
.box_wrapper{
max-width:700px;
/*border: 1px solid;*/
border-color: {$bordercolor};
}
.box_wrapper2{
margin: 10px 10px;
}
</style>

<script type="text/javascript">

	$(document).ready(function(){
		
		$(".catagories").click(function(){
			
			$(".cata_full").fadeToggle(200);
			});
		$('.catagories, .cata_full').click(function(event){event.stopPropagation();});
		
		$(document).click(function(){
			$('.cata_full').fadeOut(200);
		});
		
		
		$(".user_tab").hover(function(){
			$(this).children('.user_tab_area').stop(true,true).fadeIn(300);
			},
			
			function(){
			$(this).children('.user_tab_area').stop(true,true).fadeOut(200);
				});
		
		});
</script>

<script type="text/javascript">
function Determine(loopvalue,enginecount,engine)
{
	//alert(loopvalue);
	for(i=0;i<enginecount;i++) 
	{
		$("#cat"+i).removeClass("active_cat");
		$("#cat"+i).addClass("inactive_cat");
                $("#linkcat"+i).removeClass("activetablink");
		$("#linkcat"+i).addClass("inactivetablink");
	}
	$("#cat"+loopvalue).removeClass("inactive_cat");
	$("#cat"+loopvalue).addClass("active_cat");
        $("#linkcat"+loopvalue).removeClass("inactivetablink");
	$("#linkcat"+loopvalue).addClass("activetablink");
	$('.cata_full').fadeOut(200);
	document.getElementById('type').value=engine;
}
$(document).ready(function() {
        $("#cat0").removeClass("inactive_cat");
	$("#cat0").addClass("active_cat");
	$("#linkcat0").removeClass("inactivetablink");
	$("#linkcat0").addClass("activetablink");
});

</script>
{formstart:searchform:{url:(search/redir)}:post}
<div class="box_wrapper">
<div class="box_wrapper2">
{if($weblogostatus==1)}
<div class="logo">

<a href="{$homepath}" id="homepath" alt="{$home}" title="{$home}">
		<img  style="max-width: 80%;" src="{$logopath}"  border="0"></a>
</div>
{endif}
<div class="search_box">
    	<div class="insidesearch_box">
        	<div class="search_area_wrapper boxsizing">
            	<div class="search_field boxsizing"><input type="hidden" id="type" name="type" value="Web">
   					
                	<input type="text" class="intxt boxsizing" onKeyUp="javascript:keymovement(event,this.value);" name="search" id="search"  value=""/>
                    <div class="catagories">
                        	<div class="catagories_btn">
                            <div class="catgores_btn_inside">
                            <span class="catgrie_name">
                            {loopstart:finalenginearray:100}
               		        <img id="cat{loop:finalenginearray}" class="engine_icon inactive_cat" src="{$imagepath}userdata/engineicons/{cfn:getengineicon($finalenginearray[0])}" alt="categories" />
                            {loopend:finalenginearray}
                             </span>
                            </div>
                            </div>
                        </div>
                </div>
                  <div class="search_outer">
                	<div class="search_btn">
                    	<div class="search_btn_border">
                        <button type="submit" class="searchbutton">
                        <i class="fa fa-search fa_sbtn" title="Search Button"></i>
                    	
                        </button>
                        </div>
                        </div>
                    </div>
                   
                                        
                    	                        <div class="cata_full">
                            <div class="tip_c"></div>
                            <div class="catagories_list">
                            <div class="inside_catagories_list">
                            	<ul class="catagories_listul">
                            	{loopstart:finalenginearray:100}
                            	<li class="catagories_listli"><a id="linkcat{loop:finalenginearray}" class="inactivetablink" href="javascript:Determine({loop:finalenginearray},{$enginecount},'{$finalenginearray[1]}');">
                            	<img  class="engine_icon" src="{$imagepath}userdata/engineicons/{cfn:getengineicon($finalenginearray[0])}" alt="iamges" /><br /><br />{cfn:getenginename($finalenginearray[0])}</a></li>
                            	{loopend:finalenginearray}
                            	</ul>
                            </div>
                            </div>
                            </div>
            </div>
            	
        </div>
         <div class="shadw_wrapper">
    <div class="shdow">
    	<img style="max-width: 100%" src="{$imagepath}images/shadow.png" alt="Shadow" />
    </div>
    </div>
    </div>
    </div>
   </div>
{formend:searchform}
</td></tr>

</table>
{endif}



{if($displaystyle==2)}
<table cellpadding="0" cellspacing="0" border="0" class="generatesearchboxtable" align="center">
<tr><td>&nbsp;</td></tr>
<tr><td>
<style>
.active_cat .cattext{
color:#fa9018;
}
.engine_icon{
width:28px;
height: 28px;
}
a {
padding: 0;
margin: 0;
text-decoration: none;
cursor: pointer;
}
.box_wrapper {
text-align: center;
}
.index_enginewrappper .insidesearch_box {
	padding: 20px;
	position: relative;
}
.shdow {
	margin-top: -2px;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: -2;
}
.shdow img {
	max-width: 100%;
}
.tabstyle2wraper {
	width: 100%;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}
.tabstyle2wraper .search_wrapper2 {
	float: left;
	width: 100%;
}
.tabstyle2wraper .search_box2 {
	max-width: 900px;
	margin: 0 auto;
	background: #203a53;
}
.tabstyle2wraper .search_field2 {
	display: table-cell;
	width: 100%;
}
.tabstyle2wraper .intxt2, .result_enginewrappper .intxt2 {
	display: block;
	height: 42px;
	line-height: 42px;
	text-indent: 10px;
	width: 100%;
}
.tabstyle2wraper .search_outer2 {
width:100%;
	display: table-cell;
	vertical-align: top;
}
.tabstyle2wraper .feeling_outer2 {
	display: table-cell;
	width: 152px;
	vertical-align: top;
}
.tabstyle2wraper .search_btn2 {
}
.tabstyle2wraper .searchbutton2 {
	border: medium none;
	cursor: pointer;
	color: #FFFFFF;
	background: #fa9018;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0px 20px;
	height: 42px;
	margin: 0;
}
.tabstyle2wraper .searchbutton2:hover {
	background: #DB6203;
}
.intxt2:focus {
	border: 1px solid #203a53;
	border-right: 0;
}
.tabstyle2wraper .feelingbutton2 {
	border: medium none;
	cursor: pointer;
	color: #FFFFFF;
	background: #2f5174;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	text-transform: capitalize;
	font-weight: bold;
	padding: 0 10px;
	height: 42px;
	width: 135px;
	margin: 0;
}
.tabstyle2wraper .cata_full2 {
	margin: 0 auto;
	max-width: 900px;
}
.cattext {
	vertical-align: sub;
	padding-left: 8px;
	font-weight: bold;
}
.catagories_listul2 img {
	display: inline-block;
	vertical-align: middle;
}
.catagories_listul2 li {
	cursor: pointer;
	float: right;
	padding: 0 15px;
	text-align: center;
}
.catagories_listul2 a {
	color: #000000;
	font-size: 12px;
	line-height: 0;
}
.catagories_listul2 a:hover {
	opacity: .8;
}
.mores {
	background: none repeat scroll 0 0 white;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.34);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.34);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.34);
	-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.34);
	-ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.34);
	;
	left: 0;
	position: absolute;
	top: 30px;
	z-index: 100;
	display: none;
	max-height: 200px;
	right:0;
}
.slamore {
	float: left;
	position: relative;
	background: url({$imagepath}images/tab_2more_ornge.png) no-repeat left -30px #203a53;
	padding: 0 10px 0 42px;
	line-height: 27px;
	cursor: pointer;
	height: 27px;
	color: #FFFFFF;
	text-transform: capitalize;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.slamorebac {
	background-position: left 0px;
}
.mores > ul {
	margin: 0;
	padding: 0;
}
.mores li {
	display: block;
	margin: 1px;
	overflow: hidden;
	padding: 10px;
	float: left;
}
.slabe {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.mores li a {
	color: #000000;
	font-size: 12px;
	line-height: 0;
}
.mores img {
	display: inline-block;
	vertical-align: middle;
}
.tabstyle2wraper .slabein {
	display: table;
	margin: 0 auto;
	text-align: center;
}
.tabstyle2resultwraper .country_wrapper {
	background: none repeat scroll 0 0 #eee;
	box-sizing: border-box;
	float: left;
	margin-bottom: 20px;
	margin-top: 10px;
	padding: 7px 20px;
	text-align: left;
	width: 100%;
}
.tabstyle2resultwraper .select{
	top:-6px;
}
.tabstyle2resultwraper .search_wrapper2 {
	float: left;
	width: 100%;
}
.tabstyle2resultwraper .insidesearch_box {
	padding: 10px;
}
.tabstyle2resultwraper .cata_full2 {
	max-width: 900px;
}
.tabstyle2resultwraper .search_box2 {
	max-width: 825px;
	background: #203a53;
}
.tabstyle2resultwraper .slabein {
}
.tabstyle2resultwraper .search_field2 {
	display: table-cell;
	width: 100%;
}
.tabstyle2resultwraper .intxt2{
	display: block;
	height: 35px;
	line-height: 35px;
	text-indent: 10px;
	width: 100%;
}
.catagories_listul2 li:first-child {
	padding-left: 0;
}
.tabstyle2resultwraper .search_outer2 {
	display: table-cell;
	vertical-align: top;
}
.tabstyle2resultwraper .feeling_outer2 {
	display: table-cell;
	width: 152px;
	vertical-align: top;
}
.tabstyle2resultwraper .search_btn2 {
}
.tabstyle2resultwraper .searchbutton2 {
	border: medium none;
	cursor: pointer;
	color: #FFFFFF;
	background: #fa9018;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0px 20px;
	height: 35px;
	margin: 0;
}
.tabstyle2resultwraper .searchbutton2:hover {
	background: #233e59;
}
.tabstyle2resultwraper .feelingbutton2 {
	border: medium none;
	cursor: pointer;
	color: #FFFFFF;
	background: #2f5174;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	text-transform: capitalize;
	font-weight: bold;
	padding: 0 10px;
	height: 35px;
	width: 135px;
	margin: 0;
}
.tabstyle2resultwraper .innerlogo {
    float: left;
 padding: 30px 0 0;
     text-align: center;
    width: 8%;
}
.tabstyle2resultwraper .index_enginewrappper {
	float: left;
	width: 90%;
}
.tabstyle2resultwraper {
	float: left;
	padding-top: 10px;
	width: 100%;
}
.tabstyle2resultwraper .catagories_listul2 li{
	padding:0 10px;
}
.amzon_wrapper {
	background: none repeat scroll 0 0 #eee;
	float: left;
	margin-bottom: 20px;
	margin-top: 10px;
	padding: 10px 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	text-align: left;
	width: 100%;
}
.tab2jobwraper .intxt2{
	width:24.85%;
	float:left;
	margin-right: 1px;
	

}
.tab2jobwraper .intxt2:last-child{
	margin-right: 0px;
}
.tab2jobwraper .intxt2:focus {
	border: 0px solid #099EE0;
}
.tab2jobwraper .search_box2 {
    background: none repeat scroll 0 0 #203a53;
    max-width: 100%;
}
.index_enginewrappper .shadw_wrapper {
	width: 100%;
	float: left;
}
@media only screen and (max-width: 900px) {
	.tab2jobwraper .index_enginewrappper{
		width:100%;
	}
	.tab2jobwraper .innerlogo {
    margin: 0 auto;
    padding: 10px 0 30px;
    text-align: center;
    width: 100%;
}
.tab2jobwraper .slabein {
    display: table;
    margin: 0 auto;
}
.tab2jobwraper .search_box2{
	max-width:100%;
}
.tab2jobwraper .searchbutton2{
	padding: 0 10px;
}
	
	}
	
@media only screen and (max-width: 360px) {
.tabstyle2wraper .insidesearch_box {
	float: left;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.index_enginewrappper .search_area_wrapper {
	display: block;
	width: 100%;
}
.tabstyle2wraper .search_field2 {
	display: block;
	width: 100%;
	float: left;
}
.tabstyle2wraper .search_outer2, .tabstyle2wraper .feeling_outer2 {
	display: block;
	width: 100%;
	float: left;
}
.tabstyle2wraper .search_box2 {
	width: 100%;
	float: left;
	max-width: inherit;
}
.tabstyle2wraper .searchbutton2 {
	width: 100%;
	text-align: center;
	padding: 0;
}
.tabstyle2wraper .feelingbutton2 {
	width: 100% !important;
	padding: 0 !important;
}





.tabstyle2resultwraper .insidesearch_box {
	float: left;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.index_enginewrappper .search_area_wrapper {
	display: block;
	width: 100%;
}




.tabstyle2resultwraper .search_field2 {
	display: block;
	width: 100%;
	float: left;
}
.tabstyle2resultwraper .search_outer2, .tabstyle2resultwraper .feeling_outer2 {
	display: block;
	width: 100%;
	float: left;
}
.tabstyle2resultwraper .search_box2 {
	width: 100%;
	float: left;
	max-width: inherit;
}
.tabstyle2resultwraper .searchbutton2 {
	width: 100%;
	text-align: center;
	padding: 0;
}
.tabstyle2resultwraper .feelingbutton2 {
	width: 100% !important;
	padding: 0 !important;
}
.tabstyle2resultwraper .livesearchdiv{
	left:15px;
	right:15px;
}
}
</style>

<script type="text/javascript" src="{$imagepath}js/jquery.nicescroll.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	 $('.mores').niceScroll(); 
	var windowwidth = $(window).width();
	var menuwidth = ($(".nsla").width())-100;
	var numofitems = $(".nsla li").length;
	var howmanyinclude = Math.round(menuwidth / 100);
	var fromto = $('.nsla > li:nth-child(n+' + howmanyinclude + ')');
	$(fromto).appendTo(".mores ul");
});


function resizedw(){
	var windowwidth = $(window).width();
	var menuwidth = ($(".nsla").width())-100;
	var numofitems = $(".nsla li").length;
	var howmanyinclude = Math.round(menuwidth / 100);
	var fromto = $('.nsla > li:nth-child(n+' + howmanyinclude + ')');
	$(fromto).appendTo(".mores ul");
}

var doit;
window.onresize = function(){
$(".nsla").append($(".mores ul").html());
			$(".mores ul").html("");
resizedw();
};
$(document).ready(function(){
	
$(".slamore").click(function() {
	$(".mores").slideToggle();
	$(this).toggleClass("slamorebac");

});
$(".slamore, .mores").click(function(event) {
	event.stopPropagation();
});
$(document).click(function() {
	$(".mores").slideUp();
	$(".slamore").removeClass("slamorebac"),200;
});






$('.mores ul li').click(function(){
 $('.nsla li:last-child').appendTo(".mores ul");
$(this).appendTo(".nsla");	

}); 

});

</script>
<script type="text/javascript">
function Determine(engine,loopvalue,enginecount)
{
	
	for(i=0;i<enginecount;i++) 
	{
		$("#li"+i).removeClass("active_cat");
		$("#li"+i).addClass("inactive_cat");
	}
	$("#li"+loopvalue).removeClass("inactive_cat");
	$("#li"+loopvalue).addClass("active_cat");
	document.getElementById('type').value=engine;
}
$(document).ready(function() {
	$("#li0").removeClass("inactive_cat");
	$("#li0").addClass("active_cat");
});

</script>
{formstart:searchform:{url:(search/redir)}:post}
<div class="box_wrapper">
<div class="box_wrapper2">
{if($weblogostatus==1)}
<div class="logo">

<a href="{$homepath}" id="homepath" alt="{$home}" title="{$home}">
		<img  style="max-width: 80%;" src="{$logopath}"  border="0"></a>
</div>
{endif}
<div class="tabstyle2wraper">
<div class="index_enginewrappper">

<div class="cata_full2">
                           
                            <div class="catagories_list2 slabe">
                            <div class="slabein">
                            	<ul class="catagories_listul2 nsla">
                                {loopstart:finalenginearray:100}
                                	<li id="li{loop:finalenginearray}" class="catagories_listli2">
                                    <a href="javascript:Determine('{$finalenginearray[1]}','{loop:finalenginearray}',{$enginecount});">
                                    <img class="engine_icon" src="{$imagepath}userdata/engineicons/{cfn:getengineicon($finalenginearray[0])}" alt="iamges" />
                                    <span class="cattext">{cfn:getenginename($finalenginearray[0])}</span>
                                    </a>
                                    </li>
                                {loopend:finalenginearray}    
                                 </ul>
                                <div class="slamore">{cfn:getmessage(616)}
            <div class="mores">
                <ul>
                </ul>
            </div>
        </div>
                            </div>
                            </div>
                            </div>
<div class="search_wrapper2">
	<div class="search_box2">
    	<div class="insidesearch_box">
        	<div class="search_area_wrapper boxsizing">
            	<div class="search_field2 boxsizing">
                	<input type="text" autocomplete="off" class="intxt2 boxsizing" name="search" id="search"/>
                    <input type="hidden" id="type" name="type" value="Web">
                </div>
                <div class="search_outer2">
                	<div class="search_btn2">
                    	
                        <button type="submit"  class="searchbutton2">
                    	Search
                        </button>
                        
                        </div>
                    </div>
                    
                    	
                        
            </div>
            	
        </div>
    </div>
    <div class="shadw_wrapper">
    <div class="shdow">
    	<img src="{$imagepath}images/shadow2.png" alt="Shadow" />
    </div>
    </div>
    
</div>


</div>
</div>	
 </div>
   </div>
{formend:searchform}		

</td></tr>

</table>
{endif}


{else}
<table cellpadding="0" cellspacing="0" border="0" class="generatesearchboxtable" align="center">
<tr><td  class="generatesearchboxsubtitletd" ><span class="generatesearchboxsubtitletext">{cfn:getmessage(91)}</span></td></tr>
<tr><td  class="generatesearchboxsubtitletd" ><span style="color: red;font-size: 12px; ">{cfn:getmessage(92)}</span></td></tr>
</table>

{endif}



{if($displaystyle==2)}

<table cellpadding="0" cellspacing="0" border="0" class="generatesearchboxtable" align="center">
<tr>
<td height="20px;">&nbsp;</td>
</tr>
<tr><td align="left" class="generatesearchboxsubtitletd" colspan="2"><span class="generatesearchboxsubtitletext plshead ">{cfn:getmessage(89)}</span></td></tr>
<tr><td colspan="2" align="left">
		<textarea style="width: 98%;height: 200px;" >
<link rel="stylesheet" type="text/css" href="{$imagepath}css/rlcss.css" />
<style>
	.active_cat .cattext {
color: #fa9018;
}
.engine_icon{
width:28px;
height: 28px;
}
a {
padding: 0;
margin: 0;
text-decoration: none;
cursor: pointer;
}
.box_wrapper {
text-align: center;
}
.index_enginewrappper .insidesearch_box {
	padding: 20px;
	position: relative;
}
.shdow {
	margin-top: -2px;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: -2;
}
.shdow img {
	max-width: 100%;
}
.tabstyle2wraper {
	width: 100%;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}
.tabstyle2wraper .search_wrapper2 {
	float: left;
	width: 100%;
}
.tabstyle2wraper .search_box2 {
	max-width: 900px;
	margin: 0 auto;
	background: #203a53;
}
.tabstyle2wraper .search_field2 {
	display: table-cell;
	width: 100%;
}
.tabstyle2wraper .intxt2, .result_enginewrappper .intxt2 {
	display: block;
	height: 42px;
	line-height: 42px;
	text-indent: 10px;
	width: 100%;
}
.tabstyle2wraper .search_outer2 {
width:100%;
	display: table-cell;
	vertical-align: top;
}
.tabstyle2wraper .feeling_outer2 {
	display: table-cell;
	width: 152px;
	vertical-align: top;
}
.tabstyle2wraper .search_btn2 {
}
.tabstyle2wraper .searchbutton2 {
	border: medium none;
	cursor: pointer;
	color: #FFFFFF;
	background: #fa9018;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0px 20px;
	height: 42px;
	margin: 0;
}
.tabstyle2wraper .searchbutton2:hover {
	background: #DB6203;
}
.intxt2:focus {
	border: 1px solid #203a53;
	border-right: 0;
}
.tabstyle2wraper .feelingbutton2 {
	border: medium none;
	cursor: pointer;
	color: #FFFFFF;
	background: #2f5174;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	text-transform: capitalize;
	font-weight: bold;
	padding: 0 10px;
	height: 42px;
	width: 135px;
	margin: 0;
}
.tabstyle2wraper .cata_full2 {
	margin: 0 auto;
	max-width: 900px;
}
.cattext {
	vertical-align: sub;
	padding-left: 8px;
	font-weight: bold;
}
.catagories_listul2 img {
	display: inline-block;
	vertical-align: middle;
}
.catagories_listul2 li {
	cursor: pointer;
	float: right;
	padding: 0 15px;
	text-align: center;
}
.catagories_listul2 a {
	color: #000000;
	font-size: 12px;
	line-height: 0;
}
.catagories_listul2 a:hover {
	opacity: .8;
}
.mores {
	background: none repeat scroll 0 0 white;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.34);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.34);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.34);
	-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.34);
	-ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.34);
	;
	left: 0;
	position: absolute;
	top: 30px;
	z-index: 100;
	display: none;
	max-height: 200px;
	right:0;
	width: 125px;
}
.slamore {
margin-top:20px;
	float: left;
	position: relative;
	background: url({$imagepath}images/tab_2more_ornge.png) no-repeat left -30px #203a53;
	padding: 0 10px 0 42px;
	line-height: 27px;
	cursor: pointer;
	height: 27px;
	color: #FFFFFF;
	text-transform: capitalize;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.slamorebac {
	background-position: left 0px;
}
.mores > ul {
	margin: 0;
	padding: 0;
}
.mores li {
	display: block;
	margin: 1px;
	overflow: hidden;
	padding: 10px;
	float: left;
}
.slabe {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.mores li a {
	color: #000000;
	font-size: 12px;
	line-height: 0;
}
.mores img {
	display: inline-block;
	vertical-align: middle;
}
.tabstyle2wraper .slabein {
	display: table;
	margin: 0 auto;
	text-align: center;
}
.tabstyle2resultwraper .country_wrapper {
	background: none repeat scroll 0 0 #eee;
	box-sizing: border-box;
	float: left;
	margin-bottom: 20px;
	margin-top: 10px;
	padding: 7px 20px;
	text-align: left;
	width: 100%;
}
.tabstyle2resultwraper .select{
	top:-6px;
}
.tabstyle2resultwraper .search_wrapper2 {
	float: left;
	width: 100%;
}
.tabstyle2resultwraper .insidesearch_box {
	padding: 10px;
}
.tabstyle2resultwraper .cata_full2 {
	max-width: 900px;
}
.tabstyle2resultwraper .search_box2 {
	max-width: 825px;
	background: #203a53;
}
.tabstyle2resultwraper .slabein {
}
.tabstyle2resultwraper .search_field2 {
	display: table-cell;
	width: 100%;
}
.tabstyle2resultwraper .intxt2{
	display: block;
	height: 35px;
	line-height: 35px;
	text-indent: 10px;
	width: 100%;
}
.catagories_listul2 li:first-child {
	padding-left: 0;
}
.tabstyle2resultwraper .search_outer2 {
	display: table-cell;
	vertical-align: top;
}
.tabstyle2resultwraper .feeling_outer2 {
	display: table-cell;
	width: 152px;
	vertical-align: top;
}
.tabstyle2resultwraper .search_btn2 {
}
.tabstyle2resultwraper .searchbutton2 {
	border: medium none;
	cursor: pointer;
	color: #FFFFFF;
	background: #fa9018;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0px 20px;
	height: 35px;
	margin: 0;
}
.tabstyle2resultwraper .searchbutton2:hover {
	background: #233e59;
}
.tabstyle2resultwraper .feelingbutton2 {
	border: medium none;
	cursor: pointer;
	color: #FFFFFF;
	background: #2f5174;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	text-transform: capitalize;
	font-weight: bold;
	padding: 0 10px;
	height: 35px;
	width: 135px;
	margin: 0;
}
.tabstyle2resultwraper .innerlogo {
    float: left;
 padding: 30px 0 0;
     text-align: center;
    width: 8%;
}
.tabstyle2resultwraper .index_enginewrappper {
	float: left;
	width: 90%;
}
.tabstyle2resultwraper {
	float: left;
	padding-top: 10px;
	width: 100%;
}
.tabstyle2resultwraper .catagories_listul2 li{
	padding:0 10px;
}
.amzon_wrapper {
	background: none repeat scroll 0 0 #eee;
	float: left;
	margin-bottom: 20px;
	margin-top: 10px;
	padding: 10px 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	text-align: left;
	width: 100%;
}
.tab2jobwraper .intxt2{
	width:24.85%;
	float:left;
	margin-right: 1px;
	

}
.tab2jobwraper .intxt2:last-child{
	margin-right: 0px;
}
.tab2jobwraper .intxt2:focus {
	border: 0px solid #099EE0;
}
.tab2jobwraper .search_box2 {
    background: none repeat scroll 0 0 #203a53;
    max-width: 100%;
}
.index_enginewrappper .shadw_wrapper {
	width: 100%;
	float: left;
}
@media only screen and (max-width: 900px) {
	.tab2jobwraper .index_enginewrappper{
		width:100%;
	}
	.tab2jobwraper .innerlogo {
    margin: 0 auto;
    padding: 10px 0 30px;
    text-align: center;
    width: 100%;
}
.tab2jobwraper .slabein {
    display: table;
    margin: 0 auto;
}
.tab2jobwraper .search_box2{
	max-width:100%;
}
.tab2jobwraper .searchbutton2{
	padding: 0 10px;
}
	
	}
	
@media only screen and (max-width: 360px) {
.tabstyle2wraper .insidesearch_box {
	float: left;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.index_enginewrappper .search_area_wrapper {
	display: block;
	width: 100%;
}
.tabstyle2wraper .search_field2 {
	display: block;
	width: 100%;
	float: left;
}
.tabstyle2wraper .search_outer2, .tabstyle2wraper .feeling_outer2 {
	display: block;
	width: 100%;
	float: left;
}
.tabstyle2wraper .search_box2 {
	width: 100%;
	float: left;
	max-width: inherit;
}
.tabstyle2wraper .searchbutton2 {
	width: 100%;
	text-align: center;
	padding: 0;
}
.tabstyle2wraper .feelingbutton2 {
	width: 100% !important;
	padding: 0 !important;
}





.tabstyle2resultwraper .insidesearch_box {
	float: left;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.index_enginewrappper .search_area_wrapper {
	display: block;
	width: 100%;
}




.tabstyle2resultwraper .search_field2 {
	display: block;
	width: 100%;
	float: left;
}
.tabstyle2resultwraper .search_outer2, .tabstyle2resultwraper .feeling_outer2 {
	display: block;
	width: 100%;
	float: left;
}
.tabstyle2resultwraper .search_box2 {
	width: 100%;
	float: left;
	max-width: inherit;
}
.tabstyle2resultwraper .searchbutton2 {
	width: 100%;
	text-align: center;
	padding: 0;
}
.tabstyle2resultwraper .feelingbutton2 {
	width: 100% !important;
	padding: 0 !important;
}
.tabstyle2resultwraper .livesearchdiv{
	left:15px;
	right:15px;
}
}
</style>
<script type="text/javascript" src="{$imagepath}js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="{$imagepath}js/jquery.nicescroll.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	 $('.mores').niceScroll(); 
	var windowwidth = $(window).width();
	var menuwidth = ($(".nsla").width())-120;
	var numofitems = $(".nsla li").length;
	var howmanyinclude = Math.round(menuwidth / 100);
	var fromto = $('.nsla > li:nth-child(n+' + howmanyinclude + ')');
	$(fromto).appendTo(".mores ul");
});


function resizedw(){
	var windowwidth = $(window).width();
	var menuwidth = ($(".nsla").width())-120;
	var numofitems = $(".nsla li").length;
	var howmanyinclude = Math.round(menuwidth / 100);
	var fromto = $('.nsla > li:nth-child(n+' + howmanyinclude + ')');
	$(fromto).appendTo(".mores ul");
}

var doit;
window.onresize = function(){
$(".nsla").append($(".mores ul").html());
			$(".mores ul").html("");
resizedw();
};
$(document).ready(function(){
	
$(".slamore").click(function() {
	$(".mores").slideToggle();
	$(this).toggleClass("slamorebac");

});
$(".slamore, .mores").click(function(event) {
	event.stopPropagation();
});
$(document).click(function() {
	$(".mores").slideUp();
	$(".slamore").removeClass("slamorebac"),200;
});






$('.mores ul li').click(function(){
 $('.nsla li:last-child').appendTo(".mores ul");
$(this).appendTo(".nsla");	
$(".mores").slideUp();

}); 

});

</script>
<script type="text/javascript">
function Determine(engine,loopvalue,enginecount)
{
	
	for(i=0;i<enginecount;i++) 
	{
		$("#li"+i).removeClass("active_cat");
		$("#li"+i).addClass("inactive_cat");
	}
	$("#li"+loopvalue).removeClass("inactive_cat");
	$("#li"+loopvalue).addClass("active_cat");
	document.getElementById('type').value=engine;
}
$(document).ready(function() {
	$("#li0").removeClass("inactive_cat");
	$("#li0").addClass("active_cat");
});

</script>
{formstart:searchform:{url:(search/redir)}:post}
<div class="box_wrapper">
<div class="box_wrapper2">
{if($weblogostatus==1)}
<div class="logo">

<a href="{$homepath}" id="homepath" alt="{$home}" title="{$home}">
		<img  style="max-width: 80%;" src="{$logopath}"  border="0"></a>
</div>
{endif}
<div class="tabstyle2wraper">
<div class="index_enginewrappper">

<div class="cata_full2">
                           
                            <div class="catagories_list2 slabe">
                            <div class="slabein">
                            	<ul class="catagories_listul2 nsla">
                                {loopstart:finalenginearray:100}
                                	<li id="li{loop:finalenginearray}" class="catagories_listli2">
                                    <a href="javascript:Determine('{$finalenginearray[1]}','{loop:finalenginearray}',{$enginecount});">
                                    <img id="cat{loop:finalenginearray}" class="engine_icon" src="{$imagepath}userdata/engineicons/{cfn:getengineicon($finalenginearray[0])}" alt="iamges" />
                                    <span class="cattext">{cfn:getenginename($finalenginearray[0])}</span>
                                    </a>
                                    </li>
                                {loopend:finalenginearray}    
                                 </ul>
                                <div class="slamore">{cfn:getmessage(616)}
            <div class="mores">
                <ul>
                </ul>
            </div>
        </div>
                            </div>
                            </div>
                            </div>
<div class="search_wrapper2">
	<div class="search_box2">
    	<div class="insidesearch_box">
        	<div class="search_area_wrapper boxsizing">
            	<div class="search_field2 boxsizing">
                	<input type="text" autocomplete="off" class="intxt2 boxsizing" name="search" id="search"/>
                    <input type="hidden" id="type" name="type" value="Web">
                </div>
                <div class="search_outer2">
                	<div class="search_btn2">
                    	
                        <button type="submit"  class="searchbutton2">
                    	Search
                        </button>
                        
                        </div>
                    </div>
                    
                    	
                        
            </div>
            	
        </div>
    </div>
    <div class="shadw_wrapper">
    <div class="shdow">
    	<img src="{$imagepath}images/shadow2.png" alt="Shadow" />
    </div>
    </div>
    
</div>


</div>
</div>	
 </div>
   </div>
{formend:searchform}		

</textarea></td></tr>
</table>

{endif}

{if($displaystyle==1)}

<table cellpadding="0" cellspacing="0" border="0" class="generatesearchboxtable" align="center">
<tr><td height="20px;">&nbsp;</td></tr>
<tr><td align="left"  class="generatesearchboxsubtitletd" colspan="2"><span class="generatesearchboxsubtitletext plshead">{cfn:getmessage(89)}</span></td></tr>
	<tr>
	<td colspan="2" align="left">
		<textarea style="width: 98%;height: 200px;" >
<link rel="stylesheet" type="text/css" href="{$imagepath}css/rlcss.css" />
<link href="{$imagepath}css/font_asm.css" rel="stylesheet" type="text/css" />
<style>
.fa-search{
font-size:27px;
}
@font-face {
	font-family: 'FontAwesome';
	src: url('{$imagepath}fonts/fontawesome-webfont.eot?v=4.0.3');
	src: url('{$imagepath}fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('{$imagepath}fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('{$imagepath}fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('{$imagepath}fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
.active_cat .cattext{
color:#fa9018;
}
.engine_icon{
width:28px;
height: 28px;
}
.box_wrapper {
text-align: center;
border-color: {$bordercolor};
}
.search_box {
	max-width: 900px;
	margin: 0 auto;
	background: #099ee0;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-order-radius: 15px;
}
 .insidesearch_box {
	padding: 10px;
	position: relative;
}
.shadw_wrapper {
	width: 100%;
	float: left;
}
.search_area_wrapper {
	width: 100%;
	display: table;
}
.search_field {
	display: table-cell;
	width: 100%;
}
.search_outer {
	display: table-cell;
	padding: 0 0px 0 10px;
	width: 30px;
	vertical-align: top;
}
.fllky h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#00A3E1;
	padding: 4px 6px 3px;
	display:block;
	line-height:none;
	list-style:none;
}
.feeling {
	color: #60CEFF;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 2px;
	width: 100%;
}
.feeling:hover {
	color: #085f85;
}
.search_btn {
	background: url({$imagepath}images/search_btn_bg.jpg) repeat-x;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	
}
.search_btn_border {
	border: inset 1px solid #f2f2f2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.intxt {
	border: 2px solid #CFCFCF;
	border-radius: 10px;
	display: block;
	height: 42px;
	line-height: 42px;
	text-indent: 10px;
	/*padding-right: 150px;*/
	width: 100%;
}
.catagories {
	position: absolute;
	right: 65px;
	top: 25%;
}
.catagories_outline {
	background: url("{$imagepath}images/catagories_ico.png") no-repeat 96% center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	color: #FFFFFF;
	cursor: pointer;
	display: table;
	font-size: 14px;
	padding: 12px 7px;
	vertical-align: top;
	width: 100%;
}
.searchbutton {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	cursor: pointer;
	padding:7px;
}
.catagories_list {
	background: none repeat scroll 0 0 #F4F4F4;
	width: 100%;
	float: left;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.5);
}
.catagories_listul {
	float: left;
}
.catagories_listul li {
	float: left;
	text-align: center;
	padding: 0 10px;
	margin-bottom: 15px;
	cursor: pointer;
}
.catagories_listul img {
	display: inline-block;
}
.catagories_listul a {
color: #000000;
line-height: 0;
font-size: 12px;
text-decoration: none;
}
.catagories_listul a:hover {
	opacity: .8;
}
.catagories_listul a p {
	display: table;
	line-height: 0;
	padding-top: 10px;
	width: 100%;
}
.inside_catagories_list {
	padding: 40px 10px 30px;
	float: left;
}
.tip_c {
	background: url("{$imagepath}images/tip.png") no-repeat center center;
	float: right;
	height: 15px;
	position: absolute;
	right: 100px;
	top: -15px;
	width: 23px;
}
.cata_full {
	position: absolute;
	left: 0;
	right: 0;
	top: 84px;
	z-index: 100;
	display: none;
}
.inactive_cat{
	display:none;
}
.catagories_listli {
	list-style: none;
	float: left;
}
.logo{
padding-top:0px;
padding-bottom:0px;
text-align: left;
float: none;
}
.box_wrapper{
max-width:700px;
border: 1px solid;
}
.box_wrapper2{
margin: 10px 10px;
}
</style>
<script type="text/javascript" src="{$imagepath}js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">

	$(document).ready(function(){
		
		$(".catagories").click(function(){
			
			$(".cata_full").fadeToggle(200);
			});
		$('.catagories, .cata_full').click(function(event){event.stopPropagation();});
		
		$(document).click(function(){
			$('.cata_full').fadeOut(200);
		});
		
		
		$(".user_tab").hover(function(){
			$(this).children('.user_tab_area').stop(true,true).fadeIn(300);
			},
			
			function(){
			$(this).children('.user_tab_area').stop(true,true).fadeOut(200);
				});
		
		});
</script>

<script type="text/javascript">
function Determine(loopvalue,enginecount,engine)
{
	
	for(i=0;i<enginecount;i++) 
	{
		$("#cat"+i).removeClass("active_cat");
		$("#cat"+i).addClass("inactive_cat");
	}
	$("#cat"+loopvalue).removeClass("inactive_cat");
	$("#cat"+loopvalue).addClass("active_cat");
	$('.cata_full').fadeOut(200);
	document.getElementById('type').value=engine;
}
$(document).ready(function() {
	$("#cat0").removeClass("inactive_cat");
	$("#cat0").addClass("active_cat");
});

</script>
{formstart:searchform:{url:(search/redir)}:post}
<div class="box_wrapper">
<div class="box_wrapper2">
{if($weblogostatus==1)}
<div class="logo">

<a href="{$homepath}" id="homepath" alt="{$home}" title="{$home}">
		<img  style="max-width: 80%;" src="{$logopath}"  border="0"></a>
</div>
{endif}
<div class="search_box">
    	<div class="insidesearch_box">
        	<div class="search_area_wrapper boxsizing">
            	<div class="search_field boxsizing"><input type="hidden" id="type" name="type" value="Web">
   
                	<input type="text" class="intxt boxsizing" onKeyUp="javascript:keymovement(event,this.value);" name="search" id="search"  value=""/>
                    <div class="catagories">
                        	<div class="catagories_btn">
                            <div class="catgores_btn_inside">
                            <span class="catgrie_name">
                            {loopstart:finalenginearray:100}
               		        <img id="cat{loop:finalenginearray}" class="engine_icon inactive_cat" src="{$imagepath}userdata/engineicons/{cfn:getengineicon($finalenginearray[0])}" alt="categories" />
                            {loopend:finalenginearray}
                             </span>
                            </div>
                            </div>
                        </div>
                </div>
                 <div class="search_outer">
                	<div class="search_btn">
                    	<div class="search_btn_border">
                        <button type="submit" class="searchbutton">
                        <i class="fa fa-search fa_sbtn" title="Search Button"></i>
                    	
                        </button>
                        </div>
                        </div>
                    </div>
                   
                                        
                    	                        <div class="cata_full">
                            <div class="tip_c"></div>
                            <div class="catagories_list">
                            <div class="inside_catagories_list">
                            	<ul class="catagories_listul">
                            	{loopstart:finalenginearray:100}
                            	<li class="catagories_listli"><a id="{$finalenginearray[1]}_link"; class="activetablink" href="javascript:Determine({loop:finalenginearray},{$enginecount},'{$finalenginearray[1]}');"><img class="engine_icons" src="{$imagepath}userdata/engineicons/{cfn:getengineicon($finalenginearray[0])}" alt="iamges" /><br /><br />{cfn:getenginename($finalenginearray[0])}</a></li>
                            	{loopend:finalenginearray}
                            	</ul>
                            </div>
                            </div>
                            </div>
            </div>
            	
        </div>
         <div class="shadw_wrapper">
    <div class="shdow">
    	<img style="max-width: 100%" src="{$imagepath}images/shadow.png" alt="Shadow" />
    </div>
    </div>
    </div>
    </div>
   </div>
{formend:searchform}
</textarea></td></tr></table> {endif}
</div></div>
<div class="marg"></div>
{showpage:footer/footer/1}