/********************************************************************* */
/*   background F4F3Ea => F7F5F0     */
/*   background table rows   EDEAD8 => F1EFE2   => F0EEE1  */
/* body:before { padding: 4px; display: block; width: 100%; content: "** TRAINING SYSTEM **"; background-color: lawngreen; } */

body
{
    color: #003481; /* background: #faf9f5; */
    background: #F7F5F0; /* #ffe4e1; */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
    margin: 0px;
    padding: 0px 3px 3px 3px;
    margin-bottom: 24px; /* so that button hover url pop doesnt cover buttons */
}

input {font-family:Arial,Helvetica,Sans-Serif; font-size:1em; padding :1px; } 
select {font-family:Arial,Helvetica,Sans-Serif; font-size:1em;}
table {font-family:Arial,Helvetica,Sans-Serif; font-size:1em;}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	cursor: text;
    width: 500px; height: 60px; 
}

h1 {font-family:Arial,Helvetica,Sans-Serif; font-size:2em;font-weight:bold; padding-top:6px;}
h2 {font-family:Arial,Helvetica,Sans-Serif; font-size:1.5em;font-weight:bold; padding-top:6px;}
h3 {font-family:Arial,Helvetica,Sans-Serif; font-size:1.5em;font-weight:bold; padding-top:6px;}
h4 {font-family:Arial,Helvetica,Sans-Serif; font-size:1.1em;font-weight:bold; padding-top:6px; margin-bottom:0; }
h5 {font-family:Arial,Helvetica,Sans-Serif; font-size:1.1em;font-weight:bold; padding-top:9px; margin:0; }
label { font-weight:bold }

