/*
 * You MUST read the readme before editing this stylesheet.
 */
 
/*
 * Colours
 * #1E5494 = main tpp blue
 * #6593C5 = light tpp blue
 * #00246B = dark tpp blue
 * #D7E6F0 = highlight blue 1
 * #C5D3E4 = highlight blue 2
 * #E9F1F9 = focus light blue
 */

/* 
 * Standard Element Formatting
 */
body {
	text-align: center;
	min-width: 500px;
	background-color: #ffffff;
	font-family: arial, 'sans serif';
}

h1,h2,h3,h4,h5,h6 {
	color: #1E5494;
	border-size: 0;
	padding: 0;
	margin: 0;
}

table {
	border-style: solid;
	border-color: #1E5494;
	border-width: 2px;
	border-collapse: collapse;
	empty-cells: show;
	font-size: 10pt;
}

th,td {
	border-style: solid;
	border-width: 1px;
	padding: 0.2em;
}

th {
	color: white;
	background-color: #1E5494;
	border-color: white;
	border-bottom-color: #1E5494;
}

td {
	border-color: #6593C5;
}


hr {
	color: #1E5494;
}

table form {
	/*Get rid of annoying newline when forms are in tables*/
	margin: 0;
}

a:link {
	color: #1E5494
}

a:visited {
	color: #1E5494
}

a:active {
	color: #1E5494
}

a:hover {
	color: #6593C5
}

input[type=text], input[type=password]
{
	border-color: #888888;
	border-style: solid;
	border-width: 1px;
}

input[type=text]:focus, input[type=password]:focus
{
	background: #E9F1F9;
}

/*
 * wrapper - Used on all pages
 */
#wrapper {
	text-align: left;
	width: 850px;
	margin-left: auto;
	margin-right: auto;
}

/*
 * banner
 */
#banner {
	width: 100%;
	border-width: 0;
}

#banner table {
	border-width: 0;
}

#banner td {
	border-width: 0;
}

#banner th {
	border-width: 0;
}

/*
 * plaintable
 */
#plaintable {
	border-style: solid;
	border-color: white;
	border-width: 0;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

#plaintable th {
	border-style: solid;
	border-width: 0;
	padding: 5;
}

#plaintable td {
	border-style: solid;
	border-width: 0;
	padding: 5;
}

#plaintable form input {
	width: auto;
}

/*
 * PJM - 03 Jun 2015 - Shaded table row
 */
#plainTableRowShaded  {
	border-style: solid;
	border-width: 0;
	padding: 5;
	background-color: #D7E6F0;
}

/*
 * logontable
 * AAD - 3 Oct 2013 - Created this table to use on the logon screen with the new SystmOnline Apple App advertisement.
 * Added extra cells in the table for the advertisement itself and spacers to go in between this and the existing username and password fields.
 */
#logontable {
	border-style: solid;
	border-color: white;
	border-width: 0;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 12pt;
}

#logontable th {
	border-style: solid;
	border-width: 0;
	padding: 5;
}

#logontable td {
	border-style: solid;
	border-width: 0;
	padding: 5;
}

#logontable form input {
	width: auto;
}
#logontable #T1 {
	border-style: solid;
	border-color: #1E5494;
	border-width: 3px;
	border-bottom: none;
}
#logontable #B1 {
	border-style: solid;
	border-color: #1E5494;
	border-width: 3px;
	border-top: none;
}
#logontable #spacertop {
	width: 3em;
}
#logontable #spacerbottom {
	width: 3em;
}

#patientDetails {
	text-align: left;
	font-weight: bold;
	width: 100%;
	height: 20px;
	margin: 0px;
	padding: 0px;
	border-style: solid;
	border-color: #6394C6;
	border-width: 1;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	vertical-align: top;
}

#patientDetails td {
	height: 100%;
	border-style: solid;
	border-width: 1;
	border-color: #6394C6;
	padding: 2px;
	vertical-align: top;
	color: #185294;
}

#navbar,#navbarEmpty {
	background-image: url(images/navbar.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	text-align: center;
	font-weight: bold;
	width: 100%;
	height: 30px;
	margin: 0px;
	padding: 0px;
	border-style: solid;
	border-color: white;
	border-width: 0;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	vertical-align: middle;
}

#navbar td,#navbarEmpty td {
	height: 100%;
	border-style: solid;
	border-width: 0px;
	border-color: white;
	padding: 0px;
	vertical-align: middle;
}

