/*
 * Date: August 28, 2012
 *
 * sfPanel.css
 * CSS stylesheet controlling the storefinder interface panel
 * Copyright (C) 2012 by Daniel Vidoni, Sydney Australia, All rights reserved.
 * Web: www.storefinder.com.au
 *
 * You may not distribute this code in any manner, modified or otherwise, without the express, written
 * consent from Daniel Vidoni.
 * 
 * You may make modifications and / or install this file on your servers for the purpose of
 * providing your website with store finder functionality.
 *
 * In all cases copyright and header must remain intact.
 */

/* === PANEL-SPECIFIC BASE STYLES === */
body {
	min-width: 650px;
}

/* === PANEL-SPECIFIC LAYOUT === */
#header {
	padding: 10px 10px 0px 10px;
	margin-bottom: 10px;
	height: 90px;
}

#header h1 {
	font-weight: normal;
}

#header #prompt {
	white-space: nowrap;
	text-overflow: ellipsis;
}

#inputPanel {
	float: left;
	padding-top: 8px;
	padding-right: 5px;
	align-content: center;
}

#customFormOptions div {
	display: inline-block;
	margin: 0px 5px 0px 5px;
}

#footer {
	clear: both;
	height: 25px;
	margin-top: 10px;
	padding-top: 10px;
	font-size: 8pt;
}

/* === PANEL-SPECIFIC RESULTS === */
#results {
	float: left;
	width: 270px;
	margin: 0px 10px;
}

#summary {
	padding: 0px 0px 0px 25px;
	margin-bottom: 10px;
	border: 1px solid #aaa;
	border-radius: 10px;
	height: 27px;
	background-position: 5px 5px;
}

#resultsList, #resultsList td, #resultsList #results_line {
	font-size: 8.5pt;
	color: #333;
	line-height: 20px;
}

#resultsList {
	white-space: nowrap;
}

/* === PANEL-SPECIFIC RESULT ITEMS === */
.result, .resultSelected {
	border-right: 1px solid black;
	border-top: 1px solid lightgrey;
	border-left: 1px solid lightgrey;
	border-radius: 15px 0 0 15px;
}

.resultSelected {
	border: 1px solid black;
	border-right: 1px solid white;
	box-shadow: 5px 5px 5px 0px darkgrey;
}

.resultContainer {
	padding: 10px 5px 10px 10px;
}

.resultDetails {
	padding: 0px 0px 5px 0px;
}

.resultControlCluster {
	border-radius: 0px 0px 0px 15px;
}

#resultDistanceMarkerDistance {
	font-size: 7pt;
	color: #777;
}

/* === MAP PANEL === */
#mapPanel, #mapCanvas {
	padding: 0px 10px 0px 0px;
}

/* === PANEL-SPECIFIC CONTROLS === */

select {
	align-content: center;
}

/* === PANEL-SPECIFIC SUGGESTIONS === */
#suggestionsPanel, #sf_didyoumean {
	top: 87px;
	left: 10px;
	width: 268px;
}

#suggestions_loading_img {
	top: 59px;
	left: 220px;
}

/* === OVERLAY === */
#fader-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s;
	z-index: 10;
}

/* === PANEL-SPECIFIC UTILITY === */
.clearfloat {
	font-size: 1px;
	line-height: 0;
}

/*
 * end of CSS
 *
 */