body,td,th {
	font-family: arial, helvetica, sans-serif;
	color: #2E3092;
}
body {
background-color:#ffffff;
	font-family: arial, helvetica, sans-serif;
		font-size: 12px;
	color: #2E3092;
	line-height:17px;
}
a:link {
	color: #C6168B;
	font-weight: bold;
}
a:visited {
		color: #C6168B;
	font-weight: bold;
}
a:hover {
	color: #FF1AB5;
		font-weight: bold;
}
a:active {
			color: #C6168B;
	font-weight: bold;
}
h1 {
	font-size: 17px;
	text-align:left;
}


input.bigcheck {
height: 50px;
width: 50px;
}


smallBr{
font-size: 1px;
line-height: 2px;
}


.greybox{
background-color:#EBEBEB; border-style:solid; border-width:1px; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px; 
}

.greybox:hover{
background-color:#ffccff; border-style:solid; border-width:1px; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px; cursor:pointer;
}

.clickdiv {
display: block;
height: 100%;
width: 100%; 
}


.tara {

 width: 900px ;
  margin-left: auto ;
  margin-right: auto ;

}


.tara .menubar {
position:relative;
top:0px;
width: 900px;
height:140px;
left:0px;
background-image:url(../images/nav-menu-background09.jpg);
z-index:100;
margin-right:auto;
margin-bottom:0px;
background-repeat:no-repeat;

}


.tara .mainpage {
clear:left;
position:relative;
top:0px;
width:810px;
left:0px;
background-image:url(../images/background09.jpg);
padding-left:45px;
padding-right:45px;
margin-top:0px;
background-repeat:repeat-y;
text-align:left;

}


.clearfix:after {
position:relative;
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
clear: left;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}


.tara .mainpage .content {
position:relative;
top:0px;
width:465px;
left:0px;
float:left;

margin-top:0;

text-align:left;


}

.tara .mainpage .content .treattimetable td {
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#aaaaaa;
vertical-align:bottom;
height:12px;
text-align:right;

}

.treattimes  {
margin-left:0px;
vertical-align:bottom;
padding-left:15px;
padding-bottom:0px;
margin-bottom:0px;
text-align:left;

}


.tara .mainpage .contentwide {
position:relative;
top:0px;
width:810px;
left:0px;
float:left;

margin-top:0;

text-align:left;


}


.tara .mainpage .sidebar {
position:relative;
top:0px;
width:300px;
left:0px;
float:right;
background-color:#ffccff;
padding:10px;

margin-top:0;

text-align:left;


}

.tara .mainpage .sidebar .titles {
background-color:#2E3092;
color:#FFFFFF;
padding:6px;
font-size:16px;
margin-top:-10px;
margin-left:-10px;
margin-right:-10px;
margin-bottom:10px;
font-weight:bold;


}

.tara .mainpage .sidebar .titles-away {
background-color:#FFFF33;
color: #2E3092;
padding:6px;
font-size:16px;
margin-top:-10px;
margin-left:-10px;
margin-right:-10px;
margin-bottom:10px;
font-weight:bold;


}

.titles-away2{
background-color:#FFFF33;
padding: 8px;
}

.titles-awaytitle{
background-color:#FFFF33;
font-size:18px;
}




.tara .menubar .memberlogin {
left:307px;
font-size:10px;
width:545px;
height:51px;
text-align:right;
color: #2E3092;
position:relative;
padding-right:40px;
	top:30px;
	margin-top:0;
	line-height:2;
	font-weight:normal;
}





.tara .menubar .loginmessage {
float:right;
font-size:11px;
width:545px;
height:30px;
text-align:right;
color: #2E3092;
position:relative;
padding-right:40px;
	top:30px;
	margin-top:0;
	font-weight:normal;
}

input, select, textarea {
color: #2E3092;
}

input {
font-weight:bold;
}


.tara .footer {
clear:left;
position:relative;
top:0px;
width: 900px;
height:252px;
left:0px;
background-image:url(../images/nav-menu-background-base09.jpg);
display:block;
margin-right:auto;
margin-bottom:0px;
background-repeat:no-repeat;
text-align:left;
}



.tara .pagebase {
position:relative;
top:0px;
width: 750px;
height:245px;
left:-45px;
padding:0;

}

.tara .pagebase2 {
position:relative;
top:0px;
width: 750px;
height:40px;
left:-45px;
padding:0;

}


.accountsbox {
border-width:0px;
background-color:#ebebeb;

}



.hiddentextarea {
visibility: hidden;
} 

.bookingformoptions{
border:none; 
margin: 0px; 
text-align:left;
color:#2E3092;
font-size:11px;

}

select {
 background-color: #ffccff;
 color: #2E3092;
}


textarea.database { 
visibility: hidden; 
} 

textarea.textareabookingforms { 
font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.92em;
	color: #2E3092;
} 


 
.buttons {

background-color:#C6168B;
color:white;
font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.98em;
border:2px outset #C6168B;
}
.buttonsOverClass {

background-color:#FF1AB5;
color:white;
font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.98em;
border:2px inset #FF1AB5;
}
 
 
.textboxes {
 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #2E3092;
	
	}
	
	.datedisplay {
 
color:#2E3092; 
background-color:#EBEBEB;
Border:none; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	
	}
	
		.datedisplayfix {
 
color:#cccccc; 
background-color:#cccccc;
Border:none; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;

	
	}



/* the div that holds the date picker calendar */
.dpDiv {

	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
width:200px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	
	background-color:#FFCCFF;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #FFCCFF;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #C6168B;
	border: 1px solid #C6168B;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #2E3092;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2E3092;
	background: #E5E7FF;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2E3092;
	background: #E5E7FF;

	}
	
	
	/* tooltips */
a.tooltip{
    position:relative; /*this is the key*/
    z-index:24; color: #2E3092;
    text-decoration:none;
	font-weight:normal;}

a.tooltip:hover{z-index:25;}

a.tooltip span{display: none}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-1.4em; left:4em; padding:5px;
    border:1px solid #2E3092;
    background-color:#ffffff;color: #2E3092;
    text-align: left;
	width:100px;
	font-weight:normal;
	}





.tablink {
        	padding: 0px;
        	}

.tablink a {
        	font-weight: bold;
        	color: #d00;
        	text-decoration: underline;
        	padding: 6px;
        	border: 1px solid #CCC;
        	display: block;
        	}
.tablink a:hover {
        	border: 1px solid #f00;
        	background-color: #ffccff;
        	}







#dhtmltooltip{
position: absolute;
left: -300px;
width:auto;
border: 1px solid black;
padding: 8px;
background-color: #ffff55;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}









/* Styles for ALL browsers */ 

.borderright { 
height: 1px; 
border-right: 1px solid #2E3092;
}

.bookedcell { 
height: 1px; 
border-bottom: 1px dotted #2E3092; 
}

.unbookedcell { 
height: 1px; 
border-bottom: 1px dotted #2E3092; 
border-right: 1px solid #2E3092;

}






.borderallround { 

border-bottom: 1px solid #2E3092; 
border-right: 1px solid #2E3092;
border-left: 1px solid #2E3092; 
border-top: 1px solid #2E3092;
}

a.todaylink {
background-color: #ffccff; 
	color: #2E3092;
text-decoration:none;
padding:2px;
}
 

<![if ie]> 
{
 /* Styles for ie only, overriding any styles defined above */ 
 .unbookedcell { 
 border-bottom: 0; 
 background-color: #000000; 
 } 
  
<![endif]