/* Main style sheet EASTGLOS ASP Side */
body {
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #FFFFFF;
	font-family:Arial;
	background-color:ghostwhite;
}

.btn {
	background-color: DodgerBlue;
	border:1px solid black;
	/*color: white;*/
	padding: 10px 16px;
	font-size: 22px;
	cursor: pointer;
	width:63px;
	height:50px;
}

input#datepickerview {
	background-color: red;
	min-width: 95%;
	font-size: large;
	border: none; /* Removes border */
	outline: none; /* Removes focus outline */
	box-shadow: none; /* Removes any default shadow */
	-webkit-appearance: none; /* Removes default styling on some browsers */
	-moz-appearance: none;
	appearance: none;
}


/* Darker background on mouse-over */
	.btn:hover {
		background-color: RoyalBlue;
	}

.datespan {
   display:inline-block;
  }

.datenav {
	overflow: hidden;
	background-color: lightcyan;
	position: relative;
	border: solid 1px black;
	height: 50px;
}

.input-text {
	font-size: 16px;
	background-color: lightcyan;
	padding: 10px;
	margin: 8px;
	color: #333;
	/*border: 1px solid #dddddd;*/
	outline: none;
	vertical-align: middle;
	height: 36px;
	border:none;
	/*border-radius: 0;*/
	display: block;
	width: 100%;
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}

	.tooltip .tooltiptext {
		visibility: hidden;
		width: 120px;
		background-color: black;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 5px 0;
		/* Position the tooltip */
		position: absolute;
		z-index: 1;
	}

	.tooltip:hover .tooltiptext {
		visibility: visible;
	}

.timeselect {
   font-size:xx-large;
   width:150px;
   text-align:center;
}

.checklabel {
	font-size:large;
	padding:4px;
	display:inline-block;
	margin:1px;
}

.selectbutton {
width:100%;
font-size:16px;
padding:10px;
border-radius:1px;
}

.weeksnav {
	overflow: hidden;
	background-color: lightblue;
	position: relative;
	border: solid 1px black;
}
.break {
  width:100%;
  background-color:red;
}
.memlist {
	background-color: transparent;
         }

	 .memlist a {
	  	text-align: center;
		/*float: left;*/
		/*display: block;*/
		background-color: maroon;
		color: white;
		text-decoration: none;
		margin: 2px;
		padding: 5 5 5 5;
		border: solid 1px black;
		border-radius: 2px;
	}

.memletters {
   background-color:transparent;
}
	.memletters a {
		text-align: center;
		float: left;
		display: block;
		background-color: Navy;
		color: white;
		text-decoration:none;
		margin: 2px;
		height: 50px;
		width: 30px;
		padding:5 5 5 5;
		border: solid 1px black;
		border-radius:2px;
	}

.weeksnav {
	overflow: hidden;
	background-color: navy;
	position: relative;
	border: solid 1px black;
}

	.weeksnav #myweeks {
		display: none;
	}

	.weeksnav a {
		color: lightgoldenrodyellow;
		padding: 15px 19px;
		text-decoration: none;
		font-size: 17px;
		display: block;
		left: 60px;
	}

		.weeksnav a.icon {
			background-color: lightgray;
			color: black;
			font-size: 25px;
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			height: 100%;
			border: solid 1px black;
		}

		.weeksnav a:hover {
			background-color: lightgray;
			color: red;
		}

.mainmenunav {
	overflow: hidden;
	background-color: navy;
	position: relative;
	border: solid 1px black;
}

	.mainmenunav #mymenuoptions {
		display: none;
	}

	.mainmenunav a {
		color: lightgoldenrodyellow;
		padding: 15px 19px;
		text-decoration: none;
		font-size: 17px;
		display: block;
		left: 60px;
	}

		.mainmenunav a.icon {
			background-color: lightgray;
			color: black;
			font-size: 25px;
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			height: 100%;
			border: solid 1px black;
		}

		.mainmenunav a:hover {
			background-color: lightgray;
			color: red;
		}

