form {
	margin-bottom: 50px;
}

.form-holder.create #map-canvas {
	height: 400px;
}

.form-holder.create {
	background: #f0f8b9;
}

.map-holder {
	position: relative;
	border-bottom: solid 1px #cddb73;
}

	.map-holder .map-controls {
		border-radius: 0 10px 0 0;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 290px;
		height: 41px;
		background-color: rgba(2, 174, 240, 1);
		padding-left: 10px;
		padding-top: 10px;
	}

	.map-holder .map-controls, .map-holder .map-controls a {
		display: inline-block;
		color: #FFF;
		font-weight: bold;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
		padding-right: 30px;
	}

		.map-holder .map-controls a.inactive {
			color: #c6c6c5;
			text-shadow: none;
		}

		.map-holder .map-controls a#undo-btn {
			padding-left: 32px;
			background: url(/content/images/icons/undo-ico.svg) left center no-repeat;
			background-size: contain;
			margin-right: 5px;
			padding-right: 20px;
		}

		.map-holder .map-controls a.inactive#undo-btn {
			background: url(/content/images/icons/undo-ico.svg) left center no-repeat;
			background-size: contain;
			margin-right: 5px;
			padding-right: 20px;
		}


.create-form h3, .form-holder.create h3 {
	font-size: 20px;
}

.step-progress {
	background: #00aef1;
	background: linear-gradient(to bottom, #00aef1, #009edc);
	behavior: url(/content/js/PIE.htc);
	height: 64px;
	border-radius: 10px;
	font-family: 'Museo W01 700', serif;
	color: #FFF;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
	margin-bottom: 20px;
	font-size: 1.3em;
	behavior: url(/content/js/PIE.htc);
}

	.step-progress .step {
		color: #80d3f3;
		float: left;
		height: 64px;
		line-height: 64px;
		width: 320px;
		background: url(/content/images/step-chevron.png) left top no-repeat;
		padding-left: 45px;
	}

		.step-progress .step:first-child {
			background: none;
			width: 310px;
			padding-left: 16px;
		}

		.step-progress .step.current, .step-progress .step.clickable:hover {
			color: #FFF;
			text-decoration: underline;
		}

		.step-progress .step.clickable {
			cursor: pointer;
		}		
				
	.step-progress .step-number {
		background-color: #80d3f3; 
		margin-right: 12px;
		color: #3385a5;
		width: 32px;
		height: 32px;
		text-align: center;
		line-height: 32px;
		display: inline-block;
		border-radius: 32px;
		box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
	}

	.step-progress .step.current .step-number, .step-progress .step.clickable:hover .step-number {
		color: #666;
		background: #FFF;
	}

.create-form {
	padding: 30px;
}

	.create-form .button {
		width: auto;
		padding-left: 40px;
		padding-right: 40px;
		margin-right: 0;
	}

	.create-form .button.button-50 {
		width: 47%;
		padding-left: 0;
		padding-right: 0;
		margin-right: 0;
	}

		.create-form div .button.button-50:last-child {
			margin-left: 18px;
		}

.create-form .col-left {
	width: 556px;
	float: left;
}

.create-form .col-right {
	float: right;
	width: 330px;
	padding-left: 15px;
}

	.create-form .col-right input {
		width: 100%;
	}

	.create-form .col-right .form-row {
		padding-left: 97px;
	}

.create-form input[type=text], .create-form input[type=password], .create-form textarea {
	text-indent: 0;	
	padding-left: 12px;
	padding-right: 12px;
	color: #000;
}

	.create-form textarea {
		height: 120px;
	}

	.create-form textarea#Description {
		margin-bottom: 5px;
	}

	.create-form .static-value {
		display: block;
		height: 35px;
		color: #02aef0;
		font-weight: bold;
		font-size: 1.2em;
		background-color: rgba(216, 223, 32, 0.498039215686275);
		box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
		border-radius: 5px;
		padding: 6px 12px;
	}

	.create-form .form-group.mandatory label:after {
		color: #D9001B;
		content: '*';
		font-size: 26px;
		position: absolute;
		margin-top: -5px;
		margin-left: 5px;
	}

