/* ======================================================== */
/* Comptogether Style Sheet - categorised by HTML elements  */
/* ======================================================== */
body
{
	background: #e2e6db;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #333;
	margin:0;
	padding: 0;
}
/* ---------------- */
/* <div> elements   */
/* ---------------- */
div#wrapper
{
	/* [DO NOT EDIT] - This centers the page layout */
	width: 740px;
	background: #fff;
	font-size: 80%;
	padding: 0;
	margin: auto;
	margin-top: 1%;
	border: 1px solid: #d7ddcd;
}
div#logo_banner_1
{
	/* 1 of 7 random banner images */
	width: 100%;
	height: 199px;
	background: #fff  url("../i/banners/banner_bg_1.jpg") right no-repeat;
}
div#logo_banner_2
{
	/* 2 of 7 random banner images */
	width: 100%;
	height: 199px;
	background: #fff url("../i/banners/banner_bg_2.jpg") right no-repeat;
}
div#logo_banner_3
{
	/* 3 of 7 random banner images */
	width: 100%;
	height: 199px;
	background: #fff url("../i/banners/banner_bg_3.jpg") right no-repeat;
}
div#logo_banner_4
{
	/* 4 of 7 random banner images */
	width: 100%;
	height: 199px;
	background: #fff url("../i/banners/banner_bg_4.jpg") right no-repeat;
}
div#logo_banner_5
{
	/* 5 of 7 random banner images */
	width: 100%;
	height: 199px;
	background: #fff url("../i/banners/banner_bg_5.jpg") right no-repeat;
}
div#logo_banner_6
{
	/* 6 of 7 random banner images */
	width: 100%;
	height: 199px;
	background: #fff url("../i/banners/banner_bg_6.jpg") right no-repeat;
}
div#logo_banner_7
{
	/* 7 of 7 random banner images */
	width: 100%;
	height: 199px;
	background: #fff url("../i/banners/banner_bg_7.jpg") right no-repeat;
}
div#navigation
{
	/* This is responsible for area containing the navigational links */
	width: 180px;
	float: left;
	padding: 0;
}
div#content
{
	/* This is responsible for the main content area */
	width: 540px;
	padding: 5px;
	margin: 0;
	float: right;
}
div#copyright
{
	/* This is responsible for the Copyright area at the bottom of the page */
	font-size: 80%;
	margin: auto;
	width: 700px;
	background: #c8d3ba url("../i/jpgs/copyright_bg.jpg") top no-repeat;
	clear: both;
}
div#featuredTherapist
{
	/* [Do Not Edit] - This contains both Featured Therapist boxes */
	clear: both;
	margin: 10px 0px;
	padding: 0;
}	
div#featuredTherapist_a
{
	/* Blue Featured Therapist box */
	width: 260px;	
	font-size: 80%;
	float: left;
	margin: 0;
	margin-left: 5px;
}
div#featuredTherapist_b
{
	/* Green Featured Therapist box */
	width: 260px;
	font-size: 80%;
	float: left;
	margin: 0;
	margin-left: 5px;
}
div#leftColumnWrapper
{
	/* [Do Not Edit] - mimics right 'column' below navigational links */
	width: 180px;
	font-size: 80%;
}
div.newsItem
{
	/* Contains a single News related item */
	border-bottom: 1px dashed #ccc;
}
div.floatLeft
{
	/* Content in this <div> will be floated left */
	float: left;
	text-align: left;
	padding: 10px;
}
div.floatRight
{
	/* Content in this <div> will be floated right */
	float: right;
	text-align: right;
	padding: 10px;
}
div.hidden
{
	/* [Do Not Edit] - Responsible for ensuring <div> elements render correctly */
	width: 100%;
	clear: both;
	line-height: 1px;
	font-size: 1px;			
}
div.error
{
	padding: 5px;
	background: #FFFFE6;
	border: 1px solid #BFBF60;
}
div.guide_header
{ 	margin-top: 10px;
	border-top: 1px solid #4a6489;
	background: #d8dfea;
	padding: 10px;
	color: #4a6489;
	font-weight: normal;
	text-align: left; 
}
div.profile_header
{ 
	margin-top: 10px;
 	border-top: 1px solid #4a6489; 
 	background: #d8dfea;
 	padding: 5px; 
 	color: #4a6489; 
 	font-size: 100%; 
 	text-align: left; 
}
div.hiddenDiv
{
	display: none;
	text-align: left;
}
div.photo
{
	float:left;
	border: 1px solid #fff;
	background: #fc0;
	margin:5px;
	margin-bottom: 0;
	padding:0;
	width:80px;
	height:80px;
	overflow:hidden;	
}
img.x
{
	border:0;
	padding:0;
	margin:0;
	position:relative;
	top:-5px;
	left:-5px;
}
div.bl {background: url("../i/jpgs/bl.jpg") 0 100% no-repeat #c8d3ba;}
div.br {background: url("../i/jpgs/br.jpg") 100% 100% no-repeat;}
div.tl {background: url("../i/jpgs/tl.jpg") 0 0 no-repeat;}
div.tr {background: url("../i/jpgs/tr.jpg") 100% 0 no-repeat;}
div.clear {font-size: 1px; height: 1px}
div.bl_b {background: url("../i/jpgs/bl_b.jpg") 0 100% no-repeat #bcc5dd;}
div.br_b {background: url("../i/jpgs/br_b.jpg") 100% 100% no-repeat;}
div.tl_b {background: url("../i/jpgs/tl_b.jpg") 0 0 no-repeat;}
div.tr_b {background: url("../i/jpgs/tr_b.jpg") 100% 0 no-repeat;}

/* --------------*/
/* <h1> elements */
/* --------------*/
h1
{
	font-size: 100%;
	color: #fff;
	padding: 5px;
	padding-left: 10px;
	margin: 0px;	
}

/* --------------*/
/* <h2> elements */
/* --------------*/
h2
{
	color: #89a778;
	font-size: 120%;
	border-bottom: 1px dashed #e2e6db;
	padding-bottom: 3px;
}
h2.homepage
{
	font-size: 100%;
	color: #fff;
	padding: 5px;
	padding-left: 10px;	
	margin: 0;	
	border-bottom: none;
}
h2.guide
{ 	color: #89a778; 
	font-size: 120%; 
	margin: 3px 3px 3px 0 ; 
	padding-top: 5px; 
	padding-bottom: 2px; 
	border-bottom: 1px solid #89a778; 
}
h2.profile
{
	border-top: 1px solid #4a6489;
	background: #d8dfea;
	color: #4a6489;
	font-size: 100%;
}
div.guide_header h2
{
	color: #4a6489; 
	font-size: 120%; 
	margin: 0;
}
div.profile_header h2
{
	color: #4a6489;
	margin: 0;
	padding: 0;
}

/* --------------*/
/* <h3> elements */
/* --------------*/
h3
{
	color: #89a778;
	font-size: 100%;
	text-decoration: underline;
}
h3.ft
{
	font-size: 100%;
	color: #fff;
	padding: 5px;
	padding-left: 10px;
	margin: 0;	
	border-bottom: 1px solid #fff;
	text-decoration:none;
}
h3.sponsors
{
	margin-left: 10px;
	text-align: center;
}
h3.guide
{
	color: #89a778; 
	font-size: 105%; 
	text-decoration: none; 
	margin: 3px 
 }
h3.profile
{
	border-top: 1px solid #ccc;
	background: #eee;
	color: #666;
	padding: 3px;
	font-size: 100%;
	text-decoration: none;
}
h3.help
{
	color: #89a778;
	font-size: 100%;
	text-decoration: none;
}
div.newsItem h3
{
	color: #4a6489;
	margin-bottom: 0;
}
div.error h3
{
	margin: 0;
}

/* --------------*/
/* <h4> elements */
/* --------------*/
h4
{
	color: #666;
	margin-bottom: 1px;
}
h4.guide
{ 	color: #4a6489; 
	font-size: 100%; 
	text-decoration: none;
}

/* --------------*/
/* <ul> elements */
/* --------------*/
div#navigation ul
{
	/* This is responsible for formatting the unordered list <ul></ul> in the 'navigation' <div> */
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	margin-left: 10px;
	border: 0;
}
div#copyright ul
{
	/* This is responsible for formatting the unordered list <ul></ul> in the 'copyright' <div> */
	display: inline;
}
ul
{
	list-style-type: square;
}
ul.indent
{
	margin-left: 10px;
}
ul.sublist
{
	text-align: left;
	list-style-image: none;
	list-style-type: none;
	margin-left: 0;
}
ul.therapies
{
	margin: 0;
	padding-left: 0;
	list-style: none;
}
ul.error li
{
	margin-bottom: 10px;
}

/* --------------*/
/* <li> elements */
/* --------------*/
div#navigation li
{
	/* This is responsible for formatting the list items <li></li> in the 'navigation' <div> */
	margin: 0;
	padding: 0;
}
div#copyright li
{	
	/* This is responsible for formatting the list items <li></li> in the 'copyright' <div> */		
	display: inline;
	list-style: none;	
}

/* ---------------*/
/* <img> elements */
/* ---------------*/
img
{
	/* By default, all images will have no border! */
	border: 0;
	margin:0;
}
img.logo
{
	/* [Do Not Edit] - Formats position of Comptogether Logo in 'logo_banner' <div> */
	position: relative;
	top: 70px;
	left: 20px;
}
img.borderBlue
{
	/* Apllies a 1px border to an image */
	border: 1px solid #bcc5dd;
}
img.borderBlack
{
	border: 1px solid #333;
}
img.borderWhite
{
	border: 1px solid #fff;
}
img.guides
{
	/* applies border and margin */
	margin-right: 6px; 
	margin-bottom: 6px; 
	border: none;
	float:left;
}
img.guide
{ 
	float: left; 
	margin: 4px; 
	border: solid 1px #333; 
	padding: 3px; 
}
img.floatRight
{
	float: right;
	padding: 3px;
}
div.profile_header img
{
	vertical-align: top;
	float: left;
	margin-right: 5px;
	border: 1px solid #333;
}
div#leftColumnWrapper img
{
	border: 1px solid #bcc5dd;
	margin-left: 25px;
}
div#featuredTherapist img
{
	margin: 5px;
	padding: 0;
	float: left;
}


/* ---------------*/
/* <p> elements   */
/* ---------------*/
p.alignRight
{
	text-align: right;
	margin: 0;
	padding: 5px;
	clear: both;
}
p.height90
{
	height: 100px;
	overflow: hidden;
	margin: 5px;
	margin-bottom: 0;
	padding: 0;
}
p.center
{
	text-align: center;
}
p.newsdate
{
	color: #666;
	margin: 0;
	padding: 0;
}
p.blue_bg
{
	/* ## Need to check if this is required ## */
	background: #e7eaf5;
	border: 1px solid #CFD4E6;
	padding: 3px;
}
p.field
{
	margin-top: 1px;
	margin-bottom: 2px;
	margin-left: 5px;
}
div#copyright p
{
	margin: 0;
}

/* ------------------*/
/* <form> elements   */
/* ------------------*/
form
{
	background: #FDFFF9;
	border: 1px solid #9EA199;
	padding: 5px;
	margin-bottom: 10px;
}
form p
{
	margin:0;
	padding: 5px 3px;
}
form h2
{
	background: #FDFFF9;
	border: 1px solid #666;
	padding: 3px;
	color: #333;
	font-size: 90%;
	padding-left: 3px;
}
form.nostyle
{
	background: #fff;
	border: 0;	
}
form.paypal
{
	border: 0;
	background: none;
	margin: 0;
	padding:0;
}
form.paypal input
{
	background: none;
	border: 0;
}
legend
{
	font-size: 100%;
	font-weight: bold;
	color: #89a778;
	border: 1px solid #999;
	background: #f2f7e7;
	padding: 2px 4px;
	margin-bottom: 5px;
}
fieldset
{
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 3px 5px;
	border: 1px solid #999;	
}
select
{
	border: 1px solid #999;
	background: url('../i/gifs/form_field_bg.gif') top left repeat-x;
}
input.txt
{
	border: 1px solid #999;
	background: url('../i/gifs/form_field_bg.gif') top left repeat-x;
}
file.txt
{
	border: 1px solid #999;
	background: url('../i/gifs/form_field_bg.gif') top left repeat-x;
}
option
{
	background: #fff;
}
textarea
{
	border: 1px solid #999;
	background: #ffffff url('../i/gifs/form_field_bg.gif') top left repeat-x;	
}
label.w11em
{
	float:left;
	width: 11em;
}
label.w6em
{
	float:left;
	width: 6em;
}
span.w11em
{
	float:left;
	width: 11em;
}
span.w6em
{
	float:left;
	width: 6em;
}
span.underline
{
	text-decoration: underline;
}

/* -------------------*/
/* <table> elements   */
/* -------------------*/
table#results th
{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #eee;
	color: #666;
	padding: 5px;
	font-size: 100%;
}
table.summary
{
	border: 1px;
	background: #333;
}
table.summary th
{
	text-align: center;
	padding: 5px;
	background: #e2e6db;
}
table.summary td
{
	text-align: center;
	background: #fff;
}
table.underline
{
	border-bottom: 1px solid #ccc;
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
table.info th
{
	text-align: left;
	color: #666;
	padding: 3px;
	
}
table.info td
{
	padding: 3px;
}
th.col
{
	width: 13%;
	text-align: center;
}
th.suspend
{
	background: #ff9;
	border: 1px solid #333;
}
td.center
{
	text-align: center;
}
table#results tr.coloured
{
	background: #f5faec;
}
table#results td
{
	border-bottom: 1px dashed #9EA199;
	padding-top: 3px;
	padding-bottom: 3px;
}
div.profile_header th
{
	font-size: 90%;
	padding-right: 10px;
}
div.profile_header td
{
	font-size: 90%;	
}

/* -------------------*/
/* <hr> elements      */
/* -------------------*/
hr
{
	border: 0;
	border-bottom: 1px solid #ccc;
}

/* -------------*/
/* <a> elements */
/* -------------*/
a
{
	color: #66c;
	text-decoration: none;
}
a:hover, a:active, a:focus
{
	color: #66c;
	text-decoration: underline;
}
a.tocLink
{
	/* Table of Contents Link */
	border: 1px solid #ccc;
	background: #eaeaea;
	padding: 3px;
	text-decoration: none;
	font-size: 80%;
}
div#navigation a
{
	display: block;
	width: 140px;
	text-decoration: none;
	color: #4a6489; 
	background: #fff url('../i/gifs/li_arrow.gif') left no-repeat; 
	padding: 3px;
	padding-left: 15px;
	border-bottom: 1px solid #4a6489;
	margin-left: 10px;
}
div#navigation a:hover, div#navigation a:active, div#navigation a:focus
{
	/* This is responsible for formatting the hyperlinks in the 'navigation' <div> */
	/* when you hover the mouse over the link */
	background: #E8F0F8 url('../i/gifs/li_arrow.gif') left no-repeat;
}
div#navigation a.submenu
{
	padding: 3px;
	padding-left: 15px;
	width: 130px;
}
div#featuredTherapist_a a
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: url('../i/gifs/li_white_arrow.gif') no-repeat;
	padding-left: 15px;
}
div#featuredTherapist_a a:hover, div#featuredTherapist_a a:active, div#featuredTherapist_a a:focus
{
	color: #4a6489;
}
div#featuredTherapist_b a
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: url('../i/gifs/li_white_arrow.gif') no-repeat;
	padding-left: 15px;
}
div#featuredTherapist_b a:hover, div#featuredTherapist_b a:active, div#featuredTherapist_b a:focus
{
	color: #939e7c;
}
div#copyright a
{
	/* This is responsible for formatting the hyperlinks in the 'copyright' <div> */
	color: #333;
	padding: 0 5px;
}
div#copyright a:hover, div#copyright a:active, div#copyright a:focus
{
	text-decoration: underline;
}
div#copyright a.line
{
	border-left: 1px solid #fff;
}

/* ------------------*/
/* <strong> elements */
/* ----------------- */
strong
{
	/* Formatting for <strong></strong> element */
	color: #4a6489;
}
form strong
{
	color: #333;
}

/* ----------------------*/
/* <dl><dd><dt> elements */
/* --------------------- */
dd
{
	/* Definition List on Links Page */
	margin: 0;
	font-size: 95%;
}
dl.sitemap dd
{
	margin-bottom: 10px;
}

/* ----------------------*/
/* miscellaneous classes */
/* ----------------------*/
.small
{
	font-size: 90%;
}
.tiny
{
	font-size: 85%;
}
.supertiny
{
	font-size: 70%;
}
.red
{
	color: #f00;
}
.highlight
{
	border: solid 1px #8aa02c;
	background: #fdffea;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	text-align: center;
}
.highlight_left
{
	border: solid 1px #8aa02c;
	background: #fdffea;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	text-align: left;
}
.grey
{
	color: #666;
}
.right
{
	text-align: right;
	margin: 0px;
}
.topDashed
{
	border-top: 1px dashed #666;
}
em
{
	color: #f00;
}
kbd
{
	/* Used to highlight acceptable characters in error form */
	background: #666;
	color: #fff;
	padding: 0 3px;
	font-size: 120%;
}
/* ------------------------------*/
/* Search Form AutoSuggest style */
/* -------------------------------*/
div.autosuggest
{
	position: absolute;
	background-image: url(../i/autosuggest/as_pointer.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
}
div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
	position: relative;
	height: 6px;
	padding: 0 6px;
	background-image: url(../i/autosuggest/ul_corner_tr.gif);
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
}
div.autosuggest div.as_footer
{
	background-image: url(../i/autosuggest/ul_corner_br.gif);
}
div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
	background-image: url(../i/autosuggest/ul_corner_tl.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
div.autosuggest div.as_footer div.as_corner
{
	background-image: url(../i/autosuggest/ul_corner_bl.gif);
}
div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
	height: 6px;
	overflow: hidden;
	background-color: #333;
}
div.autosuggest ul
{
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;
	font-size: 0.6em;
}
div.autosuggest ul li
{
	color: #ccc;
	padding: 0;
	margin: 0 4px 4px;
	text-align: left;
}
div.autosuggest ul li a
{
	color: #ccc;
	display: block;
	text-decoration: none;
	background-color: transparent;
	text-shadow: #000 0px 0px 5px;
	position: relative;
	padding: 0;
	width: 100%;
}
div.autosuggest ul li a:hover
{
	background-color: #444;
}
div.autosuggest ul li.as_highlight a:hover
{
	/* Background Hover Over */
	background-color: #1b5ccd;	
}
div.autosuggest ul li a span
{
	display: block;
	padding: 3px 6px;
	font-weight: bold;
}
div.autosuggest ul li a span small
{
	font-weight: normal;
	color: #999;
}
div.autosuggest ul li.as_highlight a span small
{
	color: #ccc;
}
div.autosuggest ul li.as_highlight a
{
	color: #fff;
	background-color: #1B5CCD;
	background-image: url(../i/autosuggest/hl_corner_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
div.autosuggest ul li.as_highlight a span
{
	background-image: url(../i/autosuggest/hl_corner_bl.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
	background-image: transparent;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autosuggest ul li a .tr
{
	right: 0;
}
div.autosuggest ul li.as_highlight a .tl
{
	left: 0;
	background-image: url(../i/autosuggest/hl_corner_tl.gif);
	background-position: bottom left;
}
div.autosuggest ul li.as_highlight a .tr
{
	right: 0;
	background-image: url(../i/autosuggest/hl_corner_tr.gif);
	background-position: bottom right;
}
div.autosuggest ul li.as_warning
{
	font-weight: bold;
	text-align: center;
}
div.autosuggest ul em
{
	/* Autosuggest highlighted text */
	font-style: normal;
	color: #8db1fa;
}
a.h3link
{
	text-decoration: none;
}
h3.link
{
	text-decoration: none;
}
p.pp_addy
{
	color: #666;
}