.facilitiesnav {
	overflow: hidden;
	background-color: lightgoldenrodyellow;
	position: relative;
	border: solid 1px black;
	padding: 1px;
}

	.facilitiesnav #myfacilities {
		display: none;
	}

	.facilitiesnav a {
		color: black;
		padding: 15px 20px;
		text-decoration: none;
		font-size: 16px;
		display: block;
		left: 60px;
		height:20px;
	}

		.facilitiesnav a.icon {
			background-color: lightgray;
			color: black;
			font-size: 20px;
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			height: 100%;
			border: solid 1px black;
			width:20px;
		}

		.facilitiesnav a:hover {
			background-color: lightgray;
			color: red;
		}

/*****************************************************************************/
.nav1 {
	border-bottom: 2px solid #EAEAEB;
	text-align: left;
	height: 60px;
	line-height: 60px;
}

.menu1 {
	display: block;
	position: relative;
	background-color: floralwhite;
	top: 50px;
}

	.menu1 span {
		color: red;
		
	}

	.menu1 a {
		display: block;
		border-bottom: 2px solid #EAEAEB;
		margin: 0;
		display: none;
	}

.menulabel1 {
	margin 0 40px 0 0px;
	font-size: 32px;
	line-height: 60px;
	display: none;
	width: 46px;
	float: right;
	display:block;
}

#labeltitle1 {
	float: left;
	font-weight: solid;
	color: navy;
	margin-right: 30px;
}

#toggle1:checked + .menu1 {
	display: block;
	position: relative;
	background-color: floralwhite;
	top: 50px;
}
/*****************************************************************************/
.nav {
   border-bottom:2px solid #EAEAEB;
   text-align:left;
   height:60px;
   line-height:60px;
}

.menu {
  margin: 0 30px 0 0;
}
	.menu span {
       color:red;	
	}

	.menu a {
		clear:right;
		text-decoration:none;
	    margin: 0 10px;
	    color:black;
	    line-height:60px;
	}
.menulabel {
	margin 0 40px 0 0px;
	font-size:32px;
	line-height:60px;
	display:none;
	width:46px;
	float:right;
}

#labeltitle {
float:left;
font-weight:solid;
color:navy;
margin-right:30px;
}
#toggle {
	display:none;
}
/*****************************************************************************/
@media screen and (max-width: 600px) {
	#mlab {
	  display:block;
	  cursor:pointer;
	}
	.menu {
	  text-align:center;
	  width:100%;
	  display:none;
	}
		.menu a {
			display:block;
			border-bottom: 2px solid #EAEAEB;
			margin:0;
		}
	#toggle:checked + .menu {
	  display:block;
	  position:relative;
	  background-color:floralwhite;
	  top:50px;
	}
/************************************************************************************/
	#mlab1 {
		display: block;
		cursor: pointer;
	}

	.menu1 {
		text-align: center;
		width: 100%;
		display: none;
		
	}

		.menu1 a {
			display: block;
			border-bottom: 2px solid #EAEAEB;
			margin: 0;
			
		}

	

}

/*****************************************************************************/
.padatalist {
		background-color: white;
		height: 35px;
		border-radius: 5px;
		font-size: 17px;
		padding: 5px;
	}

	.inlinediv {
		display: inline-block;
	}

	.hr1 {
		border-style: solid;
		border-width: 1px;
		border-color: maroon;
	}

	.mytrans {
		overflow: hidden;
		background-color: transparent;
	}

		.mytrans a {
			float: left;
			/*display: block;*/
			color: black;
			text-align: center;
			padding: 5px 5px;
			text-decoration: none;
			font-size: 14px;
			border-radius: 2px;
			background-color: white;
			margin: 2px;
			border-style: solid;
			border-width: 1px;
			border-color: black;
		}
}

.mytrans .icon 
   {
	display: none;
   }
.mynav {
	overflow: hidden;
	background-color: transparent;
	
}
	.mynav a {
		float: left;
		/*display: block;*/
		color: white;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
		font-size: 17px;
		border-radius: 2px;
		background-color:black;
		margin: 2px;
		padding: 10px;
	}
	 
		.mynav a:hover {
			background-color: #ddd;
			color: black;
		}

		.mynav a.active {
			/*background-color: #4CAF50;*/
			background-color:steelblue;
			color: white;
			border-radius: 2px;
			margin: 2px;
			padding: 10px;
		}

	.mynav .icon {
		display: none;
	}

@media screen and (max-width: 600px) {
	.mynav a:not(:first-child) {
		display: none;
	}

	.mynav a.icon {
		float: right;
		display: block;
	}
}

