﻿/* Analyze And Result Page
-----------------------------------------------------------*/
#AnalyzeAndResultsPageWrapper {
}

#AnalyzeAndResultPageWrapper p {
	font-size: 115%;
}


/* ---------------------- Balance Controls ------------*/
#BalanceDiv {
	position: relative;
	margin: 5px;
	border: 1px solid #000000;
}

#BalanceWrapper {
	margin: 5px;
	width: 960px;
	height: 75px;
	background: #c2c2c2; /*aba594;*/
	padding-top: 0px;
	padding-bottom: 2px;
}

#BalanceFieldset {
	height: 50px;
}

.BalanceModelDropdownLabel {
	position: absolute;
	top: 25px;
	left: 30px;
}
.BalanceModelDropdown {
	position: absolute;
	width: 370px;
	top: 25px;
	left: 80px;
}

.BalanceProcessDropdownLabel {
	position: absolute;
	top: 25px;
	left: 470px;
}
.BalanceProcessDropdown {
	position: absolute;
	width: 390px;
	top: 25px;
	left: 520px;
}
/* ------------------ End Balance Controls ----------- */


/* ------------------- Top controls ------------------- */
#AnalysisTopControls {
	height: 35px;
	margin: 5px;
	padding: 0px;
	border: 1px solid #000000;
}

.BalanceButton {
	width: 100px;
	height: 30px;
	font-weight: 700;
	font-size: 1.3em;
	text-align: center;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.BalanceButton:hover, BalanceButton:focus {
	-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
	box-shadow: 0 0 1px rgba(0,0,0, .75);
}

#BalanceButton2 {
	width: 100px;
	height: 30px;
	font-weight: 700;
	font-size: 1.3em;
	text-align: center;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
}
#BalanceButton2:hover, BalanceButton2:focus {
	-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
	box-shadow: 0 0 1px rgba(0,0,0, .75);
}

#CancelBalanceButton {
	width: 100px;
	height: 30px;
	margin-left: 10px;
	font-weight: 700;
	font-size: 1.3em;
	text-align: center;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
}
#CancelBalanceButton:hover, CancelBalanceButton:focus {
	-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
	box-shadow: 0 0 1px rgba(0,0,0, .75);
}

#BalanceInfoDiv {
	width: 400px;
	height: 25px;
	margin-left: 30px;
	font-weight: 600;
	font-size: 1.1em;
	font-style: italic;
	border: dashed 1px #000000;
}
.AnalysisPeriodLabel {
	width: 170px;
	border: 0px solid #000000;
}
.AnalysisPeriodEndDateLabel {
	width: 140px;
	margin-left: 5px;
	border: 0px solid #000000;
}
.NumberOfIncludedEventsLabel {
	width: 70px;
	margin-left: 5px;
	border: 0px solid #000000;
}

.GraphButton {
	width: 100px;
	height: 30px;
	margin-left: 30px;
	font-weight: 700;
	font-size: 1.3em;
	text-align: center;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#GraphButton:hover, GraphButton:focus {
	-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
	box-shadow: 0 0 1px rgba(0,0,0, .75);
}

.ReportButton {
	width: 100px;
	height: 30px;
	margin-left: 10px;
	font-weight: 700;
	font-size: 1.3em;
	text-align: center;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#ReportButton:hover, ReportButton:focus {
	-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
	box-shadow: 0 0 1px rgba(0,0,0, .75);
}

.GenerateDetailReportsCheckBox {
	margin-right: 5px;
	padding-right: 5px;
	border: 0px solid #000000;
}

.ResultsButton {
	width: 130px;
	height: 30px;
	margin-right: 5px;
	font-weight: 700;
	font-size: 1.3em;
	text-align: center;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#ResultsButton:hover, ResultsButton:focus {
	-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
	box-shadow: 0 0 1px rgba(0,0,0, .75);
}

/* ------------------------------------------------- end top controls ---------------------------------------*/


/* ------------------------------------------- Progress ----------------------------------------------------*/
#ProgressDiv {
	margin: 5px;
	padding: 0px;
	border: dashed 1px #000000;
}

#ProgressMessage {
	margin-left: 5px;
	/*width: 100%;*/
	font-weight: 500;
	font-size: 1.2em;
	/*border: solid 1px #000000;*/
}

.AnalysisAndResultsMessage {
	/*width: 100%;*/
	/*width: 500px;*/
	margin: 0px;
	color: red;
	font-size: 1.0em;
	font-weight: 600;
}
/* --------------------------------------------- end progress ---------------------------------------------*/


/* ---------------------------------------------- chart ----------------------------------------------------*/
#chart_div {
	margin: 5px;
	padding: 5px;
	height: 340px;
	border: solid 1px #000000;
}
/* ----------------------------------------------- end chart -------------------------------------------------*/


/* ----------------------------------------------- report -----------------------------------------------------*/
#ReportDiv {
	margin: 5px;
	border: 1px solid #000000;
}

.ReportPanel {
	margin: 5px;
	width: 100%;
	height: 290px;
	font-size: 1.0em;
	font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	/*	font-weight: 700;*/
	padding-left: 3px;
	border: 1px solid #000000;
}


.ResultsTextBox {
	position: absolute;
	top: 280px;
	left: 20px;
	width: 1000px;
	height: 20px;
	font-weight: 500;
	font-size: 1.3em;
}

#ResultsControlsWrapper {
	position: absolute;
	top: 110px;
	left: 700px;
	width: 300px;
	height: 50px;
/*	border: solid 1px #000000;*/
}
.GraphsButton {
	position: absolute;
	top: 20px;
	left: 120px;
	font-weight: 500;
	font-size: 1.3em;
	text-align: center;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
}
.GraphsButton:hover, GraphsButton:focus {
	-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
	box-shadow: 0 0 1px rgba(0,0,0, .75);
}

.ReportsButton {
	position: absolute;
	top: 20px;
	left: 200px;
	font-weight: 500;
	font-size: 1.3em;
	text-align: center;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
}
.ReportsButton:hover, ReportsButton:focus {
	-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
	box-shadow: 0 0 1px rgba(0,0,0, .75);
}
/* ------------- End Analyze And Result Page -------*/