html {
	overflow: hidden;
}

.container {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

/* header */
.header {
	width: 100%;
	background-color: #E6E6E6;
	border-bottom: 1px solid #A6A6A6;
}

	.header .logo {
		float: left;
		width: 239px;
		height: 30px;
		margin-top: 10px;
		margin-left: 10px;
		margin-bottom: 15px;
		background-image: url('../Client/MapPage.Logo.png'); /*240 x 30*/
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.header .find {
		float: left;
		margin: 12px 20px 12px 55px;
	}

@media (max-width: 1400px) {
	#findInput {
		width: 200px;
	}
}

@media (max-width: 1000px) {
	#findInput {
		width: 200px;
	}

	.header .find {
		margin: 12px 20px 12px 20px;
	}

	.header .logo {
		background-image: url('../Client/MapPage.LogoSmall.png'); /*70 x 30*/
		width: 70px;
		height: 30px;
	}
}

.header .find input {
	float: left;
	width: 400px;
	height: 20px;
	margin-right: 10px;
	padding: 5px;
	line-height: 20px;
	border: 1px solid #d7d6da;
}

.header .find button {
	float: left;
	font-size: 14pt;
}

.header h1 {
	padding: 8px 20px 0 0;
	float: right;
	color: #535353;
	overflow: hidden;
	text-align: right;
}

/* sidebar */
.body .sidebar {
	float: left;
	width: 280px;
	overflow: hidden;
	border-right: 1px solid #A6A6A6;
}

	.body .sidebar .buttons {
		padding: 5px;
		border-bottom: 1px solid #A6A6A6;
	}

		.body .sidebar .buttons button {
			margin: 3px 1px;
			background-color: #535353;
			border: 1px solid #4C4C4C;
			color: #F6F6F6;
			text-align: left;
			font-family: UbuntuLight;
			font-size: 14px;
			vertical-align: middle;
		}

			.body .sidebar .buttons button:hover {
				border: 1px solid #000000;
				color: #FFFFFF;
				text-decoration: underline;
			}

			.body .sidebar .buttons button:active {
				border: 1px solid #000000;
				color: #FFFFFF;
			}

			.body .sidebar .buttons button.unconfirmed {
				background-color: #6F2846;
				border: 1px solid #692642;
				color: #FFFFFF;
			}

.default-button {
	background-color: #535353;
	border: 1px solid #4C4C4C;
	color: #F6F6F6;
}

	.default-button:hover {
		border: 1px solid #000000;
		color: #FFFFFF;
		text-decoration: underline;
	}

.small-button {
	height: 26px;
	width: 25px;
	padding: 0;
}

.body .sidebar .buttons .text-button {
	width: 10px;
	height: 30px;
	padding-left: 27px;
}

.body .sidebar .buttons .button-img-arrow-left {
	background: url('../Client/MapPage.LeftArrow.png') 1px 2px no-repeat #F5F5F5;
}

.body .sidebar .items {
	overflow: auto;
}

/* mapContainer */
.body .mapContainer {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 300px;
}

/* footer */


/* common */

body {
	font-family: UbuntuLight;
	font-size: 12pt;
	background-color: #e6e6e6;
}

h1 {
	padding: 0;
	margin: 0;
	display: inline;
}

.roundedCorners5 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px; /*behavior: url(../ExternalResources/BorderRadius.htc);*/
}

.roundedCorners3 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px; /*behavior: url(../ExternalResources/BorderRadius.htc);*/
}

input.shadowAroundInput:focus {
	-moz-box-shadow: 0px 0px 2px 1px #797784;
	-webkit-box-shadow: 0px 0px 2px 1px #797784;
	box-shadow: 0px 0px 2px 1px #797784; /* For IE */ /* behavior: url(../ExternalResources/IECSS3Compat.htc);*/
}

.reset {
	clear: both;
}

