/* Suggestion container */
.suggestionContainer2 { 
	z-index: 300; 
	border: 1px solid #999;
	background: #FFF;
	
	-moz-box-shadow: 3px 3px 3px rgba(100,100 ,100 ,0.7);
	-webkit-box-shadow: 3px 3px 3pxrgba(100,100 ,100 ,0.7);
	box-shadow: 3px 3px 3px rgba(100, 100, 100, 0.7);
}
.suggestionContainer2 .innerContainer {
    
    border-bottom: 1px solid #999;
    
    overflow: auto;
	height: 220px;
	width: 400px;
	

}

.suggestionContainer2 .viewAllResults{
	padding: 10px;
	text-align: right;	
	cursor: pointer; 
	color: #333;
	font-size: 14px;
	font-weight: bold;
	
	background:  -moz-linear-gradient(top, #FFF, #BBB);
	background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#BBB));
	background: -webkit-linear-gradient(#FFF, #BBB);
	background: -o-linear-gradient(#FFF, #BBB);	
}
	.suggestionContainer2 .viewAllResults:hover{
			color: #000;
		 
		  /*fallback*/
			background-color: #7DC6FB;
			
			background:  -moz-linear-gradient(top, #B3CEFD, #7DC6FB);
			background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4341A), to(#CB260A));
			background: -webkit-linear-gradient(#B3CEFD, #7DC6FB);
			background: -o-linear-gradient(#B3CEFD, #7DC6FB);	
		}

.suggestionContainer2 .innerContainer h2,
.suggestionContainer2 .innerContainer h3 {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    margin: 0; padding: 5px 5px; /* pij: add extra padding */
    border: 1px solid #e0dddb;
    border-color: #d6d6d6;
    background: #88796e url('img/search-suggestion-header.gif') repeat-x left top;
}
.suggestionContainer2.preloaded .innerContainer .mainHeader {
    background: #5b534a url('img/search-suggestion-main-header.gif') repeat-x left top;
    border: 1px solid #838383;
    margin: 0; padding: 3px 5px;
}
.suggestionContainer2.preloaded .innerContainer h1 {
    font-size: 16px; color: #fff;
    font-weight: bold;
    margin: 0; padding: 0; border: 0;
    float: left;
}
.suggestionContainer2.preloaded .innerContainer .closeButton {
    float: right;
    display: block;
    width: 20px; height: 18px;
    background: url('img/search-suggestion-close.gif') no-repeat 0 0;
}
.suggestionContainer2.preloaded .innerContainer .closeButton:hover { background-position: 0 -18px; }

.suggestionContainer2 .innerContainer .suggestedList{
	border-bottom: 1px dashed #CCC;
	
}
.suggestionContainer2 .innerContainer .suggestedList .suggestedItem {
    margin: 1px ; 
	padding: 5px 10px;  /* pij: add extra padding */
    background: #fff;
    cursor: pointer;
	color: #555;
	
	font-size: 14px;

}
.suggestionContainer2 .innerContainer .suggestedList .suggestedItem.hover {
	   /*fallback*/
		background-color: #7DC6FB;
		
		background:  -moz-linear-gradient(top, #B3CEFD, #7DC6FB);
		background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4341A), to(#CB260A));
		background: -webkit-linear-gradient(#B3CEFD, #7DC6FB);
		background: -o-linear-gradient(#B3CEFD, #7DC6FB);	
		
	}	
	
	
	.suggestionContainer2 .innerContainer .suggestedList .suggestedItem[type=rests], 
	.suggestionContainer2 .innerContainer .suggestedList .suggestedItem[type=rest_chains],
	 .suggestionContainer2 .innerContainer .suggestedList .suggestedItem[type=blds]{
		background-image: url('../../img/web/ico_arrow_jumpTo.png');
		background-position: 99% 80% ;
		background-repeat: no-repeat;
	}
	
	.suggestionContainer2 .innerContainer .suggestedList .suggestedItem[type=rests].hover,
	.suggestionContainer2 .innerContainer .suggestedList .suggestedItem[type=rest_chains].hover,
	.suggestionContainer2 .innerContainer .suggestedList .suggestedItem[type=blds].hover {
	   /*fallback*/
		background-color: #7DC6FB;
		background-image: url('../../img/web/ico_arrow_jumpTo_ov.png');
		
		background-image: url('../../img/web/ico_arrow_jumpTo_ov.png'),  -moz-linear-gradient(top, #B3CEFD, #7DC6FB);
		background-image: url('../../img/web/ico_arrow_jumpTo_ov.png'),  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4341A), to(#CB260A));
		background-image: url('../../img/web/ico_arrow_jumpTo_ov.png'), -webkit-linear-gradient(#B3CEFD, #7DC6FB);
		background-image: url('../../img/web/ico_arrow_jumpTo_ov.png'), -o-linear-gradient(#B3CEFD, #7DC6FB);	
		
	}	
	
	
		.suggestionContainer2 .innerContainer .suggestedList .suggestedItem .pic{
				float: left;
				border: 1px solid #999;
				width: 50px;
				height: 50px;
				padding: 1px;
				background: url('../../img/web/placeHolder_pic_50x50.jpg') 1px 1px no-repeat;
				margin-right: 8px;
				
		}
			.suggestionContainer2 .innerContainer .suggestedList .suggestedItem .pic img{
				max-width: 50px;
				max-height: 50px;
			}
		.suggestionContainer2 .innerContainer .suggestedList .suggestedItem h4{
			font-weight: bold;		
			margin-bottom: 5px;
		}
		.suggestionContainer2 .innerContainer .suggestedList .suggestedItem .type{
				font-size: 12px;
				color: #666;
		}
			
			
			
			/*icons for type*/
			.suggestionContainer2 .innerContainer .suggestedList .suggestedItem .type.rests{
				background: url('../../img/web/ico_rest_mini_bw.png') 5px no-repeat;
				padding: 3px 30px;
			}
			.suggestionContainer2 .innerContainer .suggestedList .suggestedItem .type.rest_chains{
				background: url('../../img/web/ico_chain_mini_bw.png') 5px no-repeat;
				padding: 3px 30px;
			}
			.suggestionContainer2 .innerContainer .suggestedList .suggestedItem .type.blds{
				background: url('../../img/web/ico_bld_mini_bw.png') 5px no-repeat;
				padding: 3px 30px;
			}
		.suggestionContainer2 .innerContainer .suggestedList .suggestedItem .type.cuisine_types{
				background: url('../../img/web/ico_dish_cuisine.png') 5px no-repeat;
				padding: 3px 30px;
			}
		.suggestionContainer2 .innerContainer .suggestedList .suggestedItem .type.rest_types{
				background: url('../../img/web/ico_restType.png') 5px no-repeat;
				padding: 3px 30px;
			}
		

.suggestionContainer2 .innerContainer .suggestedList .suggestedItem .highlight { 
	color: #F30; 
	font-weight: bold; 
	background:none; /*pij: conflicts w/ kinnshare_main so add this bg:none */ 
}