/* HOVER MENU MODAL */
.menu-arrow { background: url(../images/arrow.png) no-repeat; padding: 10px 20px; position: absolute;
			z-index: 9999; display: none; top: 15px; }
#arrow-2 { left: 90px; }
#arrow-3 { left: 40px; }
#arrow-4 { left: 40px; }
#arrow-5 { left: 40px; }
#arrow-6 { left: 30px; top: 17px; }
#arrow-7 { right: 0; }

.overlay { position: fixed; left: 0; width: 100%; height: 100%; opacity: 0; bottom: -137px; background: url(../images/bg-fade.png) repeat; display: none; transition: opacity 1s; -webkit-transition: opacity 1s; }
	.menu-content-box { padding: 20px 0; }
#hover-2 .menu-content-box { position: relative; width: 90%; margin: 0 auto; z-index: 9999; }
#hover-1 .menu-content-box { width: 84%; position: relative; margin: 0 auto;
							z-index: 9999; }
#hover-3 .menu-content-box { width: 89%; position: relative; margin: 0 auto;
							z-index: 9999; }
#hover-4 .menu-content-box, #hover-5 .menu-content-box, #hover-7 .menu-content-box,
#hover-6 .menu-content-box, #hover-8 .menu-content-box { width: 96%; position: relative; margin: 0 auto; z-index: 9999; }
#hover-6 { height: 100% !important; }
#hover-6 .menu-container-wrap { border: none !important; }
	.menu-container-wrap { background: #fff; z-index: 9999; width: 100%; position: relative; border: 2px solid #000; text-align: center; }
#hover-7 { position: fixed; bottom: -156px; left: 0; width: 100%; height: 100%; opacity: 0; display: none; z-index: 1; background: url(../images/bg-fade.png) repeat; }
#extras { cursor: pointer; }
.show-modal { display: block !important; opacity: 1 !important; z-index: 11 !important; }
	.hover-box { display: inline-block; vertical-align: top; text-align: left; }
	.hover-box b { font-family: sans-serif; }

#hover-1 .hover-box, #hover-2 .hover-box,
#hover-3 .hover-box { width: 12%; margin: 0 10px; }
#hover-4 .hover-box, #hover-5 .hover-box { width: 10%; margin: 0 10px; }
#hover-6 .hover-box { width: 8%; margin: 0 10px; }
#hover-8 .hover-box { width: 8%; margin: 0 1%; }
#hover-7 .extras-inner-left .hover-box { width: 16%; margin: 0 5px; }
#hover-7 .extras-inner-right .hover-box { width: 30%; margin: 0 5px; }

.menu-container-wrap .popup-title { font-size: 30px; text-align: left; margin-bottom: 0; }
.menu-container-wrap .sub { font-size: 18px; text-align: left; margin: 0; font-family: Georgia; }
#hover-7 .menu-container-wrap .popup-logo { width: 75% !important; }
#hover-3 .popup-title { padding: 0 0 0 28px; }
#hover-5 .popup-title { padding: 0 0 0 50px; }
#hover-7 .popup-title { padding: 0 0 0 20px; }

	.popup-title a { color: #000; text-decoration: none; }

#hover-1 .arrow { margin-left: 38%; position: relative; }
#hover-2 .arrow { margin-left: 45%; position: relative; }
#hover-3 .arrow { margin-right: 32%; position: relative; }
#hover-4 .arrow { margin-right: 23%; position: relative; }
#hover-5 .arrow { margin-right: 21%; position: relative; }
#hover-6 .arrow { margin-right: 5%; position: relative; }

#hover-1 .popup-logo { margin: 20px 0 0 23px; }
#hover-4 .popup-logo { margin: 20px 0 0 45px; }
#hover-6 .popup-logo, #hover-8 .popup-logo { margin: 20px 0 0 38px; }

#hover-3 .hover-box .box-title { height: 40px; }
#hover-4 .hover-box .box-title { height: 40px; }
#hover-5 .hover-box .box-title { height: 40px; }
#hover-6 .hover-box .box-title { height: 40px; }
#hover-7 .extras-inner-left .box-title { height: 40px; }

#hover-1 .sub { padding: 0 0 0 24px; }
#hover-2 .sub { padding: 0 0 0 32px; margin: 20px 0 0 0; }
#hover-3 .sub { padding: 0 0 0 29px; }
#hover-4 .sub { padding: 0 0 0 50px; }
#hover-5 .sub { padding: 0 0 0 51px; }
#hover-6 .sub, #hover-8 .sub { padding: 0 0 0 45px; }
#hover-7 .sub { padding: 0 0 0 21px; }

.hover-box h4 { font-family: 'Arial', serif; margin: 10px 0; }
.hover-box p { margin: 10px 0; font-size: 14px; }
.hover-box a { color: #000; text-decoration: none; }
.hover-box a:hover { text-decoration: underline; }

.inner-wrap { position: relative; width: 100%; margin: 0; padding: 0; }
.scrolling-wrap { position: relative; width: 100%; margin: 0; padding: 0; background: #fff;
					border: 2px solid #000; }

.exit-modal { cursor: pointer; position: absolute; top: 0; right: 0; }

/* SOUTH PASADENA */
	.menu-container-wrap .extras-inner-left { margin: 0 0 20px 10px; }
	.menu-container-wrap .extras-inner-left,
	.menu-container-wrap .extras-inner-right { max-width: 48%; width: 100%; padding: 0; }
	.menu-container-wrap .south-psdn { width: 100%; background: #bfffdc; }

/* EVENTS MENU MODAL */
#hover-2 .hover-box { display: inline-block; width: 31%; margin: 0 3px; padding: 0; *display: inline; zoom: 1; }
.white-wrap { position: relative; margin: 0; padding: 0; width: 40%; text-align: center; }
.gray-wrap { background: #eeeeef; margin: 20px 0 20px 20px; padding: 0; width: 55%; }
.gray-wrap h1 { font-family: Georgia; font-weight: normal; margin: 5px 0 0 5px; }
.gray-wrap .event-logo { margin: 0; line-height: 78px; }
.gray-wrap .event-logo a { text-decoration: none; font-family: Georgia; color: #000; }
	.calendar { position: relative; width: 48%; margin: 0; padding: 0; }
	.today-list { position: relative; width: 50%; margin: 0; padding: 0; }
	.today-list { text-align: left; }
	.calendar-wrap { width: 100%; height: 232px; }
	.calendar-wrap iframe, .calendar-wrap object { width: 100%; height: 100%; }
	.today-list ul { list-style-type: none; margin: 0; padding: 0; width: 100%; }
	.today-list ul li { display: inline-block; margin: 0; padding: 0; vertical-align: top; *display: inline; zoom: 1; }
	.today-list ul li:nth-child(odd) { width: 45%; margin-right: 2%; text-align: right; }
	.today-list ul li:nth-child(even) { width: 48%; }
	.today-list ul li, .today-list a { font-family: Georgia; font-size: 14px; }
	.today-list a, #link a { text-decoration: none; color: #000; }
	.today-list a:hover, #link a:hover { text-decoration: underline; }
	#link a { margin-right: 15px; }

	.event-search-wrap { position: relative; margin: 20px 0 0 0; padding: 5px 5px 20px 5px; width: 100%; 
						border-top: 15px solid #fff }
	.event-search-wrap p { margin: 0; font-family: Georgia; }
	.event-search-wrap div { vertical-align: bottom; text-align: left; }
	.event-search-wrap .event-text { margin: 5px 20px 0 0; }
	.event-search-wrap .event-text p { font-size: 25px; }
	.event-search-wrap .event-textfield span,
	.event-search-wrap .event-date span { font-size: 20px; }
	.event-search-wrap .event-textfield span.searching { font-size: 11px; font-family: Arial;
														margin: 0 20px 0 0; }
	.event-search-wrap .event-textfield input[type="text"] { padding: 11px 130px 11px 8px; border: 0; }
	.event-search-wrap .event-textfield .toggle-wrap { position: absolute; background: #9c9d9d; top: 32px;
														left: 237px; padding: 0; opacity: 0.5 }
	.event-search-wrap .event-textfield select { border: 0; -webkit-appearance: none; overflow: hidden;
											-moz-appearance: none; text-indent: 0.01px; text-overflow: ""; }
	.event-search-wrap .event-textfield select { padding: 7px; font-family: Arial; font-size: 13px;
					background: url(images/searching-icon.png) no-repeat center right, rgb(156, 156, 157); }
	.event-search-wrap .event-date { margin: 0 0 0 25px; }
	.event-search-wrap .toggle-date { text-align: left; background: transparent; position: relative; }
	.event-search-wrap .toggle-date input[type="text"] { padding: 11px 0px 11px 5px; border: 0; }
	.event-search-wrap .toggle-date #toggleButton-panel:hover { cursor: pointer; }
	.event-search-wrap .toggle-date #toggleButton-panel { background: transparent; border: 0;
									position: absolute; top: 0; right: 4px; padding: 5px 1px;
									text-decoration: none; }
	.event-search-wrap #toggle-list-panel { list-style-type: none; margin: 0; padding: 0; display: none;
						background: #fff; position: absolute; bottom: -163px; left: 0; width: 100%;
						text-align: left; z-index: 10; }
	.event-search-wrap #toggle-list-panel li { display: block; width: 100%; padding: 5px 0; }
	.event-search-wrap #toggle-list-panel li a { font-family: Arial; padding: 0 10px; font-size: 15px; }
	.event-search-wrap #toggle-list-panel li:hover { background: #000; color: #fff; cursor: pointer; }
	.event-search-wrap #date-range-panel { position: absolute; top: 0; left: -37px; width: 100%;
									display: none; z-index: 10; background: transparent; }
	.event-search-wrap #date-range-panel input[type="text"] { padding: 11px 30px 11px 10px; border: 0; }
	.event-search-wrap #date-range-panel #datepicker3 { padding: 11px 0 11px 10px; }
	.event-search-wrap input[type="submit"] { border: none; padding: 11px 16px; position: relative; float: left;
						top: 24px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; color: transparent;
						background: url(images/search-2.png) no-repeat center, rgb(255, 255, 255); }
	.event-search-wrap input[type="submit"]:hover { cursor: pointer; }

/*ADS */
.ad-wrapper { text-align: center; display: block; position: relative; width: 100%; padding: 0;
				margin: 0; }
.ad-box { display: inline-block; margin: 30px 5px; padding: 0; }
.ads { display: inline-block; padding: 0; margin: 0 10px 20px 10px; }
.ads img { width: auto; }