body {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-size: 14px;
}

div.param {
	display: table-cell;
	vertical-align: middle;
	height: 50px;
}

#top, #chart, #bottom {
	width: 100%;
}

#top {
	position: absolute;
	top: 0;
}

.stackBottom {
    height: 100vh;
    width: 100vw;
    display: table-cell;
    vertical-align: bottom;
}

.stackBottomItem {
	display: inline-block;
}

.helpHighlight {
	text-shadow: 3px 3px 15px rgba(0, 0, 0, 1);	
}

#topBar>tbody>tr {
	vertical-align: top;
}

#topBar>tbody>tr>td {
	padding-right: 20px;
	white-space: nowrap;
}

.inputParam, .calculatedParam {
	width: 70px;
}

h1, h2, h3, h4 {
	white-space: nowrap;
}

.params>label {
	white-space: nowrap;
}

.selected-axis {
	text-shadow: 3px 3px 15px rgba(0, 0, 0, 1);
}

#helpSection {
	width: 280px;
	white-space: normal;
}

#adPanel {
	width: 200px;
	float: right;
}

#helpPanels>div {
	display: none;
}

#bottom {
	text-align: center;
}

#contact {
	float: right;
	display: inline-block;
}

#social {
	float: left;
	margin: 0 0 3px 3px;
}

.twitter-share-button {
	vertical-align: bottom;
	margin-right: 8px;
}

.fb-like {
	overflow: hidden;
	vertical-align: bottom;
}

.exampleHelp {
	position: absolute;
	display: none;
}

.arrow_box {
	position: relative;
	background: rgba(182, 182, 182, 0.94);
	border: 2px solid #797979;
}

.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(57, 125, 78, 0);
	border-top-color: rgba(182, 182, 182, 0.94);
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #797979;
	border-width: 13px;
	margin-left: -13px;
}

.tooltipClose {
	position: absolute;
	top: -10px;
	right: -10px;
}

.jqplot-table-legend {
	font-size: 14px;
}

#viewSavedLinkContainer {
	display: none;
	padding-left: 10px;
}