html, body,#page_wrapper{
	height:100%;
	width:100%;
	min-width:300px;
	margin:0;
	padding:0;
	background-image:url(/static/images/page_bg.png);
	overflow-y: hidden;
	font-size:100%;
	font-family: 'Open Sans', Verdana, Geneva, sans-serif !important;
	-moz-font-feature-settings: "kern" off;
	-webkit-font-feature-settings: "kern" off;
	-o-font-feature-settings: "kern" off;
	/* Do not put the generic font-feature-settings in. It break fonts in IE10+ */
}
body.secure #main_content{
	background-image: url('/static/images/lock_large.png');
	background-repeat: no-repeat;
	background-position: 98% 95%;
}
#start_steps{
	width:50%;
	margin-top: 1em;
}
#start_steps .step{
	display: inline-block;
	width:49.5%;
	border:solid 1px;
	font-size: 0.8em;
	text-align: center;
	padding:0.25em 0;
	text-transform: uppercase;
}

#start_steps .step.active{
	border:solid 1px;
}


.constrained_col{
	width:100%;
	max-width: 350px;
}
textarea{
	font-size:100%;
	font-family: 'Open Sans', Verdana, Geneva, sans-serif;
	
}

svg text{
	font-family: 'Advent Pro';
	font-size: 0.9em;
}

h1, h2, h3, #page_title {
	font-family: 'Advent Pro', Verdana, Geneva, sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing:0.12em;
}
.description{
	white-space: normal;
	font-size: 0.85em;
}
a{
	outline: none;
	outline-width: 0px !important;
	border: none;
	text-decoration: none;
}

label{
	text-align:right;
	text-transform: capitalize;
}

.faux_label{
	font-size:0.9em;
}

input,
select{
	line-height:1.5em;
	font-size:1em;
	text-align:left;
}

.label_input_pair .errorlist li{
	text-align: center;
}
	
.label_input_pair label,
label, th{
	font-size:0.9em;
	text-align:left;
}
.tr_errors {
	display:none;
	margin-top:-1.3em;
	padding:0.5em 1em;
	line-height: 1.5em;
	-webkit-border-radius: 0 0 0.25em 0.25em;
	-moz-border-radius: 0 0 0.25em 0.25em;
	border-radius:  0 0 0.25em 0.25em;
	border-top:solid 1px #FFF;
	box-shadow:#999 0px 2px 5px;
}

.tr_confirmation {
	display:none;
	white-space:normal;
	background-image: url('/images/small_confirmation_icon.gif');
	background-repeat: no-repeat;
	padding: 5px;
	padding-left: 30px;
	margin-bottom: 15px;
}


#content_wrapper{
	width:100%;
	clear:both;
}
#footer{
	position:relative;
	display:block;
	clear:both;
	font-size:0.7em;
	text-align:center;
	padding:3em;
	text-shadow:#FFF 0 1px 1px;
	vertical-align:bottom;
}
#footer.fixed_to_bottom{
	position: absolute;
	bottom:0;
	padding:0.5em 0;
	width: 60%;
	display: block;
}

#site_header{
	width:100%;
	min-height:4em;
	text-align: left;
}

#logo{
	display: inline-block;
	margin: 1em 0.5em;
	text-align: center;
	vertical-align: middle;
}

#logo img{
	vertical-align: middle;
	max-height: 4em;
}
#site_header_links{
	float:right;
}
#site_header_links > div{
	float:left;
	margin-right:1em;
	margin-top:0.75em;
}
#login{
	display: inline-block;
	margin-right:1em;
}
.buy_butt{
	font-weight: bold;
	padding:1em!important;
	margin:1em;
	white-space: normal !important;
}
#sign_up{
	width:100%;
	padding:0.5em 0!important;
	border-radius: 0 !important;
	-webkit-transition: background .75s ease;
	-moz-transition: background .75s ease;
	-ms-transition: background .75s ease;
	-o-transition: background .75s ease;
	transition: background .75s ease;
	text-align: center;
	-moz-border-radius: 0.2em;
	-webkit-border-radius:0.2em;
	text-shadow: #21324F 0px 1px 1px;
	font-weight: bold;
}

#sign_up:hover{
	text-shadow: #21324F 0px -1px -1px!important;
}
#top_right{
	margin:0;
	padding:0;
	border-top:solid 1px;
	position:relative;
	bottom:0;
	display:block;
	float:none;
	font-size: 0.8em;
	text-transform: uppercase;
	white-space: nowrap;
	line-height: 2.8em;
}

#top_right a{
	display: inline-block;
	text-align: center;
	border-right:solid 1px;
	margin:0;
}


#page_header{
	clear:both;
	min-height: 3.2em;
	width:100%;
	-webkit-transition: background 1.0s ease-in-out;
	-moz-transition:    background 1.0s ease-in-out;
	-ms-transition:     background 1.0s ease-in-out;
	transition:         background 1.0s ease-in-out;
}


#side_nav,
#notification_panel{
	overflow: auto;
	border-left: solid 1px;
}

#side_nav ul,
#notification_panel ul{
	list-style: none;
}


#page_links{
	height: 3.2em;
	padding-left:1em;
}
#page_title{
	line-height:2.1333em;
	font-size: 1.5em;
	font-weight: normal;
	padding-left:1em;
}
#project_contact{
	padding-top:0.25em;
	font-size: 0.9em;
	text-transform: uppercase;
}
#project_contact a{
	text-decoration: none;
}

#page_tabs{
	display:block;
	border-top:solid 1px;
	height: 3.2em;
}

#page_tabs .tab{
	padding:0.75em 0 0;
	text-align: center;
	display:block;
	float:left;
	border-right:solid 1px;
	border-left:none;
	width:3.2em;
	height:2.4125em;
	margin:0 0 -1px;
}
#page_tabs .active.tab{
	border-bottom: solid 2px;
}

#main_content{
	overflow: auto;
}

#object_summary,
#folder_nav_container{
	position:relative;
	width:100%;
	height:100%;
	min-width:250px;
	float:none;
	border-right:none;
	border-top: none;
}

#folder_navigation{
	position:relative;
	height:100%;
	min-height: 100px;
	width:100%;
	display: inline-block;
}

#object_summary,
#folder_navigation{
	overflow: auto;
}

#folder_nav_container{
	overflow: hidden;
	min-height: 15em;
}


#object_summary .primary_category,
#folder_nav_container .primary_category{
	margin:0;
	padding-left:1em;
	line-height:2em;
	overflow:hidden;
	white-space: nowrap;
	clear: both;
}

#object_summary .category,
#folder_nav_container .category,
#admin_elements .category{
	border-top: solid 1px;
	border-bottom: solid 1px;
	margin-bottom:0.5em;
	padding-left:1em;
	line-height: 2em;
	height: 2em;
}

#object_summary .output_table{
	width:90%;
	margin:0 auto 0.5em;
}

#object_summary .output_table .output_row.spacer td{
	line-height:1em;
}

#object_summary .output_table .output_row td,
#object_summary .output_table .output_row th{
	border-bottom:solid 1px;
}

#object_summary .output_table .output_row:first-of-type td,
#object_summary .output_table .output_row:first-of-type th{
	border-top:solid 1px;
}

#object_summary .output_table .output_row th{
	width:60%;
	padding:0.25em 1em;
}
#object_summary .output_table .output_row td.cooling,
#object_summary .output_table .output_row td.heating{
	width:20%;
	text-align: center;
}

.strike{
	text-decoration: line-through;
}

#small_screen_nav{
	position: absolute;
	display:block;
	bottom:0;
	width:100%;
	border-top:ridge 4px;
	white-space: nowrap;
	z-index:10000;
}

#page_links,
#side_nav, 
#object_summary,
#folder_nav_container,
#notification_panel{
	display:none;
	float:none;
}

#small_screen_nav{
	overflow: hidden;
}

#small_screen_nav > div{
	display: inline-block;
	width:50%;
	padding:0.25em 0;
	margin:0 -0.1em;
	text-align: center;
}

