/*	CSS file for gosmithsonian.com V 1.0, Author:	Net Theory, http://www.nettheory.com/ */
/* 	*** CALENDAR / ITINERARY SHEET ***	This stylesheet is ONLY for elements that appear on the calendar and itinerary pages. */
/* Structure ------------------------------------ override the font-size from global.css -- otherwise fonts are too big here */
h2 { font-size: 1.6em; }
#calendarInfoArea { margin: 20px 0; width: 970px; float: left; }
	#calendarInfo { float: left; width: 70%; text-align: left; position: relative; }
	#calendarLinks { margin-top: 1.9em; width: 260px; float: right; }
	#itineraryInfo { margin-left: 105px; float: left; width: 418px; text-align: left; position: relative; }
		.moreInfoTrigger { color: #00a0c6; cursor: pointer; }
		#moreCalendarInfo,
		#moreItineraryInfo { padding: 10px; padding-bottom: 0; width: 280px; height: auto; position: absolute; border: 1px solid #333; border-top: 1px solid #999; border-left: 1px solid #999; background-color: #c8eeff; z-index: 100; }
		#calendarLinks li { position: relative; z-index: 0; }
			#calendarLinks li a { z-index: inherit; }
		#moreCalendarInfo p,
		#moreItineraryInfo p { margin-bottom: .8em; }
		#moreCalendarInfo { top: 3em; left: -3em; }
		#moreItineraryInfo { top: 20%; left: -35%; }
body#calendar #calendarArea ul, body#calendar #calendarArea ol,
body#itinerary #calendarArea ul, body#itinerary #calendarArea ol { font-size: 1em; }
#miniCalContainer { margin-right: 20px; margin-bottom: 20px; width: 210px; float: left; }
#minical-body { /* font-size: 76%; */ }
#minical-body h5 { font: bold 1em Verdana, Arial, sans-serif; text-align: center; }
#miniNextPrev { margin-top: -1.4em; margin-bottom: .5em; float: left; font-weight: bold; width: 210px; }
	#miniPrev { float: left; }
	#miniNext { margin-right: 8px; float: right; }
#minical { margin: 0; width: 210px; list-style: none; padding: 0; font: 1em Verdana, Arial, sans-serif; float: left; clear: left; }
#minical li { margin: 1px; padding: 0; background-color: #e5e5e5; float: left; text-align: center; }
#minical li.gray a { color: #999; }
#minical li.weekday { font-weight: bold; border-top: 1px solid #000; padding-top: 2px; padding-bottom: 2px; width: 27px; }
#minical li.selected  { background-color: #f7f68f; }
#minical li.selectedgray  { background-color: #f7f68f; }
#minical a { display: block; padding-top: 2px; padding-bottom: 2px; width: 27px; }
#minical a.selectedgray  { color: #aaaaaa; }
#minical a.gray  { color: #aaaaaa; }
#calendarHead { float: left; }
	#eventFilters { margin-bottom: .5em; float: left; width: 740px; }
		#eventFilters li { cursor: pointer; }
        #eventFilters li span { display: block; float: left; width: 14px; height: 14px; background: transparent url(http://media.gosmithsonian.com/designimages/checkbox_ON.gif) 0 50% no-repeat; }
        #eventFilters li.filterOn span { display: block; float: left; width: 14px; height: 14px; background: transparent url(http://media.gosmithsonian.com/designimages/checkbox_OFF.gif) 0 50% no-repeat; }
		#eventFilters h5 { margin-bottom: .5em; font-size: 1em; }
		ul#filterOptions { width: 740px; float: left; font-size: 9px; }
		ul#filterOptions li { margin-right: 4px; margin-bottom: 5px; width: 87px; float: left; }
		ul#filterOptions li input { margin-right: 3px; }
		#filterOptions li label { margin-left: 15px; display: block; }
	#next-prev { margin-bottom: .6em; padding-top: .5em; border-top: 1px solid #c9c9c9; clear: left; float: left; width: 730px; }
		#next-prev li { text-transform: uppercase; font-size: .9em; letter-spacing: .05em; }
			#next-prev .next { float: right; }
			#next-prev .prev { float: left; }
				#next-prev .next a { color: #7f7f7f; padding-right: 14px; background: transparent url(http://media.gosmithsonian.com/designimages/arrow-right.gif) 100% 50% no-repeat; }
				#next-prev .prev a { color: #7f7f7f; padding-left: 14px; background: transparent url(http://media.gosmithsonian.com/designimages/arrow-left.gif) 0 50% no-repeat; }
	.dayNames { float: left; clear: both; width: 730px; }
	.dayNamesBottom { padding-left: 230px; float: left; clear: both; width: 740px; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; background: transparent url(http://media.gosmithsonian.com/designimages/calendar-tile.gif) top left repeat-y; }
		.dayNamesBottom h5 { border: none; }
	.currentMonth { margin-bottom: 0; padding-top: .5em; font-size: 1em; clear: left; border-top: 1px solid #c9c9c9; }
	.datelist { margin-top: 5px; margin-left: 1px !important; float: left; width: 730px; }
		.datelist li { margin-right: 3px; margin-bottom: 5px; float: left; width: 71px; }
			.datelist li span { /*float: right;*/				font-size: 1.8em; margin-right: .2em; }		
		.dayWeather { margin: 0 !important; margin-top: 3px !important; clear: right !important; color: #999; font-size: .9em; width: 65px !important; line-height: 1em; }
#calendarArea { clear: left; float: left; width: 970px; overflow: hidden; }
body#itinerary #calendarArea { /*	border-top: 1px solid #c9c9c9;*/ }
	#calendarPrimary { background: transparent url(http://media.gosmithsonian.com/designimages/calendar-tile.gif) top left repeat-y; font-size: 1em; border-top: 1px solid #c9c9c9; }
		#calendarPrimary li { padding: 3px 0 10px 0; clear: both; float: left; width: 970px; }
		#calendarPrimary li.odd 	{ background: transparent url(http://media.gosmithsonian.com/designimages/calendar-tile.gif) top left repeat-y; }
		#calendarPrimary li.even 	{ background: #eee url(http://media.gosmithsonian.com/designimages/calendar-tile.gif) top left repeat-y; }
			.eventMuseumName { margin-top: -3px; padding: 3px 0 3px 10px; width: 210px; float: left; display: inline; cursor: pointer; }
			.cafeList { color: #666; float: left; width: 190px; }		
			.cafeList li { padding-bottom: 0 !important; line-height: 1em; width: 190px !important; }				
					.cafeList li span { color: #f18787; text-transform: uppercase; }		
		div.selected { background: #fcf0a1; }		
		.eventMuseumName h4 { font-size: 1em; }				
				.museumFlyout { position: absolute; width: 420px; height: 280px; z-index: 1000; background: transparent url(http://media.gosmithsonian.com/designimages/drop-shadow_museum.png) bottom right no-repeat; }
					.museumFlyoutCore { width: 410px; height: 270px; background: #fff; border: 1px solid #bfbfbf; overflow: auto; }
						.museumDetails { margin: 10px; }
							.museumFlyout li { margin-bottom: 5px; padding: 0 !important; width: 350px !important; }
							h3 { font-size: 1.2em; }
							.museumDesc { color: #a3a3a3; }
							.museumDetailExhibit { margin: 1.4em 0 2em 0; padding-top: .5em; float: left; width: 370px; border-top: 1px dashed #999; }
							.museumDetailExhibit h4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; }
							.museumDetailExhibit ul { float: left !important; }
							.museumDetailExhibit ul li { border-bottom: none !important; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; }
							.food { color: #f00; }
							.museumDetailMap { margin: 1.4em 0; padding-top: .5em; clear: left; border-top: 1px dashed #999; }		
		div.eventlist { /* margin-left: 230px;*/ float: right; width: 740px !important; }		
		div.eventlist .itineraryEntry { margin-bottom: 3px; padding: 0 !important; clear: none !important; border-bottom: none !important; height: 16px !important; overflow: hidden; }
			div.eventlist div.Sunday		{ padding-left: 0 !important; width: 740px !important; }
			div.eventlist div.Monday 		{ padding-left: 74px !important; width: 666px !important; }
			div.eventlist div.Tuesday 	{ padding-left: 148px !important; width: 592px !important; }
			div.eventlist div.Wednesday { padding-left: 222px !important; width: 518px !important; }
			div.eventlist div.Thursday 	{ padding-left: 296px !important; width: 444px !important; }
			div.eventlist div.Friday 		{ padding-left: 370px !important; width: 370px !important; }
			div.eventlist div.Saturday 	{ padding-left: 444px !important; width: 296px !important; }
			div.eventlist div.Sunday2 	{ padding-left: 518px !important; width: 222px !important; }
				div.eventFlag { margin-right: 3px; padding-right: 3px; width: 70px; float: left; text-align: right; position: relative; z-index: 0 !important; cursor: pointer; }
				div.eventdetail { position: absolute; width: 310px; height: 260px; background: transparent url(http://media.gosmithsonian.com/designimages/drop-shadow.png) bottom right no-repeat; z-index: 1000 !important; display: inline; }
					div.eventDetailCore { margin-right: 10px; margin-bottom: 10px; width: 300px; height: 250px; overflow: auto; text-align: left; background-color: #fff; border: 1px solid #808080; }
						.addEventLink { margin-right: 10px; float: right; width: 15em; position: relative; text-transform: uppercase; font-size: 1.1em; text-align: right; }
							.addEventLink a { display: block; }					
						.eventDetails { margin: 10px; }
							body#calendar #calendarArea a:link { color: #00a0c6 !important; }
							body#calendar #calendarArea a:visited { color: #00a0c6; }
							.eventDetails .eventFlag { }
							.eventDetails p { margin-bottom: .8em; clear: both; font-size: 1.1em; line-height: 1.2em; }
							.eventDetails p.removeBottom { margin-bottom: 0; }
			.inItinerary { background: #f7f68f; }

		/* eventFlag colors */
		.Family				{ background: #bddee1; }
		.Lecture			{ background: #cd82bc; } 
		.Performance	{ background: #beaed4; }
		.Demo					{ background: #abd74c; }
		.Film					{ background: #f4f25f; }
		.Workshop			{ background: #f07db5; }
		.Tour					{ background: #91a6c6; }
		.Culinary			{ background: #c9a999; }
		.Other			{ background: #c9a999; }
		.Museum				{ background: #cccccc; }

/* Itinerary ------------------------------------ */
#itineraryOptions { margin-left: 210px; float: left; width: 760px; background: transparent url(http://media.gosmithsonian.com/designimages/itineraryOptions_tile.gif) 0 50% repeat-x; border-bottom: 1px solid #666; }
	#itineraryOptions li { float: right; padding: .2em 1em; border-left: 1px solid #e5e5e5; border-right: 1px solid #cccccc; }
	#itineraryOptions li.button { color: #fff; background: transparent url(http://media.gosmithsonian.com/designimages/itineraryOptions_button.gif) 0 50% repeat-x; cursor: pointer; }
	#itineraryOptions li.button:hover,
	#itineraryOptions li.over { background: transparent url(http://media.gosmithsonian.com/designimages/itineraryOptions_button-R.gif) 0 50% repeat-x; text-decoration: underline; }
#itineraryMain { width: 760px; float: left; background: transparent url(http://media.gosmithsonian.com/designimages/itinerary-tile.gif) top left repeat-y; border-top: 1px solid #c9c9c9; }
#itineraryMain li { width: 760px; float: left; clear: left; border-bottom: 1px solid #bbb; }
	.itineraryLeft { width: 210px; float: left; padding-bottom: 20px; }
		.itineraryLeft h3 { font-size: 1em !important; /* IE wasn't getting this without the !important */ }
		.dayDate { float: left; width: 80px; }
			.dayDate h3 { font-size: 1em; }		
		.dayDate h4 { font-size: 1.4em; font-weight: normal; line-height: 1em; }
		body#itinerary .dayWeather { margin-left: 100px !important; width: 80px; color: #999; }
	.dayEvents {   padding: 0px 0px 20px 0px; width: 550px; float: left; display: inline !important; }
	.dayEvents .itineraryEntry { margin-bottom: 3px !important; width: 550px !important; float: left; border: none !important; }
	#unscheduledList .draggable { }
	.emptyMuseums { font-size: .9em; color: #666; }
		.dayEvents .itineraryEntry .eventFlag,	
		#unscheduledList .draggable .eventFlag { cursor: move; }
		.dayEvents .hidden { display: none; }
.dayEvents .actionButtons { margin-left: 8px; width: 50px; display: inline; opacity: 0.3; -moz-opacity: 0.3; filter:alpha(opacity=30);
/*	display: none;*/ }
.itineraryEntry:hover .actionButtons,
.dayEvents div.over .actionButtons { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); /*	display: inline;*/ }
	.actionButtons a { margin-left: 3px; }	
#itineraryLeftColumn { margin-right: 30px; width: 180px; float: left; clear: both; }
	#itineraryLeftColumn h3 { margin-bottom: .3em; font-size: 1.1em; }
	#itineraryLeftColumn .dayEvents { width: 180px !important; }
		.museumIndent { margin-left: 75px; }
		#itineraryLeftColumn .itineraryEntry { margin-bottom: 10px !important; width: 180px !important; }
			#itineraryLeftColumn .itineraryEntry .eventFlag { padding-top: 2px; padding-bottom: 2px; }		
		#itineraryLeftColumn .actionButtons { margin-left: 0; clear: left; display: block; }		
		#itineraryLeftColumn .itineraryEntry .detail { float: left; }
			#itineraryLeftColumn .itineraryEntry .detail,
			#itineraryLeftColumn .itineraryEntry .museumDetailExhibit { color: #666 !important; width: 180px !important; }		
		#itineraryMain .detail { margin-left: 76px; }		
		#itineraryLeftColumn .museumDesc { font-size: 8px !important; margin-bottom: 0; }		
		#itineraryLeftColumn .museumDetailExhibit { color: #666 !important; font-size: 8px !important; }		
		#itineraryLeftColumn .itineraryEntry .museumDetailExhibit li { width: 180px !important; }		
#notesHead { padding-top: .2em; clear: left; border-top: 1px dashed #999; }
	.noteField { padding: 3px; height: 20em; overflow: auto; background: #c8eeff; cursor: text; }
	.noteFieldEdit { padding: 3px; overflow: auto; background: #c8eeff; cursor: text; font: 1em Verdana, Arial, sans-serif; }
	.noteField:focus { border: 1px solid #00a0c6; }
	.submitButton { margin-top: 5px; border: 1px solid #00a0c6; padding: 3px 5px; font: .9em Verdana, Arial, sans-serif; background-color: #fff; }
	.submitButton:hover { background-color: #c8eeff; }