/* CSS Document */
/* www.springbackclinic.co.uk */

/*------------------------------------------------------------------------------
  Univeral resets
------------------------------------------------------------------------------*/

*
{
	margin:0;
	padding:0;
}

/*------------------------------------------------------------------------------
  Type selectors
------------------------------------------------------------------------------*/

body
{
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

p
{
	padding:15px 0 0 0;
	font-size:14px;
	color:#DDDDDD;
}

a
{
	color:#57DCF8;
	text-decoration:none;
	outline:none;
}

img
{
	border:0 none;
	display:block;
}

input, select, textarea
{
	/*outline-style:none; /* Turn off Safari text field highlighting */
}

textarea
{
	resize:none; /* Turn off resizable textarea in Safari (CSS3) */
}

/*------------------------------------------------------------------------------
  Floats
------------------------------------------------------------------------------*/

.clear_left
{
	clear:left;
}

.clear_right
{
	clear:right;
}

.clear_both
{
	clear:both;
}

/*------------------------------------------------------------------------------
  Page Wrapper
------------------------------------------------------------------------------*/

div#wrapper
{
	position:relative;
	width:800px;
	margin:5px auto 0 auto;
}

/*------------------------------------------------------------------------------
  Header
------------------------------------------------------------------------------*/

div#header
{
	position:relative;
	width:800px;
	height:120px;
	background-color:#EEEEEE;
}

/*------------------------------------------------------------------------------
  Navigation
------------------------------------------------------------------------------*/

div#navigation
{
	position:relative;
	height:71px;
	width:810px;
	margin-top:3px;
}

ul#nav_buttons
{
	height:38px;
	width:810px;
	list-style-type:none;
}

ul#nav_buttons li
{
	display:inline;
	float:left;
}

ul#nav_buttons li a
{
	position:relative;
	height:38px;
	width:114px;
	float:left;
}

ul#nav_buttons li a span
{
	display:none;
}

ul#nav_buttons li a.nav_home					{background:url(../images/nav_buttons.jpg) no-repeat 0 0;}
ul#nav_buttons li a.nav_home:hover				{background:url(../images/nav_buttons.jpg) no-repeat 0 -38px;}
ul#nav_buttons li a.nav_home_selected			{background:url(../images/nav_buttons.jpg) no-repeat 0 -76px;}
ul#nav_buttons li a.nav_chiropractic			{background:url(../images/nav_buttons.jpg) no-repeat -115px 0;}
ul#nav_buttons li a.nav_chiropractic:hover		{background:url(../images/nav_buttons.jpg) no-repeat -115px -38px;}
ul#nav_buttons li a.nav_chiropractic_selected	{background:url(../images/nav_buttons.jpg) no-repeat -115px -76px;}
ul#nav_buttons li a.nav_sports_injury			{background:url(../images/nav_buttons.jpg) no-repeat -229px 0;}
ul#nav_buttons li a.nav_sports_injury:hover		{background:url(../images/nav_buttons.jpg) no-repeat -229px -38px;}
ul#nav_buttons li a.nav_sports_injury_selected	{background:url(../images/nav_buttons.jpg) no-repeat -229px -76px;}
ul#nav_buttons li a.nav_clinic					{background:url(../images/nav_buttons.jpg) no-repeat -343px 0;}
ul#nav_buttons li a.nav_clinic:hover			{background:url(../images/nav_buttons.jpg) no-repeat -343px -38px;}
ul#nav_buttons li a.nav_clinic_selected			{background:url(../images/nav_buttons.jpg) no-repeat -343px -76px;}
ul#nav_buttons li a.nav_treatments				{background:url(../images/nav_buttons.jpg) no-repeat -457px 0;}
ul#nav_buttons li a.nav_treatments:hover		{background:url(../images/nav_buttons.jpg) no-repeat -457px -38px;}
ul#nav_buttons li a.nav_treatments_selected		{background:url(../images/nav_buttons.jpg) no-repeat -457px -76px;}
ul#nav_buttons li a.nav_appointments			{background:url(../images/nav_buttons.jpg) no-repeat -571px 0;}
ul#nav_buttons li a.nav_appointments:hover		{background:url(../images/nav_buttons.jpg) no-repeat -571px -38px;}
ul#nav_buttons li a.nav_appointments_selected	{background:url(../images/nav_buttons.jpg) no-repeat -571px -76px;}
ul#nav_buttons li a.nav_contact					{background:url(../images/nav_buttons.jpg) no-repeat -685px 0;}
ul#nav_buttons li a.nav_contact:hover			{background:url(../images/nav_buttons.jpg) no-repeat -685px -38px;}
ul#nav_buttons li a.nav_contact_selected		{background:url(../images/nav_buttons.jpg) no-repeat -685px -76px;}

ul#nav_buttons li a.end_button
{
	width:115px;
}

ul#nav_items
{
	position:absolute;
	height:30px;
	width:800px;
	top:41px;
	left:0;
	list-style-type:none;
	background-color:#666666;
}

ul#nav_items li
{
	padding:7px 12px 0 12px;
}

ul#nav_items li a,
ul#nav_items li span
{
	height:23px;
	width:auto;
	font-size:12px;
	font-weight:bold;
}

ul#nav_items a
{
	color:#FFFFFF;
}

ul#nav_items a.nav_item_selected
{
	color:#DDDDDD;
}

ul#nav_items a:hover,
ul#nav_items a.nav_item_selected:hover
{
	color:#57DCF8;
}

ul#nav_items li.info
{
	float:right;
	color:#FFFFFF;
/*	border-left:solid 1px #AAA;*/
}

ul#nav_items li.info *
{
	float:right;
}

ul#nav_items li.info img
{
	margin-top:-2px;
	margin-right:3px;
}

/*------------------------------------------------------------------------------
  Nav Icons
------------------------------------------------------------------------------*/

ul.nav_icons
{
	list-style-type:none;
	display:block;
	margin:auto;
	position:relative;
}

ul.nav_icons li
{
	display:inline;
	float:left;
}

ul.nav_icons li a
{
	display:block;
	width:110px;
	margin:0;
	padding-top:55px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	color:#EEEEEE;
}

ul.nav_icons li a.nav_icon_welcome					{background:url(../images/nav_icon_welcome.jpg) no-repeat center 0;}
ul.nav_icons li a.nav_icon_welcome:hover			{background:url(../images/nav_icon_welcome_hover.jpg) no-repeat center 0;}
ul.nav_icons li a.nav_icon_welcome_selected			{background:url(../images/nav_icon_welcome_selected.jpg) no-repeat center 0;}

ul.nav_icons li a.nav_icon_appointments				{background:url(../images/nav_icon_appointments.jpg) no-repeat center 0;}
ul.nav_icons li a.nav_icon_appointments:hover		{background:url(../images/nav_icon_appointments_hover.jpg) no-repeat center 0;}
ul.nav_icons li a.nav_icon_appointments_selected	{background:url(../images/nav_icon_appointments_selected.jpg) no-repeat center 0;}

ul.nav_icons li a.nav_icon_newapp					{background:url(../images/nav_icon_newapp.jpg) no-repeat center 0;}
ul.nav_icons li a.nav_icon_newapp:hover				{background:url(../images/nav_icon_newapp_hover.jpg) no-repeat center 0;}
ul.nav_icons li a.nav_icon_newapp_selected			{background:url(../images/nav_icon_newapp_selected.jpg) no-repeat center 0;}

ul.nav_icons li a.nav_icon_patient					{background:url(../images/nav_icon_patient.jpg) no-repeat center 0;}
ul.nav_icons li a.nav_icon_patient:hover			{background:url(../images/nav_icon_patient_hover.jpg) no-repeat center 0;}
ul.nav_icons li a.nav_icon_patient_selected			{background:url(../images/nav_icon_patient_selected.jpg) no-repeat center 0;}

ul.nav_icons li a.nav_icon_signin					{background:url(../images/nav_icon_signin.jpg) no-repeat center 0;}
ul.nav_icons li a.nav_icon_signin:hover				{background:url(../images/nav_icon_signin_hover.jpg) no-repeat center 0;}
ul.nav_icons li a.nav_icon_signin_selected			{background:url(../images/nav_icon_signin_selected.jpg) no-repeat center 0;}

ul.nav_icons li a.nav_icon_signout					{background:url(../images/nav_icon_signout.jpg) no-repeat center 0;}
ul.nav_icons li a.nav_icon_signout:hover			{background:url(../images/nav_icon_signout_hover.jpg) no-repeat center 0;}
ul.nav_icons li a.nav_icon_signout_selected			{background:url(../images/nav_icon_signout_selected.jpg) no-repeat center 0;}

ul.nav_icons li a.nav_icon_summary					{background:url(../images/nav_icon_summary.jpg) no-repeat center 0;}
ul.nav_icons li a.nav_icon_summary:hover			{background:url(../images/nav_icon_summary_hover.jpg) no-repeat center 0;}
ul.nav_icons li a.nav_icon_summary_selected			{background:url(../images/nav_icon_summary_selected.jpg) no-repeat center 0;}

ul.nav_icons li a.nav_icon_calendar					{background:url(../images/nav_icon_calendar.jpg) no-repeat center 0;}
ul.nav_icons li a.nav_icon_calendar:hover			{background:url(../images/nav_icon_calendar_hover.jpg) no-repeat center 0;}
ul.nav_icons li a.nav_icon_calendar_selected		{background:url(../images/nav_icon_calendar_selected.jpg) no-repeat center 0;}

ul.nav_icons li a.nav_icon_diary					{background:url(../images/nav_icon_diary.jpg) no-repeat center 0;}
ul.nav_icons li a.nav_icon_diary:hover				{background:url(../images/nav_icon_diary_hover.jpg) no-repeat center 0;}
ul.nav_icons li a.nav_icon_diary_selected			{background:url(../images/nav_icon_diary_selected.jpg) no-repeat center 0;}

ul.nav_icons li a.nav_icon_admin					{background:url(../images/nav_icon_admin.jpg) no-repeat center 0;}
ul.nav_icons li a.nav_icon_admin:hover				{background:url(../images/nav_icon_admin_hover.jpg) no-repeat center 0;}
ul.nav_icons li a.nav_icon_admin_selected			{background:url(../images/nav_icon_admin_selected.jpg) no-repeat center 0;}

/*------------------------------------------------------------------------------
  Content
------------------------------------------------------------------------------*/

div#content
{
	position:relative;
	width:800px;
	height:auto !important;		/* for modern browsers */
	height:800px;				/* for IE5.x and IE6 which don't support min-height*/
	min-height:800px;			/* for modern browsers */
	padding:20px 0 20px 0;
	background-color:#EEEEEE;
	background-image:url(../images/pebbles.jpg);
	background-repeat:no-repeat;
}

/*------------------------------------------------------------------------------
  Footer
------------------------------------------------------------------------------*/

div#footer
{
	position:relative;
	width:800px;
	height:20px;
	padding:9px 0 0 0;
	background-color:#666666;
	text-align:center;
	font-size:9px;
	color:#FFFFFF;
}

div#footer a
{
	color:#EEEEEE;
}

div#footer a:hover
{
	color:#57DCF8;
}

div#footer div#siteby
{
	float:left;
	padding-left:20px;
}

div#footer div#sitemap
{
	float:right;
	padding-right:20px;
}

/*------------------------------------------------------------------------------
  Panels
------------------------------------------------------------------------------*/

div.panel_large
{
	width:768px;
	margin:0 16px 0 16px;
}

div.panel_large_top
{
	height:20px;
	background:url(../images/panel_large_top.png) no-repeat 0 0;
}

div.panel_large_content
{
	padding:0 40px 0 40px;
	background:url(../images/panel_large_content.png) repeat-y 0 0;
}

div.panel_large_bottom
{
	height:40px;
	background:url(../images/panel_large_bottom.png) no-repeat 0 0;
}

div.panel_double
{
	width:768px;
	margin:0 16px 0 16px;
}

div.panel_double_top 
{
	height:20px;
	background:url(../images/panel_double_top.png) no-repeat 0 0;
}

div.panel_double_content
{
	padding:0 40px 0 40px;
	background:url(../images/panel_double_content.png) repeat-y 0 0;
}

div.panel_double_bottom
{
	height:40px;
	background:url(../images/panel_double_bottom.png) no-repeat 0 0;
}

/*------------------------------------------------------------------------------
  Special content
------------------------------------------------------------------------------*/

a.clinic_info
{
	float:left;
	margin-bottom:11px;
}

a.clinic_info img
{
	display:block;
}

div.sports_injury
{
	float:left;
	width:400px;
	margin-left:20px;
}

div#welcome_swf
{
	padding:20px 0 20px 0;
}

div#slideshow
{
	position:relative;
	height:253px;
	width:380px;
	margin-right:10px;
	float:left;
	background-color:#455156;
}

/*------------------------------------------------------------------------------
  Lists
------------------------------------------------------------------------------*/

ul.bullet_list
{
	padding: 15px 0 5px 30px;
}

ul.bullet_list li
{
	font-size:14px;
	color:#57DCF8;
	padding:5px 0 0 0;
}

ul.bullet_list span
{
	color:#DDDDDD;
}

/*------------------------------------------------------------------------------
  Images
------------------------------------------------------------------------------*/

img.image_centred
{
	display:block;
	margin:0 auto;
}

img.image_left_r
{
	float:left;
	margin-right:20px;
}

img.image_left_t
{
	float:left;
	margin-top:20px
}

img.image_left_tr
{
	float:left;
	margin:20px 20px 0 0;
}

img.image_left_tb
{
	float:left;
	margin:20px 0 20px 0;
}

img.image_right_l
{
	float:right;
	margin-left:20px;
}

img.image_right_t
{
	float:right;
	margin-top:20px
}

img.image_right_tl
{
	float:right;
	margin:20px 0 0 20px;
}

img.image_right_tbl
{
	float:right;
	margin:20px 0 20px 20px	
}

img.image_right_bl
{
	float:right;
	margin:0 0 10px 20px;
}

img.photo
{
	border:solid 1px #AAA;
}

/*------------------------------------------------------------------------------
  Rollovers
------------------------------------------------------------------------------*/

div.rollovers
{
	padding-bottom:40px;
}

div.rollovers ul
{
	
	list-style-type:none;
}

div.rollovers li
{
 	display:inline;
	width:164px;
	float:left;
}

div.rollovers p
{
	margin-top:10px;
	padding:5px 8px 5px 8px;
	text-align:left;
	font-size:12px;
	background-color:#455156;
}

div.rollovers li.spacer_sml
{
	margin-right:11px;

}
div.rollovers li.spacer_lrg
{
	margin-right:10px;
}

div#treatments			{margin:0 auto; width:555px;}
div#treatments a		{height:30px; float:left; display:block;}
div#treatments span		{display:none;}
div#treatments img		{float:left; margin:0 10px 0 10px;}
a.chiropractic			{background:url(../images/caption_treatments.jpg) no-repeat 0 0; width:104px;}
a.chiropractic:hover	{background:url(../images/caption_treatments.jpg) no-repeat 0 -30px;}
a.sportstherapy			{background:url(../images/caption_treatments.jpg) no-repeat -104px 0; width:114px;}
a.sportstherapy:hover	{background:url(../images/caption_treatments.jpg) no-repeat -104px -30px;}
a.remedialmassage		{background:url(../images/caption_treatments.jpg) no-repeat -218px 0; width:141px;}
a.remedialmassage:hover	{background:url(../images/caption_treatments.jpg) no-repeat -218px -30px;}
a.pilates				{background:url(../images/caption_treatments.jpg) no-repeat -359px 0; width:51px;}
a.pilates:hover			{background:url(../images/caption_treatments.jpg) no-repeat -359px -30px;}
a.cbt					{background:url(../images/caption_treatments.jpg) no-repeat -413px 0; width:30px;}
a.cbt:hover				{background:url(../images/caption_treatments.jpg) no-repeat -413px -30px;}

/*------------------------------------------------------------------------------
  Buttons
------------------------------------------------------------------------------*/

/* Wide buttons */

a.wide_button
{
	display:block;
	height:60px;
	width:298px;
	float:left
}

a.wide_button span
{
	display:none;
}

a.button_booking		{background:url(../images/img_buttons_wide.jpg) no-repeat 0 0;}
a.button_booking:hover	{background:url(../images/img_buttons_wide.jpg) no-repeat 0 -60px;}

/* Square buttons */

a.square_button
{
	display:block;
	height:150px;
	width:164px;
}

a.square_button span
{
	display:none;
}

a.button_chiropractic				{background:url(../images/img_buttons_square.jpg) no-repeat 0 0;}
a.button_chiropractic:hover			{background:url(../images/img_buttons_square.jpg) no-repeat 0 -150px;}
a.button_sportstherapy				{background:url(../images/img_buttons_square.jpg) no-repeat -164px 0;}
a.button_sportstherapy:hover		{background:url(../images/img_buttons_square.jpg) no-repeat -164px -150px;}
a.button_pilates					{background:url(../images/img_buttons_square.jpg) no-repeat -328px 0;}
a.button_pilates:hover				{background:url(../images/img_buttons_square.jpg) no-repeat -328px -150px;}
a.button_conditionstreated			{background:url(../images/img_buttons_square.jpg) no-repeat -492px 0;}
a.button_conditionstreated:hover	{background:url(../images/img_buttons_square.jpg) no-repeat -492px -150px;}

/* Prev/next buttons */

td.button_prev, td.button_next
{
	height:50px;
	width:50px;
}

td.button_prev			{background:url(../images/prev_next_buttons.jpg) no-repeat 0 0;}
td.button_prev:hover	{background:url(../images/prev_next_buttons.jpg) no-repeat 0 -50px;}
td.button_next			{background:url(../images/prev_next_buttons.jpg) no-repeat -50px 0;}
td.button_next:hover	{background:url(../images/prev_next_buttons.jpg) no-repeat -50px -50px;}

/*------------------------------------------------------------------------------
  All Tables
------------------------------------------------------------------------------*/

table.heading_table, table.list_table, table.calendar_table
{
	width:100%;
	text-align:center;
	border-collapse:collapse;
	cursor:default;
}

table.heading_table td, table.list_table td, table.calendar_table td
{
	border:solid 1px #333;
	text-align:center;
}

/*------------------------------------------------------------------------------
  Scrollable Lists
------------------------------------------------------------------------------*/

div#scroll_list_large
{
	height:auto !important;		/* for modern browsers */
	height:240px;				/* for IE5.x and IE6 which don't support max-height*/
	max-height:240px;			/* for modern browsers */
	overflow-x:hidden;
	overflow-y:auto;
}

div#scroll_list_small
{
	height:auto !important;		/* for modern browsers */
	height:200px;				/* for IE5.x and IE6 which don't support max-height*/
	max-height:200px;			/* for modern browsers */
	overflow-x:hidden;
	overflow-y:auto;
}

table.list_table td
{
	padding:3px;
	font-size:10px;
}

tr.list_row_normal							{background-color:#FFFFFF;}
tr.list_row_normal:hover					{background-color:#57DCF8;}
tr.list_row_booked							{background-color:#B9F3FC;}
tr.list_row_booked:hover					{background-color:#E2FAFD;}
tr.list_row_updated							{background-color:#00FFFF;}
tr.list_row_updated:hover					{background-color:#E2FAFD;}
tr.list_row_cancelled						{background-color:#FEAAAA;}
tr.list_row_cancelled:hover					{background-color:#FECBCB;}
tr.list_row_cancelled_noselect				{background-color:#FEAAAA;}
tr.list_row_cancelled_contact				{background-color:#FFFF99;}
tr.list_row_cancelled_contact:hover			{background-color:#FEFDD5;}
tr.list_row_cancelled_contact_made			{background-color:#FFCC99;}
tr.list_row_cancelled_contact_made:hover	{background-color:#FEE8D5;}
tr.list_row_expired							{background-color:#CCCCCC;}
tr.list_row_selected						{background-color:#666666; color:#FFFFFF;}

/*------------------------------------------------------------------------------
  List Columns
------------------------------------------------------------------------------*/

td.column_appointment	{width:120px;}
td.column_date			{width:175px;}
td.column_date_narrow	{width:120px;}
td.column_time			{width:50px;}
td.column_status		{width:120px;}
td.column_person		{width:145px;}
td.column_treatment		{}

td.column_firstname		{width:80px;}
td.column_lastname		{width:100px;}
td.column_address		{width:370px;}
td.column_telephone		{}

td.column_weekday		{width:120px;}

/*------------------------------------------------------------------------------
  Diary
------------------------------------------------------------------------------*/

td.diary_tab a                {color:#CCCCCC;}
td.diary_tab a:hover          {color:#57DCF8;}
td.diary_tab_selected a       {color:#FFFFFF;}
td.diary_tab_selected a:hover {color:#57DCF8;}

tr.diary_row_normal           {background-color:#FFFFFF;}
tr.diary_row_shaded           {background-color:#EEEEEE;}

td.diary_cell_empty			  {background-color:#FFFFFF;}
td.diary_cell_empty:hover     {background-color:#57DCF8;}
td.diary_cell_booked          {background-color:#BFF3FF;}
td.diary_cell_booked:hover    {background-color:#57DCF8;}
td.diary_cell_updated         {background-color:#00FFFF;}
td.diary_cell_updated:hover   {background-color:#57DCF8;}
td.diary_cell_blocked		  {background:url(../images/blockout.gif);}
td.diary_cell_blocked:hover   {background-image:none; background-color:#57DCF8;}
td.diary_cell_blocked_expired {background:url(../images/blockout2.gif);}
td.diary_cell_selected        {background-color:#666666; color:#FFFFFF;}
td.diary_cell_expired         {background-color:#CCCCCC;}

/*------------------------------------------------------------------------------
  Calendar
------------------------------------------------------------------------------*/

table.calendar_table td				{font-size:14px; cursor:default;}

td.calendar_month_normal			{background-color:#FFFFFF; height:50px;}
td.calendar_month_normal:hover		{background-color:#57DCF8;}
td.calendar_month_selected			{background-color:#666666; height:50px; color:#FFFFFF; font-weight:bold;}

td.calendar_day_normal				{background-color:#FFFFFF; height:25px;}
td.calendar_day_normal:hover		{background-color:#57DCF8;}
td.calendar_day_selected			{background-color:#666666; height:25px; color:#FFFFFF; font-weight:bold;}
td.calendar_day_empty				{background-color:#DDDDDD; height:25px;}
td.calendar_day_expired				{background-color:#AAAAAA; height:25px; color:#666666;}
td.calendar_day_outofrange			{background:url(../images/blockout4.gif); height:25px; color:#666666;}
td.calendar_day_expired_outofrange	{background:url(../images/blockout3.gif); height:25px; color:#666666;}

/*------------------------------------------------------------------------------
  Table Headings
------------------------------------------------------------------------------*/

tr.table_heading1
{
	height:50px;
	background-color:#666666;
}

tr.table_heading1 td
{
	border-bottom:0;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
}

tr.table_heading2
{
	height:20px;
	background-color:#666666;
}

tr.table_heading2 td
{
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding:3px; /* must be same value as list_table td for columns to align */
}

span.heading_normal
{
	font-weight:normal;
}

/*------------------------------------------------------------------------------
  Other Tables
------------------------------------------------------------------------------*/

table.opening_hours
{
	float:right;
	width:60%;
	margin-top:10px;
	text-align:center;
	border-collapse:collapse;
	border:solid 2px #AAA;
}

table.opening_hours td
{
	border:solid 1px #888;
	padding:3px;
	font-size:12px;
	color:#DDDDDD;
	background-color:#4F5B60;
}

table.sitemap
{
	margin-top:20px;
	width:100%;
	border-collapse:collapse;
}

table.sitemap td
{
	border:solid 1px #333333;
	font-size:12px;
	margin:0;
	padding:0 5px 20px 0;
	vertical-align:top;
	color:#DDDDDD;
	background-color:#4F5B60;
}

table.sitemap a
{
	color:#EEEEEE;
}

table.sitemap a:hover
{
	color:#57DCF8;
}

/*------------------------------------------------------------------------------
  Forms
------------------------------------------------------------------------------*/

table.form_table td
{
	padding:5px;
}

.form_label_left
{
	text-align:left;
	padding-left:10px;
	font-size:12px;
	font-weight:bold;
	color:#EEEEEE;
}

.form_label
{
	text-align:right;
	font-size:12px;
	font-weight:bold;
	color:#EEEEEE;
}

.small_print,
.small_print_important
{
	font-size:12px;
}

.small_print strong		{color:#FFF;}

.small_print_important
{
	display:block;
	font-weight:bold;
	color:#57DCF8;
}

/* Form fields */

input.field_title			{width:50px;}
input.field_firstname		{width:200px;}
input.field_lastname		{width:200px;}
input.field_dob				{width:100px;}
input.field_telephone		{width:150px;}
input.field_house			{width:200px;}
input.field_address			{width:200px;}
input.field_email			{width:200px;}
input.field_password		{width:150px;}

select.field_time			{width:70px;}

/* Form buttons */

div.form_button_bar		{clear:both; padding-top:15px;}
input.form_button_left	{float:left; padding-right:3px;}
input.form_button_right {float:right;padding-left:3px;}

/*------------------------------------------------------------------------------
  Appointments / Patients
------------------------------------------------------------------------------*/

table.searchbar
{
	text-align:left;
}

table.searchbar td
{
	padding:0;
}

p#apps_help_list, p#apps_help_scroll
{
	margin:5px 5px 0 0;
	padding-top:10px;
	background:url(../images/help_arrow.jpg) no-repeat right 2px;
	color:#EEE;
}

p#apps_help_list
{
	float:left;
	width:300px;
}

p#apps_help_scroll
{
	float:right;
	width:260px;
}

/*------------------------------------------------------------------------------
  Appointment Form
------------------------------------------------------------------------------*/

div.booking_info
{
	padding:5px 20px 20px 20px;
	margin:20px 0 5px 0;
	background-color:#505960;
	background-color:#505960;
	border:solid 1px #3C4043;
}

div.booking_info table.booking_details
{
	width:600px;
	margin-left:45px;
	color:#EEE;
	font-size:13px;
	border-top:solid 1px #EEE;
	padding-top:10px;
}

div.booking_info table.booking_details tr
{
	height:35px;
}

div.booking_info table.booking_details td.first_col
{
	width:250px;
}

h4.booking_info_heading, h4.booking_info_heading_error
{
	margin-top:20px;
	padding:5px 0 15px 45px;
	color:#EEE;
}

h4.booking_info_heading			{background:url(../images/icon_clock.jpg) no-repeat left 0;}
h4.booking_info_heading_error	{background:url(../images/icon_error.jpg) no-repeat left 0;}

div.booking_info div#scroll_list_large
{
	margin-left:45px;
	padding-top:20px;
	border-top:solid 1px #EEE;	
}

div.booking_info div#scroll_list_large table
{
	font-size:12px;
	color:#EEE;
}

div.booking_info div#scroll_list_large td.first_col
{
	width:180px;
}

div#cal_appointment
{
	float:left;
	width:325px;
	margin-top:8px;
}

p#appointment_message
{
	height:16px;
	margin-top:20px;
	float:left;
	padding:4px 10px 4px 24px;
	border:solid 1px #CCC;
	background-color:#505960;
	visibility:hidden;
}

input.field_appointment			{width:220px;}
select.field_appointment		{width:224px;}
textarea.field_appointment		{width:220px;}
input.field_appointment_date	{width:220px; background-color:#FFF; cursor:default;}

td.arrow
{
	background:url(images/arrow.jpg) no-repeat left;	
}

.status_ok			{background:url(../images/icon_status.jpg) no-repeat 0 0;}
.status_problem		{background:url(../images/icon_status.jpg) no-repeat 0 -24px;}
.status_busy		{background:url(../images/timer.gif) no-repeat 0 0;}

.status_booked		{background:url(../images/icon_status.jpg) no-repeat 0 -4px; width:70px;}
.status_error		{background:url(../images/icon_status.jpg) no-repeat 0 -28px; width:70px;}

/*------------------------------------------------------------------------------
  Misc
------------------------------------------------------------------------------*/

.highlight_text {color:#57DCF8;}
.important_text {color:#FFFFFF;}

img.email_address
{
	float:left; 
	margin:12px 0 0 1px	
}

iframe.location_map
{
	margin-top:20px;
	border:solid 2px #AAA;
}

img.geotrust
{
	float:left;
	padding:15px 15px 0 0;
}