/* jquery ui customization */
.custom-combobox {
	position: relative;
	display: inline-block;
}
.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
}
.custom-combobox-input {
	margin: 0;
	padding: 0;
}
/* end jquery ui */

html, body {
	width: 100%;
	margin: 0px;
	padding: 0px;		
	font-family: Arial, sans-serif;
}

body {
	background: white;	
}

button {
	font-size: 14px;
	height: 22px;
	border-radius: 0px;
}					

/* header */

h1#page_title {
	position: absolute;
	left: 25px;
	top: 128px;
	z-index: 10;
	font-size: 27px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	color: white;
	text-shadow: 2px 2px #666;
	z-index: 11;
}

div#ie_title {
	position: absolute;
	left: 26px;
	top: 129px;
	z-index: 10;
	font-size: 27px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	color: black;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75)
		progid:DXImageTransform.Microsoft.Blur(pixelradius=1, enabled='true');
	z-index: 10;
}

header {
	width: 100%;
	height: 65px;	
	position: relative;
	font-size: 11px;
	
	z-index: 100;
}

	section#file_menu {
		width: inherit;
		height: 25px;
		position: relative;
		background: #f0f0f0;
		z-index: 99;	
	}
	
		#file_menu ul {
			margin: 0px;
			padding: 0px;
			list-style-type: none;
		}
		
		#file_menu li.hovering, #file_menu li:hover {
			background: #c4e1ff;
		}
		
		#file_menu > ul > li {
			float: left;
			padding: 6px 10px;
			cursor: default;
			position: relative;
		}
		
		#file_menu > ul > li.hovering, #file_menu > ul > li:hover {
			padding: 5px 9px;
			border: 1px solid #3399ff	;
		}
		
		#file_menu > ul > li > ul {
			display: none;	
			position: absolute;
			top: 100%;
			left: -1px;
			background: #fafafa;
			border: 1px solid #aca899;
		}
		
		#file_menu > ul > li > ul.file {
			min-width: 75px;
		}
		
		#file_menu > ul > li > ul.products_info {
			min-width: 164px;	
		}
		
		#file_menu > ul > li > ul.fitting_info {
			min-width: 80px;
		}
		
		#file_menu > ul > li > ul.support_docs {
			min-width: 206px;
		}
		
		#file_menu > ul > li > ul.help {
			min-width: 102px;
		}
		
		#file_menu > ul > li.hovering > ul {
			display: block;
		}
		
		#file_menu > ul > li > ul > li {
			cursor: pointer;
			padding: 5px 5px;
		}
		
		#file_menu > ul > li > ul > li.bottom_border {
			border-bottom: 1px solid #aca898;	
		}
		
	/* end section#file_menu */
		
	section#file_icons {
		width: 100%;
		height: 40px;
		position: absolute;
		left: 0px;
		bottom: 0px;
		background: #fafafa;	
		z-index: 10;
	}
	
		#file_icons ul {
			margin: 0px;
			padding: 0px;
			list-style-type: none;	
		}
		
		#file_icons > ul > li {
			float: left;
			padding: 8px 1px 8px 6px;
			cursor: pointer;	
		}
		
		#file_icons > ul > li.border_right {
			border-right: 1px solid #aca898;	
		}
		
		#file_icons > ul > li.hovering, #file_icons > ul > li:hover {
			padding: 7px 0px 7px 5px;
			background: #c4e1ff;
			border: 1px solid #3399ff	;
		}
		
		#file_icons > ul > li.border_right.hovering, #file_icons > ul > li.border_right:hover {
			padding-right: 1px;
		}
		
		#file_icons > ul > li * {
			display: block;
			float: left;	
		}
		
		#file_icons > ul > li > a {
			padding: 6px;	
		}
		
	/* end section#file_icons */
	
	div#upload {
		display: none;
		width: 300px;
		min-height: 100px;
		padding: 10px;
		position: absolute;
		top: 69px;
		left: 25px;
		background: white;
		border: 2px solid #CCC;
		box-shadow: 2px 2px 5px rgba(100,100,100,.25);	
	}
			
	div#save {
		display: none;
		width: 300px;
		min-height: 100px;
		padding: 10px;
		position: absolute;
		top: 69px;
		left: 25px;
		background: white;
		border: 2px solid #CCC;
		box-shadow: 2px 2px 5px rgba(100,100,100,.25);	
	}
			
	div#print {
		display: none;
		width: 300px;
		min-height: 100px;
		padding: 10px;
		position: absolute;
		top: 69px;
		left: 25px;
		background: white;
		border: 2px solid #CCC;
		box-shadow: 2px 2px 5px rgba(100,100,100,.25);	
	}
			
	div#csv {
		display: none;
		width: 300px;
		min-height: 100px;
		padding: 10px;
		position: absolute;
		top: 69px;
		left: 25px;
		background: white;
		border: 2px solid #CCC;
		box-shadow: 2px 2px 5px rgba(100,100,100,.25);	
	}
			
	div#save input#email_address {
		width: 200px;	
	}
			
	div.file_icon_popup > p:first-child {
		margin-top: 0px;	
	}
	
	div.file_icon_popup > h3:first-child {
		margin-top: 0px;	
	}
	
	div.file_icon_popup p {
		font-size: 13px;	
	}
	
	div.mobile_notice {
		margin: 0px;
		padding: 0px;
		background: #FFF67E;	
	}
			