.button, .button_like{
	display: block;
	border:none;
	padding:0.2em 0.5em;
	cursor:pointer;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: background .75s ease, color .75s ease;
	-moz-transition: background .75s ease, color .75s ease;
	-ms-transition: background .75s ease, color .75s ease;
	-o-transition: background .75s ease, color .75s ease;
	transition: background .75s ease, color .75s ease;
	white-space: nowrap;
	text-overflow:ellipsis;
}

.button.inactive:hover,
.button_like.inactive:hover{
	cursor: inherit;
}

.button.inactive, label.inactive, .ui-datepicker-unselectable.ui-state-disabled, input.inactive, div.inactive{
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	filter:alpha(opacity=50);	
}

#save_block{
	float:none;
	height:3.2em;
	border-left:none;
	min-width: 300px;
}

#admin_view{
	display: block;
	clear:both;
	text-align: center;
	font-size: 0.8em;
	line-height: 2.5em;
}

#save_block .button, #save_block .button_like, #read_only{
	display: inline-block;
	line-height:1.75em;
	height:1.75em;
	padding:0.2em 0.5em;
	margin:0.5em 0.2em;
}

#save_block #save_button{
	width:50%;
	margin-left: 1em;
}
#save_block #reset_button{
	width:25%;
}

.col{
	display: inline-block;
	margin:0 auto;
}

.col.right{
	clear:right;
	float: none;
}
.col.left{
	clear:left;
	float:none;
}

.two_column, .three_column{
	width: 90%;
	margin:auto;
}

#hoe .two_column{
	width:100%;
}

.two_column .col .three_column{
	width:100%;
}

.two_column .label_input_pair, .three_column  .label_input_pair{
	width: 100%;
	margin:1em auto;
}

.two_column > .col, .three_column > .col{
	width:100%;
}

.three_column.linked_fields{
	width:100%;
}
.three_column.linked_fields .col{
	width:46%;
}
.three_column .col.left{
	margin-right: 1%;
}
.three_column .col.right{
	margin-left: 1%;
}

.three_column.linked_fields .link{
	width: 7%;
	max-width: 26px;
	height:26px;
	line-height:26px;
	vertical-align: baseline;
	padding-top:2.3em;
	margin:0 auto;
	
}
.linked_fields .link .button_area{
	background-image:url('/static/images/linked.png');
	background-position: 0% 50%;
	background-repeat: repeat-x;
	padding:0.2em;
}
.linked_fields .link .button_area:hover{
	cursor: pointer;
}
.linked_fields.stagger .link .button_area:hover{
	cursor:help;
}

.linked_fields.unlinked .link .button_area{
	background-image:url('/static/images/unlinked.png');
}

.linked_fields.stagger .link .button_area{
	background-image:none !important;
}
#id_post_code{
	width:100%;
}

#new_project{
	width:90%;
	margin:0.5em 2.5% !important;
	padding:0.5em;
	text-align: center;
	letter-spacing: 0.1em;
	border:solid 1px;
}
.large_screen_only{
	display: none;
}
.overline{
	line-height: 0;
	height: 0;
	padding:0;
	margin:0;
	border-top:solid 1px;
}

input[type="radio"]{
	margin-left:1.5em;
}

#fixed_length_other_zone, #fixed_length_mode_display.enabled{
	margin:2em auto;
	padding:1em;
	border-top:solid 1px;
	border-bottom: solid 1px;
}
#fixed_length_other_zone{
	text-align:center;
}
 
#fixed_length_other_zone h3{
	margin:0.5em 0 -0.5em;
}

/********************** Table Sort *********************************************************************/
.table_sort:hover{
	cursor:pointer;
}
.table_sort{
	background-repeat: no-repeat !important;
	background-position: 98% 50% !important;
}

.table_sort.alpha{
	background-image:url('/static/images/alpha_inactive.png');
}
.table_sort.num{
	background-image:url('/static/images/num_inactive.png');
}

.table_sort.alpha.asc{
	background-image:url('/static/images/alpha_asc.png');
}
.table_sort.alpha.dsc{
	background-image:url('/static/images/alpha_dsc.png');
}

.table_sort.num.asc{
	background-image:url('/static/images/num_asc.png');
}
.table_sort.num.dsc{
	background-image:url('/static/images/num_dsc.png');
}

/********************** Project List *********************************************************************/
.action_cell{
	text-align: center;
	width:1.5em;
}		

#project_list_header{
	min-height: 5.8875em;
	margin:0;
	padding:1em;
	border-bottom:1px solid;
}
#project_list td:first-child ,#project_list th:first-child {
	padding-left: 3%;
}

#now_viewing h1{
	font-weight: normal;
}

.sub_heading{
	display:block;
	font-size: 0.5em;
}

#empty_set{
	text-align: center;
	margin:2em auto;
}
#empty_set .button{
	display: inline-block !important;
	margin: -3em 2em 0;
	padding:0.5em 1em;
	vertical-align: middle;
}
#empty_set .bracket{
	line-height:1em;
	font-size: 6em;
}

#project_list, #user_list{
	width:100%;
	border-collapse: collapse;
	margin:0 auto;
}
#user_list th{
	font-size:1em !important;
}
#project_list #share_head{
	text-align: center;
	padding:0.3125em 0 0;
	width:24px;
}
#project_list thead th, #project_list tfoot td, #user_list thead th{
	line-height: 1.8em;
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: normal;
	border: solid 1px;
	text-align: left;
	padding:0.125em 0.5em;
}

thead th.pagination{
	white-space: nowrap;
	text-align:center;
	font-size: 0.9em;
}

#project_list .pagination a{
	font-size: 0.7em;
	line-height:1.29em;
}
.pagination a{
	padding:0.25em;
}


#project_list tbody td a{
	font-weight: normal;
	text-transform:none;
}
#project_list tbody td{
	font-size: 0.9em;
	border:solid 1px;
	padding: 0.125em 0.5em;
	white-space: nowrap;
}
#project_list tbody td.small_cell{
	width:1.5em;
}
#project_list td:first-child,
#project_list th:first-child{
	border-left:none;
}
#project_list td:last-child,
#project_list th:last-child{
	border-right:none;
}
#project_draggable_helper{
	line-height: 2em;
	padding:0.125em 1em 0.125em 0;
	-webkit-box-shadow: 0 0 4px 0px #A4A4A9;
	-moz-box-shadow:    10px 10px 0px 0px #A4A4A9;
	box-shadow:        	0 0 4px 0px #A4A4A9;
	cursor:none;
	overflow: visible;
	border:solid 1px;
}
#project_draggable_helper #handle{
	background-repeat: no-repeat;
	background-image: url('/static/images/grab_2.png');
	width:24px;
	height:24px;
	float:left;
	margin-left:-7px;
	margin-top:-13px;
}

#no_projects{
	text-align: center;
	margin:2em auto;
	text-shadow:1px 1px 1px;
}

#search{
	position: relative;
	overflow:hidden;
	display:inline-block;
	padding-bottom:1em;
	margin:1em auto 0;
	white-space: nowrap;
}

#search_term{
	position: relative;
	width:85%;
	border: none;
	background-color: transparent !important;
	outline:none;
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding-left:0.5em;
}

#clear_search{
	float:right;
	display:inline-block;
	margin-top:0.25em;
	margin-right:0.25em;
	padding:0.125em 0.11em 0.125em 0.125em;
	text-align: center;
	width:1em;
	height: 1em;
	line-height: 0.875em;
	cursor: pointer;
	border-radius:0.75em;
}
#search_button{
	margin-top:1px;
	margin-left:-0.3em;
	padding:0.45em 1.2em;
}
#search_field{
	margin: 0;
	min-width:200px;
	white-space: nowrap;
}

#search_field .ui-button{
	border:solid 1px;
	width:31.5%;
	margin:0 0.1%;
}
#search_field .ui-button .ui-button-text{
	font-size: 0.8em;
	border:none;
	margin:0;
	text-transform: uppercase;
}
#folders .subtract{
	display: none;
}
#folders.adding .add{
	display:none;
}
#folders.adding .subtract{
	display: inherit;
}