.create-form label, .create-form .form-row label {
	font-weight: bold;
	color: #66690c;
}

	.create-form label.error {
		color: red;
		display: block;
	}

		.create-form label.error:after {
			display: none;
		}

	.create-form #Level, .create-form .customSelect {
		height: 35px;
		line-height: 35px;		
		border: 0;
		padding-left: 12px;
		padding-right: 12px;
		box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
		border-radius: 5px;
		color: #999999;
		font-size: 0.85em;
		width: 100%;
		background: #FFF;
		color: #000;
		display: block;
	}

	.create-form .customSelectInner {
		background: url(/content/images/create-dropdown-arrow.gif) right center no-repeat;

	}

.create-form .row:last-child {
	margin-top: 30px;
}

.gpx-section {
	border-width: 3px;
	border-style: solid;
	border-color: rgba(216, 223, 32, 1);
	border-radius: 10px;
	background-color: #fff;
	padding: 0 15px 12px 15px;
	font-size: 13px;
}

	.gpx-section label {
		color: #333333 !important;
		margin-right: 5px;
	}

	.gpx-section .col-md-6 > div > div {
		color: #0099CC;
	}

	.gpx-section .col-md-6 > div > label, .gpx-section .col-md-6 > div > div {
		display: inline-block !important;
		font-size: 13px !important;
	}

	.gpx-section h3 span {
		float: right;
		font-family: 'Lato', sans-serif;
		color: #333333;
	}

	.gpx-section h3 span.warning {
		color: #D9001B;
	}


.btn-create, .btn-save {
	font-family: 'Museo W01 700', serif;
	background: #FFF;
	border: solid 3px #cce717;
	border-radius: 30px;
	color: #666;
	font-size: 1.5em;
	padding: 10px 20px 10px 20px;
	line-height: 22px;
}

	/*.btn-create:hover, .btn-save:hover {
		background: #FFF;
	}*/

.btn-save {
	margin-right: 10px;
}

	.button-row.create {
		padding-top: 25px;
		text-align: center;
		height: 38px;
	}

.button-row.create a {
	line-height: 56px;
	margin-left: 80px;
}

	.button-row.create .left {
		float: left;
	}

	.button-row.create .right {
		float: right;
	}

.create-modal , .description-modal{
	padding-top: 300px;
}

	.create-modal .modal-dialog {
		width: 430px;
	}

.create-modal .modal-content {	
	border: solid 3px #d8df20;
	border-radius: 10px;
	position: relative;
	padding: 40px;	
	
}

	.create-modal .modal-content ol li {
		margin-bottom: 10px;
	}

	.create-modal .modal-content p {
		text-align: center;		
		font-family: 'Museo W01 700', serif;
		color: #02aef0;
		font-size: 1.5em;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}

	.create-modal .modal-content .button-row .btn {
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;	
		width: 135px;		
	}

	.create-modal .modal-close, .description-modal .modal-close {
		display: block;
		position: absolute;
		right: 20px;
		top: 20px;
		background: url(/content/images/modal-close.gif) left top;
		width: 12px;
		height: 12px;
	}

.character-count {
	float: right;
	text-align: right;
	font-size: 0.8em;
	color: #66690c;
}


.field-info {
	font-size: 0.8em;
	color: #66690c;
	margin-top: 5px;
}


#poi-start-message {
	color: #02aef0;
	background: #FFF;
	font-family: 'Museo W01 700', serif;
	font-size: 1.5em;
	text-align: center;
	padding: 0;
	border: solid 3px #d8df20;
	border-radius: 10px;
	padding-top: 40px;
	padding-bottom: 40px;
	margin: 40px 120px 40px 120px;
}

	#poi-start-message p {		
		margin: 0;
		padding: 0;
		clear: both;
	}

#poi-marker-menu {
	border-radius: 0;
	border: none;
	background: none;
}

#poi-marker-menu .list-group-item  {
	background-color: #f5fbd2;
	border-radius: 0;
	border: none;
	border-bottom: solid 1px #cddb73;
	color: #000;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 0;

}

	#poi-marker-menu .list-group-item.active {
		background: #FFF;
	}

	#poi-marker-menu .list-group-item .poi-remove {
		float: right;
		display: block;
		width: 24px;
		height: 24px;
		/*background: url(/content/images/remove-poi-dark.gif) center center no-repeat;*/
		margin-top: -12px;
		margin-left: 5px;
		margin-bottom: 5px;
		padding: 3px;
		font-size: 26px;
		color: #999;
	}

	#poi-marker-menu .list-group-item.active .poi-remove {
		color: #000;
	}

#poi-menu-holder {
	background: #f5fbd2;
	border-right: solid 1px #d8df20;
	padding-right: 0;
}

