body {
	color: #555555;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: static;
	text-align: left;
	vertical-align: top;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

img {
	border: 0;
}

.img-l,.img-r {
	margin-bottom: 10px;
}

.img-l {
	margin-right: 10px;
}

.img-r {
	margin-left: 10px;
}

.img-link {
	margin: 10px;
	padding: 2px;
	border: 1px solid #ddd;
}

ul,ol,li {
	list-style-type: none;
}

dl {
	margin-left: 30px;
}

li a {
	background: url(../images/arrow.gif) no-repeat 0px 2px;
	padding-left: 20px;
}

#content a,#content a:visited,#content a:active {
	color: #228dc6;
}

#content a:hover {
	color: #59a9d4;
}

.hide {
	display: none;
}

b {
	font-weight: bold;
}

h1 {
	position: static;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 4px;
	font-size: 14px;
	border-bottom: 1px solid #eee;
	margin-bottom: 5px;
	width: 80%;
	color: #228dc6;
}

h2 {
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 10px;
	width: 80%;
	border-bottom: 1px solid #eee;
	margin: 25px 0px 7px 0px;
}

h3 {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}

h4 {
	font-size: 13px;
	font-weight: bold;
}

h5 {
	font-size: 13px;
	font-weight: bold;
	background-color: #C7D4E5;
}

p {
	width: 600px;
	font-size: 11px;
    line-height: 16px;
}

.ft2m {
	position: relative;
	top: -331px;
	left: 300px;
}

table {
	font-size: 11px;
	vertical-align: top;
	text-align: left;
	line-height: 1.2em;
}

caption {
	display: none;
}

.th-clc {
	background: #2B6896;
	color: #fff;
	padding: 3px 7px 4px 7px;
	border-right: 1px solid #fff;
	text-align: center;
}

.td-clc {
	border-bottom: 1px solid #f4f4f4;
	border-right: 1px solid #f4f4f4;
	padding: 2px;
	text-align: center;
	color: #506BA0;
}

.clc-tbl th {
	color: white;
	background: #738eb5;
	text-align: center;
	padding: 5px;
}

.clc-tbl td {
	background: #e1e4e8;
	padding: 6px;
}

label {
	display: block;
}
.disp-inline {
	display: inline;
}

.form-row-set label,.form-row-set-error label {
	display: inline;
	white-space: nowrap;
}

.form-row-set,.form-row-set-error,.form-element,.form-element-error {
	margin-bottom: 15px;
	padding-bottom: 5px;
}

.form-element-error,.form-row-set-error,.f-error,.text-error,.text-errors,.errors
	{
	font-weight: bold;
	color: #EA0311;
}

.tbl-form {
	width: 690px;
	margin-bottom: 20px;
}

.tbl-form td,.tbl-form th {
	border-bottom: 1px solid #D8E5F6;
	border-left: 1px solid #D8E5F6;
	vertical-align: top;
	text-align: left;
	padding: 3px;
}

.tbl-form .form-row-set,.tbl-form .form-row-set-error {
	margin: 0px;
	padding: 0px;
	background: none;
}

.tbl-form td {
	background: url(../images/tbl-form-bg.gif) repeat-y;
	vertical-align: top;
	font-size: 1em;
}

.tbl-form .td-rht {
	min-width: 120px;
	border-right: 1px solid #D8E5F4;
	background: #efefef;
	#color: #506BA0;
}

.tbl-form .td-right {
	border-right: 1px solid #D8E5F4;
	background: #efefef;
	#color: #506BA0;
}

.tbl-form .td-ra {
	text-align: right;
}


.tbl-form .td-ca {
	text-align: center;
}

.newtable img {
	height: 20px;
	margin: 2px 5px;
}

.newtable td {
	vertical-align: middle;
}

.midform td {
	vertical-align: middle;
}

.tbl-img {
	text-align: center;
	border: 0px;
}

.propic {
	float: left;
    padding: 2px 6px 2px 2px;
}

.block {
	display: block;
}

.inline {
	display: inline;
}

#bigger {
	font-size: 1.1em;
}

.contact {
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEE;
	margin-bottom: 5px;
}

