/* CSS Document */

/* Layout the search form */
div.formarea div.formsection.primary {float: left; width: 555px; border-right: 1px solid #cccccc;}
div.formarea div.formsection.secondary {float: right; width: 121px; margin-top: -30px;}

/* style the inactive and active side of the search form */
div.formarea div.formsection.inactive div.formitem {opacity: .4;}

/* Style the search form */
div.searchform div.formitem {float: left;}
div.searchform div.formitem label {color: #777777; font-size: 12px;}
div.searchform div.formitem.nolabel {margin: -10px 5px 0px 0px;}
div.searchform div.formitem.nolabel label {display: none;}
div.searchform div.formitem input.text {width: 150px; color: #999999;}
div.searchform div.formitem input.text.active {color: #000000;}
div.searchform div.formitem select {width: 150px; margin: 12px -3px 0px 0px;}
div.searchform input.submit {background: #ad1818; color: #ffffff; border: none;}
a#moreoptionstoggle {font-size: 12px; margin: 10px 0px; display: block;}
a#moreoptionstoggle:hover {cursor: pointer; text-decoration: none;}

/* Style the more options area */
div#moreoptions {background: #f6f6f6; padding: 10px; width: 95%;}

/* Style the OR separator */
div#orseparator {position: relative; top: 45px; left: -40px; text-indent: -9000px; display: block; width: 32px; height: 32px; background: url('orseparator.png') top left no-repeat;}

/* Style the search results header */
div#searchresultsheader {margin-bottom: 15px;}
div#searchresultsheader h3 {margin: 10px 0px 10px 0px;} 
div#searchresultsheaderTwo a {float: right; font-size: 12px; color: #777777 !important; margin-top: -25px;}
div#searchresultsheaderTwo a:hover {cursor: pointer; text-decoration: none;}
ul#clickfilters {display: none;}
ul#clickfilters li a {border: 1px dotted #999999; padding: 3px; color: #000000; margin: 3px 3px 0px 0px; display: inline-block;}
ul#clickfilters li a:hover {cursor: pointer; text-decoration: none;}

/* Style the search results controls */
div#searchresultscontrols ul {margin-bottom: 10px;}
div#searchresultscontrols ul li {font-size: 12px;}
div#searchresultscontrols ul li a {color: #777777; border-right: 1px solid #777777; padding-right: 5px; margin-right: 5px;}
div#searchresultscontrols ul li a:hover {cursor: pointer;}
div#searchresultscontrols ul li.last a {border-right: none;}
div#searchresultscontrols ul li a.active {font-weight: bold; color: #000000;}
div#searchresultscontrols ul li a.inactive {color: #cccccc; pointer-events: none;}
div#searchresultscontrols ul li a.inactive:hover {cursor: none; text-decoration: none;}
ul#showcontrol {float: left;}
ul#pagingcontrols {float: right;}

/* more options  */
.ui-icon-trash{
    background: url(remove.png);
	background-size: 13px 14px;
	background-repeat: no-repeat;
}