﻿/* Pavement Project Quantities Page
-----------------------------------------------------------*/
#PavementProjectQuantitiesPageWrapper {
	position: relative;
	padding-left: 5px;
	padding-right: 0px;
}

#PavementProjectQuantitiesPageWrapper p {
	font-size: 115%;
}


.LoginMsgDialogBackground {
	background-color: Black;
	filter: opacity(90);
	opacity: 0.4;
}

.LoginMsgDialog {
	position: relative;
	width: 1250px;
	height: 300px;
	font-size: 110%;
	background-color: #d0daba;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	padding-top: 10px;
	padding-left: 10px;
}

.LoginMsgOkButton {
	position: absolute;
	top: 280px;
	left: 1200px;
}

/* ------------------------------------------------ Message Controls ---------------------------------*/
#LifeCycleMsgDiv {
	margin: 5px;
	margin-left: 30px;
	margin-right: 30px;
	padding: 3px;
	/*min-height: 25px;*/
	font-size: 1.1em;
	border: dashed 0px #000000;
}

#LifeCycleMsgSpan {
	margin-left: 5px;
	/*width: 100%;*/
	font-weight: 500;
	font-size: 1.2em;
	/*border: solid 1px #000000;*/
}

.LifeCycleMsgLabel {
	/*width: 100%;*/
	/*width: 500px;*/
	margin: 0px;
	color: blue;
	font-size: 1.2em;
	font-weight: 600;
	border: dashed 0px #000000;
}
/* ------------------------------------------------- End Message Contrls -----------------------------*/



/* ------------------------------------------------- Misc Life Cycle -------------------------------------*/
#LifeCycleMisc {
	position: relative;
	height: 35px;
	margin: 5px;
	border: 1px solid #4cff00;
}

#LifeCycleTimeControls {
	padding: 3px;
	border: 1px dotted orange;
}
#EndOfLifeControls {
	border: 0px solid pink;
}
.EndOfLifeLabelPartA {
	font-size: 1.2em;
	font-weight: 600;
	border: 0px dotted orange;
}
.EndOfLifeYearsTextBox {
	width: 50px;
	padding-bottom: 0px;
	margin-left: 5px;
	text-align: right;
}
.EndOfLifeLabelPartB {
	margin-left: 5px;
	font-size: 1.2em;
	font-weight: 600;
	border: 0px dotted orange;
}
.EndOfLifeYearsTextBoxRangeValidator {
	margin-left: 5px;
	text-align: left;
	color: Red;
	font-size: 1.2em;
	font-weight: bolder;
	border: 0px solid orange;
}

#EndOfLifeEndDateControls {
	margin-left: 10px;
	border: 0px dotted orange;
}
.EndOfLifeDateLabel {
	font-size: 1.2em;
	font-weight: 600;
}
.EndOfLifeDateTextBox {
	width: 80px;
	margin-left: 5px;
	padding-bottom: 0px;
	text-align: right;
}

#LifeCycleElectricityControls {
	padding: 3px;
	border: 1px dotted orange;
}
.Electricity_A_Label {
	font-size: 1.2em;
	font-weight: 600;
}
.ElectricityDropDown {
	width: 190px;
	margin-left: 5px;
}
.Electricity_B_Label {
	margin-left: 5px;
	font-size: 1.2em;
	font-weight: 600;
}

#LifeCycleTrafficControls {
	padding: 3px;
	border: 1px dotted orange;
}
.GrowthRateLabel {
	font-size: 1.2em;
	font-weight: 600;
}
.GrowthRateTextBox {
	width: 40px;
	margin-left: 5px;
	padding-bottom: 0px;
	text-align: right;
	color: blue;
}
.GrowthRateUnitLabel {
	margin-left: 5px;
	margin-right: 10px;
	text-align: left;
	font-size: 1.2em;
	font-weight: 600;
	border: 0px dotted orange;
}
.GrowthRateRangeValidator {
	margin-left: 5px;
	text-align: left;
	color: Red;
	font-size: 1.2em;
	font-weight: bolder;
}
/* ----------------------------------------------- End Misc Controls ----------------------*/



/* ------------------------ Life Cycle Controls --------------------*/
#LifeCycleWrapperDiv {
	position: relative;
	margin: 5px;
	border: 1px solid #4cff00;
}
#LifeCycleGridDiv {
	margin: 5px;
	padding-top: 0px;
	padding-bottom: 2px;
	background: #c2c2c2;
	border: 1px solid #000000;
}
#LifeCycleFieldset {
}
.LifeCycleGridViewPanel {
	min-height: 125px;
	max-height: 150px;
}
.LifeCycleGridView {
}

