body {
	background: #FFF;
	color: #424242;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 12px;
	padding: 20px;
}

table {
	background-color: #F5F5F5;
	padding: 10px 10px;
	color: #424242;
}
table.menu, table.timetable {
   width: 100%;
	background-color: #F5F5F5;
	padding: 10px 10px;
}

th {
	font-weight: bold;
   font-size: 11px;
	color: #72319A;
	border: thin solid #AAC0A9;
}

td, th {
	border: thin solid #AAC0A9;
	padding: 1px 4px;
}

td {
}

.total {
	font-weight: bold;
}

img {
  margin-top: 1px;
  margin-right: 2px;
  margin-bottom: -3px;
}

.outercontainer
{
	border:1px solid #AAC0A9;
	padding: 2px 0px 0px;
	width: 98%;
}
.middlecontainer
	{
	background:#F5F5F5;
	color: Black;
	border: 4px solid #DFDFDF;
	margin: 1px 3px 3px 3px;
	text-align: left;
	}
.innercontainer{
	padding: 8px 10px 8px 10px;
}
h1
	{
	text-align: left;
	border-bottom:4px solid #DFDFDF;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding: 3px 3px 3px 14px;
	margin: 0px;
	background: White;
	color: #4C4B5C;
	}

h1.client {
  font-size:13px;
	border: 4px solid #DFDFDF;
  color: #44008A;
  text-align: center;
}

h2
	{
	text-align: left;
	border:4px solid #DFDFDF;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding: 3px 3px 3px 14px;
	margin: 0px 0 4px 0px;
	background: White;
	color: #44008A;
	}

h3
	{
	text-align: left;
	border:2px solid #DFDFDF;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding: 3px 3px 3px 14px;
	margin: 0px;
	background: White;
	color: #44008A;
	}

/* ----- highlights ----- */

.warning {
	padding: 6px 6px 6px 16px;
	background: #FC3535;
	color: #FFFE6C;
  font-size: x-large;
	}

.positiveHighlight
{
	font-weight: bolder;
	color: #336633;
}

.bigPositiveHighlight {
	padding: 6px 6px 6px 16px;
	color: dodgerblue;
  font-size: x-large;
	}


/* ----- login page ----- */

.loginlabel {
	width: 150px;
}

.debit {
	color: Maroon;
	font-weight: 200;
}

.royalmailverification{
	background-color: #E3ECC8;
	padding-bottom: 4px;
	width: 780px;
}

.currency{
	text-align: right;
}

.slotunavclient{
	background-color: #FFCC99;
}

.sessiondate{
	width: 90px;
}

.sessionnotes{
	vertical-align: top;
	padding-top: 2px;
	width: 350px;
}

.appointmentstableheader{
	background-color: #CCFF99;
	font-size: larger;
}





.addclientcontainer {
	background-color: #eaeaea;
	font-family: "MS Sans Serif", Geneva, sans-serif;
}
.addclient {
	background-color: #eaeaea;
	font-family: "MS Sans Serif", Geneva, sans-serif;
   font-size: 14px;
}

.otherTable {
   background-color: #eaeaea;
   font-family: "MS Sans Serif", Geneva, sans-serif;
   font-size: 1.1em;
   text-align: left;
   width: 70%;
    margin-left: 15%;
}

.statisticsTable {
	background-color: #eaeaea;
	font-family: "MS Sans Serif", Geneva, sans-serif;
   font-size: 14px;
   text-align: right;
   width: 60%;
}

