/* General */
.mlsclearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.mls_lfloat {
	float: left;	
}

/* Results filters */

.mls_comp_results {
	margin: 15px 0;	
}

.mls_comp_results_filters ul {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;	
	float: left;
}

.mls_comp_results_filters ul li {
	float: left;
	line-height: 20px;
	white-space: nowrap;
	padding: 0;
	margin: 1px;
}

.mls_comp_results_filters ul li a {
	padding: 7px;
	float: left;
	text-decoration: none;
	background: #f4f4f4;
	font-size: 13px;
	line-height: 20px;
}

.mls_comp_results_filters ul li a:hover {
	background: #eee;
}

.mls_comp_results_filters ul li a:focus,
.mls_comp_results_filters ul li.mls-active a {
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.08) inset;
	background: #eee;
	outline: none;
}

/* Results loader */

#mls_loading_component.mls-loading {
	position: static;
	top: auto;
	right: auto;
	vertical-align: top;
	padding: 0;
	text-align: center;
	z-index: 99;
	width: 100%;
	height: auto;
	line-height: 34px;
}

.mls-component-spinner {
	position: relative;
	height: 80px;
	width: 40px;
	top: 0;
	display: none;
	vertical-align: top;
}

.mls-page-spinner {
	position: relative;
	height: 20px;
	width: 20px;
	top: 5px;
	display: none;
	vertical-align: top;
}

.mls-results-empty-results {
	height: 80px;
	padding: 0;
	text-align: center;
	text-transform: uppercase;	
	color: #888;
	line-height: 80px;
	font-size: 15px;
	font-weight: normal;
	vertical-align: middle;
	background: #f7f7f7;
	border: 1px solid #eee;
	border-radius: 4px;
}

.mls-results-empty-results i {
	margin-right: 12px;
}

/* Component results */

.mls-div-inner {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 #eee;
	margin-bottom: 8px;
	overflow: hidden;
}

.mls_avatar img {
	width: 128px;	
}

.mls_comp_results_lists h3 {
	color: #999;
	margin: 15px 0;
	text-shadow: 1px 1px 0 #FFFFFF;
	padding: 5px 0;
}

.mls-comp-item-info {
    overflow: hidden;
}

.mls-comp-item-info-inner {
	line-height: 20px;
	margin: 12px 16px;
	position: relative;
	font-size: 11px;
}

.mls-comp-item-info-video {
}

.mls-comp-item-info-inner .fa {
	margin: 0 2px 0 0;	
	width: 15px;
}

.mls-comp-item-title {
	margin: 0 0 8px;	
}

.mls-comp-small-margin {
	margin: 0 0 3px;	
}
	
.mls-comp-item-title a {
    font-size: 15px;
    font-weight: 700;
}

.mls-comp-item-secondary {
	color: #777;	
}

.mls-comp-item-introtext {	
}

.mls-comp-more-results {
    padding: 0;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    line-height: 30px;
    text-transform: uppercase;
    vertical-align: baseline;
	background: none repeat scroll 0 0 #f8f8f8;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 #eee;
	margin-bottom: 30px;
}

.mls-comp-more-results a {
    display: block;
    padding: 2px 10px;
    text-decoration: none;
	outline: none;
	position: relative;
}

.mls-comp-more-results a.mls-more-results img {
	display: none;	
}

.mls-comp-more-results a.mls-more-results span.no-results-txt {
	display: none;	
}

.mls-comp-more-results a.disabled,
.mls-comp-more-results a.disabled:hover,
.mls-comp-more-results a.disabled:focus {
	color: #999 !important;
}

.mls-comp-more-results a:hover,
.mls-comp-more-results a:focus {
	text-decoration: none;
	outline: none;
}

.mls-message {
	display: inline-block;
	color: #777;
	text-decoration: none;
}

.mls-message:hover,
.mls-message:focus {
	text-decoration: none;
}

/***************************************************/
/***** THEMES **************************************/
/***************************************************/

/*************************/
/***** Default Theme *****/
/*************************/

.mls_comp_results.default-theme {
	
}


.mls_comp_results.default-theme .mls-comp-more-results a:hover,
.mls_comp_results.default-theme .mls-comp-more-results a:focus {
	background: #fff !important;	
}

.mls_comp_results.default-theme .mls-comp-more-results a.disabled,
.mls_comp_results.default-theme .mls-comp-more-results a.disabled:hover,
.mls_comp_results.default-theme .mls-comp-more-results a.disabled:focus {
	background: #f8f8f8 !important;
}

/***** Grey Skin *****/

.mls_comp_results.default-theme.grey-skin {
	
}

.mls_comp_results.default-theme.grey-skin .mls_comp_results_filters li a {
	background: #f6f6f6;
	color: #808080;
}