ul {
	list-style-type: square;
	padding-left: 10px;
	font-size: 11px;
}

.big {
	font-size: 13px;
}

.small {
	font-size: 10px;
}

.footer-nav {
	padding-right: 15px;
	text-align: right;
	color: #4C628B;
	font-size: 0.9em;
	height: 125px;
	background: #FFF;
}

.footer-nav a {
	color: #4C628B;
}

.footer-nav a:hover {
	color: #778DB7;
}

.button {
	-moz-box-shadow:inset 0px 1px 2px 0px #f2faff;
	-webkit-box-shadow:inset 0px 1px 2px 0px #f2faff;
	box-shadow:inset 0px 1px 2px 0px #f2faff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d9e9f2), color-stop(1, #bedced) );
	background:-moz-linear-gradient( center top, #d9e9f2 5%, #bedced 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9e9f2', endColorstr='#bedced');
	background-color:#d9e9f2;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0px;
	border:1px solid #5eaed6;
	display:inline-block;
	color:#228dc6;
	font-size:13px;
	text-decoration:none;
	text-align:center;
	padding: 4px 7px;
}
.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bedced), color-stop(1, #d9e9f2) );
	background:-moz-linear-gradient( center top, #bedced 5%, #d9e9f2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bedced', endColorstr='#d9e9f2');
	background-color:#bedced;
}.button:active {
	position:relative;
	top:1px;
}

.button2 {
	border: none;
}

.inputtextarea {
	background-color: #EBEEE8;
	color: #506BA0;
	width: 250px;
	vertical-align: middle;
}

.input {
	font-size: 1.3em;
	font-weight: bold;
	text-align: right;
	margin-top: 6px;
	vertical-align: top;
}

input,textarea,select {
	color: #222;
	font-family: verdana, sans-serif;
	font-size: 1.2em;
	padding: 3px 6px;
	border: 1px solid #abc;
	border-radius: 3px;
}

input[type="button"] {
	cursor: pointer;
}

wtd {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEE;
}

.nav {
	background-color: #228dc6;
	color: #FFFFFF;
	font-size: 13px;
	height: 30px;
	padding-left: 20px;
}

.nav a {
	color: #DDDDEF;
	text-decoration: none;
}

.nav a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.right-side {
	background-color: #667CA6;
	border-bottom: 3px solid #6E84AD;
	border-left: 1px solid #97A8C7;
	border-right: 2px solid #6E84AD;
	border-top: 3px solid #97A8C7;
	color: #FFFFFF;
	font-size: 11px;
	padding: 5px;
	padding-top: 6px;
	text-align: center;
	vertical-align: top;
}

.right-side a:link,.right-side a:visited,.right-side a:active {
	color: #DDDDDD;
	text-decoration: none;
}

.right-side a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#right-side strong {
	color: #FFFFFF;
}

.alt1 {
	color: #ff0000;
}

.alt2 {
	color: #506BA0;
}

.error, .success, .infobox {
	font-size: 15px;
	padding: 15px;
	text-align: center;
	line-height: 21px;
}

.error {
	background-color: #FFE0DB;
	border: 1px solid red;
	color: red;
}

.success {
	background-color: #DCF6C2;
	border: 1px solid #598230;
	color: #365418;
}

.infobox {
	background-color: #cedfe8;
	border: 1px solid #4ea7d6;
	color: #3784AC;
	text-align: left;
	font-size: 13px;
}

/* blood test date colours */
.red {
	color: #d61010;
}

.red-str {
	color: #d61010;
	text-decoration: line-through;
}

.black {
	color: black;
}

.green {
	color: #009966;
}

.green-str {
	color: #009988;
	text-decoration: line-through;
}

.dk-gray {
	color: #555;
}

.gray {
	color: #999;
}

.login {
	background-color: #F7F7F7;
	border: 1px solid #E0E0E0;
	border-radius: 10px 10px 10px 10px;
	margin: 30px 60px;
	overflow: hidden;
	padding: 20px;
	width: 250px;
}

.login .td-rht {
	background-color: #F7F7F7;
	border: medium none;
	font-size: 12px;
	width: 100px;
}

