/***** Base CSS for wheresmychai.com chai locator *****/

/*****Reset*****/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		background: transparent;
		border: 0;
		font-size: 100%;
		margin: 0;
		outline: 0;
		padding: 0;
		vertical-align: baseline;
		
	}
	body {
		line-height: 1;
	}
	blockquote, q {
		quotes: none;
	}
	:focus {
		outline: 0;
	}
	ol, ul {
		list-style: none;
	}

/*****Basic Elements*****/

html, body {
height: 100%;

}

/*****Basic Page Layout*****/

#pageWrapper {
	font-family: Arial, Helvetica, sans-serif; 
	height:100%;
	min-height: 100%;
	margin:  0;
	padding: 0;
	width:100%; 	
}

#mapCanvas {
	height:100%;
	min-height: 100%;

}

#backButton {
	border:1px solid black; 
	 padding:5px;	
	 
}
#searchColumn {
	font-size: small;
	float: left;
	
	overflow:auto;
	padding: 0 10px;
	text-align: left;
	width:260px;
}


/*****Search Form *****/

#searchContainer {
	position:relative;	
}
#searchForm {
	position:relative;	
}
#searchPageTitle {
	float:left;
	font-size:medium;
	font-weight:bold;
}

.fieldTitle {
	font-weight:bold;
}

.horzFieldContainer  {
	 border:1px solid green; 
	 padding:5px;	
	
}

	
.formFieldContainer {
	background:#ddd;
}

#locationFieldContainer {
	background:url("../images/formBkgdGrad.png") repeat-x 0 0;	
}

#searchRadiusContainer {
	background:url("../images/formBkgdGrad.png") repeat-x 0 10% ;	
}
#searchProductContainer {
	background:url("../images/formBkgdGrad.png") repeat-x 0 20% ;	
}
#searchFlavorContainer {
	background:url("../images/formBkgdGrad.png") repeat-x 0 30% ;	
}

.formElementWrapper{
	border: 1px solid green;
	float:left;
	margin: 0px 5px 0px 0px;
	padding:2px 4px 2px 2px;
}


#topSubmitButton {
	position:static;
	text-align:right;
}

.searchButton {
	
}


/*****Search Results *****/

#resultsTitle {
	background:white;
	font-size: medium;
	font-weight:bold;
	text-align:center;
}
#resultsSummary {
	font-size: small;
	font-weight:bold;
}

#searchResultsList {
	
	background:url("../images/formBkgdGrad.png") repeat 0 0;	
	border:1px solid green; 
	position:relative;
}

.resultItemName {
	font-size: small;
	font-weight:bold;
}

.resultItemAddress {
font-size: x-small;
}

.resultItem {
	 border-top:medium dotted #004400;
	padding:5px;
}	
.resultItem a:link {color:#dd0000;text-decoration:none;}
.resultItem a:visited {color:#dd0000;text-decoration:none;}
.resultItem a:active {color:#dd0000;text-decoration:none;}
.resultItem a:hover {color:#8d29a2;text-decoration:none;}

/*****Google Maps *****/

.infoWindow {
	font-family:arial,sans-serif;
	font-size: small;
	position:relative;
    top:0px;
    overflow:auto;
}
#infoWindowLeftcol {
	float:left;
}
#infoWindowRtcol {
	float:left;

}

#infoWindowTitle {
	font-weight:bold;
}
.infoWindowAddress {
	color: black;

}
#infoWindowDetail {
	color: #050;

}