.mls_comp_results.default-theme.grey-skin .mls_comp_results_filters li.mls-active a,
.mls_comp_results.default-theme.grey-skin .mls_comp_results_filters li a:focus {
	background: #efefef;
}

.mls_comp_results.default-theme.grey-skin .mls-comp-item-info-inner a {
	color: #777;
}

.mls_comp_results.default-theme.grey-skin .mls-comp-item-info-inner a:hover,
.mls_comp_results.default-theme.grey-skin .mls-comp-item-info-inner a:focus {
	color: #555;
}

.mls_comp_results.default-theme.grey-skin .mls-comp-more-results a {
	color: #777;
	background: #f6f6f6;
}

/***** Blue Skin *****/

.mls_comp_results.default-theme.blue-skin {
	
}

.mls_comp_results.default-theme.blue-skin .mls_comp_results_filters li a {
	background: #F4F8F9;
	color: #0c95cb;
}

.mls_comp_results.default-theme.blue-skin .mls_comp_results_filters li.mls-active a,
.mls_comp_results.default-theme.blue-skin .mls_comp_results_filters li a:focus {
	background: #e6f4f8;
}

.mls_comp_results.default-theme.blue-skin .mls-comp-item-info-inner a {
	color: #058EC4;
}

.mls_comp_results.default-theme.blue-skin .mls-comp-item-info-inner a:hover,
.mls_comp_results.default-theme.blue-skin .mls-comp-item-info-inner a:focus {
	color: #0475a2;
}

.mls_comp_results.default-theme.blue-skin .mls-comp-more-results a {
	color: #058EC4;
	background: #F4F8F9;
}

/***** Green Skin *****/

.mls_comp_results.default-theme.green-skin {
	
}

.mls_comp_results.default-theme.green-skin .mls_comp_results_filters li a {
	background: #F1FAE1;
	color: #7f9856;
}

.mls_comp_results.default-theme.green-skin .mls_comp_results_filters li.mls-active a,
.mls_comp_results.default-theme.green-skin .mls_comp_results_filters li a:focus {
	background: #E4F8C3;
}

.mls_comp_results.default-theme.green-skin .mls-comp-item-info-inner a {
	color: #7A9252;
}

.mls_comp_results.default-theme.green-skin .mls-comp-item-info-inner a:hover,
.mls_comp_results.default-theme.green-skin .mls-comp-item-info-inner a:focus {
	color: #667a43;
}

.mls_comp_results.default-theme.green-skin .mls-comp-more-results a {
	color: #7A9252;
	background: #F1FAE1;
}

/***** Orange Skin *****/

.mls_comp_results.default-theme.orange-skin {
	
}

.mls_comp_results.default-theme.orange-skin .mls_comp_results_filters li a {
	background: #FBF8D1;
	color: #D78E38;
}

.mls_comp_results.default-theme.orange-skin .mls_comp_results_filters li.mls-active a,
.mls_comp_results.default-theme.orange-skin .mls_comp_results_filters li a:focus {
	background: #ffeebd;
}

.mls_comp_results.default-theme.orange-skin .mls-comp-item-info-inner a {
	color: #d77b38;
}

.mls_comp_results.default-theme.orange-skin .mls-comp-item-info-inner a:hover,
.mls_comp_results.default-theme.orange-skin .mls-comp-item-info-inner a:focus {
	color: #cb6519;
}

.mls_comp_results.default-theme.orange-skin .mls-comp-more-results a {
	color: #d77b38;
	background: #FBF8D1;
}

/***** Red Skin *****/

.mls_comp_results.default-theme.red-skin {
	
}

.mls_comp_results.default-theme.red-skin .mls_comp_results_filters li a {
	background: #FFF7F7;
	color: #E87C7C;
}

.mls_comp_results.default-theme.red-skin .mls_comp_results_filters li.mls-active a,
.mls_comp_results.default-theme.red-skin .mls_comp_results_filters li a:focus {
	background: #FFEDED;
}

.mls_comp_results.default-theme.red-skin .mls-comp-item-info-inner a {
	color: #e77171;
}

.mls_comp_results.default-theme.red-skin .mls-comp-item-info-inner a:hover,
.mls_comp_results.default-theme.red-skin .mls-comp-item-info-inner a:focus {
	color: #df4c4c;
}

.mls_comp_results.default-theme.red-skin .mls-comp-more-results a {
	color: #e77171;
	background: #FFF7F7;
}

/************************/
/***** Modern Theme *****/
/************************/

.mls_comp_results.modern-theme .mls-div-inner {
	border-radius: 0;
	box-shadow: none;
	border: 0;	
}

