/* GLOBAL STYLES */
body {
	font-family: verdana, sans-serif;
	font-size: 11px;
	background: url(../images/diagonal.gif);
	}

h3 {
	font-size: 130%;
	}

h4 {
	font-size: 100%;
	color: #999;
	margin: 0;
	}

a:link, a:visited {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #708491;
	}

.inputText {
	font-family: verdana, sans-serif;
	font-size: 11px;
	text-align: center;
	}
	
.outputText {
	font-size: 11px;
	font-weight: bold;
	color: #660000;
	}
	

/* VIEW PANES */
#wrapper {
	padding: 15px;
	margin: 3px 0 20px 0;
	border: 1px solid #ccc;
	background: #fafafa;
	/* background-image: url(../images/testsystem.gif); */
	position: absolute;
	width:910px;
	height: 565px;
	}

#loginPane {
	padding: 15px;
	margin: 3px 0 20px 0;
	border: 1px solid #ccc;
	background: #fff;
	/* background-image: url(../images/testsystem.gif); */
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 300px;
	}


/* RESIDENT ADMIN */
#editResidentMenu {
	padding-top: 3px;
	width: 750px;
	}

#editResidentMenu a:link, #editResidentMenu a:visited {
	float: left;
	font-size: 10px;
	line-height: 14px;
	padding: 0 12px 6px 12px;
	text-decoration: none;
	font-weight: normal;
	color: #444;
	}

.editResidentTab {
	border: 1px solid #9fb1bc;
	display: inline;
	background: #efefef;
	}
	
.editResidentTabActive {
	border: 1px solid #9fb1bc;
	display: inline;
	background: #fefefe;
	border-bottom: 1px solid #fcfcfc;
	}
	
.editResidentTabHighlight {
	margin: 0;
	padding: 0 1;
	border: 1px solid #9fb1bc;
	border-bottom: 0px solid;
	display: inline;
	background: #f9f3f5;
	}
	
#editResidentPane {
	padding-left: 10px;
	width: 750px;
	height: 448px;
	border: 1px solid #9fb1bc;
	background: #fcfcfc;
	}

.inputResidentDiaryText {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	background-color: #fff4ea;
	}
	
.inputResidentDiaryText_odd {
	background-color: #fff4ea;
	margin: 0px; padding: 1px 2px 8px 2px;
}

.inputResidentDiaryText_even {
	background-color: #fffcfa;
	margin: 0px; padding: 1px 2px 8px 2px;
}

.inputResidentMedicalText {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	background-color: #ffffcc;
	}

.inputResidentMedicalText_odd {
	background-color: #ffffcc;
	margin: 0px; padding: 1px 2px 8px 2px;
}

.inputResidentMedicalText_even {
	background-color: #fffff2;
	margin: 0px; padding: 1px 2px 8px 2px;
}

.inputResidentMedicalTextLeft {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	background-color: #ffffcc;
	width: 90%;
	}

.inputResidentMedicalTextRight {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	background-color: #ffffcc;
	width: 90%;
	}


.inputResidentCareText {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	background-color: #ffecff;
	}

.inputResidentPersonalText {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	background-color: #eaf7fb;
	}

.inputResidentPersonalTextLeft {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	background-color: #eaf7fb;
	width: 90%;
	}

.inputResidentPersonalTextRight {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	background-color: #eaf7fb;
	width: 90%;
	}

.inputResidentFinancialText {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	background-color: #d6f8de;
	}

.inputResidentFinancialTextLeft {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	background-color: #d6f8de;
	width: 90%;
	}

.inputResidentFinancialTextRight {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	background-color: #d6f8de;
	width: 90%;
	}



	
/* STAFF ADMIN */
#editStaffMenu {
	padding-top: 3px;
	width: 700px;
	}

#editStaffMenu a:link, #editStaffMenu a:visited {
	float: left;
	font-size: 10px;
	line-height: 14px;
	padding: 0 12px 6px 12px;
	text-decoration: none;
	font-weight: normal;
	color: #444;
	}

.editStaffTab {
	border: 1px solid #9fb1bc;
	display: inline;
	background: #efefef;
	}
	
.editStaffTabActive {
	border: 1px solid #9fb1bc;
	display: inline;
	background: #fefefe;
	border-bottom: 1px solid #fcfcfc;
	}
	
