/* Email Calendar Styles */

#cal_event_calendar TABLE.calendarModes {
  width: 25%;
  border-collapse: collapse;
}

#cal_event_calendar TD.isActive {
  height: 1.5em;
  font-weight: bold;
	font-size: 1em;
  text-align: center;
	background-color: #4093a1;
	color: #fff;
  border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	border-top: 1px solid #b2b2b2;
}

#cal_event_calendar TD.notActive {
  height: 1.5em;
	font-size: 1em;
  text-align: center;
	background-color: #fff;
	color: #000;
	border-left: 1px solid #4093a1;
	border-right: 1px solid #4093a1;
	border-top: 1px solid #4093a1;
}

#cal_event_calendar table {
  border-collapse: collapse;
}

/* Month Grid Styles */
#cal_event_calendar TABLE.month {
  width: 800px;
}

#cal_event_calendar TD.monthGridHeader {
  border: 0;
  padding: 0;
  vertical-align: middle;
}

#cal_event_calendar DIV.monthNavigator {
	color: #fff;
	text-align: left;
    border: 0;
    font-weight:bold;
    font-size:130%;
    color:#000;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:7px;
	text-align: center;
    width:800px;
}

#cal_event_calendar DIV.monthNavigator span {
}

#cal_event_calendar TD.weekOfMonth {
	height: 1em;
	color: #000;
    text-align: center;
    border:1px solid #7B7B7B;
    padding:5px;
    font-size:80%;
}

#cal_event_calendar TD.dayOfMonth {
    width: 14%;
	height: 9em;
	color: #000;
	border: 1px solid #7B7B7B;
	vertical-align: text-top;
	text-align: left;
}

/* Week Grid Styles */
#cal_event_calendar TABLE.week {
  width: 800px;
}

#cal_event_calendar TD.weekGridHeader {
  border: 0;
  padding: 0;
  vertical-align: middle;
}

#cal_event_calendar DIV.weekNavigator {
	width:800px;
	color: #fff;
	text-align: left;
    border: 0;
    font-weight:bold;
    font-size:130%;
    color:#000;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:7px;
	text-align: center;
}

#cal_event_calendar DIV.weekNavigator span {
}

#cal_event_calendar TD.dayOfWeek {
    width: 14%;
	color: #000;
    border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	vertical-align: text-top;
}

/* Shared Grid Styles */

#cal_event_calendar TR.daysOfWeekHeader {
    font-weight:bold;	 
	color:#FFF;
	text-align:center;
    background-color:#434343;
	border-left: 1px solid #434343;
	border-right: 1px solid #434343;	        		
}

#cal_event_calendar TR.dayOfEventsHeader {
    font-weight:bold;	 
	color:#FFF;
	text-align:left;
    background-color:#434343;
	border-left: 1px solid #434343;
	border-right: 1px solid #434343;	
}

#cal_event_calendar TD.dayOfEventsHeader {
	padding-left:3px;
}

#cal_event_calendar TD.weekOfMonthHeader {

}
  
#cal_event_calendar TD.dayOfWeekHeader {
  width: 14%;
  padding:2px;
}

#cal_event_calendar TD.currentDay {
	background-color:#ffffbb;
}

#cal_event_calendar DIV.currentDay {
	width: 100%;
	height: 1.5em;
	text-align: left;
	display: block;
	white-space: nowrap;
	background-color:#ffffbb;	
}

#cal_event_calendar TD.inMonth {
	background-color: #fff;  
    border: 1px solid #7B7B7B;	
}

#cal_event_calendar DIV.inMonth {
	width: 100%;
	height: 1.5em;
	text-align: left;
	display: block;
	white-space: nowrap;
}


#cal_event_calendar TD.notInMonth {
	background-color: #D3D3D3;  
}

#cal_event_calendar DIV.notInMonth {
	width: 100%;
	height: 1.5em;
	display: block;
	white-space: nowrap;
	text-align: left;
	background-color: #D3D3D3;
}

