/* Div used to clear floats where some browsers have trouble // Replaces the old '<br clear=all>' tag */
div.clear { clear:both; font-size:1px; height:1px; line-height:1px; }


body.calendar div#superWrapper { 
	width: 870px;
	margin: 50px auto 40px auto;
	}
	#calendarWrapper {
		width: 710px; /* 710px */ 
		padding: 0;
		margin: 0 auto 40px auto;
		/*clear: both;*/	
		background: url(../images/interface/bg_DiagStripe.gif) repeat top left;
		text-align: left;
		float: left;
		position: relative;
		top: -10px;
		}
	
	
#calendarHeader {
	width: 710px;
	height: 90px;
	margin: 0;
	clear: both;
	background: no-repeat top left;
	}

	#calendarHeader h1 {
		position: absolute;
		left: -9000px;
		}
	
	#calendarHeader h4 {
		text-indent: 29px;
		margin-top: 60px;
		display: block;
		float: left;
		}
	
#countryTabs_ {
	width: 292px;	
	height: 20px; 	
	/*padding-top: 73px;*/	
	/*float: right;*/
	position: relative;
	top: -8px;
	left: 417px !important; /* Compensates for IE6 positioning 1px too far */
	left: 416px;	
	}
	
#countryTabs {
	width: 292px;
	margin-top: 70px;		
	float: right;	
	}
	
	#countryTabs img {
		float: left;
		margin: 0;
		border: none;
		}

/*	#countryTab a:link, 
	#countryTab a:visited, 
	#countryTab a:hover, 
	#countryTab a:active {	
		color: #5086ff;	
		font-size: 10px;	
		text-decoration: none; 
		background-color: transparent;	
		padding: 0;
		}*/
	
	
#calendarMainNav {
	width: 680px; /* 690px */
	height: 70px; /* 80px */
	padding: 10px 0 0 10px;
	margin: 10px 0 0 10px;
	clear: both;
	background-color: #fff;
	}
	
#calendarMainNavButton {
	width: 116px; /* 126px */
	height: 55px; /* 60px */
	padding: 5px 0 0 10px;
	margin-right: 10px;
	float: left;
	background: url(../images/calendar/header_buttons_bg.gif) repeat-x top left;
	}

	#calendarMainNavButton.last {
		margin-right: 0;
		}
		
	#calendarMainNavButton.on {
		background: url(../images/calendar/header_buttons_bg_on.gif) repeat-x top left;
		}

	#calendarMainNavButton h1 {
		padding: 0;
		margin: 0;
		}

	#calendarMainNavButton p {
		font-size: 0.75em;
		line-height: 110%;
		}


	
	
/* **********************************************
*Columns
************************************************/
	
#calendarSideCol {
	width: 200px; 
	padding: 0;
	margin-top: 10px;
	float: left;
	}
	
.calendarSideBox {
	width: 170px; /* 180px */
	padding: 10px 0 15px 10px;
	margin-bottom: 10px;
	margin-left: 10px; 
	float: left;
	display: inline; /* IE doubles the margin width on floated items with left or right margins. Display inline slaps IE into shape! */	
	background-color: #fff;
	}
	
	.calendarSideBox h1 {
		margin: 0;
		padding: 5px 0 15px 0;
		line-height: 1em;
		}
	
	.calendarSideBox ul {
		margin: 0;
		padding: 0;
		font-size: 0.9em;
		list-style: none;
		}
	
		.calendarSideBox li {
			display: block;
			height: 17px; /* 20px */
			margin: 0 0 10px 0;
			padding-top: 3px;
			padding-left: 25px;
			background: no-repeat top left;
			}
	
#calendarPromos {
	width: 200px;
	float: left;
	padding-top: 10px;
	margin-bottom: 10px;
	background-color: #fff;
	}
	