.editStaffTabHighlight {
	margin: 0;
	padding: 0 1;
	border: 1px solid #9fb1bc;
	border-bottom: 0px solid;
	display: inline;
	background: #f9f3f5;
	}
	
#editStaffPane {
	padding-left: 10px;
	width: 750px;
	height: 448px;
	border: 1px solid #9fb1bc;
	background: #fcfcfc;
	}

.inputStaffDiaryText {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	background-color: #fff4ea;
	}

.inputStaffDiaryText_odd {
	background-color: #fff4ea;
	margin: 0px; padding: 1px 2px 8px 2px;
}

.inputStaffDiaryText_even {
	background-color: #fffcfa;
	margin: 0px; padding: 1px 2px 8px 2px;
}

.inputStaffPersonalText {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	background-color: #eaf7fb;
	}

.inputStaffPersonalTextLeft {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	background-color: #eaf7fb;
	width: 90%;
	}

.inputStaffPersonalTextRight {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	background-color: #eaf7fb;
	width: 90%;
	}

.inputStaffEmploymentText {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	background-color: #ffecff;
	}

.inputStaffEmploymentTextLeft {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	background-color: #ffecff;
	width: 90%;
	}

.inputStaffEmploymentTextRight {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	background-color: #ffecff;
	width: 90%;
	}

.inputStaffTrainingText {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	background-color: #ffffcc;
	}

.inputStaffQualificationsText {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	background-color: #d6f8de;
	}

.inputStaffAccidentText {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	background-color: #fff2f2;
	}

.inputPopUpText {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	background-color: white;
	}





/* MENU STYLES */

	/* top */
	.topMenuItem img, .topMenuItemSelected img, .topMenuItemHighlight img, .topMenuItemInActive img {
		height: 40px;
		width: 40px;
		margin-left: 3px;
		/* border: 1px solid #9FB1BC; */
		}
	
	.topMenuItem {
		margin: 0;
		padding: 2px;
		list-style-type: none;
		width: 105px;
		height:40px;
		border: 1px solid #fafafa;
		cursor: hand;
		background-color: #eee;
		color: #222;
		}
	
	.topMenuItemHighlight {
		margin: 0;
		padding: 2px;
		list-style-type: none;
		width: 105px;
		height:40px;
		border: 1px solid #9FB1BC;
		cursor: hand;
		background-color: #f9f3f5;
		}
	
	.topMenuItemSelected {
		margin: 0;
		padding: 2px;
		list-style-type: none;
		width: 105px;
		height:40px;
		border: 1px solid #fafafa;
		cursor: hand;
		background-color: #dbbdbf;
		}
	
	.topMenuItemInActive {
		margin: 0;
		padding: 2px;
		list-style-type: none;
		width: 105px;
		height:40px;
		border: 1px solid #fafafa;
		background-color: #eee;
		color: #ccc;
		}
	
	.topMenuText {
		display: inline;
		float: left;
		text-align: center;
		padding-top: 10px;
		padding-left: 8px;
		padding-right: 1px;
		font-size: 9px;
		height: 25px;
		}
	
	
	/* left */
	.leftMenuItem img, .leftMenuItemSelected img, .leftMenuItemHighlight img {
		height: 40px;
		width: 40px;
		margin-left: 3px;
		/* border: 1px solid #9FB1BC; */
		}
	
	.leftMenuItem {
		margin: 0;
		list-style-type: none;
		width: 120px;
		border: 1px solid #fafafa;
		cursor: hand;
		background-color: #eee;
		}
	
	.leftMenuItemInActive {
		margin: 0;
		list-style-type: none;
		width: 120px;
		border: 1px solid #fafafa;
		background-color: #eee;
		color: #ccc;
		}
	
	.leftMenuItemHighlight {
		margin: 0; 
		list-style-type: none;
		width: 120px;
		border: 1px solid #9FB1BC;
		cursor: hand;
		background-color: #f9f3f5;
		}
	
	.leftMenuItemSelected {
		margin: 0; 
		list-style-type: none;
		width: 120px;
		border: 1px solid #fafafa;
		cursor: hand;
		background-color: #dbbdbf;
		}
	
	.leftMenuText {
		display: inline;
		float: left;
		text-align: center;
		padding-top: 12px;
		padding-left: 5px;
		font-size: 9px;
		}
	
	