#cal_event_calendar TD.inWeek {
	background-color: #fff;
	text-align: left;
	height:9em;	
}

#cal_event_calendar DIV.inWeek {
	background-color: #fff;
	height: 1.5em;	  
	white-space: nowrap;	
}

#cal_event_calendar span.TabTableHeader {
	background-color: #434343;
	color: #FFF;
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-top:1px solid #333;	
}

#cal_event_calendar a.TabTableHeader,a.TabTableHeaderLinks,span.TabTableHeader {
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-top:1px solid #333;	
	font-size: 85%;
	font-weight: bold;
	text-align: center;
	display: block;
	padding: 2px 10px 2px 10px;
	white-space: nowrap;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;	
}

#cal_event_calendar td.TabTableHeader,td.TabTableHeaderLinks {
	border-right: 3px solid #fff;
}

/* List Styles */

#cal_event_calendar DIV.dayEvents {
  width: 100%;
  text-align: left;
}

#cal_event_calendar UL.dayEvents {
  text-align: left;
  margin-top: 2px;
  margin-left: 2px;
  padding-left: 1.7em;
  padding-right: .5em;
  white-space: nowrap;
  color: #4093a1;
}

#cal_event_calendar LI.dayEvent {
  font-size: 85%;
  list-style-type: square;
  text-align: left;
}

#cal_event_calendar SPAN.dayEvent {
  color: #4093a1;
  font-size: 85%;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle;
}

#cal_event_calendar SPAN.dayEventName {
  font-size:90%; 	
}	

#cal_event_calendar SPAN.dayEventNoEventTypeIcon {
  padding-left:2px;
}

#cal_event_calendar P.dayEvent {
  color: #000;
  cursor: pointer;
  white-space: nowrap;
  margin-top:     2px;
  margin-bottom:  2px;
  font-size:90%;  
}

#cal_event_calendar div.dayEvent {
  cursor: pointer;
  margin:2px 0px 2px -1px;
  float:top; 
  position:relative; 
  clear:both;
  padding-top:1px;
  padding-bottom:1px;
  padding-left:1px;
  font-size:90%;
  vertical-align:middle;  
}

#cal_event_calendar div.dayEventDummy {
  float:top; 
  position:relative; 
  clear:both; 
  padding-top:1px;
  padding-bottom:1px;
  height:1.7em;
  padding-left:1px;  
  font-size:90%;  
  vertical-align:middle;
  margin:2px 0px 2px -1px;        
}

#cal_event_calendar span.multiEventNameBg {
	color: #333333;	
}

#cal_event_calendar span.multiEventNameNoBg {
	color: #000;
}	

#cal_event_calendar IMG.dayEvent {
	border:medium none;
	vertical-align:middle;
}

#cal_event_calendar LI.dayEvent span {
  color: #000;
	text-align: left;
}

/* List Styles */
#cal_event_calendar TABLE.calendar-list {
  width: 800px;
  border-collapse: collapse;
  margin: 0;
}

#cal_event_calendar DIV.listHeader {
	width:800px;
	color: #fff;
	text-align: left;
    border: 0;
    font-weight:bold;
    font-size:130%;
    color:#000;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:7px;
	text-align: center;
}

#cal_event_calendar DIV.listHeader span {
}

#cal_event_calendar TD.listHeader {
  border: 0;
  padding: 0;
  vertical-align: middle;
}

#cal_event_calendar TR.listDay {
}

#cal_event_calendar TD.listDayEmpty {
  padding-left:3px;
  border-bottom:1px solid #000;
}

#cal_event_calendar TD.listDayOfWeek {
  width: 20%;
	color: #000;
	vertical-align: text-top;
}

#cal_event_calendar TD.listDayOfWeek span {
	font-weight: bold;
}

#cal_event_calendar TD.listDate {
    width: 105px;
	color: #000;
	padding-left:3px;
	vertical-align:top;
	padding-top:15px;
	padding-right:15px;
    border-bottom: 1px solid #000;	
}

