/* BEGIN Utility Styles */
.clear
{
	clear:both;
}

.fl
{
	float: left;
}

.fr
{
	float: right;
}

.abs
{
	position: absolute;
}

.rel
{
	position: relative;
}

.field
{
	border-bottom: 1px solid #C9D7ED;
	display: inline-block;
	width: 90px;
}

.btext
{
	font-weight: bold;
}

span.required_indicator:last-of-type
{
	display: inline;
	padding: 0 1px;
}

.wizard .title
{
	font-weight: bold;
}

/* END Utility Styles */



/* BEGIN Reset Styles */
table
{
	border-collapse: collapse;
}

table td
{
	padding: 0;
}

a img
{
	border: 0px;
}
/* END Reset Styles */


/*Page elements hidden in connect/epumpflo that were visible in premium.
 * payment button from profile dialog
 * calculator buttons (these are moved to menus)
*/
a#payment_page_btn, .calcBtn
{
	display:none;
}



/*
--------------------------------------------------------------------------------------------------------------

The following styles are the default set of styles and may be overridden by storefront specific styles.

NOTE:
When adding to this file do not specify colors, background images, font-famlies unless there is a good reason,
like setting up the default theme. Because, it makes building a storefront specific stylesheet more difficult.

--------------------------------------------------------------------------------------------------------------
*/
html
{
	font-family: Tahoma,Geneva,sans-serif;
	/*font-size: 11pt;*/ /*letting browser set it's own default*/
}

body
{
	margin: 0;
	padding: 0;
	
	font-size: 0.85em;
	
	background-image: url('/_static/images/site/background-gradient.png');
	background-repeat: repeat-x;
	background-color: #DFDFDF;
}

input[type=text], input[type=tel], input[type=number]
{
	width: 75px;
}

input[type=password]
{
	width: 145px;
}

input[type=text].normal
{
	width: 145px;
}

.main
{
	margin: 0 1em;
	padding: 0 2px;
}


/* BEGIN Navigation Styles */
.pf-nav 
{
	margin-bottom: .3em !important; /*do not allow section class to override*/
}

.pf-nav .title ul
{
	margin: 0;
	padding: 0;
	
	list-style: none;
}

.pf-nav .title ul li
{
	line-height: 1.8em;
	display: block;
	float: left;
}

.pf-nav .title ul li a, .pf-nav .title ul li span
{
	/*display: block;*/
	margin: 0 0.3em;
}

.pf-nav .content a
{
	display: block;
	float: left;
	margin: 0 0.3em;
	border: 1px solid transparent;
}

.pf-nav .LinkItem a 
{
	color: white; text-decoration: none;

}

.pf-nav .LinkItem a:hover 
{
	text-decoration: underline;
}

.pf-nav .LinkItem::after
{
	content: ">";
	font-size: .65em;
	vertical-align: middle;
	position: relative;
	top: -.1em;
}
/* END Navigation Styles */


/* BEGIN Page Section Styles */
.section
{
	margin: 0;
	padding: 0.2em;
}

.section .title
{
	padding: 0.2em 0.5em 0.2em 0.5em;
	line-height: 1.8em;
	height: 1.8em;
}

.section .content
{
	margin: 0.2em 0.5em 0 0.5em;
}

.section table td
{
	padding: 0.2em;
}

.section table
{
	margin:  0 -0.2em
}

.content p
{
	padding-left: 0px; /*don't double-up left-side padding*/
}

.bodytext
{
	max-width: 450px;
	text-align: justify;
}
/* END Page Section Styles */


/*BEGIN criteria page */
.criteria_columns
{
	width: 50%;
	float: left;
}

.searchBlock
{
	clear:both;
}


/*Generic Dialog Boxes*/
.ui-dialog-content td 
{
	padding: .25em .5em;
}

/*change email dialog*/
#change_email_error .link_button 
{
	display: block;
	text-decoration: underline;
	text-align: right;
	cursor: pointer;
}

/*BEGIN Resistance Curve Dialogs*/
#id_resistance_curves
{
	text-align: center;
}

#id_resistance_curves
{
	padding: .4em .6em;
}

#id_resistance_curves select
{
	width:94%;
	margin:10px 0;
	padding:0;
}

#resistance_curve_editor #rescrv_editor_name_cont
{
	text-align: center;
	margin-bottom: 5px;
}

#resistance_curve_editor table
{
	margin-left: auto;
	margin-right: auto;
}

#resistance_curve_editor input
{
	width:80px
}

#resistance_curve_editor #src_name
{
	width: 110px;
}

#generate_src_dialog input
{
	width:80px;
}
/*END Resistance Curve Dialogs*/


/*BEGIN Pump Page*/
li.pump-tab img 
{
	margin-right: 3px;
}

li.pump-tab span, li.pump-tab img
{
	height: 24px;
	vertical-align:middle;
}

.pumptab-dataentry
{
	float:left;
	margin-left: 1.5em;
	width:256px;
}

#btnGraphSettings
{
	margin-top: 2px;
}
/*END pump page*/


/*BEGIN Profile*/

fieldset 
{
	border: none;
	padding: 0;
	border-radius: 7px;
}

fieldset.grouped:hover, fieldset:not(.grouped) li:hover, .active
{
	background-color: rgba(90,124,193,.2);
}

li.no-highlight
{
	background-color: inherit !important;
}

ul.form 
{
	margin: 0;
	padding: 0;
}

ul.form li 
{
	list-style:none;
	padding: .25em .5em;
	margin: .1em 0;
	white-space:nowrap;
	border-radius: 7px;
}

ul.form label 
{
	display: inline-block;
	width: 110px;
}

ul.form input[type=text]:focus, 
ul.form input[type=password]:focus,
ul.form select:focus
{
	outline-color: rgba(59,80,129,1);
	box-shadow: 0 0 3px rgba(59,80,129,1);
}

p.tip 
{
	margin: auto; 
	text-align: center; 
	font-style: italic;
}

input[type=text].profile, input[type=password].profile, select.profile
{
	/*width: 180px;*/
	width: 12em;
	box-sizing:border-box;
}

/* remove when we want i18n to show up */
#profile_lang_row
{
	/*display:none;*/
}

#profile_lang_row .language_label
{
    margin-right: 4px;
}
/*END Profile*/