$setting_body_font_size: 12pt;

.elevate .settings-area {
	form {
		text-align: left;
		margin-bottom: 40px;

		input.button {
			font-size: 14px;
			font-family: sans-serif;
			font-weight: normal;
			position: absolute;
			right: 20px;
		} 

		input.button-primary {
			background: $wizard_active_menu;
			border-radius: 0px;
			-webkit-border-radius: 0px;
			padding: 5px 10px;
			height: auto;
			width: auto;
			text-outline: 0px;
			border: 0px;
			box-shadow: none;
			text-shadow: none;

		}

		input.button-primary:hover {
			background: lighten( $wizard_active_menu, 20% ) ;
			border-radius: 0px;
			-webkit-border-radius: 0px;
		}
	}

	h4 {
		font-size: 16pt;
		color: $wizard_active_menu;
		margin-top: 5px;
		margin-bottom: 5px;
		font-family: $heading_font;
		font-weight: normal;
	}

	h5 {
		font-weight: normal;
		font-family: serif;
		color: $wizard_secondary_heading;
		font-size: 14pt;
		margin-top: 0px;	
		margin-bottom: 20px;
	}

	.settings-section {
		padding: 10px;
		background: #fff;
		margin-bottom: 15px;

		color: #555;

		label,
		.inside-button p,
		select,
		textarea,
		input  {
			letter-spacing: 0px;
			font-size: 11pt;
			font-family: sans-serif;
			font-weight: 500;
		}
	}
}	

.elevate-setting {
	margin-bottom: 7px;

	.inside-button p,
	label {
		vertical-align: middle;
		text-align: right;
		min-width: 300px;
		display: inline-block;
		margin-right: 5px;
		color: #555;
		font-size: $setting_body_font_size;
		margin-top: 0px;
		text-decoration: none;
	}

	label.secondary {
		min-width: 0px;
		text-align: left;
		display: block;
		margin-left: 310px;
		margin-bottom: 10px;
	}

	.radio-inside {
		position: relative;
		top: -15px;
		margin-bottom: -15px;
	}

	input[type=radio] {
		margin-right: 5px;
	}

	input {
		vertical-align: middle;
		font-family: $body_font;
	}

	input::placeholder {
		color: #aaa;
	}

	input[type=checkbox] {
		display: inline-block;
		margin-top: 2px;
	}

	input[type=text] {
		min-width: 40%;
		color: #555;
		padding: 6px;
		font-size: 11pt;
		font-weight: normal;
		line-height: normal;
	}

	textarea {
		min-width: 40%;
		vertical-align: top;
		font-family: $body_font;
		font-size: 11pt;
		padding: 5px;
		margin-top: -5px;
		min-height: 65px;
		margin-bottom: 10px;
	}

	select {
		font-size: 11pt;
		font-family: $body_font;
		min-width: 200px;
		color: #555;
	}	

	.spacer {
		padding-top: 10px;
		margin-top: 15px;
		border-top: 1px solid #eee;
		margin-left: 15%;
		margin-right: 20%;
	}
}

.upload-hide {
	display: none;
}

.elevate-setting.radio {
	margin-top: 10px;
}

.elevate-setting.upload input {
	text-overflow: ellipsis;
	text-align: left;
	font-size: setting_body_font_size;
	font-family: $body_font;
}

.elevate-setting.upload a {
	font-size: setting_body_font_size;
	display: inline-block;
	margin: 0px 2px;
}

div.upload_facebook_default_image {

	label {
		vertical-align: top;
	}

	img {
		max-width: 100%;
		max-height: 200px;
		width: auto;
		height: auto;
		display: inline-block;
		margin-right: 5px;
	}

	button {
		vertical-align: top;
	}

	input[type=text] {
		display: none;
	}

	.image-wrapper {
		display: inline-block;
		max-width: 60%;
	}
}


.upload button {
	padding: 8px;
	font-size: 14px;
	font-family: sans-serif;
	font-weight: normal;
	vertical-align: middle;
	letter-spacing: 0px;
	min-width: 60px;
	border: 0px;
	display: inline-block;
	text-align: center;
	color: white;
	text-decoration: none;
}

.upload button:hover {
	background: lighten( $scheme_color_1, 10% );
}

#elevate_analytics_code {
	height: 230px;
}

.inside-button {
	.ui-button {
		padding: 10px;
		font-size: 14px;
		font-family: sans-serif;
		font-weight: normal;
		vertical-align: middle;
		min-width: 60px;
		border: 0px;
		display: inline-block;
		text-align: center;
		color: white;
		text-decoration: none;
	}

	.ui-button:hover {
		background: lighten( $scheme_color_1, 10% );
	}

	a {
		color: black;
	}

	button:hover {
		cursor: pointer;
	}
}


