﻿
/*jqxSearchBox Style*/
/*applied to the jqxSearchBox's content which displays the text.*/
.jqx-searchbox-content
{
    padding: 0px;
    overflow: hidden;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    margin: 0px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-appearance: none;
    outline: none;
    border: none;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: 1px solid transparent; 
    -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box;    
}
.jqx-searchbox-content-rtl {
    border: none;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
     -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 0px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 3px;
    border-right: none;
    border-left: 1px solid transparent; 
    -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box;  
}
/*applied to the SearchBox's input field.*/
.jqx-searchbox-input
{
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    padding: 0 0 0 0;
    outline: none;
    border: 0px solid #aaa;
    -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box;
}
.jqx-searchbox-input::-ms-clear {
    display: none;
}
/*applied to the SearchBox's content when the widget is disabled.*/
.jqx-searchbox-content-disabled
{
    color: #AAA;
}
/*applied to the SearchBox's search button.*/
.jqx-searchbox-search-normal, .jqx-action-button
{
    -webkit-appearance: none;
    outline: none;
    overflow: hidden;
    margin: 0 0 0 0;
    border: none;
    cursor: pointer;
}
/*applied to the SearchBox's search button*/
.jqx-searchbox-search-hover, .jqx-searchbox-search-selected
{
    -webkit-appearance: none;
    outline: none;
    overflow: hidden;
    margin: 0 0 0 0;
}
/*applied to the SearchBox in normal state.*/
.jqx-searchbox-state-normal
{
    -webkit-appearance: none;
    outline: none;
    border: 1px solid transparent;
    overflow: hidden;
    margin: 0 0 0 0;
}
/*applied to the SearchBox when the mouse is over the widget.*/
.jqx-searchbox-state-hover
{
    overflow: hidden;
    border: 1px solid transparent;
    margin: 0 0 0 0;
}
/*applied to the SearchBox when the popup ListBox is shown.*/
.jqx-searchbox-state-selected
{
    overflow: hidden;
    border: 1px solid transparent;
    margin: 0 0 0 0;
}
/*applied to the SearchBox when the widget is focused.*/
.jqx-searchbox-state-focus
{
    border: 1px solid transparent;
}
.jqx-searchbox-multi-item {
    padding: 1px 3px;
    margin: 2px;
    white-space: nowrap;
    border-style: solid;
    font-weight: normal;  
    overflow: hidden;
    text-align: left;

}
.jqx-searchbox-multi-item a:link, .jqx-searchbox-multi-item a:visited  {
    color: inherit;
    display: block;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
    *color: expression(this.parentNode.currentStyle['color']);    
}
/*applied to the SearchBox when the widget is disabled.*/
.jqx-searchbox-state-disabled
{
    white-space: nowrap;
    margin: 0px;
    color: #AAA;
}