#navbar a {
	text-align: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFFFFF;
}

#navbar a:hover {
	text-align: center;
	color: #1E5494;
	background-color: white;
	filter: alpha(opacity = 75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#navbar td:hover {
	color: #1E5494;
	background-color: white;
	filter: alpha(opacity = 75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#navbarbutton {
	text-align: center;
	background-color: transparent;
	border: none;
	width: 100%;
	height: 30px;
	font-family: arial, 'sans serif';
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px;
	border-bottom: none;
	border-top: none;
	border-right: none;
	border-left: none;
}

#navbarbutton:hover {
	color: #1E5494;
	background-color: white;
	filter: alpha(opacity = 75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	cursor: pointer;
}

/*these 2 for non-IE browsers so the text is inverted when the table cells are highlighted...*/
#navbar td:hover a {
	color: #1E5494;
}

#navbar td:hover a:hover {
	color: #1E5494;
}

#navbar li { /* Get the whole cell to change when hovering... */
	width: 100%;
	height: 100%;
	text-decoration: none;
	vertical-align: middle;
	color: #FFFFFF;
}

#errorText {
	color: red;
	font-weight: bold;
	font-size: 100%;
}

#helpLink {
	text-align: right;
	font-size: 10pt;
}

#footer {
	text-align: center;
	margin-top: 50px;
	border: 0;
	font-size: 8pt;
}

#footer img {
	border: 0;
}

#footerText ol {
	list-style-type: lower-roman;
	margin-top: 5px;
}

#recordLabel {
	color: #000070;
}

#recordLabelFirst {
	color: #0000AA;
}

#bloodPressure {
	color: #FF0000;
}

#allergy {
	color: #6F6F00;
}

#readCode {
	color: #008000;
}

#pageInstructions {
	/* nothing special yet */
}

/** Questionnaire validation error message **/
#error {
	text-align: left;
	background-color: #FFDDDD;
	width: 100%;
	height: 30px;
	margin: 0px;
	padding: 0px;
	border-style: solid;
	border-color: #FF0000;
	border-width: 2;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	vertical-align: middle;
	horizontal-align: middle;
}

#error td {
	border-style: solid;
	border-color: #FF0000;
	border-width: 0;
	vertical-align: middle;
	horizontal-align: middle;
}

/** Information Bar **/
#info {
	text-align: left;
	background-color: #FFFFE1;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	vertical-align: middle;
	horizontal-align: middle;
}

#info td {
	border-style: solid;
	border-color: #FF0000;
	border-width: 0;
	vertical-align: middle;
	horizontal-align: middle;
}

/* 
 * Patient Record
 */
#patientRecord {
	text-align: left;
	vertical-align: top;
	width: 100%;
	height: 20px;
	margin: 0px;
	padding: 0px;
	border-style: solid;
	border-color: #00246B;
	border-width: 2px;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

#patientRecord td {
	height: 100%;
	padding: 6px;
	vertical-align: top;
	color: #00246B;
	border-style: none;
	border-top: solid #6593C5 1px;
	border-bottom: solid #6593C5 1px;
}

#patientRecordCon {
	color: white;
	background-color: #C5D3E4;
	border-top: solid #1E5494 1px;
	border-bottom: solid #1E5494 1px;
}

#patientOverviewShaded {
	color: black;
	background-color: #E9F1F9;
	border-top: solid #1E5494 1px;
	border-bottom: solid #1E5494 1px;
}


#htmlbut {
	border-bottom: none;
	border-top: none;
	border-right: none;
	border-left: none;
	background-color: #ffffff;
	text-align: left;
	font-family: arial, 'sans serif';
	font-size: 12pt;
	color: #1E5494;
	padding: 0px;
	height: 20px;
	outline: none;
}

#htmlbut:hover {
	text-decoration: underline;
	color: #6593C5;
	cursor: pointer;
}

#htmlbut:focus {
	text-decoration: underline;
	color: #6593C5;
	outline: none;
}

#inputUserCredentials
{
	width: 12em;
}

#threaddump
{
	width: 100%;
	font-family: courier, 'courier new';
}

#htmlbutsmall:hover {
	text-decoration: underline;
	color: #6593C5;
	cursor: pointer;
}

#htmlbutsmall:focus {
	text-decoration: underline;
	color: #6593C5;
	outline: none;
}