/*
 * Styling for the front-end ambassador pages.
 * Includes the "half-page video" styles, and the ambassador footer navigation
 */

.videoHalfPane {
	width: 330px;
}

	.videoHalfPane .content_header { }
		.videoHalfPane .content_header h2 {
			padding: 5px 15px;
			width: 200px;
			background: white;
			text-transform: uppercase;
			font-size: 15px;
			font-family: Helvetica, Arial, sans-serif;
			margin: 11px auto 0 0;
			display: block;
			float: none;
			font-weight: normal;
		}

	.videoHalfPane .sub_header {
		float: none;
		width: auto;
		margin-right: 7px;
		margin-bottom: 0;
	}

	.videoHalfPane .pageSection {
		overflow: hidden;
		zoom: 1;
		margin-top: 10px;
	}
	.videoHalfPane .textSection {
		background-color: white;
		padding: 20px;
	}

	.videoHalfPane form {
		float: none;
		width: auto;
		padding: 10px 0 10px 10px;
		margin: 0;
	}

		.videoHalfPane form .input {
			padding-bottom: 10px;
		}
		.videoHalfPane form .text input {
			width: 225px;
			float: left;
		}
		.videoHalfPane form .textarea textarea {
			width: 225px;
			float: left;
		}
		.videoHalfPane form .error-message {
			float: right;
			width: 75px;
		}

.ambassadorNav {
	height: 40px;
	color: #505050;
	font-weight: normal;

	margin: 10px;

	overflow: hidden;
	zoom: 1;
}

	.ambassadorNav a:link,
	.ambassadorNav a:visited {
		background-color: white;
		text-decoration: none;
		text-transform: uppercase;
		float: left; 
		display: inline;
		padding: 0 10px;

		line-height: 40px;
		font-size: 15px;

		color: #505050;
	}
		
	.ambassadorNav a.currentLocation:link,
	.ambassadorNav a.currentLocation:visited {
		text-decoration: none;
		color: white;
		background-color: #505050;
	}

	.ambassadorNav a:hover {
		text-decoration: underline;
	}

	.ambassadorNav .liveButton {
		float: right;
		background: transparent;
	}
		.ambassadorNav .liveButton a:link,
		.ambassadorNav .liveButton a:visited {
			background: transparent;
		}
		.ambassadorNav .liveButton a:link,
		.ambassadorNav .liveButton a:visited,
		.ambassadorNav a:hover {
			text-decoration: none;
		}

/* Initial login page for ambassadors */
.ambassadorStatus .mainLinks {
	clear: both;
	text-align: center;
	padding: 25px 0 80px;
}
	.ambassadorStatus .mainLinks a:link,
	.ambassadorStatus .mainLinks a:visited {
		display: block;
		margin: 10px auto;
		padding: 15px 0;
		width: 160px;

		font-size: 15px;
		text-decoration: none;
		color: #4c4c4c;
		background-color: #fdfdfd;
	}

	.ambassadorStatus .mainLinks a:hover {
		background-color: #505050;
		color: white;
	}