#folder_nav_container .category,
#notification_panel #notifications_cat{
	background-repeat: no-repeat;
	padding-left: 3em;
	padding-right:1.5em;
	background-position: 0.75em 50%;
	margin-bottom: 0;
}

#notification_panel #notifications_cat{
	background-image: url('/static/images/notifications.png');
}

#folder_nav_container #search_cat{
	background-image: url('/static/images/search_grey.png');
}
#folder_nav_container #filters{
	background-image: url('/static/images/filter.png');
}

#folder_nav_container #shared{
	background-image: url('/static/images/share.png');
}

#folder_nav_container #folders{
	background-image: url('/static/images/folder.png');
}


#sort_bar{
	border-bottom: solid 1px;
	height:1.5em;
	font-size: 0.75em;
}

#folder_nav_container ul,
#admin_elements ul{
	list-style: none;
	padding: 0;
	margin:0;
}
#folder_nav_container ul li a:hover,
#folder_nav_container ul li a:visited,
#admin_elements ul li a:hover,
#admin_elements ul li a:visited{
	cursor: pointer;
}

#folder_nav_container .folder_display,
#folder_nav_container li.edit_mode .edit_tray{
	display:inherit;
}
#folder_nav_container li.edit_mode .folder_display,
#folder_nav_container li .edit_tray{
	display:none;
}

#folder_nav_container ul li.active{
	border-right:solid 4px;
	border-top: solid 1px;
	border-bottom: solid 1px;
}
#folder_nav_container ul li.active .folder_count{
	margin-right:-4px;
}
#folder_nav_container ul li .folder_name{
	display: inline-block;
	overflow: hidden;
	max-width:75%;
	white-space: nowrap;
}
#folder_nav_container ul li .folder_name_field,
#new_folder{
	padding-top:0.125em;
	line-height: 1em;
	height: 1em;
	margin-top:0;
}

#folder_nav_container ul li.drag_target.current_folder{
	background:inherit;
}
#build_your_team{
	padding:0.5em 0.5em 1.5em;
}

#build_your_team .button{
	width:50%;
}

.folder_list .organize_mode, .folder_list .delete_mode, .folder_list .archive_list{
	display: none;
}
.folder_list.organize_mode .organize_mode{
	display: inherit;
}
.folder_list.delete_mode .delete_mode{
	display: inherit;
}
.folder_list.archive_mode .archive_list{
	display: inherit;
}
.folder_list.organize_mode .standard_tools, .folder_list.delete_mode .standard_tools, .folder_list.archive_mode .standard_tools{
	display:none;
}

.folder_list ul.archive_list li{
	list-style: url('/static/images/sub_list_img.png');
	padding-left:0;
	margin-left:2em;
}
.folder_list ul.archive_list li:last-of-type{
	border-bottom: none;
}

.folder_list .recover, .folder_list .delete{
	margin:0 0.5em;
}

#folder_nav_container ul li,
#admin_elements ul li{
	overflow: hidden;
	display:block;
	list-style:none;
 	margin: 0;
	padding:0.5em 1em;
	line-height: 1.5em;
	height: 1.5em;
	border-bottom: solid 1px;
	white-space: normal;
}
#deleted_count{
	padding:0em;
	margin: 0;
	font-size:0.5em;
	display:block;
	position: relative;
	text-align: center;
	border-radius: 2px;
	width:2em;
	height:2em;
	line-height: 2em;
	float:right;
	margin-left: -3em;
	top:3em;
}

.folder_count{
	display: inline-block;
	float:right;
	margin-top: 0.25em;
	min-width:2.5em;
	padding:0 0.5em;
	vertical-align: middle;
	text-align: center;
	border-radius: 1em;
}


#project_elements .folder_count{
	font-size:1em;
	display: inline;
	background: none;
	float:none;
	margin: 0.4em 0 0;
	padding:0 0.125em;
	vertical-align: middle;
	text-align: center;
	border-radius: 1em;
}

#trash_container{
	position: absolute;
	bottom:0;
	padding:0.5em 0;
	width: 100%;
	display: block;
	border-top:  solid 1px;
}
#trash_container a:hover{
	cursor: pointer;
}

#trash_container a{
	display: block;
	position: relative;
	width:42px;
	margin:0 auto;
}

/********************** Page Header Steps ******************************************************************/
.active_step,.inactive_step{
	display: inline-block;
	padding:0.5em 1em;
	line-height: 1em;
	
}
.active_step{
	text-shadow: none;
}
/********************** Headering Page ******************************************************************/
	
	.dr_container{
		height:3em;
		padding:0.5em 0;
		margin:0 auto;
		width:98%;
		font-size:0.8em;
		clear:right;
	}
	
	#pipe_dialog_header{
		position: relative;
		display: block;
		width:98% !important;
		white-space: nowrap;
	}
	#pipe_dialog_header > div{
		display: inline-block;
		text-align: center !important;
		border-bottom: solid 1px;
	}
	#pipe_dialog_header #dr_header{
		width:4em;
	}
	#pipe_dialog_header #nom_header{
		width:97%;
	}
	#drs .dr_label{
		float:left;
		line-height: 2.4em;
		text-align: center;
		height:2.4em;
		width:2.4em;
		border-radius: 1.6em;
		font-weight: bold;
		border:solid .25em;
		margin-top:0.25em;
		margin-right:1em;
		margin-left:0.375em;
	}
	.dr_pipes{
		white-space: nowrap;
		width:98%;
		margin:0 auto;
	}
	
	.dr_pipes .ui-button-text{
		line-height: 1.25em;
		
	}
	
	.dr_pipes .ui-button{
		margin-top:0.5em;
		float:right;
		display: inline-block;
		min-width: 40px;
	}
	.placeholder_button{
		border:solid 1px; 
		margin:0.75em -0.3em 0 0;
		display: inline-block;
		float:right;
		min-width: 40px;
	}
	@media all and (min-width: 1024px) {
		#pipe_dialog_header #dr_header{
			width:5em;
			margin-right:0;
		}

		.dr_container{
			font-size: 0.9em;
		}
		.dr_pipes .ui-button{
			min-width: 53px;
		}
		.placeholder_button{
			min-width: 53px;
		}
		
	}

	.ui-state-disabled{
		opacity: 1;
	}
	

	#team_permissions .ui-button{
		width:100%;
	}
	#team_permissions{
		margin-top:1em;
		border-spacing: 0;
	}
	#team_permissions tr td, #team_permissions tr th{
		border-top:solid 1px;
	}
	#team_permissions tr:last-child td, #team_permissions tr:last-child th{
		border-bottom:solid 1px;
	}

	
	.ui-buttonset .ui-helper-hidden-accessible{
		position:relative; /* This fixes a bug that causes scrolling on buttonset clicks. */
		display:none;
	}
	
	.input_cell input{
		width:auto;
		text-align: center;
	}
	
label{
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
}

textarea{
	width:99%;
}
	
input[readonly],
input[disabled],
select[disabled]{
	border: solid 1px;
}
input[readonly]:focus{
	outline: none;
}

a, a img, img{
	border:none;
	outline:none;
}
.add:hover{
	cursor: pointer;
}
.left{
	float:left;
}
.right{
	float:right;
}
.center{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.center_text{
	text-align: center !important;
}
.inline{
	display:inline;
}


.ellipsize{
	text-overflow:ellipsis;
}
.ellipsize.text_scroll{
	text-overflow:visible;
}
.description{
	width:98%;
	margin:auto;
}
.inline_list li,.inline_list ul{
	display: inline-block;
	list-style: none;
}
input.button{
	-moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
	box-sizing: content-box;
}
/********************** GHEX Elements *****************************************************************************/
#double_flow{
	margin-top:1em;
}

#borehole_definition.custom #standard,
#borehole_definition #custom{
	display:none;
}

#borehole_definition #standard,
#borehole_definition.custom #custom{
	display: block;
}

.image_nav li{
	margin-right:0.5em;
}

img.clickable{
	border:none;
}
.image_nav .clickable{
	color: #9A9A9F;
	padding-bottom:0.25em;
}

.image_nav .clickable.active{
	color: #21324f;
	border-bottom: solid 5px #21324f;
}