.descriptionEdit {
	width: 95%;
}
.descriptionEditRequiredValidator {
	width: 1px;
	color: red;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	border: 0px solid #000000;
}

.useStageRoughEqnItem {
}
.useStageRoughEqnEditDropDown {
	width: 97%;
}

.dateItem {
}
.dateEdit {
	width: 70px;
	float: left;
	text-align: right;
}
.dateEditRequiredValidator {
	color: red;
	font-size: 1.1em;
	padding: 0px;
	margin: 0px;
}
.dateEditCompareValidator {
	color: red;
	font-size: 1.1em;
	padding: 0px;
	margin: 0px;
	border: 0px solid #000000;
}


.serviceLifeItem {
}
.serviceLifeEdit {
	width: 45px;
	float: left;
	text-align: right;
}
.serviceLifeEditRequiredValidator {
	color: red;
	font-size: 1.1em;
	padding: 0px;
	margin: 0px;
	border: 0px solid #000000;
}
.serviceLifeEditRangeValidator {
	color: red;
	font-size: 1.1em;
	padding: 0px;
	margin: 0px;
	border: 0px solid #000000;
}


.initialIriEdit {
	width: 45px;
	float: left;
	text-align: right;
}
.initialIriEditRangeValidator {
	color: red;
	font-size: 1.1em;
	padding: 0px;
	margin: 0px;
	border: 0px solid #000000;
}

.startDateItem {
}
.startDateEdit {
	float: left;
	text-align: right;
}

.endDateItem {
}
.endDateEdit {
	float: left;
	text-align: right;
}

.endUseDateItem {
}
.endUseDateEdit {
	float: left;
	text-align: right;
}

.LifeCycleSelectButton {
	width: 10px;
	height: 18px;
	padding: 1px;
	margin: 0px;
	font-size: 1.0em;
}


#LifeCycleBottomControls {
	/*border: 1px solid #000000;*/
}
.AddLifeCycleItem_Button {
	width: 90px;
	height: 23px;
	margin-left: 5px;
	text-align: center;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	border: 1px solid #000000;
}
.AddLifeCycleItem_Button:hover, AddLifeCycleItem_Button: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);
}
#LifeCycleMessageArea {
	width: 100%;
	margin-left: 5px;
	font-size: 1.1em;
	font-weight: 600;
	color: red;
	/*border: 1px solid #000000;*/
}
/* ------------------------- End Life Cycle Controls -----------------------------------*/



/* ---------------------------------------- Life Cycle Elements ----------------------*/
.LifeCycleElementsTitleLabel {
	margin-top: 10px;
	text-align: center;
	font-size: 1.5em;
	font-weight: 600;
}

#LifeCycleElementsWrapperDiv {
	margin: 5px;
	border: 2px dashed #4cff00;
}



/* ------------------------ Life Cycle Activities Controls --------------------*/
#LifeCycleActivitiesWrapperDiv {
	position: relative;
	margin: 5px;
	border: 1px solid #4cff00;
}

#LifeCycleActivitiesGridDiv {
	margin: 5px;
	padding-top: 0px;
	background: #c2c2c2;
	border: 1px solid #000000;
}

#LifeCycleActivitiesFieldset {
}

.LifeCycleActivitiesGridViewPanel {
	min-height: 125px;
	max-height: 150px;
}

.LifeCycleActivitiesGridView {
}
.operationDropDownEdit {
	width: 85%;
}
.operationKindDropDownEdit {
	width: 90%;
}
.layerTypeDropDownEdit {
	width: 90%;
}
.leftUnpavedShoulder {
	width: 70%;
}
.leftPavedShoulder {
	width: 70%;
}
.traveledWayEdit {
	width: 70%;
}
.rightPavedShoulder {
	width: 70%;
}
.rightUnpavedShoulder {
	width: 70%;
}
.layerThicknessEdit {
	width: 70%;
}
.numberOfLiftsEdit {
	width: 60%;
}

#LifeCycleActivitiesBottomControls {
	margin: 5px;
	border: 1px solid #000000;
}

.AddLifeCycleActivity_Button {
	width: 100px;
	height: 23px;
	margin: 5px;
	text-align: center;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #000000;
}
.AddLifeCycleActivity_Button:hover, AddLifeCycleActivity_Button: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);
}

