body { 
	background-color: white;
}
h1 {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 2px;
}
.nav ul {
	background-color: rgb(77,135,198);
}
.nav a {
	color:rgb(216,229,242);
	/*background:#333;*/
}
.nav a:hover, .nav .active{
	color:rgb(77,135,198);
	background:rgb(216,229,242);
}
.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(216,229,242);
	/*text-decoration:underline;*/
}
.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:hover, .myTable .selected {
	background-color: rgb(77,135,198);
	color: white;
}
.myTable tbody td {
	border-color: rgb(77,135,198);
}
.myTable tbody tr:hover a {
	color: white;
}
.myTable {
	background-color: rgb(216,229,242);
	/* border: 1px solid rgb(77,135,198); */
}
.myView, .myForm_Buttons, .myTBox {
	background-color: rgb(216,229,242);
	/* border: 1px solid rgb(77,135,198); */
}
.myTBox a {
	color: black;
	display: block;
	padding: 3px 10px 3px 10px;
}
.myTBox a:hover {
	color:rgb(216,229,242);
	background-color: rgb(77,135,198);
}


.myTabControl ul {
	background:rgb(216,229,242);
	border-bottom: 2px solid rgb(77,135,198);
	
}
.myTabControl a {
        color:rgb(77,135,198);
}
.myTabControl a:hover, .myTabControl .myTabActive a {
	color:rgb(216,229,242);
	background-color: rgb(77,135,198);
	
}