html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
img,body,html{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

Body {
	/* background-color: #eff0f4; */
	background-image: url(../images/Bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	font-family: "Lucia Grande", Tahoma;
}

body.nobackground
{
	background-image: none;
}

#mycalTabs {}
#mycalTabs table { font-size: 100%}

#Contanier {
	height: auto;
	width: 990px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#HeaderLogo {
	background-image: url(../images/HeaderLogo.jpg);
	/* background-image: url(../images/t.jpg); */
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 70px;
	width: 285px;
}
#HeaderRightNav {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	float: right;
	height: 15px;
	width: 500px;
	padding-right: 25px;
	padding-bottom: 10px;
	vertical-align: bottom;
	text-align: right;
	padding-top: 44px;
}
a.Nav:link {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#YellowBoxBgandBorder {
	background-color: #eef8a1;
	margin: 0px;
	padding: 0px;
	height: 288px;
	width: 935px;
	border: 1px solid #c8d979;
}
#YellowBoxLeft {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 744px;
}
#YellowBoxRight {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 191px;
	background-color: #e7fb98;
}
#YellowBoxLeftContanier {
	padding-top: 11px;
	padding-right: 49px;
	padding-bottom: 10px;
	padding-left: 52px;
}
.BoldBarkTitleContent {
	font-family: Tahoma;
	font-size: 18px;
	font-weight: bold;
	color: #414a2f;
}
#SlideshowLeft {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 315px;
}
.FormLeft {
	font-family: Tahoma;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	text-transform: capitalize;
	color: #414a2f;
	text-align: right;
	vertical-align: middle;
	height: 24px;
	width: 75px;
	padding-right: 5px;
	float: left;
}
.FormRight {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 150px;
}
.inputBox {
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	height: 16px;
	width: 140px;
	border: 1px solid #FFFFFF;
	background-image: url(../images/dot.jpg);
	background-repeat: repeat;
	background-position: left top;
	border: 1px solid #8ea08a;
}
.inputBoxError {
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
	background-color: #ffffff;
	height: 16px;
	width: 140px;
	/* background-image: url(../images/dot.jpg); 
	background-repeat: repeat;
	background-position: left top;
	*/
	border: 1px solid red;
}
.InputButton {
	font-family: Arial;
	font-size: 12px;
	line-height: 22px;
	text-transform: capitalize;
	color: #FFFFFF;
	background-color: #2f321f;
	text-align: center;
	vertical-align: middle;
	height: 22px;
	width: 55px;
	border: 1px solid #2f321f;
}
.Signup {
	background-image: url(../images/Signupwithmycal.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 31px;
	width: 166px;
}
.Submit {
	float: right;
	width: 64px;
	padding-top: 5px;
}
#Contanier #YellowBoxRightContanier {
	padding-top: 38px;
	padding-right: 20px;
	padding-bottom: 31px;
	padding-left: 23px;
}
.RightBoldContent {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #70813a;
}
.RightBoldContentblack {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.RightsmallContent {
	font-family: Tahoma;
	font-size: 11px;
	color: #70813a;
}
#Contentcontenier {
	float: right;
	width: 965px;
}
#Contentcontenier1 { width: 995px; }
#mycalcontent {  min-height: 600px;}
#Leftside {
	float: left;
	width: 645px;
}
#Rightside {
	float: left;
	width: 290px;
}
#LeftSideContanier {
	padding-top: 0px;
	padding-right: 52px;
	padding-bottom: 8px;
	padding-left: 29px;
}
#RightsideContanier {
	padding-top: 27px;
	padding-right: 23px;
	padding-bottom: 3px;
	padding-left: 0px;
}
.FooterContent {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #494e2e;
}
#Foruser {
	float: left;
	width: 285px;
}
#ForBusiness {
	float: right;
	width: 259px;
}
.loginContent {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	text-transform: capitalize;
	color: #70813a;
	line-height: 20px;
	text-align: left;
	vertical-align: middle;
	height: 20px;
}
.InputBoxLogin {
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	height: 15px;
	width: 109px;
	border: 1px solid #8ea08a;
}
.SelectBoxLogin {
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	height: 20px;
	width: 109px;
	border: 1px solid #8ea08a;
}
#Separation {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 75px;
}
#FormBox {
	margin: 0px;
	padding: 0px;
	float: Right;
	width: 230px;
	padding-right: 23px;
}
a.Nav:visited {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.Nav:hover {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #ccff66;
	text-decoration: none;
}
#features {
	padding-top: 0px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 30px;
	padding:0; 
	width:565px;
	float:left;
	clear:both;
}
#itemfeature {
	width:210px;
	height:81px;
	float:left;
	padding-left:65px;
	padding-right:5px;
	margin:0 0 15px 0;
	color:#47515a;
	line-height:18px;
	font-family: Tahoma;
	font-size: 12px;
}
#title {
	width:210px;
	height:32px;
	float:left;
	padding: 0;
	padding-left:65px; 
	padding-right:5px; 
	margin:0 0 0px 0;
	color:#000000;
	line-height:18px;
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	text-transform: capitalize;
}
.feature1 {
	background:url(../images/calendar_icon.png) no-repeat top left;
}
.feature2 {
	background-image: url(../images/clock_icon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.feature3 {
	background:url(../images/info_icon.png) no-repeat top left;
}
.feature4 {
	background:url(../images/Door_icon.png) no-repeat top left;
}
#spacer {

	clear:both;
	}
	
	/* ---------------- Quick Info ------------------------ */

	#quickinfo {
		width:225px;
		float:left;
		padding:5px;
		/* background:url(../img/frame/quickinfo_bg.png) top right no-repeat; */
		height:500px;
	}
	#quickinfo h3 {
	margin-bottom:2px;
	font:12px bold;
	}

	.quickinfoBox {
		width:190px;
		height:auto;
		background:#FBFCFC;
		border-right:solid 1px #E5E7E2;
		border-bottom:solid 1px #E5E7E2;
		padding:10px;
		margin-top:5px;
		margin-bottom:20px;
		line-height:18px;
		color:#81878B;
		font-size: 100%;
	}

	#businessarea {}
	#businessarea ul {
		list-style:none;
		margin:0;
		list-style-position:outside;
		padding-left:0;
		margin-left:0;
		}

	#messagecenter {}

	#feedback {}

	.headerFeedback {
		/* background:url(../img/quickinfo/feedback.png) no-repeat;*/
		text-indent:-9999px;
		margin:0 0 0px 9px;
	}

	.headerMessageCenter {
		/* background:url(../img/quickinfo/messagecenter.png) no-repeat; */
		text-indent:-9999px;
		margin:0 0 0 9px;
	}
	.headerBusArea {
		/* background:url(../img/quickinfo/businessinyourarea.png) no-repeat; */
		text-indent:-9999px;
		margin:0 0 0 9px;
	}
	
	/*------- Calendar -------*/

	#calendarDates { width: 267px; height: 20px; float: left; }
	#calendarControls { color: #ff0; text-align: right; width: 52px; height: 20px; float: left; }
	#calendarDays { width: 322px; clear: both; padding-top: 5px; padding-bottom: 5px; border-bottom-width: 10px; }
	.calendarBlock { font-weight: bold; text-align: center; width: 38px; height: 15px; float: left; margin-right: 8px; margin-bottom: 5px; }
	#calendarDaysBook { width: 273px; clear: both; padding-top: 5px; padding-bottom: 5px; border-bottom-width: 10px; }
	.calendarBlockBook { font-weight: bold; text-align: center; width: 33px; height: 15px; float: left; margin-right: 6px; margin-bottom: 5px; }

	.calendarNA { 
		color: #c1c1c1; 
		font-weight: bold; 
		text-align: center; 
		margin-right: 8px; 
		margin-bottom: 5px; 
		width: 21px; 
		height: 17px; 
		float: left; 
		padding-top: 13px; 
		padding-right: 15px; 
		border: solid 1px #92A4B5;
	}

	.calendarMonthNA { 
		color: #c1c1c1; 
		font-weight: bold; 
		text-align: center; 
		margin-right: 8px; 
		margin-bottom: 5px; 
		width: 21px; 
		height: 17px; 
		float: left; 
		padding-top: 13px; 
		padding-right: 15px; 
		border: solid 1px #92A4B5;
	}
	.blueEvent { 
		background-color: #4096EE;
	}
	.orangeEvent { 
		background-color: #FF7400;
	}
	.calendarMonthNA:hover  { border: solid 1px #29333c; color: #29333c; cursor: pointer; }
	
	.calendarMonthNA:hover  { border: solid 1px #29333c; color: #29333c; cursor: pointer; }

	.calendarNABook { 
		color: #c1c1c1; 
		font-weight: bold; 
		text-align: center; 
		margin-right: 7px; 
		margin-bottom: 5px; 
		width: 20px; 
		height: 17px; 
		float: left; 
		padding-top: 13px; 
		padding-right: 10px; 
		border: solid 1px #F0F3F4; 
	}
	.hoverWhite:hover { color: #000;}
	.calendarAS { color: #6c8636; font-weight: bold; background-color: #E0F88A; background-image: url(../images/calendar_as.jpg); text-align: center; margin-right: 8px; margin-bottom: 5px; width: 21px; height: 17px; float: left; padding-top: 13px; padding-right: 15px; border: solid 1px #69A330; }
	.calendarAS:hover  { color: #fff; background-image: url(../images/calendar_as_hover.jpg); border: solid 1px #103000; cursor: pointer; }

	.calendarASBook { color: #6c8636; font-weight: bold; background-color: #E0F88A; background-image: url(../images/calendar_as.jpg); text-align: center; margin-right: 7px; margin-bottom: 5px; width: 20px; height: 17px; float: left; padding-top: 13px; padding-right: 10px; border: solid 1px #69A330; }
	.calendarASBook:hover  { color: #fff; background-image: url(../images/calendar_as_hover.jpg); border: solid 1px #103000; cursor: pointer; }

	.apptTimeLink { color: #6c8636; font-weight: bold; background-color: #E0F88A; background-image: url(../images/calendar_as_time.jpg); text-align: left; margin-right: 7px; margin-bottom: 2px; width: 90px; height: 17px; float: left; padding-left: 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; border: solid 1px #69A330; font-size: 12px; text-decoration: none;}
	.apptTimeLink:hover  { color: #fff; background-image: url(../images/calendar_as_time_hover.jpg); border: solid 1px #103000; cursor: pointer; }

	.jItemLink { color: #000; font-weight: bold;  text-align: left; margin-right: 7px; margin-bottom: 2px; width: 70px; height: 17px; float: left; padding-left: 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; border: solid 1px #69A330; font-size: 12px; text-decoration: none; text-align: center;}
	.jItemLink:hover  { color: #000; border: solid 1px #103000; cursor: pointer; }


	.apptTimeLink1 { display: block; color: #6c8636; font-weight: bold; background-color: #E0F88A; background-image: url(../images/calendar_as.jpg); text-align: left; margin-right: 8px; margin-bottom: 5px; width: 200px; height: 20px; float: left; padding-left: 10px; padding-top: 13px; padding-right: 15px; padding-bottom: 13px; border: solid 1px #69A330; text-decoration: none;}
	.apptTimeLink1:hover  { display: block; color: #fff; background-image: url(../images/calendar_as_hover.jpg); border: solid 1px #103000; cursor: pointer; }

	.calendarA { color: #7D8876; font-weight: bold; background-color: #F0FCC5; background-image: url(../images/calendar_a.jpg); text-align: center; margin-right: 8px; margin-bottom: 5px; width: 21px; height: 17px; float: left; padding-top: 13px; padding-right: 15px; border: solid 1px #E2FA8B; }
	.calendarA:hover  { color: #fff; background-image: url(../images/calender_a_hover.jpg); border: solid 1px #536477; cursor: pointer; }
	.calendarABook { color: #7D8876; font-weight: bold; background-color: #F0FCC5; background-image: url(../images/calendar_a.jpg); text-align: center; margin-right: 7px; margin-bottom: 5px; width: 20px; height: 17px; float: left; padding-top: 13px; padding-right: 10px; border: solid 1px #E2FA8B; }
	.calendarABook:hover  { color: #fff; background-image: url(../images/calender_a_hover.jpg); border: solid 1px #536477; cursor: pointer; }

	.calendarAW { color: #81888C; font-weight: bold; background-color: #FBFCFC; background-image: url(../images/calendar_a.jpg); text-align: center; margin-right: 8px; margin-bottom: 5px; width: 21px; height: 17px; float: left; padding-top: 13px; padding-right: 15px; border: solid 1px #C2CED3; }
	.calendarAW:hover  { color: #fff; background-image: url(../images/calender_a_hover.jpg); border: solid 1px #536477; cursor: pointer; }
	#calendarLegend { line-height: 20px; padding-top: 20px; padding-bottom: 15px; }
	.calendarLegendBox { padding-right: 2px; padding-left: 10px; }
	.memberCalMonth { background:url(../img/calendar/june.gif) no-repeat; text-indent:-9999px;}
	.memberCalYear { background:url(../img/calendar/2008.gif) no-repeat; text-indent:-9999px; }

	.calendarWeekNA { color: #999; font-weight: normal; text-align: center; float: left; border-bottom: solid 1px #f0f3f4; border-right: solid 1px #F0F3F4; }
	.calendarWeekA { color: #fff; font-weight: bold; background-color: #34404C; text-align: center; margin-right: 8px; margin-bottom: 5px; width: 21px; height: 17px; float: left; padding-top: 13px; padding-right: 15px; border: solid 1px #eeeeee; }
	.calendarWeekA a { color: #fff; text-decoration: none; }
	.calendarLink { color: #000; text-decoration: none; }
	.calendarLink:hover { color: #c1c1c1; text-decoration: none; }

	/* ---------------- Member  ------------------------ */	

	#membercalendar {
		width:325px;
		float:left;
		margin-right:10px;
		font-size: 11px;
		line-height: 14px;
	}
	
	#memberupdates {
		width:350px;
		float:left;
		font-size: 11px;
		line-height: 14px;
		padding-left: 25px;
		padding-top: 15px;
	}

	#memberHeader { font-size: 150%; color: #999999; font-weight: normal; text-align: center; margin-bottom: 5px; padding-bottom: 5px;}
	.apptAlert { font-size: 100%; color: #660000; font-weight: bold; text-align: center;}
	.apptNone { font-size: 100%; color: #000000; font-weight: bold; text-align: center;}
	
	#memberTodayAppoint {
		padding:15px;
		background:#E2F98B;
		border-right:solid 1px #E5E7E2;
		border-bottom:solid 1px #E5E7E2;
		margin-bottom:20px;
		}
		
		#memberTodayAppointOff {
			padding:15px;
			background:#E2F98B;
			border-right:solid 1px #E5E7E2;
			border-bottom:solid 1px #E5E7E2;
			margin-bottom:20px;
			}

			#memberTodayAppointOn {
				padding:15px;
				background: #ccff33;
				border-right:solid 1px #E5E7E2;
				border-bottom:solid 1px #E5E7E2;
				margin-bottom:20px;
				}

	#memberTodayAppoint h4 {
		margin:0;
		padding:0 0 5px 0;
		background: url(../img/member/todaysappoinment.gif) no-repeat;
		text-indent:-9999px;
	}

	#member7daysAppoint {
		padding:15px;
		background:#FAFBFB;
		border-right:solid 1px #E5E7E2;
		border-bottom:solid 1px #E5E7E2;
	}


	#member7daysAppoint h4 {
		margin:0;
		padding:0 0 5px 0;
		background: url(../img/member/next7daysappointment.gif) no-repeat;
		text-indent:-9999px;
	}

	#member7daysAppoint ul {
		margin-left:0;
		padding-left:0;
		background-color: #ffffcc; 
		height: 90px; 
		padding: 2px;
		width: 90%;
		border-right:solid 1px #E5E7E2;
		border-bottom:solid 1px #E5E7E2;
	}
	


	#member7daysAppoint li {
		width:auto;
		list-style:outside;
		list-style-type:none;
		padding-right: 10px;
		padding-left: 10px;
		padding-bottom: 5px;
	}


	.dailyview { text-align: left; margin-right: 8px; margin-bottom: 5px; margin-top: 10px; float: left;  padding-top: 13px; padding-right: 15px; width: 300px; }

	#memberDailyAppoint {
		padding:15px;
	}

	#memberDailyAppoint ul {
		margin-left:0;
		padding-left:0;
		height: 90px; 
		padding: 2px;
		width: 90%;
		border-top:dotted 1px #E5E7E2;
		border-right:dotted 1px #E5E7E2;
		border-bottom:dotted 1px #E5E7E2;
	}
	

	#memberDailyAppoint li {
		width:auto;
		list-style:outside;
		list-style-type:none;
		padding-right: 10px;
		padding-left: 10px;
		padding-bottom: 5px;
	}
	.lilast {
		float:left;
		text-align: right;
		width:100px;
		list-style:outside;
		list-style-type:none;
		padding-right:10px;
		padding-right:10px;
		margin-left: 25px;
		height: 15px;
	}
	#memberAppointment {
		width:350px;
		padding-bottom:15px;
	}

	.cancelLink { color: #660000; font-weight: bold; text-decoration: none; }
	a.findAppointments:hover { color: #ff6666; font-weight: bold; font-size: 140%; text-decoration: none; }
	a.findAppointments { color: #333333; font-weight: bold; font-size: 140%; text-decoration: none; }
	a.hasAppointments:hover { color: #333333; font-weight: bold; font-size: 90%; text-decoration: none; cursor: pointer;}
	a.hasAppointments { color: #ff6666; font-weight: bold; font-size: 90%; text-decoration: none; cursor: pointer;}

	a.hasBookings:hover { color: #333333; font-weight: bold; font-size: 90%; text-decoration: none; cursor: pointer;}
	a.hasBookings { color: #000000; font-weight: bold; font-size: 90%; text-decoration: none; cursor: pointer;}
	
	a.userFavLink { color: #333333; font-weight: bold; font-size: 70%; text-decoration: none; }
	a.userFavLink:hover { color: #ff6666; font-weight: bold; font-size: 70%; text-decoration: none; }
	a.userFavLinkActive { color:  #ff6666; font-weight: bold; font-size: 70%; text-decoration: none; }
	a.userFavLinkActive:hover { color:  #333333;  font-weight: bold; font-size: 70%; text-decoration: none; }

	a.busFavLink { color: #000; font-weight: bold; font-size: 70%; text-decoration: none; }
	a.busFavLink:hover { color: #327304; font-weight: bold; font-size: 70%; text-decoration: none; }
	
	a.sFavLink { color: #000; font-weight: bold; font-size: 90%; text-decoration: none; }
	a.sFavLink:hover { color: #327304; font-weight: bold; font-size: 90%; text-decoration: none; }

	a.sFavLink1 { color: #000; font-weight: bold; font-size: 100%; text-decoration: none; }
	a.sFavLink1:hover { color: #327304; font-weight: bold; font-size: 100%; text-decoration: none; }

	a.bsetting { font-size: 14px; color: #333333; font-weight: bold; text-decoration: none;}
	a.bsetting:hover { font-size: 14px; color: #000000; font-weight: bold; text-decoration: none;}
	a.bsettingSmall { font-size: 11px; color: #333333; font-weight: bold; text-decoration: none;}
	a.bsettingSmall:hover { font-size: 11px; color: #000000; font-weight: bold; text-decoration: none;}
	.boxit td {  background:#FBFCFC; border-right: solid 1px #E5E7E2;  border-bottom:solid 1px #E5E7E2; padding: 10px;}

	.adminhead { padding: 10px; background:#e4f2fd; border-right:solid 3px #c6d9e9;  border-bottom:solid 3px #c6d9e9; width: 600px; }

	.adminhead h3 { color: #34404C;}
	.adminhead .instructions { color: #34404C; font-size: 90% }
	.editbox { background: #FBFCFC; border-right:solid 1px #E5E7E2;  border-bottom:solid 1px #E5E7E2; margin-bottom: 10px; }
	.fbtrheader { font-weight: bold; text-align: right; font-size: 100%; }
	.fbdata { font-size: 95%;}
	
	.bookhead { 
		width: 600px; background: #FBFCFC; border-right:solid 1px #E5E7E2;  border-bottom:solid 1px #E5E7E2; margin-bottom: 10px;
	}
	.bookhead .instructions { color: #81878B; font-size: 90% }

	#tooltipPage {
		width:400px;
		padding-top:8px;
		}
	.tooltip400 {background:url(/public/img/frame/tooltipLongEnd400.png) no-repeat top left; height:33px; padding:7px 5px 0 5px; color:#EBEBEB; text-align: center; font-weight:normal; }
	.tooltip500 {background:url(/public/img/frame/tooltipLongEnd500.png) no-repeat top left; height:33px; padding:7px 5px 0 25px; color:#EBEBEB; text-align: left; font-weight:normal; }

	.tooltip600 {background:url(/public/img/frame/tooltipLongEnd600.png) no-repeat top left; height:33px; padding:7px 5px 0 5px; color:#EBEBEB; text-align: center; font-weight:normal; }

	#tooltipx{
		position:absolute;
		border:1px solid green;
		background:#f7f5d1;
		padding:2px 5px;
		color:#333;
		font-size: 12px;
		display:none;
	}
	#tooltip { 
		position: absolute;
		color: #000; 
		font-size: 10px;
		font-weight: normal; 
		background-color: #ffffff; 
		text-align: left; 
		margin-right: 8px; 
		margin-bottom: 5px; 
		width: 200px; 
		padding-top: 1px; 
		padding-right: 1px; 
		padding-left: 1px; 
		padding-bottom: 13px; 
		border: solid 5px #36393D; 
		display: none;
	}
	
	#tooltipBooking { 
		position: absolute;
		color: #000; 
		font-size: 10px;
		font-weight: normal; 
		background-color: #ffffff; 
		text-align: left; 
		margin-right: 8px; 
		margin-bottom: 5px; 
		width: 200px; 
		padding-top: 1px; 
		padding-right: 1px; 
		padding-left: 1px; 
		padding-bottom: 13px; 
		border: solid 5px #356AA0; 
		display: none;
	}

	.tooltipBookingForQTIP { 
		position: absolute;
		color: #000; 
		font-size: 10px;
		font-weight: normal; 
		background-color: #ffffff; 
		text-align: left; 
		margin-right: 8px; 
		margin-bottom: 5px; 
		width: 200px; 
		padding-top: 1px; 
		padding-right: 1px; 
		padding-left: 1px; 
		padding-bottom: 13px; 
		border: solid 5px #356AA0; 
		display: none;
	}

	.ptiphead {
		background-color: #d4dae8;
		width: 97%;
		display: block;
		padding-left: 2px;
		padding-right: 2px;
		font-weight: bold;
	}
	.ptiphead1 {
		background-color: #f7f7f7;
		width: 97%;
		display: block;
		padding-left: 2px;
		padding-right: 2px;
		font-weight: normal;
	}
	.ptiphead2 {
		background-color: #fff;
		width: 97%;
		display: block;
		padding-left: 2px;
		padding-right: 2px;
		font-weight: normal;
	}
	.bookableLink
	{
		font-size: 14px;
		font-weight: bold;
		color: #666666;
		text-decoration: none;
	}
	.bookableLink:hover
	{
		font-size: 14px;
		font-weight: bold;
		color: #000;
		text-decoration: none;	
	}
	.bookable { margin: auto; padding: 7px 5px 10px 5px; color: #666666; cursor: hand;}
	/*
	.bookable-hover { background:url(/public/images/sample-over1.gif) no-repeat top left; color: #000; cursor: hand;}
	*/
	.bookable-hover { margin: auto; padding: 7px 5px 10px 5px; color: #000; cursor: hand;}
	.clientHeader { font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif; color: #fff; font-weight: bold; background-color: #34404C; text-align: center; margin-right: 8px; margin-bottom: 5px; height: 17px; padding-top: 13px; padding-right: 15px; border: solid 1px #eeeeee; font-size: 12px;}
	.clientHeaderOn { font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif; color: #000; font-weight: normal; background-color: #fff; text-align: left; margin-right: 8px; margin-bottom: 5px; height: 17px; padding-top: 13px; padding-right: 15px; border: solid 1px #eeeeee; font-size: 12px;}
	.clientHeaderOff { font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif; color: #000; font-weight: normal; background-color: #fff; text-align: left; margin-right: 8px; margin-bottom: 5px; height: 17px; padding-top: 13px; padding-right: 15px; border: solid 1px #eeeeee; font-size: 12px;}
	.feedbacktxt { font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif; color: #000; font-weight: normal; background-color: #fff; text-align: left; margin-right: 8px; margin-bottom: 5px; height: 17px; padding-top: 13px; padding-right: 15px; border: solid 1px #eeeeee; font-size: 12px;}
	#globalMessage { font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif; color: #34404C; }
	.feedback { font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif; color: #34404C; border: 1px solid #34404C; font-size: 10px; width: 150px; overflow: auto;}
	.feedbackButton { display: block; color: #000; font-weight: bold; background-color: #fff; background-image: url(../images/bnbg.gif); text-align: left; margin-right: 10px; margin-right: 7px; margin-bottom: 10px; width: 130px; height: 14px; padding-left: 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 10px; border: solid 1px #34404C; font-size: 12px; text-decoration: none;}
	.fbinfobox
	{
		font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif
	    background-color: #fff9d7;
	    border: 1px solid #e2c822;
	    color: #333333;
	    padding: 10px;
	    font-size: 13px;
	    font-weight: bold;
	}
	.fbgreybox
	{
		font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif
	    background-color: #f7f7f7;
	    border: 1px solid #cccccc;
	    color: #333333;
	    padding: 10px;
	    font-size: 13px;
	    font-weight: bold;
	}
	.fberrorbox
	{
		font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif
	    background-color: #ffebe8;
	    border: 1px solid #dd3c10;
	    color: #333333;
	    padding: 10px;
	    font-size: 13px;
	    font-weight: bold;
	}
	
	.fberrorbox1
	{
		font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif
	    background-color: #C3D9FF;
	    border: 1px solid #D01F3C;
	    color: blue;
	    padding: 10px;
	    font-size: 13px;
	    font-weight: bold;
	}
	
	.fbbody
	{
font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif
	    color: #3b5998;
	    outline-style: none;
	    text-decoration: none;
	    font-size: 11px;
	    font-weight: bold;
	}
	.fbbody:hover
	{
font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif
	    text-decoration: underline;
	}
	.fberror
	{
		font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif
	    color: #ffebe8;
	    font-size: 10px;
	}
	
		.desc
		{
			font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif
	    	color: #ffebe8;
	    	font-size: 12px;
			font-weight: normal;
		}
		/* FAQ STUFF */
		a.faqQuestion { color: #333333; font-weight: bold; font-size: 100%; text-decoration: none; }
		a.faqQuestion:hover { color: #ff6666; font-weight: bold; font-size: 100%; text-decoration: none; }
		.faq-answer {
			display:none;
			font-size: 85%;
			padding-left: 25px;
			padding-top: 10px;
		}


		.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
		.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }
		.ui-widget { font-size: 100%;}
		.ui-widget textarea{ font-size: 100%; width: 95%;}
		.ui-widget .bfLink { padding: 8px; font-size: 100%; }
		.ui-widget, .ui-widget-header, .ui-widget-content { padding: .3em;  }
		.ui-button { font-size: 62.5%;}


		.b-widget {}
		.b-widget .ui-widget { font-family: segoe ui, Arial, sans-serif; font-size: 1.1em; }
		.b-widget .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: segoe ui, Arial, sans-serif; font-size: 1em; }
		.b-widget .ui-widget-content { border: 1px solid #aaaaaa; background: #f0efea url(/public/css/south-street/images/ui-bg_highlight-soft_100_f0efea_1x100.png) 50% top repeat-x; color: #222222; }
		.b-widget .ui-widget-content a { color: #000; text-decoration: none; font-weight: bold; font-size: 120%;}
		.b-widget .ui-widget-content .addressLine { font-size: 80%;}
		.b-widget .ui-widget-content .description { font-size: 80%; }
		.b-widget .ui-widget-content .keywords { font-size: 80%; font-style: italic;}

		.b-widget .ui-widget-header { border: 1px solid #59584f; background: #3b3b35 url(/public/css/south-street/images/ui-bg_inset-soft_22_3b3b35_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
		.b-widget .ui-widget-header a { color: #ffffff; }

		.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
		.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

		a.fg-button { float:left; }

		/* remove extra button width in IE */
		button.fg-button { width:auto; overflow:visible; }

		.fg-button-icon-left { padding-left: 2.1em; }
		.fg-button-icon-right { padding-right: 2.1em; }
		.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
		.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

		.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }         /* solo icon buttons must have block properties for the text-indent to work */

		.fg-buttonset { float:left; }
		.fg-buttonset .fg-button { float: left; }
		.fg-buttonset-single .fg-button,
		.fg-buttonset-multi .fg-button { margin-right: -1px;}

		.fg-toolbar { padding: .5em; margin: 0;  }
		.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
		.fg-toolbar .fg-button { font-size: 1em;  }

		.ui-state-mycal-corner-box {border: 1px solid #e8e1b5; background: #fff 50% 50%; color: #000; }
		.progressbar { font-size: 14px; font-weight: bold; color: #000;}
		
		.highblack { color: #000; }
		
		/* Navigation
		   -------------------------------- */

		#navigation {
			height: 41px;
			float: left;
			position: absolute;
			top: 28px;
			right: 200px;
		}

		#navigation .left {
			float: left;
			width: 5px;
			height: 41px;
			background: url('/public/images/navigation/navigation_l.png') no-repeat left top;
		}

		#ie6 #navigation .left {
			background: transparent none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/images/navigation/navigation_l.png', sizingMethod='scale');
			zoom: 1;
		}

		#navigation .right {
			float: left;
			width: 3px;
			height: 41px;
			background: url('/public/images/navigation/navigation.png') no-repeat right top;
		}

		#navigation ul,
		#navigation ul li {
			float: left;
			list-style-type: none;
			margin: 0;
			padding: 0;
			font-size: 13px;
			line-height: 38px;
		}

		#navigation ul {
			height: 41px;
			background: url('/public/images/navigation/navigation.png') repeat-x 0 -41px;
		}

		#navigation ul li a {
			float: left;
			display: block;
			height: 41px;
			padding: 0 18px;
			color: #ccc;
			text-decoration: none;
			background: url('/public/images/navigation/navigation_s.png') no-repeat right top;
		}

		#navigation ul li.selected a {
			color: #fff;
		}

		#navigation ul li.last a{
			background-image: none;
		}

		#navigation ul li a:hover {
			color: #fff;
		}
		
		.bigInfoLink { font-size: 18px; font-weight: bold; color: #327E04; text-decoration: none;}

		label, input, select { display:block; }
		label { font-weight: bold; font-size: 125%;}
		.flabel { font-weight: bold; font-size: 125%;}
		input.text { margin-bottom: 12px; width:95%; padding: .4em; font-size: 135%;}
		input.hidden { display: none; border: 0px;}

		select { margin-bottom:11px; width:95%; padding: .3em; }
		fieldset { padding:0; border:0; margin-top:25px; }
		
		div#m-contain {  width: 700px; margin: 20px 0; font-size: 72.5%;}
		div#m-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
		div#m-contain table td, div#m-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
		
		.cplinks:link {
			font-weight: bold;
			color: #494e2e;
			text-decoration: none;
		}
		.cplinks:visited {
			font-weight: bold;
			color: #494e2e;
			text-decoration: none;
		}
		.cplinks:hover {
			font-weight: bold;
			color: #000;
			text-decoration: none;
		}
		.bookingprint { display: none;}