/* Header Override
------------------------------------------------------------------------- */
#event {
	margin: 0px auto 0px auto;
}

#event .title h1 {
	font-size: 20px;
	font-weight: normal;
	border-bottom: 2px solid #999999;
	border-image: linear-gradient(to right, #fff 0%, #999999 10%, #999999 90%, #fff 100%);
	border-image-slice: 1;
	padding: 20px 0px 20px 0px;
	margin: 0px auto 20px auto;
	text-align: center;
	width: 80%;
}

#event p {
	text-align: center;
}

#event table {
	margin: 20px auto 20px auto;
	border-collapse: collapse;
	font-size: 14px;
	min-width: 880px !important;
	width: 70%;
}

#event table th {
	background-color: #f6f6f6;
	font-weight: normal;
	width: 200px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #dddddd;
}

#event table .alert {
	font-weight: bold;
	color: #ff0000;
}

#event table td {
	padding: 10px 16px 10px 10px;
	border: 1px solid #dddddd;
}

#event table td label {
	display: block;
	margin: 4px 0px 4px 0px;
}

#event table td input[type='text'] {
	display: block;
	width: 400px;
}

#event table td input[name='name'] {
	width: 300px;
}

#event table td select {
	display: block;
	width: 100px;
	height: 30px;
}

#event table td textarea {
	display: block;
	width: 100%;
	height: 300px;
}

#event table td input[type='checkbox'] {
	vertical-align: baseline;
}

#event form p {
	margin: 0px 0px 16px 0px;
}

/* Buttons
------------------------------------------------------------------------- */
ol[class*="buttons_"] {
	text-align: center;
	margin: 20px 0px 80px 0px;
}

ol[class*="buttons_"] li {
	display: inline-block;
}

ol[class*="buttons_"] li a {
	display: block;
	text-align: center;
	letter-spacing: 4px;
	color: #333333;
	background-color: #f6f6f6;
	font-size: 14px;
	padding: 2px 24px 2px 24px;
	border: 1px solid #dddddd;
	line-height: 40px;
}

ol[class*="buttons_"] li a:hover {
	background-color: #eeeeee;
}