/* 
    Created on : Jun 15, 2015, 10:40:34 AM
    Author     : Levi S. - http://slashwebdesign.net
*/

html {
	height: 100%;
}

	body {
		height: 100%;
		position: relative;
		font-size: 14px;
	}
	
		#map {
			width: 100%;
			height: 100%;
		}
		
		#search {
			background-color: #fff;
			font-size: 14px;
			font-weight: 300;
			margin: 10px;
			padding: 3px 11px 3px 13px;
			text-overflow: ellipsis;
			width: 400px;
			color: #313131;
			box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
		}

		#search:focus {
		  border-color: #4d90fe;
		}
		
		#loader {
			background: url("../img/bg-controls.png");
			position: absolute;
			left: 0px;
			top: 0px;
			right: 0px;
			bottom: 0px;
		}
		#loader p {
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -10px 0px 0px -75px;
			color: #ffffff;
		}
		
		#sidebar {
			background: url("../img/bg-controls.png");
			position: absolute;
			left: 0px;
			top: 0px;
			width: 200px;
			height: 100%;
			z-index: 1;
		}
			#sidebar .view {
				color: #ffffff;
				text-align: center;
				margin: 40px 0px;
			}
			#sidebar h1 {
				text-align: center;
				color: #cccccc;
				font-size: 20px;
				font-weight: 400;
				margin-bottom: 0px;
			}
				#sidebar h1 span {
					font-size: 12px;
					display: block;
					line-height: 14px;
				}
			#sidebar h2 {
				color: #b3e4fe;
				text-align: center;
				font-size: 16px;
				font-weight: 400;
				margin: 30px 35px 10px;
				line-height: 16px;
			}
			#sidebar .help {
				padding: 20px 10px;
				color: #ffffff;
			}
			#sidebar .btn {
				min-width: 150px;
			}
			#sidebar .view .btn {
				display: block;
			}
			#sidebar .region {
				list-style: none;
				margin: 0px;
				padding: 0px 10px;
				max-height: 200px;
				overflow-y: auto;
			}
				#sidebar .region li { color: #ffffff; position: relative; padding: 2px 5px; }
				#sidebar .region li:hover { background-color: #333333; }
					#sidebar .region li label { margin: 0px; display: inline-block; line-height: 14px; }
						#sidebar .region li label input[type="checkbox"] { margin: 0px 5px 0px 0px; vertical-align: top; }
						#sidebar .region li label strong { font-weight: 400; }
						#sidebar .region li label em { font-style: normal; font-size: 12px; color: #bababa; }
					#sidebar .region li span.ico-clear { display: none; position: absolute; top: 4px; right: 4px; cursor: pointer; }
					#sidebar .region li span.ico-mode-edit { display: none; position: absolute; top: 4px; right: 24px; cursor: pointer; }
					#sidebar .region li:hover span { display: block; }
					#sidebar .region li span.ico-clear:hover { color: #ff0000; }
					#sidebar .region li span.ico-mode-edit:hover { color: #fef5b3; }
		
		.menu {
			position: absolute;
			background-color: #ffffff;
			margin: 0px;
			padding: 0px;
			list-style: none;
			border: 1px solid #cccccc;
		}
			.menu li {
				padding: 5px 10px;
				cursor: pointer;
				transition: all 0.4s ease;
			}
			.menu li:hover {
				background-color: #efefef;
			}
			
		.regions {
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
			.regions li {
				display: inline-block;
				margin: 5px 10px 0px 0px;
			}
				.regions li label { margin: 0px; }
					.regions li label input[type="checkbox"] { margin: 0px 6px 0px 0px; }
			
.modal-header h3 {
	font-weight: 400;
}

input[type="text"] {
	border-radius: 0px;
	box-shadow: none;
}

.palette {
	text-align: center;
}
	.palette em {
		display: inline-block;
		margin: 4px;
		border: 1px solid #cccccc;
		border-radius: 3px;
		padding: 2px;
	}
	.palette em:hover, .palette em.selected {
		border: 1px solid #313131;
	}
		.palette em span {
			width: 20px;
			height: 20px;
			display: block;
		}
	
.btn:focus, .btn:active { outline: none; }
.btn, .btn-group > .btn:first-child, .btn-group > .btn:last-child {
	border-radius: 0px;
}

#confirm .modal-body {
	text-align: center;
	padding: 20px 15px;
}
#confirm .modal-footer {
	padding: 10px;
}