/* vPunch Style Sheet */

body {
	background: #fff url('/images/publicitem/vpunch-bg.jpg') fixed repeat-x;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	margin: 0;
	padding: 1px 0 0 0;
	text-align: left;
}

.clear {
	clear: both;
}

#container {
	background-color: #fff;
	margin: 0 auto;
	padding-bottom: 20px;
	width: 975px;
}

#header {
	border-bottom: 29px solid #01847e;
	margin: 0;
	padding: 0;
	width: 975px;
}

	#header h1 {
		background: #fff url('/images/publicitem/vpunch-header-bg.jpg') repeat-x;
		margin: 0;
		padding: 0;
	}

	#header h1 a {
		background: transparent url('/images/publicitem/drawerLogo.gif') no-repeat;
		display: block;
		height: 72px;
		text-indent: -99999px;
		width: 173px;
	}

#content {
	margin: 0 auto 30px auto;
	padding: 0;
	width: 731px;
}

	#content h2 {
		background: transparent url('/images/publicitem/content-header.jpg') no-repeat;
		border-bottom: 7px solid #fff;
		color: #fff;
		font-size: 1em;
		margin: 0;
		padding: 5px 14px 5px 19px;
		width: 698px;
	}

	#content .intro h2 {
		background-image: url('/images/publicitem/vpunch-title.jpg') !important;
		border: none !important;
		height: 49px;
		margin-top: 20px;
		padding: 0 !Important;
		text-indent: -99999px;
		width: 385px
	}

	#content .intro p {
		color: #4186af;
		font-size: 1.3em;
		padding-left: 10px;
		padding-right: 10px;
	}

	#content .intro p.lead {
		font-size: 1.5em;
	}

	#content .vpunch-register {
		padding: 5px 0 20px 10px;
	}

	#content #vpunch-register {
		float: left;
		background: transparent url('/images/publicitem/vpunch-register.jpg') no-repeat;
		width: 313px;
		height: 40px;
		padding: 8px 0 0 15px;
	}

		#vpunch-register .vpunch-entry {
			height: 16px;
			width: 105px;
			padding: 0;
			margin: 0 3px 0 0;
			background-color: #fff;
			color: #898686;
			border: 1px solid #898686;
		}

		#vpunch-register .vpunch-submit {
			background: transparent url('/images/publicitem/vpunch-signin.jpg') 0px 1px no-repeat;
			width: 53px;
			height: 17px;
			border: none;
			text-indent: -99999px;
			cursor: pointer;
		}

		.vpunch-register-prompt {
			float: left;
			color: #01847e;
			font-size: 1.4em;
		}

			.vpunch-register-prompt a,
			.vpunch-register-prompt a:visited {
				color: #b84a26;
			}

	#content .entry {
		background-color: #ededed;
		padding: 20px 20px;
	}

		#content .entry-logo {
			float: left;
			height: 275px;
			width: 265px;
		}

		#content .entry-info {
			padding-left: 280px;
			width: 400px;
		}

		#content .entry-info h3 {
			border-bottom: 1px dotted #000;
			color: #b84a26;
			font-size: 1.6em;
			padding: 0 0 5px 5px;
		}

		#content .entry-info p {
			font-size: 1.2em;
			padding: 0 0 5px 5px;
		}

		#content .entry-info .entry-details {
			border-top: 1px dotted #000;
			font-size: 1.4em;
			padding: 5px 0 5px 5px;
		}

			#content .entry-info .entry-details address,
			#content .entry-info .entry-details city,
			#content .entry-info .entry-details state,
			#content .entry-info .entry-details zip,
			#content .entry-info .entry-details phone {
				font-style: normal;
				font-weight: bold;
			}

			#content .entry-info .entry-details phone {
				display: block;
				color: #b84a26;
				padding: 20px 0 5px 0;
			}

			#content .entry-info .entry-details ul {
				color: #3f87b0;
				list-style: none;
				margin: 0;
				padding: 0;
			}

				#content .entry-info .entry-details li {
					float: left;
					padding: 0px 15px 0 0;
				}

				#content .entry-info .entry-details ul li a {
					color: #3f87b0;
					font-weight: normal;
				}

	.card-tab {
		clear: both;
		list-style: none;
		margin: 0;
		padding: 0;
	}

		.card-tab li {
			float: left;
			background-color: #fff;
			padding: 5px 8px;
		}

	.vpunch-card-details {
		clear: both;
		background-color: #fff;
		padding-bottom: 20px;
	}

	.vpunch-card-details .vpunch-card-section {
		float: left;
		width: 422px;
		padding: 12px 0 0 5px;
	}

		.vpunch-card-header {
			background: transparent url('/images/publicitem/vpunch-card-header.jpg') top left no-repeat;
			margin: 0;
			padding: 0;
			width: 416px;
		}

			.vpunch-card-header p {
				margin: 0;
				padding: 0;
			}

				.vpunch-card-value {
					color: #3f87b0;
					text-align: right;
					font-size: 2.4em;
					font-weight: bold;
					padding: 22px 50px 0 0 !important;
				}

				.vpunch-card-company {
					background-color: #3f87b0;
					color: #fff;
					font-size: 1.8em;
					margin: 20px 0 0 1px !important;
					padding: 5px 0 !important;
					text-align: center;
					width: 402px;
				}

		.vpunch-card-footer {
			position: relative;
			background: transparent url('/images/publicitem/vpunch-card-footer.jpg') bottom left no-repeat;
			height: 170px;
			margin: 0 !important;
			padding: 0 !important;
			width: 416px;
		}

			.vpunch-card-punches {
				margin: 0;
				padding: 8px 0 0 30px;
				list-style: none;
			}

				.vpunch-card-punches li {
					float: left;
					width: 40px;
					height: 40px;
					background-color: #fff;
					border: 1px solid #000;
					margin: 0 30px 0 0;
					text-indent: -99999px;
				}

				.vpunch-card-punches .vpunch-card-slot-selected {
					background: #fff url('/images/publicitem/vpunch-card-punch.jpg') no-repeat;
				}

			.vpunch-card-punches-info {
				position: absolute;
				bottom: 0;
				left: 20px;
				text-align: center;
				width: 360px;
				padding: 10px 0 5px 0;
				font-size: 1.4em;
				border-top: 1px dotted #000;
			}

	.vpunch-card-info {
		width: 250px;
		margin: 20px 12px 0 0;
		float: right;
	}

		.vpunch-card-info h3 {
			border-bottom: 1px dotted #000;
			color: #3f87b0;
			font-size: 1.6em;
			padding: 0 0 5px 5px;
			margin: 0;
		}

		.vpunch-card-info .lead {
			font-weight: bold;
		}

		.vpunch-card-info p {
			padding-left: 5px;
		}

#footer {
	background-color: #b2b0b1;
	border-top: 9px solid #01847e;
}

	#footer ul {
		margin: 0;
		list-style: none;
		padding: 0 0 0 34px;
	}

	#footer ul li {
		float: left;
		border-right: 1px solid #727171;
		margin: 6px 5px 6px 0;
		padding: 0 5px 0 0;
	}

	#footer .privacy {
		border: none !important;
	}

	#footer .copyright {
		border: none !important;
		padding-left: 10px;
	}

	#footer li a {
		color: #000;
		text-decoration: none;
	}

	#footer li a:hover {
		text-decoration: underline;
	}