/********GENERAL TAB STYLES ***********/
body {
	
	padding:0px;
    
	background-color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, "Gill Sans Std";
}
body, body div, body p, body th, body td, body li, body dd   {
    /* more specific to override imported rule */
    font-size:    x-small;      
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;   
    /* recover from trick */
    font-size:    small
    /* intended value for better browsers */
    }

html>body {
    font-size:    small
    /* be nice to Opera */
    }	

h1 {
	font-size:130%;
}
h2 {
	font-size:110%;
}
h3 {
	font-size:100%;
}

/********SPECIFIC STYLES FOR HEADER ***********/
#header {
	padding: 15px;
	color: #FFFFFF;
	background-color: #287474;
	text-align:left;
	background-image: url(images/grad.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#header a {
	color: #FFFFFF;
}
#header a:hover {
	color: #FFFF00;
}
#odysseyTitle {
	/*float:left;*/
	margin-right:50px;
	/*margin-bottom:20px;*/
}
#logo {
	font-weight: bold;
}
#recordLocator {
	margin-left: 4em;
}
#userDetails {
	float: right;
	padding-left:300px;
}
span.deceased{
	color: #FF0000;
	text-decoration:underline;
}

/********SPECIFIC STYLES FOR menu ***********/
#menu {
	margin: 0px;
	padding: 0;
	position:absolute;
	margin-top: -16px;
	margin-left: 180px;
	text-align: left;
	z-index:15;
	font-size: 13px;
	
}
.nav {
	position: absolute;
	width: auto;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: white;
	z-index: 16;
	text-align: left;
}
#nav1 {
	/*left: 2%;*/
	width: 110px;
	text-decoration: underline;
}
#dropone{
	width: 110px;
	/*padding-top:1em;*/
}
.lnav {
	DISPLAY: block;
	COLOR: #fff;
	BACKGROUND-COLOR: #257272;
	TEXT-DECORATION: none;
	margin: 0px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width:100%;
	line-height:1.1em;
	padding-top:2px;
	padding-bottom:2px;	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #339999;
}
a.lnav {
	DISPLAY: block;
	COLOR: #fff;
	BACKGROUND-COLOR: #257272;
	TEXT-DECORATION: none;
	margin: 0px;
	padding-left: 0.5em;
	padding-right: 0.5em;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #339999;*/
}
a.lnav:active, a.lnav:visited {
	DISPLAY: block; 
	COLOR: #fff; 
	BACKGROUND-COLOR: #257272; 
	border-bottom-color: #339999;
	TEXT-DECORATION: none;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
a.lnav:hover {
	DISPLAY: block; 
	COLOR: #fff; 
	BACKGROUND-COLOR: #339999; 
	TEXT-DECORATION: none;
	/*margin: 0px;*/
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.dropnav {
	position: absolute;
	top: 16px;
	background: #257272;
	visibility: hidden;
	color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	LIST-STYLE-TYPE: none;
	margin: 0px;
	padding: 0px;
	display: block;
	z-index: 17;
	TEXT-DECORATION: none
}
/********SPECIFIC STYLES FOR tooltips ***********/
#dhtmltooltip{
position: absolute;
color: white;
width: 150px;
border: 1px solid black;
padding: 4px;
background-color: #287474;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}
.infoImage {
	vertical-align: bottom;
}
/********SPECIFIC STYLES FOR TOP PART OF SCREEN ***********/
#message, #signUpMessage {
	padding:15px;
	font-weight: bold;
	color: #FF0000;
	width: 600px;
}

#recordSummary {
	padding-left:15px;
	padding-top:0px;
	padding-bottom:0px;	
	margin-bottom:0px;
}



/********SPECIFIC STYLES FOR OPTION TABS ***********/
#tabs {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	/*background-color: #DAE0D2;*/
	background-color: #ffffff;
	background-image: url(images/tab/bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#tabs ul {
	margin:0;
	padding:0px 0px 0;
	list-style:none;
}
#tabs li {
	float:left;
	background:url(images/tab/norm_left.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
}
#tabs a {
	display:block;
	background:url(images/tab/norm_right.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#765;
}
#tabs a:hover {
	color:#333;
}
#tabs #current {
	background-image:url(images/tab/norm_left_on.gif);
}
#tabs #current a {
	background-image:url(images/tab/norm_right_on.gif);
	color:#333;
	padding-bottom:5px;
}

/******** GENERAL STYLES FOR DETAIL AREA ***********/

#detailContent {
	padding-top:10px;
	margin:15px;
	clear:both;
}

.alternateKey {
	text-decoration: underline;
}

#detailContent a {
	color: #287474;
}
#detailContent a:hover {
	color: #776655;
}


#detailContent a.highlightLink {
	color: white;
	background-color: #287474;
	padding-left:4px;
	padding-right:4px;
	text-decoration: none;
}
#detailContent a.highlightLink:hover {
	color: #776655;
	background-color: white;
	padding-left:3px;
	padding-right:3px;
	border: 1px solid #287474;
}

