body {
	font-family: 'Roboto Condensed', sans-serif;
}



.mainContainer {
	width: 1000px; margin: auto;
}

.headerContainer {
	width: 100%; height: 50px; padding: 25px; border-bottom: solid 1px #cccccc;
}

.bodyContainer {
	width: 100%;
	padding: 20px;
}

.menuButton {
	padding-right: 15px; margin-left: 15px; border-right: solid 1px #CCCCCC; cursor: pointer;
}

.menuButton:hover {
	color: blue;
}

.chartHead {
	display: inline-block; vertical-align: middle; background-color: #eeeeee; font-weight: bold; padding: 8px;
}

.chartHeadRow {
	border-bottom: solid 1px #cccccc;
}

.chartCell {
	display: inline-block; vertical-align: middle; padding: 8px;
}

.chartRow {
	border-bottom: dotted 1px #cccccc;
}

.chartRow:hover {
	background-color: #E5E9FF;
}




h1 {
	margin: 0px; font-size: 30px;
}

h2 {
	margin: 0px; font-size: 22px;
}

h3 {
	margin: 0px; font-size: 16px;
}

input {
	padding: 5px;
}

select {
	padding: 5px;
}


.inline {
	display: inline-block;
}

.middle {
	vertical-align: middle;
}

.bottom {
	vertical-align: bottom;
}

.top {
	vertical-align: top;
}

.hidden {
	display:none;
}

.link {
	cursor: pointer;
	color: blue;
}

.link:hover {
	color: blue;
}

.hidden {
	display:none;
}

.bold {
	font-weight: bold;
}