.login .tbl-form td {
	background-image: none;
	border: medium none;
}

p.badlogin {
	color: red;
	font-weight: bold;
}

#sidenav {
	position: absolute;
	width: 230px;
}

#sidenav h2 {
	margin: 0 0 4px 0;
	font-size: 11px;
	padding-left: 10px;
	position: static;
	text-decoration: none;
}

#sidenav h2:hover {
	text-decoration: none;
}

#container {
	border: 1px solid #fff;
	background-color: #fff;
	padding-top: 10px;
}

#nav {
	position: absolute;
	width: 230px;
}

#content {
	margin: 0 15px 0 225px;
	background-color: #fff;
}

#infobox {
	background-color: #F7F7F7;
	border: 1px solid #E0E0E0;
	border-radius: 8px 8px 8px 8px;
	margin: 10px;
	overflow: hidden;
	padding: 13px;
	font-size: 13px;
	-moz-box-shadow: 2px 2px 2px #eee;
	-webkit-box-shadow: 2px 2px 2px #eee;
	box-shadow: 2px 2px 2px #eee;
	width: -moz-max-content;
	float: left;
}
#infobox td {
	padding: 0 13px;
	line-height: 18px;
}
#infobox .notfirst {
	border-left: 1px solid #ddd;
}

#helplink {
	float: left;
}

div.progress-container {
	border: 1px solid #ccc;
	width: 125px;
	margin: 2px 5px 2px 0;
	padding: 1px;
	background: white;
	border-radius: 3px;
}

div.progress-container>div {
	height: 12px
}

/*NAVIGATION*/
a.navioff,a.navion,a.nomenu,a.nomenuon,a.exit,a.onexit {
	display: block;
	margin: 0;
	padding: 4px 5px 4px 12px;
	border-top: #fff 1px solid;
	border-left: #fff 1px solid;
	border-bottom: #dfdede 1px solid;
	color: #58595b;
	background-color: #fafafa;
	text-decoration: none;
}

a.navioff,a.navioff:visited {
	background: url('../images/open.gif') #fafafa no-repeat 6px 50%;
}

/*sets the color of section headers*/
a.navion:hover,a.navioff:hover,a.nomenu:hover {
	border-color: #f7f7f7;
	background: #f2f2f2;
	border-bottom-color: #dfdede;
}

a.nomenu,a.nomenuon {
	background: url('../images/unvisited.gif') #fafafa no-repeat 6px 50%;
}

a.exit,a.onexit {
	background: url('../images/exit.gif') #fafafa no-repeat 4px 50%;
}

a.nomenu:hover,a.nomenuon:hover {
	background: url('../images/unvisited_hover.gif') no-repeat 6px 50%;
}

a.navion,a.navion:visited {
	background: url('../images/close.gif') #EAE9E9 no-repeat 6px 50%;
	font-weight: bold;
	color: #58595b;
	voice-family: "\"}\"";
	voice-family: inherit;
	color: #58595b; /*MUST MATCH a.navion:active declaration for firefox*/
}

a.navion:hover {
	background: url('../images/close_hover.gif') #f2f2f2 no-repeat 6px 50%
}

a.navioff:hover {
	background: url('../images/open_hover.gif') #f2f2f2 no-repeat 6px 50%
}

.another {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 2px 10px 10px 10px;
	width: 200px;
}

.another2 {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}

.bgcolor {
	background-color: #f3f3f3;
	padding: 5px;
	margin: 5px;
}

a.navioff,a.navion,a.nomenu,a.nomenuon {
	display: block;
	margin: 0;
	padding: 4px 5px 4px 12px;
	border-top: #fff 1px solid;
	border-left: #fff 1px solid;
	border-bottom: #dfdede 1px solid;
	color: #58595b;
	background-color: #fafafa;
	text-decoration: none;
}

.sidenav {
	border: 1px solid #dfdede;
	border-bottom: #f2f2f2 1px solid;
}