.fiftyPercent {
  width: 50%;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: middle;
}
.appformlabel {
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.labelRight {
	padding: 0 10px;
}
.labelLeft {
	padding: 0 20px 0 10px;
}
.question {
	padding: 10px 0 10px 10px;
	font-weight: bold;
}
.hint {
	padding-bottom: 10px;
	color: Green;
}
.longentry {
}
.medical {
padding-right: 20px;
}
.medical_verified {
	padding: 5px;
	border: thin solid Navy;
	margin-bottom: 15px;
}
.narrowcolumn {
   width: 30%;
}
.widecolumn {
   width: 70%;
}
.checkbox {
   width: 20px;
}
.headerimage {
background-color: white;
text-align: center;
float: none;
}
.SessionDateAndTime {
   width: 20%;
}
.deleteTableCell {
   width: 60px;
   text-align: left;
}
.timeTableCell {
   width: 30px;
   text-align: center;
}
.toTableCell {
   width: 20px;
   text-align: center;
}
.clientNameTableCell {
   width: 180px;
   text-align: left;
}
.TreatTime {
	width: 75px;
}
.TreatDate {
  width: 75px;
  text-align: center;
}

.centered {
text-align: center;
}

.littleNote
	{
	text-align: center;
	border-bottom:4px solid #DFDFDF;
	font-size:9px;
	font-weight:normal;
	text-decoration:none;
	padding: 3px 3px 3px 14px;
	margin: 0px;
	background: White;
	color: Gray;
	}

.clientAddressFloat {
  float: left;
  width: 240px;
	margin: 10px 30px 0px 20px;
  color: Gray;
	}

.clientSportsFloat {
  float: left;
  width: 250px;
	margin: 10px 30px 0px 20px;
  color: Gray;
	}

.clear {
clear: both;
}

.time {
	width: 55px;
	background: #CCCCFF;
	text-align: center;
	font-weight: bold;
}
.slotav {
	width: 139px;
	background: #99CC66;
	text-align: left;
/*	padding-left: 10px;*/
}
.slotavA {
	width: 139px;
	background: #b5da91;
	text-align: left;
/*	padding-left: 10px;*/
}
.slotavD {
	width: 139px;
	background: #7cba3e;
	text-align: left;
/*	padding-left: 10px;*/
}
.slotavK {
	width: 139px;
	background: #94b34a;
	text-align: left;
/*	padding-left: 10px; */
}
.slotunav {
	width: 139px;
	background: #ffda9b;
	text-align: left;
/*	padding-left: 10px; */
}

.pastunav {
	width: 139px;
	text-decoration: line-through;
	background: Silver;
	color: #666666;
	text-align: left;
	padding-left: 10px;
}

table.receptionist{
   width: 200px;
}
td.receptionist{
   border: none;
   width: 60px;
}

.noborder{
   border: none;
}

.formbutton {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.big_form_button {
  margin: 10;
  padding: 10px 10px 10px 12px;
  vertical-align: middle;
  font-size: large;
}



.cancelButton {
  vertical-align: middle;
  display: inline;
  border: thin solid #003c74;
  font-weight: bold;
/*  width: 84px;*/
  background-color: #ecebe6;
  color: red;
  padding: 1px 20px 2px 20px;
  text-align: center;
  font-size: 12px;
  margin: 0 12px;
  text-decoration: none;
}

.cancelAppointment {
  vertical-align: middle;
  border: thin solid #003c74;
  font-weight: bold;
/*  width: 84px;*/
  background-color: #ecebe6;
  color: black;
  padding: 1px 20px 2px 20px;
  text-align: center;
  font-size: 12px;
  margin: 0 12px;
  text-decoration: none;
}

.col1of4 {
	background-color: #ecebe6;
	width: 25%;
}

.col2of4 {
	background-color: #e2ebe6;
	width: 25%;
}

.col3of4 {
	background-color: #ecebe6;
	width: 25%;
}

.col4of4 {
	background-color: #e2ebe6;
	width: 25%;
}

.receptionistOptions {
margin-left: 10px;
  margin-right: 2px;
}

p.leftMarginBodyText {
	margin-left: 15px;
}

/* ----- elegant input forms ----- */

input.text, .select {
  background-color: #AAEFAA;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

/* ----- xmas cards ----- */

.addresslarge {

  font-family: Arial, Helvetica, sans-serif;
  font-size: 30px;
  float: left;
margin: 
  6px 10px 6px 10px;
padding: 15px;
}


.floatleft {
float: left;
margin-left: 20px;
}

.xmas {
  background-color: #AAEFAA;
margin: 6px 10px 6px 10px;
padding: 6px 10px 6px 10px;
  color: black;
  }
  
.red
{
	font-weight: bolder;
	color: red;
}
/* ----- horizontal zebra tables ----- */

#hor-zebra 
{ 
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; 
font-size: 12px; 
margin: 45px; 
width: 480px; 
text-align: left; 
border-collapse: collapse; 
} 
#hor-zebra th 
{ 
font-size: 14px; 
font-weight: normal; 
padding: 10px 8px; 
color: #039; 
} 
#hor-zebra td 
{ 
padding: 8px; 
color: #669; 
} 
#hor-zebra .odd 
{ 
background: #e8edff; 
}
.odd 
{ 
background: #e8edff; 
}
.greenandbold
{
  font-weight: bold;
  color: green;
}