/* light_penetration.css */

/* - - - - - - - - - - - - - - - - - -
   room dimensions elements
   - - - - - - - - - - - - - - - - - - */

#roomDimensions {

	position: relative;
	width: 300px;
	height: 165px;
}

#roomDimensionsGraphic {

	position: absolute;
	top: 35px;
}

#roomWidthInput {

	position: absolute;
	top: 10px;
	left: 25px;
}

#roomDepthInput {

	position: absolute;
	top: 83px;
	left: 200px;
}

/* - - - - - - - - - - - - - - - - - -
   window dimensions elements
   - - - - - - - - - - - - - - - - - - */

#windowDimensions {

	position: relative;
	width: 300px;
	height: 170px;
}

#windowDimensionsGraphic {

	position: absolute;
	top: 0px;
}

#window_widthInput {

	position: absolute;
	top: 30px;
	left: 30px;
}

#window_heightInput {

	position: absolute;
	top: 70px;
	left: 120px;
}

/* - - - - - - - - - - - - - - - - - -
   window position elements
   - - - - - - - - - - - - - - - - - - */

#windowPosition {

	position: relative;
	width: 300px;
	height: 170px;
}

#windowPositionGraphic {

	position: absolute;
	top: 0px;
}

#windowRightInput {

	position: absolute;
	top: 56px;
	left: 110px;
}

#windowBottomInput {

	position: absolute;
	top: 113px;
	left: 60px;
}

/* - - - - - - - - - - - - - - - - - -
   inputs
   - - - - - - - - - - - - - - - - - - */

.input_label_div {

	float: left;
	text-align: right;
	width: 100px;
}

.input_field_div {

	padding-left: 10px;
	float: right;
	width: 190px;
}

#leftColumn {

	position: relative;
	float: left;
	width: 300px;
}

#rightColumn {

	position: relative;
	float: right;
	width: 300px;
}

#outputGraphic {

	text-align: center;
	margin-top: 15px;
}

#outputText {

	text-align: center;
	margin-top: 15px;
}

/* - - - - - - - - - - - - - - - - - -
   header
   - - - - - - - - - - - - - - - - - - */

#logo {

	float: left;
	text-align: right;
	width: 100px;
}

#intro {

	float: right;
	width: 525px;
}

/* - - - - - - - - - - - - - - - - - -
   misc
   - - - - - - - - - - - - - - - - - - */

input {

	text-align: center;
}

#outputNote {

	margin: 10px;
	padding: 10px;
	color: #FFF;
	background-color: #8DC63F;
	border: 1px solid #060;
}

.spaceAbove {

	margin-top: 20px;
}