/* CSS Document */

#mapCanvas {
	position: absolute;
	top: 200px;
	width: 360px;
	height: 300px;
	border: 1px #333 solid;
	margin: 80px 10px 0 550px;
}

.pressListTitle {
	font-weight: bold;
	color: #333;
}

.pressListSource {
	font-style: italic;
}

#pressList li {
	margin: 10px 0 30px 0;
}

.contactBox {
	padding: 20px;
	border: 1px solid #CCC;
	width: 700px;
	margin: 10px auto 5px auto;
	font-size: 18px;
	color: #999;
}

#contactSendEmail textarea {width: 685px;}
#contactSendEmail li {padding: 6px 0 6px 0;}
#contactSendEmail select {height: 37px; width: 300px;}
#contactSendEmail li span {font-size: 13px;}

.contactBox a {
	color: #009cff;
}

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

#contactIntro {
	margin: 0 auto 30px auto;
}

.pressListText {
	height: 75px;
	overflow: hidden;
}

.faqQuestion {
	display: block;
}

.faqAnswer {
	display: none;
	margin: 10px auto 10px auto;
	color: #999;
}

#loginBox {
	margin: 20px auto 30px auto;
}

#loginBox label {
	display: block;
	margin-top: 15px;
	margin-bottom: 5px;
}

#remindPwdBox p {
	margin: 20px auto 30px auto;
}

