body {
	background-color: #FFF;
	font-family: arial;
	margin: 0px;
}
a {
	text-decoration: none;
}
button {
	cursor: pointer;
}
form {
	margin: 0px;
}
h1,h2,h3 {
	margin: 0;
}
header {
	background-color: #369;
	color:#FFF;
	font: normal 120% arial;
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 1;
}
header table {
	width: 100%;
}
header table tr th {
	color:#FFF;
	font-size: 32px;
}
header nav table thead tr th {
	color:#FFF;
	cursor: pointer;
	font-size: 18px;
	width: 20%;
}
header table tr td img {
	height:40px;
}
footer {
	background-color: #369;
	color:#FFF;
	font: normal 90% arial;
	bottom: 0;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 1;
}
footer table tfoot {
	color: #FFF;
	font: normal 100% arial;
	text-decoration: none;
	width: 100%;
}
article {
	background-color: #FFF;
	color: #000;
	margin: 50px 0px 20px 0px;
	z-index: 2;
}

article figure {
	display: inline-block;
	margin: 0px;
}
article figure figcaption {
	margin-top: -5px;
}
article figure img {
	border: 0px solid #000;
	border-radius: 50%;
	height: 80px;
	width: 80px;
}

article img {
	border: 0px solid #000;
	padding: 0px;
}
article table {
	border-collapse: collapse;
	border: 0px solid #000;
	width: 100%;
}
article table tr th {
	border-collapse: collapse;
	border: 2px solid #369;
	cursor: pointer;
}
section img {
	border-radius:25px;
}
section table td {
	border-collapse: collapse;
	border: 1px solid #000;
	width: 370px;
}

section table tr[data-href] {
	cursor: pointer;
}

article table tr td ol {
	font-size: 24px;
	margin: 0px;
}
article table tr td ul {
	font-size: 24px;
	margin: 0px;
}
section table thead {
	background-color: #369;
	color: #FFF;
	position: sticky;
}
section table thead tr {
	background-color: #369;
	color: #FFF;
	position: sticky;
}
section table thead tr th {
	background-color: #369;
	color: #FFF;
	position: sticky;
}
section table tfoot {
	background-color: #369;
	color: #FFF;
}
section table thead tr th {
	border-collapse: collapse;
	border: 2px solid #369;
}
section table tbody tr:nth-child(even) {
  background-color: #CEC;
}
section table tbody tr:hover {
	background-color: #FF0;
	color: #000;
	cursor: pointer;
}
section table tbody tr:active {
	background-color: #F00;
	color: #FFF;
	cursor: pointer;
}
section table tbody tr td select {
	width: 99%;
}
section table tbody tr td input {
	width: 98%;
}
section table tbody tr th {
	background-color: #369;
	color: #FFF;
	vertical-align: top;
}
section table tbody tr td {
	vertical-align: top;
}
section table tbody tr th a {
	color: #FFF;
}

section figure {
	display: inline-block;
	margin: 0px;
}
section figure figcaption {
	margin-top: -2px;
	font-size: 10px;
}
section figure img {
	border: 0px solid #000;
	border-radius: 50%;
	height: 80px;
	width: 80px;
}

label:hover {
	background-color: #FF0;
	color: #000;
	cursor:pointer;
	display:block;
}

.on {
	background-color: #FFF;
	color: #F00;
}

.off {
	background-color: #CCC;
	background-image: url('../images/bg.jpg');
	color: #000;
}

.on2 {
	background-color: #369;
	color: #FFF;
}

.off2 {
	background-color: #CCC;
	background-image: url('../images/bg.jpg');
	color: #000;
}


#date   {width: 115px;}
#event  {width: 210px;}

#cancel {background-color:#00C; color:#FFF; height:40px; width:80px;}
#delete {background-color:#C00; color:#FFF; height:40px; width:80px;}
#insert {background-color:#090; color:#FFF; height:40px; width:80px;}
#update {background-color:#C60; color:#FFF; height:40px; width:80px;}

#save   {background-color:#090; color:#FFF; height:40px; width:140px;}

#export {background-color:#909; color:#FFF; height:40px; width:350px;}
#search {background-color:#09C; color:#FFF; height:40px; width:99%;}
#forgot {background-color:#F90; color:#FFF; height:40px; width:80px;}
#login  {background-color:#090; color:#FFF; height:40px; width:250px;}
#logout {background-color:#F00; color:#FFF; height:40px; width:225px;}