/*@media screen and (max-width: 600px) {
	.mynav1 a:not(:first-child) {
		display: none;
	}

	.mynav1 a.icon {
		float: right;
		display: block;
		font-size:26px;
		background-color:navy;
	}
	.mynav1.responsive {
		position: relative;
	}

		.mynav1.responsive .icon {
			position: absolute;
			right: 0;
			top: 0;
		}

		.mynav1.responsive a {
			float: none;
			display: block;
			text-align: left;
		}

		.mynav1.responsive a {
			float: none;
			display: block;
			text-align: left;
		}

	.mynav.responsive {
		position: relative;
	}

		.mynav.responsive .icon {
			position: absolute;
			right: 0;
			top: 0;
		}

		.mynav.responsive a {
			float: none;
			display: block;
			text-align: left;
		}
		.mynav.responsive button {
			float: none;
			display: block;
			text-align: left;
		}
}*/
/********************************************************************************************************************************************/
.mynav1 {
	overflow: hidden;
	background-color: transparent;
}

	

	.mynav1 a {
		float: left;
		display: block;
		color: white;
		text-align: center;
		text-decoration: none;
		font-size: 17px;
		border-radius: 2px;
		background-color: black;
		margin: 2px;
		padding: 0px;
		}

		.mynav1 a:hover {
			background-color: maroon;
			color: black;
		}

		.mynav1 a.active {
			/*background-color: #4CAF50;*/
			background-color: steelblue;
			color: white;
			border-radius: 2px;
			margin: 2px;
			padding: 10px;
			
		}

	.mynav1 .icon {
		display: none;
	}



.titlepa {
	border-radius: 2px;
	margin: 10px;
	padding: 5px;
	color: black;
	text-align:center;
}
.paragraphpa {
	border-radius: 2px;
	margin: 1px;
	padding: 2px;
	color: navy;
	text-align: left;
	border-top:solid 1px lightgray;
	background-color:transparent;
}

.userdetailsinputpa {
	border-radius: 2px;
	margin: 1px;
	padding: 5px;
	color: black;
	
}

.inputpa {
	border-radius:2px;
	margin:10px;
	padding:5px;
	color:black;
}

.choosebutton {
	background: repeating-linear-gradient( 45deg, transparent, transparent 10px, #ccc 10px, #ccc 10px ), linear-gradient( to bottom, #eee, red );
	border: none;
	color: white;
	padding: 8px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 3px;
	width: 80px;
	/*max-height:20px;*/
}


.buttony {
	background-color: transparent;
	border: none;
	color: white;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 17px;
	margin: 5px;
	cursor: pointer;
	border-radius: 0px;
	/*max-height:20px;*/
}
.donothing {
}
.buttonx {
	background-color: transparent;
	border: none;
	color: white;
	padding: 5px;
	padding-right:10px;
	text-align: center;
	text-decoration: none;
	display: block;
	font-size: 17px;
	margin: 5px;
	cursor: pointer;
	border-radius:0px;
	
}
.memview {
	background-color: transparent;
	/*overflow: hidden;*/
	border-style: solid;
	border-width: 1px;
	border-radius:2px;
	margin: 3px;
	padding: 8px;
	border-radius: 6px;
	width: 280px;
	height: auto;
}
	.memview a {
	  text-decoration:none;
	  /*float:left;*/
	  display:normal;
	}
.buttonc {
	/*background: linear-gradient(#262626,#eaeaea,#262626);*/
	background-color:lightblue;
	border: solid 1px black;
	color: black;
	padding: 10px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 6px;
	width:180px;
	/*max-height:20px;*/
}
#memdetails {
     background-color:red;
	 display:inline-block;
}



.alarmlabel {
	color: red;
	font-weight:normal;
	font-size: 22px;
	/*padding:3px;
	margin:5px;*/
	/*border: solid black 1px;*/
}

.standardlabel {
     color:black;
	 font-weight:200;
	 font-size:14px;
}
.inputstandardlabel {
	color: black;
	font-weight:100;
	font-size: 14px;
}
.labeldiv {
	 margin:5px;
	 padding:2px;
}