#LifeCycleActivitiesMessageArea {
	width: 100%;
	margin: 5px;
	font-size: 1.1em;
	font-weight: 600;
	color: red;
	border: 0px solid #000000;
}
/* ------------------------- End Life Cycle Controls -----------------------------------*/



/* ------------------------ Materials Controls --------------------*/
#MaterialQuantitesWrapperDiv {
	position: relative;
	margin: 5px;
	border: 1px solid #ff00dc;
}
#MaterialQuantitesGridDiv {
	margin: 5px;
	padding-top: 0px;
	padding-bottom: 2px;
	background: #c2c2c2;
	border: 1px solid #000000;
}
#MaterialQuantitesFieldset {
}
.MaterialQuantitesGridViewPanel {
	min-height: 100px;
	max-height: 150px;
}
.MaterialQuantitesGridView {
}


.densityItem {
	width: 45px;
}
.densityEdit {
	float: left;
	width: 70%;
	text-align: right;
}
.densityUnitsItem {
	/*width: 20px;*/
}
.densityUnitsDropDownEdit {
	/*width: 100px;*/
}


.quantityItem {
	width: 45px;
}
.quantityEdit {
	width: 75%;
}

.amountUnitsDropDownEdit {
	width: 60px;
}

.transportItem {
	width: 180px;
}
.transportDropDownEdit {
	width: 200px;
}

.distanceItem {
	width: 5px;
}
.distanceEdit {
	width: 75%;
}
.distanceUnitsDropDownEdit {
	width: 50px;
}

#MaterialQuantitiesBottomControls {
	/*border: 1px solid #000000;*/
}
.AddPavementProjectItem_Button {
	width: 100px;
	height: 23px;
	margin-left: 5px;
	text-align: center;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #000000;
}
.AddPavementProjectItem_Button:hover, AddPavementProjectItem_Button: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 Pavement Project Materials Controls --------------*/



/* ------------------------ Pavement Project Equipment Controls --------------------*/
#EquipmentQuantitiesWrapperDiv {
	position: relative;
	margin: 5px;
	margin-top: 10px;
	border: 1px solid Red;
}
#EquipmentQuantitesGridDiv {
	margin: 5px;
	padding-top: 0px;
	padding-bottom: 2px;
	background: #c2c2c2;
	border: 1px solid #000000;
}
#EquipmentQuantitesFieldset {
}
.EquipmentQuantitesGridViewPanel {
	min-height: 100px;
	max-height: 150px;
}
.EquipmentQuantitesGridView {
}

.quantityItem2 {
}
.quantityEdit2 {
	width: 75%;
}

.amountUnitsDropDownEdit2 {
	width: 60px;
}

#EquipmentQuantitiesBottomControls {
	/*border: 1px solid #000000;*/
}
.AddPavementProjectEquipmentItem_Button {
	width: 120px;
	height: 23px;
	margin-left: 5px;
	text-align: center;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #000000;
}
.AddPavementProjectEquipmentItem_Button:hover, AddPavementProjectEquipmentItem_Button: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 Pavement Project Equipment Controls --------------*/


/* ------------------------ EOL Controls --------------------*/
#EolQuantitesWrapperDiv {
	position: relative;
	margin: 5px;
	border: 1px solid #ff00dc;
}

#EolQuantitesGridDiv {
	margin: 5px;
	padding-top: 0px;
	padding-bottom: 2px;
	background: #c2c2c2;
	border: 1px solid #000000;
}

#EolQuantitesFieldset {
}

.EolQuantitesGridViewPanel {
	min-height: 100px;
	max-height: 150px;
}

.EolQuantitesGridView {
}


.quantityItem3 {
	width: 45px;
}
.quantityEdit3 {
	width: 75%;
}

.amountUnitsDropDownEdit3 {
	width: 60px;
}

.transportItem3 {
	width: 180px;
}
.transportDropDownEdit3 {
	width: 200px;
}

.distanceItem3 {
	width: 5px;
}
.distanceEdit3 {
	width: 75%;
}
.distanceUnitsDropDownEdit3 {
	width: 50px;
}

#EolQuantitiesBottomControls {
	/*border: 1px solid #000000;*/
}

.AddEolItem_Button {
	width: 200px;
	height: 23px;
	margin-left: 5px;
	text-align: center;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #000000;
}

.AddEolItem_Button:hover, AddEolItem_Button: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 Pavement Project Materials Controls --------------*/