.features {
	background:url(/public/images/common/bg-features.gif);
	height:327px;
	padding:20px;
	position:relative;
}

	.curve-left, .curve-right {
		display:block;
		height:367px;
		position:absolute;
		top:0px;
		width:10px;
	}

	.curve-left {
		background:url(/public/images/common/curve-features.gif) 0 0;
		left:0px;
	}
	.curve-right {
		background:url(/public/images/common/curve-features.gif) right 0;
		right:0px;
	}

	.box-employee,
	.box-waitpal {
		height:295px;
		position:relative;
		width:450px;
	}

		.features h3 {
			background:url(/public/images/common/curve-features-content.gif) no-repeat 0 -44px;
			bottom:0px;
			color:#fff;
			font-size:21px;
			padding-left:5px;
			position:absolute;
			text-align:center;
			text-transform:uppercase;
			width:445px;
		}

			.features h3 span {
				background:url(/public/images/common/curve-features-content.gif) no-repeat right -88px;
				display:block;
				padding-right:5px;
			}

				.features h3 span strong {
					background:url(/public/images/common/curve-features-content.gif) repeat-x 0 0;
					display:block;
					height:33px;
					padding:11px 0 0;
				}

		.features ol {
			background:url(/public/images/common/box-transparent.png);
			height:128px;
			list-style:decimal;
			padding:10px 20px;
			position:absolute;
			width:186px;
		}
		* html .features ol { height:104px; padding:24px 20px 20px; }

			.features ol li {
				color:#000;
				font-size:16px;
				margin:10px 0 10px 20px;
			}

		.features a {
			background:url(/public/images/common/btn-signup.png);
			display:block;
			color:#fff;
			font-size:17px;
			height:43px;
			padding:5px 0 0;
			position:absolute;
			text-align:center;
			width:226px;
		}

		.features a:hover { color:#ffecd4 }

			.features a strong {
				font-size:21px;
				font-weight:bold;
			}

			.features a span {
				display:block;
				font-size:13px;
			}

	.box-employee {
		background:url(/public/images/common/bg-box-employee.jpg) no-repeat 0 0;
		float:left;
	}

		.features .box-employee ol {
			right:20px;
			top:24px;
		}

		.features .box-employee a {
			bottom:65px;
			right:20px;
		}

	.box-waitpal {
		background:url(/public/images/common/bg-box-waitpal.jpg) no-repeat 0 0;
		float:right;
	}

		.features .box-waitpal ol {
			left:20px;
			top:24px;
		}

		.features .box-waitpal a {
			bottom:65px;
			left:20px;
		}

	.video {
		float:left;
		width:310px;
	}

		.video div {
			border:1px solid #ccc;
			height:169px;
			padding:4px;
			font-size: 13px;
			text-align: center;
		}

		.video div a{
			color: #009cff;
		}

		.video div a:hover {
			text-decoration: underline;
		}

	.jobExamples {
		margin: 30px auto auto auto;
	}

	.jobExamples p span {text-decoration: underline; color: #CCC;}
	.jobExamples ul {margin: 15px auto 15px auto;}
	.jobExamples ul li {font-size: 24px; color: #CCC; margin: 10px auto 5px 0;}
	.jobExamples p a {color: #009cff; font-size: 12px;}
	.jobExamples p a:hover {text-decoration: underline;}

	.jobCategoriesLink {float: right; margin-top: 5px;}
	.jobCategoriesLink a {color: #009cff; font-size: 14px; font-weight: bold;}
	.jobCategoriesLink a:hover {text-decoration: underline;}

	.press {
		float:right;
		width:578px;
	}

		.press ul {}

			.press li {
				color:#666;
				font-size:12px;
				width:49%
			}

			.larepublica { float:left }
			.ilgiornale { float:right }

				.press li h6 {
					height:27px;
					margin:0 0 15px;
					text-indent:-9999px;
				}

				.larepublica h6 { background:url(/public/images/common/logo-larepublica.gif) no-repeat;}
				.ilgiornale h6 { background:url(/public/images/common/logo-ilgiornale.gif) no-repeat; }

				.press li p {
					line-height:20px;
				}

					.press li a { color:#009cff }
					.press li a:hover { text-decoration:underline }

		.follow-subscribe {
			background:url(/public/images/common/curve-follow.gif) repeat-x 0 -76px;
			margin-top:19px;
		}

			.follow-subscribe p {
				background:url(/public/images/common/curve-follow.gif) no-repeat 0 0;
				padding:0 0 0 5px;
			}

				.follow-subscribe p span {
					background:url(/public/images/common/curve-follow.gif) no-repeat right -38px;
					display:block;
					font-size:16px;
					height:38px;
					padding:0 5px 0 0;
					position:relative
				}

					.follow-subscribe p span em {
						display:block;
						font-style:normal;
						width:45%;
					}
					* html .follow-subscribe p span em { display:inline }

						.follow-subscribe p span em strong {
							font-weight:normal;
							display:block;
							float:left;
							padding-top:10px;
						}

						.follow-subscribe p span em a {
							display:block;
							float:left;
							height:29px;
							margin:5px 5px 0;
							text-indent:-9999px;
							width:29px;
						}

						.follow-subscribe p span em a.tweeter {
							background:url(/public/images/common/icon-follow.gif);
						}

						.follow-subscribe p span em a.fb {
							background:url(/public/images/common/icon-follow.gif) 0 -29px;
						}

						.follow-subscribe p span em a.rss {
							background:url(/public/images/common/icon-follow.gif) 0 -58px;
						}

					.follow-subscribe p span em.follow {
						float:left;
						margin-left:10px;
					}

					.follow-subscribe p span em.subscribe {
						float:right;
						width:22%
					}

/* HOW IT WORKS */
#howItWorksEmployer ol, #howItWorksEmployer ol {
	list-style-type: decimal;
	list-style-position:inside;
}
#howItWorksEmployer p, #howItWorksEmployer p {
	margin: 10px auto 10px auto;
}
#howItWorksEmployer a, #howItWorksEmployer a {
	color:#009cff;
}
#howItWorksEmployer a:hover, #howItWorksEmployer a:hover {
	text-decoration:underline;
}

/* FAQ */
#faqQuestions ul li {
	margin: 7px auto 7px auto;
}

/* LEGAL DOCS */
div.legal a {
	color: #009cff;
}

div.legal a:hover {
	text-decoration: underline;
}

/* CATEGORY LIST */
div.jobCategoriesGroup {float: left; width: 250px;}
div.lastInRow {clear: left;}
div.jobCategoriesGroup h5 {font-size: 14px;}
div.jobCategoriesGroup ul li {margin: 5px auto 5px 0; font-size: 10px;}