@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed|Raleway);

body {
	font-family: 'Raleway', sans-serif;
	padding: 10px 40px 0px 40px;
}

table.data {width: 100%;}
table.data tr { border: 1px solid #666; }
table.data td { border: 1px solid #666; }
table.data tr:first-of-type td { border: none; text-align: center;}
table.data td { padding: 0px 8px 0px 8px; text-align:right;}

tr.ldata td { text-align: left;}
tr.rdata td { text-align: right;}
tr.cdata td { text-align: center;}

h1, h2, h3 {
	font-family: 'Roboto Condensed', sans-serif;
}
div.content a {
	text-decoration: none;
}

table{
border-collapse:collapse;
cellpadding: 1px;
}

table.reporting {
	table-layout:fixed;
	width:100%;
}

table.reporting tr:nth-child(even) td.date{
	background-color:#CFF;
}

table.reporting td {
	width:150px;
}

table.reporting td:last-child {
	width:100%;
}
	

td.notes {
display: block;
max-width:800px;
overflow:hidden;
white-space:nowrap;
text-overflow: clip;
text-overflow: ellipsis;
text-overflow: "…";
}

.clickable-row {
	cursor: pointer;
}

.clickable-row:hover {
	background-color:#CCC;	
}

table td {
	padding: 2px;
}

.header {
	font-weight: bold;
}

div.homebox{
	width: 300px;
	margin: 10px;
	padding: 10px;
	border-radius: 10px;
}

.na {
	background-color:#666;
	color: #fff;
}

.na:hover {
	background-color:#CCC;
}

.green{
	background-color:#0C6;
	color: #fff;
}

.green:hover {
	background-color:#3C9;
}


.yellow{
	background-color:#FC3;
	color: #000;
}

.yellow:hover {
	background-color:#FF6;
}
.red{
	background-color:#C30;
	color: #fff;
}

.red:hover {
	background-color:#F33;
}

div.weeklysummarynotes {
	border-radius: 10px;
	padding: 2px 25px 10px 25px;
}

div.loginpage {
	text-align: center;
}

div.login {
	width: 40%;
	min-width: 400px; 
	height: 120px;
	background-color:#36F;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}

div.logina {
	width: 40%;
	min-width: 400px; 
	height: 120px;
	background-color:#F63;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}


div.logina table {
	margin-left: auto;
	margin-right: auto;
}

div.login table {
	margin-left: auto;
	margin-right: auto;
}

div.login a {
	color: #fff;
}

div.nav {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

ul.navitem {
	list-style: none;
}

ul.navitem li {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: x-large;
	display:inline;
	margin: 0px 50px 0px 50px; 
	background-color: #06C;
	color: #fff;
	padding: 15px;
	border-radius: 15px;
}

table.adminsummary {
	margin-top:100px;
	margin-left: auto;
	margin-right: auto;
}