#pipe_configuration_image, #pond_configuration_image{
	max-width:400px;
	max-height:400px;
	width:100%;
	height:100%;
}

#bis{
	padding-top:0.01em;/* need for proper spacing */
}

#bis > div > label{
	display: inline;
}
#id_bores_in_series,
ul#id_bores_per_row{
	width:100%;
	display: inline;
}

ul#id_bores_per_row{
	text-align: left;
	padding-left: 0;
	line-height: 2.4em;
}
ul#id_bores_per_row li{
	margin-right:1.5em;
}
#id_bores_in_series li{
	margin-right:1em;
}

ul#id_entry_run_per_unit_depth li{
	width:20%;
	text-align: left;
}
#id_bores_in_series li label,
ul#id_bores_per_row li label{
	display: inline;
}
}
#id_bores_in_series li input,
ul#id_bores_per_row li input{
	width:auto;
}



/********************** Load Input Selection Containers ***********************************************************************/

.input_selection{
	text-align: center;
	clear:both;
}


/********************** Large Buttons ***********************************************************************/
.large_button{
	position: relative;
	text-transform: uppercase;
	display:inline-block;
	float:none;
	white-space: normal;
	margin:0.5em 0 0;
	border:solid 1px;
	text-align: center;
	vertical-align: middle;
	padding:1em;
	-webkit-transition: background .75s ease, color .75s ease;
	-moz-transition: background .75s ease, color .75s ease;
	-ms-transition: background .75s ease, color .75s ease;
	-o-transition: background .75s ease, color .75s ease;
	transition: background .75s ease, color .75s ease;
	text-decoration: none;
}
.large_button:hover{
	cursor: pointer;
}
.large_button.inactive,
img.inactive,
table.inactive,
form.inactive{
	-moz-opacity: 0.20;
	-khtml-opacity: 0.20;
	opacity: 0.20;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=20);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	filter:alpha(opacity=20);	
}
.large_button.inactive:hover{
	cursor: default;
	background: transparent;
}
	
/********************** Labels and Fields ***********************************************************************/

input,
select,
textarea{
	color:#21324f;
}
input,
textarea{
	padding:0.2em 0.5em;
}

select{
	padding:0.3825em 0.5em;
}

.label_input_pair{
	display: block;
	position: relative;
	width:90%;
	margin: 1em auto;
}


.label_output_pair{
	display: block;
	position: relative;
	width:90%;
	margin: 0 auto;
	}

.label_input_pair ul.errorlist{
	list-style: none;
	margin:0 auto;
	padding: 0;

}
.label_input_pair .errorlist li{
	display: block;
	padding:0.25em 0.5em;
	
	line-height: 1.5em;
	-webkit-border-radius: 0 0 0.25em 0.25em;
	-moz-border-radius: 0 0 0.25em 0.25em;
	border-radius:  0 0 0.25em 0.25em;
	border-top:solid 1px;
	box-shadow:#999 0px 2px 5px;
}

.label_output_pair.inline .output{
	line-height:2em;
}

.label_input_pair label,
.label_output_pair label{
	display: block;
}
	
.label_input_pair.inline label{
	display:inline-block;
	margin-right:1em;
	line-height: 1.8em;
	height: 2em;
	vertical-align: middle;
}
.label_output_pair.inline label{
	margin-right: 1em;

}
.label_output_pair.inline label,
.label_output_pair.inline .output{
	display: inline;
}

.label_input_pair input,
.label_input_pair select{
	display:inline-block;
	width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.label_input_pair input[type=checkbox]{
	width:auto;
}
.label_input_pair.inline input,
.label_input_pair.inline select{
	width:auto;
}

label sub{
	font-size:0.7em;
	vertical-align:baseline;
}

/************************* MESSAGES *************************/
.ui-tooltip.warning{
	padding:0.5em;
	border: solid 1px;
	width:35%;
	max-width:600px;
}

.ui-tooltip.warning h1{
	margin:-0.32em -0.32em;
	padding: 0.2em;
	line-height: 1em;
	border-bottom: solid 1px;
}
.ui-tooltip.warning p{
	font-size: 0.9em;
}
.ui-tooltip .scale_label{
	margin-top:-0.5em;
	color:#000;
}

#color_band{
	position: relative;
	border:solid 1px;
	width:80%;
	margin:1em auto;
	height:2em;
}

#percent_of_total{
	position:absolute;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 2.2222em;
	white-space: nowrap;
}

#percent_of_total #value{
	background-repeat: no-repeat;
	background-image: url('/static/images/left_arrow.png');
	background-position: 0 50%;
	padding-left:0.75em;
}
#percent_of_total #marker{
	display:inline-block;
	border-left: solid 1px;
	border-right: solid 1px;
	background: none;
	height:3.2222em;
	margin-top:-0.5em;
	width:3px;
	float:left;
}

#messages h1, .page_warning h1, .error h1, .warning h1, .panel_success h1{
	font-size: 1.5em;
	text-decoration: none;
	border-bottom:none !important;
	text-transform: uppercase;
}

#messages h2{
	font-size:1.2em;
	font-weight: bold;
}
#messages ul >li, .page_warning ul{
	list-style: none;
}
#messages .support_message{
	display:none;
}
#messages #error, #messages #warning, #messages #success, #messages #errors,#messages #info, .static.info, #messages .success{
	white-space: normal;
	clear:right;
	margin:0;
	padding:0.5em 1em;
}
.panel_success{
	margin:-0.5em -1em 1em !important;
}

.panel_success p{
	font-size: 1em !important;
	margin-left: 1em;
}

#messages #error table, #messages #warning table{
	margin:1em 0;
}

.hide_message.button{
	background:none;
}

#object_summary .output_table .output_row.warning:hover{
	border:solid 5px !important;
	cursor: url(/static/images/message_icon_warning.png),help;
}
.alert{	
	font-size:1em;
	line-height:1.2em;
}
.alert img{
	margin:-0.2em 0.5em 0;
	float:left;
}

#errors label{
	font-weight: bold;
}

#af_error, #af_warning, #af_deg_warning{
	padding:0.5em;
}
.page_warning .alert{
	padding:0.25em 0.5em;
}
.page_warning .alert p, .page_warning .alert ul{
	margin:0 1.5em 1em;
}

/********************** Zone Page Equipment Selection *****************************************************************************/
.table_label th{
	padding:0.25em 0;
	font-size:1em;
	text-transform: uppercase;
}

.ui-accordion .ui-accordion-header{
	margin-bottom: 0!important;
}

.section {
	width:94%;
	clear:both;
	margin:1em auto 2em;
	padding:0;
}
.section h1 {
	font-size:1.2em;
	display:block;
	border-bottom:solid 1px #21324f;
	color:#21324f;
	margin:1em 0;
	padding-left:0.25em;
	padding-bottom:0.25em;
}

.section h2{
	font-size: 1em;
}

.header .help_link{
	font-size: 1.5em;
	text-align: center;
}
.header .nav{
	font-size:0.8em;
	text-transform: uppercase;
}

.header .help_link{
	font-size: 1.1em;
	margin-top:1.2em;
}

#project_elements .header{
	line-height:2.5em;
}
.header{
	display: block;
	padding-top:0.01em; /* never remove this padding fixes weird alignment issue in chrome  */
}
.header ul{
	margin:0;
}
.header ul li{
	vertical-align: top;
	float:left;
	list-style: none;
	margin-right:1em;
}

.header .nav{
	font-size:0.8em;
	text-transform: uppercase;
}
#account_badge{
	height: 100%;
	vertical-align: middle;

}
#account_badge #initials{
	padding:0.5em;
	margin:0.5em;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border:none;
	text-align: center;
	cursor:pointer;
	font-size:0.9em;
}
/********************** Account Menu ***********************************************************************/
#account_badge:hover{
	cursor: pointer;
}
.dialog_menu a:focus{
	border:none;
	outline: none;
}
.dialog_menu a{
	text-decoration: none;
}
.dialog_menu .ui-dialog-titlebar {
	display:none;
}
.dialog_menu{
	padding:0.5em;
	min-height: 0;
	-webkit-box-shadow: 0 0 5px #21324f;
	box-shadow: 0 0 5px #21324f;
}
.dialog_menu ul{
	list-style: none;
	margin-left:0;
	padding-left:0;
}