#cal_event_calendar TD.listDate span {
	font-weight: bold;
}

#cal_event_calendar TD.listDayEvents {
	color: #000;
    border-bottom: 1px solid #000;	
}

#cal_event_calendar IMG.navDateArrow {
  border: 0;
  position:relative;
  top:7px;
}

#cal_event_calendar P.eventTypeLegend {
  color: black;
}


/* Event Detail Styles */

#cal_event_calendar TD.eventDetailName {
  	font-weight:bold;
  	font-size:110%; 	 
}

#cal_event_calendar DIV.eventDetailBox {
  padding-top:10px;
  padding-bottom:10px;
}

#cal_event_calendar TD.eventDetailActions {
}

#cal_event_calendar DIV.eventDetailPopupBox {
}

#cal_event_calendar DIV.eventDetailWidthFixer {
	height:0px;
	width:20em;	
}	

#cal_event_calendar TABLE.eventDetailPopupBox {
  width:14%;  
  border:           1px solid #808080;
  background-color: #F2F2F2;
}	

#cal_event_calendar TR.eventDetailPopupHeader {
  background: transparent url(../yui/assets/skins/convio/sprite.png) repeat-x scroll 0pt -200px;
  border-bottom:1px solid #CCCCCC; 
}

#cal_event_calendar TD.eventDetailPopupHeader {
  padding:3px;
  color: #656565;
  font-weight:bold;
  width:100%;
}

#cal_event_calendar TD.eventDetailPopupName {
  font-weight:  bold;
  color:        black;
  padding-left:3px;  
  padding:0px 3px 0px 3px;
}

#cal_event_calendar TD.eventDetailPopupDesc {
  color:      black;
  padding:5px 3px 5px 3px;  
  font-size:  90%;         
}

#cal_event_calendar TD.eventDetailPopupDate {
  color:      black;
  padding:0px 3px 0px 3px;  
  font-size:  90%; 
}

#cal_event_calendar P.eventDetailPopupName {
  font-weight:  bold;
  color:        black;
  margin-bottom:  0;
}

#cal_event_calendar P.eventDetailPopupDesc {
  font-size:  90%;
  color:      black;
  margin-top: .3em;
  margin-bottom:  0;
}

#cal_event_calendar P.eventDetailPopupDate {
  font-size:  90%;
  color:      black;
  margin-top: .3em;
  margin-bottom:  0;
}

#cal_event_calendar HR.eventDetailPopupRule {
  color:          #006f82;
  margin-top:     .2em;
  margin-bottom:  .2em;
  width:          auto;
}


#cal_event_calendar TD.eventDetailPopupActions {
  padding:0px 3px 2px 3px;
}

#cal_event_calendar DIV.eventDetailPopupActions {
}

#cal_event_calendar SPAN.eventDetailPopupLinkSeparator {
  color:  #006f82;
}

#cal_event_calendar IMG.eventDetailPopupCloseButton {
  cursor: pointer;
}

/* Expanded Event List Styles */
#cal_event_calendar DIV.eventListBox {

}

#cal_event_calendar TABLE.eventListBox {
  border:           1px solid #808080;
  background-color: #F2F2F2;  
  width:14%;
}

#cal_event_calendar DIV.eventListWidthFixer {
	height:0px;
	width:20em;	
}			

#cal_event_calendar TD.eventListBoxMoreItems {
  padding:0px 3px 2px 3px;
  white-space: nowrap;   
}

#cal_event_calendar TD.eventListBoxItem {
  padding:0px 3px 2px 3px;
}

#cal_event_calendar TD.eventListBoxTitle {
  padding:3px;
  color: #656565;
  font-weight:bold; 
  white-space: nowrap;    
}

#cal_event_calendar P.eventListBoxTitle {
  color:            white;
  background-color: #006f82;
}

#cal_event_calendar TD.eventListBoxTitle {
  background: transparent url(../yui/assets/skins/convio/sprite.png) repeat-x scroll 0pt -200px;
  border-bottom:1px solid #CCCCCC;    
}