.labeltext {
	background-color: #4CAF50; /* Green */
	border: none;
	color: white;
	padding: 2px 22px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin: 4px 4px;
	cursor: pointer;
	border-radius: 6px;
	overflow:hidden;
	min-height: 100px;
	max-height: 100px;
	min-width: 100px;
	max-width: 100px;

}
/* Add a black background color to the top navigation */
.topnav {
  background-color: #333;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-family: Arial;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */


/* Add a black background color to the top navigation */
.buttondiv {
	background-color:transparent;
	overflow: hidden;
}

	/* Style the links inside the navigation bar */
	.buttondiv button {
		float: left;
		display: block;
		color: white;
		text-align: center;
		margin: 2px;
		padding: 7px;
		padding-left: 15px;
		padding-right: 15px;
		text-decoration: none;
		font-family:Arial;
		font-size: 16px;
		background-color: steelblue;
		border-radius: 4px;
	}

.buttondivdates {
	background-color: transparent;
	overflow: hidden;
}

	/* Style the links inside the navigation bar */
	.buttondivdates button {
		float: left;
		display: block;
		color: white;
		text-align: center;
		margin: 2px;
		padding: 10px;
		text-decoration: none;
		font-family: Arial;
		font-size: 17px;
		background-color: green;
		border-radius: 4px;
		width:150px;
	}
.mobilediv {
	background-color: transparent;
	overflow: hidden;
	border-style: solid;
	border-width: 1px;
	margin: 10px;
	padding: 10px;
	border-radius: 3px;
	width:280px;
	height:auto;
}
.bookcourtdiv {
	background-color: Transparent;
	overflow: hidden;
	border-style: solid;
	border-width: 1px;
	margin: 10px;
	padding: 10px;
	border-radius: 3px;
	width: 250px;
	height: auto;
}

.userdetailsdiv {
	background-color: transparent;
	overflow: hidden;
	border-style: solid;
	border-width: 1px;
	margin: 1px;
	padding: 10px;
	border-radius: 3px;
}
	
.inputdiv {
	background-color: transparent;
	overflow: hidden;
	border-style:solid;
	border-width:1px;
	margin:10px;
	padding:10px;
	border-radius:3px;

}


	/* Style the links inside the navigation bar */
	.inputdiv a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
		font-family: Arial;
		font-size: 17px;
	}

		/* Change the color of links on hover */
		.inputdiv a:hover {
			background-color: #ddd;
			color: black;
		}

		/* Add an active class to highlight the current page */
		.inputdiv a.active {
			background-color: #4CAF50;
			color: white;
		}

	/* Hide the link that should open and close the inputdiv on small screens */
	.inputdiv .icon {
		display: none;
	}
.fontcourttitle {
	color: black;
	font-size: 12px;
	font-weight: bold;
}

.formatdate {
	color: navy;
	font-size:10px;
	font-weight:bold;
}

.formatdatelight {
	color: white;
	font-size: 10px;
	font-weight: bold;
}
.fontcourttitledark {
	color: black;
	font-size: 12px;
	font-weight: bold;
}

.fonttime {
	color:cornsilk;
	font-size:11px;
	
}

.fonttimedark {
	color: black;
	font-size: 11px;
	font-weight:bold;
}