.dialog_menu ul li{
	width:100%;
	border-bottom:solid 1px;
	margin-left:0;
	padding-left:0.25em;
	padding-top:0.25em;
}

.accounts_menu{
	opacity: 0.95;
	border: none;
	outline: solid 1px ;
	border-bottom:ridge 5px !important;
}

/********************** Notifications ***********************************************************************/

.project_list_notifications{
	padding: 0.5em;
}
.notifications{
	font-size: 0.8em;
}
.no_notifications{
	font-size: 0.8em;
	text-shadow:#F4F5F6 1px 1px 1px;
	margin:1em;
}


#notification_count{
	float:left;
	padding:0;
	margin: -5.5em 0 0 1em;
	font-size:0.5em;
	position: relative;
	text-align: center;
	border-radius: 1em;
	width:2em;
	height:2em;
	line-height: 2em;
	top:1.5em;
	left:-0.5em;
}

#account_menu .no_notifications{
	display: none;
}

#project_list_notifications ul{
	padding:0.5em 1em;
	margin: 0;
}

.notifications ul li{
	margin-bottom: 0.5em;
	list-style: none;
	border:solid 1px;
	white-space: normal;
	padding:0;
}
.notifications li .message{
	border-bottom:solid 1px;
	padding:0.5em 1em;
}

.dismiss_notification{
	clear:both;
	margin:0;
	padding:0;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Advent Pro', Verdana, Geneva, sans-serif;
	font-weight: 600;
	line-height: 2em;
	cursor: pointer;
	background: inherit;
	background-image:none;
	-webkit-transition: all .75s ease;
	-moz-transition: all .75s ease;
	-ms-transition: all .75s ease;
	-o-transition: all .75s ease;
	transition: all .75s ease;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.notifications li.import_success{
	background-image: url('/static/images/import.png');
	background-repeat: no-repeat;
	background-position: 1em 1.5em;
}

.notifications li.import_success .message{
	padding-left:4em;
}

.notifications li.import_error .message{
	padding-left:4em;
	background-image: url('/static/images/message_icon_error.png');
	background-repeat: no-repeat;
	background-position: 1em 1em;
}

.round{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.square_bottom{
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-bottom-right-radius: 0;
	-moz-border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.square_top{
	-webkit-border-top-right-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-top-right-radius: 0;
	-moz-border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
	
.shadowed{
	box-shadow:#797979 0 5px 5px 0;
}


.button.orange{
	font-weight: bold;
}


#report_button{
	background: none;
}


/********************** Project History ***********************************************************************/


/* ###################################
 * Project Elements
################################### */

#project_elements{
	height:100%;
}

#project_label{
	margin:0;
	padding:0.5em 1em;
	border-bottom: solid 1px;
	white-space: nowrap;
}
#project_label .add, #project_label #report_button{
	line-height: 3em;
}
#project_label .label{
	float:left;
	max-width: 68%;
	overflow:hidden;
	white-space: nowrap;
}

.empty_section{
	line-height: 2.5em;
	text-shadow:#FFF 1px 1px 1px;
}

.zg .header{
	padding:0.5em 1em 0.5em 0.5em;
	line-height: 1.25em !important;
}

.zg .header .label{
	width:65%;
	overflow: hidden;
}

.handle{
	display: inline-block;
	padding-right:0.5em;
}
.handle:hover{
	cursor: url('/static/images/move_cursor.png'), move;
}
.delete:hover{
	cursor: pointer;
}

input.processing{
	background-image: url('/static/images/processing.gif');
	background-repeat: no-repeat;
	background-position: right;
}

.inactive{
	cursor: default !important;
}

.inactive .toggled,
.processing .toggled,
#project_elements .processing .delete,
#side_nav li.processing .element_toggle,
.indicator{
	display:none;
}


.processing .indicator{
	display:inline-block;
}

#side_nav ul, #notification_panel ul{
	border-collapse: collapse;
	clear:both;
	list-style:none;
	margin:0;
	padding:0;
}

#side_nav ul li ul, #notification_panel ul li ul{
	border:none;
}

.pe_link_list ul, .feedburnerFeedBlock ul{
	min-height: 1em;
}

.pe_link_list li, .feedburnerFeedBlock ul li{
	overflow: hidden;
	display:block;
	list-style:none;
 	margin: 0;
	padding:0.5em 1em 0;
	border-bottom: solid 1px;
	white-space: normal;
}

.feedburnerFeedBlock ul li{
	padding-top:0.75em;
}
.feedburnerFeedBlock ul li:nth-child(even) {
    background: #bdc4c7;
}

.feedburnerFeedBlock ul li .date{
	display:none;
}
.feedburnerFeedBlock ul li div{
	font-size:0.8em;
	margin-bottom:1.5em;
	margin-top:0;
}

.pe_link_list li a, .pe_link_list li p, .feedburnerFeedBlock ul li a{
	display: inline-block;
	font-size: 0.8em;
	line-height: 0.9em;
	margin:0;
	padding:0 0 1em;
	text-transform: uppercase;
	text-decoration: none;
}
.feedburnerFeedBlock ul li .headline a{
	font-size: 0.9em!important;
	padding-bottom:0;
	margin-bottom:0;
	margin-top:0.25em;
	line-height: 1em; 
}

.pe_link_list li .ghex_sub_elements{
	display:none;
}
.pe_link_list.active .ghex_sub_elements{
	display:inherit;
}

.pe_link_list.active .ghex_sub_elements li{
	margin-left: 2.5em;
	padding:0.25em 0.5em;
	font-size: 0.9em;
	border-top:solid 1px;
}
.pe_link_list .label{
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	width:49%;
	line-height: 1.75em;
}

#project_elements .category .button,
.help_link{
	margin:0.25em 0;
	display: inline-block;
	float:right;
	background: inherit;
	white-space: nowrap;
	text-decoration: none;
	height:1.1em;
	padding:0.25em 0.5em;
	line-height: 1em;
}

#project_elements .category,
#notification_panel .category{
	clear:both;
	margin:0;
	padding:0 1em;
	height: 2em;
	line-height: 2em;
	border-top: solid 1px;
	border-bottom: solid 1px;
	vertical-align: middle;
	overflow: hidden;
	font-size: 0.9em;
	text-transform: uppercase;
}


/********************** GHEX SELECTOR ****************************************************************************/
#heating_heading, #cooling_heading{
	padding:0.5em;
}
.is_dominant{
	border:solid 1px;
}

#heating_longer, #cooling_longer{
	padding:0.5em;
}
#heating_longer .flag, #cooling_longer .flag{
	margin:0;
}

#ghex_selector{
	display: none;
	overflow: hidden;
	white-space: nowrap;
	height:140px;
	margin:0;
	padding:0;
	border:solid 1px;
	-webkit-box-shadow: 0px 0px 30px rgba(250, 250, 250, 0.2);
	-moz-box-shadow:    0px 0px 30px rgba(250, 250, 250, 0.2);
	box-shadow:         0px 0px 30px rgba(250, 250, 250, 0.2);
}


#ghex_selector .option{
	display: inline-block;
	margin:0;
	padding:0 !important;
	-webkit-transition: all .75s ease;
	-moz-transition: all .75s ease;
	-ms-transition: all .75s ease;
	-o-transition: all .75s ease;
	transition: all .75s ease;	
}
#ghex_selector #vb{
	border-left: solid 1px;
	border-right: solid 1px;
}
#ghex_selector #ht{
	border-right: solid 1px;
}

#ghex_selector .text{
	width:140px;
	margin:0;
	padding:0;
	position: absolute;
	line-height: 140px;
	text-align: center;
	font-weight: bold;
	font-size: 4em;
	-webkit-transition: color.2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;

}

