/* overhang_annual.css */

/* - - - - - - - - - - - - - - - - - -
   horizontal overhang elements
   - - - - - - - - - - - - - - - - - - */

#horizontalOverhangGraphic {

	position: absolute;
}

#horizontalOverhangDepthInput {

	position: absolute;
	top: 41px;
	left: 44px;
}

#horizontalOverhangHeightInput {

	position: absolute;
	top: 114px;
	left: 44px;
}

#horizontalOverhangWindowHeightInput {

	position: absolute;
	top: 210px;
	left: 44px;
}

/* - - - - - - - - - - - - - - - - - -
   pitched overhang elements
   - - - - - - - - - - - - - - - - - - */

#pitchedOverhang {

	display: none;
}

#pitchedOverhangGraphic {

	position: absolute;
}

#pitchedOverhangLengthInput {

	position: absolute;
	top: 45px;
	left: 80px;
}

#pitchedOverhangPitchInput {

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

#pitchedOverhangHeightInput {

	position: absolute;
	top: 153px;
	left: 68px;
}

#pitchedOverhangWindowHeightInput {

	position: absolute;
	top: 210px;
	left: 44px;
}

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

.inputLabelDiv {

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

.inputFieldDiv {

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

#inputsGeneral {

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

#inputsOverhang {

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

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

#logo {

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

#intro {

	float: right;
	width: 525px;
}

/* - - - - - - - - - - - - - - - - - -
   table elements
   - - - - - - - - - - - - - - - - - - */

.tableInput, a.tableInput {

	font-size: 9pt;
}

.tableCell {

	font-size: 8pt;
	color: #ACA;
	background-color: #008800;
	text-align: center;
}

.morningAfternoon {

	text-align: center;
}

.monthLabel {

	text-align: center;
}

.sun_x { text-align: center; font-size: 8pt; color: #FFF; background-color: #8DC63F; }

.sun_z { text-align: center; font-size: 8pt; color: #FFF; background-color: #2d577a; }

.sun_0 { text-align: center; font-size: 8pt; color: #FFF; background-color: #000; }

.sun_1 { text-align: center; font-size: 8pt; color: #FFF; background-color: #1A1A1A; }

.sun_2 { text-align: center; font-size: 8pt; color: #FFF; background-color: #333; }

.sun_3 { text-align: center; font-size: 8pt; color: #FFF; background-color: #4D4D4D; }

.sun_4 { text-align: center; font-size: 8pt; color: #FFF; background-color: #666; }

.sun_5 { text-align: center; font-size: 8pt; color: #FFF; background-color: #808080; }

.sun_6 { text-align: center; font-size: 8pt; color: #000; background-color: #999; }

.sun_7 { text-align: center; font-size: 8pt; color: #000; background-color: #B3B3B3; }

.sun_8 { text-align: center; font-size: 8pt; color: #000; background-color: #CCC; }

.sun_9 { text-align: center; font-size: 8pt; color: #000; background-color: #E5E5E5; }

.sun_10 { text-align: center; font-size: 8pt; color: #000; background-color: #FFF; }