#PoiForm.create-form {
	padding: 0;
	padding-top: 15px;
	padding-bottom: 30px;
}

#poi-edit-form {
	border-top: solid 1px #d8df20;
}

.file-col {
	padding-top: 30px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 30px;
}

#ImageHolder {
	width: 100%;
}

#ImageHolder img {
	width: 100%;
	border: solid 1px #c6cc1f;
}

#poi_fileupload {	
	position: relative;
	overflow: hidden;
}

	#poi_fileupload input[type=file] {
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		border: solid 1px red;
		height: 200px;
		filter: alpha(opacity=0);
		opacity: 0;
	}

.form-group .checkbox {
	padding-left: 0;
	font-size: 0.8em;
	color: #66690c;
}

.form-tooltip {
	display: inline-block;
	height: 19px;
	width: 19px;
	background-color: rgba(2, 174, 240, 1);
	border-radius: 10px;
	vertical-align: middle;
	margin-left: 20px;
	cursor: pointer;
	color: #fff;
	text-align: center;
}

.popover {	
	text-align: center;
	font-size: 0.9em;
}

.floated-checkbox {
	width: 220px;
	float: left;	
	font-weight: normal;
	margin-bottom: 5px;
}

	.floated-checkbox label {
		display: inline-block;
		width: 160px;
		padding-left: 0;
		font-size: 0.8em;
	}

	.floated-checkbox .checkbox {
		margin: 5px 0 5px 0;

	}

#Step3 .create-form h4 {
	padding-left: 0;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	padding-bottom: 10px;
	margin-top: 30px;
	margin-bottom: 0;
}

#Step3 .create-form p {
	margin-bottom: 20px;
}

#Step3 .create-form {
	overflow: hidden;	
}

.completion-page #map-canvas {
	height: 400px;
}


.completion-message {
	text-align: center;
	margin-top: 30px;
	padding-left: 130px;
	padding-right: 130px;
	margin-bottom: 35px;
	overflow: hidden;	
}

.completion-message a, .text-center a {
	text-decoration: underline;
}

	.completion-message a.button {
		text-decoration: none;
	}

.completion-message .action-links {
	margin-left: auto;
	margin-right: auto;	
	margin-top: 20px;
}

	.completion-message h3 {
		margin-bottom: 30px;
	}

	.completion-message h3 span {
		color: #555555;
	}

.completion-message strong {
	color: #00acee;
}

	.completion-message .action-links a {
		/*display: inline-block;
		background: #FFF;
		color: #00adef;
		font-family: 'Museo W01 700', serif;
		text-align: center;
		border: solid 3px #d8df20;
		border-radius: 10px;
		margin-bottom: 10px;
		margin-left: 5px;
		margin-right: 5px;
		padding: 7px 15px 7px 15px;
		font-size: 1.25em;*/
		width: 160px;
	}

		.completion-message .action-links a:first-child {
			margin-right: 20px;
		}

		.completion-message .social-buttons {
			padding-left: 45px;
			text-align: left;
			float: right;
			width: 310px;
		}

		.completion-message .social-buttons h4 {
			font-family: 'Lato', sans-serif;
			font-weight: bold;
		}

	.completion-page .shadow-holder {
		margin-bottom: 50px;
	}

.social-buttons a {
	display: block;
	float: left;
	width: 52px;
	height: 52px;
	background-position: left top;
	background-repeat: no-repeat;
	margin-right: 5px;
}

	.social-buttons a.facebook {
		background-image: url(/content/images/social-facebook.png);
	}

	.social-buttons a.twitter {
		background-image: url(/content/images/social-twitter.png);
	}

	.social-buttons a.googleplus {
		background-image: url(/content/images/social-googleplus.png);
	}

	.social-buttons a.email {
		background-image: url(/content/images/social-email.png);
	}

.button {
	text-align: center;
	color: #FFF;
	width: 90px;
	font-family: 'Museo W01 700', serif;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 4px;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: rgba(2, 174, 240, 1);
	border: 1px solid #fff;
	border-radius: 8px;
	color: #FFF;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.349019607843137);
	margin-right: 8px;
}

	.button:hover {
		
		text-decoration: none;
	}