#ghex_selector img{
	width:140px;
	margin:0;
	padding:0;
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	filter:alpha(opacity=50);
	-webkit-transition: all .75s ease;
	-moz-transition: all .75s ease;
	-ms-transition: all .75s ease;
	-o-transition: all .75s ease;
	transition: all .75s ease;
	-webkit-transform: translate3d(0,0,0); /* this stops the text from popping in front at the end of transitions */
}

#ghex_selector a:hover img{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter:alpha(opacity=100);
}
#ghex_selector a:focus{
	border:none;
}

.no_title .ui-dialog-titlebar{display: none;}
.no_title.ui-widget-content{border:none;}

#formation_container .start_depth,
#formation_container .stop_depth{
	width:3em;
}

#formation_container .start_depth{
	background: none;
	border: none;
	text-align: center;
	margin:0;
	padding:0;
}

table#formation {
	position: relative;
	width: 98%;
	margin: 0.5em auto;
}
#formation ul{
	list-style: none;
	margin:0 auto;
	padding:0;
	white-space: nowrap;
}
#formation ul li{
	display: inline-block;
	white-space: nowrap;
	line-height: 1.1em;
	margin:0 0 0 -0.5em;
	padding:0;
}
#formation tbody > tr:first-child > td{
	padding-top: 10px;
}
#formation{
	border-spacing:0.3em;
	border-collapse: separate;
}
#formation thead th{
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0.5em;
	border-bottom:solid 1px;
}
#formation th,
#formation td{
	line-height: 1.1em;
	margin: 0;
	padding:0.2em 0.5em;
	margin:0 0.5em;
	text-align: center;
}

/********************** Delete Window and Buttons ********************************************************************/

img.delete{
	border-top:none;
}

.delete_confirmation .ui-dialog-buttonpane.ui-widget-content{
	border-top:none;
	position: relative;
	background: inherit;
}


.delete_confirmation .ui-widget-header{
	border-bottom:solid 1px;
	font-size:1.2em;
}

.delete_confirmation p {
	font-size:0.9em;
}




/********************** EWT Window ***********************************************************************/
.edit_EWT:hover{
	cursor: pointer;
}

.edit_pane .ui-widget-header{
	border:none;
	font-size:1.2em;
}

.edit_pane.warning .ui-widget-header{
	border-bottom: solid 1px;
}

.edit_pane p, .edit_pane li{
	font-size:0.9em;
}

.edit_pane ul{
	margin:-1em 0 0;
	padding:0.5em;
	list-style:none;
}

.edit_pane ul.error li{
	text-align: center;
}

.edit_pane li{
	padding: 0 0 .4em;

}

.edit_pane .ui-dialog-buttonpane{
	text-align: center;
	border: none;
}

.edit_pane .ui-dialog-buttonpane.ui-widget-content{
	position: relative;
	background: inherit;
}

.edit_pane.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
	text-align: center;
}
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button{
	height:2em;
}

.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button .ui-button-text{
	border:none;
	background: none;
	color: inherit;
	line-height:1em;
	text-transform: uppercase;
}

.edit_pane.warning.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-state-default{
	-webkit-transition: background .75s ease, color .75s ease;
	-moz-transition: background .75s ease, color .75s ease;
	-ms-transition: background .75s ease, color .75s ease;
	-o-transition: background .75s ease, color .75s ease;
	transition: background .75s ease, color .75s ease;
}

.edit_pane.warning.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-state-default:hover{
	border:solid 1px;
}

.no_close .ui-dialog-titlebar-close{
	display: none;
}
.edit_pane.ui-dialog .ui-dialog-titlebar-close{
	position:relative;
	float:right;
	margin:0;
	top:0.3em;
	right:0.3em;
	outline:none;
	background:none;
	border:solid 1px;
}

.edit_pane.ui-dialog .ui-dialog-titlebar-close .ui-icon{
	width:17px;
	height:32px;
	top:0;
	background-image: url(/static/images/close.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
/********************** Session Timeout ***********************************************************************/
/* pretty much all of the formatting is done through the .edit_pane class.  Just modify colors here. */

.edit_pane.staying_alive .ui-widget-header{
	border-bottom: solid 1px;
}

.edit_pane.staying_alive #time_to_exit{
	font-size:6em;
	font-weight: bold;
}
.edit_pane.staying_alive #seconds{
	font-size:1.5em;
	font-weight: bold;
	line-height: 1em;
	margin-top:-0.8em;
}



/********************** Tables ***********************************************************************/

table.unbound{
	margin:0 auto;
}

table.stretch{
	width:90%;
}

table.unbound td, table.unbound th{
	padding:0.25em 0.5em;
}
table.accounting{
	margin: 0 auto;
	border-collapse: collapse;
	font-size:0.8em;
}
table.accounting td, table.accounting th{
	padding:0.5em 1em;
	border:solid 1px;
}
table.auto_width{
	width:auto;
}
table.accounting thead th, table.accounting tfoot th{
	white-space: normal;
	-webkit-transition: background .75s ease, color .75s ease;
	-moz-transition: background .75s ease, color .75s ease;
	-ms-transition: background .75s ease, color .75s ease;
	-o-transition: background .75s ease, color .75s ease;
	transition: background .75s ease, color .75s ease;
}

.no_fill{
	background:none !important;
}

table.accounting tfoot{
	font-weight: bold;
}
table.accounting tfoot td{
	text-align: center;
}

table.accounting tfoot .total th{
	text-align: right;
}
table.accounting .table_label h3{
	margin:0;
	padding:1em;
}

table.accounting th{
	font-weight:normal;
	text-align:center;
}

table.accounting tbody th{
	text-align: right;
}
table.accounting tbody td{
	text-align: center;
}

table.accounting input{
	width:90%;
	min-width:2em;
	max-width:6em;
}

.no_border_bottom_right{
	border-right:none !important;
	border-bottom: none !important;
}
.no_border_bottom_left{
	border-left:none !important;
	border-bottom: none !important;
}
.no_border_top_right{
	border-right:none !important;
	border-top: none !important;
}
.no_border_top_left{
	border-left:none !important;
	border-top: none !important;
}

table.unbound th, .th_like{
	font-weight:normal;
	text-align:left;
}
.center_col_head thead th{
	text-align: center;
}
table.unbound tbody th, tbody .th_like{
	text-align: right;
	padding-right: 1em;
}
table.unbound thead th{
	border-bottom:solid 1px;
}
table.unbound{
	border-spacing: 2px;
}

table.fake_row.unbound td{
	padding:0;
	margin:0;
}

table.fake_row .row{
	width:auto;
	position: relative;
	margin:0;
	padding:0;
	border-bottom:solid 2px;
}

table.fake_row .row .cell{
	margin:0.5em 1em;
}

table.fake_row .row_label{
	padding-right:0.5em;
	line-height: 2.5em;
}
table.fake_row input{
	padding:0.25em 0.5em;
	margin:0;
	line-height: 1.5em;
}
#design_day .label_input_pair{
	margin:0.5em auto;
}

/********************** Graphs ***********************************************************************/

#grout_graph_button img{
	margin:0.125em 0.5em 0 0;
}

#grout_graph_container p, #ewt_vs_time_graph_container p{
	margin-top:0.5em;
}


#grout_graph, #ewt_vs_time, #spacing_graph{
	margin:2em auto;
	height:350px;
	width:90%;
	display:block;
}

.inactive.graph_button:hover{
	background:none !important;
	cursor: help !important;
}

#energy_graph{
	margin:2em 1em;
	height:350px;
	display:block;
}

#grout_highlight_tooltip, #ewt_highlight_tooltip, #spacing_highlight_tooltip{
	padding:0.5em;
}

#grout_highlight_tooltip .val, #ewt_highlight_tooltip .val, #spacing_highlight_tooltip .val{
	font-weight: bold;
}

.legend{
	width:90%;
	border:solid 1px;
	padding:0.5em;
	margin:1em auto;
	font-size: 0.9em;
}

#energy_graph_legend{
	margin-top:4em;
}
.legend div{
	margin:0.5em 1em;
	display: inline-block;
	vertical-align: middle;
}
.legend label{
	line-height: 1em;
}