/* end header */

/* color bands */

div#top_color_bands {
	width: 100%;
	height: 24px;
	position: relative;
	left: 0px;
}

	div#blue_band {
		width: 100%;
		height: 5px;
		background: #0076c4;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	
	div#red_band {
		width: 100%;
		height: 19px;
		background: #f12123;	
		position: absolute;
		bottom: 0px;
		left: 0px;
	}

/* end color bands */

div#info_popups {
	
}

	div.info_popup {
		display: none;
		width: 660px;
		height: 630px;
		padding: 10px;
		position: absolute;
		top: 39px;
		left: 16px;
		font-size: 13px;
		background: white;
		border: 2px solid #CCC;
		box-shadow: 2px 2px 5px rgba(100,100,100,.25);
		overflow-y: auto;
		overflow-x: hidden;
		z-index: 99;
	}	
		
		div.info_popup tr.even {
			background-color: #F0F0F0;	
		}
	
		div.info_popup h2 {
			margin: 0px;
			padding: 0px;
			font-weight: normal;
			font-size: 18px;
		}
	
		div.info_popup h3 {
			font-size: 15px;
			color: red;	
		}
		
		div.info_popup p {
			margin: 5px 0px;	
		}
	
			div.diagram {
				width: inherit;
				text-align: center;	
			}
		
				div.diagram table {
					display: inline-block;
				}	
		
		button.info_popup_close {
			position: absolute;
			top: 10px;
			right: 10px;	
		}
		
		div#vertical_offset_info_popup div.diagram img {
			width: 380px;
			height: auto;	
		}

		div#conversions_info_popup h4 {
			margin: 0px;
			padding: 0px;	
		}

		div#conversions_info_popup table {
			width: 50%;
			margin-top: 10px;
			float: left;
			text-align: right;
		}
		
			div#conversions_info_popup table td {
				padding: 7px 14px;	
			}
			
		div#soil_properties_table_info_popup div.diagram > table {
			margin-top: 20px;
			border: 1px solid black;
		}
		
			div#soil_properties_table_info_popup table td {
				width: 57px;
				text-align: center;
			}
					
			div#soil_properties_table_info_popup table .right {
				border-right: 1px solid black;
			}
			
			div#soil_properties_table_info_popup table .left {
				border-left: 1px solid black;
			}
			
			div#soil_properties_table_info_popup table .top {
				border-top: 1px solid black;
			}
			
			div#soil_properties_table_info_popup table .bottom {
				border-bottom: 1px solid black;
			}

			div#soil_properties_table_info_popup table .header {
				font-weight: bold;
			}
			
			div#soil_properties_table_info_popup table .gray_bg {
				background-color: #CCC;
			}
			
		div#definitions_info_popup {
			width: 700px;	
		}
			
		div#definitions_info_popup table {
			width: 330px;
			float: left;
			margin-top: 5px;	
		}
		
		div#definitions_info_popup table.first {
			margin-right: 20px;
		}
		
		div#definitions_info_popup table td {
			padding: 3px 7px;	
			vertical-align: top;
		}
			
		div#definitions_info_popup table td:first-child {
			width: 42px;
		}
			
		div#definitions_info_popup h3 {
			margin: 0px;
			padding: 0px;
			color: red;	
		}
		
		div#about_info_popup div#version_history h3 {
			margin: 10px 0px 0px;
		}

		div#about_info_popup div#version_history p {
			margin: 2px 0px 2px 10px;
		}