/* SYSTEM ADMIN */
	.systemAdminItem {
		margin: 0;
		padding: 2px;
		list-style-type: none;
		width: 200px;
		border: 1px solid #fafafa;
		cursor: hand;
		background-color: #eee;
		color: #222;
		}
	
	.systemAdminItemHighlight {
		margin: 0;
		padding: 2px;
		list-style-type: none;
		width: 200px;
		border: 1px solid #9FB1BC;
		cursor: hand;
		background-color: #f9f3f5;
		}
	
	.systemAdminItemSelected {
		margin: 0;
		padding: 2px;
		list-style-type: none;
		width: 200px;
		border: 1px solid #fafafa;
		cursor: hand;
		background-color: #dbbdbf;
		}
	
	.systemAdminItemInActive {
		margin: 0;
		padding: 2px;
		list-style-type: none;
		width: 200px;
		border: 1px solid #fafafa;
		background-color: #eee;
		color: #ccc;
		}

	.systemAdminText {
		display: inline;
		float: right;
		text-align: center;
		padding-top: 10px;
		padding-right: 20px;
		font-size: 10px;
		}

/* HOME ADMIN */
	.inputHomeText {
		font-family: verdana, sans-serif;
		font-size: 10px;
		text-align: left;
		background-color: #fff;
		}
	.inputHomeTextLeft {
		font-family: verdana, sans-serif;
		font-size: 10px;
		text-align: left;
		background-color: #fff;
		width: 90%;
		}
	
	.inputHomeTextRight {
		font-family: verdana, sans-serif;
		font-size: 10px;
		text-align: left;
		background-color: #fff;
		width: 90%;
		}

	.inputHomeText_odd {
		background-color: #fff;
		margin: 0px; padding: 1px 2px 8px 2px;
	}
	
	.inputHomeText_even {
		background-color: #f8f8f8;
		margin: 0px; padding: 1px 2px 8px 2px;
	}
	


/* PAGE HEADER STYLES */
#topMenuDiv {
	width:920px;
	}

#pageHeaderDiv {
	width:920px;
	height: 35px;
	color: #444;
	font-weight: bold;
	}

#pageTitleDiv {
	float: left;
	width: 130px;
	font-size: 14px;
	text-align: center;
	}

#clientNameDiv {
	float:left;
	font-size: 16px;
	padding-left: 10px;
	padding-top: 5px;
	}

#clientCountDiv {
	float: right;
	font-size: 14px;
	padding-top: 6px;
	text-align: right;
	margin-right:30px;
	}

#clientControlDiv {
	padding-right:15px;
	padding-top:1px;
	text-align: right;
	}


/* LINK STYLES */
.linklisting {margin:30px 0px 20px 0px;}
.linklisting .row {clear:both; height:20px; padding:2px 2px;}
.linklisting .col1 {float:left; width:130px;}
.linklisting .col2 {float:left;}
.linkdescription {font-size: 110%;}
.linkextended {font-size: 90%;}
.linknotfound {margin:30px 0px 20px 0px;}


/* LIST STYLES */
.trReport_odd { background-color: #f6f6f6; }
.trReport_even { background-color: #fefefe; }
.trReport_highlighted { background-color: #ffecf5; }


/* TABLE STYLES */
.tableBorder {
	font-family: verdana, sans-serif;
	margin: 0px;
	padding: 5px;
	font-size: 8pt;
	color: #708491;
	background-color : #eee;
	border: 1px solid #aaa;
 	}

.tableBorder_inverse {
	font-family: verdana, sans-serif;
	margin: 0px;
	padding: 5px;
	font-size: 8pt;
	color: #708491;
	margin: 0px;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #aaa;
	}

.tableTitle {
	font-family: verdana, sans-serif;
	background-color: #aaa;
	font-size: 8pt;
	color: #fff;
	margin: 0px;
	padding: 5px;
	font-weight: bold;
	}

.tableSubTitle {
	font-family: verdana, sans-serif;
	background-color: #ccc;
	font-size: 8pt;
	margin: 0px;
	padding: 5px;
	color: #fff;
	font-weight: bold;
	}

.tableCell {
	font-family: verdana, sans-serif;
	font-size: 8pt;
	margin: 0px;
	padding: 5px;
	color: #708491;
	background-color: #ddd;
	}