
/* small reset */
.ajaxSearchGrid * { margin: 0; padding:0;list-style: none; }

.ajaxSearchGrid {
    font       : bold 12px arial;
    padding    : 5px;
    position   : relative;
    background : white;
}

.ajaxSearchGrid p {
    clear  : both;
    margin : 9px 0;
}
/*    .ext-gecko .ajaxSearchGrid p {*/
/*        margin-bottom: 9px;*/
/*    }*/

.ajaxSearchGrid input.textfield {
    font-size : 11px;
}
.ajaxSearchGrid label {
    position : relative;
    float    : left;
    width    : 113px;
}
	.ajaxSearchGrid label.boxLabel {
	    float        : none;
	    width        : auto;
	    margin-right : 0px;
	    cursor       : pointer;
	}
		.ajaxSearchGrid label.boxLabel:hover {
		    color : blue;
		}


.ajaxSearchGrid .listBox {
    position   : absolute;
    border     : solid black 1px;
    background : white;
    overflow   : hidden;
    z-index    : 10000;
}

/* Localisation */

.ajaxSearchGrid input.localisation {
    border : solid black 1px;
    width  : 270px;
}

.ajaxSearchGrid .localisationListBox {
    width   : 280px;
    padding : 2px 0;
}

	.ajaxSearchGrid .localisationListBox .item {
	    position   : relative;
	    background : white;
	    color      : black;
	    font       : normal 14px arial;
	    cursor     : pointer;
	    padding    : 0px 5px;
	    height     : 18px;
	}
	.ajaxSearchGrid .localisationListBox .item .matched {
	    width       : 230px;
	    overflow    : hidden;
	    white-space : nowrap;
	}
	.ajaxSearchGrid .localisationListBox .item .postalcode {
	    position  : absolute;
	    right     : 5px;
	    top       : 3px;
	    font-size : 12px;
	}
	.ajaxSearchGrid .localisationListBox .item strong {
	    color       : navy;
	    font-weight : bold;
	}

		.ajaxSearchGrid .localisationListBox .item.over {
		    background : blue;
		    color      : white !important;
		}
		.ajaxSearchGrid .localisationListBox .item.over strong {
		    color : white;
		}


/* Extends */

.ajaxSearchGrid .extends {

}


/* General List Boxes */

.ajaxSearchGrid .listBox {
    padding : 5px;
}
	.ajaxSearchGrid .listBox .item {
	    color : black;
	}
	.ajaxSearchGrid .listBox .item.over {
	    color : blue;
	}

		.ajaxSearchGrid .listBox .item input {
		    cursor : pointer;
		}
		.ajaxSearchGrid .listBox .item label {
		    margin-left : 5px;
		    cursor      : pointer;
		}

.ajaxSearchGrid .textfield {
    border : solid black 1px;
}


/* Types */

.ajaxSearchGrid input.type {
    border : solid black 1px;
    width  : 180px;
}

.ajaxSearchGrid .typeListBox {
    width : 150px;
}

/* Rooms */

.ajaxSearchGrid input.rooms {
    border : solid black 1px;
    width  : 100px;
}

.ajaxSearchGrid input.rooms.empty {
    color      : gray;
    font-style : italic;
}

.ajaxSearchGrid .roomsListBox {
    width : 130px;
}

/* Price & co */

.ajaxSearchGrid input.maxdayold,
.ajaxSearchGrid input.minterrainsurface,
.ajaxSearchGrid input.minprice,
.ajaxSearchGrid input.maxprice,
.ajaxSearchGrid input.minsurface,
.ajaxSearchGrid input.maxsurface {
    width  : 70px;
}

.ajaxSearchGrid input.reference {
	width : 70px;
}

/* More Criterias */

.ajaxSearchGrid .moreCriterias {
    overflow    : hidden;
    clear       : both;
    margin-left : 15px;
    display     : none;
    background  : white;
    border      : 1px outset #777777;
    padding     : 10px;
    position    : absolute;
    z-index     : 1;
}

	.ajaxSearchGrid .moreCriterias label {
	    width : 170px;
	}

	.ajaxSearchGrid .moreCriteriasButton {
	    visibility : hidden;
	    margin     : 0;
	}

	.ajaxSearchGrid .moreCriteriasButton a {
	    color           : blue;
	    text-decoration : none;
	}

	.ajaxSearchGrid .moreCriteriasButton .inactiveText,
	.ajaxSearchGrid .moreCriteriasButton.active .activeText {
	    display : inline;
	}
	.ajaxSearchGrid .moreCriteriasButton.active .inactiveText,
	.ajaxSearchGrid .moreCriteriasButton .activeText {
	    display : none;
	}

	.ajaxSearchGrid .moreCriteriasButton .icon {
	    padding-right : 11px;
	    height        : 14px;
	    background    : url(arrow.gif) no-repeat 0 5px;
	    margin-left   : 5px;
	}
		.ext-gecko .ajaxSearchGrid .moreCriteriasButton .icon {
		    padding-right : 14px;
		}

		.ajaxSearchGrid .moreCriteriasButton.active .icon {
		    background : url(arrow.gif) no-repeat -14px 5px;
		}

.ajaxSearchGrid .photoonly label {
    float : none;
}


/* Submit Button */

.ajaxSearchGrid .submit {
    text-align : right;
    margin     : 0;
}
	.ajaxSearchGrid .submit button {
	    width      : 110px;
	    height     : 37px;
	    background : url(submit.gif);
	    border     : none;
	    cursor     : pointer;
	}
		.ajaxSearchGrid .submit button em {
		    visibility : hidden;
		}



/* loading mask */
.x-masked {
    overflow : hidden !important;
}
.ajaxSearchGrid .ext-el-mask {
    z-index      : 100;
    position     : absolute;
    top          : 0;
    left         : 0;
    -moz-opacity : 0.5;
    opacity      : .50;
    filter       : alpha(opacity=50);
    width        : 100%;
    height       : 100%;
    zoom         : 1;
    background   : #ccc;
}
.ajaxSearchGrid .ext-el-mask-msg {
    z-index    : 20001;
    position   : absolute;
    top        : 0;
    left       : 0;
    border     : 1px solid;
    background : repeat-x 0 -16px;
    padding    : 2px;
}
.ajaxSearchGrid .ext-el-mask-msg div {
    padding    : 5px 10px 5px 25px;
    border     : 1px solid;
    cursor     : wait;
    background : white url(spinner.gif) no-repeat 5px;
}


.ResultsBox .multiSearchGrid {
    width : 480px;
}

