.DiaryTitle {background: transparent url(/CommonResources/Images/icons/Diary.gif) no-repeat; padding-bottom: 10px;float:left;}

#Content {margin:0px 50px 50px 199px; padding:10px;	border-left: solid 1px #000000;}

#Menu {position:absolute; top:55px;	left:20px; width:172px;	padding:10px; text-align:left ;
   /* Again, the ugly brilliant hack. */
	voice-family: "\"}\""; voice-family:inherit; width:150px;}
/* Again, "be nice to Opera 5". */
body>#Menu {width:150px;}
#Menu select {width:150px}

/*.navlist {padding-left:6px; }*/

/* tabs */
#tab li {background:url("/CommonResources/Images/box/selected_left_tab.gif") no-repeat left top;}
#tab li  img{margin:0px;  vertical-align: middle; background : transparent;}
#tab {background-color:#ffffff;}
#tab span  {color: #999999;background:#e3c5e2 url("/CommonResources/Images/box/selected_right_tab.gif") no-repeat right top;}
#tab .current {color: #ffffff; background:#5d245a url("/CommonResources/Images/box/left_tab.gif") no-repeat left top;}
#tab .current span {color: #ffffff; background:#5d245a url("/CommonResources/Images/box/right_tab.gif") no-repeat right top;}
#tab a, 
#tab a:link, 
#tab a:visited {color: #000000;} 
#tab a:hover{color: #ffffff;} 

#tab .current a, 
#tab .current a:link, 
#tab .current a:visited {color: #ffffff;} 
#tab .current a:hover{color: #ffff00;} 

#CalSideBar select {width:190px}
#calMenu {border: solid 1px #5d245a;}
#calContent {border: solid 1px #5d245a;}

.FilledCalCell {background-color: #fffff0;}
.EventTitle {width:100%;}

.DaySelected {color:#000000; background-color:#ffe4e1 }
.DayFilled {color:#000000; background-color:#fffaf0}
.DayWeekend{ background-color:#fffaf0; }
.DayEmpty{color:#000000; background-color:#ffffff }
.DayOtherMonth{color :#666666; background-color:#ffffff}

.DaySelected .alt	{color: #000000;background-color:#fffafa;}
.DayFilled  .alt	{color:#000000; background-color:#fff8dc ; }
.DayWeekend .alt	{background-color:#f5fffa; }
.DayOtherMonth	 .alt	{color :#666666; background-color:#ffffff;}

.boxMonthView .navlist li{background-image: none;padding-left:0px; padding-bottom:4px; margin-bottom:6px;   border-bottom:solid 1px #000000 } 

 .Week 
{border-left:solid 1px #033bb8;	border-right:solid 1px #033bb8;	border-bottom:solid 1px #033bb8; background-color:#e3c5e2;}
.EventDetail{ text-decoration:none; color:#000000; background-color:transparent; width:100%}
a:hover .EventDetail{ text-decoration:none; color:#0e5cab;   background-color:transparent; }

/*
.boxDayView a:hover {background-color:#ffffff;}
*/
.boxDayView .DaySelected,
.boxDayView .DayFilled,
.boxDayView .DayWeekend,
.boxDayView .DayEmpty,
.boxDayView .DayOtherMonth{border:solid 1px #e3c5e2;}

.boxListView .DaySelected,
.boxListView .DayFilled,
.boxListView .DayWeekend,
.boxListView .DayEmpty,
.boxListView .DayOtherMonth,
.boxWeekView .DaySelected,
.boxWeekView .DayFilled,
.boxWeekView .DayWeekend,
.boxWeekView .DayEmpty,
.boxWeekView .DayOtherMonth
{border-bottom:solid 1px #e3c5e2;}

.boxListView .EventDetail,
.boxWeekView .EventDetail,
.boxMonthView .EventDetail
{display:none}

.boxDayView .DayTitle
{padding-left:6px; background-color: #5d245a; color : #ffffff;	font-size:1.2em;
 font-weight:bold ; text-align:left ;  padding-bottom:6px; padding-top:6px;}

.boxWeekView .WeekTitle,
.boxListView .WeekTitle
{background-color: #5d245a; color : #ffffff;	font-size:1.2em;
 font-weight:bold ; text-align:left ; padding-left:6px; padding-bottom:6px; padding-top:6px;}

.boxWeekView .DayTitle,
.boxListView .DayTitle
{
	padding-left:6px; 
	background-color: #e3c5e2;
	color : #000000;
	font-size:1.1em;
	text-align:left ;  padding-bottom:6px; padding-top:6px; 
	}

.boxMonthView {width:100%;position:relative ; float:left ; } 	
.boxMonthView .navlist li{background-image: none;padding-left:6px; padding-bottom:6px; margin-bottom:4px;border:none;} 

.boxMonthView .Week 
{
	overflow: hidden;  /*Equal height columns hack - see: http://www.positioniseverything.net/articles/onetruelayout/equalheight */
	width:97%;
	font-size:1em;
	border-left:solid 1px #e3c5e2;
	border-right:solid 1px #e3c5e2;
	border-bottom:solid 1px #e3c5e2;
	background-color: #e3c5e2;
	text-align:left ;
	voice-family: "\"}\"";   
	voice-family: inherit;
	width:100%;
}

.MonthTitle 
{background-color: #5d245a; color: #ffffff;
 font-size:1.2em; font-weight:bold ; text-align:left ; padding:6px 6px 6px 6px;}
	
.boxMonthView .DayTitle
{padding-left:6px;}

.Month {background-color: #5d245a; width:100%}

.boxMonthView .DaySelected,
.boxMonthView .DayFilled,
.boxMonthView .DayWeekend,
.boxMonthView .DayEmpty,
.boxMonthView .DayOtherMonth 
{
	overflow: hidden ;
	width:13.5%; 
	float:left;
	border-right:solid 1px #e3c5e2;
	/* FF fix - FF can only deal with width of 97% */
	voice-family: "\"}\"";   
	voice-family: inherit;
	/*Equal height columns hack below */
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
.boxMonthView .WeekTitle 
{background-color: #e3c5e2;	color: #000000;
 overflow: hidden ;	width:auto; float:left;	font-size:1em;} 
   	
.DayHeaders 
{
	width:97%;
	font-size:1em;
	border-left:solid 1px #e3c5e2;
	border-right:solid 1px #e3c5e2;
	border-bottom:solid 1px #e3c5e2;
	background-color: #e3c5e2;
	color : #000000;
	text-align:center ;
	voice-family: "\"}\"";   
	voice-family: inherit;
	width:100%;
}
.DayHeader{width:13.5%; float:left;	border-right:solid 1px #e3c5e2;}

.boxDetailView .MainContentBoxTitleStart{display:none ;}
.boxDetailView #SubtitleBackground{background-color: #F7F7F7;color : #ffffff;}