.legend .color_block{
	vertical-align: middle;
	line-height: 1em;
	width:1em;
	height:1em;
	display:inline-block;
	border:solid 1px;
	margin-right:0.25em;
}


/********************** Sliders ***********************************************************************/
.ui-slider.inline{
	width:65%;
	display:inline-block;
	margin-right:5%;
}
.ui-slider,.unbound .ui-slider, .r_o_slider{
	height:2em;
	margin:0.5em 0;
	border:solid 1px;
}

.r_o_slider{
	position: relative;
	width:100%;
	white-space: nowrap;
	overflow: hidden;
}

.r_o_slider.inline{
	float:left;
	width:72%;
	display:inline-block;
}

.left_field .r_o_slider.inline{
	float:right;
}

.r_o_slider .message{
	line-height: 2.5em;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.8em;
	padding: 0 0.2em;
}
.r_o_slider .fill{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	height:100%;
}
.r_o_slider .inside_fill{
	display: block;
	line-height: 2em;
	text-align: center;
}
.r_o_slider .outside_fill{
	text-align: left;
	line-height: 2em;
	text-indent: 0.5em;
}
.ui-slider, .ui-slider-handle, .ui-slider-range{
	border-radius: 0;
}

.ui-slider .ui-slider-handle{
	width:1.5em;
	height: 3em;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -0.3em;
	margin-left: -0.25em;
}

.slider_container{
	display: block;
	width:100%;
	clear:both;
	text-align: center;
	margin:0 auto;
	white-space:nowrap;
	height:1em;
}

.slider_container label{
	display:block;
	text-align:left;
}
.slider_blank{
	clear:both;
	width:100%;
	margin:0 auto;
	line-height: 3.125em;
}

.slider_container .ui-slider{
	width:70%;
	min-width:5em;
	float:left;
	height:2.5em;
	border:solid 1px;
	white-space:nowrap;
}

#circ_fluid_slider.ui-slider{
	width:99.8%;
	float:none;
}
.slider_container.left_field .ui-slider{
	float:right;
}

.slider_container input,
.slider_blank input{
	white-space:nowrap;
	text-align: right;
	margin-left:2%;
	width:20%;
	min-width: 4.1em;
	float:right;
	height: 2.15em;
	padding:0.1em 0.2em;
}

.slider_container.left_field input,
.slider_blank.left_field input{
	float:left;
}

.slider_container input{
	margin-top:0.5em;
}
.row_label{
	line-height: 3.125em;
}
.scaled_slider{
	width:75%;
	margin:0 auto;
}

.scale_label, .scaled_slider .tick{
	font-size:0.7em;
}
.scaled_slider .scale{
	margin:0.5em 0;
}

.slider_value{
	line-height: normal;
	text-align: center;
	position: relative;
	display: block;
	font-size:0.7em;
	padding:0.5em;
	border:solid 1px;
	vertical-align: middle;
	width:5em;
	margin-left:-2.84em;
}

.slider_value div{
	margin-top:0;
}

.scaled_slider .slider_value .handle_extension{
	position: absolute;
	width:1px;
	height:2.3em;
	margin:0 auto;
	left:50%;
}
a.ui-slider-handle{
	text-decoration: none;
}
.scaled_slider .ui-slider-handle{
	z-index: 50;
}
.scaled_slider .ui-slider-handle:focus{
	outline:none;
}

.slider_value.upper{
	top: -4.8em;
}
.slider_value.lower{
	top: 3.4em;
}

.scaled_slider .slider_value.upper .handle_extension{
	top:100%;
}

.scaled_slider .slider_value.lower .handle_extension{
	top:-1.6em;
	height:1.6em;
}

.slider_value.input{
	line-height: 100%;
	white-space: nowrap;
}
.slider_value input{
	float: none;
	margin:0 auto;
	padding: 0;
	border:none;
	display: inline;
	width:100%;
	max-width:3em;
	text-align: right;
}

.scaled_slider .tick{
	display: block;
	float: left;
	margin:0;
	padding:0;
	white-space: nowrap;
	text-align: center;
}
.scaled_slider .ui-slider{
	clear: both;
	margin:0.5em 0 -0.75em;
}

.clear_both{
	clear:both;
}

.section_column{
	width:90% !important;
	margin:auto  !important;
}
.button.locked:hover{
	background:inherit;
	cursor: default;
}

#id_order{
	list-style: none;
}
/* KEEP THIS AT THE BOTTOM OR DISPLAY MAY BE OVERRIDDEN BY SUBSEQUENT CLASSES */
.no_wrap{
	white-space: nowrap;
}
.hidden{
	display: none !important; 
}

.ui-datepicker-header .ui-icon{
	text-indent: 0;
	overflow: visible;
	font-size: 0.8em;
}

.ui-datepicker-header .ui-corner-all:hover{
	cursor: pointer;
}

#user_table td{
	padding:0.5em;
}
.loading{
	background: url('/static/images/spinner-big.gif');
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

#print_form ul li{
	font-size: 0.9em;
	line-height: 1em;
	padding:0.5em 0;
}
#print_form ul li a{
	padding-left:1.5em;
}


.page_section {
	display:block;
	margin: 3% auto;
	width: 65%;
	position: relative;
	padding-bottom: 3em;
}

.page_section h1{
	font-size:3em;
	font-weight: normal;
    text-align: center;
    border-top: solid 1px ;
    border-bottom: solid 1px;
    margin-bottom: 1em;
}

.page_section .two_column{
	margin:0 auto;
}

.dark_bg{
	padding:1.5em 0;
}

#message_tray{
	padding:5px;
	margin:0 auto;
	clear:both; 
	width:50%;
	text-align:center; 
	-webkit-box-shadow: 0px 0px 20px 0px rgba(100, 101, 102, 0.33);
	-moz-box-shadow: 0px 0px 20px 0px rgba(100, 101, 102, 0.33);
	box-shadow: 0px 0px 20px 0px rgba(100, 101, 102, 0.33);
}

#design_better_header h1,#design_better_header #rlc,#design_better_header #geothermal,#design_better_header #simple{
	font-size:1.2em;
	line-height: 1em;
	font-weight: bold;
	border:none;
	margin-bottom:0;
	text-align:left;
}
#design_better_header #rlc{
	font-size: 1em;
}

#design_better_header #simple{
	font-size: 2em;
}
#res_house{
	margin:1em auto;
	width:60%;
}
#uname, #pwd{
	padding:0.5em 0;
	display:block;
}
#login_button{
	width:90%;
	margin:auto;
}
#forgot_pwd{
	display:block;
	font-size: 0.8em;
	margin-left:1em;
	padding-bottom: 1em;
}

@media all and (min-width: 660px) {
	#uname{
		margin-right:1em;
	}
	#login_button{
		width:auto;
	}
	#forgot_pwd, #uname, #pwd, #login_button{
		display:inline-block;
	}
	#res_house{
		margin:3em auto;
		width:60%;
	}
	#design_better_header h1{
		font-size: 2em;
		white-space: nowrap;
		text-align: center;
	}
	#design_better_header #rlc{
		font-size: 0.7em;
		line-height: 0.7em;
	}
	#design_better_header #geothermal{
		font-size: 1.25em;
		line-height: 1em;
	}
	#design_better_header #simple{
		font-size: 2.08em;
		line-height: 1em;
	}
}

.icon{
	display: none;
	text-align: center;
	vertical-align: middle;
}

.perm_icon{
	display: inline-block;
	text-align: center;
}
.sm_icon{
	display: inline-block;
	padding-right:1em;
	height:1em;
}


/* Firefox has this super cool feature where it ingores forms with all hidden fields
 * this makes submitting our list filters impossible! Thanks Mozilla. */

.ff_form_hide{
	position:absolute;
	visibility: hidden;
}

.user_info_panel {
	min-height:400px;
	display: none;
}
.user_info_panel .panel_footer{
	border-top: solid 1px;
	padding-top: 0.25em;
	margin-top:1em;
}

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius:  0 !important;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0 !important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0 !important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0 !important;
}

.ui-widget {
    font-family: 'Open Sans', Verdana, Geneva, sans-serif !important;
    font-size: 1em !important;
}
.ui-widget-overlay {
	opacity: .50;
	filter: Alpha(Opacity=50);
}