div.inset{
	margin-top: 30px;
	margin-left:5em;


}

div.restrictWidth {
	width: 600px;
}

.tableLabel {
	text-align:left;
}

/********SPECIFIC STYLES FOR index page ***********/



/********SPECIFIC STYLES FOR signup wizard ***********/
.table{
	width:70%;
}
#progress {
	padding-top: 5px;
}
.progress {
	background-color: #287474;
	color: white;
}
.nav_buttons{
	margin-top: 10px;
	margin-bottom: 20px;
	clear:left;
	left: 200px;
}
.courseDetails{
	margin-top: 5px;
	padding: 5px;
	border: thin solid #287474;
	width: 600px;
}
td {
	vertical-align:top;
	/*width:300px;*/
	padding: 5px;
}

.fieldError {
	color:#FF0000;
}
#signUp{
	width: 800px;	
}

/********STYLES for medical template ***********/
tr.medicalExpert  {
	background-color: #FFFF66;	
}

/********STYLES for pageAccess.tpl ***********/
div#pageAccess td, div#pageAccess th{
	border: 1px solid #287474;
	width: 10%;
}

#cat_1 {
	background-color:#BDD5D3
}
#cat_2 {
	background-color: #F0C1CA
}
#cat_3 {
	background-color: #F5FB86
}
#cat_4 {
	background-color: #F8C287
}

/********STYLES for peopleSearchResult.tpl ***********/
div#peopleSearchResult tr{
	text-align:center;
	color: #287474;
}

div#peopleSearchResult tr.header{ 
	vertical-align: top;
}

div#peopleSearchResult tr.odd, tr.odd {
	background-color: #A6F0ED;
}
tr.newQualification {

	background-color: #009900;	
}

input {
	font-family:Verdana, Arial, Helvetica, "Gill Sans Std";
	    /* more specific to override imported rule */
    font-size:    x-small;      
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;   
    /* recover from trick */
    font-size:    small
    /* intended value for better browsers */

}
textarea {
	font-family:Verdana, Arial, Helvetica, "Gill Sans Std";
	    /* more specific to override imported rule */
    font-size:    x-small;      
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;   
    /* recover from trick */
    font-size:    small
    /* intended value for better browsers */

}
/********STYLES for notes ***********/
.noteWriter {
	color: #38a3a3;
}
/********STYLES for staffBooking ***********/
body table#staffBooking td {
	font-size:9px;
	margin:0px;
	padding:2px;
}
.checkboxInput {
	height:12px;
	width:12px;
}
table.yes {
	background-color: #BAFFB0;
}
table.no {
	background-color: #FFB0B0;
}
td.no {
	background-color: #FFB0B0;
}
table.confirmed {
	background-color:#2FA31F;
}
table.dk {
	background-color: #FFC4A0;
}
#detailContent table a.commentSymbol {
	background-color: #287474;
	color: #ffffff;
	text-decoration: none;
	cursor: default;
	padding:1px;
}
#detailContent table a.commentSymbol a.commentSymbol:hover {
	color: #ffffff;
	text-decoration: none;
	cursor: default;	
}
td.commentClass {
	background-color: #287474;
}
#detailContent table a.qualificationSymbol, a.qualificationSymbol:hover {
	background-color: #C72525;
	color: #ffffff;
	text-decoration: none;
	cursor: default;
	padding:1px;
}
/********STYLES for staffSummary ***********/

tr.staffName {
	background-color: #6E9F9D;
	margin-top:15px;
}
span.lapsed {
	color: red;
}
/****** STYLES for Lat/Long page *********/
#map {
	border: 1px solid #478787;	
}
/****** STYLES for Map report *********/
#mapKey {
	position:absolute;
	z-index: 10;
	left: 100px;
	top: 10px;
	padding:5px;
	border: 1px solid #478787;	
}
/****** STYLES for search *******/
table#searchTable select, table#searchTable input#name{
	width:240px;
}

table#searchTable input.submitButton{
	float:right;
}

table#searchTable input.hasLocation{
	width: 15px;	
}

/*** STYLES for picture cropping ****/
div#cropper
{
	border: medium dotted #FFFF00;
	background-image: url(images/imgSelectBackground.gif);
}
div.cropPerson{
	width: 200px;
	border: 1px solid #478787;	
	float:left;
	clear:left;
	margin: 5px;
	padding: 3px;
}
div.cropPerson img, div.photoReport img {
	padding-left:3px;
	float:right;
}

img#mugShot {
	float:right;
	margin-bottom:3px;
	margin-top:3px;
	margin-right:20px;
	border: 1px solid #478787;	
}

div.photoReport {
	width: 230px;
	height: 120px;
	border: 1px solid #478787;
	float:left;
	margin: 5px;
	padding: 3px;
}
span#uploadingMessage {
	display:none;
}
div#cropInstructions {
	width: 250px;
	float:left;
	padding-bottom: 10px;
}
input.processCrop {
	float:right;
}