/*****
Start NEXT EVENT
*****/

.nextEvent {margin: 5px 0px 5px 15px;}

.nextEvent h5 {margin: 0px;
	padding: 0px;
	color: #b3b2a7;}

.nextEvent ul {margin: 0px 15px 0px 0px !important;}

.nextEvent li {margin-bottom: 5px;
	padding: 0px;
	line-height: 1em;
	height: 25px;
	background: url(/images/buttons/cal.gif) no-repeat 0px 0px;}

.nextEvent li:hover {
	background-image: url(/images/buttons/cal_RO.gif);
	border-color: #600;}

.nextEvent li a {color: #b3b2a7 !important;
	width: 100%;
	height: 100%;}

.nextEvent li:hover a {color: #600 !important;}

.nextEvent li span {padding-left: 35px;
	position: absolute;
	top: 0px;
	left: 0px;}

.nextEvent li .date {background: url(/images/buttons/cal.gif) no-repeat}
.nextEvent li:hover .date {background-image: url(/images/buttons/cal_RO.gif)}

.nextEvent li .location {margin-top: 10px;
	padding: 1px 0px 1px 35px;
	display: block;
	height: 12px;
	background: url(/images/buttons/cal.gif) no-repeat}

.nextEvent li:hover .location {background-image: url(/images/buttons/cal_RO.gif)}

.nextEvent .JAN .date {background-position: 0px -100px;}
.nextEvent .FEB .date {background-position: 0px -110px;}
.nextEvent .MAR .date {background-position: 0px -120px;}
.nextEvent .APR .date {background-position: 0px -130px;}
.nextEvent .MAY .date {background-position: 0px -140px;}
.nextEvent .JUN .date {background-position: 0px -150px;}
.nextEvent .JUL .date {background-position: 0px -160px;}
.nextEvent .AUG .date {background-position: 0px -170px;}
.nextEvent .SEP .date {background-position: 0px -180px;}
.nextEvent .OCT .date {background-position: 0px -190px;}
.nextEvent .NOV .date {background-position: 0px -200px;}
.nextEvent .DEC .date {background-position: 0px -210px;}

.nextEvent ._01 .location {background-position: 0px -300px;}
.nextEvent ._02 .location {background-position: 0px -320px;}
.nextEvent ._03 .location {background-position: 0px -340px;}
.nextEvent ._04 .location {background-position: 0px -360px;}
.nextEvent ._05 .location {background-position: 0px -380px;}
.nextEvent ._06 .location {background-position: 0px -400px;}
.nextEvent ._07 .location {background-position: 0px -420px;}
.nextEvent ._08 .location {background-position: 0px -440px;}
.nextEvent ._09 .location {background-position: 0px -460px;}
.nextEvent ._10 .location {background-position: 0px -480px;}
.nextEvent ._11 .location {background-position: 0px -500px;}
.nextEvent ._12 .location {background-position: 0px -520px;}
.nextEvent ._13 .location {background-position: 0px -540px;}
.nextEvent ._14 .location {background-position: 0px -560px;}
.nextEvent ._15 .location {background-position: 0px -580px;}
.nextEvent ._16 .location {background-position: 0px -600px;}
.nextEvent ._17 .location {background-position: 0px -620px;}
.nextEvent ._18 .location {background-position: 0px -640px;}
.nextEvent ._19 .location {background-position: 0px -660px;}
.nextEvent ._20 .location {background-position: 0px -680px;}
.nextEvent ._21 .location {background-position: 0px -700px;}
.nextEvent ._22 .location {background-position: 0px -720px;}
.nextEvent ._23 .location {background-position: 0px -740px;}
.nextEvent ._24 .location {background-position: 0px -760px;}
.nextEvent ._25 .location {background-position: 0px -780px;}
.nextEvent ._26 .location {background-position: 0px -800px;}
.nextEvent ._27 .location {background-position: 0px -820px;}
.nextEvent ._28 .location {background-position: 0px -840px;}
.nextEvent ._29 .location {background-position: 0px -860px;}
.nextEvent ._30 .location {background-position: 0px -880px;}
.nextEvent ._31 .location {background-position: 0px -900px;}



/*****
End NEXT EVENT
*****/



.month  {margin: 25px auto 0px auto;
/*	border-collapse: separate;
	border: 1px solid #9DABCE;
	border-width: 0px 0px 1px 1px;*/
	width: 420px;
	position: relative;
	}

.CALENDAR .month h3 {text-align: center;
	width: 100%;
	color: white;
	font-weight: normal;
	background-color: #600;}

.CALENDAR a {border: none !important;}		/*REQUIRED: important */s
.month	{background-color: #aaa;}


/* DO NOT DISPLAY IN CALENDAR MODE */

.daysOfTheWeek abbr {display: none;}

/********NOTE: IE6 does not understand the <abbr> tag therefore the <span> tag is disabled instead *************/
.daysOfTheWeek span {_display: none;}

/***************************** END NOTE*******************************************************/

/***********************************/

.days li, .daysOfTheWeek li {
	width: 60px;
	height: 60px;
	vertical-align: middle;
/*
	background: url(http://www.stefanoverna.com/wp-content/tutorials/ical_like_calendar/img/cells.png);
*/
	background-color: #eee;
	color: #444;
	display: inline-block;
	float: left;}


/*********** TESTING *************/


/************END TESTING *******************/



.daysOfTheWeek li {height: auto;}	/*REQUIRED */


.calNav {width; 100%;}
.calNav li {background-image: none;
	position: absolute;
	top: 0px;}
.calNav li a {color: white;}
#prevMonth {left: 5px;}
#nextMonth {right: 5px;}



.days li:hover {
/*
	background-position: 0px -81px;
*/
	background-color: #ccc;
	color: #222;
}


.days li.today {background-position: 81px 0px;
	color: white;}

.days li.today:hover {background-position: 81px -81px;}



/**********************************************************/

#prev, #next {background: transparent;
	background-color: #aaa;}

#prev a {width: 100%;
height: 100%;
display: block;}

#next a {width: 100%;
height: 100%;
display: block;}


/***************** calendar days are 60px wide ************/
/****** 2009 Monthly Calendar Start Date *******/
#jan2009 #prev {width: 240px;}
#jan2009 #next {display: none;}

#feb2009 #prev {display: none;}
#feb2009 #next {display: none;}

#mar2009 #prev {display: none;}
#mar2009 #next {width: 240px;}

#apr2009 #prev {width: 180px;}
#apr2009 #next {width: 120px;}

#may2009 #prev {width: 300px;}
#may2009 #next {width: 360px;}

#june2009 #prev {width: 60px;}
#june2009 #next {width: 240px;}

#july2009 #prev {width: 180px;}
#july2009 #next {width: 60px;}

#aug2009 #prev {width: 360px;}
#aug2009 #next {width: 300px;}

#sept2009 #prev {width: 120px;}
#sept2009 #next {width: 180px;}

#oct2009 #prev {width: 240px;}
#oct2009 #next {display: none;}

#nov2009 #prev {display: none;}
#nov2009 #next {width: 300px;}

#dec2009 #prev {width: 120px;}
#dec2009 #next {width: 120px;}

/****** 2010 Monthly Calendar Start Date *******/

#jan2010 #prev {width: 300px;}
#jan2010 #next {width: 360px;}

#feb2010 #prev {width: 60px;}
#feb2010 #next {width: 360px;}

#mar2010 #prev {width: 60px;}
#mar2010 #next {width: 180px;}

#apr2010 #prev {width: 240px;}
#apr2010 #next {width: 60px;}

#may2010 #prev {width: 360px;}
#may2010 #next {width: 300px;}

#june2010 #prev {width: 120px;}
#june2010 #next {width: 180px;}

#july2010 #prev {width: 240px;}
#july2010 #next {display: none;}

#aug2010 #prev {display: none;}
#aug2010 #next {width: 240px;}

#sept2010 #prev {width: 180px;}
#sept2010 #next {width: 120px;}

#oct2010 #prev {width: 300px;}
#oct2010 #next {width: 360px;}

#nov2010 #prev {width: 60px}
#nov2010 #next {width: 240px;}

#dec2010 #prev {width: 180px;}
#dec2010 #next {width: 60px;}


/****** END 2010 Monthly Calendar Start Date *******/

.feb #day29 {display: none;}
.feb #day30, .feb #day31, .apr #day31, .june #day31, .sept #day31, .nov #day31 {display: none;}

/****** LEAP YEARS (up to 2020) *****/

#feb2012 #day29, #feb2016 #day29, #feb2020 {display: block;}


/**********************************************************/

.days	{clear: both;}

.events {position: relative;
	color: #600;}

.events li {padding-bottom: 5px;
padding-bottom: 0px;
	width: auto;		/*REQUIRED: reset */
	height: auto;		/*REQUIRED: reset */
	background: transparent;
	display: block;		/*REQUIRED: reset */
	float: none;}		/*REQUIRED: reset */

.eventWrapper {
	padding-bottom: 25px !important;
	text-align: left;
	position: absolute;
	display: none;
	z-index: 1000 !important;
	padding: 5px;
	background-color: white;
	border: 1px solid white;
border: 1px solid #600;
	width: 200px;
	width: 500px;

/* disabled webkit: need to verify
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	list-style: none;
	color: #444444;
	-webkit-box-shadow: 0px 8px 8px #333;
*/
}



.events h2 {font-size: 1.2em;}

.events h4, events h5 {text-transform: none;}
.events p {font-size: 1em;}

.events .col50_50 {margin-top: 10px;}

.days .events h3 {font-weight: bold;
	color: #600;
	background-color: transparent;}

.days .events li {text-align: left;
	clear: both;}

.days .events li h4, .days .events li p {display: inline;
	font-size: 1em;}

.days .events li h4 {padding: 0px;	/*REQUIRED: reset */
	padding-top: 1px;		/*REQUIRED: alignment */
	float: left;
	width: 33%;}

.days .events li p {float: right;
	width: 67%;}

/*
.days .events li li h5, .days .events li li p {

display: inline;

	font-size: 1em;
	font-weight: normal;}
*/

.eventRegistration, .eventHosts, .guestSpeakers, .eventDate ul, .eventTime ul, .venueLocation ul{width: 67%;
	float: right;}
.eventRegistration h5 {padding: 0px;	/*REQUIRED: reset */
	padding-top: 1px;		/*REQUIRED: alignment */
	font-weight: normal;
	float: left;
	text-align: left;
	width: 70%;}

.eventRegistration p {text-align: right;
	width: 30% !important;}


.events .col50_50Left, .events .col50_50Right {padding-bottom: 10px;}


/************* HELPERS ********************/



.event1, .event2, .event3 {width: 59px;
	height: 40px;
	background: #600;
	text-align: left;
	position: absolute;
	top: 1px;
	left: 0px;}		/*REQUIRED: resolves IE positioning issue */

.event2	{background: #466f81;
	top: 24px;}

.event3	{background: #907c6a;
	top: 37px;}


.events_x2 .event1 {height: 20px;}
.events_x2 .event1 .eventWrapper {margin-bottom: -20px;}

.events_x2 .event2 {height: 20px;}
.events_x2 .event2 .eventWrapper {margin-bottom: 3px;}

.events_x3 .event1 {height: 15px;}
.events_x3 .event1 .eventWrapper {margin-bottom: -20px;}

.events_x3 .event2 {height: 15px;
		top: 19px;}
.events_x3 .event2 .eventWrapper {margin-bottom: 3px;}

.events_x3 .event3 {height: 15px;}
.events_x3 .event3 .eventWrapper {margin-bottom: 3px;}





/*** NOTE: each "day" is 60px wide, dayspan should run 1px short ***/
.dayspan2 {width: 119px;}
.dayspan3 {width: 179px;}
.dayspan4 {width: 239px;}
.dayspan5 {width: 299px;}
.dayspan6 {width: 359px;}


.eventType {padding-left: 15px;
	color: white;
	position: absolute;
	z-index: 1001;}


/****** END HELPERS ******/


.events .eventTopic, .events .venueInfo, .events .eventInfo
	{display: none;} 		/*REQUIRED: .events */


/********** WED WEBINAR ***************/

.PTWW .venueDetails, .PTWW .eventInfo {display: none;}

.PTWW .eventTopic {margin: 25px 0px 0px 10px;
	padding-bottom: 25px;
	display: inline-block;
	width: 47%;
	position: absolute;
top: 25px;}

/********** END WWEBINAR ***************/
/********** SYMP SERIES ***************/

.PTSS .eventSpeaker {display: none;}
/*.PTSS .eventInfo {display: block;} 	disabled for now, might need to implement later */

/********** END SSERIES ***************/
/********** ATTORNEY FORUM CALL ***************/

.AFC .venueDetails, .AFC .eventSpeaker {display: none;}
.AFC .eventInfo {display: block;}
.AFC .eventTopic {margin: 5px 0px 0px 10px;
	padding-bottom: 25px;
	display: inline-block;
	width: 47%;
	position: absolute;}

.AFC .eventTopic p {margin-bottom: 5px;}

.AFC .eventTopic a {border-bottom: 1px dotted #600 !important;}
.AFC .eventTopic a:hover {border-bottom: 1px dotted red !important;}
/********** END ATTORNEY FORUM CALL ***************/
/********** NH WORKSHOP ***************/

.NHworkshop .eventTopic {display: block;}
.NHworkshop .eventInfo {display: block;}

/********** END NH WORKSHOP ***************/





/***************** DISABLED: using EventBrite to monitor registered event

START HTML CODE://////////////////
<ul id="dialInInfo">
  <li><h3>Dial-In Phone:</h3>
      <p>212.990.8000</p></li>

  <li><h3>Event Code:</h3>
      <p>2090#</p></li>
</ul>
END HTML CODE:///////////////////

#dialInInfo {margin-top: 10px;
	padding: 5px 0px;
	width: 100%;			 REQUIRED: IE 
	background: #ccc;}

#dialInInfo li {margin: 0px 10px;
	position: relative;}

.events #dialInInfo li h3 {padding: 0px;
	display: block;
	text-align: left;
	width: 50%;}

#dialInInfo li p {width: 50%;
	position: absolute;
	top: -1px;
	right: 0px;}
*******************/



#aug2009 #day1 .eventTopic, #aug2009 #day1 .eventInfo {display: block;}

#aug2009 #day20 .eventTime {display: none;}
#aug2009 #day20 .eventInfo {display: block;}

#sept2009 #day10 .eventTime, #sept2009 #day11 .eventTime, #sept2009 #day12 .eventTime, #sept2009 #day13 .eventTime, #sept2009 #day14 .eventTime, #sept2009 #day15 .eventTime
	{display: none;}


#oct2009 #day29 .eventTopic, #oct2009 #day29 .eventInfo {display: block;}
#oct2009 #day30 .eventSpeaker {display: block;}

#nov2009 #day2 .eventAudience {display: none;}
/*#nov2009 #day2 .eventTopic,*/ #nov2009 #day2 .eventInfo {display: block;}

#nov2009 #day3 .eventAudience {display: none;}
/*#nov2009 #day2 .eventTopic,*/ #nov2009 #day3 .eventInfo {display: block;}

#dec2009 #day4 .eventTopic {display: block;}

#dec2009 #day14 .venueDetails {display: none;}
#dec2009 #day14 .eventInfo {display: block;}
#dec2009 #day14 .eventTopic {margin: 25px 0px 0px 10px;
	padding-bottom: 25px;
	display: inline-block;
	width: 47%;
	position: absolute;
	top: 25px;}


#dec2009 #day12 .eventTopic, #dec2009 #day12 .eventInfo {display: block;}

#jan2010 #day12 .eventTopic {display: block;}

#mar2010 #day7 .eventInfo {display: block;}

#apr2010 #day20 .eventInfo {display: block;}

#apr2010 #day21 .eventInfo {display: block;}
#apr2010 #day20 .event2 .eventTopic {display: block;}
#may2010 #day7 .eventInfo {display: block;}
#may2010 #day7 .eventTopic {display: block;}
#may2010 #day11 .eventInfo {display: block;}
#may2010 #day13 .eventInfo {display: block;}

#nov2010 #day3 .event2 .eventTopic {display: block;}
#dec2010 #day7 .eventTopic {display: block;}

/*********************** *************************/










/**** START & STOP CAL NAV ****/
/**** REQUIRES TO BE RESET MONTHLY ****/

#sept2009 #prev a {display: none;}
#sept2009 #prevMonth a {display: none;}

#dec2010 #next a {display: none;}
#dec2010 #nextMonth a {display: none;}

/**** END CAL NAV ****/