.ui-widget-content{
	font-size:100%;
	font-family: 'Open Sans', Verdana, Geneva, sans-serif !important;
	-moz-font-feature-settings: "kern" off;
	-webkit-font-feature-settings: "kern" off;
	-o-font-feature-settings: "kern" off;
	/* Do not put the generic font-feature-settings in. It break fonts in IE10+ */
}

.ui-buttonset{
	white-space: nowrap;
	margin-top:1em;
}

.ui-dialog{
	padding:0;

}
.ui-dialog .ui-dialog-titlebar {position: relative; border-top: none; border-right: none; border-left: none;  }
.ui-dialog .ui-dialog-title { text-transform: uppercase; font-weight: normal;}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; outline:none;}

th.above_500{
	display: none;
}
@media all and (min-width: 500px) {
	th.above_500{
		display:table-cell;
	}
	#top_right{
		border-left:solid 1px;
		border-top:none;
		padding-top:0;
		background: none;
		clear:none;
		float:right;
		font-size: 1em;
		text-transform: uppercase;
		height:4em;
		line-height: 3.5em;
	}
	#top_right a{
		width: auto;
		padding:0.25em 1em;
	}
	
	#sign_up{
		width:auto;
		padding:0 3em  !important;
	}
	#main_content{
		clear:none;
	}	
	.large_screen_only{
		display: inherit;
	}
	#page_links{
		white-space: nowrap;
		display: inline;
		float:left;
		overflow:hidden;
	}
	#page_tabs{
		float:right;
		display: inline-block;
		width: auto;
		border-top:none;
	}
	#page_tabs .tab{
		display:inline-block;
		border-left:solid 1px;
		border-right:none;
		float:left;
	}
	#save_block{
		float:right;
		border-left:solid 1px;
	}
	
}

@media all and (min-width: 960px) {
	#object_summary{
		position:fixed;
		bottom:0;
		width:100%;
		border-right: none;
		border-top:solid 1px;
		z-index:100;
		padding:0;
	}
	
	#folder_nav_container{
		bottom:auto;
		position:relative;
		width:20%;
		min-width:275px;
		float:left;
		border-right:solid 1px;
		padding:0;
	}
	
	#object_summary .primary_category,
	#folder_nav_container .primary_category{
		padding:0 1em;
	}
	#object_summary .group{
		width:30%;
		min-width: 300px;
		float:left;
		margin:1em 0.5em;
		border: solid 1px;
	}
	#side_nav,
	#save_block,
	#notification_panel{
		float:right;
		width:20%;
		min-width:275px;
	}

	
	#small_screen_nav{
		display:none;
	}
	#side_nav, 
	#object_summary,
	#notification_panel,
	#save_block,
	#folder_nav_container{
		display:inline-block;
	}
	/********************** Column Configs ***********************************************************************/

	.col.right{
		float: right;
	}
	.col.left{
		float:left;
	}
	.two_column > .col{
		width:48%;
	}
	.two_column > .col.majority{
		width:68%;
	}
	.two_column > .col.minority{
		width:28%;
	}
	
	.message .two_column{
		display:block;
		width:100%;
		padding:0;
		height:1em;
	}
	.message .two_column > .col{
		width:43.9%;
		margin-bottom:0.5em;
	}
	
	.three_column > .col{
		display: inline-block;
		width:32.66%;
	}
	.three_column > .lg_col.col{
		width:80%;
	}
	.three_column > .md_col.col{
		width:60%;
	}
	.three_column > .two_equal_col.col{
		width:38%;
	}
	.three_column > .sm_col.col{
		width:21%;
	}
	
	.highlight_col{
		margin-left:0;
	}
	.page_section{
		max-width:980px;
	}
	.page_section .two_column{
		margin:0 auto;
	}
	.icon{
		display: inline-block;
		text-align: center;
	}
	.sm_icon{
		display: none;
	}
	#features .icon img{
		width:90%;
		max-width: 300px;
	}
	#affordable .icon{
		margin:41px auto;
	}
	#up_to_date .icon{
		margin:48px auto;
	}
	#ready .icon{
		margin:25px auto;
	}
	#secure .icon{
		margin:32px auto;
	}
	
	#peace_of_mind .icon{
		margin:21px auto;
	}
	#support .icon{
		margin:61px auto;
	}
	
	
	#zone_group .icon{
		margin:22px auto;
	}
	
	#scalable .icon{
		margin:49px auto;
	}
	
	#drag_and_drop .icon{
		margin: 0 auto;
	}
	#toggle_and_test .icon{
		margin:39px auto;
	}
	#duplicate .icon{
		margin:39px auto;
	}
	#ewts .icon{
		margin:36px auto;
	}
	#help_in_context .icon{
		margin:28px auto;
	}
	#invite_anyone .icon{
		margin:60px auto;
	}
	#permissions_granted .icon{
		margin:28px auto;
	}
	#check_out .icon{
		margin:30px auto;
	}
	#check_in .icon{
		margin:70px auto;
	}
	#accountability .icon{
		margin:24px auto;
	}
	#add_equipment .icon{
		margin:39px auto;
	}
	
	#import_zones .icon{
		margin:22px auto;
	}
	#import_loads .icon{
		margin:68px auto;
	}
	#hotwater .perm_icon{
		margin:82px auto;
	}
	#filter .icon{
		margin:31px auto;
	}
	#eq_corrections .icon{
		margin:30px auto;
	}
	#mix_match .icon{
		margin:47px auto;
	}
	#flow .icon{
		margin:46px auto;
	}
	#hybrid .icon{
		margin:43px auto;
	}
	#material .icon{
		margin:72px auto;
	}
	#graph .icon{
		margin:32px auto;
	}
	#year_n .icon{
		margin:48px auto;
	}
	#pipe_configs .icon{
		margin:28px auto;
	}
	#casing .icon{
		margin:23px auto;
	}
	#inside_the_box .icon{
		margin:auto;
	}
	#entry_adjusted .icon{
		margin:30px auto;
	}
	#offset .icon{
		margin:auto;
	}
	#approach_angle .icon{
		margin:31px auto;
	}
	#headering .icon{
		margin:36px auto;
	}
	#vaults .icon{
		margin:26px auto;
	}
	#pipes .icon{
		margin:36px auto;
	}
	#manual_header .icon{
		margin:37px auto;
	}
	#warns .icon{
		margin:66px auto;
	}
	#reports .perm_icon{
		margin:67px auto;
	}
	#help .perm_icon{
		margin:87px auto;
	}

	.r_bg{
		background-repeat: no-repeat;
		background-position: 80% 50%;
	}
	
	.l_bg{
		background-repeat: no-repeat;
		background-position: 20% 50%;
	}

}
@media all and (min-width: 1200px) {
	#object_summary{
		bottom:auto;
		position:relative;
		width:20%;
		min-width:330px;
		float:left;
		border-right:solid 1px;
		border-top:none;
		padding:0;
	}

	#object_summary .group{
		float:none;
		width: 100%;
		border:none;
		margin: 0 0 0.5em;
	}
}

.ui-dialog .ui-dialog-titlebar, .ui-widget-overlay, .ui-state-active{
	background: none;
}




#comparison_table th{
	font-weight: normal;
	background-color: #D6D6D6;
	color:#515151;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #d8dadf;
	
	padding:0.5em;
}
#comparison_table thead th{
	background-color: #d8dadf;
	border-color:#AAA;
	color:#515151;
	padding:1em;
}
#comparison_table tr:nth-child(even) td {
	background-color: #EDEDED;
}

#comparison_table tr.section_divide td,#comparison_table tr.section_divide th{
	border-top-width:2px;
	border-top-color:#AAA;
}


#comparison_table td {
	border: 1px solid #d8dadf;
	padding:0.25em 1em;
}

#comparison_table td.light{
	color:#BBB;
}
#comparison_table{
	border-collapse: collapse;
	width:90%;
	margin:0 auto;
	border: 1px solid #AAA;
	font-size: 0.9em;
}