/*
	version: 3
*/

/*	classes for schedule ------------------------------------------------------------------ */
div.timeLine {
	position:absolute;
	left:10px;
	top:80px;
	width:800px;
	height:30px;
	z-index:10;
}
div.title {
	position:absolute;
	left:350px;
	top:40px;
	width:450px;
	z-index:5;
	text-align:right;
	font-family:Verdana;
	font-size:11pt;
	font-weight: bold;  
	padding: 2px 10px 0px 0px;
}
div.dateParts {
	position:absolute;
	top:40px;
	z-index:11;
}
#dateField {
	font-family: Arial, Helvetica, sans-serif;
	font-size:      16px;
	font-weight:    bold;
}

/*	general purpose select and options classes -------------------------------------------- */
/*
#wbTab input {
  width:100%;
  font-family: MS Sans Serif, Arial, Tahoma,sans-serif;
  font-size: 12px;
}
*/

input[type=text]{
  width:80%;
  font-family: MS Sans Serif, Arial, Tahoma,sans-serif;
  font-size: 12px;
  text-align: right; 
}



input.button {
  width:130px;
  font-family: MS Sans Serif, Arial, Tahoma,sans-serif;
  font-size: 12px;
  font-weight: bold;  
  text-align:center;
  font-weight: bold;
  background-color:BlanchedAlmond;
  color:brown;
}
input.button:hover:enabled {
  background-color: brown;
  color: ivory;
}

input.button:disabled {
  color: grey;
}


input.entry {
  text-align:left;
  width:60px;
}
select {
  background-color: BlanchedAlmond;
  color:brown;
  font-family: MS Sans Serif, Arial, Tahoma,sans-serif;
  font-size: 12px;
  font-weight: bold; 

}

table.login {
  border:1px solid brown;
  color:brown;
  cursor: default;
  display: block;
  font-family: MS Sans Serif, Arial, Tahoma,sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 2px 2px 2px;
  text-decoration: none;
  background:BlanchedAlmond;
  empty-cells:show; 
  border-collapse:collapse;
  /*  width:280px;  */
} 

option {
  background-color: BlanchedAlmond;
  color:brown;
  font-family: MS Sans Serif, Arial, Tahoma,sans-serif;
  font-size: 12px;
  font-weight: bold;  
  margin: 5px 5px 5px 5px;
  padding: 1px 1px 2px 1px; 
}
/*
textarea.error {
	border:1px;
	width:935px;
	height:800px;
	font-family:MS Sans Serif, sans-serif;
	font-size: 12px;
	background:lightsalmon;
}

div.error {
	z-index:100;
	position:absolute;
	top:100px;
	left:100px;
	background:lightGray;
	width:500px;
	height:200px;
	border: 1px solid black;
}

p.errorBody {
  	font-family: MS Sans Serif, Arial, Tahoma,sans-serif;
  	font-size: 12pt;
	text-align:left;
	color:black;
	width:500px;
}
*/
textarea.remarks {
	border:1px;
	width:360px;
	height:100px;
	font-family:MS Sans Serif, Arial, Tahoma,sans-serif;
	font-size: 10pt;
	background:white;
	border:solid darkgray 1px;
	outline:solid darkgray 1px;
}

/*	Styles for popup calendar----------------- -------------------------------------------- */


table.calendar {
 		border: 1px solid black;
 		background-color:white;
 		color:black;
 		font-family:Verdana;
 		font-size:10pt;
 		table-layout:fixed;
 		border-collapse:collapse;
 	}
 	
a.calendar {
  border: 1px solid #000000;
  color: brown;
  cursor: default;
  display: block;
  font-family: MS Sans Serif, Arial, Tahoma,sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 1px 2px 8px;
  text-decoration: none;
}
a.calendarDay {
  color: #FF9966;
  cursor: default;
  display: block;
  font-family: MS Sans Serif, Arial, Tahoma,sans-serif;
  font-size: 12px;
  font-weight: bold;

  text-decoration: none;
  width:25px;
  border:1px solid ivory;
}

a.calendarDay:hover {
  border:1px solid red;
}

/*	Content and main table of tabs -------------------------------------------------------- */

div.tabContent {
	position:absolute;
	top:80px;
	z-index:11;
	width:800px;
	height:300px;
}

table.tabTable {
	background:ivory;
	text-align:left; 
	border:2px solid ivory; 
	font-family:Verdana;
	font-size:8pt;
	padding:10px;
	table-layout:fixed;
	border-collapse:collapse;
}

table.messages {
  color:brown;
  cursor: default;
  display: block;
  font-family: MS Sans Serif, Arial, Tahoma,sans-serif;
  font-size: 12px;
  padding: 2px 2px 2px 2px;
  text-decoration: none;
  background:BlanchedAlmond;
  empty-cells:show; 
  border-collapse:collapse;
  
} 
/*
td.rsButton {
	height:20px;
}
*/

/*	Styles for tabbed screens  ------------------------------------------------------------ */


div.canvas {
position: absolute;
	background-color: #cccccc;
	text-align:center;
  font-family: MS Sans Serif, Arial, Tahoma,sans-serif;
  font-size: 12px;
  font-weight: bold;
	padding: 2px 2px 0px 2px;
	border: 0px;
}

div.hi {
	position: absolute;
	background-color: white;
 font-size: 0px;
 	border: 0px;
}

div.low1 {
	position: absolute;
	background-color: #999999;
	font-size: 0px;
		border: 0px;
}

div.low2 {
	position: absolute;
	background-color: #666666;
	font-size: 0px;
		border: 0px;
}
a.tab {
  border: 0px solid #000000;
  color: brown;
  cursor: default;
  display: block;
  font-family: MS Sans Serif, Arial, Tahoma,sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 12px 2px 8px;
  text-decoration: none;
  width:100%;
}

a.tab:hover {
	color: black;
  font-size: 12px;
}
a.tab2 {
  border: 0px solid #000000;
  color: #FF9966;
  cursor: default;
  display: block;
  font-family: MS Sans Serif, Arial, Tahoma,sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 1px 2px 8px;
  text-decoration: none;
}
/*
td img{
    display: block;
    margin-left: auto;
    margin-right: auto;

}
*/
.gridContainer {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  grid-template-rows: 2fr 1fr;
  grid-gap: 10px; 
/* 
  background-color: #2196F3;
  z-index:1;
*/
}
/*
.gridContainer > div {
  background-color: rgba(255, 255, 255, 0.8);
}
*/