/* BAR UK - Extra 1 CSS Settings / RSS Feeds*/
/*RSS Feeds*/
/*RSS Box*/
#rss_box {
	width: 90%;
	margin-top: 10px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
/*Google RSS Feeds*/
.labelfield{ /*CSS for label field in general*/
	color: #FF9999;
	}
.datefield{ /*CSS for date field*/
	color: #999999;
	}
#bbchealth div{ /*CSS specific to demo 2- BBC Health*/
	margin-bottom: 15px;
	}
#bbchealth div a{ /*CSS specific to demo 2 - BBC Health*/
	text-decoration: none;
	}
code{ /*CSS for insructions*/
	font-size: 12px;
	color: red;
	}
/*End RSS Feeds*/

/* TABLE Formatting - Standard */
.datatable {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 90%;
	font-size:12px;
	margin-left:20px;
	margin-bottom: 20px;
	margin-top: 10px;
	}
.datatable caption {
	font: bold 110% Arial, Helvetica, sans-serif;
	color: #33517A;
	text-align: left;
	padding: 0.4em 0 0.8em 0;
}
.datatable td {
	border:2px solid #ffffff;
	padding: 0.3em;
	text-align: center;
	vertical-align: top;
	}
.datatable th {
	border:2px solid #ffffff;
	background-color: #002C68;
    color: #FFFFFF;
	font-weight: normal;
	text-align: center;
	padding: 0.3em;
	}
/*Column Changes*/
.datatable col.odd {
	background-color: #80C9FF;
	color: #000000;
	}
.datatable col.even {
	background-color: #DFE7F2;
	/*	background-color: #BFE4FF;*/
	color: #000000;
	}
/*Row Changes*/
.datatable tr.altrow {
	background-color: #DFE7F2;
	color: #000000;
	vertical-align: top;
}
/* End Table Formatting */	

/*Abbreviations Table - Diary Page*/

.abbreviations {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	background-color: #DFE7F2;
	width: 95%;
	font-size:10px;
	margin-top: 10px;
	vertical-align: top;
	margin-left: 5px;
	}
/*.abbreviations col.odd {
	background-color: #DFE7F2;
	color: #000000;
	}*/
.abbreviations td {
	padding: 0.3em;
	text-align: left;
	vertical-align: top;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	}
/*END Abbreviations Table - Diary Page*/
	
/* TABLE Formatting - TILES */
.tiles {
	/*	border-collapse: collapse;*/
	width: 90%;
	font-size:12px;
	margin-left:20px;
	margin-bottom: 20px;
	margin-top: 10px;
	}
.tiles caption {
	font: bold 110% Arial, Helvetica, sans-serif;
	color: #33517A;
	text-align: left;
	padding: 0.4em 0 0.8em 0;
}
.tiles td {
	text-align: center;
	vertical-align: middle;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
	padding: 0.3em;
	background-color: #DADBDD;
	height: 70px;
	}
/*Cell Hover Changes*/
.tiles td:hover {
	padding: 0.3em;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DFDFDF;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}
/* End Table Formatting */

/* Embedded Sub-Headings in a table */
.datatable tr.subhead {

	background-color: #002C68;
	color: #FFFFFF;
	vertical-align: top;
}
/* Past Appointments - Greyed Out */
.datatable tr.past_appts {
	background-color: #DFE7F2;
	color: #999999;
	vertical-align: top;
}
/*POP UP IMAGES*/
/*Credits: Dynamic Drive CSS Library */
.thumbnail{
+position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: -1000px; /* original setting -1000 px */
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -650px; /* original setting + 60 px position where enlarged image should offset horizontally */
}
/*END POP UP IMAGES*/