.initPageLoad
{
	position: absolute;
		margin-left: 50%;
		top: 75px; left: -160px;
		width: 338px; height: 138px;
		z-index: 10;
		display: none;
	background: url('/_components/_calendar/_img/loaderScreen.png') no-repeat;
}

.titleBar
{
	float: left; display: inline;
		height: 18px; width: 318px;
		margin: 2px auto 2px 2px;
	background: #dee2b8;
	font: 10px/12px Arial;
		color: #333;
}
	.titleBar span
	{
		padding-left: 25px;
		font: bold 11px/18px Arial;
			text-transform: uppercase;
			color: #303b01;
	}
.backToCal
{
	float: right; display: inline;
		height: 18px; width: 150px;
		margin: 2px 2px 2px auto;
	background: #dee2b8;
	font: 10px/12px Arial;
		text-align: center;
		color: #333;
}
	.backToCal a { font: bold 11px/18px Arial; color: #303b01; text-decoration: none; }
	.backToCal a:hover { color: #b09c7a; }
	
.eventDivider
{
	position: realtive;
		height: 18px; width: 470px;
		margin: 0px auto 3px auto;
	background: #b09c7a;
}

.eventDetails
{
	position: relative;
		width: 460px; height: 100%;
		margin: 0px auto;
	font: 12px/14px Arial;
		color: #666;
}
	.eventDetails h2
	{
		margin: 0px auto;
		font: bold 12px/24px Arial;
			color: #952c03;
	}
	.eventDetails .eventTitle
	{
		font: bold 13px/24px Arial;
			color: #0e0e0e;
	}
	.eventDetails .eventStartDate, .eventDetails .eventStartTime
	{
		font: 12px/24px Arial;
			color: #666;
	}
		.eventDetails .eventStartDate h2, .eventDetails .eventStartTime h2
		{
			display: inline;
			font: bold 12px/24px Arial;
				color: #952c03;
		}

/* calendar */

			 .blueBackground
			{
				position: absoltue;
					margin: 5px 0 0 0;
					width: 575px; height: 90px;
				background: #c2cfe1;
			}
			
				 .blueBackground .textLayout
				{
					position: relative;
						float: right; display: inline;
						margin: 10px 5px 0 0;
						width: 140px;
					font: bold 12px/14px Arial;
						color: #FFF;
				}
				
		 .colorKeyWrapper
		{
			position: relative;
				margin: 10px auto;
				width: 474px; height: 55px;
			border: 1px solid #f1f1f1;
			font: bold 11px/14px Arial;
				color: #333;
		}
			 .colorKeyWrapper h1
			{
				width: 455px; height: 20px;
					margin: 2px auto 0px 2px; padding-left: 15px;
				background: #dee2b8;
				font: bold 12px/20px Arial;
					color: #FFF;
			}
			
			.colorKeyWrapper .keyList
			{
				position: relative;
					height: auto;
					margin: 0px auto 1px 10px;
			}
			
				 .colorKeyWrapper .keyWrapper
				{
					position: relative;
						float: left; display: inline;
						margin: 10px auto 15px auto;
						width: 140px; height: 14px;
					font: 11px/16px Arial;
						color: #333;
				}
					.keyWrapper .keyColor { position: absolute; left: 0; top: 0; width: 14px; height: 14px; border: 1px solid #99cc66; }
					.keyWrapper .fontLayout { position: absolute; left: 25px; top: 0; }
			
		 .calendarDataWrapper
		{
			position: relative;
				margin: 10px auto; padding-bottom: 5px;
				width: 474px;
			background: #FFF;
			border: 1px solid #f1f1f1;
		}
		
		 .calendarDataWrapper .calendarHeader
		{
			position: relative;
				top: 2px; left: 2px;
				width: 470px; height: 18px;
				margin: 0px 0px 2px 0px;
			background: #dee2b8;
			font: bold 11px/18px Arial;
				color: #303b01;
				text-align: center;
		}
		
			 .calendarDataWrapper .calendarHeader .onHover { cursor: pointer; color: #4c5d00; }
		
			 .calendarDataWrapper .dkBlueBackground { background: #b09c7a; }
		
			.calendarHeader .floatLeft
			{
				position: relative;
					float: left; display: inline;
					width: 74px;
				border-right: 2px solid #FFF;
					color: #303b01;
			}
			
			.calendarHeader .floatRight
			{
				position: relative;
					float: right; display: inline;
					width: 74px;
				border-left: 2px solid #FFF;
					color: #303b01;
			}
			
			.calendarHeader .doubleArrow_left
			{
				position: absolute;
					top: 0px; left: 115px;
					width: 18px; height: 18px;
			}
				.calendarHeader .doubleArrow_left_noHover { background: url('/_components/_calendar/_img/doubleArrow_left_noHover.png') no-repeat; background-position: 100% 1px; }
				.calendarHeader .doubleArrow_left_onHover { cursor: pointer; background: url('/_components/_calendar/_img/doubleArrow_left_onHover.png') no-repeat; background-position: 100% 1px; }
			
			.calendarHeader .doubleArrow_right
			{
				position: absolute;
					top: 0px; right: 115px;
					width: 18px; height: 18px;
			}
				.calendarHeader .doubleArrow_right_noHover { background: url('/_components/_calendar/_img/doubleArrow_right_noHover.png') no-repeat; background-position: 100% 1px; }
				.calendarHeader .doubleArrow_right_onHover { cursor: pointer; background: url('/_components/_calendar/_img/doubleArrow_right_onHover.png') no-repeat; background-position: 100% 1px; }
				
			
			
			.calendarHeader .jumpToCurrentMonthImage
			{
				position: absolute;
					left: 80px; top: 4px;
					width: 10px; height: 10px;
				background:url('/_components/_calendar/_img/jumpToCurrentMonth_calImage.png');
			}
				 .monthJumpHover
				{
					position: absolute;
						z-index: 10; display: none;
						left: 100px; top: 12px;
						padding: 2px 4px;
					border: 1px solid #303b01;
					background: #dee2b8;
					font: 10px/12px Arial;
						color: #303b01;
				}
					
			.calendarHeader .expandCalImage
			{
				position: absolute;
					right: 80px; top: 4px;
					width: 10px; height: 10px;
				background:url('/_components/_calendar/_img/expandCalendar.png');
			}
				 .expandCal
				{
					position: absolute;
						z-index: 10; display: none;
						right: 77px; top: 23px;
						width: 98px;
					border: 1px solid #303b01;
					background: #dee2b8;
				}
					 .expandCal h1
					{
						padding-right: 5px;
						background: #FFF;
						border-bottom: 1px solid #3d74c7;
						font: bold 10px/14px Arial;
							text-align: right;
							color: #b09c7a;
					}
						 .expandCal h1 div { position: relative; margin: 0px 0px 0px auto; text-align: right; width: 10px; }
					
					 .expandCal span
					{
						padding-left: 5px;
						display: block;
						background: none;
						border-bottom: 1px solid #FFF;
						font: 11px/18px Arial;
							text-align: left;
							color: #303b01;
					}
						 .expandCal .noBorder
						{
							border-bottom: none;
						}
						
						 .expandCal .onHover { cursor: pointer; background: #b09c7a; color: #FFF; }
			
			.calendarHeader .wkWidth { width: 67px; color: #FFF; border-right: none; }
			
		 .calendarDataWrapper tr
		{
			width: 393px; height: 50px;
			font: 11px/16px Arial;
				color: #FFF;
		}
		
			 .calendarDataWrapper table,  .calendarDataWrapper td  { border: 1px solid #ccbda5; }
			 .calendarDataWrapper table { position: relative; top: 3px; left: 3px; border-collapse: collapse; padding: 0; margin: 0; }
		
			.calWeek .calDay
			{
				width: 61px; height: 45px;
				padding: 5px 5px 0 0;
				font: 11px/13px Arial;
					color: #333;
					text-align: right;
					vertical-align: top;
			}

				 .currentDate { background: #fcfee9; }
				 .todaysDate { background: #ffefc9; }
				 .eventDate { background: #dee2b8; }
				 .offMonth { background: #f4ecde; }
				
				.calWeek .onHover { cursor: pointer; font: bold 11px/13px Arial; color: #3b2d01; }
				.calWeek .onHover_currentDate { cursor: pointer; font: bold 11px/13px Arial; color: #3b2d01; }
				
				.calWeek .onHover_todaysDate { cursor: pointer; font: bold 11px/13px Arial; color: #3b2d01; }
				
				.calWeek .onHover { cursor: pointer; font: bold 11px/13px Arial; color: #3b2d01; }
				.calWeek .onHover_eventDate { cursor: pointer; font: bold 11px/13px Arial; color: #3b2d01; }
				
		.eventSetupWrapper
		{
			font: 12px/14px arial;
		}
		
			.eventSetupWrapper .eventsListTitle, .eventSetupWrapper .eventEditorTitle, .eventSetupWrapper .optionsPanelTitle
			{
				position: relative;
					height: 22px;
				font: bold 12px/22px Arial, sans-serif;
			}
			
				.eventSetupWrapper .eventsListTitle { float: left; display: inline; margin-left: 12px; }
				.eventSetupWrapper .eventEditorTitle { float: right; display: inline; margin-right: 197px; }
				.eventSetupWrapper .optionsPanelTitle { float: left; display: inline; margin: 9px 0 0 12px; }
			
			
		
			.eventSetupWrapper .eventsList
			{
				display: relative;
					float: left; display: inline;
					width: 289px; height: 183px;
				border: solid 1px #bdbfc3; border-left: none;
			}
				.eventsList .emptyList
				{
					position: relative;
						top: 35px;
						height: 100%; width: auto;
					font: 12px/16px Arial;
						text-align: center;
						color: #333;
				}
				
			.eventSetupWrapper .eventEditor
			{
				display: relative;
					float: right; display: inline;
					width: 275px; height: 283px;
				border: solid 1px #bdbfc3; border-right: none;
			}
			
				.eventSetupWrapper .eventEditor .eventTitle
				{
					position: relative;
						width: 272px; height: 22px;
					border-bottom: 1px solid #bdbfc3;
					background: #dff3cb;
				}
				
					.eventSetupWrapper .eventEditor .eventTitle input { margin: 3px 0px 0px 12px; border: none; background: none; width: 250px; font: 13px/15px Arial; }
					
				.eventSetupWrapper .eventEditor .eventOption
				{
					position: relative;
						width: 272px; height: 22px;
						left: 12px;
					font: 12px/14px Arial;
						color: #333;
				}
					.eventSetupWrapper .eventEditor .topMargin { margin-top: 8px; }
					
					.eventSetupWrapper .eventEditor .eventOption select
					{
						border: 1px solid #333; background: none;
						width: 45px; margin: 0px 2px 0px 2px;
					}
					
					.eventSetupWrapper .eventEditor .eventOption textarea
					{
						margin: 2px 0 0 0;
						width: 260px; height: 170px;
						display: block; border: none;
						overflow: auto;
						font: 12px/14px Arial;
							color: #333;
					}
					
					
			.eventSetupWrapper .optionsPanel
			{
				position: relative;
					float: left; display: inline;
					width: 289px;
				background: #f2f2f2;
				text-align: center;
			}
			
				.optionsPanel .optionsButton
				{
					position: relative;
						float: left; display: inline;
						margin: 2px 0px 0px 1px; padding: 0px 7px 0px 7px;
					border: solid 1px #3d74c7;
					background: #FFF;
					font: 11px/18px Arial;
						text-align: center;
						color: #3d74c7;
				}
				
				.optionsPanel .leftButtonOffset { margin: 2px 0px 0px 5px; }
				.optionsPanel .buttonSingleRow { height: 17px; font: 11px/18px Arial; }
				
			.eventSetupWrapper .manageLinkPanel
			{
				position: absolute;
					top: 45px; right: 6px;
					width: 274px; height: 285px;
				background: url('/_components/_calendar/_img/blackBGTransparent.png') repeat;
				font: 12px/14px Arial;
					color: #FFF;
			}
			
				.eventSetupWrapper .manageLinkPanel .contentWrapper
				{
					position: relative;
						margin: 0px auto 0px 15px;
						top: 55px;
				}
					.eventSetupWrapper .manageLinkPanel .contentWrapper h1
					{
						margin: 0px 0px 10px 0px;
						font: bold 12px/14px Arial;
							color: #FFF;
					}
					
					.eventSetupWrapper .manageLinkPanel .contentWrapper table
					{
						margin-bottom: 15px;
					}
					.eventSetupWrapper .manageLinkPanel .contetnWrapper table td
					{
						padding: 0px;
					}
						
						.eventSetupWrapper .manageLinkPanel .contentWrapper .descrip
						{
							vertical-align: top;
							height: 25px;
						}
						.eventSetupWrapper .manageLinkPanel .contentWrapper input
						{
							width: 185px; height: 16px;
							border: 1px solid #999;
							font: 12px/16px Arial;
								color: #333;
						}
						.eventSetupWrapper .manageLinkPanel .contentWrapper .label
						{
							width: 60px;
							margin-right: 10px;
							font: bold 12px/24px Arial;
								color: #FFF;
						}
						
						.eventSetupWrapper .manageLinkPanel .contentWrapper .buttons
						{
							position: relative;
								top: 40px;
						}
							.eventSetupWrapper .manageLinkPanel .contentWrapper .buttons input
							{
								width: 75px; height: 23px;
								border: 1px solid #FFF;
								background: #515151;
								font: 12px/14px Arial;
									color: #FFF;
							}