.mls_comp_results.modern-theme .mls-comp-more-results {
	box-shadow: none;
	background: #fff;
	border-radius: 0;
	border: 0;
}

/***** Grey Skin *****/

.mls_comp_results.modern-theme.grey-skin {
	
}

.mls_comp_results.modern-theme.grey-skin .mls_comp_results_filters li a {
	background: #979D9F;
	color: #fff;
}

.mls_comp_results.modern-theme.grey-skin .mls_comp_results_filters li.mls-active a,
.mls_comp_results.modern-theme.grey-skin .mls_comp_results_filters li a:focus {
	background: #64686A;
	box-shadow: none;
}

.mls_comp_results.modern-theme.grey-skin .mls-comp-item-info-inner a {
	color: #777;
}

.mls_comp_results.modern-theme.grey-skin .mls-comp-item-info-inner a:hover,
.mls_comp_results.modern-theme.grey-skin .mls-comp-item-info-inner a:focus {
	color: #555;
}

.mls_comp_results.modern-theme.grey-skin .mls-comp-more-results a {
	color: #fff;
	background: #979D9F;
	border: 1px solid #979D9F;
}

.mls_comp_results.modern-theme.grey-skin .mls-comp-more-results a:hover {
	color: #777;
	background: #fff;
}

.mls_comp_results.modern-theme.grey-skin .mls_comp_results_lists h3 {
	color: #777;
}

.mls_comp_results.modern-theme.grey-skin .mls-div-inner {
	background: #F6F6F6;
}

.mls_comp_results.modern-theme.grey-skin .mls-comp-more-results a.disabled,
.mls_comp_results.modern-theme.grey-skin .mls-comp-more-results a.disabled:hover,
.mls_comp_results.modern-theme.grey-skin .mls-comp-more-results a.disabled:focus {
	background: #F6F6F6 !important;
}

/***** Blue Skin *****/

.mls_comp_results.modern-theme.blue-skin {
	
}

.mls_comp_results.modern-theme.blue-skin .mls_comp_results_filters li a {
	background: #4faece;
	color: #fff;
}

.mls_comp_results.modern-theme.blue-skin .mls_comp_results_filters li.mls-active a,
.mls_comp_results.modern-theme.blue-skin .mls_comp_results_filters li a:focus {
	background: #4e6984;
	box-shadow: none;
}

.mls_comp_results.modern-theme.blue-skin .mls-comp-item-info-inner a {
	color: #058EC4;
}

.mls_comp_results.modern-theme.blue-skin .mls-comp-item-info-inner a:hover,
.mls_comp_results.modern-theme.blue-skin .mls-comp-item-info-inner a:focus {
	color: #0475a2;
}

.mls_comp_results.modern-theme.blue-skin .mls-comp-more-results a {
	color: #fff;
	background: #59C2E6;
	border: 1px solid #59C2E6;
}

.mls_comp_results.modern-theme.blue-skin .mls-comp-more-results a:hover,
.mls_comp_results.modern-theme.blue-skin .mls-comp-more-results a:focus {
	color: #058EC4;
	background: #fff;
}

.mls_comp_results.modern-theme.blue-skin .mls_comp_results_lists h3 {
	color: #058EC4;
}

.mls_comp_results.modern-theme.blue-skin .mls-div-inner {
	background: #F4F8F9;
}

.mls_comp_results.modern-theme.blue-skin .mls-comp-more-results a.disabled,
.mls_comp_results.modern-theme.blue-skin .mls-comp-more-results a.disabled:hover,
.mls_comp_results.modern-theme.blue-skin .mls-comp-more-results a.disabled:focus {
	background: #F4F8F9 !important;
}

/***** Green Skin *****/

.mls_comp_results.modern-theme.green-skin {
	
}

.mls_comp_results.modern-theme.green-skin .mls_comp_results_filters li a {
	background: #8ba95b;
	color: #fff;
}

.mls_comp_results.modern-theme.green-skin .mls_comp_results_filters li.mls-active a,
.mls_comp_results.modern-theme.green-skin .mls_comp_results_filters li a:focus {
	background: #5a6c3c;
	box-shadow: none;
}

.mls_comp_results.modern-theme.green-skin .mls-comp-item-info-inner a {
	color: #7A9252;
}

.mls_comp_results.modern-theme.green-skin .mls-comp-item-info-inner a:hover,

.mls_comp_results.modern-theme.green-skin .mls-comp-item-info-inner a:focus {
	color: #667a43;
}

.mls_comp_results.modern-theme.green-skin .mls-comp-more-results a {
	color: #fff;
	background: #A8C17F;
	border: 1px solid #A8C17F;
}

