#searchField {
	width: 200px;
	padding: 5px;
	margin: 5px;
}

.acList {
/**	position: absolute; **/
/**	top: 20px; **/
	border: 1px solid #BFBFBF;
	border-bottom: 0px;
	font-size: 12px;
	font-family: arial;
	padding: 0px;
	display: none; 
	text-align: left;


    background: #f4f4f4;
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    transition: all 250ms;
     .BoxShadowHelper(1);
     &:hover {
         .BoxShadowHelper(3);
         -webkit-transform: translateY(-5px);
         -moz-transform: translateY(-5px);
         transform: translateY(-5px);
     } 	
}

.acList div {
}

.acList .selected {
	background-color: #666;
	color: #fff;
    border-bottom: 1px solid #BFBFBF;
    padding: 3px;
	cursor:pointer;
	overflow: auto;
}

.acList .unselected {
	background-color: #fff;
	color: #333;
    border-bottom: 1px solid #BFBFBF;
    padding: 3px;
	cursor:pointer;
	overflow: auto;
}

.acData1 {
	color: #000000;
	font-size:13px;
}

.acData2 {
	color: #777;
	font-size:12px;
}

.acIcon {
	float: left;
	clear: both;
	width: 30px; 
	height: 30px;
	margin: 0px 4px;
}
.acIcon img {
	max-height: 28px;
	max-width: 28px;
	margin: auto auto;
}

.acList .selected .acData1 {
	color: #fff;

}
.acList .selected .acData2 {
	color: #ddd;
}

.acH {
	font-weight:bold;
	color:#000000;
}

.acHiddenData {
	display: none;
}




/* .card {
 *     width: 95px;
 *     height: 95px;
 *     background: #f4f4f4;
 *     -webkit-transition: all 250ms;
 *     -moz-transition: all 250ms;
 *     transition: all 250ms;
 *     .BoxShadowHelper(1);
 *     &:hover {
 *         .BoxShadowHelper(3);
 *         -webkit-transform: translateY(-5px);
 *         -moz-transform: translateY(-5px);
 *         transform: translateY(-5px);
 *     }
 * }
 *
 */

.BoxShadowHelper(@level: 1){
    & when (@level = 1) {
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    }
    & when (@level = 2) {
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    }
    & when (@level = 3) {
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    }
    & when (@level = 4) {
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }
    & when (@level = 5) {
        box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    }
}