/* IMPORTANT: */
*{ margin: 0; padding: 0; border: 1px;}

/* IMPORTANT: */
html, body {
	height:100%;
}

#container{
	position: relative;
	height: 100%;
	width: 100%;
}
#header{
	position: fixed;
	top: 0%;
	width: 100%;
	height: 3%;
}
#mainBody{
	position: absolute;
	top: 3%;
	width: 100%;
	height: 94%;
}
#mainBodyOrgCharts{
	position: absolute;
}
#footer{
	position: fixed;
	bottom: 1%;
	width: 100%;
	height: 3%;
}
#inputData{
	width: 100%;
	border: 0px;
}
#outputData{
	width: 100%;
	border: 0px;
}
#outputCalc{
	width: 100%;
	border: 0px;
}
#criterionTitle{
	width: 100%;
	border: 0px;
}
#files{
	position: absolute;
	bottom: 1%;
	width: 100%;
}
#buildList{
	position: absolute;
	top: 1%;
	width: 100%;
}
/* visionStatement.php */
/*
#chartVisionStatement{
	position: absolute;
}
*/
/* IdentifyObjective.php */
/*
#chartObjectiveStatement{
	position: absolute;
}
*/
#chartHierarchy{
	position: absolute;
}
#influenceGraph{
	position: absolute;
}
#chartValueComponents{
	position: absolute;
}
#deterministicFlowChartOne{
	position: absolute;
}
#deterministicFlowChartTwo{
	position: absolute;
}
#probFlowChartOne{
	position: absolute;
}
#probFlowChartTwo{
	position: absolute;
}
#PRAFlowChart{
	position: absolute;
}
#MOPAFlowChart{
	position: absolute;
}
#QUFlowChart{
	position: absolute;
}
#chartFVH{
	position: absolute;
}
#chartEfficientFrontier{
	position: absolute;
}
#probabilityWheel{
	position: absolute;
}
#valueDialogue{
	position: absolute;
	border:1px solid #ffffff;
	height: 500px;
	width: 900px;
	font-family: monospace;
}
#valueDialoguePlot{
	position: absolute;
	border:1px solid #ffffff;
	font-family: monospace;
}
#deal{
	border:1px solid #BEBEBE;
}
/*
	IMPORTANT: if modifying <input> tag need to fix 'submit' in header and footer. Example modify code:
	style="border: solid 1px #111111 !important;"
*/
/* input CSS - REF: http://callmenick.com/post/various-css-input-text-styles */
/*
input{
	font-family: monospace;
	border: none;
	border-bottom: solid 1px #c9c9c9;
}
*/
/* input CSS - REF: http://www.sanwebe.com/2014/08/css-html-forms-designs */
/*
input{
	font-family: monospace;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border:1px solid #BEBEBE;
	margin:0px;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none; 
}
*/
input{
	font-family: monospace;
}
button{
	font-family: monospace;
}
submit{
	font-family: monospace;
}
select{
	font-family: monospace;
}
#chartTop{
	position: absolute;
}
#chartBottom{
	position: absolute;
}
#DT{
	position: absolute;
	left: 10%;
	top: 60%;
}
#tableIssues{
	position: absolute;
	width: 80%;
	height: 35%;
	right: 10%;
	top: 60%;
	overflow-x: auto;
	overflow-y: auto;
}
#graphFileID{
	position: absolute;
	width: 80%;
	height: 20%;
	right: 10%;
	top: 5%;
	overflow-x: auto;
	overflow-y: auto;
}
#tableIDtoDT{
	position: absolute;
	width: 80%;
	height: 25%;
	right: 10%;
	top: 30%;
	overflow-x: auto;
	overflow-y: auto;
}
#tableResults{
	position: absolute;
	width: 80%;
	height: 90%;
	right: 10%;
	top: 5%;
	overflow-x: auto;
	overflow-y: auto;
}
#tableAssessBenefits{
	position: absolute;
	width: 80%;
	height: 40%;
	right: 10%;
	top: 54%;
	overflow-x: auto;
	overflow-y: auto;
}
#tableAssessCosts{
	position: absolute;
	width: 80%;
	height: 60%;
	right: 10%;
	top: 15%;
	overflow-x: auto;
	overflow-y: auto;
}
#SDVCplot{
	width: auto;
	margin:0 auto !important;
}
#transformInputs{
	position: absolute;
	/* border: 1px solid blue; */
	top: 3%;
	right: 14%;
	width: 10%;
	height: 30%;
}
#dataEcho{
	width: 100%;
	height: 30%;
}
#transformOutputs{
	position: absolute;
	/* border: 1px solid blue; */
	top: 3%;
	left: 20%;
	width: 55%;
	height: 94%;
	/* background-color:rgb(210, 210, 210); */
}
#transformCanvas{
	position: absolute;
	/* border: 1px solid red; */
}