.button.cancel {
	background: #f14400;
	background: linear-gradient(to bottom, #f14400, #db3400);
}

	.button.white {
		background: #fff;
		border: 1px solid #00aef0;
		color: #00aef0;
	}

	.button.insert {
		margin-top: 20px;
		margin-left: 780px;
		width: 130px;
	}

	.button.btn-save {
		margin-right: 10px;
	}

.button-row a {
	text-decoration: underline;
}

#LinkPickerModal .button-row {
	margin-left: 85px;
}

#LinkPickerModal .button-row button { display: inline-block; margin-right: 10px; width: 118px; }

#LinkPickerModal .modal-header { border-bottom: 1px solid #A9A9A9; margin-bottom: 30px; padding-left: 0; padding-right: 0; }

	#LinkPickerModal .modal-header .close { margin-top: -30px; }

#LinkPickerModal p { margin-left: 0; margin-right: 0; width: 100%; text-align: left; }

#LinkPickerModal p label { display: inline-block; width: 80px; }

	#LinkPickerModal p input { display: inline-block; width: 258px; font-weight: normal; color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding-left: 5px; padding-right: 5px; }

#LinkPickerModal h5 { font-size: 22px; }

#LinkPickerModal .error { margin-left: 85px; color: red; display: none; }

#CreateRouteGPXForm {
	background-color: #f6f7dc;
	margin-left: -30px;
	margin-right: -30px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: none;
}

#CreateRouteGPXForm .row {
	margin-top: 0;
}

#CreateRouteGPX {
	cursor: pointer;
	text-decoration: underline;
}

.gpx-close {
	display: block;
	font-size: 20px;
	cursor: pointer;
	text-align: right;
	color: #0099CC;
	font-size: 16px;
	margin-top: 10px;
}

#CreateRouteGPXForm label {
	font-size: 13px;
	font-weight: bold;
	color: #0099CC;
	display: block;
	margin-bottom: 15px;
}

	#CreateRouteGPXForm label span {
		width: auto;
		margin-bottom: -3px;
		line-height: 15px;
	}

#gpx-map-points, #points-count {
	line-height: 34px;
}

#gpx-map-points {
	display: inline-block;
}

#ApplyGPXSection button {
	width: 150px;
}

#ApplyGPXSection button:last-child {
	margin-right: 0;
}

#CreateRouteGPXForm + .row {
	margin-top: 30px;
}

#PathFile {
	color: transparent;
	outline: 0px transparent !important;
	display: inline-block;
	width: 131px;
}

#PathFile::-webkit-file-upload-button {
	visibility: hidden;
}

	#PathFile::before {
		content: 'Choose file';
		text-align: center;
		color: #FFF;
		width: 130px;
		font-family: 'Museo W01 700', serif;
		font-size: 16px;
		display: inline-block;
		vertical-align: middle;
		border-radius: 4px;
		padding-top: 7px;
		padding-bottom: 7px;
		background-color: rgba(2, 174, 240, 1);
		border: 1px solid #fff;
		border-radius: 8px;
		color: #FFF;
		margin-right: 8px;
		cursor: pointer;
	}

label span {
	color: #333333;
	width: 93px;
	overflow: hidden;
	display: inline-block;
	line-height: 12px;
	text-overflow: ellipsis;
}

#map-points-final {
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px;
	color: #0099CC;
	text-align: right;
	font-size: 18px;
}

.button-row .button {
	width: 140px;
}

.button.btn-create.right {
	margin-right: 0;
}

.fidelity ul {
	border-radius: 6px;
	width: 100%;
	display: block;
	padding: 0;
	margin: 0;
	height: 34px;
}

	.fidelity ul li {
		background-color: rgb(0, 153, 204);
		display: inline-block;
		width: 100px;
		padding: 0;
		margin: 0;
		float: left;
		color: #fff;
		line-height: 30px;
		height: 34px;
		text-align: center;
		cursor: pointer;
		border-right: 1px solid rgb(216, 223, 32);
		border-top: 2px solid rgb(216, 223, 32);
		border-bottom: 2px solid rgb(216, 223, 32);
	}

		.fidelity ul li:hover, .fidelity ul li.active {
			background-color: rgb(216, 223, 32);
			color: rgb(51, 51, 51);
		}

		.fidelity ul li.disabled {
			background-color: #efefef;
			color: #bbb;
		}

		.fidelity ul li:first-child {
			border-radius: 6px 0 0 6px;
			border-left: 2px solid rgb(216, 223, 32);
		}

		.fidelity ul li:last-child {
			border-radius: 0 6px 6px 0;
			border-right: none;
			border-right: 2px solid rgb(216, 223, 32);
		}