div#blue_bg {
	width: 1024px;
	height: 810px;
	position: relative;
	background: url("/images/ui/taller_bg.jpg?v=2") no-repeat;
	background-size: auto 100%;
}

	section#calculator {
		width: 869px;
		height: 567px;
		position: absolute;
		top: 86px;
		left: 25px;	
		z-index: 11;
	}
	
		div#left_area {
			width: 364px;
			height: 100%;	
			position: absolute;
			top: 0px;
			left: 0px;
			background: white;
			font-size: 15px;
			z-index: 11;
		}
		
			div#project_nav {
				width: 338px;
				height: 82px;	
				position: relative;
				padding-top: 15px;
				padding-left: 26px;
				color: white;
				background: url("/images/ui/red_area_left.png") no-repeat;
			}
			
				div.project_nav_input_group {
					height: 29px;
					position: relative;
				}
				
					div.project_nav_input_group input {
						width: 164px;
						height: 14px;
						position: absolute;
						right: 56px;
					}
					
					div.project_nav_input_group .notes_icon {
						position: absolute;
						top: 4px;
						right: 17px;
						cursor: pointer;
					}
					
					div.project_nav_input_group a.notes_icon, div.project_nav_input_group a.notes_icon:hover {
						font-size: 12px;
						color: white;
						text-decoration: underline;
						cursor: pointer;	
					}
					
			div#site_nav {
				width: 338px;
				height: 20px;
				position: absolute;
				bottom: 5px;
			}
				
				div#site_nav img {
					cursor: pointer;
				}
				
				div#site_switcher {
					width: 170px;
					position: absolute;
					top: 0px;
					right: 26px;
					text-align: center;
				}
				
					img#prev_site {
						position: absolute;
						left: 0px;
					}
			
					img#next_site {
						position: absolute;
						right: 0px;
					}

			div#input_values {
				width: 312px;
				height: 357px;
				padding: 15px 26px;	
			}

				div#input_values > div {
					width: 100%;
					height: 34px;
					position: relative;
					text-align: left;
				}
			
					div#input_values > div > a {
						color: #0f649d;
						text-decoration: underline;
						cursor: pointer;
					}
					
					div#input_values > div > img.rlc_tooltip {
						position: absolute;
						top: 2px;
						right: 175px;
						cursor: pointer;
					}

					div#input_values > div > select {
						width: 170px;
						position: absolute;
						right: 0px;
					}
					
				div.fitting_specific_inputs {
					display: none;	
				}

					div.fitting_specific_inputs > div {
						width: 100%;
						height: 34px;
						position: relative;
						text-align: left;
					}
				
						div.fitting_specific_inputs > div > a {
							color: #0f649d;
							text-decoration: underline;
							cursor: pointer;
						}
						
						div.fitting_specific_inputs > div > img.rlc_tooltip {
							position: absolute;
							top: 2px;
							right: 175px;
							cursor: pointer;
						}

						div.fitting_specific_inputs > div > select {
							width: 170px;
							position: absolute;
							right: 0px;
						}
					
			/* end input_values */
			
			div#left_bottom_gray_bar {
				width: 312px;
				height: 70px;
				padding: 0px 26px;
				position: relative;
				background: #e2e3e5;
			}
	
				img#run_calculations {
					display: none;
					position: absolute;
					right: 24px;
					top: 7px;
					cursor: pointer;
				}
	
			div#left_bottom_decoration {
				width: 100%;
				height: 13px;	
				background: url("/images/ui/red_pinstripes_left.png") no-repeat;
			}
			
			img#left_area_right_shadow {
				position: absolute;
				height: 567px;
				top: 0px;
				right: -13px;
				z-index: 99;
			}
		
		/* end left_area */

		div.notes_field {
			display: none;
			width: 463px;
			height: 338px;
			padding: 10px;
			position: absolute;
			top: 84px;
			left: 373px;
			background: white;
			border: 2px solid #CCC;
			box-shadow: 2px 2px 5px rgba(100,100,100,.25);
			z-index: 99;
		}
				
			div.notes_field h2 {
				margin: 0px;
				padding: 0px;
				font-weight: normal;
				font-size: 18px;
			}
				
			div.notes_field textarea {
				width: 456px;
				height: 268px;
				margin-top: 10px;
				margin-bottom: 11px;
				font-size: 14px;
				resize: none;
			}
			
			button#close_project_notes, button#close_site_notes {
				position: absolute;
				bottom: 10px;
				right: 10px;	
			}
			
		div#description_fields {
			
		}
		
			div.description {
				display: none;	
				width: 333px;
				height: 333px;
				padding: 10px;
				position: absolute;
				top: 97px;
				left: 168px;
				font-size: 13px;
				background: white;
				border: 2px solid #CCC;
				box-shadow: 3px 3px 6px rgba(100,100,100,.25);
				z-index: 99;
			}
			
				div.description h2 {
					margin: 0px;
					padding: 0px;
					font-weight: normal;
					font-size: 18px;
				}
				
				div.description table {
					margin-top: 10px;	
				}
				
					div.description table td {
						padding: 5px;
						vertical-align: top;	
					}
					
					div.description table td.radio {
						width: 30px !important;	
						min-width: 30px !important;
					}
					
						div#pipe_material_description table > tr > td {
							padding-left: 0px;
						}
					
						div#pipe_material_description table tr > td:first-child {
							width: 75px;	
						}
						
						div#soil_type_description {
							width: 677px;
							height: 456px;	
							overflow-y: auto;
						}
					
							/*div#soil_type_description table.descriptions tr:first-child > td:first-child {
								width: 37%;	
							}*/
						
							div#soil_type_description table.descriptions tr > td:first-child {
								min-width: 60px;	
							}
							
							div#soil_type_description table.descriptions td.sub_description {
								vertical-align: middle;
								color: red;	
							}
							
							div#soil_type_description table.values {
								margin-top: 20px;
								border: 1px solid black;
							}
							
								div#soil_type_description table.values td {
									width: 57px;
									padding: 2px;
									text-align: center;
									vertical-align: middle;
								}
										
								div#soil_type_description table.values .right {
									border-right: 1px solid black;
								}
								
								div#soil_type_description table.values .left {
									border-left: 1px solid black;
								}
								
								div#soil_type_description table.values .top {
									border-top: 1px solid black;
								}
								
								div#soil_type_description table.values .bottom {
									border-bottom: 1px solid black;
								}
					
								div#soil_type_description table.values .header {
									font-weight: bold;
								}
								
								div#soil_type_description table.values .gray_bg {
									background-color: #CCC;
								}
			
						div#trench_type_description {
							width: 677px;
							height: 456px;	
						}
						
							div#trench_type_description > div {
								float: left;
								width: 190px;
								padding-right: 53px;
							}
							
							div#trench_type_description > div.last {
								padding-right: 0px;	
							}
							
						div#length_along_run_description {
							width: 377px;	
						}
					
				.description_label {
					color: red;
					font-weight: bold;	
				}
				
				button.close_description {
					position: absolute;
					/*bottom: 10px;
					left: 10px;	*/
					top: 10px;
					right: 10px;
				}
				
		div#right_area {
			display: none;
			width: 505px;
			height: 100%;	
			position: absolute;
			top: 0px;
			left: 364px;
			background: transparent;
			z-index: 10;
		}
		
			div#gray_notch {
				width: 100%;
				height: 75px;
				position: relative;
				background: url("/images/ui/gray_angler_long.png") no-repeat;	
			}
			
				img#ebaa_logo_right {
					position: absolute;
					top: 10px;
					left: 20px;
				}
		
			div#fitting_display {
				width: 100%;
				height: 409px;
				/*padding: 0px 26px;*/
				position: relative;
				background: white;
			}
			
				div#fitting_image {
					width: auto;
					max-width: 100%;
					height: inherit;
					padding: 0 26px;
					position: relative;	
				}
				
					div#fitting_image img {
						width: 100%;;
						height: auto;
						margin-top: 20px;
					}
					
				div#fitting_text {
					width: auto;
					position: absolute;
					bottom: 5px;
					left: 20px;
				}
				
					div.result_text {
						width: 100%;
						height: 20px;
						font-size: 15px;	
					}
				
					div.result_text.thrust {
						border-top: 1px solid #CCC;	
					}
				
						div.result_text span.ft {
							color: blue;
							font-weight: bold;
						}
						
						div.result_text span.lbs {
							color: red;
							font-weight: bold;
						}
						
				div#fitting_labels {
					
				}
				
					div.fitting_label {
						min-width: 70px;
						padding: 1px;
						position: absolute;
						color: blue;
						font-weight: bold;
						font-size: 18px;
						text-align: center;
						background: white;
					}
			
			div#right_bottom_gray_bar {
				width: 100%;
				height: 83px;
				padding: 0px;
				position: relative;
				color: black;
				background: #e2e3e5;
				font-size: 18px;
				font-weight: bold;
				text-transform: uppercase;
			}
			
				#calc_message {
					display: none;
					
					width: 485px;
					padding: 0px 20px;	
				}
				
					#calc_msg_header {
						padding-top: 4px;	
					}
				
					#calc_disclaimer {
						font-size: 10px;	
					}
					
						.sub_disclaimer {
							margin-bottom: 5px;	
						}
			
			div#right_bottom_decoration {
				width: 100%;
				height: 13px;	
				position: absolute;
				bottom: 0px;
				left: 0px;
				background: url("/images/ui/red_pinstripes_right.png") repeat-x;
			}
		
		/* end right_area */
		
	/* end calculator */
	
/* end blue background */

footer {
	width: 869px;
	height: 30px;
	position: absolute;
	left: 25px;
	bottom: 100px;
	z-index: 9;
	
	font-size: 19px;
	color: #679abe;
}

	footer a {
		color: #679abe;
		text-decoration: none;	
	}
	
	footer a:hover {
		color: #679abe;
		text-decoration: underline;	
	}
	
		div#contact_info {
			width: 	364px;
			position: relative;
		}
	
			div#contact_email {
				position: absolute;
				top: 0px;
				left: 0px;	
			}
			
			div#contact_phone {
				position: absolute;
				top: 0px;
				right: 0px;	
			}
			
	img#megalug_logo {
		display: none;
		position: absolute;
		top: 0px;
		right: 0px;	
	}
/* end footer */

/* REPSONSIVE WORK */

div#soil_properties_table_info_popup div.diagram > div > table {
	margin-top: 20px;
}

#soil_type_description table.descriptions {
	width: 48%;
	float: left;
}

#soil_type_description table.descriptions + table.descriptions {
	float: right;
}

div.responsive_table {
	clear: both;
}

/* SOIL SATURATED */

#soil_saturated {
	display: none;
}