
	body {
		background-color: #FFFFFF; 
		font-family:Verdana,sans-serif;
	}

	a {
		color:#3399FD;
		text-decoration:none;
	}
	
	a:hover {
		text-decoration:underline;
	}
	
	td {
		font-size:11px;
	}

/** UTILITY CLASSES **/
	.bold{ font-weight: bold; }
	.strikethrough{ text-decoration: line-through; }
	.margin {padding-left: 30px;}

/**  Font classes  **/
	.purple1 {color:#333366; font-size:10px;}
	.purple2 {color:#333366; font-size:13px;}
	.purple3 {color:#333366; font-size:16px;}
	.purple4 {color:#333366; font-size:17px;}
	.purple5 {color:#333366; font-size:11px;}
	.lightpurple1 {color:#666699; font-size:10px;}
	.lightpurple2 {color:#666699; font-size:13px;}
	.lightpurple3 {color:#666699; font-size:16px;}
	.lightpurple4 {color:#666699; font-size:17px;}
	.lightpurple5 {color:#666699; font-size:11px;}
	lightpurple5Bold {color:#666699; font-size:11px;font-weight:bold;}
	.orange1 {color:#FF3300; font-size:10px;}
	.orange2 {color:#FF3300; font-size:13px;}
	.orange3 {color:#FF3300; font-size:16px;}
	.orange4 {color:#FF3300; font-size:17px;}
	.orange5 {color:#FF3300; font-size:11px;}
	.orange2Bold {color:#FF3300; font-size:13px;font-weight:bold;}
	.orange5Bold {color:#FF3300; font-size:11px;font-weight:bold;}
	.orange6Bold { color: #FF3300; font-size: 24px; font-weight: bold; }
	.orangeHeader{color: #FF9900; font-size: 24px;  font-weight: bold;}
	.lightorange1 {color:#FF9900; font-size:10px;}
	.lightorange2 {color:#FF9900; font-size:13px;}
	.lightorange3 {color:#FF9900; font-size:16px;}
	.lightorange4 {color:#FF9900; font-size:17px;}
	.lightorange5 {color:#FF9900; font-size:11px;}
	.lightorange5Bold {color:#FF9900; font-size:11px;font-weight:bold;}
	.lightorange2Bold {color:#FF9900; font-size:13px;font-weight:bold;}
	.lightorange3Bold {color:#FF9900; font-size:16px;font-weight:bold;}
	.darkgrey1 {color:#333333; font-size:10px;}
	.darkgrey2 {color:#333333; font-size:13px;}
	.darkgrey3 {color:#333333; font-size:16px;}
	.darkgrey4 {color:#333333; font-size:17px;}
	.darkgrey5 {color:#333333; font-size:11px;}
	.darkgrey1Bold {color:#333333; font-size:10px; font-weight:bold;}
	.darkgrey2Bold {color:#333333; font-size:13px; font-weight:bold;}
	.darkgrey3Bold {color:#333333; font-size:16px; font-weight:bold;}
	.darkgrey4Bold {color:#333333; font-size:17px; font-weight:bold;}
	.darkgrey5Bold {color:#333333; font-size:11px; font-weight:bold;}
	.grey1 {color:#666666; font-size:10px;}
	.grey2 {color:#666666; font-size:13px;}
	.grey3 {color:#666666; font-size:16px;}
	.grey4 {color:#666666; font-size:17px;}
	.grey5 {color:#666666; font-size:11px;}
	.grey5Bold{color:#666666; font-size:11px; font-weight:bold;}
	.grey2Bold {color:#666666; font-size:13px; font-weight:bold;}
	.black1 {color:#000000; font-size:10px;}
	.black2 {color:#000000; font-size:13px;}
	.black3 {color:#000000; font-size:16px;}
	.black4 {color:#000000; font-size:17px;}
	.black5 {color:#000000; font-size:11px;}
	.black6 {color:#000000; font-size:24px;}
	.black1Bold {color:#000000; font-size:10px; font-weight:bold;}
	.black2Bold {color:#000000; font-size:13px; font-weight:bold;}
	.black3Bold {color:#000000; font-size:11px; font-weight:bold;}
	.black4Bold {color:#000000; font-size:17px; font-weight:bold;}
	.black5Bold {color:#000000; font-size:11px; font-weight:bold;}
	.black6Bold {color:#000000; font-size:24px; font-weight:bold;}
	.white1 {color:#FFFFFF; font-size:10px;}
	.white2 {color:#FFFFFF; font-size:13px;}
	.white3 {color:#FFFFFF; font-size:16px;}
	.white4 {color:#FFFFFF; font-size:17px;}
	.white5 {color:#FFFFFF; font-size:11px;}
	.red1 {color:#ff0000; font-size:10px;}
	.red2 {color:#ff0000; font-size:13px;}
	.red3 {color:#ff0000; font-size:16px;}
	.red4 {color:#ff0000; font-size:17px;}
	.red5 {color:#ff0000; font-size:11px;}
/**  BACKGROUND COLOURS  *****  dk = dark, lt = light  **/
	.bggrey{ background-color: #eeeded; }
	.bgdkgrey{ background-color: #cccccc; }
	.bgblue{ background-color: #99ccff; }
	.bgyellow{ background-color: #ffff00; }
	.bgltorange{ background-color: #ffcc00; }
	.bgdkorange{ background-color: #ff9900; }
	.bggreen{ background-color:#9cce34; }
	
	/**  Global BUTTONS *****  **/
.whiteBtn{
	background-color: #EEEEEE;
	color:#000000;
	font-size:10px;
	font-weight:normal;
	text-transform: lowercase;
	border-top: 1px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-left: 1px solid #000000;
	padding: 1px 2px 0px 2px;
}
.searchBtn{
	background-color: #ffcc00;
	color:#000000;
	font-size:10px;
	font-weight:normal;
	text-transform: lowercase;
	border-top: 1px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-left: 1px solid #000000;
	padding: 1px 2px 0px 2px;
}
.logout {color:#ff3300; font-size:11px; text-decoration: none; font-weight: bold;}
a.logout {color:#ff3300; font-size:11px; text-decoration: none; font-weight: bold;}
a.logout:hover {color:#ff3300; font-size:11px; text-decoration: none; font-weight: bold;}
a.logout:visited {color:#ff3300; font-size:11px; text-decoration: none; font-weight: bold;}
.bubbleText{color:#ffffff;font-size:13px;text-decoration:none;font-weight:bold;}
a.bubbleText{color:#ffffff;font-size:13px;text-decoration:none;font-weight:bold;}
a.bubbleText:hover{color:#ffffff;font-size:13px;text-decoration:none;font-weight:bold;}
a.bubbleText:visited{color:#ffffff;font-size:13px;text-decoration:none;font-weight:bold;}

/* planner fallback css START */
.fallbackHeadline1 {
	font: Verdana;
	text-align: left;
	width: 360px;
	
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #333333;
	
	margin-top: 0px;
}

.fallbackHeadline2 {
	font: Verdana;
	text-align: left;
	width: 360px;
	
	font-size: 24px;
	line-height: 28px;
	letter-spacing: -1px;
	font-weight: bold;
	color: #333333;
	
	margin-top: 10px;
}

.fallbackText {
	font: Verdana;
	text-align: left;
	width: 360px;
	
	font-size: 11px;
	color: #333333;
	
	margin-top: 20px;
}

a.fallbackLink:link {
	font: Verdana;
	text-align: left;
	width: 360px;
	
	font-size: 11px;
	color: #3399FD;
	text-decoration: none;
	
	margin-top: 20px;
}

a.fallbackLink:hover {
	font: Verdana;
	text-align: left;
	width: 360px;
	
	font-size: 11px;
	color: #3399FD;
	text-decoration: underline;
}

.fallbackImage{
	width: 580px;
}

.fallbackMainDiv{
	width: 1050px;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 25px;
}

.fallbackLeftDiv{
	float: left;
	width: 360px;
}

.fallbackRightDiv{
	float: right;
	width: 580px;
}

/* planner fallback css END */


  