Search box

You can also choose to embed a Buljobs Search Box into your website. This will allow your visitors to search for a job directly from your webpage without ever leaving your site. All you have to do is to customise it by following the simple steps below, and then copy and paste the given HTML codes onto your site. Now your website features a mini job search engine!

Customise the search box

Job offers per page
Width
Background color
Border color
Font
Text color
Links color

Test your search box

Copy/paste on your web page

	<!-- Buljobs search box -->
<style type="text/css">
div.bjSearchBox{ 
text-align: left ; 
border: 1px solid #919294 ; 
background-color: #FFFFFF ; 
padding: 8px ; 
font-family: Arial, sans-serif, Sans-serif ; 
font-size: 13px ; 
color: #000000; 
width: 600px;
}

div.bjSearchBox a{
 color: #0033cc ;
}
div.bjBotm a{
 color: #000000;
 text-decoration: none ;
}
div.bjSearchBox form.bjSearchForm{
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
}
div#bjSearchResult{ }div#bjSearchResult p.topline{
 font-size: 16px;
 font-weight: bold;
 margin-bottom: 8px;
 margin-top: 5px;
}
span.bjLabel{
 font-size: 13px;
 font-weight: bold;
 color: #000000;
 }
span.bjLabelSmall{
 font-size: 11px;
 color: #000000;
}
input.bjInput{
 width: 100%;
 #width: 95%;
}
div.bjJob{
 margin: 0px;
 margin-bottom: 10px;
 overflow: hidden;
}
div.bjJob p {
 margin: 0px;
 }
div.bjJob p.jobTitle{
 font-size: 14;
 font-weight: bold;
}
div.bjJob .company{
 color: #666666;
}
div.bjJob .region{
 color: #666666;
}
div.bjJob .site{
 color: #DD4814;
 }
p.bjPaging span{
 background-color: #DF5409;
 border: solid 1px #DF5409;
 color: #FFFFFF;
 padding-left: 6px;
 padding-right: 6px;
 font-size: 0.8em;
 padding-top: 2px;
 padding-bottom: 2px;
 margin-right: 3px;
 margin-top: 3px;
 line-height: 25px;
}
p.bjPaging a{
 background-color: #FFFFFF;
 background-repeat: repeat-x;
 border: solid 1px #EBEBEB;
 padding-left: 6px;
 padding-right: 6px;
 text-decoration: none;
 font-size: 0.8em;
 padding-top: 2px;
 padding-bottom: 2px;
 margin-right: 3px;
 margin-top: 3px;
 line-height: 25px;
}
p.bjPaging a:hover{
 border: solid 1px #DF5409;
}
#search_box_tools span.button{
 float:left;
 padding-left: 10px;
 color:#666;
 position: relative;
 top: 1px;
}
#search_box_tools span.button input{
 float:left;
 border:none;
 background-image: url(http://buljobs.bg/Images/bg-search-button.gif);
 background-color: #E75D06;
 background-repeat: repeat-x;
 background-position: center;
 height: 24px;
 color: White;
 font-weight: bold;
 font-size: 15px;
 border: solid 2px #E75D06;
 margin-top: 1px;
}
div.Autocomplete {
 border: 1px solid #999999;
 border-top: 2px solid #999999;
 width: 100%;
 #width: 95%;
 background-color: #FFFFFF;
 position: absolute;
 top: 60px;
 left: 0px;
 line-height: 15px;
}
</style>

<a name="bjSearchBoxAnchor"></a>
<div class="bjSearchBox">
    <script language="javascript" type="text/javascript" src="http://www.buljobs.bg/JavaScript/Widget/SearchWidget.ashx?n=7"></script>
</div>