#calendarColMain {
	width: 480px; /* 500px */
	padding: 10px 10px 15px 10px;
	margin-top: 10px;
	float: left;
	background-color: #fff;
	}
	
	#calendarColMain p {
		font-size: 0.9em;
		line-height: 130%;
		padding-bottom: 15px;
		}
	
	#calendarColMain .quicklinks {
		font-size: 0.9em;
		padding-bottom: 25px;
		}
	
		#calendarColMain .quicklinks a {
			font-weight: bold;
			}
	
	#calendarColMain h1 {
		margin-bottom: 10px;
		}
	
	#calendarColMain span.date {
		font-size: 0.85em;
/*		font-weight: bold;
		letter-spacing: -1px;*/
		color: #000;
		background-color: #fff100;
		padding: 0 5px;
		}
		
	#calendarColMain .reminderset {
		color: #000;
		background-color: #fff100;
		padding: 0 3px;
		}
		
.eventTypeIcon {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	}
	
.dayDivider {
	width: 100%;
	height: 30px;
	border-top: 1px dotted #fff100; 	
	}
	


/* **********************************************
*Forms
************************************************/

.calendarSideCol select,
.calendarSideCol input {
	margin-bottom: 5px;
	}
	
	
	
/* **********************************************
*Dates - Side Calendars
************************************************/	
	
.calendarDaysTable {
	width: 160px;
	margin-bottom: 15px;
	border-collapse: collapse;
	border-top: 1px solid #fff100;
	border-bottom: 1px solid #fff100;
	font-size: 0.9em;
	text-align: center;
	vertical-align: middle;
	}
	
	.calendarDaysTable th {
		width: 14%;
		height: 22px;
		padding: 0;
		font-weight: bold;
		}
	
	.calendarDaysTable td {
		width: 14%;
		height: 22px;
		padding: 0;
		}
	
/*		.calendarDaysTable td:hover {
			background-color: #5086ff;
			color: #fff;
			font-weight: bold;
			}*/
		
	.calendarDaysTable tr:hover {
		background-color: #e5e5e5;
		}
	
		.calendarDaysTable tr:hover.head {
			background-color: transparent;
			}
			
	.calendarDaysTable a:link, .calendarDaysTable a:visited {
		display: block;
		width: 100%;
		height: 100%;
		padding-top: 3px;
		background-color: transparent;
		color: #666;
		text-decoration: none;
		}
		
	.calendarDaysTable a:hover {
		display: block;
		width: 100%;
		height: 100%;
		padding-top: 3px;
		background-color: #5086ff;
		color: #fff;
		font-weight: bold;
		}
	
	.calendarDaysTable a:link.on {
		background-color: #5086ff;
		color: #fff;
		font-weight: bold;
		}
/* ---------------- */	
	
	
#calendarMonths {
	width: 160px;
	margin: 7px 0 15px 0;
	}
	
	#calendarMonths img {
		margin-top: 3px;
		}

	#calendarMonths ul {
		margin: 0;
		padding: 0;
		float: left;
		list-style: none;
		text-align: center;
		}

		#calendarMonths li {
			width: 27px;
			height: 39px; /* 41px */
			margin: 0 17px 0 0;
			padding: 2px 0 0 0;		
			float: left;
			display: block;
			font-size: 0.7em;
			color: #5086ff;
			/*overflow: hidden;*/
			}

			#calendarMonths li.last {
				margin-right: 0;
				}

	/*#calendarMonths div {
		clear: left;
		height: 1px;
		overflow: hidden;
		}*/
		
		
		
#calendarHelpWrapper {
	padding: 15px;
	margin: 0;
	}
	
	#calendarHelpWrapper h1 {
		margin-top: 8px;
		margin-bottom: 15px;
		}
		
		#calendarHelpWrapper span.yellowHeader {
			color: #000;
			background-color: #fff100;
			padding: 0 5px;
			}
			
	#calendarHelpWrapper h2 {
		margin-bottom: 7px;
		}
		
	#calendarHelpWrapper p {
		padding-bottom: 25px;
		}
	
	 #calendarTableAddEvent {
	 	border-collapse: collapse;
	 	margin-bottom: 25px;
	 	font-size: 0.9em;
	 	line-height: 110%;
	 	}
    
	 #calendarTableAddEvent td {
	 	padding: 3px;
	 	}