
/*input[class*="on-page-search"] { 
	padding: 10px 10px;
	line-height: 24px; 
}*/

.on-page-search, .on-page-search-po {
  font-size: 16px;
  line-height: 20px;
  height: 30px;
  color: #787d85;
  background-color: #fcfcfc;
  border: 1px solid #e0e1e1;
  padding: 0 0 0 0;  /*top right bottom left*/
  	margin: 0px 4px;  /*top right bottom left*/
}

select[class*="search-result-select"] {
  font-size: 14px;
  line-height: 18px;
}

/* Style the list */
a.on-page-search-item {
  color: gray;
}

.on-page-search-item, .on-page-search-item-po { /* .infoWrap  */
  border-bottom: none;
  padding: 5px 5px;
  line-height: 36px;
  text-decoration: none;
  color: gray;
}

/* Style the results */

.on-page-search-noresults, items.on-page-search-noresults {
/*  color: #f3f4f5;*/
  display: none;
  visibility: hidden;
}

.on-page-search-results, items.on-page-search-results {
/*  background: #de1919;
  color: white; */
  display: block;
  visibility: visible;
}

.on-page-search-results:hover {
  background: #333;
  color: white;
}

/* refine search layout */

/*.refine-search-row input.*/

.refine-search-container, .refine-search-row-container {
	width: 100%;
	display: table;
/*	border: 1px solid #0000ff;*/
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  height:30px;
	overflow: hidden;
}


.refine-search-row, .refine-search-row-container-row {
	display: table-cell;
	text-align: center;
	vertical-align:top; 
	max-height:20px;
/*	border: 1px solid #FF0000;*/
	width: 30%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.refine-search-links-left, .refine-search-links-right {
/*	border: 1px solid #00FF00;*/
  	padding: 0 0 0 0;
  	margin: 4px;
}

.refine-search-links a, .refine-search-links-left a, .refine-search-links-right a, .refine-search-links-left.off a:hover, .refine-search-links-right.off a:hover {
	vertical-align:top; 
	white-space: nowrap; 
	height: 28px;
    color:#fff;
	background:#254D75;
	font-size: 14px;
	font-weight: bold;
	padding: 8px;
	margin: 0 0 0 0; /*top right bottom left*/
	border: 1px #4F80B3 solid; 
/*	border-radius: 5px; */
}

.refine-search-links a:hover, .refine-search-links-left a:hover, .refine-search-links-right a:hover, .refine-search-links-left.off a, .refine-search-links-right.off a {
    color:#000000;
	font-weight: bold;
	background:#EEEEEE; /* grey / light blue: #4F80B3*/ 
	z-index:900;
	border: 1px #CCCCCC solid; 
/*	border-radius: 5px; */
}

.refine-search-links-left{float:left!important}
.refine-search-links-right{float:right!important}

/*@media (max-width: 979px) {*/

@media screen and (max-width: 979px) {
	.refine-search-container {
	  	display:contents; /* disappear element */
/*		height: 80px;
		border: 1px solid #ff0000;*/
	}
	.refine-search-row {
		display: block;
		line-height: 50px;
		height: 50px;
		width: 60%;
		margin: 0px auto 0px auto; /*top right bottom left*/
/*		border: 1px solid #00ff00;*/
	}

	.refine-search-row.space {
	  	display:none;
	}

.on-page-search, .on-page-search-po {
  	margin: 12px 4px;  /*top right bottom left*/
}

 }
 
 @media screen and (max-width: 640px) {
	.refine-search-row-container-row {
		line-height: 100px;
		height: 0px;
/*		border: 1px solid #00ff00;*/
		margin: 0;
	}


	.on-page-search, .on-page-search-po {
	  	margin: 38px 4px;  /*top right bottom left*/
	}

 }