/* Add a black background color to the top navigation */
.bookingsdiv {
	background-color:transparent;
	overflow: hidden;
}
	.bookingsdiv a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding:5px;
		text-decoration: none;
		font-family: Arial;
		font-size: 12px;
		min-width: 32px;
		max-width: 32px;
		background-color: red;
		margin: 1px;
		border-radius: 3px;
	}

		/* Change the color of links on hover */
		.bookingsdiv a:hover {
			background-color: red;
			color: black;
		}

		/* Add an active class to highlight the current page */
		.bookingsdiv a.active {
			background-color:red;
			color: white;
		}
		.bookingsdiv a.dbookedblock {
			background: repeating-linear-gradient( 45deg, transparent, transparent 10px, #ccc 10px, #ccc 10px ), linear-gradient( to bottom, #eee, steelblue);
			color: white;
			border-width: 1px;
			border-style: solid;
			border-color: black;
			white-space: pre-wrap;
			white-space: -moz-pre-wrap;
			white-space: -pre-wrap;
			white-space: -o-pre-wrap;
			word-wrap: break-word;
			overflow: hidden;
		}
		.bookingsdiv a.dbookedindividual {
			/*background-color: green;*/
			background: repeating-linear-gradient( 45deg, transparent, transparent 10px, #ccc 10px, #ccc 10px ), linear-gradient( to bottom, #eee, green);
			overflow: hidden;
			color: white;
			border-width: 1px;
			border-style: solid;
			border-color: black;
		}


		.bookingsdiv a.dmybooking {
			/*background-color: pink;*/
			background: repeating-linear-gradient( 45deg, transparent, transparent 10px, #ccc 10px, #ccc 10px ), linear-gradient( to bottom, #eee, red );
			border-style: solid;
			border-color: black;
			border-width: 1px;
			color: white;
			overflow: hidden;
		}
		.bookingsdiv a.dexpired {
			/*background-color: pink;*/
			background: repeating-linear-gradient( 45deg, transparent, transparent 10px, #222 10px, #ccc 10px ), linear-gradient( to bottom, #fff, teal);
			border-style: solid;
			border-color: black;
			border-width: 1px;
			color: white;
			overflow: hidden;
			white-space: pre-wrap;
			/*white-space: -moz-pre-wrap;
			white-space: -pre-wrap;
			white-space: -o-pre-wrap;*/
			word-wrap: break-word;
		}
		.bookingsdiv a.davailableeven {
			background-color: ghostwhite;
			border-width: 1px;
			border-style: solid;
			border-color: black;
			color: black;
			overflow: hidden;
		}
		.bookingsdiv a.davailableodd {
			background-color: ghostwhite;
			border-width: 1px;
			border-style: solid;
			border-color: black;
			color: black;
			overflow: hidden;
		}

		.bookingsdiv a.blocknm {
			background-color: lightgreen;
			color: black;
		}
	/* Hide the link that should open and close the bookingsdiv on small screens */
	.bookingsdiv .icon {
		display: none;
	}

.flex {
	margin: 10px;
	height: 470px;
}
.managelightsdiv {
	background-color: transparent;
	overflow: hidden;
	border-style: solid;
	border-width: 1px;
	margin: 10px;
	padding: 10px;
	border-radius: 3px;
	width: 250px;
	height: auto;
	text-align: center;
}

.bookedcourt {
	background-color:ghostwhite;
	overflow: hidden;
	padding:10px;
	width:250px;
	height:auto;
	text-align:center;
	border: 2px solid black;
	border-radius:6px;
	display:inline-block;
	margin:5px;
}
	.bookedcourt button {
		background-color:lightblue;
		color:black;
	    width: 190px;
		height: 55px;
		margin-top: 5px;
		border-radius: 5px;
		border-style: none;
		font-size: 14px;
	}

	.bookedcourt buttonch {
		background: repeating-linear-gradient( 45deg, transparent, transparent 10px, #ccc 10px, #ccc 10px ), 
			linear-gradient( to bottom, #eee,blue);
		padding: 10px;
		border-radius: 5px;
		border-style: none;
		font-size: 17px;
		color:white;
	}

		.bookedcourt a {
		float: left;
		display: block;
		color:black;
		text-align: center;
		padding: 10px 10px;
		text-decoration: none;
		font-family: Arial;
		font-size: 17px;
		width: 80px;
		height: 190px;
		background-color:lightcyan;
		margin: 2px;
		border-radius: 2px;
		border-width:1px;
		border-style:solid;
	}



	.bookedcourt likeaeven {
		float: left;
		display: block;
		color: black;
		text-align: center;
		padding: 10px 10px;
		text-decoration: none;
		font-family: Arial;
		font-size: 17px;
		width: 180px;
		height: 250px;
		/*background: repeating-linear-gradient( 45deg, transparent, transparent 10px, #ccc 10px, #ccc 10px ), 
			  linear-gradient( to bottom, #eee, Lightgreen);*/
		margin: 2px;
		border-radius: 5px;
		border-width: 1px;
		border-style: solid;
	}
	.bookedcourt likeaodd {
		float: left;
		display: block;
		color: black;
		text-align: center;
		padding: 10px 10px;
		text-decoration: none;
		font-family: Arial;
		font-size: 17px;
		width: 220px;
		height: 305px;
		/*background: repeating-linear-gradient( 45deg, transparent, transparent 10px, #ccc 10px, #ccc 10px ), 
			linear-gradient( to bottom, #eee, Lightgreen);*/
		margin: 2px;
		border-radius: 5px;
		border-width: 1px;
		border-style: solid;
	}

	/* Change the color of links on hover */
	.bookedcourt a:hover {
		background-color: red;
		color: black;
	}

	/* Add an active class to highlight the current page */
	.bookedcourt a.active {
		background-color: red;
		color: white;
	}

	.bookedcourt a.dbookedblock {
		background: repeating-linear-gradient( 45deg, transparent, transparent 10px, #ccc 10px, #ccc 10px ), 
			linear-gradient( to bottom, #eee, steelblue);
		color: white;
		border-width: 1px;
		border-style: solid;
		border-color: black;
	}

	.bookedcourt a.dbookedindividual {
		/*background-color: green;*/
		background: repeating-linear-gradient( 45deg, transparent, transparent 10px, #ccc 10px, #ccc 10px ), 
			linear-gradient( to bottom, #eee, green);
		color: white;
		border-width: 1px;
		border-style: solid;
		border-color: black;
	}


	.bookedcourt a.dmybooking {
		/*background-color: pink;*/
		background: repeating-linear-gradient( 45deg, transparent, transparent 10px, #ccc 10px, #ccc 10px ), 
			linear-gradient( to bottom, #eee, red );
		border-style: solid;
		border-color: black;
		border-width: 1px;
		color: white;
	}

	.bookedcourt a.davailableeven {
		background-color: floralwhite;
		border-width: 1px;
		border-style: solid;
		border-color: black;
		color: black;
	}

	.bookedcourt a.davailableodd {
		background-color: navajowhite;
		border-width: 1px;
		border-style: solid;
		border-color: black;
		color: black;
	}

	.bookedcourt a.blocknm {
		background-color: lightgreen;
		color: black;
	}
/* Hide the link that should open and close the bookedcourt on small screens */
.bookedcourt .icon {
	display: none;
}

.pagebreakbefore
{
page-break-before: always;
}

search
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 6px;
	padding-bottom: 0px;
	margin: 0px;
	color: black;
	line-height: 0pt;
	padding-top: 0px;
	font-family: Verdana, Arial;
}
.quoteblack {
	font-family: Arial, Helvetica, sans-serif;
	color: #000033;
	font-style: italic;
	font-size: 10px
}

.smalltext {	
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
}

.smalltextgrey {	
	color: #666666;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
}

.smalltextgreyjustify {	
	color: #666666;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	TEXT-ALIGN: justify;
}

.smallGreyTitle {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #666666
}


.but {
	padding-top : 0;
	padding-bottom : 0;
	padding-left : 0;
	padding-right : 0;
	font : 8px Arial, Helvetica, sans-serif;
	margin-bottom : 0;
	margin-left : 0;
	margin-right : 0;
	margin-top : 0;
	vertical-align : top;
	height : 20px;
}

/*.menu, .menuendleft  {
	border-left-width : 1px;
	border-left : solid #003366 1px;
	border-right: solid #003366 1px;
	
}

.menuendright  {
	border-left : solid #003366 1px;
	border-right: solid #003366 1px;
	background : #F6F6F6;
}

.menu, .menuendleft, .menuendright 
{
	text-align:left;
	padding : 0px;
	border-bottom-width : 1px;
	border-bottom : solid #003366 1px;
	border-top-width : 1px;
	border-top : solid #003366 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-style: normal;
	font-size: 14px;
	line-height: 34px;	
}*/

.results
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000033;
	font-style: normal;
	font-size: 11px
}

.menutext {
	font-family: Arial, Helvetica, sans-serif;
	color: #000033;
	font-style: normal;
	font-size: 11px
}

.maintext {

	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	line-height: 20px;
}

.maintextgrey {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #666666
}
.personname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	
	padding-top:5px;
	padding-bottom:5px;
}

.sectionmymenu {

	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #990000;
	line-height: 20px;
	text-transform: capitalize;
}

.breadcrumbs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

ul{
	list-style: url(../img/purple_%20bullet.gif);
	bottom:auto;
}

.Text /* Body Text*/
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}


.Heading /* Heading Style */
{
	font-size: 12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

.noPrint /* to hide text while printing */
{
	display:none;
}

.floatingFrame
{
	z-index: 100;
	left: 0px;
	position: absolute;
	top: 5px;
}

.imageBorder
{
	border-right: gray 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: gray 1px solid;
}
.underline{text-decoration:underline;color:gray;cursor: pointer;}
.nounderline{text-decoration:none;color: gray;cursor: pointer;}