button {
	background-color: #535353;
	border: 1px solid #4C4C4C;
	color: #F6F6F6;
	text-align: left;
	font-family: UbuntuLight;
	font-size: 14px;
	vertical-align: middle;
	padding: 4px 10px;
}

	button:hover {
		border: 1px solid #000000;
		color: #FFFFFF;
		text-decoration: underline;
	}

	button:active {
		border: 1px solid #000000;
		color: #FFFFFF;
	}

	button.unconfirmed {
		background-color: #6F2846;
		border: 1px solid #692642;
		color: #FFFFFF;
	}

/* items */
.mm-find-header {
	padding-left: 4px;
	padding-right: 4px;
	font-weight: bold;
}

.mm-find-item {
	padding-left: 10px;
	padding-right: 10px;
}

	.mm-find-item:hover {
		background: grey;
	}

.mm-find-item-selected {
	padding-left: 10px;
	padding-right: 10px;
	background: black;
	color: white;
}

.mm-find-echo {
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
}

	.mm-find-echo:hover {
		background: grey;
	}

.mm-find-echo-selected {
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	background: black;
	color: white;
}

.items {
	font-size: 13px;
}

.itemDescription {
	border-bottom: 1px solid #D2D2D2;
	padding: 4px 0;
}

.itemRow:hover {
	cursor: pointer;
}

.itemRow:hover {
	background: #E6E6E6;
}

.button-img-arrow-right {
	background: url('../Client/MapPage.RightArrow.png') 1px 2px no-repeat #F5F5F5;
}

.footer {
	background-color: #e6e6e6;
	border-top: solid 1px #A6A6A6;
	color: #737373;
	font-size: 12px;
	line-height: 18px;
	padding: 5px 0;
}

	.footer p {
		padding: 5px 10px;
		margin: 0;
	}

	.footer .title {
		font-size: 1.2em;
	}

	.footer hr {
		width: 80%;
		border: 0;
		height: 1px;
		color: #d2d2d2;
		background-color: #d2d2d2;
	}

	.footer a {
		color: #737373;
	}

		.footer a:hover {
			text-decoration: none;
		}

#findResults {
	background: white;
	cursor: pointer;
	border: 1px solid black;
	display: none;
}

.noRecords {
	text-align: center;
	font-size: 1.2em;
	padding-top: 30px;
}

#cancelButton {
	float: right;
	position: relative;
	left: -130px;
	top: 9px;
	background: no-repeat url('//maps.gstatic.com/mapfiles/hpimgs28.png') -108px -26px;
	width: 10px;
	height: 10px;
	margin: 2px;
	display: inline-block;
	text-indent: -10000px;
}

/* bubble */
.bubble {
	font-size: 14px;
}

	.bubble td {
		vertical-align: top;
	}

		.bubble td.left {
			width: 50%;
		}

		.bubble td.right {
			width: 50%;
		}

	.bubble .itemInfo {
		margin: 10px;
	}

	.bubble .itemImage {
		max-width: 300px;
		height: 225px;
		margin: 5px;
		border: 1px solid black;
		cursor: pointer;
	}

	.bubble .properties {
		display: inline-block;
		width: 300px;
	}

	.bubble .bulk td {
		margin: 0;
		padding: 0;
	}

	.bubble .bulk .properties {
		width: 145px;
	}

	.bubble .properties th {
		text-align: left;
		padding: 1px 4px;
	}

	.bubble .properties td {
		padding: 1px 4px;
		width: 50%;
		font-size: 10pt;
	}

		.bubble .properties td.option-yes {
			color: black;
			font-weight: bold;
		}

		.bubble .properties td.option-no {
			color: gray;
		}

	.bubble .border {
		border: 1px solid black;
		margin: 5px;
	}

button.bubble-accept {
	background-color: #A1B93D;
	border: 1px solid #A1B93D;
	color: white;
}

	button.bubble-accept:hover {
		background-color:#97AF33;
	}

button.bubble-reject {
	background-color: #C5463F;
	border: 1px solid #C5463F;
	color: white;
}

	button.bubble-reject:hover {
		background-color: #BB3C35;
	}

td.bubble-state {
	vertical-align: middle;
	padding-top: 4px;
	padding-right: 8px;
}

td.legend-label {
	width: 120px;
}

.item-icon {
	width: 24px;
	padding-left: 5px;
}

.legend-icon {
	width: 24px;
}