/* CSS Document */

/* COMMON STYLES FOR CALENDAR DOCS */

/* LIST-VIEW SPECIFIC */

/* CLASS VIEWS */
div.viewClass {font-size: 0.9em; /**/ font-family: Georgia, "Times New Roman", Times, serif}
div ul {list-style: none;padding: 0.7em 0;margin: 0; color:#333333} /**/
div li {margin:0; padding:0;}
div.viewClass li strong {font-weight:bold; font-size:0.9em; color:#3a4552}
div li.cls_daytime strong {font-size:1em; color:#263e5c}
div li.cls_daytime {color:#263e5c}
div li.cls_title {font-weight:bold; font-size: 1.15em; color:#669900} /**/
div li.cls_series {font-size:0.9em; font-style:italic;padding-bottom: 0.6em} /**/
div li.cls_expertise, div li.cls_age{font-style:italic;font-weight:bold;font-size:0.9em;color:#666666; display:inline} /**/
div li.cls_description {padding: 0.7em 170px 0.7em 0}
div li.cls_prerequisites {padding: 0 0 0.7em}
div li.cls_cost_dropin, div li.cls_cost_card {display:inline}
div li.cls_cost_dropin em, div li.cls_cost_card em {font-size: 0.9em}
div li.cls_cost_dropin {padding: 0 4em 0 0}
div li.cls_cost_discount{font-style:italic; padding: 0 0 0.3em 35px; margin: 0.3em 0 0 0; background-image:url(../imgs/bike.gif); background-repeat:no-repeat; background-position:left center} /**/
div li.cls_location {font-size: 0.95em; padding: 0.7em 0 0 0;color:#666666}

	/* INSTRUCTOR VIEW */
div.viewInstructor {font-size: 0.85em; /**/ font-family: Georgia, "Times New Roman", Times, serif}
div li.ins_fname, div li.ins_lname {font-weight:bold; font-size: 1.2em; color:#669900; display:inline}
div.viewInstructor li strong {font-weight:bold;color:#3a4552}
div li.ins_bio {font-size:1em; padding-bottom: 0.6em;text-decoration:none; display:inline}
div li.ins_bio a {color: #3d6a80}
div li.ins_bio a:hover {color: #0b78aa; text-decoration:underline}
div li.ins_classes {padding: 0.6em 0; display:block}
div span.ins_classes_header {font-size:1em;font-weight:bold;padding: 0.6em 0}
div span.ins_classes {font-size:1em;color:#263e5c;display:inline}
div li.ins_email, div li.ins_phone, div li.ins_website {padding-bottom: 0.6em}
div span.ins_area_code, div span.ins_phone_num, div span.ins_ext{display:inline}
div li em.ins_pref_contact {font-size:0.9em;color:#CC3300}
div.viewInstructor li a {color: #3d6a80; text-decoration:none}
div.viewInstructor li a:hover {color: #0b78aa; text-decoration:underline}


/* CALENDAR-SPECIFIC */
.calendar-prev, .calendar-next, #masthead, #menubar, #calendarMenu, div.title img {
	visibility: hidden;
	height: 0;
	padding: 0;
	margin: 0;
	background-image: none;
}
body {
	background-image: none;
}
#layout {
	margin-top: -2.5em;
}
@media all { #layout/**/{margin-top: 0 !important;} }
#layout, #mainbox, #footerbox, body {
	width: 100% !important;
}
#maincontent { margin-top: -1em }
@media all { #maincontent { margin-top: 1.2em !important;} }

h1 { margin: 0 auto -1em auto; padding: 0 0 -1em 0 }
#footer {position: relative; background: none !important; height: 1.25em; margin-top: -1em; width: 100% !important}
#footer p { visibility: hidden;  }
#footer p#footerAddress { visibility: visible !important; height:0.8em; color: #333333; margin: -4em; font-size: 0.8em } 
.calendar a:link, .calendar a { text-decoration:none }

.calendar-month {font-size: 18px;color: #124a66;margin-top:1em}
.calendar {margin: 0}

div.title {font-size:18px;color: #124a66;padding-bottom: 10px; margin-top: -2em; padding-top: 0 !important}

.calendar {text-align:center;width:100%;font-family: Georgia, "Times New Roman", Times, serif;padding: 0;
			border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #124a66;
			border-right-style: solid !important; border-right-width: 1px !important; border-right-color: #124a66 !important}
.calendar tr {height: 9px; font-size: 9px; line-height:8px}
.calendar td {color:#333333;text-align:left;vertical-align:top;
				border-top-style: solid; border-top-width: 1px; border-top-color: #DDDDDD;
				border-left-style: solid; border-left-width: 1px; border-left-color: #DDDDDD} 
.calendar th {padding: 4px;color: #000000;
				border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #124a66;font-style:bold; font-size: 11px}
th.time {color:#333333;text-align:left; vertical-align:bottom;font-size: 0.9em; white-space:nowrap; width:1px; font-weight:bold;
			border-right-style: solid; border-right-width: 1px; border-right-color: #124a66;
			border-left-style: solid; border-left-width: 0 !important; border-left-color: #124a66;}
th.weekday {color:#333333;background-color: #97AD73;
				border-top-style: solid;border-top-width: 1px;border-top-color: #124a66; width: 14%;
				border-right-style: solid;border-right-width: 1px;border-right-color: #124a66;
				background-image: url(../p7tbm/img/hwc1_roots.jpg);background-position: left top}
/* th.weekday:hover {color:#e8e6d6;background-color: #97AD73;background-color: #97AD73;background-image: url(p7tbm/img/hwc1_roots.jpg);
				background-repeat: repeat-x;background-position: left -100px} */
td.time {text-align:right; padding: 4px; vertical-align:top; font-size:11px; white-space:nowrap; width:1px;
			border-right-style: solid; border-right-width: 1px; border-right-color: #124a66;
			border-left-style: solid !important; border-left-width: 1px !important; border-left-color: #124a66 !important;}
tr.time td {border-top: 1px solid #124a66 !important;}

div.calendarMonth table.calendar {margin-top: -10px}
div.calendarMonth table.calendar div.title {margin-top: 1px}
div.calendarMonth table.calendar td {padding-top: 0}
div.calendarMonth table.calendar li.event_expertise{padding-bottom: 0; }
div.calendarMonth table.calendar ul {font-size: 1.1em; padding-bottom: 0; line-height:8px}
#layout, #layout #mainbox {width: 100%}
div.calendarMonth table.calendar div.eventGroup {padding-bottom: 0; padding-top: 2px}

td a:link{color: #003366}
span.day {color:#124a66;font-weight:bold;padding: 0 0.3em 0.3em 0.3em;background-color: #E8F7DA; font-size: 8px;
	border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #CCCCCC;border-bottom-color: #CCCCCC;} /**/
div.eventGroup {padding:5px 5px 0 5px} /**/
div.eventGroupActive {padding:30px 5px 4px 5px} /**/
span.activeDay {color:#124a66;font-weight:bold;padding: 0.2em;background-color: #E8F7DA; font-size: 0.9em;
	border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #CCCCCC;border-bottom-color: #CCCCCC;} /**/
td.emptycell {background-color:#F4F4F4}

.calendar ul {list-style: none;margin: 0; font-size:8px}
.calendar li {margin:0; padding:0;}
.calendar li.event_name {font-weight:bold} /**/
.calendar li.event_instructor{} /**/
.calendar li.event_expertise{font-style:italic;font-weight:bold;font-size:0.9em}
.calendar li.event_length{font-size:0.9em}
.calendar li.event_time{font-size:0.9em} /**/
.calendar a:link, .calendar a:active, .calendar a:hover, .calendar a:visited {color:#124a66}
th.weekday ul {list-style: none;padding: 0;margin: 0;}
th.weekday li {margin:0; padding:0;}
th.weekday li.day {text-align:left;font-weight:bold; font-size:9px !important}
th.weekday li.date {text-align:right;font-size:0.9em;font-weight:normal;padding-top:12px; font-size:9px !important}

td#yoga {border: 2px solid #86AE48 !important}
td#pilates {border: 2px solid #D0B63E !important}
td#qigong {border: 2px solid #F59687 !important}
td#tai_chi {border: 2px solid #F6E07D !important}
td#tae_kwon_do {border: 2px solid #71CBCB !important}
td#womens_fitness {border: 2px solid #E0A1D8 !important}
td#nia {border: 2px solid #FF6600!important}
td#event {border: 2px solid #000000!important}

li.seminar_string {
	display:inline;
	font-weight: bold;
	font-size: 1.1em;
	color:#336600!important;
	text-decoration: none;
	text-transform: uppercase;
	list-style-type: none;
	border-bottom: 1px solid #4E9803;
	clear:right;}
td.event a, td.event a:link {text-decoration:none}
li.event_name {padding-top: 2px}
/* li.seminar a:link, li.seminar a:visited, li.seminar a:active, li.seminar a:hover {color:#336600!important; text-decoration: none}

a#seminar_title_link:link, a#seminar_title_link:visited, a#seminar_title_link:active, a#seminar_title_link:hover {color:#336600!important; text-decoration: none} */

div#maincontent ul a:link, div#maincontent ul a:visited, div#maincontent ul a:hover, div#maincontent ul a:active {color: #124a66}
div#maincontent ul li {margin: 0 0 0.2em 0}
div#maincontent ul#class_list li {margin: 0 0 0.5em 0; font-size: 0.9em}

div#calendarMenu {margin: 0;float:right;width:100%}
div#calendarMenu ul {list-style: none; margin: 0; padding: 0;font-size:0.65em}
div#calendarMenu ul li {display:inline;padding: 0 !important;margin: 0 !important;} 
#calendarMenu li a {color:#333333;float:left;padding: 0.5em !important;margin:0 !important;border-right: 1px solid #91B464;border-bottom: 1px solid #91B464;background-color:#e8f7da; text-decoration:none}
/* #calendarMenu li a:hover {background-color:#124a66;color:#e8e6d6} */
li#calendarSpan span {float:left;padding: 0.5em 0.5em 0.5em 0;border-right: 1px solid #91B464}
li#calendarMenuTitle span {margin: 0 0 0 0.7em; display:block; clear:left; float: left;font-weight:bold;color:#FFFFFF;padding: 0.5em 0.5em 0.5em 1em;background-color:#91B464}
#calendarMenu #menuLeft {float:left}
#calendarMenu #menuRight {float:right}
#clear {clear:both; float:none}

em.seminar {font-size:0.9em;color:#CC3300}