body { 
	background-color: #EEE; /*#EFEFEF;*/
}

.myTabControl .myView a {
        color: rgb(77,135,198);
}
.myTabInactive a:hover, .myTabActive a:hover, .myTabControl .myTabActive a {
	color: rgb(77,135,198);
	background-color: rgb(236,242,249);
}
.myTabHead, .myTabHead a, .myTabHead a:hover {
	background-color: rgb(77,135,198);
	color: rgb(236,242,249);
}
.myTabInactive a, .myTabActive a {
	color: rgb(216,229,242);
}
a {
	color: rgb(77,135,198);
	text-decoration: none;
	background-color: transparent;
}
a:hover {
	text-decoration: underline;
}
h1 {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 2px;
}
#oLogin {
	text-align: center;
}
#oLogin .myView {
	background-color: rgb(77,135,198);
	color: white;
}
#oLogin .myView, #oLogin .myForm_Buttons {
	width: 400px;
	margin-left: auto;
    margin-right: auto;
}
.myTBar_End {
	height: 31px;
}
.nav ul {
	background-color: rgb(77,135,198);
}
.nav a {
	color: white;
	font-weight: normal;
	/*background:#333;*/
}
.nav .active{
	font-weight: bold;
}
.nav a:hover, .nav .active{
	color: rgb(0,0,0);
	background: #EEE;
}
.nav li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background: rgb(236,242,249);
	color: rgb(0,0,0);
	text-decoration: none;
	/*text-decoration:underline;*/
}
.nav li:hover li { 
	width: 150px;
}
.nav li:hover li:hover { 
	font-weight: bold;
}
.liner {
	border-right: 2px solid rgb(77,135,198);
}
.myTable thead {
	color: rgb(216,229,242);
	background-color: rgb(77,135,198);
}
/*.myTable tbody tr:nth-child(even) { background: #FFF; } /* rgb(245,249,252) rgb(216,229,242) 
.myTable tbody tr:nth-child(odd) { background: rgb(236,242,249); }*/

.myTable tbody .tr_even { background: #FFF; }
.myTable tbody .tr_odd { background: rgb(236,242,249); }

.myTable tbody tr:hover, .myTable tbody tr.selected {
	background-color: rgb(77,135,198) !important;
	color: white;
}
.myTable tbody td {
	border-color: rgb(77,135,198);
}
.myTable tbody tr:hover a {
	color: white;
}
.myTable {
	background-color: rgb(236,242,249);
	/* border: 1px solid rgb(77,135,198); */
}
.myTable {
	box-sizing: border-box;
	border-left: 2px solid rgb(77,135,198);
	border-right: 2px solid rgb(77,135,198);
	border-bottom: 2px solid rgb(77,135,198);
}

.myView .myTable {
	border: 0px;
}


.myForm_Buttons, .myTBox {
	
}

.myView  {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
	-background-color: rgb(216,229,242);
	background-color: rgb(236,242,249);
	border-left: 2px solid rgb(77,135,198);
	border-right: 2px solid rgb(77,135,198);
	border-bottom: 2px solid rgb(77,135,198);
}
.myTBox {
	padding-bottom: 1px;
}
.myTBox a {
	color: black;
	display: block;
	padding: 3px 3px 3px 3px;
	--background-color: rgb(232,239,247);
	border: 1px solid transparent;
}
.myTBox a:hover {
	color:rgb(0,0,0);
	background-color: rgb(232,239,247);
	border: 1px solid rgb(77,135,198);
}

.myTable .head {
	height: 24px;
}

.myView button {
	background-color: #E5E6E7;
}

.myForm_Buttons button {
	background-color: transparent;
	border: 1px solid transparent;
}

.myForm_Buttons button:hover {
	background-color: rgb(232,239,247);
	border: 1px solid rgb(77,135,198);
}
button[type=submit], .myButtonSubmit  {
	background-color: rgb(77,135,198) !important;
	border: 1px solid transparent !important;
	color: white;
}

.myView {
	border-top: 2px solid rgb(77,135,198);
}
.myTabControl .myView {
	border-top: 0px;
}

.myTabControl ul {
	background: rgb(77,135,198);	
	border-top: 2px solid rgb(77,135,198);
}


.myTabHead a {
	font-weight: bold;
}

.myViewTD .myViewTH {
	  /*width: 50px;*/
}
.myView .myTable .myHead th, .myTabControl .myTable .myHead th {
	border-bottom: 2px solid rgb(77,135,198) !important;
}
.myView .myTable thead, .myTabControl .myTable thead {
	color: rgb(77,135,198);
	background-color: transparent;
	height: 23px;
}
.myCalendar {
	border-collapse: collapse;
	background: rgb(236,242,249);
	border-bottom: 1px solid rgb(77,135,198);
	border-right: 1px solid rgb(77,135,198);
	border-left: 1px solid rgb(77,135,198);
}
.myCalendar th {
	background-color: rgb(77,135,198);
	color: rgb(236,242,249);
	height: 2em;
}
.myCalendar td {
	border: 1px solid rgb(77,135,198);
	height: 5em;
}