.mls_comp_results.modern-theme.green-skin .mls-comp-more-results a:hover,
.mls_comp_results.modern-theme.green-skin .mls-comp-more-results a:focus {
	color: #7A9252;
	background: #fff;
}

.mls_comp_results.modern-theme.green-skin .mls_comp_results_lists h3 {
	color: #7A9252;
}

.mls_comp_results.modern-theme.green-skin .mls-div-inner {
	background: #F1FAE1;
}

.mls_comp_results.modern-theme.green-skin .mls-comp-more-results a.disabled,
.mls_comp_results.modern-theme.green-skin .mls-comp-more-results a.disabled:hover,
.mls_comp_results.modern-theme.green-skin .mls-comp-more-results a.disabled:focus {
	background: #F1FAE1 !important;
}

/***** Orange Skin *****/

.mls_comp_results.modern-theme.orange-skin {
	
}

.mls_comp_results.modern-theme.orange-skin .mls_comp_results_filters li a {
	background: #ee964a;
	color: #fff;
}

.mls_comp_results.modern-theme.orange-skin .mls_comp_results_filters li.mls-active a,
.mls_comp_results.modern-theme.orange-skin .mls_comp_results_filters li a:focus {
	background: #b6520f;
	box-shadow: none;
}

.mls_comp_results.modern-theme.orange-skin .mls-comp-item-info-inner a {
	color: #d77b38;
}

.mls_comp_results.modern-theme.orange-skin .mls-comp-item-info-inner a:hover,
.mls_comp_results.modern-theme.orange-skin .mls-comp-item-info-inner a:focus {
	color: #cb6519;
}

.mls_comp_results.modern-theme.orange-skin .mls-comp-more-results a {
	color: #fff;
	background: #F3A663;
	border: 1px solid #F3A663;
}

.mls_comp_results.modern-theme.orange-skin .mls-comp-more-results a:hover,
.mls_comp_results.modern-theme.orange-skin .mls-comp-more-results a:focus {
	color: #d77b38;
	background: #fff;
}

.mls_comp_results.modern-theme.orange-skin .mls_comp_results_lists h3 {
	color: #d77b38;
}

.mls_comp_results.modern-theme.orange-skin .mls-div-inner {
	background: #FBF8D1;
}

.mls_comp_results.modern-theme.orange-skin .mls-comp-more-results a.disabled,
.mls_comp_results.modern-theme.orange-skin .mls-comp-more-results a.disabled:hover,
.mls_comp_results.modern-theme.orange-skin .mls-comp-more-results a.disabled:focus {
	background: #FBF8D1 !important;
}

/***** Red Skin *****/

.mls_comp_results.modern-theme.red-skin {
	
}

.mls_comp_results.modern-theme.red-skin .mls_comp_results_filters li a {
	background: #ff8e8e;
	color: #fff;
}

.mls_comp_results.modern-theme.red-skin .mls_comp_results_filters li.mls-active a,
.mls_comp_results.modern-theme.red-skin .mls_comp_results_filters li a:focus {
	background: #BB3C3C;
	box-shadow: none;
}

.mls_comp_results.modern-theme.red-skin .mls-comp-item-info-inner a {
	color: #e77171;
}

.mls_comp_results.modern-theme.red-skin .mls-comp-item-info-inner a:hover,
.mls_comp_results.modern-theme.red-skin .mls-comp-item-info-inner a:focus {
	color: #df4c4c;
}

.mls_comp_results.modern-theme.red-skin .mls-comp-more-results a {
	color: #fff;
	background: #FF9999;
	border: 1px solid #FF9999;
}

.mls_comp_results.modern-theme.red-skin .mls-comp-more-results a:hover,
.mls_comp_results.modern-theme.red-skin .mls-comp-more-results a:focus {
	color: #e77171;
	background: #fff;
}

.mls_comp_results.modern-theme.red-skin .mls_comp_results_lists h3 {
	color: #e77171;
}

.mls_comp_results.modern-theme.red-skin .mls-div-inner {
	background: #FFF7F7;
}

.mls_comp_results.modern-theme.red-skin .mls-comp-more-results a.disabled,
.mls_comp_results.modern-theme.red-skin .mls-comp-more-results a.disabled:hover,
.mls_comp_results.modern-theme.red-skin .mls-comp-more-results a.disabled:focus {
	background: #FFF7F7 !important;
}

/*****************************/
/***** Responsive levels *****/
/*****************************/

@media (max-width: 450px) {
	.mls_avatar {
		width: 100% !important;	
		float: none;
	}
	.mls_avatar img {
		width: 100% !important;	
		max-width: 100%;
	}
}

/* 

To configure the search results width in the component,
you must write your own media queries like the example above.

*/