a:link {color: #003481; text-decoration:underline;white-space:nowrap;  margin-right:1em; }
a:visited {color: #003481;text-decoration:underline;}
a:hover {color: #003481;text-decoration:none; background:#CDF2FE;cursor:hand;}



#results th, thead, .th1, .thH {color:#FFFFFF;background:#41638f;font-weight:bold;height:24px;vertical-align:middle;padding:0 2px 0 2px; }
#results tr {height: 18px;}
#results tbody, .tr1, .trA  {background:#F0EEE1;height: 18px;}
.thH:hover{ background-color:#D3E0ED; color:#41638f;} 

/*#results a:link{background-color:transparent;	text-decoration: none;		display: block;	margin:3px;	}
#results a:visited{	background:#F0EEE1;	text-decoration: none;	display: block;	margin:3px;	}
#results a:hover{background-color:#D3E0ED; } */
#errDiv { color:Red; text-align:center; font-weight:bold; font-size:1.2em; }

/*.th1 {color:#FFFFFF;background:#41638f;font-weight:bold;height:24px; text-align:left; vertical-align:middle; padding:0px 2px 0px 2px; }
.tr1, .trA {background-color: #F0EEE1; height: 18px;} */
.tr2 {background-color:#DDDBF2;height:18px; }
.trH {background-color: #F0EEE1; height: 18px;}
.trH:hover{ background-color:#D3E0ED} 
.trS{background-color: #CDF2FE;height: 18px;} 
.trhover {background:#D3E0ED;height:18px;  } 

.hide{visibility:hidden}
.whiteB {color:#FFFFFF; background:#000066; }
.ro {color:#003481; background-color: #f9f8f5; border:1px solid #d3d3d3} /* background-color:Transparent; */ 
.red {color:#FF0000;}
.yelo{background:#FFFF77;}
.bold{color:#990000; font-weight: bold;}
.bred{background:#FBAAA2;}
.borg{background:#FFD89D;}
.bblu{background:#D0E8EE;}
.bpnk{background: #FBBFE6;}
.bgry{background:#E6E6E6;}
.bgrn{background:#99FF66;}
.bgre{background:#BEE6A2;}
.bcyn{background:#B0D8FF;}
.bxxx{ background: #9b9a9a; color:#e7e4e4}
.bpur{background: #CC99FF;color: #000080;}
.btn  {color:#003481; background-color:#F0EEE1; font-size:0.9em; font-weight:bold; padding:1px 8px 1px 8px; overflow:visible; }
.btnro {color:#C0C0C0; background-color:#F0EEE1; font-size:0.9em; font-weight:bold; padding:1px 8px 1px 8px; overflow:visible; } 
.btnS{color:#003481; background-color:#F0EEE1; font-size:0.8em; font-weight:bold; padding:0 6px 0 6px;}
.btnx{background:white; width:12px;height:14px; font-family:Verdana; font-size:90%; font-weight:bold; border:none; vertical-align:middle;  } 

.btn[disabled]{ color:#BBBBBB }
.lnk { text-decoration:underline  ; font-weight:bold;}
.lnk:hover { font-weight:bold; 	cursor:pointer;}

/* calendar - year planner styles */
.calHead {color: #000080; background-color: #CCCCFF; }
.cal0 {background-color: #FFFFFF;}
.calGreen {background-color: #B1E98D;}
.calOrange {background-color: #EEC288;}
.calRed {background-color: #EC796C;}
.calWE {background-color:#EAEFF4; color:#66CC99; }	
.calhol {background-color:#FFFF66; }
.calhol5 {background-color:#FFCC99; }
.calsick {background-color:#CC99FF; }
.cal_11 {background-color:#FFFF99; }
.cal_12 {background-color:#FF66CC; } /*SICKPAY*/
.cal_13 {background-color:#FF99FF; } /*SICK unPaid*/
.cal_14 {background-color:#FFCC33; } /*DAY IN LU*/
.cal_15 {background-color:#CCCC99; } /*UNPAID Leave*/
.cal_16 {background-color:#99CC99; } /*compassn*/
.cal_17 {background-color:#CC99CC; } /*h and s*/
.cal_18 {background-color:#66FFCC; } /*trainng*/


/*td {text-align: center;	font-size:9px; width:14px;}*/
/*span {color:#009999; font-size:9px; }*/

#calendardiv {
    background-color: #D3E0ED;
    position: absolute;
    border: 2px solid orange;
    text-align:center;
    width:144px;
    visibility:hidden;
    z-index: 30;
}

#calendardiv img { padding-top:6px; }
#calendardiv div {height:16px;font-size:11px; font-weight:bold; padding:5px 0px 2px 0px;}
#calendardiv a { font-size:10px;cursor:pointer; padding: 3px 20px 3px 20px; }
#calendardiv a:hover {color:red;}

#caltable {text-align:center; font-size:10px; background-color:white; margin:auto;}
#caltable th {background-color:#DDE9EE;height:18px;width:16px;}
#caltable td {border:solid 1px white;}
#caltable .tdPst {color:#C0C0C0; /* text-decoration: line-through; */}
#caltable .tdTod {color:red; font-weight:bold; }
#caltable .tdHov {border:solid 1px red;	cursor:pointer;}
   
/* yearplaner table */
#yptable th {color:#FFFFFF;background:#41638f;font-weight:bold; text-align:center; font-size:9px;border:solid 1px #EEFBD2; }
#yptable td {text-align:center; font-size:10px;	cursor:hand; border:solid 1px #EEFBD2;}
#yptable span {color:#009999; font-size:9px;}
#yptable tr {height:20px}
#yptable .cal_bh { border-bottom:3px solid red; }
#yptable .cal_opq { opacity: 0.4; }
#yptable .tdHov:hover {border-color:#ff7d00}

a.mnuButton:link {
font: bold normal 0.9em/20px Arial, Helvetica, sans-serif; 
text-decoration:none;
color: #ffffff;
background: #41638f;
position: absolute;
right:8px;
top: 2px;
width: 50px;
height: 18px;
z-index: 1;
text-align:center;
}

a.mnuButton:visited{
font: bold normal 0.9em/20px Arial, Helvetica, sans-serif; 
text-decoration:none;
color: #ffffff;
background: #41638f;
position: absolute;
right:20px;
top: 2px;
width: 50px;
height: 18px;
z-index: 1;
text-align:center;
}

a.mnuButton:hover{
color:#003481;
background:#FFFFFF;
border: solid 1px #41638f;
}

a.mnuButton:active{
color: #ffffff;
background: #41638f;
}

.sugPop{
font: bold normal 0.9em/20px Arial, Helvetica, sans-serif;
color:#003481;
background:#FFFFFF;
position: absolute;
padding:2px; 
visibility: hidden;
width:auto;
z-index:3;
border:solid 2px #FF8C00;
}

.sugPop a:link  , .mnuPop a:link {
	color:#003481;
	text-decoration: none;
	display: block;
	padding: 0 0 0 2px;
}
.sugPop a:visited , .mnuPop a:visited {
	color:#003481;
	text-decoration: none;
	display: block;
	padding: 0 0 0 2px;
}
.sugPop a:hover , .mnuPop a:hover {
	color:#003481;
	background-color:#D3E0ED;
	display:block;
	padding: 0 0 0 2px;
}

.center {text-align:center}
.top {vertical-align:top}
.redBord { border :2px solid orange}


#cover {
visibility:hidden;
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
z-index:100;
background-color: rgba(0,0,0,0.3);
overflow:hidden;
}

#msgdiv 
{
    width:50em; max-width:80%;
    height: 60%;
    margin: 0 auto; left:0; right:0;
    position:fixed ;
    z-index:101;
    top:20%;
    background-color:#FFFFFF;
    color:#003481;
    text-align:center;
    font-weight:bold;
    padding:0;
    border-radius: 4px;
    
        border:4px solid #D3E0ED;

   
    
    visibility:hidden;
}

#msgfrm {
    width: 100%;
    height: 100%;
    border: none;
}

.pgnum {
    text-decoration: none;   margin-left: 0.6em;margin-right: 0.6em;font-size: 1em;
}