.sidenav ul {
	margin: 0;
	padding: 7px 12px;
	border-top: #f7f7f7 1px solid;
	border-left: #f7f7f7 1px solid;
	border-bottom: #dfdede 1px solid;
	list-style-type: none;
	background-color: #FCFCFC;
}

.sidenav li {
	margin: 0;
	padding: 0;
	height: 1.7em
}

/*sets attributes of sub-links*/
.sidenav li a {
	margin: 0px 0px 5px;
	padding: 0;
	display: block;
	background: url('/images/unvisited.gif') no-repeat 6px 50%;
	border-bottom: #dfdede 1px solid;
	text-decoration: none;
	color: #00a2ff;
}

.sidenav li a:visited {
	background: url('/images/visited.gif') no-repeat 6px 50%;
	color: #ED8A00;
}

.sidenav li a:hover {
	background: url('/images/unvisited_hover.gif') no-repeat 6px 50%;
	border-bottom: #eeae00 1px solid;
	color: #eeae00
}

.sidenav li a:active {
	color: #eeae00
}

.sidenav a,.nav li a {
	padding-left: 20px;
}

h3.add {
	background: url('../images/add_small.gif') no-repeat;
	height: 30px;
}

h3.edit {
	background: url('../images/edit_small.gif') no-repeat;
	height: 30px;
}

h3.del {
	background: url('../images/delete_small.gif') no-repeat;
	height: 30px;
}

h3.show {
	background: url('../images/view_small.gif') no-repeat;
	height: 30px;
}

.nomenulink {
	background: #EAE9E9;
	font-weight: bold;
}

.addview {
	background: #fff;
	margin-top: 0;
	margin-bottom: 10px;
	text-align: center;
	padding: .5em;
	border-top: 5px solid #eee;
	border-bottom: 1px solid #eee;
}

.addview .add,.addview .view {
	float: left;
	width: 50px;
	margin-left: 4px;
	padding: 2px;
	border: 1px solid #f4f4f4;
}

.addview a {
	text-decoration: none;
	color: #506BA0;
}

.addview a:hover {
	text-decoration: underline;
	color: #506BA0;
}

.tbl-disp {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 20px;
}

.tbl-disp td,.tbl-disp th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
	padding: 3px;
}

.tbl-disp th {
	background: #efefef;
	color: #506BA0;
	text-align: center;
}

.tr-a {
	background: #eee
}

.tr-b {
	background: #f8f8f8;
}

.tbl-disp td.td-cnt {
	text-align: center;
}

.tbl-disp td.td-rht {
	text-align: right;
}

.tbl-disp th.td-cnt {
	text-align: center;
}

.tbl-disp th.td-rht {
	text-align: right;
}

.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
	width: 560px;
}

.dtree * {

}

.dtree img {
	border: 0px;
	vertical-align: middle;
}

.dtree a {
	text-decoration: none;
}

.dtree a.node,.dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}

.dtree a:hover {

}

.dtree a.nodeSel {
	background-color: #c0d2ec;
}

.dtree .clip {
	overflow: hidden;
}

.b-add {
	color: green;
	padding-left: 15px;
	width: 10px;
	background: url('../images/b-add.gif') no-repeat 2px 1px;
}

.b-del {
	color: #f00;
	padding-left: 15px;
	width: 10px;
	background: url('../images/b-del.gif') no-repeat 2px 1px;
}

.b-edit {
	color: #0E95DB;
	padding-left: 15px;
	width: 10px;
	background: url('../images/b-edit.gif') no-repeat 2px 1px;
}

.b-show {
	color: #FF8400;
	padding-left: 15px;
	background: url('../images/b-show.gif') no-repeat 2px 1px;
}

.field {
	text-align: right;
}

.tbl-form .confirm-field {
	color: #f00;
	text-align: center;
}

.sortasc {
	padding: 3px 0 5px 30px;
	background: url(../images/sort_asc.gif) no-repeat;
}

.sortdesc {
	padding: 3px 0 5px 30px;
	background: url(../images/sort_desc.gif) no-repeat;
}

.link {
	cursor: pointer;
}

.noselect {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#infoimg {
	position: relative;
	left: 404px;
	top: -33px;
	width: 25px;
	margin-bottom: -25px;
}